*{box-sizing:border-box}html,body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#07111f;color:#eaf2ff}body{min-height:100vh}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.app{display:flex;min-height:100vh}.sidebar{width:260px;background:linear-gradient(180deg,#0b1729,#08111e);border-right:1px solid #1f3150;padding:20px 16px;display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0;z-index:20}.side-brand{display:flex;gap:12px;align-items:center;padding:5px 8px 22px}.side-brand strong{display:block;font-size:17px}.side-brand span{display:block;color:#7f95b5;font-size:12px;margin-top:3px}.logo-mark{width:58px;height:58px;border-radius:18px;background:linear-gradient(135deg,#8b5cf6,#22d3ee);display:grid;place-items:center;font-weight:900;color:white;box-shadow:0 16px 40px #8b5cf633}.logo-mark.small{width:42px;height:42px;border-radius:13px}.sidebar nav{display:grid;gap:7px}.sidebar nav a{padding:12px 13px;border-radius:12px;display:flex;gap:12px;align-items:center;color:#9db0ca}.sidebar nav a i{width:24px;text-align:center;font-style:normal}.sidebar nav a:hover,.sidebar nav a.active{background:#15243a;color:#fff}.sidebar nav a.active{box-shadow:inset 3px 0 #8b5cf6}.side-foot{margin-top:auto;border-top:1px solid #1a2b45;padding-top:16px}.user-mini{display:flex;gap:10px;align-items:center}.avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#1d2e4a;color:#c4d6ef;font-weight:800}.user-mini strong,.user-mini span{display:block;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-mini span{font-size:11px;color:#7d91ad;margin-top:2px}.logout{display:block;margin-top:12px;color:#ff9d9d;font-size:13px}.main{margin-left:260px;min-width:0;flex:1}.topbar{height:78px;border-bottom:1px solid #1a2b45;background:#0a1525cc;backdrop-filter:blur(16px);display:flex;align-items:center;justify-content:space-between;padding:0 30px;position:sticky;top:0;z-index:10}.topbar h1{font-size:22px;margin:0}.topbar>div:first-child{display:flex;align-items:center;gap:10px}.top-pill{border:1px solid #314764;background:#102036;padding:8px 12px;border-radius:999px;color:#9edcff;font-size:12px}.content{padding:28px}.grid{display:grid;gap:18px}.grid.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.card{background:linear-gradient(180deg,#0d1a2c,#0a1626);border:1px solid #1d3150;border-radius:18px;padding:20px;box-shadow:0 12px 30px #0000001f}.stat strong{font-size:28px;display:block;margin-top:8px}.stat span,.muted{color:#8198b9}.kicker{text-transform:uppercase;letter-spacing:.12em;font-size:11px;color:#7aa8ff}.card h2,.card h3{margin:0 0 10px}.card p{line-height:1.55}.section-head{display:flex;align-items:center;justify-content:space-between;margin:25px 0 12px}.section-head h2{font-size:18px;margin:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid #314564;background:#14243b;color:#edf4ff;padding:10px 14px;border-radius:11px;cursor:pointer;font-weight:700}.btn:hover{transform:translateY(-1px);border-color:#49668e}.btn.primary{background:linear-gradient(135deg,#7c3aed,#2563eb);border:0}.btn.danger{background:#3a1720;border-color:#6e2a38;color:#ffb8c1}.btn.ghost{background:transparent}.btn.wide{width:100%}.btn.small{padding:7px 10px;font-size:12px}.table-wrap{overflow:auto;border:1px solid #1d3150;border-radius:16px}.table{width:100%;border-collapse:collapse;background:#0c192a}.table th,.table td{padding:13px 14px;border-bottom:1px solid #182a44;text-align:left;vertical-align:top}.table th{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#7188a8;background:#0b1727}.table tr:last-child td{border-bottom:0}.badge{display:inline-block;padding:5px 9px;border-radius:999px;background:#17304c;color:#a9d9ff;font-size:11px;font-weight:800}.badge.success{background:#153529;color:#98f5bd}.badge.warning{background:#3b2d14;color:#ffd989}.badge.danger{background:#3d1921;color:#ffb1bd}.field{margin-bottom:15px}label{display:block;font-size:12px;color:#9cb2d1;margin:0 0 7px;font-weight:700}input,textarea,select{width:100%;border:1px solid #2a405f;background:#081423;color:#eff6ff;border-radius:11px;padding:11px 12px;outline:none}input:focus,textarea:focus,select:focus{border-color:#7857f7;box-shadow:0 0 0 3px #7c3aed20}textarea{min-height:140px;resize:vertical}.editor{min-height:420px;line-height:1.7}.help{font-size:12px;color:#7088a8;margin-top:6px}.alert{padding:12px 14px;border-radius:12px;margin:0 0 16px;background:#12233a;border:1px solid #29425f}.alert.success{background:#123427;border-color:#235a43;color:#b8ffd3}.alert.danger{background:#37161e;border-color:#6c2a39;color:#ffc0c9}.alert.warning{background:#3b2b12;border-color:#6a5022;color:#ffe0a0}.project-card{display:flex;flex-direction:column;gap:8px}.project-card .meta{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.project-card .actions{display:flex;gap:8px;margin-top:auto;padding-top:12px}.wave{height:62px;display:flex;align-items:center;gap:3px}.wave span{width:4px;border-radius:5px;background:linear-gradient(#8b5cf6,#22d3ee);height:var(--h)}.progress{height:9px;border-radius:99px;background:#08111f;overflow:hidden}.progress span{display:block;height:100%;background:linear-gradient(90deg,#7c3aed,#22d3ee)}.empty{text-align:center;padding:38px;color:#768eae}.split{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:18px}.sticky-card{position:sticky;top:98px}.auth-body{background:radial-gradient(circle at 15% 10%,#2f1d5d55,transparent 35%),radial-gradient(circle at 85% 20%,#0e4d6a55,transparent 35%),#07111f;display:grid;place-items:center;padding:30px}.auth-shell{width:min(920px,100%);display:grid;grid-template-columns:1.2fr .8fr;gap:24px;align-items:center}.auth-brand{display:flex;gap:18px;align-items:center;padding:24px}.auth-brand h1{font-size:40px;margin:0 0 8px}.auth-brand p{color:#8aa1c0;font-size:17px}.auth-card{background:#0d1b2fcc;border:1px solid #27405f;border-radius:22px;padding:28px;box-shadow:0 30px 90px #0006}.auth-card h2{margin:0 0 6px}.mobile-menu{display:none;background:transparent;border:0;color:white;font-size:22px}.code{background:#06111e;border:1px solid #19304c;padding:12px;border-radius:10px;font-family:ui-monospace,monospace;font-size:12px;white-space:pre-wrap;overflow:auto}.toolbar{display:flex;gap:8px;flex-wrap:wrap}.metric-line{display:flex;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid #182a44}.metric-line:last-child{border:0}.file-list{display:grid;gap:8px}.file-chip{display:flex;justify-content:space-between;gap:10px;background:#0a1728;border:1px solid #1b3150;padding:10px;border-radius:10px}.audio-player{width:100%}.right{text-align:right}.notice{padding:14px;border:1px dashed #355a87;border-radius:14px;background:#0b1d33;color:#a9c8ee}.install-shell{width:min(980px,100%);margin:40px auto;padding:20px}.install-head{display:flex;gap:14px;align-items:center;margin-bottom:20px}.install-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:18px 0}.install-step{background:#0c1a2b;border:1px solid #1d3150;border-radius:12px;padding:12px;text-align:center;font-size:12px;color:#8299b8}.check{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #1b2c46}.check:last-child{border:0}.ok{color:#9af3b8}.bad{color:#ff9cab}
@media(max-width:1000px){.grid.cols-4{grid-template-columns:repeat(2,1fr)}.split{grid-template-columns:1fr}.sticky-card{position:static}.auth-shell{grid-template-columns:1fr}.auth-brand{justify-content:center;text-align:left}}
@media(max-width:760px){.sidebar{transform:translateX(-100%);transition:.2s}.nav-open .sidebar{transform:none}.main{margin-left:0}.mobile-menu{display:block}.content{padding:18px}.topbar{padding:0 18px}.top-pill{display:none}.grid.cols-4,.grid.cols-3,.grid.cols-2{grid-template-columns:1fr}.auth-brand h1{font-size:30px}.install-steps{grid-template-columns:1fr 1fr}}