:root{color-scheme:dark;--bg:#050b14;--surface:#0a1422;--surface-2:#0d1a2b;--line:rgba(143,184,219,.14);--text:#eaf6ff;--muted:#7f94a8;--cyan:#55e5f5;--cyan-2:#0aa4bd;--violet:#a583ff;--amber:#ffbd5c;--danger:#ff6b79;--radius:18px;--shadow:0 24px 70px rgba(0,0,0,.34)}*{box-sizing:border-box}html{min-height:100%;background:var(--bg)}body{margin:0;min-height:100vh;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:radial-gradient(circle at 78% 8%,rgba(23,93,126,.13),transparent 30%),var(--bg);color:var(--text);letter-spacing:.01em}.ambient{position:fixed;border-radius:50%;filter:blur(100px);pointer-events:none;opacity:.14}.ambient-a{width:320px;height:320px;background:#00cce7;right:-160px;top:10%}.ambient-b{width:260px;height:260px;background:#6447d6;left:28%;bottom:-160px}button,input{font:inherit}.login-shell{min-height:100vh;display:grid;grid-template-columns:1.1fr minmax(360px,520px);place-items:center;gap:7vw;padding:clamp(24px,5vw,80px);position:relative}.login-brand{text-align:center}.login-brand p{font-size:11px;letter-spacing:.28em;color:var(--muted);margin-top:30px}.orb{width:210px;height:210px;border:1px solid rgba(85,229,245,.32);border-radius:50%;display:grid;place-items:center;position:relative;box-shadow:inset 0 0 50px rgba(45,214,237,.08),0 0 70px rgba(45,214,237,.1)}.orb:before,.orb:after,.orb span{content:"";position:absolute;border-radius:50%;border:1px solid rgba(85,229,245,.2)}.orb:before{inset:19px;border-style:dashed;animation:spin 22s linear infinite}.orb:after{inset:49px;box-shadow:0 0 30px rgba(85,229,245,.22)}.orb span:nth-child(1){width:62px;height:62px;background:radial-gradient(circle,#bdfaff 0,#2fd4e8 18%,#063a48 50%,transparent 70%);border:0;box-shadow:0 0 30px #21bfd5}.orb span:nth-child(2){width:148px;height:4px;border:0;background:linear-gradient(90deg,transparent,var(--cyan),transparent);transform:rotate(25deg);opacity:.35}.orb span:nth-child(3){width:148px;height:4px;border:0;background:linear-gradient(90deg,transparent,var(--cyan),transparent);transform:rotate(-25deg);opacity:.35}@keyframes spin{to{transform:rotate(360deg)}}.login-card{width:100%;padding:clamp(28px,5vw,48px);background:linear-gradient(145deg,rgba(14,29,47,.94),rgba(7,16,28,.96));border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow);backdrop-filter:blur(18px)}.eyebrow{font-size:10px;font-weight:700;letter-spacing:.2em;color:var(--cyan);margin:0 0 10px}.login-card h1{font-size:clamp(29px,4vw,42px);line-height:1.05;margin:0 0 12px;letter-spacing:-.04em}.login-card h1 span{color:var(--cyan)}.muted{color:var(--muted)}.login-card>p{margin:0 0 30px}.login-card label{display:block;font-size:12px;font-weight:650;color:#a9bed0;margin:16px 0 8px}.login-card input,.chat-input input{width:100%;background:#06101c;border:1px solid rgba(135,178,210,.2);border-radius:12px;color:var(--text);padding:14px 15px;outline:none;transition:.2s}.login-card input:focus,.chat-input input:focus{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(85,229,245,.1)}.primary-button,.secondary-button{border:0;border-radius:12px;cursor:pointer;font-weight:750;display:flex;justify-content:space-between;align-items:center;gap:18px}.primary-button{width:100%;margin-top:20px;padding:14px 17px;color:#001015;background:linear-gradient(110deg,var(--cyan),#86f0dc);box-shadow:0 10px 30px rgba(39,211,226,.16)}.primary-button:hover{filter:brightness(1.06)}.primary-button.compact{width:auto;margin:0;white-space:nowrap}.secure-note{font-size:11px;color:var(--muted);text-align:center;margin-top:18px}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#57efb5;box-shadow:0 0 10px #57efb5;margin-right:7px}.form-error{min-height:18px!important;color:var(--danger)!important;font-size:12px;margin:10px 0 0!important}.app-shell{min-height:100vh;display:grid;grid-template-columns:245px 1fr}.sidebar{position:fixed;inset:0 auto 0 0;width:245px;border-right:1px solid var(--line);background:rgba(5,12,22,.9);backdrop-filter:blur(18px);padding:26px 18px;display:flex;flex-direction:column;z-index:4}.wordmark{display:flex;align-items:center;gap:12px;padding:0 8px 30px}.mark{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--cyan);border-radius:50%;color:var(--cyan);font-weight:800;box-shadow:inset 0 0 18px rgba(85,229,245,.12)}.wordmark strong{display:block;letter-spacing:.16em;font-size:14px}.wordmark small{color:var(--muted);font-size:8px;letter-spacing:.17em}.sidebar nav{display:grid;gap:5px}.nav-item{width:100%;border:0;background:transparent;color:var(--muted);padding:12px 13px;border-radius:10px;text-align:left;cursor:pointer;display:flex;gap:12px;align-items:center;font-size:13px}.nav-item span{font-size:17px;color:#7893a8}.nav-item:hover,.nav-item.active{background:linear-gradient(90deg,rgba(55,202,222,.14),rgba(55,202,222,.03));color:var(--text)}.nav-item.active{box-shadow:inset 2px 0 var(--cyan)}.nav-item.active span{color:var(--cyan)}.sidebar-footer{margin-top:auto;border-top:1px solid var(--line);padding:20px 8px 2px;display:flex;align-items:center}.sidebar-footer strong,.sidebar-footer small{display:block}.sidebar-footer strong{font-size:11px}.sidebar-footer small{font-size:9px;color:var(--muted);margin-top:3px}.app-shell main{grid-column:2;padding:30px clamp(24px,4vw,58px) 60px;min-width:0}.topbar{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:34px}.topbar h1{font-size:clamp(27px,4vw,40px);letter-spacing:-.04em;margin:0}.top-actions{display:flex;align-items:center;gap:12px}.clock{font-variant-numeric:tabular-nums;color:var(--muted);font-size:13px}.icon-button{width:38px;height:38px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--muted);cursor:pointer}.view{display:none}.active-view{display:block}.command-card{border:1px solid rgba(79,213,229,.18);background:linear-gradient(115deg,rgba(12,33,48,.9),rgba(8,20,34,.85));border-radius:var(--radius);padding:clamp(24px,4vw,38px);display:flex;align-items:center;justify-content:space-between;gap:24px;box-shadow:inset 0 1px rgba(255,255,255,.02)}.status-pill{display:inline-flex;align-items:center;gap:7px;font-size:9px;letter-spacing:.12em;color:#8ef1c9;background:rgba(78,225,168,.08);border:1px solid rgba(78,225,168,.17);border-radius:99px;padding:6px 9px}.status-pill i{width:6px;height:6px;background:#59efb5;border-radius:50%;box-shadow:0 0 7px #59efb5}.command-card h2{font-size:clamp(22px,4vw,32px);margin:16px 0 7px;letter-spacing:-.03em}.command-card p,.section-intro p,.empty-state p,.automation-card p,.policy-panel p{color:var(--muted);line-height:1.65;margin:0}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:16px 0}.metric{display:flex;align-items:center;gap:15px;background:rgba(10,21,35,.72);border:1px solid var(--line);border-radius:14px;padding:18px}.metric-icon{width:39px;height:39px;flex:0 0 auto;border-radius:11px;display:grid;place-items:center;font-size:17px}.metric-icon.cyan{color:var(--cyan);background:rgba(85,229,245,.1)}.metric-icon.violet{color:var(--violet);background:rgba(165,131,255,.1)}.metric-icon.amber{color:var(--amber);background:rgba(255,189,92,.1)}.metric small,.metric strong,.metric span{display:block}.metric small{font-size:8px;letter-spacing:.14em;color:var(--muted)}.metric strong{font-size:15px;margin:4px 0}.metric span{font-size:10px;color:#667f93}.content-grid{display:grid;grid-template-columns:1.4fr .8fr;gap:16px}.panel{background:rgba(10,20,34,.78);border:1px solid var(--line);border-radius:var(--radius);padding:22px}.panel-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.panel-heading h3{margin:0;font-size:17px}.integration-list{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.integration{display:flex;justify-content:space-between;align-items:center;background:#07111e;border:1px solid rgba(130,168,200,.1);border-radius:10px;padding:12px}.integration span{font-size:12px}.integration small{font-size:8px;letter-spacing:.1em;color:#657e92}.shield{width:62px;height:62px;border:1px solid rgba(85,229,245,.25);border-radius:50%;display:grid;place-items:center;color:var(--cyan);margin:6px 0 17px;box-shadow:inset 0 0 20px rgba(85,229,245,.08)}.policy-row{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:12px;margin-top:12px;font-size:11px;color:var(--muted)}.policy-row strong{color:#75e5bd}.policy-row .warning{color:var(--amber)}.section-intro{margin:0 0 22px}.section-intro h2{font-size:30px;margin:0 0 7px;letter-spacing:-.03em}.chat-panel{height:calc(100vh - 220px);min-height:480px;display:flex;flex-direction:column;background:rgba(8,18,31,.8);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.messages{flex:1;overflow:auto;padding:24px;display:flex;flex-direction:column;gap:16px}.message{display:flex;gap:11px;max-width:78%;align-items:flex-start}.message>span{width:28px;height:28px;flex:0 0 auto;border:1px solid var(--cyan);border-radius:50%;display:grid;place-items:center;color:var(--cyan);font-size:11px}.message p{background:#0b1a2b;border:1px solid var(--line);border-radius:4px 14px 14px 14px;margin:0;padding:12px 14px;line-height:1.55;font-size:13px}.message.user{align-self:flex-end;flex-direction:row-reverse}.message.user>span{border-color:var(--violet);color:var(--violet)}.message.user p{background:rgba(95,68,163,.2);border-radius:14px 4px 14px 14px}.chat-input{display:flex;gap:10px;padding:14px;border-top:1px solid var(--line)}.chat-input button{width:46px;border:0;border-radius:11px;background:var(--cyan);color:#021219;font-size:20px;cursor:pointer}.empty-state{text-align:center;padding:70px 20px;border:1px dashed rgba(135,178,210,.2);border-radius:var(--radius);background:rgba(8,18,31,.45)}.empty-icon{width:64px;height:64px;margin:0 auto 18px;border-radius:18px;display:grid;place-items:center;background:rgba(85,229,245,.08);color:var(--cyan);font-size:26px}.empty-state h3{margin:0 0 8px}.secondary-button{margin:22px auto 0;padding:11px 16px;color:var(--muted);background:#0c1a29;border:1px solid var(--line)}.automation-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.automation-card h3{font-size:20px;margin:17px 0 12px}.automation-card p{margin-top:17px}.muted-pill{color:#aebbc6;background:rgba(150,170,190,.07);border-color:var(--line)}.settings-list{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:rgba(8,18,31,.55)}.settings-list>div{display:flex;justify-content:space-between;gap:30px;padding:18px 22px;border-bottom:1px solid var(--line)}.settings-list>div:last-child{border:0}.settings-list span{color:var(--muted);font-size:12px}.settings-list strong{font-size:12px;text-align:right}.mobile-nav{display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:900px){.metric-grid{grid-template-columns:1fr}.content-grid{grid-template-columns:1fr}.login-shell{grid-template-columns:1fr}.login-brand{display:none}.app-shell{display:block}.sidebar{display:none}.app-shell main{padding:24px 18px 100px}.mobile-nav{position:fixed;display:grid;grid-template-columns:repeat(5,1fr);left:10px;right:10px;bottom:max(10px,env(safe-area-inset-bottom));height:66px;background:rgba(7,16,28,.94);border:1px solid var(--line);border-radius:18px;backdrop-filter:blur(18px);z-index:5;padding:6px}.mobile-nav button{border:0;background:transparent;color:var(--muted);display:grid;place-items:center;align-content:center;gap:3px;border-radius:12px}.mobile-nav button.active{color:var(--cyan);background:rgba(85,229,245,.08)}.mobile-nav span{font-size:17px}.mobile-nav small{font-size:8px}.topbar{margin-bottom:22px}.topbar .eyebrow{display:none}.clock{display:none}.command-card{align-items:flex-start;flex-direction:column}.primary-button.compact{width:100%}.automation-grid{grid-template-columns:1fr}.chat-panel{height:calc(100dvh - 245px);min-height:400px}.message{max-width:90%}}@media(max-width:520px){.login-shell{padding:18px;align-items:center}.login-card{padding:28px 22px}.topbar h1{font-size:25px}.metric{padding:15px}.integration-list{grid-template-columns:1fr}.settings-list>div{display:block}.settings-list strong{display:block;text-align:left;margin-top:6px}.panel{padding:18px}}