:root{--bg:#0b1220;--bg2:#0f1930;--card:#0f1a2f;--card2:#0c1527;--text:#e8f0ff;--muted:#a7b5d6;--line:rgba(255,255,255,.1);--accent:#7aa2ff;--ok:#3ddc97;--warn:#ffd166;--no:#ff5c7a;--radius:18px;--shadow: 0 10px 30px rgba(0,0,0,.35);--max: 1200px;--tap: 44px;color-scheme:dark}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";background:radial-gradient(1000px 600px at 20% 0%,rgba(122,162,255,.18),transparent 60%),radial-gradient(900px 600px at 90% 20%,rgba(61,220,151,.1),transparent 65%),var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.shell{min-height:100vh;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid var(--line);background:#0b1220d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.topbarLeft,.topbarCenter,.topbarRight{display:flex;align-items:center;gap:10px}.topbarCenter{flex:1;justify-content:center;gap:10px}.brand{display:flex;align-items:center;gap:10px}.brandMark{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(135deg,#7aa2ff59,#7aa2ff1a);border:1px solid var(--line);box-shadow:var(--shadow);font-weight:800}.brandTitle{font-weight:800}.brandSub{font-size:12px;color:var(--muted)}.pill,.casePill,.chip{height:var(--tap);padding:0 12px;border-radius:999px;border:1px solid var(--line);background:#0f1a2fa6;color:var(--text)}.pill{cursor:pointer}.casePill{display:flex;align-items:center;gap:6px}.ghostBtn,.dangerBtn,.primaryBtn,.miniBtn{height:var(--tap);border-radius:12px;border:1px solid var(--line);background:#0f1a2f73;color:var(--text);padding:0 12px;cursor:pointer}.primaryBtn{background:linear-gradient(135deg,#7aa2ffd9,#7aa2ff59);border-color:#7aa2ff8c;font-weight:700}.dangerBtn{background:#ff5c7a26;border-color:#ff5c7a73}.miniBtn{height:38px;border-radius:999px;background:#0f1a2f8c}.ghostBtn:hover,.dangerBtn:hover,.primaryBtn:hover,.miniBtn:hover,.pill:hover{filter:brightness(1.05)}.body{display:flex;gap:14px;padding:14px;max-width:var(--max);margin:0 auto;width:100%}.sidebar{width:230px;flex:0 0 230px;border:1px solid var(--line);border-radius:var(--radius);background:#0f1a2f8c;box-shadow:var(--shadow);padding:10px;position:sticky;top:70px;height:calc(100vh - 98px);overflow:auto}.navItem{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;border:1px solid transparent;color:var(--text)}.navItem:hover{background:#7aa2ff1a;border-color:#7aa2ff26}.navItemActive{background:#7aa2ff26;border-color:#7aa2ff40}.navIcon{width:22px;text-align:center}.navLabel{font-weight:650}.sidebarHint{margin-top:12px;font-size:12px;color:var(--muted);padding:0 6px}.content{flex:1;min-width:0;padding-bottom:70px}.page{display:flex;flex-direction:column;gap:14px}.pageHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.h1{font-size:28px;font-weight:900;letter-spacing:.2px}.sub{color:var(--muted);line-height:1.35}.row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.card,.chatCard,.sideCard{border:1px solid var(--line);border-radius:var(--radius);background:#0f1a2f8c;box-shadow:var(--shadow)}.card{overflow:hidden}.cardTitle{padding:12px 14px;border-bottom:1px solid var(--line);font-weight:800}.cardBody{padding:14px}.gridCards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}@media (max-width: 860px){.gridCards{grid-template-columns:1fr}.pageHeader{flex-direction:column;align-items:stretch}.row{justify-content:flex-start}}.input{width:100%;min-height:var(--tap);border-radius:12px;border:1px solid var(--line);background:#0b12208c;color:var(--text);padding:10px 12px;outline:none}textarea.input{min-height:120px;resize:vertical}.field{display:flex;flex-direction:column;gap:6px}.fieldLabel{font-weight:700}.fieldHint{color:var(--muted);font-size:12px}.fieldRow{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}@media (max-width: 860px){.grid2{grid-template-columns:1fr}}.tabs{display:flex;gap:10px;flex-wrap:wrap}.tabBtn{height:40px;border-radius:999px;padding:0 12px;border:1px solid var(--line);background:#0f1a2f73;color:var(--text);cursor:pointer;display:flex;align-items:center;gap:8px}.tabOn{background:#7aa2ff2e;border-color:#7aa2ff59}.tabPct{font-size:12px;color:var(--muted)}.progressWrap{width:260px;border:1px solid var(--line);border-radius:16px;background:#0f1a2f73;padding:10px 12px}.progressTop{display:flex;justify-content:space-between;color:var(--muted);font-size:12px}.progressBar{height:10px;border-radius:999px;background:#ffffff14;overflow:hidden;margin-top:8px}.progressFill{height:100%;background:linear-gradient(90deg,#3ddc97e6,#7aa2ffe6)}.gridCards .agentCard{text-align:left;cursor:pointer;padding:14px;border-radius:var(--radius);border:1px solid var(--line);background:#0f1a2f8c}.agentCard:hover{filter:brightness(1.05)}.agentDisabled{opacity:.55;cursor:not-allowed}.agentTop{display:flex;align-items:center;justify-content:space-between;gap:10px}.agentTitle{font-size:20px;font-weight:900}.agentTag{margin-top:6px;color:var(--muted);line-height:1.35}.badgeRow{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.badge{display:inline-flex;align-items:center;height:28px;padding:0 10px;border-radius:999px;border:1px solid var(--line);background:#0b12208c;color:var(--text);font-size:12px;white-space:nowrap}.status{font-size:12px;padding:6px 10px;border-radius:999px;border:1px solid var(--line)}.stOk{background:#3ddc971f;border-color:#3ddc9759}.stNo{background:#ff5c7a1f;border-color:#ff5c7a59}.split{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:14px}@media (max-width: 1100px){.split{grid-template-columns:1fr}}.chatCard{overflow:hidden;display:flex;flex-direction:column;min-height:520px}.chatLog{padding:14px;overflow:auto;flex:1}.chatInput{display:flex;gap:10px;padding:12px;border-top:1px solid var(--line);background:#0b122073}.bubbleRow{display:flex;margin-bottom:10px}.brUser{justify-content:flex-end}.brAI{justify-content:flex-start}.bubble{max-width:min(680px,92%);border-radius:18px;border:1px solid var(--line);padding:10px 12px}.bUser{background:#7aa2ff2e;border-color:#7aa2ff59}.bAI{background:#0f1a2f8c}.bubbleText{line-height:1.35}.bubbleTs{font-size:11px;color:var(--muted);margin-top:6px}.sideCard{overflow:hidden}.hr{height:1px;background:var(--line);margin:12px 0}.list{display:flex;flex-direction:column;gap:10px}.listRow{display:flex;gap:12px;align-items:center;border:1px solid var(--line);border-radius:16px;padding:10px 12px;background:#0b122059}.fileIcon{width:34px;text-align:center}.fileMid{flex:1;min-width:0}.fileName{font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fileMeta{font-size:12px;color:var(--muted);margin-top:2px}.statusPill{height:30px;padding:0 10px;display:flex;align-items:center;border-radius:999px;border:1px solid var(--line);font-size:12px;white-space:nowrap}.pillOk{background:#3ddc971f;border-color:#3ddc9759}.pillWarn{background:#ffd1661f;border-color:#ffd16659}.pillNo{background:#ff5c7a1f;border-color:#ff5c7a59}.pillNeutral{background:#ffffff0f}.authWrap{min-height:100vh;display:grid;place-items:center;padding:18px}.authCard{width:min(560px,100%);border-radius:22px;border:1px solid var(--line);background:#0f1a2f94;box-shadow:var(--shadow);padding:16px}.authHeader{display:flex;gap:12px;align-items:center;margin-bottom:10px}.authMark{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:#7aa2ff2e;border:1px solid rgba(122,162,255,.35);font-weight:900}.authTitle{font-size:22px;font-weight:900}.authSub{color:var(--muted);font-size:13px;margin-top:2px}.authNote{margin-top:10px;color:var(--muted);font-size:12px}.seg{display:flex;gap:8px;border:1px solid var(--line);border-radius:999px;padding:6px;background:#0b122059;margin:10px 0 12px}.segBtn{flex:1;height:38px;border-radius:999px;border:1px solid transparent;background:transparent;color:var(--text);cursor:pointer;font-weight:800}.segOn{background:#7aa2ff2e;border-color:#7aa2ff59}.miniTitle{margin-top:8px;font-weight:800}.bottomNav{position:fixed;left:0;right:0;bottom:0;display:flex;border-top:1px solid var(--line);background:#0b1220eb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:8px 8px calc(8px + env(safe-area-inset-bottom));gap:8px}.bn{flex:1;min-height:52px;border-radius:14px;border:1px solid transparent;background:#0f1a2f73;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:12px;color:var(--muted)}.bnA{color:var(--text);background:#7aa2ff26;border-color:#7aa2ff40}