:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,PingFang SC,Microsoft YaHei,sans-serif;color:#dbeafe;background:#060b1a}*{box-sizing:border-box}html,body,#app{margin:0;min-height:100%}body{background:linear-gradient(180deg,#060b1a,#0b1224,#0a1020);overflow-x:hidden}.app-shell{min-height:100vh;position:relative;isolation:isolate}.app-shell:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:-2;background-image:linear-gradient(rgba(56,189,248,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(56,189,248,.05) 1px,transparent 1px);background-size:36px 36px;-webkit-mask-image:radial-gradient(circle at center,#000 38%,transparent 96%);mask-image:radial-gradient(circle at center,#000 38%,transparent 96%)}.tech-bg{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:-1}.tech-orb{position:absolute;width:36vw;max-width:520px;min-width:220px;aspect-ratio:1;border-radius:999px;filter:blur(60px);opacity:.28;animation:floatOrb 14s ease-in-out infinite}.orb-a{background:#0ea5e9;top:-12%;left:-8%}.orb-b{background:#2563eb;right:-12%;top:20%;animation-delay:3s}.orb-c{background:#22d3ee;left:30%;bottom:-18%;animation-delay:7s}.scanline{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1;background:repeating-linear-gradient(to bottom,rgba(148,163,184,.02) 0px,rgba(148,163,184,.02) 1px,transparent 1px,transparent 4px);mix-blend-mode:screen}.title-with-icon{display:flex;align-items:center;gap:10px}.btn-inner{display:inline-flex;align-items:center;gap:8px;line-height:1}.btn-icon{width:16px;height:16px;stroke-width:1.8;flex:0 0 auto}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(80% 60% at 50% 0%,#38bdf82e,#060b1a00 70%)}.login-card{width:440px;max-width:calc(100vw - 32px);background:#0f172a;border-radius:14px;border:1px solid #1e293b;box-shadow:0 16px 40px #02061773;padding:24px;position:relative}.login-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:14px;padding:1px;background:linear-gradient(120deg,#38bdf873,#3b82f61a,#38bdf866);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.login-card h1{margin:0 0 8px;font-size:22px;color:#e2e8f0}.login-card p{color:#94a3b8;margin:0 0 12px}.login-form{display:grid;gap:12px}.login-form label,.form label{display:grid;gap:6px;font-size:13px;color:#a5b4fc}input,select,textarea{border:1px solid #243247;border-radius:10px;padding:10px 12px;font-size:14px;background:#0b1324;color:#dbeafe;outline:none}input:focus,select:focus,textarea:focus{border-color:#38bdf8;box-shadow:0 0 0 3px #38bdf82e}button{border:1px solid #1d4ed8;border-radius:10px;background:#0b5ed7;color:#eff6ff;padding:10px 14px;cursor:pointer;font-size:13px;transition:all .2s ease;box-shadow:0 0 #38bdf800}button:hover:not(:disabled){background:#1d4ed8;border-color:#38bdf8;box-shadow:0 0 0 4px #38bdf826}button.secondary{background:#0f172a;border-color:#334155;color:#cbd5e1}button.secondary:hover:not(:disabled){background:#1e293b;border-color:#38bdf8}button:disabled{opacity:.5;cursor:not-allowed}.tip{font-size:12px;color:#64748b;margin-top:8px}.error{color:#fecaca;background:#7f1d1d40;border:1px solid #7f1d1d;border-radius:10px;padding:10px}.layout{display:grid;grid-template-columns:250px 1fr;min-height:100vh}.sidebar{background:#0a1020;color:#dbeafe;padding:18px 14px;display:flex;flex-direction:column;gap:14px;border-right:1px solid #1e293b}.brand{font-size:20px;font-weight:700;margin-bottom:6px;color:#7dd3fc;display:flex;align-items:center;gap:8px}.user{font-size:12px;color:#94a3b8}.sidebar nav{display:grid;gap:8px}.sidebar nav button{text-align:left;background:#0f172a;border-color:#1e293b}.sidebar nav button.active{background:#0b5ed7;border-color:#38bdf8;color:#e0f2fe;box-shadow:inset 0 0 0 1px #7dd3fc40,0 0 18px #1d4ed859}.logout{margin-top:auto;background:#3f1020;border-color:#7f1d1d}.content{padding:20px}.topbar{margin-bottom:14px;display:flex;justify-content:space-between;align-items:baseline;gap:8px}.topbar h2{margin:0;color:#dbeafe;background:linear-gradient(90deg,#e0f2fe,#7dd3fc 45%,#60a5fa);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.muted{color:#94a3b8;font-size:12px}.panel-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:14px}.card{background:#0f172a;border:1px solid #1e293b;border-radius:12px;padding:14px;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.card:hover{transform:translateY(-2px);border-color:#334155;box-shadow:0 12px 24px #02061759}.card h3{margin:0 0 10px;color:#bfdbfe}.metric{grid-column:span 3}.metric p{margin:0;font-size:30px;font-weight:700;color:#67e8f9}.wide{grid-column:span 12}.form{display:grid;grid-template-columns:1fr 1fr;gap:10px}.inline{display:flex!important;align-items:center;grid-template-columns:none!important;gap:8px!important;color:#cbd5e1}.actions,.row-actions,.upload-bar{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.actions{grid-column:1 / -1}.multi{min-width:320px;min-height:120px}table{width:100%;border-collapse:collapse;font-size:13px}th,td{border:1px solid #1e293b;padding:8px;text-align:left;vertical-align:top;color:#cbd5e1}th{background:#0b1324;color:#93c5fd}.badge{display:inline-flex;align-items:center;border-radius:999px;font-size:12px;padding:3px 9px;border:1px solid transparent}.badge.low{background:#0e749033;color:#67e8f9;border-color:#0e7490}.badge.medium{background:#a1620733;color:#fde68a;border-color:#a16207}.badge.high{background:#c2410c33;color:#fdba74;border-color:#c2410c}.badge.critical{background:#b91c1c33;color:#fca5a5;border-color:#b91c1c}.summary{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:10px;color:#cbd5e1}pre{margin:0;white-space:pre-wrap}.ai-output{white-space:normal;line-height:1.7;background:#0b1324;border:1px solid #1e293b;border-radius:10px;padding:12px;color:#dbeafe}.ai-output h1,.ai-output h2,.ai-output h3{color:#7dd3fc;margin-top:.8em}.ai-output ul,.ai-output ol{padding-left:20px}.ai-output mark{background:#fde047;color:#422006;padding:0 4px;border-radius:4px}.ai-output table{display:block;overflow-x:auto}.ai-workspace{align-items:start}.ai-overview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.ai-overview-item{border:1px solid #22324a;border-radius:10px;padding:10px;background:#0b1324;display:flex;flex-direction:column;gap:4px}.ai-overview-item strong{color:#e2e8f0;font-size:16px}.ai-left{grid-column:span 5}.ai-right{grid-column:span 7}.ai-control-group{margin-bottom:14px;display:grid;gap:8px}.ai-control-group label{color:#bfdbfe;font-size:13px}.ai-inline-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.ai-multi{min-height:170px}.ai-selected-list{margin-bottom:14px}.ai-chips{display:flex;flex-wrap:wrap;gap:8px}.ai-chip{display:inline-flex;align-items:center;max-width:100%;padding:4px 10px;border-radius:999px;border:1px solid #1e3a5f;background:#0ea5e91f;color:#bae6fd;font-size:12px}.ai-output-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.ai-empty{min-height:240px;border:1px dashed #334155;border-radius:10px;background:#0b1324;display:flex;align-items:center;justify-content:center;gap:10px;color:#94a3b8}.ai-empty .btn-icon{width:18px;height:18px}@media (max-width: 980px){.layout{grid-template-columns:1fr}.sidebar{position:sticky;top:0;z-index:20}.metric{grid-column:span 6}.form{grid-template-columns:1fr}.topbar{flex-direction:column;align-items:flex-start}.ai-overview{grid-template-columns:repeat(2,minmax(0,1fr))}.ai-left,.ai-right{grid-column:span 12}}@keyframes floatOrb{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(0,-18px,0) scale(1.06)}}