:root{--bg-primary:#12141a;--bg-secondary:#1a1c24;--bg-card:#22242e;--bg-hover:#2a2d3a;--bg-active:#333748;--bg-input:#1e2028;--text-primary:#ecedf0;--text-secondary:#9a9db0;--text-muted:#5e6178;--accent:#9b6dff;--accent-hover:#8b5cf6;--accent-light:#9b6dff1f;--accent-glow:#9b6dff40;--gold:#d4a853;--gold-light:#d4a8531f;--success:#34d399;--success-light:#34d3991f;--warning:#fbbf24;--warning-light:#fbbf241f;--danger:#f87171;--danger-light:#f871711f;--border:#2e3142;--border-light:#262838;--radius:8px;--radius-lg:12px;--radius-xl:16px;--shadow:0 4px 16px #0006;--shadow-lg:0 8px 32px #00000080;--font:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body,#app{width:100%;height:100%;overflow:hidden}body{font-family:var(--font);background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;touch-action:manipulation;font-size:14px;line-height:1.5}button{font-family:var(--font);cursor:pointer;border-radius:var(--radius);border:none;min-width:44px;min-height:44px;padding:10px 16px;font-size:14px;font-weight:500;transition:background .15s,transform .1s,box-shadow .15s}button:active{transform:scale(.97)}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover);box-shadow:0 0 20px var(--accent-glow)}.btn-secondary{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover{background:var(--bg-hover)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{background:#ef5454}.btn-success{background:var(--success);color:#12141a;font-weight:600}.btn-success:hover{background:#2bc489}input,select,textarea{font-family:var(--font);background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-primary);outline:none;width:100%;min-height:44px;padding:10px 12px;font-size:14px;transition:border-color .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}input::placeholder{color:var(--text-muted)}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--border-light);padding:12px 16px}th{color:var(--text-muted);text-transform:uppercase;letter-spacing:.8px;font-size:11px;font-weight:600}tr:hover{background:var(--bg-hover)}.toast-container{z-index:10000;pointer-events:none;flex-direction:column;gap:8px;display:flex;position:fixed;top:16px;right:16px}.toast{pointer-events:auto;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);min-width:280px;max-width:400px;box-shadow:var(--shadow-lg);align-items:center;gap:10px;padding:12px 20px;font-size:13px;font-weight:500;animation:.3s toast-in;display:flex}.toast--success{border-left:3px solid var(--success)}.toast--error{border-left:3px solid var(--danger)}.toast--info{border-left:3px solid var(--accent)}.toast-icon{flex-shrink:0;font-size:16px}.toast--success .toast-icon{color:var(--success)}.toast--error .toast-icon{color:var(--danger)}.toast--info .toast-icon{color:var(--accent)}.toast-exit{animation:.25s forwards toast-out}@keyframes toast-in{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes toast-out{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(40px)}}.accent{color:var(--accent);font-weight:600}.gold{color:var(--gold);font-weight:600}@media (width<=768px){button,input,select,textarea{min-height:48px}}