:root{--bg: #0b0c10;--bg-2: #0f1116;--surface: #14171e;--surface-2: #1c1f28;--surface-3: #252934;--border: #2a2e3a;--border-strong: #3a3f4d;--text: #ecedf2;--text-muted: #9097a8;--text-dim: #6a7185;--accent: #7a5cff;--accent-hover: #8f74ff;--accent-soft: rgba(122, 92, 255, .12);--danger: #ff4d6d;--success: #2ecd6f;--warning: #ffb020;--info: #4ED8E0;--body: "Poppins", system-ui, -apple-system, sans-serif;font-family:var(--body);color-scheme:dark}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;min-height:100%;background:var(--bg);color:var(--text);font-family:var(--body);font-size:14px;-webkit-font-smoothing:antialiased}body{background:radial-gradient(circle at 20% -10%,rgba(122,92,255,.08),transparent 50%),radial-gradient(circle at 90% 110%,rgba(78,216,224,.06),transparent 50%),var(--bg)}button{font-family:var(--body);cursor:pointer;border:none;background:var(--accent);color:#fff;padding:9px 16px;border-radius:8px;font-weight:600;font-size:13px;transition:all .12s ease;display:inline-flex;align-items:center;gap:6px}button:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 4px 12px #7a5cff40}button:active{transform:translateY(0)}button:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}button.secondary{background:var(--surface-2);color:var(--text);border:1px solid var(--border);box-shadow:none}button.secondary:hover{background:var(--surface-3);border-color:var(--border-strong);transform:translateY(-1px);box-shadow:0 2px 8px #0003}input,textarea{font-family:var(--body);background:var(--surface-2);border:1px solid var(--border);color:var(--text);padding:9px 12px;border-radius:8px;font-size:13px;outline:none;width:100%;transition:border-color .12s,box-shadow .12s}input:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}input::placeholder,textarea::placeholder{color:var(--text-dim)}textarea{resize:vertical;min-height:64px;font-family:var(--body)}a{color:var(--accent);text-decoration:none;transition:color .12s}a:hover{color:var(--accent-hover)}.page{max-width:1280px;margin:0 auto;padding:32px 24px}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:18px;transition:border-color .15s,transform .15s,box-shadow .15s}a.card,button.card{display:block;text-align:left}a.card:hover,.card-hover:hover{border-color:var(--border-strong);transform:translateY(-2px);box-shadow:0 12px 32px #00000059;text-decoration:none}.muted{color:var(--text-muted)}.dim{color:var(--text-dim)}.h1{font-size:24px;font-weight:600;margin:0 0 4px;letter-spacing:-.01em}.h2{font-size:15px;font-weight:600;margin:0 0 12px;letter-spacing:-.005em}.h3{font-size:13px;font-weight:600;margin:0;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.row{display:flex;gap:12px;align-items:center}.col{display:flex;flex-direction:column;gap:12px}.divider{height:1px;background:var(--border);margin:12px 0}.chip{display:inline-flex;align-items:center;padding:3px 10px;border-radius:999px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;background:var(--surface-2);color:var(--text-muted);border:1px solid var(--border)}.chip.accent{background:var(--accent-soft);color:var(--accent);border-color:#7a5cff4d}.chip.success{background:#2ecd6f26;color:var(--success);border-color:#2ecd6f4d}.chip.warning{background:#ffb02026;color:var(--warning);border-color:#ffb0204d}.chip.danger{background:#ff4d6d26;color:var(--danger);border-color:#ff4d6d4d}.thumb{width:72px;height:48px;background:linear-gradient(135deg,var(--surface-2),var(--surface-3));border-radius:6px;display:grid;place-items:center;color:var(--text-dim);flex-shrink:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .2s ease}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.pulse{animation:pulse 1.4s ease-in-out infinite}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--surface-3);border-radius:5px;border:2px solid var(--bg)}::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}select{font-family:var(--body);background:var(--surface-2);border:1px solid var(--border);color:var(--text);border-radius:6px;padding:6px 10px;font-size:12px;cursor:pointer}
