:root{font-family:Inter,"Segoe UI",Arial,sans-serif;color:#213650;background:#f3f6fa;font-size:14px;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{outline-offset:4px}button{cursor:pointer;border:1px solid #dce4ed;border-radius:7px;background:white;padding:10px 15px;color:#29425e;transition:background .15s}button:hover{background:#edf4fa}button:disabled{opacity:.5;cursor:wait}a{color:#1974c9;text-decoration:none}h1,h2,p{margin:0}h1{font-size:28px;letter-spacing:-.8px;color:#132f50}h2{font-size:15px;font-weight:650}small{font-size:11px;color:#7c8b9d}input,select{padding:10px 12px;border:1px solid #dbe4ee;border-radius:6px;background:#fff;color:#213650;max-width:100%}label{display:flex;flex-direction:column;gap:9px;font-size:12px;color:#66798e}aside{position:fixed;inset:0 auto 0 0;width:238px;background:#092b4e;color:#c2d3e4;padding:30px 17px;display:flex;flex-direction:column}.brand{font-size:29px;font-weight:800;color:white;letter-spacing:-1px;padding-left:12px}.brand:first-letter{color:#35c3bc}.brand i{display:block;font-style:normal;font-size:8px;letter-spacing:2.7px;color:#90aec8;margin-top:7px}.workspace{margin:34px 0;padding:15px 10px;border:1px solid #244565;border-radius:8px;display:flex;align-items:center;gap:13px;font-weight:600}.workspace small{display:block;margin-top:6px;color:#8ca8c2;font-weight:400}.nav-label{font-size:9px;letter-spacing:1.5px;margin:0 12px 15px;color:#7695b2}nav{display:grid;gap:7px}nav button{border:0;background:transparent;text-align:left;color:#b9cde0;padding:13px 14px;display:flex;gap:13px;font-size:13px}nav button span{font-size:20px;line-height:16px;width:20px}nav button:hover{background:#173d60}nav button.active{background:#176fcc;color:white;box-shadow:0 4px 16px #00182b33}.side-bottom{margin-top:auto;padding:26px 12px 0;font-size:12px}.side-bottom small{display:block;margin:8px 0 22px;color:#88a5bf}.side-bottom a{display:block;color:#9ab9d3;margin-top:12px;font-size:12px}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#19ab88;margin-right:6px}.shell{margin-left:238px}header{height:76px;padding:0 32px;background:#fff;border-bottom:1px solid #e4eaf1;display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#738398}header b{margin:0 17px;color:#b7c3d0}header>div{display:flex;align-items:center;gap:12px;color:#29415c}header button{font-size:11px;border:0}.avatar{border-radius:50%;background:#e8f1f9;color:#176fc5;display:grid;place-items:center;width:30px;height:30px;font-weight:bold}.content{padding:30px;max-width:1800px;margin:auto}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.8px;color:#308884;display:block;margin-bottom:9px}.page-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:26px}.page-head p{color:#8996a5;font-size:12px;margin-top:9px}.sync{text-align:right;display:grid;gap:9px;justify-items:end}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:22px}.stat{display:flex;align-items:center;background:white;border:1px solid #e4eaf2;border-radius:10px;padding:22px 17px;gap:15px}.stat-icon{height:47px;width:47px;display:grid;place-items:center;border-radius:11px;background:#eaf3ff;color:#1875ce;font-size:25px}.tone-1 .stat-icon{background:#e5f7f0;color:#18976b}.tone-2 .stat-icon{background:#fff0e9;color:#d87b35}.tone-3 .stat-icon{background:#efedfc;color:#8a6cce}.stat label{font-size:9px;letter-spacing:.7px;font-weight:650}.stat strong{font-size:28px;display:block;margin:5px 0}.stat small{font-size:10px}.panel{border:1px solid #e2e9f1;background:white;border-radius:10px;overflow:hidden;margin-bottom:22px;box-shadow:0 2px 3px #253b5303}.panel-head{padding:20px 22px;display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid #edf1f5}.panel-head p{font-size:11px;color:#8d9aab;margin-top:7px}.panel-head select{min-width:200px;font-size:12px}.readings{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;padding:20px 22px}.reading{text-align:left;border:1px solid #e5ebf2;padding:15px 17px;background:#fbfcfe;border-radius:8px}.reading.selected{border-color:#84b9ec;background:#f0f7ff}.reading>span{font-size:11px;color:#6c8197}.reading strong{display:block;font-size:25px;margin:9px 0;color:#23496f}.reading strong small{font-size:11px;font-weight:400}.reading i{font-style:normal;font-size:9px;color:#8a9caf}.chart-title{display:flex;justify-content:space-between;margin:0 25px;font-size:11px;color:#7090ac}.chart-title span:last-child{color:#2786cd}svg{width:100%;display:block}svg text{font-family:inherit;font-size:11px;fill:#93a3b4}.gridline{stroke:#edf1f6;stroke-dasharray:4 5}.trend{fill:none;stroke:#208acb;stroke-width:2.7;stroke-linejoin:round;stroke-linecap:round}.bottom-grid{display:grid;grid-template-columns:minmax(0,2.3fr) minmax(230px,1fr);gap:22px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;white-space:nowrap;text-align:left;font-size:12px}th{background:#f8fafc;color:#8493a5;font-size:10px;font-weight:500;padding:13px 19px}td{padding:15px 19px;border-top:1px solid #edf1f5;color:#53677d}td small,th small{display:block;font-size:9px;margin-top:5px}.number{font-variant-numeric:tabular-nums}.text-button{border:0;background:transparent;color:#1e76bc;font-size:11px;padding:0}.badge{display:inline-block;border-radius:4px;padding:5px 8px;font-size:10px;background:#f0f2f5;color:#788495}.badge.ok{background:#eaf8f1;color:#239871}.badge.err{background:#fff0ee;color:#cf7261}.badge.cal{background:#fff7df;color:#ad8824}.connection{text-align:center;padding-bottom:20px}.connection .panel-head{text-align:left}.donut{width:180px;height:180px;margin:17px auto}.ring-bg{fill:none;stroke:#edf1f5;stroke-width:13}.ring-value{fill:none;stroke:#24a78d;stroke-width:13;transform:rotate(-90deg);transform-origin:80px 80px}.donut text{font-size:27px;fill:#234761;font-weight:650}.donut .ring-label{font-size:11px;fill:#8b9bad;font-weight:400}.connection p{font-size:11px;color:#698096;margin:12px}.connection>small{font-size:9px;display:block;padding:0 20px;line-height:1.6}footer{display:flex;justify-content:space-between;color:#98a7b8;font-size:10px;padding:4px 0 15px}.demo-banner{background:#fff6d9;border:1px solid #ebdcab;color:#927022;padding:12px 18px;border-radius:7px;font-size:11px;margin-bottom:20px}.error{background:#fff0ed;color:#b55242;border:1px solid #edcec6;padding:15px;border-radius:7px;font-size:12px;margin:15px 0;line-height:1.6}.empty{text-align:center;padding:70px 20px;color:#97a4b1}.filters{padding:22px;display:flex;gap:16px;align-items:end;flex-wrap:wrap}.filters label{min-width:140px;flex:1}.primary{background:#176fc6;color:white;border-color:#176fc6}.primary:hover{background:#0c5dad}.query-summary{padding:0 22px 19px;font-size:11px;color:#8a99aa}.pagination{display:flex;justify-content:center;align-items:center;gap:22px;padding:20px;font-size:12px}.info{padding:50px;line-height:1.9}.info h2{font-size:22px;margin-bottom:17px}.info p{color:#708398;max-width:730px;margin-bottom:14px}.info-icon{font-size:45px;color:#5490be}.button{display:inline-block;padding:10px 18px;border:1px solid #cddfea;border-radius:6px;margin-top:15px}dl{display:grid;grid-template-columns:180px 1fr;gap:18px;font-size:13px;margin-top:30px}dt{color:#8696a8}dd{margin:0}.login{display:grid;grid-template-columns:1.1fr 1fr;min-height:100vh;background:white}.login-story{background:#092c4e;padding:60px 12%;color:white;display:flex;flex-direction:column;justify-content:center}.login-story .brand{padding:0;margin-bottom:70px}.login-story h1{color:white;font-size:52px;line-height:1.16;letter-spacing:-2px;margin:12px 0 25px}.login-story .eyebrow{color:#64c6be}.login-story p{color:#9bb7d1;line-height:1.9;max-width:390px}.login-art{margin:30px 0 65px;padding:20px 0;color:#8bb8d5}.login-art>span{font-size:90px;line-height:1;color:#44b8bd}.login-art b{color:#3e6585;margin:0 12px}.login-card{width:min(430px,85%);margin:auto;padding:40px 0}.login-card h2{font-size:30px;margin:14px 0}.login-card p{color:#8797a8;font-size:13px;line-height:1.7}.login-card form{margin:35px 0 18px;display:grid;gap:20px}.login-card input{padding:14px}.login-card .primary{padding:14px}.demo-button{width:100%;margin-bottom:22px}.login-card>small{display:block;text-align:center;line-height:1.6}.login-story>small{color:#789ab8}@media(min-width:1600px){.content{padding:38px}.stat{padding:26px}}@media(max-width:1200px){aside{width:205px}.shell{margin-left:205px}.content{padding:20px}.stats{grid-template-columns:repeat(2,1fr)}.bottom-grid{grid-template-columns:1fr}.readings{gap:8px}.reading{padding:12px}.reading strong{font-size:21px}}@media(max-width:760px){aside{position:static;width:auto;padding:18px}.brand{font-size:24px}.workspace,.nav-label,.side-bottom{display:none}nav{display:flex;overflow:auto;margin-top:20px}nav button{white-space:nowrap;padding:10px;font-size:12px}nav button span{display:none}.shell{margin:0}header{height:62px;padding:0 15px}header>span{display:none}header>div{width:100%;justify-content:end}.content{padding:16px}.page-head{align-items:start}h1{font-size:24px}.page-head p{display:none}.sync small{font-size:9px}.stats{gap:9px}.stat{padding:15px 11px;gap:8px}.stat-icon{width:32px;height:32px;font-size:20px}.stat small{font-size:8px}.stat label{font-size:8px}.readings{grid-template-columns:repeat(2,1fr);padding:14px}.panel-head{padding:17px;flex-wrap:wrap}.panel-head select{min-width:0;width:100%}.reading i{font-size:8px}.filters{padding:16px}.filters label{min-width:42%}.info{padding:25px}dl{grid-template-columns:1fr;gap:10px}dd{margin-bottom:15px}.login{grid-template-columns:1fr}.login-story{padding:35px}.login-story .brand{margin-bottom:30px}.login-story h1{font-size:36px}.login-art,.login-story>small{display:none}.login-card{padding:40px 0}footer{font-size:8px}.connection{display:none}}