@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{color:#142a46;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#f5f8fc;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.035em;font-family:Manrope,sans-serif}.app-shell{min-height:100vh;display:flex}.sidebar{color:#fff;z-index:20;background:linear-gradient(170deg,#092b53 0%,#0b376a 64%,#0b2f5b 100%);flex-direction:column;flex:none;width:250px;height:100vh;min-height:100vh;display:flex;position:sticky;top:0;overflow:hidden}.sidebar:before{content:"";opacity:.13;pointer-events:none;background:url(/assets/stellenbosch-campus.png) 50%/cover;height:220px;position:absolute;inset:auto -20px 0;-webkit-mask-image:linear-gradient(#0000,#000);mask-image:linear-gradient(#0000,#000)}.sidebar-top,.sidebar-section-label,.sidebar nav,.sidebar-bottom{position:relative}.sidebar-top{justify-content:space-between;align-items:center;padding:28px 22px 38px;display:flex}.side-brand{align-items:center;gap:11px;display:flex}.side-brand img{object-fit:contain;background:#fff;border-radius:10px;width:38px;height:38px;padding:3px}.side-brand strong{font:800 18px Manrope;display:block}.side-brand span{letter-spacing:.19em;color:#9bc0e6;font-size:9px;font-weight:700}.sidebar-section-label{letter-spacing:.18em;color:#8fb4dc;padding:0 27px 13px;font-size:10px;font-weight:800}.sidebar nav{gap:5px;padding:0 13px;display:grid}.nav-link{color:#b8cee8;border-radius:10px;align-items:center;gap:14px;padding:13px 16px;font-size:14px;font-weight:600;transition:background .2s,color .2s;display:flex}.nav-link:hover{color:#fff;background:#ffffff15}.nav-link.active{color:#fff;background:#1874c8;box-shadow:inset 3px 0 #73c8ff,0 8px 22px #031c3b30}.sidebar-bottom{margin-top:auto;padding:20px 15px 17px}.sidebar-campus{background:#ffffff10;border:1px solid #ffffff29;border-radius:13px;margin-bottom:15px;padding:19px 13px}.sidebar-campus span{color:#ccdef1;margin-bottom:10px;font-size:11px;font-weight:600;display:block}.sidebar-campus img{object-fit:contain;object-position:left;background:#fff;border-radius:4px;width:130px;max-height:34px}.sidebar-user{border-top:1px solid #ffffff24;align-items:center;gap:9px;padding:9px 6px 2px;display:flex}.side-avatar,.top-avatar,.avatar{border-radius:50%;place-items:center;font-weight:800;display:grid}.side-avatar{background:#2b82d0;width:35px;height:35px}.sidebar-user div{flex:1;min-width:0}.sidebar-user strong{white-space:nowrap;text-overflow:ellipsis;font-size:12px;display:block;overflow:hidden}.sidebar-user span:not(.side-avatar){color:#a5c5e8;font-size:10px}.sidebar-user button{color:#cbdff2;background:0 0;border:0;padding:5px}.sidebar-close{display:none!important}.main-column{flex-direction:column;flex:1;min-width:0;display:flex}.topbar{background:#fff;border-bottom:1px solid #e4ebf4;justify-content:space-between;align-items:center;height:75px;padding:0 36px;display:flex}.topbar-left,.topbar-right{align-items:center;gap:20px;display:flex}.breadcrumb{color:#8391a4;font-size:13px}.breadcrumb strong{color:#183758;font-weight:700}.topbar-right{gap:22px}.live-badge{color:#357c6d;background:#eaf8f5;border-radius:20px;align-items:center;gap:7px;padding:7px 11px;font-size:11px;font-weight:700;display:flex}.live-badge span{background:#27b797;border-radius:50%;width:7px;height:7px}.bell{color:#7990aa}.top-avatar{color:#0c5aa7;background:#e8f2ff;width:35px;height:35px;font-size:13px}.menu-button{display:none!important}.content{flex:1;width:100%;max-width:1540px;margin:0 auto;padding:38px 40px 64px}.main-footer{color:#9eacba;padding:0 40px 22px;font-size:11px}.page-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px;display:flex}.page-heading h1{color:#0f2d4e;margin:7px 0;font-size:31px;line-height:1.2}.page-heading>div>p:last-child{color:#73869c;margin:0;font-size:14px}.eyebrow{letter-spacing:.18em!important;color:#2380bd!important;margin:0!important;font-size:10px!important;font-weight:800!important}.heading-action{flex:none}.panel{background:#fff;border:1px solid #e4ebf3;border-radius:16px;margin-bottom:22px;padding:25px;box-shadow:0 7px 22px #173b6910}.panel-head{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.panel-head h2,.list-toolbar h2{color:#153151;margin:6px 0 0;font-size:17px}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:22px;display:grid}.stat-card{background:#fff;border:1px solid #e4ebf3;border-radius:15px;align-items:center;gap:15px;padding:21px;display:flex;box-shadow:0 7px 22px #173b6910}.stat-icon,.feature-icon,.login-icon,.modal-icon{border-radius:12px;place-items:center;display:grid}.stat-icon{flex:none;width:47px;height:47px}.stat-icon.blue{color:#176bc1;background:#e7f1ff}.stat-icon.cyan{color:#13a1a0;background:#e4faf9}.stat-icon.purple{color:#7b5bc2;background:#f0ebff}.stat-icon.gold{color:#d18b30;background:#fff4e3}.stat-card span{color:#8293a6;margin-bottom:5px;font-size:11px;font-weight:700;display:block}.stat-card strong{color:#153351;font:800 27px Manrope;display:block}.dashboard-grid{grid-template-columns:minmax(0,1.9fr) minmax(280px,1fr);gap:20px;display:grid}.dashboard-grid .panel{margin-bottom:0}.dashboard-side{gap:20px;display:grid}.subtle-link,.small-link,.feature-link,.text-button,.back{color:#1167b7;align-items:center;gap:6px;font-size:12px;font-weight:800;display:inline-flex}.small-link,.text-button{background:0 0;border:0;padding:4px}.small-link:hover,.subtle-link:hover,.back:hover{text-decoration:underline}.feature-panel{color:#fff;background:linear-gradient(145deg,#0b3d72,#0e5ca4);border:0;min-height:245px}.feature-panel .eyebrow{color:#a9dbff!important;margin:13px 0 8px!important}.feature-panel h2{margin-bottom:7px;font-size:27px}.feature-panel p:not(.eyebrow){color:#bbd6ee;max-width:290px;font-size:12px;line-height:1.5}.feature-icon{color:#c9e9ff;background:#ffffff1e;width:43px;height:43px}.feature-link{color:#fff;margin-top:5px}.quick-panel h2{margin:8px 0 16px;font-size:18px}.quick-panel a{color:#47617c;border-top:1px solid #ecf1f7;align-items:center;gap:10px;padding:11px 0;font-size:12px;font-weight:700;display:flex}.quick-panel a svg:last-child{color:#8ba2b8;margin-left:auto}.data-table{border-collapse:collapse;text-align:left;width:100%;min-width:680px}.data-table th{color:#8394a8;text-transform:uppercase;letter-spacing:.075em;white-space:nowrap;padding:12px 13px;font-size:10px;font-weight:800}.data-table td{color:#425976;vertical-align:middle;border-bottom:1px solid #edf1f5;padding:15px 13px;font-size:12px}.data-table tbody tr:last-child td{border:0}.table-scroll{overflow-x:auto}.row-link{color:#1266b5;font-weight:800}.row-link:hover{text-decoration:underline}.table-secondary{color:#9baabc;white-space:nowrap;text-overflow:ellipsis;max-width:250px;margin-top:4px;font-size:11px;overflow:hidden}.status{white-space:nowrap;color:#58718b;letter-spacing:.035em;text-transform:uppercase;background:#eef2f8;border-radius:30px;padding:6px 10px;font-size:10px;font-weight:800;display:inline-block}.empty{text-align:center;color:#7b8fa7;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:230px;padding:26px;display:flex}.empty-icon{color:#2778bf;background:#eef5fc;border-radius:50%;place-items:center;width:49px;height:49px;font-size:30px;display:grid}.empty strong{color:#173655;font:700 15px Manrope}.empty span{font-size:12px}.loading{color:#7187a0;align-items:center;gap:11px;padding:43px 10px;font-size:13px;display:flex}.spinner{border:2px solid #c8dbef;border-top-color:#126fc6;border-radius:50%;width:18px;height:18px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.error-box{color:#a74545;background:#fff2f1;border:1px solid #facbca;border-radius:10px;align-items:center;gap:10px;margin:10px 0;padding:14px 16px;font-size:12px;display:flex}.error-box .text-button{margin-left:auto}.pager{color:#8293a6;border-top:1px solid #edf1f5;justify-content:space-between;align-items:center;padding:18px 3px 0;font-size:12px;display:flex}.pager div{gap:7px;display:flex}.pager button{color:#2d668f;background:#fff;border:1px solid #dde8f3;border-radius:8px;place-items:center;padding:6px;display:grid}.pager button:disabled{color:#cad4dd;cursor:not-allowed}.list-toolbar{justify-content:space-between;align-items:center;gap:15px;margin-bottom:22px;display:flex}.search-box{color:#8da0b4;border:1px solid #dce7f2;border-radius:9px;align-items:center;gap:9px;min-width:230px;padding:0 12px;display:flex}.search-box input{color:#213d5b;border:0;outline:0;width:100%;height:38px;font-size:12px}.primary-button,.outline-button{white-space:nowrap;border-radius:9px;justify-content:center;align-items:center;gap:9px;padding:11px 16px;font-size:12px;font-weight:800;display:inline-flex}.primary-button{color:#fff;background:#1268b6;border:1px solid #1268b6;box-shadow:0 5px 12px #1765b524}.outline-button{color:#1b5f9f;background:#fff;border:1px solid #cdddec}.primary-button:disabled,.outline-button:disabled{opacity:.5;cursor:not-allowed}.back{margin-bottom:15px}.detail-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.detail-summary .panel{min-height:155px}.detail-summary .status,.detail-summary strong{margin:12px 0;font-size:14px;display:table}.detail-summary p{color:#7d8da0;margin-bottom:0;font-size:12px;line-height:1.5}.detail-label{color:#8ca1b3;letter-spacing:.1em;font-size:10px;font-weight:800;display:block}.detail-info{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.detail-info>div{min-width:0}.detail-info span{color:#8ea0b3;text-transform:uppercase;margin-bottom:7px;font-size:10px;font-weight:700;display:block}.detail-info strong{color:#1e3c59;overflow-wrap:anywhere;font-size:12px;display:block}.calibration-note{color:#6a8199;background:#f3f8fc;border-radius:9px;align-items:center;gap:12px;padding:19px;font-size:13px;display:flex}.point-pill{color:#0f6db5;background:#eaf4fe;border-radius:20px;padding:8px 11px;font-size:11px;font-weight:800}.charts-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.chart-card{border:1px solid #e5edf5;border-radius:11px;min-width:0;padding:16px}.chart-head{justify-content:space-between;align-items:center;gap:5px;display:flex}.chart-head strong{font-size:12px}.chart-head span{color:#299b9f;font-size:10px;font-weight:800}.chart-body{height:200px;margin:12px -8px}.chart-axis{color:#8296a9;text-align:center;font-size:10px}.chart-empty{color:#a1b0c0;text-align:center;place-items:center;height:200px;font-size:12px;display:grid}.raw-table{min-width:700px}.operator-cell{align-items:center;gap:9px;display:flex}.operator-cell .avatar{color:#1368b5;background:#e6f1fc;width:28px;height:28px;font-size:11px}.operator-cell strong{font-size:12px}.modal-overlay{z-index:50;background:#0824469a;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:17px;width:min(100%,600px);max-height:90vh;padding:27px;overflow:auto;box-shadow:0 22px 50px #061f3b40}.modal-head{justify-content:space-between;display:flex}.modal-icon{color:#1165ae;background:#eaf4fd;width:42px;height:42px}.icon-button{color:#6c8299;background:0 0;border:0;place-items:center;padding:5px;display:grid}.modal h2{margin:16px 0 4px;font-size:22px}.modal>p{color:#8093a6;margin-bottom:24px;font-size:12px}.field-grid{grid-template-columns:1fr 1fr;gap:15px;display:grid}.field{color:#4e647c;font-size:11px;font-weight:800;display:block}.field input{color:#15395a;border:1px solid #d7e4f0;border-radius:8px;outline:none;width:100%;height:41px;margin-top:7px;padding:0 11px;font-size:13px;display:block}.field input:focus,.login-card input:focus{border-color:#2482d2;box-shadow:0 0 0 3px #2482d220}.form-error,.login-error{color:#b54848;background:#fff2f1;border-radius:8px;padding:10px;font-size:12px}.modal-actions{justify-content:flex-end;gap:10px;margin-top:23px;display:flex}.reports-intro{grid-template-columns:minmax(240px,1fr) minmax(0,2fr);gap:17px;display:grid}.report-count .feature-icon{color:#1469b7;background:#e6f1fc;margin-bottom:21px}.report-count strong{color:#153451;margin-top:5px;font:800 35px Manrope;display:block}.report-count p{color:#8b9caf;font-size:12px}.report-chart .mini-chart{height:190px}.muted-text{color:#94a4b5;font-size:11px}.firmware-banner{color:#fff;background:linear-gradient(115deg,#0c3970,#0e69b6);border-radius:15px;align-items:center;gap:18px;margin-bottom:22px;padding:25px;display:flex;position:relative;overflow:hidden}.banner-icon{background:#ffffff20;border-radius:12px;place-items:center;width:49px;height:49px;display:grid}.firmware-banner h2{margin:0 0 4px;font-size:19px}.firmware-banner p{color:#c5dff6;margin:0;font-size:12px}.banner-watermark{color:#ffffff29;position:absolute;right:25px}.login-screen{background:#fff;grid-template-columns:1fr 1fr;min-height:100vh;display:grid}.login-hero{color:#fff;background:linear-gradient(160deg,#0d3365,#102b5a);min-height:100vh;position:relative;overflow:hidden}.login-hero:before{content:"";opacity:.62;background:url(/assets/stellenbosch-campus.png) 50%/cover;position:absolute;inset:29% 0 0}.login-hero-overlay{background:linear-gradient(#0c2d60 0%,#0c2d60e8 38%,#0735687a 76%,#08274c 100%);position:absolute;inset:0}.hero-content{z-index:1;flex-direction:column;height:100%;min-height:100vh;padding:48px 52px;display:flex;position:relative}.hero-logos{align-items:center;gap:17px;display:flex}.hero-life{object-fit:contain;background:#fff;border-radius:12px;width:60px;height:60px;padding:4px}.hero-university{object-fit:contain;background:#fff;border-radius:5px;width:175px;max-height:63px;padding:4px}.hero-copy{max-width:530px;margin:auto 0}.hero-kicker{letter-spacing:.18em;color:#95d6ff;font-size:11px;font-weight:800}.hero-copy h1{margin:18px 0;font-size:clamp(38px,4vw,60px);line-height:1.12}.hero-copy p{color:#dbedff;max-width:440px;font-size:16px;line-height:1.65}.hero-foot{letter-spacing:.15em;color:#c0d9f2;margin:0;font-size:10px}.login-side{flex-direction:column;padding:38px 48px;display:flex}.login-top{color:#8ba0b4;justify-content:space-between;align-items:center;font-size:11px;display:flex}.small-brand{color:#174272;align-items:center;gap:7px;font:800 16px Manrope;display:flex}.small-brand img{object-fit:contain;width:26px;height:26px}.login-card{width:100%;max-width:410px;margin:auto}.login-icon{color:#1668b5;background:#e9f4ff;width:51px;height:51px;margin-bottom:22px}.login-card h2{color:#133557;margin:6px 0;font-size:32px}.login-subtitle{color:#8497a8;margin-bottom:33px;font-size:13px;line-height:1.6}.login-card label{color:#4e6377;margin:17px 0 7px;font-size:12px;font-weight:800;display:block}.login-card input{color:#234460;border:1px solid #dce6f1;border-radius:9px;outline:none;width:100%;height:45px;padding:0 13px;font-size:13px}.password-wrap{position:relative}.password-wrap input{padding-right:45px}.password-wrap button{color:#8197ad;background:0 0;border:0;position:absolute;top:10px;right:9px}.login-submit{justify-content:space-between;width:100%;height:45px;margin-top:25px;padding:0 16px}.login-help{color:#9daebd;text-align:center;border-top:1px solid #edf1f5;margin-top:25px;padding-top:18px;font-size:11px}.login-bottom{text-align:center;color:#a0afbd;font-size:10px}.sidebar-backdrop{display:none}@media (width<=1150px){.stats-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.dashboard-side,.charts-grid{grid-template-columns:1fr 1fr}.detail-info{grid-template-columns:repeat(2,1fr)}}@media (width<=820px){.sidebar{transition:transform .25s;position:fixed;transform:translate(-100%)}.sidebar.sidebar-open{transform:translate(0)}.sidebar-close{display:grid!important}.sidebar-backdrop{z-index:19;background:#09284a88;border:0;display:block;position:fixed;inset:0}.menu-button{display:grid!important}.content{padding:27px 20px}.topbar{padding:0 20px}.main-footer{padding-left:20px}.login-screen{grid-template-columns:1fr}.login-hero{display:none}.login-side{min-height:100vh}}@media (width<=640px){.stats-grid,.dashboard-side,.charts-grid,.detail-summary,.reports-intro{grid-template-columns:1fr}.detail-info{grid-template-columns:1fr 1fr}.page-heading{flex-direction:column;align-items:flex-start}.heading-action,.heading-action button{width:100%}.page-heading h1{font-size:26px}.list-toolbar{flex-direction:column;align-items:stretch}.search-box{width:100%}.field-grid{grid-template-columns:1fr}.topbar-right .live-badge,.topbar-right .bell{display:none}.login-side{padding:25px}.login-top>span{display:none}}.hero-university{background:0 0;border-radius:0;width:min(230px,45vw);max-height:78px;padding:0}.sidebar-campus img{background:0 0;border-radius:0;width:180px;max-width:100%;max-height:66px}:root{--tb-bg:#f2f5fa;--tb-surface:#fff;--tb-surface-soft:#f7f9fd;--tb-ink:#142b4e;--tb-text:#344763;--tb-muted:#71829c;--tb-border:#dfe7f2;--tb-accent:#285fd4;--tb-accent-hover:#194eb9;--tb-shadow:0 9px 25px #1c396711;color:var(--tb-text);background:var(--tb-bg)}body{background:var(--tb-bg)}button,input{font-family:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline-offset:2px;outline:3px solid #60a5fa}.sidebar{background:linear-gradient(168deg,#1a3862,#10294e 58%,#0c2241);width:260px;box-shadow:8px 0 28px #10294e14}.sidebar:before{opacity:.08}.sidebar-top{padding:31px 23px 43px}.side-brand img{border-radius:13px;width:44px;height:44px}.side-brand strong{letter-spacing:-.055em;font-size:19px}.side-brand span{color:#a8c6e8;margin-top:2px;display:block}.sidebar-section-label{color:#8da7c9}.sidebar nav{gap:6px}.nav-link{border-radius:11px;min-height:46px;font-size:13px}.nav-link.active{background:#ffffff23;box-shadow:inset 4px 0 #65d5c0}.nav-link:hover{background:#ffffff19}.sidebar-campus{border-radius:14px}.sidebar-campus img{object-fit:contain}.sidebar-user{margin-top:4px}.sidebar-user button:hover{color:#fff}.topbar{background:var(--tb-surface);border-bottom:1px solid var(--tb-border);height:78px;padding:0 38px}.breadcrumb{color:var(--tb-muted);gap:3px;font-size:11px;display:grid}.breadcrumb span{color:var(--tb-muted);padding:0}.breadcrumb strong{color:var(--tb-ink);font-size:16px;line-height:1.1}.topbar-identity{text-align:right;gap:2px;display:grid}.topbar-identity strong{color:var(--tb-ink);font-size:12px}.topbar-identity span{color:var(--tb-muted);font-size:11px}.top-avatar{color:#2054aa;background:#dfeafb}.theme-toggle{border:1px solid var(--tb-border);background:var(--tb-surface);min-width:88px;height:38px;color:var(--tb-ink);border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:0 12px;font-size:12px;font-weight:700;transition:background .15s,border-color .15s,transform .15s;display:inline-flex}.theme-toggle:hover{background:var(--tb-surface-soft);border-color:#8da9db}.theme-toggle:active{transform:scale(.97)}.content{max-width:1600px;padding:36px 38px 65px}.main-footer{color:var(--tb-muted)}.page-heading{min-height:177px;box-shadow:var(--tb-shadow);background:linear-gradient(115deg,#ebf2fe,#f9fbff 65%,#e3efff);border:1px solid #dce8fa;border-radius:20px;margin-bottom:22px;padding:28px 32px;position:relative;overflow:hidden}.page-heading:after{content:"";opacity:.035;pointer-events:none;border:1px solid;border-radius:50%;width:245px;height:245px;position:absolute;top:-128px;right:3%;box-shadow:0 0 0 39px,0 0 0 78px}.page-heading-copy,.page-heading-side{z-index:1;position:relative}.page-heading-copy{max-width:720px}.page-heading h1{color:#183456;letter-spacing:-.055em;margin:9px 0;font-size:clamp(29px,3.1vw,40px);line-height:1.12}.page-heading>div>p:last-child{color:#526784;line-height:1.5}.page-heading-side{align-items:center;gap:16px;display:flex}.page-heading-icon{color:#2a65bf;background:#ffffffa8;border:1px solid #ffffffb8;border-radius:18px;flex:none;place-items:center;width:68px;height:68px;display:grid}.page-heading-team{background:linear-gradient(115deg,#e9f7f0,#f9fcfa 65%,#e3f3ec);border-color:#dcefe6}.page-heading-team .page-heading-icon{color:#278461}.page-heading-firmware{background:linear-gradient(115deg,#f0ecfa,#fbfaff 65%,#ebe8fa);border-color:#e7e0f5}.page-heading-firmware .page-heading-icon{color:#7658ae}.page-heading-reports{background:linear-gradient(115deg,#eaf5f8,#f8fcfd 65%,#e0f1f5);border-color:#dbeaf1}.page-heading-reports .page-heading-icon{color:#278da7}.page-heading-precise{background:linear-gradient(115deg,#f1effb,#fbfaff 65%,#e9e7f8);border-color:#e4e2f3}.page-heading-precise .page-heading-icon{color:#725cbe}.page-heading-detail{min-height:140px}.page-heading-detail .page-heading-copy{flex:1;min-width:0;max-width:none}.page-heading-detail h1{letter-spacing:-.035em;overflow-wrap:anywhere;font-size:clamp(25px,2.35vw,32px)}.panel,.stat-card{border:1px solid var(--tb-border);background:var(--tb-surface);min-width:0;box-shadow:var(--tb-shadow);border-radius:18px}.panel{padding:27px}.panel-head{margin-bottom:21px}.panel-head h2,.list-toolbar h2{color:var(--tb-ink);font-size:19px}.eyebrow{color:var(--tb-accent)!important}.stats-grid{gap:18px;margin-bottom:22px}.stat-card{border-top:3px solid #5d8bec;flex-direction:row-reverse;justify-content:space-between;align-items:flex-start;min-height:140px;padding:22px;position:relative}.stat-card:nth-child(2){border-top-color:#51baa7}.stat-card:nth-child(3){border-top-color:#9b83d1}.stat-card:nth-child(4){border-top-color:#e5a55e}.stat-icon{border-radius:11px;width:38px;height:38px}.stat-icon svg{width:20px;height:20px}.stat-card span{color:var(--tb-muted);margin:3px 0 22px;font-size:12px}.stat-card strong{color:var(--tb-ink);letter-spacing:-.05em;font-size:32px}.dashboard-grid{grid-template-columns:minmax(0,1.55fr) minmax(290px,1fr);align-items:stretch}.recent-panel{height:100%}.dashboard-side{grid-template-rows:1fr auto}.dashboard-side .feature-panel{background:linear-gradient(140deg,#163e70,#1e5d9a);min-height:220px}.dashboard-side .feature-panel h2{color:#fff}.dashboard-side .feature-panel p:not(.eyebrow){color:#d3e4f6}.dashboard-side .feature-panel .eyebrow{color:#b9e5ff!important}.quick-panel{align-self:stretch}.quick-panel a{color:var(--tb-text);border-top-color:var(--tb-border)}.quick-panel a:hover{color:var(--tb-accent)}.data-table{min-width:690px}.table-scroll{overscroll-behavior-x:contain;max-width:100%;overflow-x:auto}.data-table thead{background:var(--tb-surface-soft)}.data-table th{color:var(--tb-muted);letter-spacing:.08em;padding:14px 15px;font-size:11px}.data-table td{color:var(--tb-text);border-bottom-color:var(--tb-border);padding:17px 15px;font-size:12px}.data-table tbody tr:hover{background:var(--tb-surface-soft)}.data-table tbody tr:last-child td{border-bottom:0}.row-link,.small-link,.subtle-link,.back{color:var(--tb-accent)}.row-link{text-overflow:ellipsis;vertical-align:bottom;max-width:230px;display:inline-block;overflow:hidden}.small-link{background:#edf3ff;border:1px solid #d9e5fb;border-radius:9px;padding:8px 11px;text-decoration:none}.small-link:hover{background:#dfeafe;text-decoration:none}.status{letter-spacing:0;text-transform:capitalize;font-size:11px}.status-valid,.status-pass,.status-active,.status-published{color:#16744e;background:#e6f6ee}.status-invalid,.status-not_evaluated,.status-draft{color:#9c621c;background:#fff1df}.status-error,.status-qc_failed,.status-fail,.status-suspended,.status-revoked{color:#b33d4c;background:#fce8e8}.pager{border-color:var(--tb-border);color:var(--tb-muted)}.pager button{background:var(--tb-surface);border-color:var(--tb-border);color:var(--tb-ink)}.search-box{background:var(--tb-surface);border-color:var(--tb-border);min-height:43px}.search-box input{color:var(--tb-ink);background:0 0}.primary-button{background:var(--tb-accent);border-color:var(--tb-accent);box-shadow:none}.primary-button:hover{background:var(--tb-accent-hover)}.outline-button{background:var(--tb-surface);border-color:var(--tb-border);color:var(--tb-accent)}.outline-button:hover{background:var(--tb-surface-soft)}.primary-button,.outline-button{border-radius:10px;min-height:41px}.detail-summary .panel{border-top:3px solid #6c91dd}.detail-summary .panel:nth-child(2){border-top-color:#54bba3}.detail-summary .panel:nth-child(3){border-top-color:#a488d0}.detail-summary p,.detail-label,.detail-info span{color:var(--tb-muted)}.detail-summary strong,.detail-info strong,.report-count strong{color:var(--tb-ink)}.detail-info strong{overflow-wrap:anywhere}.detail-info{gap:12px}.detail-info>div,.chart-card{border:1px solid var(--tb-border);background:var(--tb-surface-soft);border-radius:12px;padding:16px}.chart-card{background:var(--tb-surface)}.chart-head strong{color:var(--tb-ink)}.calibration-note{background:var(--tb-surface-soft);color:var(--tb-muted)}.report-count{border-top:3px solid #55bca5}.report-chart{border-top:3px solid #5d8bec}.report-count p,.muted-text{color:var(--tb-muted)}.firmware-banner{box-shadow:var(--tb-shadow);background:linear-gradient(115deg,#5d4f94,#8065b2);border-radius:17px}.firmware-banner p{color:#eee9fb}.operator-cell .avatar{color:#277958;background:#e9f6ef}.empty strong{color:var(--tb-ink)}.empty span,.loading{color:var(--tb-muted)}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#091b34ad}.modal{background:var(--tb-surface);border:1px solid var(--tb-border);border-radius:20px}.modal h2{color:var(--tb-ink)}.modal>p,.field{color:var(--tb-muted)}.field input{background:var(--tb-surface);border-color:var(--tb-border);color:var(--tb-ink)}.login-screen{background:var(--tb-bg)}.login-hero{background:#102b50}.login-hero-overlay{background:linear-gradient(#102b50 0%,#102b50e8 38%,#103d6885 76%,#092541 100%)}.login-side{background:var(--tb-bg)}.login-top{color:var(--tb-muted)}.small-brand{color:var(--tb-ink)}.login-card{border:1px solid var(--tb-border);background:var(--tb-surface);max-width:475px;box-shadow:var(--tb-shadow);border-radius:22px;padding:clamp(25px,3vw,40px)}.login-card h2{color:var(--tb-ink)}.login-subtitle,.login-help,.login-bottom{color:var(--tb-muted)}.login-card label{color:var(--tb-text)}.login-card input{background:var(--tb-surface);border-color:var(--tb-border);color:var(--tb-ink)}.login-icon{color:var(--tb-accent);background:#e8f0ff}.login-help{border-color:var(--tb-border)}:root[data-theme=dark]{--tb-bg:#101b2c;--tb-surface:#17263c;--tb-surface-soft:#1d2f49;--tb-ink:#f0f5ff;--tb-text:#c7d4e8;--tb-muted:#9cb0cb;--tb-border:#30435f;--tb-accent:#91b8ff;--tb-accent-hover:#527fd8;--tb-shadow:0 12px 30px #020a1a33;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=dark] .page-heading{background:linear-gradient(115deg,#1a3153,#1b2b45 65%,#1c3855);border-color:#334d70}:root[data-theme=dark] .page-heading-team{background:linear-gradient(115deg,#173d38,#1b2b3a 65%,#194036)}:root[data-theme=dark] .page-heading-firmware{background:linear-gradient(115deg,#302c4e,#202c40 65%,#373252)}:root[data-theme=dark] .page-heading-reports{background:linear-gradient(115deg,#173b4b,#1b2b40 65%,#1a414b)}:root[data-theme=dark] .page-heading-precise{background:linear-gradient(115deg,#2f2d50,#202c40 65%,#36304d)}:root[data-theme=dark] .page-heading h1,:root[data-theme=dark] .page-heading>div>p:last-child{color:var(--tb-ink)}:root[data-theme=dark] .page-heading-icon{color:#c1d5ff;background:#ffffff13;border-color:#ffffff24}:root[data-theme=dark] .stat-icon.blue,:root[data-theme=dark] .stat-icon.cyan,:root[data-theme=dark] .stat-icon.purple,:root[data-theme=dark] .stat-icon.gold{color:#bfd5f8;background:#284263}:root[data-theme=dark] .small-link{color:#c8dcff;background:#294369;border-color:#38547a}:root[data-theme=dark] .small-link:hover{background:#34527b}:root[data-theme=dark] .primary-button{color:#fff;background:#3867c4;border-color:#3867c4}:root[data-theme=dark] .primary-button:hover{background:#2c58ad}:root[data-theme=dark] .table-secondary,:root[data-theme=dark] .chart-axis,:root[data-theme=dark] .chart-empty{color:var(--tb-muted)}:root[data-theme=dark] .recharts-text{fill:var(--tb-muted)}:root[data-theme=dark] .recharts-cartesian-grid line{stroke:#344966}:root[data-theme=dark] .recharts-default-tooltip{background:var(--tb-surface)!important;border-color:var(--tb-border)!important;color:var(--tb-ink)!important}:root[data-theme=dark] .status-valid,:root[data-theme=dark] .status-pass,:root[data-theme=dark] .status-active,:root[data-theme=dark] .status-published{color:#a1edc6;background:#1c4c3b}:root[data-theme=dark] .status-invalid,:root[data-theme=dark] .status-not_evaluated,:root[data-theme=dark] .status-draft{color:#f5ce8f;background:#513e2a}:root[data-theme=dark] .status-error,:root[data-theme=dark] .status-qc_failed,:root[data-theme=dark] .status-fail,:root[data-theme=dark] .status-suspended,:root[data-theme=dark] .status-revoked{color:#ffb1be;background:#512e3b}:root[data-theme=dark] .operator-cell .avatar,:root[data-theme=dark] .login-icon{color:#b9d5ff;background:#2a4666}:root[data-theme=dark] .point-pill,:root[data-theme=dark] .empty-icon{color:#bcdaff;background:#284261}:root[data-theme=dark] .password-wrap button,:root[data-theme=dark] .icon-button{color:var(--tb-muted)}:root[data-theme=dark] .login-hero{background:#0c2341}:root[data-theme=dark] .login-hero-overlay{background:linear-gradient(#0c2341,#0c2341de 42%,#0b2f54a8 78%,#081d38)}@media (width<=1150px){.dashboard-grid{grid-template-columns:1fr}.dashboard-side{grid-template-rows:auto;grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=820px){.content{padding:27px 20px 55px}.topbar{padding:0 20px}}@media (width<=640px){.page-heading{min-height:0;padding:23px 20px}.page-heading-icon{display:none}.page-heading-side,.page-heading .heading-action,.page-heading .heading-action button{width:100%}.dashboard-side{grid-template-columns:1fr}.topbar-right{gap:10px}.topbar-identity,.live-badge{display:none}.theme-toggle{width:38px;min-width:38px;padding:0}.theme-toggle span{display:none}.panel{padding:19px}.table-scroll{margin:0 -19px;padding:0 19px}.stat-card{min-height:113px}.stat-card span{margin-bottom:10px}.login-side{padding:20px}.login-card{margin:auto 0}}@media (prefers-reduced-motion:reduce){.nav-link,.theme-toggle,.sidebar{transition:none}}