:root{--lemon:#ffe600;--lemon-deep:#f5d400;--lemon-soft:#fff9cc;--lemon-glow:#ffe60059;--ink:#1a1a17;--ink-2:#3d3d38;--ink-3:#6b6b63;--ink-4:#9b9b92;--paper:#fcfbf7;--card:#fff;--card-2:#f7f6f1;--hair:#1a1a1712;--ok:#2e9e6b;--warn:#e8923a;--danger:#db4f4f;--r-lg:2rem;--r-md:1.5rem;--r-sm:.75rem;--ease:cubic-bezier(.32, .72, 0, 1);--shadow-soft:0 20px 50px -25px #1a1a1740, 0 8px 20px -15px #1a1a1726;--shadow-card:0 2px 8px -4px #1a1a1714, 0 12px 32px -18px #1a1a171f}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}button,input,select,textarea{font-family:inherit}.app-bg:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(60rem 40rem at 85% -10%,#ffe6001a,#0000 60%),radial-gradient(50rem 40rem at -10% 110%,#ffe6000f,#0000 55%);position:fixed;inset:0}.shell{background:var(--card-2);border:1px solid var(--hair);border-radius:var(--r-lg);padding:8px}.core{background:var(--card);border-radius:var(--r-md);padding:24px;box-shadow:inset 0 1px 1px #fff9}.btn{background:var(--lemon);color:var(--ink);cursor:pointer;transition:all .5s var(--ease);border:none;border-radius:999px;align-items:center;gap:10px;padding:12px 14px 12px 22px;font-size:14px;font-weight:700;display:inline-flex}.btn:hover{background:var(--lemon-deep)}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn .ico{background:var(--ink);width:30px;height:30px;color:var(--lemon);transition:transform .5s var(--ease);border-radius:50%;justify-content:center;align-items:center;font-size:14px;display:flex}.btn:hover .ico{transform:translate(3px)translateY(-1px)scale(1.05)}.btn-ghost{background:var(--card-2);color:var(--ink-2);border:1px solid var(--hair);cursor:pointer;transition:all .4s var(--ease);border-radius:999px;padding:10px 20px;font-size:14px;font-weight:600}.btn-ghost:hover{background:var(--card);color:var(--ink)}.btn-sm{padding:8px 16px;font-size:13px}.field{margin-bottom:16px}.field label{color:var(--ink-2);margin-bottom:7px;font-size:13px;font-weight:600;display:block}.field input,.field select,.input{border:1px solid var(--hair);background:var(--card-2);border-radius:var(--r-sm);width:100%;color:var(--ink);transition:all .4s var(--ease);padding:12px 14px;font-size:14px}.field input:focus,.field select:focus,.input:focus{border-color:var(--lemon-deep);box-shadow:0 0 0 4px var(--lemon-glow);background:#fff;outline:none}.pill{border-radius:999px;align-items:center;gap:6px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-flex}.pill.ok{color:var(--ok);background:#2e9e6b1f}.pill.warn{color:var(--warn);background:#e8923a24}.pill.danger{color:var(--danger);background:#db4f4f1f}.pill.neutral{background:var(--card-2);color:var(--ink-3)}.table{border-collapse:collapse;width:100%}.table th{text-align:left;color:var(--ink-4);letter-spacing:.04em;padding:12px 16px;font-size:12px;font-weight:600}.table td{border-top:1px solid var(--hair);padding:15px 16px;font-size:14px}.table tbody tr{transition:background .3s var(--ease)}.table tbody tr:hover{background:var(--lemon-soft)}.avatar{background:var(--lemon-soft);width:36px;height:36px;color:var(--ink);border-radius:12px;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:inline-flex}@keyframes rise{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.rise{animation:rise .7s var(--ease) both}.d1{animation-delay:40ms}.d2{animation-delay:.1s}.d3{animation-delay:.16s}.d4{animation-delay:.22s}.d5{animation-delay:.28s}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.muted{color:var(--ink-3)}.empty{text-align:center;color:var(--ink-4);padding:48px 0;font-size:14px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--hair);border:3px solid var(--paper);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--ink-4)}
