:root{--navy:#101a2b;--navy2:#16243a;--teal:#0c9d87;--teal-bright:#26c6a6;--teal-soft:#e8f8f4;--ink:#17253a;--muted:#738194;--border:#e3eaf0;--bg:#f5f7fa;--white:#fff;--red:#d94d5b;--red-soft:#fff0f2;--amber:#ae7d24;--amber-soft:#fff7e5;--blue:#426995;--shadow:0 4px 21px rgba(22,43,69,.035);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink)}*{box-sizing:border-box}body{margin:0;background:var(--bg);font-size:13.5px}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid rgba(0,171,143,.4);outline-offset:3px}button[disabled]{opacity:.5;cursor:not-allowed}.eyebrow{font-size:11px;letter-spacing:.17em;font-weight:800;color:var(--teal)}.eyebrow.light{color:#77ddc5}.mark{height:35px;width:35px;border-radius:9px;background:linear-gradient(135deg,#17c7a9,#0a9682);display:grid;place-items:center;color:#fff;flex-shrink:0;box-shadow:0 6px 20px rgba(0,178,148,.15)}.mark svg{height:22px;width:22px}.landing-body{background:#f8fafb}.landing-grid{min-height:100vh;display:grid;grid-template-columns:1.07fr .93fr}.landing-hero{background:radial-gradient(circle at 18% 18%,#1c3a4b,transparent 42%),linear-gradient(150deg,#091525 5%,#12263a 65%,#0c3440);color:#fff;padding:48px clamp(42px,6vw,105px);display:flex;flex-direction:column;justify-content:space-between;min-height:720px;position:relative;overflow:hidden}.landing-hero:after{content:"";position:absolute;right:-130px;bottom:-190px;width:540px;height:540px;border:1px solid #ffffff16;border-radius:50%;box-shadow:0 0 0 80px #ffffff06,0 0 0 160px #ffffff04}.hero-mark,.side-brand{display:flex;align-items:center;gap:12px}.hero-mark strong,.side-brand strong{font-weight:850;letter-spacing:.11em;font-size:18px}.hero-mark small,.side-brand small{font-size:10px;color:#9eb2c7;display:block;letter-spacing:.11em;margin-top:3px}.hero-content{position:relative;z-index:1}.hero-content h1{font-size:clamp(44px,4.8vw,72px);letter-spacing:-.055em;line-height:1.06;max-width:600px;margin:28px 0}.hero-content h1 em{font-style:normal;color:#5ce1c7}.hero-content p{max-width:550px;font-size:17px;line-height:1.85;color:#c0cedb}.hero-feature-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:35px}.hero-feature-row div{padding:12px 15px;border-radius:10px;color:#d7e9e9;background:#ffffff0c;border:1px solid #ffffff17;font-size:12px}.hero-bottom{color:#7892a8;display:flex;justify-content:space-between;gap:12px;position:relative;z-index:1;font-size:11px}.landing-auth{padding:46px clamp(38px,5vw,88px);display:flex;flex-direction:column;justify-content:space-between}.auth-top{display:flex;justify-content:space-between;align-items:center;gap:15px}.release-pill{font-size:11px;background:#e8f8f3;border-radius:30px;color:#0f876e;padding:9px 11px;font-weight:700}.auth-card{max-width:470px;width:100%;align-self:center}.auth-icon{height:64px;width:64px;color:var(--teal);background:var(--teal-soft);border:1px solid #d1ede4;display:grid;place-items:center;border-radius:17px;margin-bottom:29px}.auth-icon svg{width:34px;height:34px}.auth-card h2{font-size:39px;letter-spacing:-.055em;margin:0 0 15px}.auth-card>p{font-size:15px;color:#6c7a8c;line-height:1.8}.microsoft-button{display:flex;align-items:center;gap:13px;border:1px solid #cfd9e2;border-radius:12px;background:#fff;box-shadow:0 6px 15px #162a4408;padding:17px 20px;text-decoration:none;font-weight:700;margin:32px 0 15px;font-size:15px}.microsoft-button:hover{border-color:#0caa8e;background:#fbfffe}.microsoft-button .arrow{margin-left:auto;color:#0c9d87}.ms-icon{display:grid;grid-template-columns:repeat(2,11px);grid-template-rows:repeat(2,11px);gap:2px}.ms-icon i:nth-child(1){background:#f35325}.ms-icon i:nth-child(2){background:#81bc06}.ms-icon i:nth-child(3){background:#05a6f0}.ms-icon i:nth-child(4){background:#ffba08}.auth-card .auth-note{font-size:12px;color:#8997a7}.auth-rule{border-top:1px solid var(--border);margin:44px 0 26px}.access-note{display:flex;gap:13px;color:#718297;font-size:13px;line-height:1.75}.shield{display:grid;place-items:center;flex-shrink:0;height:24px;width:24px;background:#e6f8f1;border-radius:100%;color:#119777;font-weight:850}.auth-footer{color:#91a0ae;font-size:12px}.auth-footer span{padding:0 7px}.auth-footer a{color:#0c917a;text-decoration:none}
/* Shell */.sidebar{position:fixed;z-index:35;left:0;top:0;bottom:0;width:265px;background:var(--navy);color:#b8c6d6;display:flex;flex-direction:column}.side-brand{padding:20px 21px;height:78px;border-bottom:1px solid #273448}.side-brand strong{color:#fff;font-size:16px}.side-brand small{font-size:9px}.side-scroll{flex:1;padding:16px 10px;overflow-y:auto}.side-heading{color:#6f849a;font-size:10px;font-weight:850;letter-spacing:.13em;margin:20px 12px 9px}.nav-item{color:#b1c0d2;background:transparent;border:0;border-radius:9px;text-align:left;width:100%;padding:12px 11px;display:flex;align-items:center;gap:12px;font-weight:580;margin:2px 0;white-space:nowrap}.nav-item:hover{background:#213248;color:#fff}.nav-item.active{background:#17443e;color:#e6fff5;box-shadow:inset 3px 0 0 #28d2ac}.nav-glyph{font-size:18px;width:22px;text-align:center;opacity:.84;font-weight:500}.nav-counter{margin-left:auto;font-size:9px;background:#253a4a;padding:3px 6px;border-radius:7px;color:#b7d3ce}.side-footer{border-top:1px solid #273448;padding:20px 22px 23px}.side-footer small{color:#70869f;display:block;margin-top:7px}.system-status{display:flex;align-items:center;gap:9px;font-size:12px}.state-dot{height:8px;width:8px;border-radius:50%;background:#92a1af;display:inline-block}.state-dot.ok{background:#2ccc9f}.state-dot.bad{background:#dc5967}.main-area{margin-left:265px;min-height:100vh;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;background:#fff;height:74px;padding:0 clamp(20px,3vw,45px);border-bottom:1px solid var(--border);gap:18px}.topbar-left,.topbar-right{display:flex;align-items:center;gap:14px}.crumb{font-size:11px;font-weight:850;letter-spacing:.12em;color:#99a5b5;white-space:nowrap}.crumb span{padding:0 9px;color:#b7bfca}.crumb strong{color:#273a4d;font-size:12px;letter-spacing:0}.topbar button{background:none;border:0;color:#6d7e91}.top-refresh{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:650}.top-refresh:first-letter{font-size:19px}.top-help{height:29px;width:29px;border:1px solid var(--border)!important;border-radius:50%;font-weight:800!important}.source-label{padding:7px 10px;border-radius:20px;background:#eaf8f2;color:#168a6d;font-weight:750;font-size:11px;white-space:nowrap}.source-label.warn{background:var(--amber-soft);color:var(--amber)}.source-label.error{background:var(--red-soft);color:var(--red)}.user-pill{display:flex;align-items:center;gap:9px;padding-left:15px;border-left:1px solid var(--border);font-weight:700;white-space:nowrap}.user-avatar{background:#e6edf7;color:#486581;border-radius:50%;height:34px;width:34px;display:grid;place-items:center;font-weight:800}.signout{font-size:19px!important}.menu-button{font-size:20px!important;padding:7px 8px}.content{width:100%;max-width:1640px;margin:0 auto;padding:36px clamp(20px,3vw,45px) 55px;flex:1}.demo-notice{padding:11px 32px;background:#fff4de;border-bottom:1px solid #e8d4a2;color:#8b641c;font-size:12px;font-weight:800;letter-spacing:.03em}.api-error{border:1px solid #f2c8ce;background:#fff3f4;color:#aa3644;border-radius:11px;margin:18px 36px 0;padding:15px}.page-footer{border-top:1px solid var(--border);padding:15px clamp(20px,3vw,45px);display:flex;justify-content:space-between;gap:15px;color:#8c9aac;font-size:11px}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:22px;margin-bottom:24px;flex-wrap:wrap}.page-heading .subheading{font-size:10px;font-weight:850;letter-spacing:.15em;color:#0b9d86;text-transform:uppercase;margin-bottom:10px}.page-heading h1{font-size:30px;line-height:1.2;letter-spacing:-.04em;margin:0 0 10px;font-weight:820}.page-heading p{color:#778599;font-size:13px;line-height:1.6;margin:0;max-width:710px}.heading-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.btn{background:#fff;border:1px solid #dbe5ec;border-radius:10px;color:#26364b;padding:11px 14px;font-weight:700;text-decoration:none;display:inline-flex;align-items:center;gap:8px}.btn:hover{border-color:#8db7b1}.btn-primary{background:#098e79;color:#fff;border-color:#098e79}.btn-primary:hover{background:#087f6e}.small-link{color:#088d76;border:0;background:none;font-weight:780;cursor:pointer}.grid-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:0 0 21px}.kpi{border:1px solid var(--border);border-radius:13px;background:#fff;padding:22px 23px;min-height:143px;box-shadow:var(--shadow)}.kpi-title{display:flex;align-items:center;justify-content:space-between;color:#748395;font-size:13px;font-weight:650}.kpi-icon{width:33px;height:33px;background:#f4f7f9;color:#8292a2;border-radius:8px;display:grid;place-items:center;font-size:18px}.kpi-number{font-size:35px;letter-spacing:-.05em;font-weight:800;margin:15px 0 8px}.kpi-note{font-size:11px;color:#8996a5}.kpi-note strong{color:#0a9679}.columns{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(320px,1fr);gap:18px}.panel{border:1px solid var(--border);background:#fff;border-radius:13px;box-shadow:var(--shadow);overflow:hidden}.panel-padding{padding:22px}.panel-head{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:21px 22px;border-bottom:1px solid #edf1f5}.panel-head h2{font-size:15px;letter-spacing:-.01em;margin:0}.panel-head p{margin:5px 0 0;color:#8793a4;font-size:11px}.panel-content{padding:21px 22px}.table-scroller{overflow-x:auto}.device-table{width:100%;border-collapse:collapse;text-align:left;font-size:12.5px;white-space:nowrap}.device-table th{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#8a98a8;font-weight:850;background:#fafbfc;padding:15px 17px;border-bottom:1px solid var(--border)}.device-table td{border-bottom:1px solid #edf1f5;padding:15px 17px;color:#46576b}.device-table td strong{color:#1e2f43;font-weight:750}.device-table tr:last-child td{border-bottom:0}.device-table tbody tr:hover{background:#fbfdfd}.device-name{max-width:330px;overflow:hidden;text-overflow:ellipsis;display:block}.cell-dim{display:block;color:#92a0ad;font-size:11px;margin-top:4px}.chip{display:inline-flex;align-items:center;gap:6px;border-radius:50px;padding:5px 9px;font-weight:770;font-size:11px}.chip:before{content:"";display:block;height:6px;width:6px;border-radius:50%;background:currentColor}.chip.online,.chip.up,.chip.excellent{color:#0c956f;background:#e7f7f0}.chip.offline,.chip.down,.chip.poor{color:#bd4551;background:#ffedf0}.chip.fair,.chip.planned{color:#a77b29;background:#fff6e4}.chip.good{color:#337393;background:#ecf5fb}.chip.unknown{color:#738194;background:#eff2f6}.chip.it{color:#446f9d;background:#edf3fb}.chip.mobile{color:#0f8e76;background:#ebf7f2}.chip.small{padding:4px 8px;font-size:10px}.chip.no-dot:before{display:none}.toolbar{display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:15px 18px;border-bottom:1px solid var(--border)}.toolbar-left,.toolbar-right{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.input,.select{padding:10px 12px;border:1px solid #dbe4ed;border-radius:9px;min-height:39px;background:white;outline:0;font-size:12px;color:#34475c}.input{min-width:215px}.input:focus,.select:focus{border-color:#13a487;box-shadow:0 0 0 3px #c4f1e3}.quality-number{font-weight:820;font-size:14px}.quality-number small{font-weight:600;color:#9ba8b7;font-size:10px}.quality-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.quality-card{border:1px solid var(--border);background:#fff;padding:20px;border-radius:13px}.quality-top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.quality-title{font-weight:800;font-size:13px;line-height:1.4}.quality-sub{font-size:11px;color:#8a98a8;margin-top:5px}.score-big{font-size:33px;letter-spacing:-.05em;font-weight:850}.score-big small{font-size:12px;color:#8796a4;letter-spacing:0}.score-wrap{margin:18px 0 12px;display:flex;justify-content:space-between;gap:10px;align-items:end}.metric-row{display:grid;grid-template-columns:44px 1fr 46px;gap:10px;align-items:center;margin:10px 0;font-size:11px;color:#768596}.metric-row strong{text-align:right;color:#3c5064}.meter{height:6px;border-radius:8px;background:#ebf0f4;overflow:hidden}.meter span{height:100%;border-radius:8px;display:block;background:#15b598}.meter.weak span{background:#d6a04a}.meter.poor span{background:#d96872}.notice{background:#f4f9fc;border:1px solid #e1eaf2;padding:15px 18px;border-radius:11px;color:#5e7187;line-height:1.65;font-size:12px;margin-bottom:19px}.notice strong{color:#273c50}.notice.warn{background:#fffaf0;border-color:#f2e2be;color:#8f702f}.notice.error{background:#fff3f4;border-color:#f3d5da;color:#a43c49}.helper{color:#8391a2;font-size:11px;line-height:1.55}.empty-state{padding:42px 18px;text-align:center;color:#8d99a9;line-height:1.8}.empty-state strong{display:block;color:#283d50;font-size:15px;margin-bottom:8px}.mini-status{display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid #edf2f5;padding:14px 0}.mini-status:last-child{border:0}.mini-status span{font-size:12px;color:#526377}.mini-status b{font-size:12px}.section-title{font-size:17px;letter-spacing:-.02em;margin:24px 0 17px}.mini-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.feature-card{background:#fff;border:1px solid var(--border);border-radius:13px;padding:22px;min-height:147px}.feature-card .glyph{font-size:26px;color:#099e85;margin-bottom:14px}.feature-card h3{font-size:14px;margin:0 0 10px}.feature-card p{font-size:12px;line-height:1.65;color:#8492a2;margin:0}.feature-card button{background:none;border:0;color:#078f77;padding:0;margin-top:14px;font-weight:750}.two-column-detail{display:grid;grid-template-columns:1.7fr .8fr;gap:17px}.graph{width:100%;height:300px;display:block}.graph-grid{stroke:#e6edf3;stroke-width:1}.graph-path{fill:none;stroke:#12a48b;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.graph-path.second{stroke:#4b83bc}.graph-area{fill:#e1f7f0;opacity:.7}.graph-axis{font-size:11px;fill:#8191a3}.chart-legend{display:flex;gap:16px;flex-wrap:wrap;color:#7e8fa0;font-size:11px;margin-top:10px}.chart-legend i{display:inline-block;width:11px;height:4px;border-radius:4px;background:#0da387;vertical-align:middle;margin-right:7px}.chart-legend i.second{background:#4b83bc}.score-badge{font-weight:780}.detail-row{padding:12px 0;border-bottom:1px solid #eff2f5;display:flex;justify-content:space-between;gap:16px;color:#8592a0;font-size:12px}.detail-row b{color:#314358}.help-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.help-links a{text-decoration:none}.help-links a:hover{border-color:#b5ded2}.menu-button,.mobile-only{display:none!important}.sidebar-overlay{display:none}.table-end{text-align:center;padding:17px;color:#8391a4;font-size:11px;border-top:1px solid var(--border)}
@media(max-width:1250px){.grid-kpis{grid-template-columns:repeat(2,1fr)}.quality-cards{grid-template-columns:repeat(2,1fr)}.columns,.two-column-detail{grid-template-columns:1fr}.source-label{display:none}}
@media(max-width:900px){.sidebar{transform:translateX(-100%);transition:transform .2s}.sidebar.open{transform:translateX(0)}.sidebar-overlay.open{display:block;position:fixed;inset:0;background:#07101c9a;z-index:30}.main-area{margin-left:0}.menu-button,.mobile-only{display:inline-flex!important}.landing-grid{grid-template-columns:1fr}.landing-hero{min-height:480px;padding:35px}.landing-auth{min-height:620px;padding:35px}.hero-content h1{font-size:49px}.hero-feature-row{margin-bottom:20px}}
@media(max-width:640px){.topbar{padding:0 16px}.user-pill #userName,.top-refresh span{display:none}.topbar-right{gap:7px}.crumb{font-size:10px}.crumb strong{font-size:11px}.content{padding:26px 16px 40px}.page-heading h1{font-size:25px}.grid-kpis,.quality-cards,.mini-grid,.help-links{grid-template-columns:1fr}.kpi{min-height:112px;padding:17px}.kpi-number{font-size:30px}.page-footer{flex-direction:column;padding:15px}.top-help{display:none}.landing-auth{padding:25px;min-height:650px}.landing-hero{min-height:500px;padding:28px}.hero-content h1{font-size:44px}.hero-content p{font-size:15px}.hero-bottom{flex-direction:column}.auth-card h2{font-size:34px}}