@font-face{font-family:DM Sans;font-style:normal;font-weight:200 1000;font-display:swap;src:url(/assets/dm-sans-latin-ext-wght-normal-BOFOeGcA.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans;font-style:normal;font-weight:200 1000;font-display:swap;src:url(/assets/dm-sans-latin-wght-normal-Xz1IZZA0.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Manrope;font-style:normal;font-weight:200 1000;font-display:swap;src:url(/assets/manrope-latin-ext-wght-normal-Ch3YOpNY.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Manrope;font-style:normal;font-weight:200 1000;font-display:swap;src:url(/assets/manrope-latin-wght-normal-DHIcAJRg.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--green:#16856c;--dark:#182d2b;--muted:#7e8d8a;--line:#e7eeeb;--bg:#f6f8f7}*{box-sizing:border-box}body{background:var(--bg);color:var(--dark);margin:0;font:14px DM Sans,Arial,sans-serif}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a{transition:background .15s,color .15s}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #81c9b8}input,select{color:var(--dark);background:#fff;border:1px solid #dfe7e4;border-radius:7px;outline:none;min-width:0;padding:10px 12px}input[type=date]{color:var(--dark)}.shell{min-height:100vh;display:flex}.sidebar{border-right:1px solid var(--line);z-index:20;background:#fff;flex-direction:column;flex-shrink:0;width:250px;height:100vh;padding:31px 20px 0;display:flex;position:fixed}.brand{letter-spacing:-1px;align-items:center;gap:10px;font-family:Manrope,Arial,sans-serif;font-size:22px;font-weight:800;display:flex}.brand-icon{background:var(--green);color:#fff;border-radius:10px;place-items:center;width:39px;height:39px;display:grid}.brand-light{font-weight:500}.brand small{letter-spacing:1.7px;color:#82948f;margin-top:4px;font-family:DM Sans,sans-serif;font-size:7.8px;font-weight:600;display:block}.workspace{border:1px solid var(--line);background:#fafcfb;border-radius:8px;align-items:center;gap:10px;margin:36px 0 31px;padding:12px 10px;display:flex}.workspace b{text-overflow:ellipsis;white-space:nowrap;max-width:150px;font-size:11px;display:block;overflow:hidden}.workspace small,.profile small,.secure small{color:var(--muted);margin-top:4px;font-size:10px;display:block}.workspace-icon{color:#60796f;background:#edf3f0;border-radius:6px;padding:7px}.nav-caption{letter-spacing:1.5px;color:#96a49f;margin:0 14px 13px;font-size:9px;font-weight:600}nav{flex-direction:column;gap:6px;display:flex}nav button{text-align:left;color:#70827b;background:0 0;border:0;border-radius:7px;align-items:center;gap:12px;width:100%;padding:14px 13px;font-size:12px;font-weight:550;display:flex}nav button.active{color:#168267;background:#eaf5f0;font-weight:700}nav button:hover{background:#f1f6f3}.nav-dot{background:#d3a450;border-radius:50%;width:6px;height:6px;margin-left:auto}.sidebar-bottom{margin-top:auto;padding:25px 0}.secure{color:#658678;background:#f7faf8;border-radius:7px;align-items:center;gap:10px;margin-bottom:22px;padding:13px;display:flex}.secure b{font-size:10px;font-weight:550}.profile{border-top:1px solid var(--line);align-items:center;gap:11px;padding:18px 12px 0;display:flex}.profile b{font-size:11px}.body{flex:1;min-width:0;margin-left:250px}.topbar{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;height:79px;padding:0 38px;display:flex}.breadcrumbs{color:#97a39e;align-items:center;gap:13px;font-size:11px;display:flex}.breadcrumbs b{color:#5d7067;font-weight:500}.top-right{align-items:center;gap:24px;display:flex}.timezone{color:#8a9992;font-size:10px}.avatar{color:#56766a;object-fit:cover;border-radius:50%;flex-shrink:0;place-items:center;width:36px;height:36px;font-size:11px;font-weight:600;display:grid}.avatar.small{width:32px;height:32px;font-size:10px}main{max-width:1700px;margin:auto;padding:33px 38px 0}.page-head{justify-content:space-between;align-items:center;gap:20px;margin-bottom:27px;display:flex}.eyebrow{letter-spacing:1.8px;color:#869c92;margin-bottom:9px;font-size:9px;font-weight:600}h1{letter-spacing:-.9px;margin:0 0 9px;font-family:Manrope,Arial,sans-serif;font-size:27px;font-weight:750}p{line-height:1.6}h2{letter-spacing:-.2px;margin:0;font-size:14px;font-weight:650}.page-head p{color:var(--muted);margin:0;font-size:12px}.head-actions,.row-actions{align-items:center;gap:9px;display:flex}.btn{color:#4d665a;white-space:nowrap;background:#fff;border:1px solid #dfe8e3;border-radius:7px;justify-content:center;align-items:center;gap:8px;padding:11px 15px;font-size:11px;font-weight:600;display:inline-flex}.btn.primary{background:var(--green);border-color:var(--green);color:#fff;box-shadow:0 2px 3px #16856c12}.date-row{color:#89998e;align-items:center;gap:12px;margin-bottom:21px;font-size:11px;display:flex}.date-field{border:1px solid var(--line);color:#72877b;background:#fff;border-radius:6px;align-items:center;padding-left:12px;display:flex}.date-field input{width:145px;box-shadow:none;background:0 0;border:none;padding:9px;font-size:11px}.spacer{flex:1}.connection{align-items:center;gap:7px;font-size:10px;display:flex}.connection i{background:#c3a16b;border-radius:50%;width:6px;height:6px}.icon-btn{border:1px solid var(--line);color:#748a7d;background:0 0;border-radius:6px;place-items:center;width:31px;height:31px;display:grid}.stats{grid-template-columns:repeat(4,1fr);gap:17px;margin-bottom:22px;display:grid}.stat{border:1px solid var(--line);background:#fff;border-radius:10px;padding:20px 21px;box-shadow:0 2px 2px #182d2b02}.stat>div{justify-content:space-between;align-items:center;gap:9px;display:flex}.stat-icon{border-radius:8px;place-items:center;width:32px;height:32px;display:grid}.stat strong{letter-spacing:-1.5px;margin-top:9px;font-family:Manrope,sans-serif;font-size:32px;font-weight:750;display:block}.stat small{color:#98a59e;margin-top:9px;font-size:10px;display:block}.panel{border:1px solid var(--line);background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 2px 2px #182d2b02}.overview{grid-template-columns:1.75fr 1fr;gap:20px;margin-bottom:24px;display:grid}.panel-head{justify-content:space-between;align-items:center;gap:16px;padding:22px 23px;display:flex}.panel-head p{color:#96a39b;margin:7px 0 0;font-size:10px}.legend{color:#80918a;align-items:center;gap:7px;font-size:10px;display:flex}.legend i{background:#3b9d80;border-radius:2px;width:7px;height:7px}.bars{min-height:158px;padding:4px 24px 29px}.bar-row{align-items:center;gap:17px;margin-top:19px;font-size:11px;display:flex}.bar-track{background:#eef4f0;border-radius:2px;flex:1;height:9px;overflow:hidden}.bar-track>div{background:#58a98e;border-radius:2px;height:100%}.bar-row b{text-align:right;width:47px;font-size:11px;font-weight:600}.bar-row em{color:#9eada4;font-style:normal}.readiness{background:linear-gradient(115deg,#f0f6f1,#f9fcf9);border-color:#e0eae1;padding:23px;position:relative}.device-symbol{color:#77a68a;opacity:.8;position:absolute;top:26px;right:24px}.badge{white-space:nowrap;border-radius:5px;align-items:center;gap:6px;padding:5px 8px;font-size:9px;font-weight:550;display:inline-flex}.badge i{background:currentColor;border-radius:50%;width:4px;height:4px}.readiness .badge{color:#67876c;background:#e4eee5;margin-bottom:24px;font-size:9px}.readiness h2{max-width:250px;font-size:16px}.readiness p{color:#7a9180;max-width:280px;margin:11px 0 15px;font-size:11px}.readiness button{color:#4b8263;background:0 0;border:0;align-items:center;gap:8px;padding:0;font-size:10px;font-weight:650;display:flex}.count{color:#84988c;background:#f0f5f1;border-radius:5px;margin-left:6px;padding:3px 6px;font-size:10px;font-weight:500;display:inline-flex}.table-panel{margin-bottom:21px}.filters{align-items:center;gap:10px;padding:0 23px 19px;display:flex}.search{color:#99a69e;border:1px solid #e6ebe7;border-radius:6px;flex:1;align-items:center;gap:8px;max-width:310px;padding:0 10px;display:flex}.search input{box-shadow:none;border:0;width:100%;padding:9px 0;font-size:10px}.filters select{color:#788d80;border-color:#e6ebe7;border-radius:6px;padding:8px 10px;font-size:10px}.table-scroll{overflow-x:auto}table{border-collapse:collapse;white-space:nowrap;text-align:left;width:100%;font-size:11px}th{color:#91a297;letter-spacing:.7px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#f8faf9;padding:13px 20px;font-size:8px;font-weight:600}td{color:#5b7164;border-bottom:1px solid #f0f3f1;padding:16px 20px}tbody tr:last-child td{border-bottom:0}td small{color:#9caaa1;margin-top:5px;font-size:9px;display:block}.person{align-items:center;gap:10px;display:flex}.person b{color:#435b4e;font-size:11px;font-weight:600}.person small{margin-top:4px;font-size:9px}.time{font-variant-numeric:tabular-nums;font-size:11px}td .late{color:#c0944b}.table-footer{border-top:1px solid var(--line);color:#99a69d;justify-content:space-between;padding:13px 23px;font-size:9px;display:flex}.empty-state{text-align:center;color:#96a79a;padding:42px 20px 45px}.empty-state h3{color:#617867;margin:15px 0 9px;font-size:15px;font-weight:600}.empty-state p{margin-bottom:20px;font-size:11px}.chart-empty{color:#a0b1a4;justify-content:center;align-items:center;gap:20px;min-height:135px;display:flex}.chart-empty p{font-size:11px}.event-panel{margin-bottom:20px}.event-list{grid-template-columns:1fr 1fr;gap:0 30px;padding:0 23px 10px;display:grid}.event-item{border-top:1px solid #eef3ef;align-items:center;gap:11px;padding:13px 0;display:flex}.event-icon{border-radius:8px;flex-shrink:0;place-items:center;width:30px;height:30px;display:grid}.event-item b{font-size:10px;font-weight:550}.event-item small{color:#94a499;margin-top:4px;font-size:9px;display:block}.event-item time{color:#80998b;white-space:nowrap;margin-left:auto;font-size:9px}.inset{padding:0 23px 23px}.muted{color:#879b8d;font-size:11px}.report-settings{align-items:center;gap:22px;margin-bottom:22px;padding:22px;display:flex}.report-settings label{margin:0}.report-settings>div{margin-left:auto}.report-settings b{font-size:13px}.report-settings p{color:#8c9e91;font-size:11px}.text-btn{color:#1b8b6d;background:0 0;border:0;align-items:center;gap:7px;padding:0;font-size:11px;font-weight:600;display:inline-flex}.footnote{color:#869b8c;border-top:1px solid var(--line);background:#fafcfb;margin:0;padding:17px 23px;font-size:10px;line-height:1.8}.device-grid{grid-template-columns:1fr 1.1fr;gap:24px;display:grid}.device-config form{padding:0 24px 26px}.device-illustration{color:#559779;background:#f0f7f3;border-radius:10px;align-items:center;gap:24px;margin:0 24px 25px;padding:30px;display:flex}.device-illustration b{color:#37644b;font:700 18px Manrope,sans-serif;display:block}.device-illustration span{color:#8caa96;margin-top:7px;font-size:10px;display:block}.setup{padding:26px}.setup-step{gap:18px;margin:29px 0;display:flex}.setup-step>span{color:#4f8a64;background:#f7faf8;border:1px solid #dfece3;border-radius:50%;place-items:center;min-width:32px;height:32px;font-size:10px;display:grid}.setup-step h3{margin:2px 0 7px;font-size:12px;font-weight:600}.setup-step p{color:#8a9d90;margin:0;font-size:11px}.info-box{color:#6e8a77;background:#f2f7f4;border:1px solid #e7eee9;border-radius:7px;gap:10px;margin:17px 0;padding:13px 15px;font-size:11px;line-height:1.7;display:flex}.info-box svg{flex-shrink:0;margin-top:3px}.info-box p{margin:0;font-size:11px}footer{color:#9eaca2;align-items:center;gap:10px;padding:26px 0;font-size:9px;display:flex}footer>div{margin-left:auto}.demo-banner,.error-banner{color:#a18443;background:#fff5de;border:1px solid #f2e4bc;border-radius:8px;align-items:center;gap:10px;margin-bottom:21px;padding:12px 17px;font-size:11px;display:flex}.demo-banner button,.error-banner button{color:inherit;background:0 0;border:0;align-items:center;gap:7px;margin-left:auto;font-size:10px;display:flex}.error-banner a{align-items:center;gap:7px;margin-left:auto;display:flex}.modal-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:100;background:#142b2465;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:#fff;border:1px solid #fff;border-radius:14px;width:510px;max-width:100%;max-height:92vh;padding:25px;overflow-y:auto;box-shadow:0 25px 90px #10271c30}.modal-head{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.modal-head h2{font-size:18px}label{color:#65816c;margin-bottom:18px;font-size:11px;font-weight:500;display:block}label input,label select{width:100%;margin-top:7px;font-size:12px;display:block}label small{color:#8eaa97;margin-top:6px;font-size:9px;font-weight:400;display:block}.form-grid{grid-template-columns:1fr 1fr;gap:15px;display:grid}.modal-actions{justify-content:flex-end;gap:9px;margin-top:27px;display:flex}.photo-input{align-items:center;gap:15px;margin-bottom:20px;display:flex}.photo-input>span,.photo-input>img{object-fit:cover;color:#7b9d85;background:#f1f7f3;border-radius:12px;flex-shrink:0;place-items:center;width:64px;height:64px;display:grid}.photo-input label{margin:0}.photo-input input{border:0;padding:0;font-size:9px}.preset-row{gap:8px;margin-bottom:20px;display:flex}.upload-zone{text-align:center;color:#699978;background:#f8fbf9;border:1px dashed #a8c8b4;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;gap:12px;margin:20px 0;padding:25px;display:flex}.upload-zone input{border:none;width:auto;max-width:100%;font-size:10px}.full{width:100%;margin-top:15px}.error-text{color:#ba6855;font-size:11px}.toast{color:#fff;z-index:200;background:#254c3b;border-radius:9px;align-items:center;gap:11px;max-width:90vw;padding:15px 19px;font-size:12px;display:flex;position:fixed;bottom:26px;left:50%;transform:translate(-50%);box-shadow:0 10px 40px #1b342c30}.toast button{color:#fff;background:0 0;border:0;margin-left:10px;display:flex}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width>=1600px){main{padding:40px 50px 0}.stat{padding:24px}.stat strong{font-size:37px}.overview{grid-template-columns:1.9fr 1fr}.bars{padding-bottom:35px}.bar-row{margin-top:23px}}@media (width<=1200px){.sidebar{width:215px;padding:25px 14px 0}.body{margin-left:215px}.brand{font-size:20px}.brand small{letter-spacing:1.3px;font-size:7px}.topbar{padding:0 24px}main{padding:28px 24px 0}.page-head{align-items:flex-start}.head-actions{flex-direction:column;align-items:stretch}.stat{padding:16px}.stat>div>span:first-child{font-size:10px}.stat-icon{width:26px;height:26px}.event-list{grid-template-columns:1fr}.bar-row>span{width:74px}.device-grid{grid-template-columns:1fr 1fr}.readiness h2{font-size:14px}}@media (width<=900px){.sidebar{width:72px;padding:25px 12px 0}.brand{justify-content:center}.brand>span:last-child,.workspace,.nav-caption,nav button .nav-dot,.sidebar-bottom{display:none}nav{margin-top:30px}nav button{justify-content:center;gap:0;padding:14px 0;font-size:0}nav button svg{flex-shrink:0;width:21px;height:21px}.body{margin-left:72px}h1{font-size:23px}.overview{grid-template-columns:1.3fr 1fr}.stats{gap:10px}.stat>div>span:first-child{font-size:9px}.stat-icon{display:none}.stat small{font-size:9px}.stat strong{font-size:28px}.device-symbol{display:none}.readiness .badge{margin-bottom:17px}.panel-head{padding:19px}.filters{padding:0 19px 17px}.row-actions .btn{padding:9px;font-size:9px}.device-grid{grid-template-columns:1fr}}@media (width<=620px){.sidebar{border-right:0;border-bottom:1px solid var(--line);width:100%;height:auto;padding:16px;position:static}.shell{display:block}.brand{justify-content:flex-start}.brand>span:last-child{font-size:19px;display:block}.brand small{display:none}.brand-icon{border-radius:8px;width:31px;height:31px}.brand-icon svg{width:20px}nav{flex-direction:row;justify-content:space-between;gap:3px;margin-top:16px}nav button{flex-direction:column;flex:1;gap:6px;width:auto;padding:10px 4px;font-size:8px}nav button svg{width:17px;height:17px}.body{margin:0}.topbar{height:48px;padding:0 18px}.timezone{font-size:8px}.breadcrumbs{gap:6px;font-size:9px}.avatar.small{width:25px;height:25px;font-size:8px}.top-right{gap:10px}main{padding:24px 16px 0}.page-head{flex-direction:column;gap:16px;margin-bottom:23px}.head-actions{flex-direction:row;width:100%}.head-actions .btn{flex:1}h1{font-size:24px}.page-head p{font-size:11px}.eyebrow{font-size:8px}.stats{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:17px}.stat{padding:15px}.stat-icon{display:grid}.stat>div>span:first-child{font-size:10px}.stat strong{font-size:28px}.overview{grid-template-columns:1fr;gap:15px}.readiness{padding:20px}.readiness .badge{margin-bottom:14px}.readiness p{max-width:100%}.device-symbol{display:block}.readiness h2{font-size:16px}.panel-head{flex-wrap:wrap;padding:18px}.panel-head p{font-size:9px}.filters{flex-wrap:wrap;padding:0 18px 16px}.search{flex-basis:100%;max-width:none}.filters select{flex:1}.table-footer{flex-direction:column;gap:10px;padding:12px 17px;font-size:8px}.date-row>span:not(.connection){display:none}.date-row{gap:5px;font-size:9px}.connection{font-size:9px}.date-field input{width:133px}.demo-banner{flex-wrap:wrap;font-size:10px}.demo-banner button{margin-left:0}.event-list{padding:0 18px 10px}.event-item time{font-size:8px}.report-settings{flex-wrap:wrap;gap:10px}.report-settings label{flex:1;min-width:120px}.report-settings>span{display:none}.report-settings>div{margin-left:0}.device-illustration{gap:18px;padding:22px}.device-illustration svg{width:50px}.device-config form{padding:0 20px 20px}.modal{padding:20px}.modal-backdrop{padding:12px}.modal-head h2{font-size:16px}.form-grid{gap:10px}footer{flex-wrap:wrap;font-size:8px}footer>div{flex-basis:100%;margin-top:4px;margin-left:0}}.session-controls{align-items:center;gap:15px;display:flex}.session-controls .btn{padding:8px 10px}.auth-page{background:#fff;grid-template-columns:44% 56%;min-height:100vh;display:grid}.auth-story{color:#fff;background:#153e35;flex-direction:column;justify-content:space-between;padding:48px 55px;display:flex;position:relative;overflow:hidden}.auth-story:after{content:"";pointer-events:none;border:1px solid #ffffff0b;border-radius:50%;width:600px;height:600px;position:absolute;bottom:-400px;left:-250px;box-shadow:0 0 0 90px #ffffff04,0 0 0 180px #ffffff03}.auth-story .brand{color:#fff;font-size:27px}.auth-story .brand-icon{background:#ffffff18}.auth-intro{z-index:1;max-width:420px;padding:60px 0;position:relative}.auth-emblem{color:#9dd1bd;background:#ffffff08;border:1px solid #ffffff20;border-radius:24px;place-items:center;width:94px;height:94px;margin-bottom:42px;display:grid}.auth-kicker{letter-spacing:2px;color:#96bbae;font-size:10px}.auth-intro h1{letter-spacing:-1.8px;margin:20px 0;font-size:43px;font-weight:650;line-height:1.25}.auth-intro p{color:#a7c1b7;max-width:350px;font-size:14px;line-height:1.9}.auth-points{color:#b3cfc2;flex-wrap:wrap;gap:14px 18px;margin-top:35px;font-size:10px;display:flex}.auth-points span{align-items:center;gap:7px;display:flex}.auth-points i{background:#78b69a;border-radius:50%;width:5px;height:5px}.auth-story>small{color:#7ea394;font-size:10px}.auth-main{flex-direction:column;justify-content:center;align-items:center;padding:45px 35px;display:flex;position:relative}.auth-card{width:100%;max-width:370px}.auth-lock{color:#2f8569;background:#f5f9f6;border:1px solid #e2eee7;border-radius:14px;place-items:center;width:52px;height:52px;margin-bottom:27px;display:grid}.auth-card .eyebrow{letter-spacing:1.4px;font-size:9px}.auth-card h2{letter-spacing:-.9px;margin-top:11px;font:750 29px Manrope,Arial,sans-serif}.auth-description{color:#82968a;margin:13px 0 28px;font-size:12px;line-height:1.8}.auth-card label{color:#4b6958;margin-bottom:21px;font-size:12px}.auth-input{color:#8ba495;background:#fff;border:1px solid #dfe8e2;border-radius:8px;align-items:center;gap:10px;margin-top:9px;padding:0 13px;display:flex}.auth-input:focus-within{border-color:#16856c;box-shadow:0 0 0 3px #16856c13}.auth-input input{width:100%;box-shadow:none;color:#344f40;background:0 0;border:0;border-radius:0;flex:1;margin:0;padding:14px 0;font-size:13px}.auth-input button{color:#8ba495;background:0 0;border:0;padding:2px;display:flex}.auth-card label small{color:#99a99f;margin-top:8px;font-size:10px;line-height:1.5}.auth-submit{justify-content:space-between;margin-top:5px;padding:14px;font-size:12px}.auth-note{color:#95a79c;border-top:1px solid #eaf0ec;align-items:flex-start;gap:9px;margin-top:28px;padding-top:21px;font-size:10px;line-height:1.8;display:flex}.auth-note svg{flex-shrink:0;margin-top:2px}.auth-footer{color:#a2b2a6;margin-top:55px;font-size:9px}.auth-error{color:#b65b4b;background:#fff0ec;border-radius:7px;align-items:flex-start;gap:9px;margin-bottom:15px;padding:12px;font-size:11px;line-height:1.6;display:flex}.auth-error svg{flex-shrink:0;margin-top:2px}.auth-loading{color:#779582;align-items:center;gap:12px;padding:25px 0;font-size:12px;display:flex}.auth-platform p{color:#819b88;font-size:12px;line-height:1.8}.auth-back{color:#699278;align-items:center;gap:8px;margin-top:25px;font-size:11px;display:flex}@media (width<=1000px){.auth-story{padding:35px}.auth-intro h1{font-size:35px}.auth-page{grid-template-columns:42% 58%}.top-right{gap:12px}.session-controls{gap:10px}}@media (width<=620px){.auth-page{display:block}.auth-story{padding:24px}.auth-story .brand{font-size:23px}.auth-story .brand>span:last-child{display:block}.auth-intro{max-width:100%;padding:25px 0 0}.auth-intro h1{letter-spacing:-.9px;margin:0;font-size:27px}.auth-intro h1 br{display:none}.auth-intro h1 br:after{content:" "}.auth-emblem,.auth-kicker,.auth-intro p,.auth-points,.auth-story>small{display:none}.auth-main{justify-content:flex-start;min-height:70vh;padding:34px 24px}.auth-card{max-width:420px}.auth-lock{width:43px;height:43px;margin-bottom:21px}.auth-card h2{font-size:25px}.auth-footer{margin-top:35px}.top-right .timezone{display:none}.session-controls .btn{padding:7px;font-size:9px}.session-controls .text-btn span{display:none}}.department-tabs{flex-wrap:wrap;gap:10px;margin:0 0 22px;display:flex}.department-tabs button{border:1px solid var(--line);color:#60796f;background:#fff;border-radius:9px;align-items:center;gap:9px;padding:12px 16px;display:flex}.department-tabs b{background:#eff3f1;border-radius:12px;padding:2px 8px;font-size:12px}.department-tabs button.active b{background:#cce9dc}@media (width<=620px){.department-tabs{gap:7px}.department-tabs button{flex:42%;justify-content:space-between;padding:10px;font-size:11px}}:root{--green:#42cdb0;--dark:#e2f1eb;--muted:#94b3a7;--line:#204038;--bg:#061e19;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{background:var(--bg);color:var(--dark)}.sidebar{background:linear-gradient(170deg,#041b16 65%,#0a3e32);border-color:#16362d;width:230px;padding:30px 17px 0}.body{margin-left:230px}.brand{color:#f0faf6;font-size:21px}.brand-icon{color:#6ee1bf;background:#164c3e}.brand small{color:#85aa9c;letter-spacing:1.35px;font-size:7px}.workspace{background:#0b2a22;border-color:#224337;margin:32px 0}.workspace-icon{color:#91bdab;background:#143d31}.workspace b{color:#cbe1d7}.nav-caption{color:#85a89a}nav button{color:#b1c9bd;border-radius:8px;padding:14px 12px}nav button.active{color:#f6fffb;background:linear-gradient(100deg,#1b9e81,#176e59);box-shadow:0 4px 18px #0002}nav button:hover{color:#fff;background:#194437}.secure{color:#95d3b5;background:linear-gradient(135deg,#144f3e,#0b2f25);border:1px solid #295b46;padding:17px 12px}.profile{border-color:#224137}.avatar.teal{color:#b8e6c7;background:#224f3c}.profile b{color:#deeee5}.topbar{background:#061e19;border-bottom-color:#17372e;height:72px;padding:0 32px}.breadcrumbs{color:#82a294}.breadcrumbs b{color:#d3e7dc}.timezone{color:#8aab9c}main{max-width:1640px;padding:26px 32px 0}.page-head{margin-bottom:24px}.page-head p{color:#9bb9ac}h1{font-size:28px}h2{color:#e1f0e8;font-size:14px;font-weight:600}.eyebrow{color:#7cb9a1}.btn{color:#cae6d7;background:#11392e;border-color:#2c5143;border-radius:8px}.btn:hover{background:#1b4e3c}.btn.primary{color:#042f24;background:#2bb796;border-color:#36c4a4;font-weight:750;box-shadow:0 4px 16px #0002}.btn.primary:hover{background:#5cdbbc}.icon-btn{color:#9cbfaf;background:#0e2f25}.text-btn{color:#6cd4ae}input,select{color:#d7ecdf;background:#0a291f;border-color:#305040}input::placeholder{color:#7f9d8e}input:focus,select:focus{border-color:#52cba7;box-shadow:0 0 0 3px #42cdb015}.date-field{color:#93b8a6;background:#0d3026}.date-field input{color:#d2e7dc}.date-row{color:#91b1a0;margin-bottom:18px}.connection{color:#b9bb91}.dashboard-hero{color:#07392e;background:radial-gradient(at 82% 55%,#80ead0 0%,#0000 43%),linear-gradient(112deg,#1f9f87,#43d1b6);border-radius:16px;grid-template-columns:minmax(0,1fr) 200px;gap:23px 12px;min-height:219px;padding:27px 32px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #c5ffdf28}.dashboard-hero>div:first-child{z-index:1}.dashboard-hero h1{color:#043e32;letter-spacing:-1px;max-width:650px;margin-bottom:10px;font-size:30px}.dashboard-hero .eyebrow{color:#0d5b49;letter-spacing:1.6px}.dashboard-hero p{color:#0c5443;font-size:13px}.dashboard-hero .head-actions{z-index:1;flex-direction:row;grid-column:1;justify-content:flex-start;align-self:end}.dashboard-hero .btn{color:#073e31;background:#073f3220;border-color:#07584340}.dashboard-hero .btn:hover{background:#d8fff544}.dashboard-hero .btn.primary{color:#caffea;background:#073f32;border-color:#073f32}.hero-art{perspective:500px;grid-area:1/2/3;place-self:center;place-items:center;width:180px;height:165px;display:grid;position:relative}.hero-orbit{border:1px solid #e4fff46b;border-radius:50%;width:180px;height:180px;position:absolute;box-shadow:0 0 0 22px #ddfff318,0 0 0 44px #ddfff30e}.hero-medical{color:#177c63;background:linear-gradient(140deg,#edfff8f5,#a0f2d7);border-radius:27px;place-items:center;width:124px;height:136px;display:grid;position:relative;transform:rotate(-9deg);box-shadow:12px 16px #17836725,0 20px 32px #084a3d26,inset 0 0 0 2px #ffffffb3}.hero-medical>span{color:#99eac7;background:#144f3c;border:4px solid #bdf7df;border-radius:50%;padding:9px;display:grid;position:absolute;top:-12px;right:-16px}.hero-chip{-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);color:#1c6d52;background:#e4fff4e8;border:1px solid #fff7;border-radius:9px;align-items:center;gap:8px;padding:10px 14px;font-size:11px;display:flex;position:absolute;bottom:-8px;left:8px;box-shadow:0 6px 18px #175e4520}.department-tabs{gap:8px;margin-bottom:20px}.department-tabs button{color:#9fc5b1;background:#0d2e24;border-color:#274c3a;padding:11px 14px;font-size:12px}.department-tabs b{color:#a8c9b6;background:#1b4130;font-size:10px}.department-tabs button.active{color:#d7f7e5;background:#174f3c;border-color:#3b9c74}.department-tabs button.active b{color:#ddffed;background:#287356}.department-tabs button:hover{border-color:#54ad85}.stats{gap:14px;margin-bottom:20px}.stat{background:linear-gradient(120deg,#103328,#0b2b21);border-color:#234535;border-radius:12px;padding:19px 21px;box-shadow:0 4px 18px #0000000b}.stat>div>span:first-child{color:#a3c3b1;font-size:12px}.stat strong{color:#effaf3;letter-spacing:-1.4px;font-size:34px;font-weight:650}.stat small{color:#85aa95;font-size:10px}.green{color:#65d3a4;background:#164a35}.blue{color:#83d5d5;background:#163e3b}.amber{color:#e0c17d;background:#3a3e24}.red{color:#e5a38c;background:#3e2e26}.gray{color:#a2b7a8;background:#203b2d}.panel{background:#0b2a21;border-color:#204233;border-radius:12px;box-shadow:0 4px 22px #00000008}.panel-head{padding:21px 22px}.panel-head p{color:#8bab98}.count{color:#b2d5bf;background:#214a35}.attendance-visuals{grid-template-columns:minmax(260px,.8fr) minmax(0,1.8fr);gap:20px;margin-bottom:20px;display:grid}.progress-panel .panel-head{padding-bottom:0}.progress-panel .panel-head>svg{color:#74ad8f}.attendance-ring{width:210px;height:210px;margin:8px auto 0;position:relative}.attendance-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.attendance-ring circle{fill:none;stroke-width:8px}.ring-track{stroke:#173e2e}.ring-track.inner{stroke:#203f2d}.ring-value{stroke-linecap:round}.ring-value.arrivals{stroke:#46dac0}.ring-value.departures{stroke:#a6c88a}.ring-center{pointer-events:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.ring-center strong{letter-spacing:-1.5px;color:#f1fbf5;font:650 36px Manrope,sans-serif}.ring-center span{color:#bdd8c8;margin-top:3px;font-size:12px}.ring-center small{color:#91b19d;margin-top:7px;font-size:10px}.ring-totals{grid-template-columns:1fr 1fr;gap:15px;margin:0 24px;display:grid}.ring-totals>div{grid-template-columns:1fr auto;gap:7px;display:grid}.ring-totals span,.chart-legends span{color:#b2cfbe;align-items:center;gap:7px;font-size:11px;display:flex}.ring-totals i,.chart-legends i{background:#46dac0;border-radius:50%;width:6px;height:6px;display:inline-block}.ring-totals>div:nth-child(2) i,.chart-legends span:nth-child(2) i{background:#a6c88a}.ring-totals b{color:#e0f3e6;font-size:12px}.ring-totals small{color:#89ad97;grid-column:1/3;font-size:10px}.chart-note{color:#8fb19a;margin:16px 0 19px;padding:0 24px;font-size:9px;line-height:1.6}.timeline-panel{flex-direction:column;min-width:0;display:flex}.chart-date{color:#b4cdbb;white-space:nowrap;border:1px solid #2b4e3a;border-radius:6px;padding:7px 9px;font-size:10px}.chart-legends{gap:20px;padding:0 24px;display:flex}.timeline-chart{flex:1;min-width:0;height:231px;min-height:225px;margin:9px 13px 0;position:relative}.chart-no-data{color:#b8d2bf;white-space:nowrap;pointer-events:none;background:#0e3126e8;border:1px solid #2b503c;border-radius:8px;padding:12px 19px;font-size:12px;position:absolute;top:44%;left:50%;transform:translate(-50%,-50%)}.timeline-summary{color:#aac8b5;border-top:1px solid #204333;align-items:center;gap:21px;padding:18px 24px;font-size:11px;display:flex}.timeline-summary>span{align-items:center;gap:7px;display:flex}.timeline-summary>span:first-child svg{color:#46dac0}.timeline-summary>span:nth-child(2) svg{color:#a6c88a}.timeline-summary b{color:#e2f5e9;margin-left:5px;font-size:16px}.timeline-summary small{color:#8eaa95;margin-left:auto;font-size:9px}.overview{grid-template-columns:1.6fr 1fr;margin-bottom:20px}.bar-track{background:#1d402f;border-radius:5px;height:10px}.bar-track>div{background:linear-gradient(90deg,#208e68,#56d6ab);border-radius:5px}.bar-row>span{color:#b4cdbb;width:85px}.bar-row b{color:#d4e9dc;width:52px}.bar-row em{color:#789f87}.bar-percent{text-align:right;color:#6dd5a9;width:36px;font-size:11px}.legend{color:#9fbaa7}.legend i{background:#47d4ae}.readiness{background:radial-gradient(at 100% 0,#174b35,#0000 65%),#0c2c21;border-color:#264d36}.readiness .badge{color:#b1d3b9;background:#204633}.readiness h2{color:#d3ecdc}.readiness p{color:#9cbaa7}.readiness button{color:#8cdcb4}.device-symbol{color:#73bc91}.filters select,.search{color:#9cbba5;border-color:#30513c}.search input{background:0 0}.table-scroll th{color:#b3cdb9;letter-spacing:.6px;background:#17392a;border-color:#294a35;font-size:9px}.table-scroll td{color:#bad2c1;border-color:#1c3a2a;padding-top:16px;padding-bottom:16px}tbody tr:hover{background:#103624}.person b{color:#d2e7d9;font-size:12px}.person small,td small{color:#89ad95}.table-footer{color:#87a28c;border-color:#24422d}.empty-state{color:#91b09a}.empty-state>svg{color:#66a982}.empty-state h3{color:#b9d9c3}.empty-state p{color:#8eaf99}.event-item{border-color:#244330}.event-item small,.event-item time{color:#8eac96}.muted{color:#96b79e}.footnote{color:#91ae98;background:#0a241b;border-color:#23422c}.report-settings p{color:#91b19c}.device-illustration{color:#7bd1a3;background:linear-gradient(130deg,#174d36,#0e3022)}.device-illustration b{color:#c2e6cf}.device-illustration span{color:#8db89c}.setup-step>span{color:#a1cbaf;background:#123522;border-color:#365941}.setup-step p{color:#98b39e}.info-box{color:#a4c1aa;background:#123421;border-color:#315039}.modal-backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#00110cd9}.modal{background:#0e2e21;border-color:#345b40;box-shadow:0 25px 90px #0008}.modal h2{color:#def1e2}label{color:#b2ceba}label small{color:#8bad94}.photo-input>span{color:#a8d9b7;background:#204b32}.upload-zone{color:#acceb3;background:#123620;border-color:#598465}.error-text{color:#f0ae96}.demo-banner{color:#e5d6a0;background:#3c3e1e;border-color:#646236}.error-banner{color:#f3b59c;background:#422b21;border-color:#714932}footer{color:#82a38b}.toast{color:#f1fff4;background:#296c47;border:1px solid #579e6a}.auth-page{background:#08251b}.auth-story{background:radial-gradient(at 20% 20%,#176b4b,#05291b 70%)}.auth-lock{color:#88d8a6;background:#163e28;border-color:#2d5939}.auth-card h2{color:#edf8ee}.auth-card label{color:#b7d7be}.auth-input{background:#0d3020;border-color:#365e3e}.auth-input input{color:#dceee0}.auth-description,.auth-card label small,.auth-platform p{color:#98b59f}.auth-note{color:#8eaa94;border-color:#2a4930}.auth-footer{color:#7d9d83}@media (width>=1600px){main{padding:32px 42px 0}.dashboard-hero{min-height:235px}.dashboard-hero h1{font-size:36px}.timeline-chart{min-height:250px}.attendance-ring{width:225px;height:225px}}@media (width<=1200px){.sidebar{width:215px}.body{margin-left:215px}main{padding:24px}.topbar{padding:0 24px}.dashboard-hero{grid-template-columns:minmax(0,1fr) 155px;padding:25px}.dashboard-hero h1{font-size:26px}.hero-art{width:155px;transform:scale(.88)}.stat{padding:16px}.stat>div>span:first-child{font-size:10px}.timeline-summary{flex-wrap:wrap;gap:14px}.timeline-summary small{width:100%;margin-left:0}.attendance-visuals{grid-template-columns:minmax(245px,.8fr) minmax(0,1.3fr);gap:16px}.ring-totals{margin:0 18px}.timeline-panel .panel-head{flex-wrap:wrap;gap:10px}.bar-row{gap:10px}}@media (width<=900px){.sidebar{width:72px;padding:25px 12px 0}.body{margin-left:72px}.dashboard-hero{grid-template-columns:minmax(0,1fr) 145px}.overview{grid-template-columns:1.4fr 1fr}.attendance-visuals{grid-template-columns:245px minmax(0,1fr)}.stat strong{font-size:29px}.hero-art{transform:scale(.8)}.timeline-summary small{line-height:1.5}.bar-row>span{width:70px;font-size:10px}}@media (width<=720px){.attendance-visuals{grid-template-columns:1fr}.progress-panel{grid-template-columns:1fr 1fr;display:grid}.progress-panel .panel-head{grid-column:1/3}.attendance-ring{grid-area:2/1/4;width:190px;height:190px;margin:7px auto}.ring-totals{grid-area:2/2;grid-template-columns:1fr;align-self:center;gap:17px;margin:18px 22px 0 0}.chart-note{grid-area:3/2;margin:0 20px 15px 0;padding:0}.timeline-chart{flex:none;height:235px}.timeline-summary small{width:auto;margin-left:auto}.overview{grid-template-columns:1fr}.stats{gap:10px}.stat small{font-size:9px}}@media (width<=620px){.sidebar{background:#061e17;width:100%;height:auto;padding:17px 16px;position:static}.body{margin:0}.sidebar nav{margin-top:17px}.sidebar nav button{padding:10px 3px}.brand{font-size:19px}.topbar{height:54px;padding:0 16px}.top-right{gap:8px}main{padding:18px 14px 0}.dashboard-hero{min-height:225px;padding:23px;display:block}.dashboard-hero h1{max-width:280px;padding-right:0;font-size:27px}.dashboard-hero p{max-width:230px;font-size:11px;line-height:1.7}.dashboard-hero .eyebrow{font-size:8px}.dashboard-hero .head-actions{gap:8px;width:auto;margin-top:22px;display:flex}.dashboard-hero .head-actions .btn{flex:0;padding:10px;font-size:10px}.hero-art{transform-origin:100% 0;opacity:.6;pointer-events:none;position:absolute;top:22px;right:-25px;transform:scale(.53)}.hero-chip{display:none}.department-tabs button{flex:42%;padding:10px;font-size:11px}.stats{grid-template-columns:1fr 1fr}.stat{padding:16px}.stat>div>span:first-child{font-size:11px}.stat strong{font-size:31px}.stat-icon{width:27px;height:27px}.progress-panel .panel-head{padding:20px}.attendance-ring{width:180px;height:180px}.ring-totals{margin-right:20px}.ring-center strong{font-size:30px}.ring-center small{font-size:9px}.chart-note{font-size:8px}.timeline-summary{padding:15px 20px}.timeline-summary small{width:100%;margin:0}.chart-date{font-size:9px}.table-scroll th,.table-scroll td{padding-left:17px;padding-right:17px}.footnote{padding:16px 18px}.overview{gap:17px}.readiness{padding:22px}.bar-row>span{width:76px}.bar-percent{font-size:10px}.session-controls .btn{font-size:9px}.session-controls .text-btn{font-size:10px}.auth-story{padding:24px}.auth-card h2{font-size:25px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}:root{--chart-arrive:#46dac0;--chart-depart:#a6c88a;--chart-muted:#8eafa5;--chart-grid:#20433b;--chart-tooltip:#12372f}.pagination{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;gap:14px;padding:17px 22px;font-size:11px;display:flex}.pagination nav{flex-direction:row;align-items:center;gap:5px;margin:0;display:flex}.pagination nav button{border:1px solid var(--line);color:#bbd6c3;background:#123a2a;justify-content:center;align-items:center;width:auto;min-width:31px;height:32px;padding:6px 9px;font-size:11px;display:flex}.pagination nav button.current{color:#042e23;background:#2bb796;border-color:#2bb796;font-weight:700}.pagination nav button:hover:not(:disabled){border-color:#2bb796}.pagination nav button:disabled{opacity:.35}.pagination .page-arrow{gap:6px}.page-number-wrap{align-items:center;gap:5px;display:flex}.page-ellipsis{padding:0 3px}.theme-toggle{padding:8px 10px}.face-toolbar{justify-content:space-between;align-items:center;gap:20px;padding:22px 24px;display:flex}.face-toolbar h2{align-items:center;gap:10px;font-size:17px;display:flex}.face-toolbar p{color:var(--muted);margin:9px 0 0;font-size:12px}.face-refresh{align-items:center;gap:12px;display:flex}.sync-status{color:#8eb7a0;white-space:nowrap;align-items:center;gap:7px;font-size:10px;display:flex}.sync-status i{background:#77af9c;border-radius:50%;width:6px;height:6px}.sync-status.failed{color:#d7a17e}.sync-status.failed i{background:#d7a17e}.face-controls{justify-content:space-between;align-items:center;gap:20px;margin:22px 0;display:flex}.face-controls .search{background:#0b2a21;max-width:370px}.face-controls>span{color:var(--muted);align-items:center;gap:6px;font-size:10px;display:flex}.face-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:19px;display:grid}.face-card{padding:8px;box-shadow:0 5px 20px #00000009}.face-image{aspect-ratio:4/3;background:#10352a;border-radius:8px;position:relative;overflow:hidden}.face-image>img{object-fit:contain;background:#071e17;width:100%;height:100%}.face-placeholder{color:#83a998;flex-direction:column;justify-content:center;align-items:center;gap:15px;height:100%;display:flex}.face-placeholder span{font-size:10px}.face-direction{border-radius:18px;align-items:center;gap:4px;padding:6px 10px;font-size:10px;font-weight:650;display:flex;position:absolute;top:10px;left:10px;box-shadow:0 2px 9px #0002}.face-direction.in{color:#065b39;background:#d0f8e5}.face-direction.out{color:#8a521b;background:#ffedcf}.face-caption{padding:14px 9px 10px}.face-caption h3{color:var(--dark);overflow-wrap:anywhere;margin:0 0 7px;font-size:18px;line-height:1.4}.face-caption p{color:#8bb59e;margin:0 0 17px;font-size:11px}.face-caption p span{color:var(--muted)}.face-caption>div{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;padding-top:12px;display:flex}.face-caption time{font-variant-numeric:tabular-nums;color:var(--dark);letter-spacing:-.5px;font-size:23px;font-weight:650}.face-caption>div>span{color:var(--muted);font-size:10px}.face-section>.pagination{border:0;padding-left:0;padding-right:0}.face-retention-note{color:var(--muted);border:1px solid var(--line);border-radius:9px;align-items:flex-start;gap:10px;padding:16px 18px;font-size:11px;line-height:1.8;display:flex}.face-retention-note svg{flex-shrink:0;margin-top:3px}.face-empty p{max-width:590px;margin-left:auto;margin-right:auto;line-height:1.9}.face-empty{padding:60px 20px}.face-section{margin-bottom:20px}@media (width<=1300px){.face-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.top-right{gap:12px}}@media (width<=950px){.face-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.face-toolbar{flex-wrap:wrap}.pagination nav button svg{width:15px;height:15px}.pagination nav button{font-size:11px}.pagination nav .page-arrow span,.theme-toggle span{display:none}}@media (width<=620px){.sidebar nav{justify-content:initial;gap:4px;overflow-x:auto}.sidebar nav button{flex:1 0 65px}.pagination{flex-direction:column;align-items:flex-start;gap:12px;padding:15px}.pagination nav{flex-wrap:wrap}.pagination nav button{flex-direction:row;padding:6px 9px;font-size:11px}.face-controls{flex-direction:column;align-items:stretch;gap:12px}.face-controls .search{flex-basis:auto;max-width:none}.face-toolbar{gap:15px;padding:20px}.face-toolbar h2{font-size:15px}.face-toolbar p{font-size:11px}.face-grid{gap:10px}.face-card{padding:5px}.face-caption{padding:10px 5px 7px}.face-caption h3{font-size:15px}.face-caption p{margin-bottom:10px;font-size:9px}.face-caption time{font-size:20px}.face-caption>div{flex-wrap:wrap;gap:5px;padding-top:9px}.face-direction{padding:5px 7px;font-size:9px;top:7px;left:7px}.face-placeholder svg{width:30px}.face-placeholder span{text-align:center;padding:0 6px;font-size:8px}.top-right .avatar{display:none}.top-right{gap:8px}.theme-toggle{padding:7px}.face-refresh{justify-content:space-between;width:100%}}:root[data-theme=light]{--chart-arrive:#149d78;--chart-depart:#82a957;--green:#16886c;--dark:#203b31;--muted:#6c8579;--line:#dfeae4;--bg:#f3f7f5;--chart-muted:#728b7e;--chart-grid:#e0ebe5;--chart-tooltip:#fff;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=light] body{background:var(--bg);color:var(--dark)}:root[data-theme=light] .sidebar{background:linear-gradient(#fff 70%,#f1faf5);border-color:#dce9e1}:root[data-theme=light] .brand{color:#214335}:root[data-theme=light] .brand-icon{color:#fff;background:#16886c}:root[data-theme=light] .brand small{color:#779186}:root[data-theme=light] .workspace{background:#f5faf7;border-color:#deebe3}:root[data-theme=light] .workspace-icon{color:#5b826d;background:#e5f1e9}:root[data-theme=light] .workspace b{color:#335a44}:root[data-theme=light] .nav-caption{color:#81988a}:root[data-theme=light] .sidebar nav button{color:#63816e}:root[data-theme=light] .sidebar nav button.active{color:#fff;background:linear-gradient(100deg,#168c6d,#1d9e80);box-shadow:0 4px 13px #16886c1a}:root[data-theme=light] .sidebar nav button:hover:not(.active){color:#176b4c;background:#eaf5ee}:root[data-theme=light] .secure{color:#447d5e;background:linear-gradient(125deg,#e3f6ec,#f3fbf6);border-color:#d2eadd}:root[data-theme=light] .profile{border-color:#dce9e1}:root[data-theme=light] .profile b{color:#345440}:root[data-theme=light] .avatar.teal{color:#277e56;background:#e0f0e7}:root[data-theme=light] .topbar{background:#fff;border-color:#e2ece6}:root[data-theme=light] .breadcrumbs{color:#81968b}:root[data-theme=light] .breadcrumbs b{color:#4a6956}:root[data-theme=light] .timezone{color:#788f80}:root[data-theme=light] h2{color:#2c4c3a}:root[data-theme=light] .page-head p{color:#759080}:root[data-theme=light] .eyebrow{color:#739681}:root[data-theme=light] .btn{color:#476f56;background:#fff;border-color:#d6e5da}:root[data-theme=light] .btn:hover{background:#edf7f0}:root[data-theme=light] .btn.primary{color:#fff;background:#168b6c;border-color:#168b6c;box-shadow:0 3px 10px #16886c15}:root[data-theme=light] .btn.primary:hover{background:#117457}:root[data-theme=light] .icon-btn{color:#698b75;background:#fff;border-color:#d8e7dd}:root[data-theme=light] .text-btn{color:#188159}:root[data-theme=light] input,:root[data-theme=light] select{color:#365842;background:#fff;border-color:#d9e6dd}:root[data-theme=light] input::placeholder{color:#839d8c}:root[data-theme=light] .date-field{color:#769582;background:#fff}:root[data-theme=light] .date-field input{color:#3d6149;background:0 0}:root[data-theme=light] .date-row{color:#6c8a75}:root[data-theme=light] .connection{color:#9a8255}:root[data-theme=light] .dashboard-hero{color:#245941;background:radial-gradient(at 84%,#bcf6df 0%,#0000 52%),linear-gradient(110deg,#d8f4e7,#a8e8cf);box-shadow:inset 0 0 0 1px #bee4d0}:root[data-theme=light] .dashboard-hero h1{color:#164b36}:root[data-theme=light] .dashboard-hero p{color:#3b7a57}:root[data-theme=light] .dashboard-hero .eyebrow{color:#4c8c65}:root[data-theme=light] .dashboard-hero .btn{color:#2a6b48;background:#ffffff80;border-color:#a2cfb5}:root[data-theme=light] .dashboard-hero .btn.primary{color:#fff;background:#177a56;border-color:#177a56}:root[data-theme=light] .department-tabs button{color:#5c8068;background:#fff;border-color:#dce9e0}:root[data-theme=light] .department-tabs b{color:#668471;background:#eff5f1}:root[data-theme=light] .department-tabs button.active{color:#1b7250;background:#e3f4eb;border-color:#52a87c}:root[data-theme=light] .department-tabs button.active b{color:#28774e;background:#cce9d8}:root[data-theme=light] .stat,:root[data-theme=light] .panel{background:#fff;border-color:#deebe3;box-shadow:0 4px 18px #1e513708}:root[data-theme=light] .stat>div>span:first-child{color:#62846e}:root[data-theme=light] .stat strong{color:#234c35}:root[data-theme=light] .stat small{color:#7c9987}:root[data-theme=light] .green{color:#278158;background:#e6f5ed}:root[data-theme=light] .blue{color:#4d8898;background:#e8f3f5}:root[data-theme=light] .amber{color:#a6802e;background:#fcf3e0}:root[data-theme=light] .red{color:#bf7662;background:#fcedea}:root[data-theme=light] .gray{color:#718f7c;background:#f0f4f1}:root[data-theme=light] .panel-head p{color:#7c9987}:root[data-theme=light] .count{color:#648e73;background:#eaf4ed}:root[data-theme=light] .progress-panel .panel-head>svg{color:#76a78b}:root[data-theme=light] .ring-track{stroke:#e5f2eb}:root[data-theme=light] .ring-track.inner{stroke:#eef4e9}:root[data-theme=light] .ring-value.arrivals{stroke:#1caf8c}:root[data-theme=light] .ring-value.departures{stroke:#8aaf66}:root[data-theme=light] .ring-center strong{color:#28523a}:root[data-theme=light] .ring-center span{color:#64866e}:root[data-theme=light] .ring-center small{color:#8aa08e}:root[data-theme=light] .ring-totals span,:root[data-theme=light] .chart-legends span{color:#6c8b75}:root[data-theme=light] .ring-totals b{color:#315a3d}:root[data-theme=light] .ring-totals small,:root[data-theme=light] .chart-note{color:#789a82}:root[data-theme=light] .chart-date{color:#6d8c74;background:#f7fbf8;border-color:#deeadf}:root[data-theme=light] .chart-no-data{color:#7c9b85;background:#f9fdfbee;border-color:#d9eade}:root[data-theme=light] .timeline-summary{color:#6f8e77;border-color:#e4ede5}:root[data-theme=light] .timeline-summary b{color:#315d41}:root[data-theme=light] .timeline-summary small{color:#88a08d}:root[data-theme=light] .bar-track{background:#eaf2ec}:root[data-theme=light] .bar-row>span{color:#6e8e76}:root[data-theme=light] .bar-row b{color:#497954}:root[data-theme=light] .bar-row em{color:#95ac99}:root[data-theme=light] .bar-percent{color:#2c9365}:root[data-theme=light] .legend{color:#789782}:root[data-theme=light] .readiness{background:radial-gradient(at 100% 0,#ddf1e1,#0000 70%),#f5fbf7;border-color:#d5e7d8}:root[data-theme=light] .readiness .badge{color:#6c8a62;background:#e3efe1}:root[data-theme=light] .readiness h2{color:#426b48}:root[data-theme=light] .readiness p{color:#7b987d}:root[data-theme=light] .readiness button{color:#4f8a59}:root[data-theme=light] .device-symbol{color:#80b488}:root[data-theme=light] .filters select,:root[data-theme=light] .search{color:#7e9c87;border-color:#dce9df}:root[data-theme=light] .search input{background:0 0}:root[data-theme=light] .table-scroll th{color:#7c9c86;background:#f1f7f3;border-color:#e2ece4}:root[data-theme=light] .table-scroll td{color:#63846d;border-color:#edf3ee}:root[data-theme=light] tbody tr:hover{background:#f8fcf9}:root[data-theme=light] .person b{color:#42694b}:root[data-theme=light] .person small,:root[data-theme=light] td small{color:#8ca391}:root[data-theme=light] .table-footer{color:#90a794;border-color:#e2ece4}:root[data-theme=light] .empty-state{color:#8ea994}:root[data-theme=light] .empty-state>svg{color:#86b391}:root[data-theme=light] .empty-state h3{color:#678b6d}:root[data-theme=light] .empty-state p{color:#7d9c85}:root[data-theme=light] .event-item{border-color:#e6eee7}:root[data-theme=light] .event-item small,:root[data-theme=light] .event-item time{color:#8ca591}:root[data-theme=light] .muted{color:#809d87}:root[data-theme=light] .footnote{color:#7e9884;background:#f8fbf8;border-color:#e2ece3}:root[data-theme=light] .report-settings p{color:#789680}:root[data-theme=light] .device-illustration{color:#7eaf88;background:linear-gradient(130deg,#e6f4e9,#f3faf5)}:root[data-theme=light] .device-illustration b{color:#4d7956}:root[data-theme=light] .device-illustration span{color:#85a68b}:root[data-theme=light] .setup-step>span{color:#77a17c;background:#f0f8f1;border-color:#d9e9db}:root[data-theme=light] .setup-step p{color:#85a08a}:root[data-theme=light] .info-box{color:#73967b;background:#f1f8f2;border-color:#dceade}:root[data-theme=light] .modal-backdrop{background:#16332355}:root[data-theme=light] .modal{background:#fff;border-color:#e6efe8;box-shadow:0 25px 90px #143d2333}:root[data-theme=light] .modal h2{color:#345e3e}:root[data-theme=light] label{color:#66896c}:root[data-theme=light] label small{color:#8caa93}:root[data-theme=light] .photo-input>span{color:#83ab8b;background:#edf7ef}:root[data-theme=light] .upload-zone{color:#7fa487;background:#f6fbf7;border-color:#b6d4bc}:root[data-theme=light] .error-text{color:#bb735d}:root[data-theme=light] .demo-banner{color:#ad9148;background:#fff8e7;border-color:#eeddb4}:root[data-theme=light] .error-banner{color:#b56e59;background:#fff2ee;border-color:#efd9d0}:root[data-theme=light] footer{color:#8ba492}:root[data-theme=light] .auth-page{background:#fff}:root[data-theme=light] .auth-story{background:linear-gradient(150deg,#1b6c50,#123e2d)}:root[data-theme=light] .auth-story .brand{color:#fff}:root[data-theme=light] .auth-lock{color:#57926a;background:#f2f9f3;border-color:#deece1}:root[data-theme=light] .auth-card h2{color:#2c5638}:root[data-theme=light] .auth-card label{color:#628369}:root[data-theme=light] .auth-input{background:#fff;border-color:#dbe8de}:root[data-theme=light] .auth-input input{color:#3a6446}:root[data-theme=light] .auth-description,:root[data-theme=light] .auth-card label small,:root[data-theme=light] .auth-platform p{color:#809a87}:root[data-theme=light] .auth-note{color:#8aa190;border-color:#e6eee8}:root[data-theme=light] .auth-footer{color:#99ad9d}:root[data-theme=light] .pagination nav button{color:#6c8c75;background:#fff;border-color:#dce9df}:root[data-theme=light] .pagination nav button.current{color:#fff;background:#168b6c;border-color:#168b6c}:root[data-theme=light] .face-controls .search{background:#fff}:root[data-theme=light] .face-image{background:#edf6f0}:root[data-theme=light] .face-image>img{background:#eef5f0}:root[data-theme=light] .face-placeholder{color:#91b29b}:root[data-theme=light] .face-caption p{color:#7e9a87}:root[data-theme=light] .sync-status{color:#6b987d}:root[data-theme=light] .face-retention-note{background:#edf7f0}:root[data-theme=light]{--bg:#f7f8fc;--dark:#252b46;--muted:#69718a;--line:#eaecf4;--green:#4b5ff0;--canvas:#dfe5f3;--paper:#fff;--soft:#f3f5fc;--accent:#4b5ff0;--blue:#edf5ff;--teal:#eaf8f3;--purple:#f4eafd;--rose:#fff0f5;--chart-muted:#8b90a5;--chart-grid:#eceef6;--chart-tooltip:#fff;--chart-arrive:#5268f5;--chart-depart:#b470ec}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#191e32;--dark:#e2e6f6;--muted:#929bb8;--line:#303850;--green:#8290ff;--canvas:#101426;--paper:#232a40;--soft:#2b334c;--accent:#91a0ff;--blue:#263857;--teal:#203e3c;--purple:#392f51;--rose:#442e43;--chart-muted:#8e9ab9;--chart-grid:#343e5b;--chart-tooltip:#2c3550;--chart-arrive:#8695ff;--chart-depart:#c88cf2}:root[data-theme] body{background:var(--canvas);color:var(--dark)}:root[data-theme] .shell{background:var(--bg);align-items:flex-start;width:100%;min-height:100vh;overflow:clip}:root[data-theme] .sidebar{background:var(--paper);border-color:var(--line);align-self:flex-start;width:224px;height:100vh;padding:28px 20px 22px;position:sticky;top:0}:root[data-theme] .body{background:var(--bg);min-width:0;margin-left:0}:root[data-theme] .brand{letter-spacing:-.7px;color:var(--dark);font-size:20px}:root[data-theme] .brand-icon{color:#fff;background:linear-gradient(145deg,#a2adff,#384df0 75%);border-radius:12px;width:38px;height:38px;box-shadow:0 4px 10px #4c5ff024}:root[data-theme] .brand small{letter-spacing:1.15px;color:var(--muted);font-size:6.5px}:root[data-theme] .workspace{background:var(--soft);border-color:var(--line);margin:30px 0 27px;padding:12px 9px}:root[data-theme] .workspace b{color:var(--dark);font-size:10px}:root[data-theme] .workspace small,:root[data-theme] .nav-caption,:root[data-theme] .profile small,:root[data-theme] .timezone,:root[data-theme] .breadcrumbs,:root[data-theme] .panel-head p,:root[data-theme] .page-head p,:root[data-theme] .dashboard-hero p,:root[data-theme] .eyebrow,:root[data-theme] .stat small,:root[data-theme] .ring-center small,:root[data-theme] .ring-center span,:root[data-theme] .ring-totals span,:root[data-theme] .ring-totals small,:root[data-theme] .chart-note,:root[data-theme] .chart-legends span,:root[data-theme] .bar-row>span,:root[data-theme] .bar-row em,:root[data-theme] .legend,:root[data-theme] .table-footer,:root[data-theme] .event-item small,:root[data-theme] .event-item time,:root[data-theme] .empty-state p,:root[data-theme] .muted,:root[data-theme] .person small,:root[data-theme] td small,:root[data-theme] .footnote,:root[data-theme] footer,:root[data-theme] .face-caption p,:root[data-theme] .face-placeholder,:root[data-theme] .sync-status{color:var(--muted)}:root[data-theme] .workspace-icon{background:var(--paper);color:var(--accent)}:root[data-theme] .sidebar nav{gap:12px}:root[data-theme] .sidebar nav button{color:var(--muted);border-radius:9px;padding:13px 11px;font-size:11px;font-weight:500}:root[data-theme] .sidebar nav button.active{background:var(--soft);color:var(--accent);box-shadow:none;font-weight:700}:root[data-theme] .sidebar nav button:hover:not(.active){background:var(--soft);color:var(--dark)}:root[data-theme] .secure{color:#fff;background:linear-gradient(130deg,#6676f9,#3345e5);border:0;border-radius:12px;padding:18px 12px;box-shadow:0 8px 15px #4355e51f}:root[data-theme] .secure small{color:#d0d6ff;font-size:9px}:root[data-theme] .secure b{color:#fff}:root[data-theme] .profile,:root[data-theme] .table-footer,:root[data-theme] .event-item,:root[data-theme] .face-caption>div{border-color:var(--line)}:root[data-theme] .profile b,:root[data-theme] .breadcrumbs b,:root[data-theme] h2,:root[data-theme] .ring-center strong,:root[data-theme] .ring-totals b,:root[data-theme] .bar-row b,:root[data-theme] .person b,:root[data-theme] .empty-state h3,:root[data-theme] .face-caption h3,:root[data-theme] .face-caption time,:root[data-theme] .modal h2{color:var(--dark)}:root[data-theme] .avatar.teal{background:var(--blue);color:var(--accent)}:root[data-theme] .topbar{background:var(--paper);border-color:var(--line);height:66px;padding:0 25px}:root[data-theme] .top-right{gap:18px}:root[data-theme] main{max-width:none;padding:24px 25px 0}:root[data-theme] .page-head,:root[data-theme] .dashboard-hero{min-height:0;box-shadow:none;background:0 0;border-radius:0;justify-content:space-between;align-items:center;gap:20px;margin-bottom:23px;padding:0;display:flex;overflow:visible}:root[data-theme] .hero-art{display:none}:root[data-theme] h1,:root[data-theme] .dashboard-hero h1{color:var(--dark);letter-spacing:-.8px;max-width:none;margin-bottom:8px;font-size:25px}:root[data-theme] .page-head p,:root[data-theme] .dashboard-hero p{font-size:11px}:root[data-theme] .eyebrow,:root[data-theme] .dashboard-hero .eyebrow{color:var(--accent);letter-spacing:1.6px;font-size:8px}:root[data-theme] .head-actions,:root[data-theme] .dashboard-hero .head-actions{flex-direction:row;align-self:center;margin:0}:root[data-theme] .btn,:root[data-theme] .dashboard-hero .btn{background:var(--paper);border-color:var(--line);color:var(--muted);box-shadow:none;border-radius:7px;padding:10px 12px;font-size:10px}:root[data-theme] .btn.primary,:root[data-theme] .dashboard-hero .btn.primary{color:#fff;background:#4b5ff0;border-color:#4b5ff0;box-shadow:0 3px 8px #4b5ff01a}:root[data-theme] .btn:hover,:root[data-theme] .dashboard-hero .btn:hover{background:var(--soft);color:var(--accent)}:root[data-theme] .btn.primary:hover{color:#fff;background:#354be2}:root[data-theme] .text-btn,:root[data-theme] .device-symbol,:root[data-theme] .readiness button{color:var(--accent)}:root[data-theme] input,:root[data-theme] select{background:var(--paper);color:var(--dark);border-color:var(--line)}:root[data-theme] input:focus,:root[data-theme] select:focus{border-color:#929df4;box-shadow:0 0 0 3px #6a78ef12}:root[data-theme] input::placeholder{color:var(--muted)}:root[data-theme] .date-row{color:var(--muted);margin-bottom:16px;font-size:10px}:root[data-theme] .date-field,:root[data-theme] .icon-btn{background:var(--paper);color:var(--muted);border-color:var(--line)}:root[data-theme] .date-field input{color:var(--dark);background:0 0}:root[data-theme] .connection{color:var(--muted)}:root[data-theme] .department-tabs{gap:8px;margin-bottom:18px}:root[data-theme] .department-tabs button{background:var(--paper);border-color:var(--line);color:var(--muted);border-radius:8px;padding:10px 12px;font-size:10px}:root[data-theme] .department-tabs button.active{background:var(--blue);color:var(--accent);border-color:#8091ef55}:root[data-theme] .department-tabs b,:root[data-theme] .department-tabs button.active b,:root[data-theme] .count{background:var(--soft);color:var(--accent);font-size:9px}:root[data-theme] .panel{background:var(--paper);border-color:var(--line);border-radius:12px;box-shadow:0 3px 10px #26336004}:root[data-theme] h2{letter-spacing:-.2px;font-size:13px;font-weight:650}:root[data-theme] .panel-head{padding:19px 21px}:root[data-theme] .panel-head p{font-size:10px}:root[data-theme] .stats-group{margin-bottom:18px;padding:19px 20px 13px}:root[data-theme] .stats{gap:12px;margin-bottom:13px}:root[data-theme] .stat{box-shadow:none;border:0;border-radius:9px;min-height:112px;padding:15px 16px}:root[data-theme] .stat.metric-blue{background:var(--blue)}:root[data-theme] .stat.metric-green{background:var(--teal)}:root[data-theme] .stat.metric-purple{background:var(--purple)}:root[data-theme] .stat.metric-rose{background:var(--rose)}:root[data-theme] .stat>div>span:first-child{color:var(--dark);font-size:10px;line-height:1.5}:root[data-theme] .stat strong{color:var(--dark);letter-spacing:-.9px;margin-top:10px;font-size:28px;font-weight:600}:root[data-theme] .stat small{margin-top:5px;font-size:9px}:root[data-theme] .stat-icon{color:#fff;border-radius:7px;flex-shrink:0;width:28px;height:28px;box-shadow:0 3px 7px #4f64b51a}:root[data-theme] .stat-icon.blue{background:linear-gradient(135deg,#8bd5f4,#36a8de)}:root[data-theme] .stat-icon.green{background:linear-gradient(135deg,#8de0ca,#32b49a)}:root[data-theme] .stat-icon.purple{background:linear-gradient(135deg,#d8a4fa,#a65adb)}:root[data-theme] .stat-icon.rose{background:linear-gradient(135deg,#ffa9c4,#e76f9d)}:root[data-theme] .attendance-visuals{grid-template-columns:minmax(230px,.75fr) minmax(0,1.8fr);gap:18px;margin-bottom:18px}:root[data-theme] .attendance-ring{width:180px;height:180px;margin:8px auto 3px}:root[data-theme] .ring-track,:root[data-theme] .ring-track.inner{stroke:var(--soft)}:root[data-theme] .ring-value.arrivals{stroke:var(--chart-arrive)}:root[data-theme] .ring-value.departures{stroke:var(--chart-depart)}:root[data-theme] .ring-center strong{font-size:31px}:root[data-theme] .ring-totals i,:root[data-theme] .chart-legends i{background:var(--chart-arrive)}:root[data-theme] .ring-totals>div:nth-child(2) i,:root[data-theme] .chart-legends span:nth-child(2) i{background:var(--chart-depart)}:root[data-theme] .chart-note{margin-bottom:16px;font-size:8px;line-height:1.6}:root[data-theme] .timeline-chart{height:205px;min-height:180px}:root[data-theme] .chart-date{background:var(--soft);color:var(--muted);border:0;font-size:9px}:root[data-theme] .timeline-summary{border-color:var(--line);color:var(--muted);padding:13px 21px}:root[data-theme] .timeline-summary b{color:var(--dark);font-size:14px}:root[data-theme] .timeline-summary small{color:var(--muted)}:root[data-theme] .timeline-summary>span:first-child svg{color:var(--chart-arrive)}:root[data-theme] .timeline-summary>span:nth-child(2) svg{color:var(--chart-depart)}:root[data-theme] .chart-no-data{color:var(--muted);background:var(--paper);border-color:var(--line)}:root[data-theme] .overview{grid-template-columns:1.65fr 1fr;gap:18px;margin-bottom:18px}:root[data-theme] .bars{padding:0 21px 24px}:root[data-theme] .bar-track{background:var(--soft);border-radius:4px;height:8px}:root[data-theme] .bar-track>div{background:linear-gradient(90deg,#6171f6,#a1acff)}:root[data-theme] .bar-row:nth-child(2) .bar-track>div{background:linear-gradient(90deg,#a45bdf,#d8b3f7)}:root[data-theme] .bar-row:nth-child(3) .bar-track>div{background:linear-gradient(90deg,#2fb7ba,#95e1df)}:root[data-theme] .bar-percent{color:var(--accent)}:root[data-theme] .legend i{background:var(--chart-arrive)}:root[data-theme] .readiness{background:var(--paper);border-color:var(--line);padding:22px}:root[data-theme] .readiness .badge{background:var(--purple);color:var(--accent)}:root[data-theme] .readiness h2{color:var(--dark);font-size:15px}:root[data-theme] .readiness p{color:var(--muted);font-size:10px}:root[data-theme] .search,:root[data-theme] .filters select{background:var(--soft);color:var(--muted);border-color:#0000;border-radius:7px}:root[data-theme] .search input{color:var(--dark);background:0 0}:root[data-theme] .table-scroll th{background:var(--soft);border-color:var(--line);color:var(--muted);letter-spacing:.6px;font-size:8px}:root[data-theme] .table-scroll td{color:var(--muted);border-color:var(--line);padding-top:15px;padding-bottom:15px}:root[data-theme] tbody tr:hover{background:var(--soft)}:root[data-theme] .badge.green{background:var(--teal);color:#3eaa92}:root[data-theme] .badge.blue{background:var(--blue);color:#5992ce}:root[data-theme] .badge.amber{background:var(--rose);color:#cd9b61}:root[data-theme] .badge.red{background:var(--rose);color:#cc7896}:root[data-theme] .badge.gray{background:var(--soft);color:var(--muted)}:root[data-theme] .footnote,:root[data-theme] .face-retention-note,:root[data-theme] .info-box{background:var(--soft);border-color:var(--line);color:var(--muted)}:root[data-theme] .pagination nav button{background:var(--paper);border-color:var(--line);color:var(--muted)}:root[data-theme] .pagination nav button.current{color:#fff;background:#5164ee;border-color:#5164ee}:root[data-theme] .pagination nav button:hover:not(:disabled){border-color:#8996ed}:root[data-theme] .face-toolbar{padding:20px 22px}:root[data-theme] .face-toolbar h2{font-size:15px}:root[data-theme] .face-toolbar h2 svg,:root[data-theme] .sync-status i{color:var(--accent)}:root[data-theme] .face-controls .search{background:var(--paper);border:1px solid var(--line)}:root[data-theme] .face-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}:root[data-theme] .face-card{border-radius:13px;padding:7px;box-shadow:0 3px 12px #394b7910}:root[data-theme] .face-image{aspect-ratio:1.25;background:var(--soft);border-radius:9px}:root[data-theme] .face-image>img{background:var(--soft)}:root[data-theme] .face-caption h3{min-height:23px;font-size:17px;line-height:1.35}:root[data-theme] .face-caption p{font-size:10px}:root[data-theme] .face-caption time{font-size:22px}:root[data-theme] .face-direction.in{color:#269f7f;background:#e5faf3}:root[data-theme] .face-direction.out{color:#9b60c6;background:#f3eafb}:root[data-theme] .device-illustration{background:var(--blue);color:var(--accent)}:root[data-theme] .device-illustration b{color:var(--dark)}:root[data-theme] .device-illustration span,:root[data-theme] .setup-step p,:root[data-theme] label,:root[data-theme] label small{color:var(--muted)}:root[data-theme] .setup-step>span{background:var(--soft);border-color:var(--line);color:var(--accent)}:root[data-theme] .modal{background:var(--paper);border-color:var(--line)}:root[data-theme] .photo-input>span,:root[data-theme] .upload-zone{background:var(--soft);color:var(--muted);border-color:var(--line)}:root[data-theme] .demo-banner{background:var(--purple);color:var(--accent);border-color:#a683db40}:root[data-theme] .auth-page{background:var(--paper)}:root[data-theme] .auth-story{background:linear-gradient(145deg,#6879f3,#2938aa)}:root[data-theme] .auth-card h2{color:var(--dark)}:root[data-theme] .auth-lock,:root[data-theme] .auth-input{background:var(--soft);border-color:var(--line);color:var(--accent)}:root[data-theme] .auth-input input{color:var(--dark)}.stats-heading{justify-content:space-between;align-items:center;gap:14px;margin-bottom:18px;display:flex}.stats-heading h2{font-size:15px}.stats-heading p{color:var(--muted);margin:5px 0 0;font-size:10px}.stats-period{color:var(--muted);align-items:center;gap:7px;font-size:9px;display:flex}.stats-foot{color:var(--muted);align-items:center;gap:22px;font-size:9px;display:flex}.stats-foot>span{align-items:center;gap:6px;display:flex}.stats-foot b{color:var(--dark);margin-left:2px;font-weight:600}.demo-portrait{object-fit:cover;width:100%;height:100%;display:block}.portrait-label{color:#777f9c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffffc9;border-radius:5px;padding:4px 6px;font-size:8px;position:absolute;bottom:8px;right:8px}@media (width<=1200px){:root[data-theme] .sidebar{width:195px;padding:25px 13px}:root[data-theme] .brand{font-size:18px}:root[data-theme] .brand small{letter-spacing:.8px;font-size:6px}:root[data-theme] main{padding:22px 20px 0}:root[data-theme] h1,:root[data-theme] .dashboard-hero h1{font-size:23px}:root[data-theme] .stat{padding:13px 12px}:root[data-theme] .face-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=900px){:root[data-theme] .sidebar{width:72px;padding:25px 12px}:root[data-theme] .sidebar nav button{padding:13px 0;font-size:0}:root[data-theme] .stat-icon{width:24px;height:24px;display:grid}:root[data-theme] .attendance-visuals{grid-template-columns:230px minmax(0,1fr)}:root[data-theme] .top-right{gap:10px}}@media (width<=720px){:root[data-theme] .attendance-visuals,:root[data-theme] .overview{grid-template-columns:1fr}:root[data-theme] .timeline-chart{height:210px}:root[data-theme] .face-grid{grid-template-columns:repeat(2,minmax(0,1fr))}:root[data-theme] .stats-period{display:none}}@media (width<=620px){:root[data-theme] .shell{display:block}:root[data-theme] .sidebar{border-bottom:1px solid var(--line);border-right:0;width:100%;height:auto;padding:18px 16px 13px;position:relative;top:auto}:root[data-theme] .sidebar nav{gap:3px;margin-top:15px}:root[data-theme] .sidebar nav button{min-width:67px;padding:10px 3px;font-size:8px}:root[data-theme] .brand{font-size:19px}:root[data-theme] main{padding:22px 14px 0}:root[data-theme] .topbar{height:52px;padding:0 16px}:root[data-theme] .page-head,:root[data-theme] .dashboard-hero{flex-direction:column;gap:15px;margin-bottom:18px}:root[data-theme] h1,:root[data-theme] .dashboard-hero h1{max-width:100%;padding:0;font-size:25px}:root[data-theme] .page-head p,:root[data-theme] .dashboard-hero p{max-width:none;font-size:11px}:root[data-theme] .head-actions,:root[data-theme] .dashboard-hero .head-actions{flex-direction:row;width:100%;margin:0}:root[data-theme] .head-actions .btn{flex:1}:root[data-theme] .stats-group{padding:17px 14px 13px}:root[data-theme] .stats{grid-template-columns:1fr 1fr;gap:10px}:root[data-theme] .stat{min-height:110px;padding:13px}:root[data-theme] .stats-foot{flex-wrap:wrap;gap:12px;font-size:8px}:root[data-theme] .face-grid{gap:11px}:root[data-theme] .face-caption h3{font-size:15px}:root[data-theme] .face-caption time{font-size:20px}:root[data-theme] .face-toolbar{padding:18px}:root[data-theme] .theme-toggle{padding:7px}}.face-monitor{color:#fff;background:linear-gradient(115deg,#24306e,#3f4ca6 75%,#525bc3);border-radius:14px;grid-template-columns:1fr 1fr;align-items:center;gap:24px;margin-bottom:16px;padding:24px;display:grid}:root[data-theme=dark] .face-monitor{background:linear-gradient(115deg,#242c50,#343e75)}.monitor-kicker{color:#ccd5ff;letter-spacing:1px;align-items:center;gap:8px;font-size:11px;display:flex}:root[data-theme] .face-monitor h2{color:#fff;margin:10px 0 5px;font-size:24px}.face-monitor p{color:#e0e5ff;max-width:380px;margin:0;font-size:13px}.monitor-readout{grid-template-columns:1fr 1fr;gap:10px;display:grid}.monitor-readout>div{background:#ffffff13;border:1px solid #ffffff36;border-radius:10px;gap:5px;padding:12px;display:grid}.monitor-readout span{color:#e0e5ff;align-items:center;gap:6px;font-size:11px;display:flex}.monitor-readout strong{font-size:24px}.monitor-readout small{color:#e0e5ff;font-size:11px}.face-report-trigger{cursor:pointer;text-align:left;border:0;width:100%;padding:0;display:block}.face-report-trigger>img{object-fit:cover;width:100%;height:100%;display:block}.face-report-trigger:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.face-report-badge{background:var(--paper);color:var(--accent);border-radius:6px;align-items:center;gap:5px;padding:6px;font-size:10px;font-weight:650;display:flex;position:absolute;bottom:8px;left:8px}@media (width<=850px){.face-monitor{grid-template-columns:1fr;gap:14px;padding:16px}}:root[data-theme] .employee-report{background:var(--bg);width:100%;max-width:none;min-height:100vh;padding:0}.employee-report-top{justify-content:space-between;margin-bottom:15px;display:flex}.employee-report-hero{color:#fff;background:linear-gradient(115deg,#202344,#343467 65%,#49337f);border-radius:16px;align-items:center;gap:24px;padding:24px;display:flex}:root[data-theme] .employee-report-hero h1{color:#fff;margin:8px 0}.employee-report-hero p,.employee-report-hero label{color:#e1e4ff}.employee-report-hero input{margin-left:8px}.employee-report-photo{aspect-ratio:1;background:#ffffff15;border-radius:14px;flex-shrink:0;place-items:center;width:138px;display:grid;overflow:hidden}.employee-report-photo img,.employee-report-photo .demo-portrait{object-fit:cover;width:100%;height:100%}.employee-kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:16px 0;display:grid}.employee-kpis>div{color:#fff;background:linear-gradient(135deg,#7139ad,#603dbe);border-radius:12px;gap:6px;padding:16px;display:grid}.employee-kpis>div:nth-child(2n){background:linear-gradient(135deg,#066c80,#3155ae)}.employee-kpis span{font-size:12px}.employee-kpis strong{font-size:clamp(17px,2.3vw,25px)}.employee-report-panel{margin-bottom:16px;padding:18px}.employee-report-panel p{color:var(--muted);font-size:12px}.employee-hours-chart{height:260px;margin-top:14px}@media (width<=650px){.employee-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.employee-report-hero{gap:14px;padding:15px}.employee-report-photo{width:85px}}:root[data-theme] .employee-infographic{--employee-cyan:#087e99;--employee-purple:#8444d5;grid-template-columns:224px minmax(0,1fr);display:grid}:root[data-theme=dark] .employee-infographic{--employee-cyan:#27d9ed;--employee-purple:#cb81ff}.employee-report-nav{background:var(--paper);border-right:1px solid var(--line);flex-direction:column;align-self:start;gap:8px;min-height:100vh;padding:18px 12px;display:flex;position:sticky;top:0}.employee-report-nav strong{padding:0 8px;font-size:19px}.employee-report-nav>span{color:var(--muted);padding:0 8px 14px;font-size:11px}.employee-report-nav a{color:var(--dark);border-radius:8px;align-items:center;gap:8px;padding:10px 8px;font-size:12px;text-decoration:none;display:flex}.employee-report-nav a.selected,.employee-report-nav a:hover{background:var(--purple);color:var(--employee-purple)}.employee-report-content{min-width:0;padding:22px clamp(14px,2vw,38px) 36px}.employee-analytics-grid{grid-template-columns:repeat(2,minmax(0,1fr)) minmax(0,1.35fr);gap:14px;margin-bottom:16px;display:grid}.employee-analytics-grid .employee-report-panel{min-width:0;margin:0}.employee-time-panel{grid-column:span 2}.employee-bar-panel{flex-direction:column;grid-area:span 2/3;display:flex}.employee-bar-panel .employee-hours-chart{flex:1;min-height:240px}.employee-time-panel .employee-hours-chart{height:205px}.employee-chart-key{color:var(--muted);gap:14px;margin-top:9px;font-size:11px;display:flex}.employee-chart-key span:before{content:"";vertical-align:middle;background:var(--employee-cyan);width:12px;height:3px;margin-right:5px;display:inline-block}.employee-chart-key span+span:before{background:var(--employee-purple)}.employee-ring{--ring-accent:var(--employee-cyan)}.employee-ring.purple{--ring-accent:var(--employee-purple)}.employee-ring-content{align-items:center;gap:12px;margin-top:12px;display:flex}.employee-ring-track{aspect-ratio:1;border-radius:50%;flex-shrink:0;place-items:center;width:76px;display:grid}.employee-ring-track strong{aspect-ratio:1;background:var(--paper);border-radius:50%;place-items:center;width:76%;font-size:15px;display:grid}@media (width<=1100px){:root[data-theme] .employee-infographic{grid-template-columns:minmax(0,1fr)}.employee-report-nav{border-right:0;border-bottom:1px solid var(--line);flex-flow:wrap;align-items:center;gap:5px;min-height:0;position:static}.employee-report-nav>span{display:none}}@media (width<=780px){.employee-analytics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.employee-bar-panel{grid-area:auto/span 2}.employee-ring-content{flex-wrap:wrap}}.employee-profile-link{color:inherit;text-decoration:none;display:inline-flex}.employee-profile-link:hover b,.employee-profile-link:focus-visible b{color:var(--accent);text-decoration:underline}:root[data-theme] .employee-report-nav .brand{white-space:nowrap;margin-bottom:15px;padding:8px;font-size:18px}:root[data-theme] .employee-report-nav .brand:hover{background:0 0}.staff-profile .employee-report-hero{background:var(--paper);color:var(--dark);border:1px solid var(--line);flex-wrap:wrap;align-items:stretch}:root[data-theme] .staff-profile .employee-report-hero h1{color:var(--dark)}.staff-profile .employee-report-hero label,.staff-profile .monitor-kicker{color:var(--muted)}.staff-profile .employee-report-photo{background:var(--soft);align-self:start;width:clamp(100px,13vw,190px)}.staff-profile-info{flex:1;min-width:220px}.staff-details{grid-template-columns:repeat(auto-fit,minmax(185px,1fr));gap:9px 18px;margin:12px 0;display:grid}.staff-details div{align-items:baseline;gap:8px;font-size:13px;display:flex}.staff-details dt{color:var(--muted)}.staff-details dd{overflow-wrap:anywhere;margin:0;font-weight:650}.staff-profile-actions{flex-direction:column;justify-content:center;gap:8px;display:flex}.staff-kpis{grid-template-columns:repeat(5,minmax(0,1fr))}.staff-kpis>div:nth-child(n){color:var(--dark);background:var(--blue);border:1px solid var(--line)}.staff-kpis>div:nth-child(2){background:var(--teal)}.staff-kpis>div:nth-child(3){background:var(--purple)}.staff-kpis>div:nth-child(4){background:var(--soft)}.staff-kpis>div:nth-child(5){background:var(--rose)}@media (width<=950px){.staff-kpis{grid-template-columns:repeat(auto-fit,minmax(135px,1fr))}}.staff-details{grid-template-columns:repeat(auto-fit,minmax(min(235px,100%),1fr))}.staff-details .staff-details-column{align-content:start;gap:9px;display:grid}.staff-details .staff-details-column+.staff-details-column{border-left:1px solid var(--line);padding-left:16px}@media (width<=780px){.staff-details .staff-details-column+.staff-details-column{border-left:0;padding-left:0}}