:root{--bg: #0b1020;--bg2: #0f1730;--card: rgba(255, 255, 255, .06);--card2: rgba(255, 255, 255, .08);--border: rgba(255, 255, 255, .12);--text: rgba(255, 255, 255, .92);--muted: rgba(255, 255, 255, .7);--faint: rgba(255, 255, 255, .55);--primary: #7c5cff;--primary2: #43d3ff;--danger: #ff5470;--ok: #40f99b;--warn: #ffc857;--shadow: 0 14px 40px rgba(0, 0, 0, .35);--shadow2: 0 10px 22px rgba(0, 0, 0, .22);--radius: 16px;--radius2: 22px;--pad: 14px;--pad2: 18px;--ring: 0 0 0 4px rgba(124, 92, 255, .25);color-scheme:dark}:root[data-theme=light]{--bg: #f6f7fb;--bg2: #ffffff;--card: rgba(0, 0, 0, .03);--card2: rgba(0, 0, 0, .05);--border: rgba(0, 0, 0, .1);--text: rgba(0, 0, 0, .9);--muted: rgba(0, 0, 0, .65);--faint: rgba(0, 0, 0, .52);--primary: #5b4bff;--primary2: #008cff;--danger: #e23b55;--shadow: 0 14px 40px rgba(15, 20, 40, .14);--shadow2: 0 10px 22px rgba(15, 20, 40, .1);color-scheme:light}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,Noto Sans,"Apple Color Emoji","Segoe UI Emoji";color:var(--text);background:radial-gradient(900px 500px at 8% -10%,rgba(124,92,255,.3),transparent 70%),radial-gradient(700px 420px at 92% 0%,rgba(67,211,255,.22),transparent 72%),linear-gradient(180deg,var(--bg),var(--bg2));text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(900px 500px at 8% -10%,rgba(124,92,255,.3),transparent 70%),radial-gradient(700px 420px at 92% 0%,rgba(67,211,255,.22),transparent 72%),linear-gradient(180deg,var(--bg),var(--bg2));background-repeat:no-repeat;background-attachment:fixed}h1,h2,h3{margin:0;letter-spacing:-.02em}h2{font-size:22px}p{margin:0}a{color:inherit;text-decoration:none}a:hover{opacity:.9}:focus-visible{outline:none;box-shadow:var(--ring);border-radius:10px}.container{width:min(1120px,calc(100% - 24px));margin:0 auto}.surface{background:linear-gradient(180deg,var(--card),var(--card2));border:1px solid var(--border);border-radius:var(--radius2);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.card{background:linear-gradient(180deg,var(--card),var(--card2));border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.grid{display:grid;gap:14px}.muted{color:var(--muted)}.faint{color:var(--faint)}.badge{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;border:1px solid var(--border);background:#0000000f;font-size:12px;color:var(--muted)}.input,.select,.textarea{width:100%;border:1px solid var(--border);background:#0000001a;color:var(--text);border-radius:12px;padding:10px 12px;transition:transform .12s ease,border-color .12s ease,background .12s ease,box-shadow .12s ease}:root[data-theme=light] .input,:root[data-theme=light] .select,:root[data-theme=light] .textarea{background:#ffffffd9}.textarea{min-height:90px;resize:vertical}.input:focus,.select:focus,.textarea:focus{border-color:#7c5cffb3;box-shadow:var(--ring)}.btn{border:1px solid var(--border);background:#0000001a;color:var(--text);border-radius:12px;padding:10px 12px;cursor:pointer;transition:transform .12s ease,background .12s ease,border-color .12s ease,box-shadow .12s ease;-webkit-user-select:none;user-select:none}.btn:hover{transform:translateY(-1px);border-color:#7c5cff66}.btn:active{transform:translateY(0) scale(.99)}.btnPrimary{border-color:#7c5cff8c;background:linear-gradient(135deg,#7c5cfff2,#43d3ffbf)}.btnPrimary:hover{border-color:#7c5cffe6}.btnDanger{border-color:#ff547099;background:#ff54701f;color:#ffd6dd}:root[data-theme=light] .btnDanger{color:#8b1227;background:#e23b551a}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.kbd{font-size:12px;padding:2px 7px;border-radius:8px;border:1px solid var(--border);background:#0000001a;color:var(--muted)}.table{width:100%;border-collapse:collapse;overflow:hidden;border-radius:14px;border:1px solid var(--border)}.table thead th{text-align:left;font-size:12px;color:var(--muted);letter-spacing:.05em;text-transform:uppercase;padding:12px;background:#00000014}.table td{padding:12px;border-top:1px solid var(--border);vertical-align:top}.table tr:hover td{background:#7c5cff0f}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fadeUp{animation:fadeUp .22s ease both}@keyframes shimmer{0%{background-position:0% 0%}to{background-position:200% 0%}}.skeleton{border-radius:12px;border:1px solid var(--border);height:16px;background:linear-gradient(90deg,#ffffff0f,#ffffff1f,#ffffff0f);background-size:200% 100%;animation:shimmer 1.1s linear infinite}.appShell{padding:18px 0 36px}.header{position:sticky;top:10px;z-index:20;margin:10px auto 16px;padding:12px}.brand{display:flex;align-items:center;gap:12px;font-weight:800;letter-spacing:-.02em}.brandMark{width:34px;height:34px;border-radius:12px;background:linear-gradient(135deg,#7c5cff,#43d3ffd9);box-shadow:0 10px 20px #7c5cff40}.nav{display:flex;gap:6px;flex-wrap:wrap}.nav a{padding:9px 11px;border-radius:12px;border:1px solid transparent;color:var(--muted)}.nav a:hover{background:#7c5cff14;color:var(--text)}.nav a.active{background:#7c5cff1f;border-color:#7c5cff40;color:var(--text)}.input,.select,.textarea{background:#ffffff0f;border-color:#ffffff24}:root[data-theme=light] .input,:root[data-theme=light] .select,:root[data-theme=light] .textarea{background:#ffffffeb;border-color:#0000001f}input,textarea,button{font:inherit;color:inherit}select{font:inherit;color:var(--text)}input,textarea{-webkit-appearance:none;appearance:none}select{-webkit-appearance:menulist;appearance:menulist}select.select{color-scheme:dark}:root[data-theme=light] select.select{color-scheme:light}select.select{background-image:none!important;padding-right:12px}:root[data-theme=light] select.select{background-image:linear-gradient(45deg,transparent 50%,rgba(0,0,0,.55) 50%),linear-gradient(135deg,rgba(0,0,0,.55) 50%,transparent 50%),linear-gradient(to right,transparent,transparent)}.input:hover,.select:hover,.textarea:hover{border-color:#7c5cff73}.input:focus,.select:focus,.textarea:focus{border-color:#7c5cffbf;box-shadow:var(--ring)}.btn{appearance:none;border:1px solid rgba(255,255,255,.14);background:#ffffff0f;color:inherit;padding:8px 14px;border-radius:10px;cursor:pointer;transition:background .2s ease,border-color .2s ease,transform .12s ease,box-shadow .2s ease}.btn:hover{border-color:#7c5cff73;background:#ffffff1a}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:not-allowed}.btnPrimary{background:linear-gradient(135deg,#7c5cff,#5b8cff);border-color:#7c5cffb3;color:#fff}.btnPrimary:hover{box-shadow:0 6px 18px #7c5cff59}.btnDanger{background:#ff4d6d26;border-color:#ff4d6d73;color:#ff4d6d}.btnDanger:hover{background:#ff4d6d40}.btnSm{padding:4px 8px;font-size:.85em;border-radius:8px}:root[data-theme=light] .btn{background:#0000000a;border-color:#0000001f}:root[data-theme=light] .btn:hover{background:#00000014}:root[data-theme=light] .btnPrimary{color:#fff}select option{color:#111;background:#fff}:root[data-theme=light] select option{color:#111;background:#fff}input[type=checkbox],input[type=radio]{-webkit-appearance:auto;appearance:auto;accent-color:var(--primary)}