:root{--bg:#090b10;--side:#0c0e14;--panel:#131720;--panel2:#171b26;--stroke:rgba(255,255,255,.085);--text:#eef1f8;--sub:#8d95a8;--cyan:#5be0da;--purple:#a89bff;--blue:#7b9bff;--red:#ff7b84;--green:#6addb2}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",sans-serif;-webkit-font-smoothing:antialiased;font-size:14px}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:not-allowed}a{color:inherit}[hidden]{display:none!important}
.login-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:28px;position:relative;overflow:hidden;background:#090b12}
.ambient{position:absolute;filter:blur(100px);pointer-events:none;border-radius:50%;opacity:.28}.ambient-a{width:480px;height:480px;background:#3049b0;top:-210px;right:-100px}.ambient-b{width:460px;height:460px;background:#146f71;bottom:-250px;left:-130px}
.glass{background:rgba(21,25,36,.80);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(30px);box-shadow:0 28px 90px rgba(0,0,0,.35)}
.login-card{z-index:1;width:min(440px,100%);padding:42px;border-radius:24px}.login-card .eyebrow{margin:26px 0 12px}.login-card h1{font-size:39px;line-height:1.08;letter-spacing:-1.8px;margin:0 0 13px;font-weight:650}.login-card p{line-height:1.6;margin-bottom:32px}.login-card .field{margin-bottom:18px}.login-footer{font-size:11px;text-align:center;margin-top:24px;color:#6f7788}
.gradient-text{background:linear-gradient(95deg,#f4f6ff 0%,#a4b4fe 48%,#65dedb 100%);color:transparent;background-clip:text;-webkit-background-clip:text}
.logo{width:39px;height:39px;display:grid;place-items:center;flex-shrink:0;border-radius:12px;background:linear-gradient(140deg,#5871ff,#76d9d0);color:#081221;font-size:23px;font-weight:800;letter-spacing:-2px;box-shadow:0 6px 25px rgba(94,135,245,.25)}.logo span{color:white}.logo.lg{width:52px;height:52px;border-radius:15px;font-size:30px}
.eyebrow{font-size:10px;letter-spacing:2px;font-weight:750;color:#9ca9c1;display:flex;gap:10px;align-items:center}.tiny-line{width:20px;height:1px;background:var(--cyan)}
.muted,.subdued{color:var(--sub)}.error-text{color:#ff919a;font-size:12px;min-height:12px;margin-top:10px}
.field label{display:block;color:#a2acbe;letter-spacing:1px;font-size:10px;font-weight:750;margin-bottom:9px}
.field input,.field textarea{width:100%;outline:none;border:1px solid rgba(255,255,255,.11);border-radius:11px;background:#0c1018;color:#f4f6fd;padding:13px 14px;transition:border .18s ease,box-shadow .18s ease}.field input:focus,.field textarea:focus,.chat-form textarea:focus{border-color:#7fa7ff;box-shadow:0 0 0 3px rgba(100,130,240,.14)}textarea{resize:vertical}
.btn{border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 17px;border-radius:12px;font-weight:650;font-size:12px;white-space:nowrap;transition:transform .18s,background .18s,border-color .18s}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn.primary{background:linear-gradient(125deg,#829cf9,#72c5e0);color:#0e1525;box-shadow:0 8px 24px rgba(76,116,221,.19)}.btn.soft{background:rgba(255,255,255,.05);color:#e4e9f5;border-color:var(--stroke)}.btn.soft:hover{background:rgba(255,255,255,.09)}.btn.small{padding:9px 12px}.btn.full{width:100%;justify-content:space-between}.btn.full span{font-size:18px}
.app{display:flex;min-height:100vh}.sidebar{width:248px;background:var(--side);border-right:1px solid var(--stroke);position:fixed;left:0;top:0;bottom:0;display:flex;flex-direction:column;padding:26px 14px 16px;z-index:20}
.brand{display:flex;align-items:center;gap:12px;padding:0 11px 47px}.brand-name{font-size:14px;letter-spacing:-.25px;font-weight:600}.brand-name b{font-weight:750}.brand-sub{font-size:9px;letter-spacing:1.6px;color:#8d97aa;margin-top:5px}.side-caption{font-size:9px;color:#687385;letter-spacing:1.5px;font-weight:750;margin:0 14px 13px}
.nav{display:flex;flex-direction:column;gap:4px}.nav-item{background:none;border:1px solid transparent;border-radius:10px;text-align:left;padding:12px 14px;color:#939caf;display:flex;gap:12px;align-items:center;font-weight:550;transition:all .18s}.nav-item:hover{background:rgba(255,255,255,.04);color:#fff}.nav-item.active{background:linear-gradient(100deg,rgba(107,147,251,.15),rgba(117,210,219,.05));border-color:rgba(143,176,250,.13);color:#e8efff}.nav-icon{font-size:18px;width:22px;text-align:center;color:#adb9ce}.nav-item.active .nav-icon{color:#8ba6ff}.nav-pill{margin-left:auto;color:#8497ba;background:rgba(255,255,255,.06);padding:3px 7px;border-radius:7px;font-size:10px}
.sidebar-spacer{flex:1}.sidebar-info{display:flex;gap:10px;align-items:flex-start;border:1px solid var(--stroke);padding:13px 10px;border-radius:10px;background:rgba(255,255,255,.02);margin-bottom:17px}.sidebar-info strong{font-size:11px}.sidebar-info small{display:block;margin-top:7px;font-size:10px;color:var(--sub)}.pulse{width:7px;height:7px;background:#72debf;border-radius:50%;box-shadow:0 0 12px rgba(93,226,186,.7);margin-top:4px;flex-shrink:0}
.profile{display:flex;align-items:center;gap:11px;padding:10px 7px;border-top:1px solid var(--stroke)}.avatar{height:36px;width:36px;border-radius:11px;background:#3c4160;display:grid;place-items:center;font-weight:800;color:#eef2ff}.profile-meta{flex:1}.profile-meta strong{display:block;font-size:12px}.profile-meta small{display:block;color:var(--sub);font-size:10px;margin-top:4px}.icon-btn{border:1px solid var(--stroke);background:rgba(255,255,255,.03);color:#b2bacd;width:32px;height:32px;border-radius:9px;display:grid;place-items:center;font-size:17px}.icon-btn:hover{color:#fff;background:rgba(255,255,255,.09)}
.workspace{margin-left:248px;width:calc(100% - 248px);min-height:100vh;background:radial-gradient(ellipse 600px 220px at 75% -45px,rgba(82,93,162,.07),transparent 90%),var(--bg)}.topbar{height:73px;padding:0 36px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--stroke)}.breadcrumbs{display:flex;align-items:center;gap:12px;font-size:12px;color:#8f98aa}.breadcrumbs strong{color:#ecf2ff}.separator{color:#4b5466}.topbar-right{display:flex;align-items:center;gap:14px}.topbar-right .subdued{font-size:10px}.status-top{font-size:10px;letter-spacing:1.3px;font-weight:800;color:#75ddbd;display:flex;gap:7px;align-items:center}.status-top i{display:block;width:6px;height:6px;background:#6addb2;border-radius:50%}
.content{max-width:1390px;margin:auto;padding:38px 36px 22px}.view{min-height:650px}.intro-grid{display:flex;align-items:end;justify-content:space-between;gap:20px}.page-title{font-size:clamp(32px,4vw,48px);line-height:1.08;letter-spacing:-2px;margin:18px 0 13px;font-weight:680}.lead{max-width:700px;color:#98a3b5;line-height:1.7;font-size:13px;margin:0 0 26px}.intro-action{padding-bottom:28px}
.banner{display:flex;align-items:center;gap:14px;border:1px solid rgba(96,205,180,.2);border-radius:14px;background:linear-gradient(105deg,rgba(32,91,82,.2),rgba(26,35,44,.5));padding:16px 19px;margin:0 0 31px}.banner.problem{border-color:rgba(255,124,130,.26);background:rgba(105,30,42,.13)}.banner strong{font-size:13px}.banner p{color:#96acaa;margin:6px 0 0;font-size:11px}.banner.problem p{color:#c3a1a8}.banner-aside{margin-left:auto;font-size:10px;color:#93aeaa;white-space:nowrap}.large-dot{height:12px;width:12px;background:#6fe3ba;box-shadow:0 0 0 6px rgba(75,190,149,.10);border-radius:50%;flex-shrink:0}.banner.problem .large-dot{background:#ff8187;box-shadow:0 0 0 6px rgba(255,124,130,.10)}
.section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px}.section-head h2,.panel h2{font-size:15px;letter-spacing:-.3px;margin:0;font-weight:650}.hint{font-size:11px;color:#7b8597}
.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:20px}.stat-card{border:1px solid var(--stroke);background:linear-gradient(160deg,#161b25,#11151e);border-radius:16px;padding:20px;min-height:174px}.stat-head{display:flex;justify-content:space-between;gap:8px;align-items:center;font-size:11px;color:#a7b0c1}.tile-icon{color:#8fa2cc;font-size:22px}.stat-value{font-size:26px;font-weight:750;letter-spacing:-.7px;margin-top:25px}.stat-value.good{color:#9ae6c9}.stat-value.warn{color:#f1b79c}.stat-detail{margin:7px 0 0;font-size:10px;color:#8491a7;min-height:17px}.stat-foot{font-size:10px;color:#a6afc0;display:flex;align-items:center;gap:7px;margin-top:13px}.dot{width:6px;height:6px;border-radius:50%;display:inline-block}.dot.teal{background:var(--cyan)}.dot.purple{background:var(--purple)}.progress{height:4px;border-radius:5px;background:#293140;margin-top:16px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#7b99fb,#6ce2c5);border-radius:5px}
.two-col{display:grid;grid-template-columns:1.04fr .96fr;gap:19px}.panel{border:1px solid var(--stroke);background:linear-gradient(155deg,#151923,#10141d);padding:24px;border-radius:17px}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:13px;margin-bottom:27px}.panel-head p{font-size:11px;color:#8390a4;margin:7px 0 0}.tag{font-size:9px;color:#7ee3c9;letter-spacing:1px;background:rgba(74,196,153,.1);padding:7px 9px;border-radius:7px;white-space:nowrap}.text-btn{background:none;border:none;color:#a8b9fc;font-size:11px;padding:5px}.text-btn:hover{color:#eff2ff}
.meter{margin-bottom:25px}.meter-head{display:flex;justify-content:space-between;font-size:11px;color:#b6bece}.meter-head strong{font-size:12px;color:#eff3ff}.track{height:7px;background:#252d39;border-radius:9px;margin:12px 0 8px;overflow:hidden}.fill{height:100%;width:0;border-radius:9px;transition:width .6s}.fill.cyan{background:linear-gradient(90deg,#4eacdd,#6ae1c7)}.fill.blue{background:linear-gradient(90deg,#7b87ef,#b1a6ff)}.meter p{font-size:10px;color:#79869c;margin:0}.mini-metrics{border-top:1px solid var(--stroke);padding-top:16px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.mini-metrics small{display:block;color:#788498;font-size:8px;letter-spacing:.65px;margin-bottom:8px}.mini-metrics strong{display:block;font-size:18px;letter-spacing:-.4px}
.event-list{display:flex;flex-direction:column;gap:0}.event-row{display:flex;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.06)}.event-row:last-child{border-bottom:0}.event-symbol{height:28px;width:28px;flex-shrink:0;border-radius:9px;background:rgba(123,166,245,.11);color:#a1bafb;display:grid;place-items:center;font-size:13px}.event-symbol.critical{color:#ff939c;background:rgba(255,104,112,.12)}.event-symbol.success{color:#80e1bb;background:rgba(105,223,174,.1)}.event-text{flex:1;min-width:0}.event-text strong{font-size:11px;font-weight:600;display:block;overflow-wrap:anywhere}.event-text small{color:#7c889b;font-size:10px;display:block;margin-top:5px}.event-date{color:#6f7b8f;font-size:10px;white-space:nowrap}
.support-cta{display:flex;align-items:center;gap:20px;padding:25px;margin:20px 0 38px;border:1px solid rgba(125,132,250,.23);border-radius:17px;background:radial-gradient(ellipse at 80% 20%,rgba(87,91,161,.17),transparent),linear-gradient(110deg,#1b2236,#111922)}.cta-orb,.ai-orb{flex-shrink:0;width:55px;height:55px;border-radius:15px;background:linear-gradient(145deg,#746af1,#65bdc7);display:grid;place-items:center;font-size:27px;color:#fff;box-shadow:0 12px 28px rgba(77,100,212,.2)}.support-cta>div:nth-child(2){flex:1}.support-cta h2{font-size:20px;letter-spacing:-.7px;margin:8px 0}.support-cta p{color:#a3aec2;font-size:11px;line-height:1.5;margin:0}.support-cta .btn{margin-left:auto}
.details-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.detail-card{border-radius:10px;border:1px solid var(--stroke);padding:14px;background:rgba(255,255,255,.025)}.detail-card small{color:#8390a4;display:block;font-size:10px;margin-bottom:8px}.detail-card strong{font-size:14px;font-weight:650;overflow-wrap:anywhere}.mt{margin-top:18px}
.chat-shell{padding:0;overflow:hidden}.chat-header{display:flex;align-items:center;gap:13px;padding:20px 22px;border-bottom:1px solid var(--stroke)}.ai-orb{height:39px;width:39px;border-radius:11px;font-size:22px}.chat-header strong{font-size:12px}.chat-header p{margin:5px 0 0;font-size:10px;color:#8895ac}.chat-header .tag{margin-left:auto}.chat-messages{height:min(55vh,520px);min-height:285px;overflow-y:auto;padding:25px;display:flex;flex-direction:column;align-items:flex-start;gap:16px}.bubble{font-size:12px;line-height:1.75;white-space:pre-wrap;overflow-wrap:anywhere;max-width:83%;padding:14px 17px;border-radius:15px;background:#1b2230;border:1px solid var(--stroke)}.bubble.user{background:#202d47;border-color:rgba(123,150,246,.17);align-self:flex-end}.bubble.ai{align-self:flex-start}.chat-form{display:flex;align-items:end;gap:12px;padding:17px 18px;border-top:1px solid var(--stroke)}.chat-form textarea{width:100%;resize:vertical;max-height:170px;min-height:46px;background:#0d121c;border:1px solid var(--stroke);border-radius:12px;color:#f2f4ff;padding:13px;outline:0}.send-btn{background:linear-gradient(125deg,#829cf9,#72c5e0);border:0;border-radius:12px;height:46px;width:46px;color:#111827;font-size:20px;flex-shrink:0}.privacy-note{color:#748093;font-size:10px;margin:14px 4px}
.ticket-form{display:flex;flex-direction:column;gap:15px}.ticket-form .btn{align-self:flex-start}.ticket-card{padding:16px 0;border-bottom:1px solid var(--stroke)}.ticket-card:last-child{border:0}.ticket-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.ticket-header strong{font-size:13px}.ticket-card p{color:#a0a9bb;font-size:11px;line-height:1.65;margin:7px 0}.ticket-meta{font-size:10px;color:#798497}.ticket-status{background:rgba(121,153,244,.1);color:#b3bef1;padding:5px 9px;border-radius:7px;font-size:9px;letter-spacing:.6px}
.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.settings-list{margin-top:22px}.settings-row{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid var(--stroke);padding:15px 0;font-size:11px}.settings-row span{color:var(--sub)}.settings-row strong{font-weight:600;font-size:11px;overflow-wrap:anywhere}.settings-grid .muted{line-height:1.7;font-size:11px;margin:16px 0 25px}.footer{display:flex;justify-content:space-between;color:#657083;font-size:10px;margin-top:35px;padding-top:22px;border-top:1px solid var(--stroke)}
.toast{position:fixed;bottom:28px;right:28px;padding:13px 19px;border:1px solid rgba(145,171,242,.3);background:#202b3b;border-radius:11px;box-shadow:0 18px 50px #0007;color:#ecf2ff;z-index:40;opacity:0;transform:translateY(16px);pointer-events:none;transition:.25s}.toast.visible{opacity:1;transform:none}.mobile-menu{display:none;background:none;color:#d1d8e9;border:none;font-size:21px}
@media(max-width:1250px){.stat-grid{grid-template-columns:repeat(2,1fr)}.content{padding:32px 25px}.topbar{padding:0 25px}}
@media(max-width:920px){.sidebar{width:210px}.workspace{margin-left:210px;width:calc(100% - 210px)}.two-col,.settings-grid{grid-template-columns:1fr}.support-cta{flex-wrap:wrap}.support-cta .btn{margin-left:76px}.brand{padding:0 5px 32px}}
@media(max-width:690px){.sidebar{transform:translateX(-110%);transition:transform .2s;width:245px;box-shadow:20px 0 50px #0008}.sidebar.open{transform:none}.workspace{margin-left:0;width:100%}.topbar{padding:0 16px;height:60px}.mobile-menu{display:inline-block}.content{padding:27px 17px}.intro-grid{display:block}.intro-action{padding:0 0 20px}.stat-grid{gap:10px}.stat-card{padding:15px;min-height:150px}.stat-value{font-size:21px;margin-top:23px}.page-title{letter-spacing:-1.3px}.banner{align-items:flex-start}.banner-aside{display:none}.panel{padding:18px}.support-cta{padding:20px;gap:14px}.support-cta .cta-orb{width:42px;height:42px}.support-cta .btn{margin-left:0;width:100%}.support-cta h2{font-size:17px}.topbar-right .subdued{display:none}.settings-grid,.details-grid{grid-template-columns:1fr}.mini-metrics{gap:6px}.mini-metrics strong{font-size:15px}.footer{gap:13px;flex-wrap:wrap}.chat-messages{padding:15px}.bubble{max-width:95%}.login-card{padding:29px}.login-card h1{font-size:33px}}