import React from "react" import ReactDOM from "react-dom/client" import App from "./App.jsx" import "./index.css" ReactDOM.createRoot(document.getElementById("root")).render(<React.StrictMode> <App /> </React.StrictMode>) :root{--bg: #0b0f19;--panel: #121726;--panel-2:#0f1422;--line: #243041;--text: #e6e8ee;--muted:#9aa3b2;--accent:#ffcc00;--accent-2:#ffd84a;--danger:#ff5d5d;--success:#36d28f;--shadow: rgba(0,0,0,.35)}*{box-sizing:border-box}html,body,#root{height:100%}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.divider{height:1px;background:linear-gradient(90deg,transparent,#1a2637 20%,#1a2637 80%,transparent);margin:8px 0}.round-8{border-radius:8px}.round-12{border-radius:12px}.elevate-1{box-shadow:0 6px 18px var(--shadow)}.elevate-2{box-shadow:0 10px 28px var(--shadow)}.section{background:linear-gradient(180deg,var(--panel),var(--panel-2));border:1px solid var(--line);border-radius:12px;padding:12px}.section-title{margin:0 0 10px;font-weight:700;letter-spacing:.2px;color:var(--accent);text-shadow:0 1px 0 rgba(0,0,0,.35)}input,select,textarea{background:#0f1422;color:var(--text);border:1px solid #263247;border-radius:8px;padding:8px 10px;outline:none;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}input::placeholder,textarea::placeholder{color:#7d8798}input:focus,select:focus,textarea:focus{border-color:#3b4d6a;box-shadow:0 0 0 3px #ffcc002e}input:disabled,select:disabled,textarea:disabled{opacity:.65;cursor:not-allowed}button,.btn,[role=button]{--btn-bg: linear-gradient(180deg, #1a2233, #141c2b);--btn-border: #2a3a53;--btn-shadow: 0 6px 14px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.04);appearance:none;background:var(--btn-bg);color:var(--text);border:1px solid var(--btn-border);border-radius:10px;padding:8px 12px;font-weight:600;letter-spacing:.2px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform .06s ease,box-shadow .12s ease,filter .12s ease,background .15s ease,border-color .15s ease;box-shadow:var(--btn-shadow);position:relative;isolation:isolate}button:hover,.btn:hover,[role=button]:hover{filter:brightness(1.05);border-color:#365074}button:active,.btn:active,[role=button]:active{transform:translateY(1px) scale(.997);box-shadow:0 3px 10px #00000059,inset 0 1px #ffffff08}button:focus-visible,.btn:focus-visible,[role=button]:focus-visible{outline:2px solid var(--accent);outline-offset:2px;box-shadow:0 0 0 3px #ffcc0038,var(--btn-shadow)}button:disabled,.btn:disabled{opacity:.55;cursor:not-allowed;transform:none;filter:grayscale(.2)}.btn-primary{--btn-bg: linear-gradient(180deg, #ffd84a, #ffcc00);--btn-border: #c9a100;color:#1a1a1a;text-shadow:0 1px 0 rgba(255,255,255,.25)}.btn-danger{--btn-bg: linear-gradient(180deg, #ff8383, #ff5d5d);--btn-border: #db3f3f;color:#1b0d0d}.is-active,[aria-pressed=true],.segmented .btn[aria-current=page]{background:linear-gradient(180deg,#222e45,#1b263a);border-color:#4b6a97;box-shadow:inset 0 0 0 1px #4b6a9759,0 6px 14px #00000059}button:after,.btn:after{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(120px 120px at var(--x,50%) var(--y,50%),rgba(255,255,255,.08),transparent 45%);opacity:0;transition:opacity .2s ease;pointer-events:none}button:hover:after,.btn:hover:after{opacity:1}button:active:after,.btn:active:after{opacity:.35}table{width:100%;border-collapse:collapse;background:#101626;border:1px solid var(--line);border-radius:10px;overflow:hidden}thead tr{background:#192236}th,td{padding:8px 10px;border-bottom:1px solid #1f2a3e}tbody tr:hover{background:#0f1524}.table-compact th,.table-compact td{padding:6px 8px}.table-sticky thead th{position:sticky;top:0;z-index:1;background:#1a2438;box-shadow:0 2px #00000040}.modal-backdrop{position:fixed;inset:0;background:#0000008c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:grid;place-items:center;z-index:1000;animation:fadeIn .12s ease}.modal{background:linear-gradient(180deg,var(--panel),var(--panel-2));border:1px solid var(--line);border-radius:12px;padding:16px;width:min(92vw,720px);box-shadow:0 20px 44px #00000073;animation:pop .16s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pop{0%{transform:translateY(6px) scale(.98)}to{transform:none}}.toast{position:fixed;right:16px;bottom:16px;z-index:1200;display:flex;flex-direction:column;gap:8px}.toast .item{background:#121a2a;border:1px solid #294162;border-radius:10px;padding:10px 12px;box-shadow:0 8px 24px #00000059}.toast .item.success{border-color:#1e7a56;color:#c0ffe3}.toast .item.warn{border-color:#7a6b1e;color:#fff3c0}.toast .item.danger{border-color:#7a1e1e;color:#ffd0d0}.empty-state{padding:22px;text-align:center;color:var(--muted);border:1px dashed #2a3a53;border-radius:10px;background:#0c1220}