*{box-sizing:border-box}html,body{margin:0;padding:0}:root{--bg: #f5f6f8;--surface: #ffffff;--surface-2: #f5f7f9;--surface-3: #eceff3;--border: #e6e9ee;--border-2: #eef1f4;--text: #1a1e24;--text-2: #5a626d;--text-3: #9aa1ad;--accent: #2563eb;--accent-2: #1d4ed8;--on-accent: #fff;--accent-weak: color-mix(in srgb, var(--accent) 8%, #fff);--green: #15a34a;--green-weak: #e8f6ed;--amber: #bd7c08;--amber-weak: #fbf1d8;--red: #dc2626;--red-weak: #fceaea;--sky: #0284c7;--sky-weak: #e2f2fb;--shadow-sm: 0 1px 2px rgba(17, 24, 39, .05);--shadow: 0 1px 3px rgba(17, 24, 39, .08), 0 1px 2px rgba(17, 24, 39, .04);--shadow-lg: 0 16px 40px rgba(17, 24, 39, .16);--rp: 14px}:root[data-theme=dark]{--bg: #0a0d12;--surface: #11151c;--surface-2: #161b23;--surface-3: #1d232d;--border: #242b36;--border-2: #1d232d;--text: #e9ecf1;--text-2: #9aa3b0;--text-3: #697080;--accent: #3b82f6;--accent-2: #2563eb;--on-accent: #fff;--accent-weak: color-mix(in srgb, var(--accent) 18%, #11151c);--green: #22c55e;--green-weak: #10241a;--amber: #e0a93a;--amber-weak: #241c0e;--red: #f0686a;--red-weak: #2a1414;--sky: #38bdf0;--sky-weak: #0b1e29;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow: 0 1px 3px rgba(0, 0, 0, .5);--shadow-lg: 0 18px 44px rgba(0, 0, 0, .55)}body{background:var(--bg);color:var(--text);font-family:Pretendard,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.5}::-webkit-scrollbar{width:11px;height:11px}::-webkit-scrollbar-thumb{background:var(--border);border-radius:10px;border:3px solid var(--surface)}::-webkit-scrollbar-track{background:transparent}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes ringa{0%,to{transform:rotate(-9deg)}50%{transform:rotate(9deg)}}.fade-up{animation:fadeUp .35s ease}.tnum{font-variant-numeric:tabular-nums}button,input,select{font-family:inherit}a{color:inherit;text-decoration:none}.card{background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow-sm)}.table{width:100%;border-collapse:collapse}.table th{text-align:left;font-size:12px;font-weight:700;color:var(--text-2);padding:13px 16px;border-bottom:1px solid var(--border);background:var(--surface-2)}.table td{padding:var(--rp) 16px;border-bottom:1px solid var(--border-2)}.table tbody tr:hover{background:var(--surface-2)}.input{width:100%;height:42px;padding:0 14px;border:1px solid var(--border);border-radius:11px;background:var(--surface);color:var(--text);font-size:14px}.input:focus{outline:none;border-color:var(--accent)}