@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700&display=swap";
:root{--green:#123f39;--green2:#1b5a50;--cream:#f4f2eb;--ink:#172b27;--muted:#6f7d79;--line:#e4e6df;--gold:#dcae55;--white:#fff;--sidebar:248px}*{box-sizing:border-box}html,body{background:var(--cream);min-height:100%;color:var(--ink);margin:0;font-family:DM Sans,sans-serif}button,input,select{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh}.sidebar{z-index:30;width:var(--sidebar);color:#fff;background:#0f3a35;flex-direction:column;padding:25px 16px;display:flex;position:fixed;inset:0 auto 0 0}.brand{align-items:center;gap:12px;padding:0 8px 24px;display:flex}.brand-mark{color:#efcd86;border:1px solid #d7b666;border-radius:9px;place-items:center;width:39px;height:39px;font:700 22px Manrope;display:grid}.brand b{letter-spacing:.16em;font:700 16px Manrope;display:block}.brand small{color:#9eb8b2;letter-spacing:.24em;margin-top:2px;font-size:9px;display:block}.nav-label{color:#7fa19a;letter-spacing:.16em;padding:5px 12px;font-size:10px}.nav-item{color:#bdd0cc;text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:12px;width:100%;margin:1px 0;padding:10px 12px;font-size:13px;transition:all .18s;display:flex}.nav-item:hover{color:#fff;background:#174942}.nav-item.active{color:#173b36;background:#f2c76f;font-weight:700}.nav-item em{color:#fff;background:#a9553d;border-radius:20px;margin-left:auto;padding:2px 6px;font-size:10px;font-style:normal}.sidebar-foot{border-top:1px solid #28514c;margin-top:auto;padding-top:14px}.trial{background:#184741;border-radius:9px;gap:10px;padding:11px;display:flex}.trial div{flex-direction:column;display:flex}.trial b{font-size:11px}.trial span{color:#94b0aa;margin-top:2px;font-size:10px}.sidebar-foot>button{color:#9eb7b2;background:0 0;border:0;gap:12px;padding:14px 10px;font-size:12px;display:flex}.main-wrap{margin-left:var(--sidebar);min-height:100vh}.topbar{border-bottom:1px solid var(--line);z-index:20;background:#fff;align-items:center;height:72px;padding:0 34px;display:flex;position:sticky;top:0}.search{color:#86918e;background:#f4f5f2;border:1px solid #e9ebe6;border-radius:9px;align-items:center;gap:10px;width:min(480px,45vw);padding:9px 12px;display:flex}.search input{background:0 0;border:0;outline:0;flex:1;font-size:12px}.search kbd{background:#fff;border:1px solid #dddeda;border-radius:5px;padding:2px 6px;font-size:10px}.top-actions{align-items:center;gap:11px;margin-left:auto;display:flex}.icon-btn{color:#53645f;background:0 0;border:0;position:relative}.icon-btn i{background:#c46e54;border-radius:50%;width:6px;height:6px;position:absolute;top:1px;right:2px}.avatar{width:35px;height:35px;color:var(--green);background:#dfe9e5;border-radius:10px;place-items:center;font-size:12px;font-weight:700;display:grid}.profile{flex-direction:column;display:flex}.profile b{font-size:12px}.profile span{color:var(--muted);font-size:10px}.mobile-menu,.mobile-brand{display:none}main{max-width:1600px;margin:auto;padding:36px 38px 90px}.welcome{justify-content:space-between;align-items:flex-end;margin-bottom:28px;display:flex}.eyebrow{letter-spacing:.14em;color:#9a7940;font-size:10px;font-weight:700}.welcome h1,.module-hero h1{letter-spacing:-.04em;margin:8px 0 6px;font:700 30px Manrope}.welcome p,.module-hero p{color:var(--muted);margin:0;font-size:13px}.outline-btn{color:#53625f;background:#fff;border:1px solid #d8dcd5;border-radius:8px;align-items:center;gap:8px;padding:10px 14px;font-size:12px;display:flex}.stats-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px;display:grid}.stats-grid article{border:1px solid var(--line);background:#fff;border-radius:12px;justify-content:space-between;align-items:center;min-height:108px;padding:18px;display:flex;box-shadow:0 3px 15px #283b3206}.stats-grid article>div:first-child{flex-direction:column;display:flex}.stats-grid span{color:var(--muted);font-size:11px}.stats-grid strong{letter-spacing:-.03em;margin:7px 0 4px;font:700 24px Manrope}.stats-grid strong small{color:#9ca5a2;font-size:12px}.stats-grid small{color:#8a9490;font-size:10px}.stats-grid .positive{color:#4c8779}.stats-grid .warning{color:#af654f}.stats-grid article>button{background:#f4f4ef;border:0;border-radius:50%;place-items:center;width:30px;height:30px;display:grid}.mini-people{display:flex}.mini-people i{background:#e2e9e4;border:2px solid #fff;border-radius:50%;place-items:center;width:28px;height:28px;margin-left:-8px;font-size:9px;font-style:normal;display:grid}.donut{background:conic-gradient(#d4a84e var(--p),#edf0eb 0);border-radius:50%;place-items:center;width:57px;height:57px;display:grid;position:relative}.donut:after{content:"";background:#fff;border-radius:50%;position:absolute;inset:7px}.donut b{z-index:1;font-size:11px}.status{letter-spacing:.07em;background:#f7e9bd;border-radius:5px;padding:5px 7px;font-weight:700;color:#8b692c!important;font-size:8px!important}.content-grid{grid-template-columns:minmax(0,1.6fr) minmax(300px,.8fr);gap:18px;display:grid}.panel{border:1px solid var(--line);background:#fff;border-radius:12px;box-shadow:0 3px 15px #283b3206}.panel>header{justify-content:space-between;align-items:flex-start;padding:20px 22px 16px;display:flex}.panel h2{margin:0 0 4px;font:700 16px Manrope}.panel header p{color:var(--muted);margin:0;font-size:11px}.panel header button{color:#927239;background:0 0;border:0;align-items:center;gap:4px;font-size:11px;display:flex}.module-grid{border-top:1px solid var(--line);grid-template-columns:repeat(2,1fr);display:grid}.module-card{text-align:left;border:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff;align-items:center;gap:11px;padding:15px 18px;transition:all .18s;display:flex}.module-card:hover{background:#fafaf7;transform:translateY(-1px)}.module-card:nth-child(2n){border-right:0}.module-card:nth-last-child(-n+2){border-bottom:0}.module-icon{border-radius:8px;place-items:center;width:34px;height:34px;display:grid}.module-icon .icon{width:17px}.module-card div{flex-direction:column;flex:1;display:flex}.module-card b{font-size:12px}.module-card small{color:var(--muted);margin-top:3px;font-size:10px}.module-card>.icon{color:#a7afac}.timeline{padding:0 20px}.activity-row{border-top:1px solid var(--line);align-items:flex-start;gap:10px;padding:15px 0;display:flex}.activity-avatar{border-radius:50%;flex:none;place-items:center;width:32px;height:32px;font-size:9px;font-weight:700;display:grid}.activity-row div{flex-direction:column;flex:1;display:flex}.activity-row b{font-size:11px;font-weight:600}.activity-row small{color:var(--muted);margin-top:4px;font-size:9px}.activity-row time{color:#9aa29f;font-size:9px}.activity-row time.alert{color:#ad5943}.attendance-card{color:#fff;background:linear-gradient(135deg,#153e39,#0f332f);grid-template-columns:1fr 1fr;gap:30px;margin-top:18px;padding:24px;display:grid;position:relative;overflow:hidden}.attendance-card:before{content:"";border:1px solid #ffffff13;border-radius:50%;width:320px;height:320px;position:absolute;top:-190px;right:-80px}.attendance-copy{padding:7px}.attendance-copy h2{margin:8px 0;font:700 21px Manrope}.attendance-copy>p{color:#b5cbc6;font-size:12px}.location{color:#d6e2df;align-items:center;gap:8px;margin:16px 0;font-size:11px;display:flex}.location b{color:#9cd6c6;background:#28554e;border-radius:5px;padding:4px 7px;font-size:9px}.mode-select{flex-direction:column;max-width:380px;display:flex}.mode-select label{color:#abc1bc;margin-bottom:6px;font-size:10px}.mode-select label span{color:#fff;background:#a87c34;border-radius:4px;margin-left:5px;padding:2px 5px}.mode-select select{color:#fff;background:#244f49;border:1px solid #436861;border-radius:7px;padding:9px}.mode-select small{color:#91ada7;margin-top:5px;font-size:9px}.attendance-action{z-index:1;background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;grid-template-columns:auto 1fr;align-items:center;gap:10px 18px;padding:16px 20px;display:grid}.camera-disc{border:1px solid #d3b56a;border-radius:50%;grid-row:1/3;place-items:center;width:74px;height:74px;display:grid;box-shadow:0 0 0 8px #ffffff08}.camera-disc span{color:#153e39;background:#f0c66b;border-radius:50%;place-items:center;width:54px;height:54px;display:grid}.camera-disc.done span{background:#8dc1af}.attendance-action ol{margin:0;padding:0;list-style:none}.attendance-action li{color:#819f99;align-items:center;gap:6px;margin:5px 0;font-size:9px;display:flex}.attendance-action li i{border:1px solid #5b7772;border-radius:50%;place-items:center;width:16px;height:16px;font-size:8px;font-style:normal;display:grid}.attendance-action li.current{color:#f0d89b}.attendance-action li.complete{color:#b8d8ce}.primary-btn{color:#173b36;background:#e4b75c;border:0;border-radius:8px;padding:11px 16px;font-size:11px;font-weight:700}.attendance-action .primary-btn{grid-column:1/3}.demo-note{color:#86a59f;grid-column:1/3;justify-content:center;gap:5px;font-size:8px;display:flex}.module-view{max-width:1180px}.back{color:#647571;background:0 0;border:0;margin-bottom:20px;padding:0}.module-hero{color:#fff;background:linear-gradient(135deg,#153f39,#1d594f);border-radius:16px;padding:38px;position:relative}.module-hero p{color:#c2d4d0;max-width:600px;line-height:1.6}.module-hero .primary-btn{position:absolute;bottom:38px;right:38px}.feature-cards{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:18px;display:grid}.feature-cards article{border:1px solid var(--line);background:#fff;border-radius:12px;padding:22px}.feature-cards article>span{color:#c2984c;font:700 11px Manrope}.feature-cards h3{margin:22px 0 9px;font:700 16px Manrope}.feature-cards p{color:var(--muted);min-height:54px;font-size:11px;line-height:1.6}.feature-cards button{color:#9b783b;background:0 0;border:0;align-items:center;gap:5px;padding:0;font-size:11px;display:flex}.policy{margin-top:18px}.policy-options{grid-template-columns:repeat(3,1fr);gap:12px;padding:0 22px 22px;display:grid}.policy-options button{text-align:left;border:1px solid var(--line);background:#fafaf7;border-radius:9px;gap:10px;padding:16px;display:flex}.policy-options button.selected{background:#fffaf0;border-color:#c99e4c}.policy-options button>i{color:#173f39;border:1px solid #bdc4c1;border-radius:50%;place-items:center;width:18px;height:18px;display:grid}.policy-options button.selected>i{background:#e4b75c;border-color:#e4b75c}.policy-options button div{flex-direction:column;display:flex}.policy-options b{font-size:11px}.policy-options span{color:var(--muted);margin-top:5px;font-size:9px;line-height:1.4}.policy-foot{border-top:1px solid var(--line);justify-content:space-between;align-items:center;padding:16px 22px;display:flex}.policy-foot p{color:var(--muted);gap:6px;font-size:10px;display:flex}.mobile-tabs{display:none}.toast{z-index:100;color:#fff;background:#153f39;border:1px solid #37645d;border-radius:9px;align-items:center;gap:8px;padding:13px 16px;font-size:11px;animation:.25s ease-out toast;display:flex;position:fixed;bottom:28px;right:28px;box-shadow:0 12px 30px #001c}@keyframes toast{0%{opacity:0;transform:translateY(15px)}}.scrim{display:none}@media (max-width:1100px){.stats-grid{grid-template-columns:repeat(2,1fr)}.content-grid{grid-template-columns:1fr}.activity{display:none}.attendance-card,.feature-cards,.policy-options{grid-template-columns:1fr}}@media (max-width:760px){:root{--sidebar:0}.sidebar{width:276px;padding-bottom:90px;transition:all .25s;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.scrim{z-index:25;background:#071c1966;border:0;display:block;position:fixed;inset:0}.main-wrap{margin-left:0}.topbar{height:60px;padding:0 16px}.mobile-menu{background:0 0;border:0;place-items:center;margin-right:10px;padding:0;display:grid}.mobile-brand{letter-spacing:.08em;font:700 12px Manrope;display:block}.mobile-brand span{color:#8b9693;letter-spacing:0;font-weight:500}.search,.profile,.top-actions>.icon{display:none}.top-actions{margin-left:auto}.top-actions .icon-btn{display:block}main{padding:24px 16px 90px}.welcome{align-items:flex-start}.welcome .outline-btn{display:none}.welcome h1{font-size:25px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:10px}.stats-grid article{min-height:105px;padding:14px}.stats-grid strong{font-size:20px}.mini-people,.donut{display:none}.modules-panel>header{padding:18px}.module-grid{grid-template-columns:1fr}.module-card,.module-card:nth-child(2n){border-right:0}.module-card:nth-last-child(2){border-bottom:1px solid var(--line)}.attendance-card{padding:20px}.attendance-action{text-align:center;grid-template-columns:1fr}.camera-disc{grid-row:auto;margin:auto}.attendance-action ol{text-align:left;margin:auto}.attendance-action .primary-btn,.demo-note{grid-column:1}.feature-cards{grid-template-columns:1fr}.module-hero{padding:28px 24px 90px}.module-hero h1{font-size:25px}.module-hero .primary-btn{bottom:24px;left:24px;right:auto}.policy-options{grid-template-columns:1fr}.policy-foot{flex-direction:column;align-items:flex-start;gap:10px}.mobile-tabs{z-index:22;border-top:1px solid var(--line);height:67px;padding-bottom:env(safe-area-inset-bottom);background:#fff;justify-content:space-around;display:flex;position:fixed;bottom:0;left:0;right:0}.mobile-tabs button{color:#84908d;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:8px;display:flex}.mobile-tabs button.active{color:#17463f}.mobile-tabs .icon{width:19px}.toast{justify-content:center;bottom:82px;left:16px;right:16px}.location{flex-wrap:wrap}}