:root{--bg: #0b0f14;--panel: #151a24;--panel2: #1a1f2e;--border: rgba(255,255,255,.1);--text: rgba(255,255,255,.92);--muted: rgba(255,255,255,.62);--muted2: rgba(255,255,255,.45);--accent: #7c5cff;--card-bg1: rgba(255, 255, 255, .06);--card-bg2: rgba(255, 255, 255, .03);--card-border: #888;--card-text: rgba(255,255,255,.92);--card-muted: rgba(255,255,255,.62);--card-muted2: rgba(255,255,255,.45);--card-shadow: 0 10px 26px rgba(0,0,0,.24);--card-shadow-hover: 0 18px 46px rgba(0,0,0,.34);--card-badge-bg: rgba(0,0,0,.05);--card-badge-text: rgba(0,0,0,.75);--card-badge-border: rgba(0,0,0,.12);--drawer-bg1: rgba(17,24,38,.98);--drawer-bg2: rgba(15,22,35,.98);--drawer-border: rgba(255,255,255,.1);--drawer-text: rgba(255,255,255,.92);--drawer-muted: rgba(255,255,255,.62);--drawer-row-bg: rgba(255,255,255,.04);--drawer-row-border: rgba(255,255,255,.1)}[data-theme=light]{--bg: #f6f7fb;--panel: #ffffff;--panel2: #f8f9fa;--border: rgba(0,0,0,.08);--text: rgba(0,0,0,.92);--muted: rgba(0,0,0,.65);--muted2: rgba(0,0,0,.5);--accent: #5b5cff;--card-bg1: rgba(255, 255, 255, .98);--card-bg2: rgba(255, 255, 255, .92);--card-border: #ccc;--card-text: rgba(0,0,0,.92);--card-muted: rgba(0,0,0,.7);--card-muted2: rgba(0,0,0,.55);--card-shadow: 0 10px 26px rgba(0,0,0,.12);--card-shadow-hover: 0 18px 46px rgba(0,0,0,.18);--card-badge-bg: rgba(0,0,0,.05);--card-badge-text: rgba(0,0,0,.75);--card-badge-border: rgba(0,0,0,.12);--drawer-bg1: rgba(255,255,255,.98);--drawer-bg2: rgba(255,255,255,.92);--drawer-border: rgba(0,0,0,.08);--drawer-text: rgba(0,0,0,.92);--drawer-muted: rgba(0,0,0,.65);--drawer-row-bg: rgba(0,0,0,.04);--drawer-row-border: rgba(0,0,0,.1)}html{margin:0;padding:0;height:100%;overflow:hidden}body{margin:0;padding:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;background:radial-gradient(1200px 600px at 30% -10%,rgba(124,92,255,.2),transparent 55%),radial-gradient(1200px 600px at 90% 20%,rgba(68,214,255,.12),transparent 50%),var(--bg);color:var(--text);height:100vh;overflow-y:auto;overflow-x:hidden;-ms-overflow-style:none;scrollbar-width:none}body::-webkit-scrollbar{display:none}a{color:inherit;text-decoration:none}.container{max-width:1100px;margin:0 auto;padding:24px;min-height:100vh;display:flex;flex-direction:column}.card{background:linear-gradient(180deg,var(--card-bg1),var(--card-bg2));border:1px solid var(--card-border);border-radius:16px;padding:14px;color:var(--card-text);box-shadow:var(--card-shadow);transform:translateY(0);transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease}.card:hover{transform:translateY(-4px);box-shadow:var(--card-shadow-hover);border-color:#7c5cff4d}.card .muted{color:var(--card-muted)}.card .muted2{color:var(--card-muted2)}.card .badge{background:var(--card-badge-bg);color:var(--card-badge-text);border-color:var(--card-badge-border)}.row{display:flex;gap:12px;align-items:center}.space{justify-content:space-between}.muted{color:var(--muted)}.muted2{color:var(--muted2)}.h1{font-size:44px;font-weight:800;letter-spacing:-.02em;margin:18px 0 8px;text-align:center}.sub{text-align:center;color:var(--muted);margin-bottom:18px}.input{width:100%;padding:14px;border-radius:14px;background:#ffffff08;border:1px solid var(--border);color:var(--text);outline:none;box-sizing:border-box}.input:focus{border-color:#7c5cff80}.tabs{display:flex;gap:18px;margin:18px 0 22px;padding:0 6px;overflow-x:auto}.tab{color:var(--muted);font-weight:600;padding-bottom:10px;border-bottom:2px solid transparent}.tab.active{color:var(--text);border-bottom-color:var(--accent)}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}@media(max-width:840px){.grid{grid-template-columns:1fr}}.btn{border:1px solid var(--border);background:#ffffff0a;color:var(--text);padding:10px 12px;border-radius:12px;cursor:pointer;font-weight:700}.btn:hover{border-color:#ffffff29}.btn.danger{background:#ff465a1f;border-color:#ff465a40}.badge{font-size:12px;padding:6px 10px;border-radius:999px;border:1px solid var(--border);color:var(--muted)}.modal-backdrop{position:fixed;inset:0;background:#000000bf;display:flex;align-items:center;justify-content:center;padding:18px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000}.modal{width:720px;max-width:100%;background:var(--panel)!important;border:1px solid var(--border)}.modal.card:hover{transform:none;box-shadow:var(--card-shadow)}.modal h2{margin:0 0 12px}.hr{height:1px;background:var(--border);margin:14px 0}.avatar{width:34px;height:34px;border-radius:999px;background:#ffffff0f;border:1px solid var(--border);display:grid;place-items:center;font-weight:800;color:var(--text);cursor:pointer;transition:background .14s ease,border-color .14s ease}.avatar:hover{background:#ffffff1a;border-color:#7c5cff59}[data-theme=light] .avatar{background:#0000000f;color:var(--text)}[data-theme=light] .avatar:hover{background:#0000001a;border-color:#7c5cff59}.profileWrap{position:relative}.profileMenu{position:absolute;top:44px;right:0;min-width:220px;border-radius:14px;border:1px solid var(--border);background:linear-gradient(180deg,var(--panel),var(--panel2));box-shadow:0 18px 46px #00000047;padding:10px;z-index:80}.profileHeader{padding:8px 10px 10px}.profileDivider{height:1px;background:var(--border);margin:6px 0}.menuItem{width:100%;text-align:left;padding:10px;border-radius:12px;border:1px solid transparent;background:transparent;color:var(--text);cursor:pointer;font-weight:700}.menuItem:hover{background:#ffffff0f;border-color:#7c5cff59}.menuItem.danger{color:#ff5a6ef2}.menuItem.danger:hover{background:#ff5a6e1a;border-color:#ff5a6e40}[data-theme=light] .profileMenu{background:linear-gradient(180deg,#fffffffa,#ffffffeb);box-shadow:0 18px 46px #0000002e}[data-theme=light] .menuItem:hover{background:#0000000a}.logo{width:34px;height:34px;border-radius:12px;background:#7c5cff38;border:1px solid rgba(124,92,255,.35);display:grid;place-items:center;font-weight:900}.brandBlock{display:inline-flex;align-items:center;gap:10px;background:none;border:none;padding:4px 0;cursor:pointer;font:inherit;color:inherit;text-decoration:none}.brandBlock:hover{opacity:.9}.brandBlock .brandIcon{flex-shrink:0}.brandIcon{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,#7c5cff,#44d6ff);border:none;display:grid;place-items:center;font-weight:900;font-size:18px;color:#fff;box-shadow:0 2px 8px #7c5cff4d}.brandName{font-size:15px;font-weight:700;color:var(--text, #1a1a1a);letter-spacing:-.01em}.brandSeparator{width:1px;height:1.1em;background:var(--card-muted2, #5a5a5a);opacity:.7}[data-theme=dark] .brandName{color:var(--text)}[data-theme=dark] .brandSeparator{background:var(--card-muted2)}.iconbtn{width:34px;height:34px;border-radius:12px;border:1px solid var(--border);background:#ffffff0a;cursor:pointer;display:grid;place-items:center}.iconbtn:hover{border-color:#ffffff29}.drawer-backdrop{position:fixed;inset:0;background:#00000073;z-index:60}.drawer{position:fixed;top:0;right:0;height:100vh;width:420px;max-width:calc(100vw - 32px);background:linear-gradient(180deg,var(--drawer-bg1),var(--drawer-bg2));border-left:1px solid var(--drawer-border);color:var(--drawer-text);transform:translate(110%);transition:transform .18s ease;z-index:70;padding:14px;display:flex;flex-direction:column}.drawer.open{transform:translate(0)}.drawer-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding-bottom:12px;border-bottom:1px solid var(--drawer-border)}.drawer-footer{padding-top:12px;border-top:1px solid var(--drawer-border)}.drawer-body{padding-top:12px;flex:1;overflow:auto}.kvlist{display:flex;flex-direction:column;gap:10px}.kvrow{border:1px solid var(--drawer-row-border);border-radius:14px;padding:10px;background:var(--drawer-row-bg)}.kvkey{font-weight:900;font-size:13px;margin-bottom:6px}.kvval{color:var(--drawer-muted);font-size:13px;line-height:1.4;word-break:break-word}.btn{border:1px solid var(--border);background:#ffffff0a;color:var(--text)}.btn.primary{background:#7c5cff33;border-color:#7c5cff59}.iconbtn{border:1px solid var(--border);background:#ffffff0f;color:var(--text)}.footer{margin-top:auto;padding:16px 0 20px;border-top:1px solid var(--border);text-align:center;font-size:13px;color:var(--muted2)}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}