*{box-sizing:border-box}:root{--bg-deep:#020617;--bg-panel:#0f172ac7;--bg-panel-strong:#080d1beb;--line:#22d3ee57;--line-soft:#0ea5e938;--cyan:#22d3ee;--blue:#0ea5e9;--green:#22c55e;--orange:#f97316;--red:#ef4444;--text:#e5f2ff;--muted:#94a3b8;--dim:#64748b;--radius:8px}html{background:var(--bg-deep);min-height:100%}body{min-height:100vh;color:var(--text);letter-spacing:0;background:radial-gradient(circle at 14% 10%,#22d3ee29,#0000 30%),radial-gradient(circle at 82% 18%,#0ea5e924,#0000 28%),linear-gradient(135deg,#020617 0%,#07111f 48%,#0f172a 100%);margin:0;font-family:Microsoft YaHei UI,Microsoft YaHei,Noto Sans SC,Segoe UI,sans-serif}body:before{z-index:-2;pointer-events:none;content:"";background-image:linear-gradient(#94a3b81a 1px,#0000 1px),linear-gradient(90deg,#94a3b81a 1px,#0000 1px);background-size:42px 42px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000000d9,#00000038);mask-image:linear-gradient(#000000d9,#00000038)}body:after{z-index:-1;pointer-events:none;content:"";opacity:.4;background:repeating-linear-gradient(#ffffff09 0 1px,#0000 1px 7px);position:fixed;inset:0}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}h1,h2,h3,p{margin-top:0}h1{margin-bottom:8px;font-size:28px;font-weight:800}h2{margin-bottom:8px;font-size:18px}.shell{grid-template-columns:256px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--line);background:linear-gradient(#020617f5,#0f172ae0),linear-gradient(90deg,#22d3ee1a,#0000);height:100vh;padding:20px 16px;position:sticky;top:0;box-shadow:16px 0 40px #0206176b}.brand{border:1px solid var(--line);border-radius:var(--radius);color:var(--text);background:#080d1bb8;margin-bottom:18px;padding:14px 12px 16px;position:relative;box-shadow:inset 0 0 18px #22d3ee14}.brand-title{font-size:18px;font-weight:800;display:block}.brand-subtitle{color:var(--muted);text-transform:uppercase;margin-top:4px;font-size:12px;display:block}.nav{gap:8px;display:grid}.nav a,.nav button{border-radius:var(--radius);min-height:42px;color:var(--muted);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;align-items:center;gap:10px;padding:10px 12px;display:flex}.nav a:hover,.nav button:hover{border-color:var(--line);color:var(--text);background:#0ea5e91f;box-shadow:0 0 18px #22d3ee1f}.main{min-width:0;padding:22px}.topbar{border:1px solid var(--line-soft);border-radius:var(--radius);color:var(--muted);background:#0206178c;justify-content:space-between;align-items:center;gap:14px;margin-bottom:18px;padding:10px 14px;display:flex}.status-strip{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.status-pill,.badge{border:1px solid var(--line);min-height:28px;color:var(--text);background:#0ea5e91a;border-radius:999px;align-items:center;gap:7px;padding:5px 9px;font-size:12px;display:inline-flex}.dot{background:var(--green);width:8px;height:8px;box-shadow:0 0 12px var(--green);border-radius:999px}.dot.warn{background:var(--orange);box-shadow:0 0 12px var(--orange)}.panel,.message{border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-panel);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);position:relative;box-shadow:inset 0 0 0 1px #ffffff08,0 18px 42px #02061757}.panel{padding:20px;overflow:hidden}.panel:before,.message:before{pointer-events:none;content:"";background:linear-gradient(90deg,#0000,#22d3ee1a,#0000);animation:7s linear infinite scan-panel;position:absolute;inset:0;transform:translate(-100%)}.panel:after{content:"";background:var(--cyan);width:64px;height:2px;box-shadow:0 0 14px var(--cyan);position:absolute;top:0;right:0}.stack{gap:14px;display:grid}.dashboard-grid{grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:14px;display:grid}.metrics-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.metric{border:1px solid var(--line-soft);border-radius:var(--radius);background:#0206176b;padding:14px}.metric-value{color:var(--cyan);text-shadow:0 0 18px #22d3ee6b;margin-top:8px;font-size:28px;font-weight:800;display:block}.row{align-items:center;gap:10px;display:flex}.input,.textarea,select.input{border-radius:var(--radius);width:100%;color:var(--text);background:#0206179e;border:1px solid #22d3ee47;outline:none;padding:11px 12px;transition:border-color .16s,box-shadow .16s,background .16s}.input:focus,.textarea:focus,select.input:focus{border-color:var(--cyan);background:#020617d1;box-shadow:0 0 0 3px #22d3ee1f}.textarea{resize:vertical;min-height:140px}.button{border-radius:var(--radius);min-height:40px;color:var(--text);cursor:pointer;background:linear-gradient(#22d3ee47,#0ea5e929),#0206178a;border:1px solid #22d3ee8c;justify-content:center;align-items:center;gap:8px;padding:10px 14px;transition:transform .16s,box-shadow .16s,border-color .16s,background .16s;display:inline-flex;box-shadow:0 0 18px #0ea5e924}.button:hover{border-color:var(--cyan);transform:translateY(-2px);box-shadow:0 0 26px #22d3ee3d}.button:active{transform:translateY(0)scale(.99)}.button:disabled{cursor:not-allowed;opacity:.55}.secondary{color:var(--muted);background:#0f172abd}.danger{color:#fecaca;border-color:#ef444480}.muted{color:var(--muted);font-size:14px}.dim{color:var(--dim)}.message{white-space:pre-wrap;padding:13px}.user{background:#082f496b;border-color:#22d3ee80}.assistant{background:#064e3b47;border-color:#22c55e57}.auth-screen{grid-template-columns:minmax(0,1fr) minmax(360px,460px);align-items:center;gap:22px;min-height:100vh;padding:28px;display:grid}.hero-hud{align-content:center;gap:18px;min-height:560px;display:grid}.radar{aspect-ratio:1;border:1px solid var(--line);background:radial-gradient(circle,#0000 0 28%,#22d3ee14 29% 30%,#0000 31% 52%,#22d3ee14 53% 54%,#0000 55%),conic-gradient(#22d3ee5c,#0000 76deg,#0000);border-radius:50%;width:min(420px,80vw);animation:8s linear infinite radar-spin;box-shadow:inset 0 0 36px #22d3ee1a,0 0 36px #0ea5e921}.auth-panel{align-self:center}.auth-panel label .row{flex-direction:row;align-items:center}.auth-panel label .row svg{flex:none}@keyframes scan-panel{0%{transform:translate(-100%)}60%,to{transform:translate(100%)}}@keyframes radar-spin{to{transform:rotate(360deg)}}@media (max-width:980px){.shell,.auth-screen,.dashboard-grid{grid-template-columns:1fr}.sidebar{height:auto;position:static}.metrics-grid{grid-template-columns:1fr}}@media (max-width:720px){.main,.auth-screen{padding:14px}.row{flex-direction:column;align-items:stretch}h1{font-size:24px}}