:root{--ink:#193831;--muted:#71807c;--line:#e9eeeb;--bg:#f5f7f5;--mint:#e2f2e9;--orange:#f6e7d8;--purple:#e9e4f7;--gold:#edc15d;--white:#fff}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px 'DM Sans',sans-serif}.app-shell{min-height:100vh;display:flex}.sidebar{width:252px;background:#183c34;color:#e9f1ed;padding:27px 16px 20px;display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0}.brand{display:flex;align-items:center;gap:10px;color:white;text-decoration:none;font:800 23px Manrope}.brand-mark{display:grid;place-items:center;width:29px;height:29px;background:#d0e87c;color:#183c34;border-radius:9px;font-size:18px}.branch-select{background:#21483f;border:1px solid #315a50;border-radius:12px;padding:10px;display:flex;gap:9px;margin:35px 0 25px;align-items:center}.branch-select small,.profile small{color:#9eb9b1;display:block;font-size:11px}.branch-select strong{font-size:12px}.branch-dot{width:8px;height:8px;border-radius:50%;background:#d0e87c}.chevron{margin-left:auto;color:#adc5bd}.nav-list{display:grid;gap:5px}.nav-item{border:0;background:none;color:#abc3bc;width:100%;padding:11px 12px;border-radius:9px;text-align:left;font:500 14px 'DM Sans';cursor:pointer}.nav-item span{font-size:17px;display:inline-block;width:28px;text-align:center;color:#afc9c0}.nav-item:hover,.nav-item.active{color:white;background:#295247}.nav-item.active span{color:#d6ec82}.sidebar-bottom{margin-top:auto}.profile{border-top:1px solid #315a50;margin:16px 6px 0;padding-top:18px;display:flex;align-items:center;gap:9px}.profile strong{font-size:12px}.profile button{margin-left:auto;border:0;background:transparent;color:#b5cbc4}.avatar{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#f3c9a5;color:#674022;font-size:10px;font-weight:700;border:2px solid white}.a1{background:#e7b990}.a2{background:#c4d8ab;color:#3e512d}.a3{background:#b8d6d4;color:#295d5a}.a4{background:#e3d4a8;color:#5b4d23}.workspace{margin-left:252px;min-width:0;width:calc(100% - 252px)}.topbar{height:91px;background:white;border-bottom:1px solid var(--line);padding:0 44px;display:flex;align-items:center;justify-content:space-between}.eyebrow,.panel-kicker{font:700 10px Manrope;letter-spacing:1.15px;color:#86938f;margin:0 0 5px}.page-intro h1{font:700 20px Manrope;margin:0;letter-spacing:-.6px}.page-intro h1 span,.staff-header h1 span{color:#d3a930;font-size:16px}.header-actions{display:flex;align-items:center;gap:13px}.icon-button,.help-button{border:1px solid var(--line);background:#fff;border-radius:9px;height:35px;color:var(--ink);cursor:pointer}.icon-button{width:37px;font-size:19px;position:relative}.icon-button i{position:absolute;background:#eb6f5a;border-radius:50%;height:6px;width:6px;right:8px;top:8px}.help-button{padding:0 11px;font-size:12px;font-weight:600}.mobile-menu{display:none}.content,.staff-view{max-width:1330px;margin:auto;padding:35px 44px 50px}.welcome-row{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:27px}.welcome-row h2{font:700 19px Manrope;letter-spacing:-.5px;margin:0 0 6px}.welcome-row p{color:var(--muted);margin:0}.period-picker{display:flex;gap:3px;background:#ebefec;padding:3px;border-radius:9px}.period,.calendar{border:0;background:transparent;border-radius:7px;padding:8px 11px;color:#657470;font:600 12px 'DM Sans';cursor:pointer}.period.active{background:#fff;color:var(--ink);box-shadow:0 1px 3px #cad2cd}.calendar{margin-left:5px;border-left:1px solid #d6dfda;border-radius:0}.summary-grid{display:grid;grid-template-columns:1.15fr 1fr 1fr 1fr;gap:16px}.metric-card,.panel,.today-card{background:#fff;border:1px solid var(--line);border-radius:14px}.metric-card{min-height:170px;padding:19px;position:relative}.hero-metric{background:#1f4b40;color:white;border-color:#1f4b40}.metric-label{font-size:12px;font-weight:600;color:#7e8e89}.hero-metric .metric-label{color:#bfd0c9}.info{border:1px solid #91aaa0;color:#b7cec5;background:none;border-radius:50%;font-size:9px;width:14px;height:14px;margin-left:3px}.metric-value{font:700 31px Manrope;letter-spacing:-1.5px;margin-top:7px}.metric-value small{font:500 16px 'DM Sans';color:#a0ada9;letter-spacing:0}.metric-value span{font-size:18px}.metric-trend{font-size:12px;font-weight:600;margin-top:3px}.metric-trend span{font-weight:400;color:#8b9995;margin-left:3px}.hero-metric .metric-trend span{color:#bacbc5}.up{color:#75b995}.sparkbar{position:absolute;right:17px;bottom:19px;height:55px;display:flex;align-items:end;gap:5px}.sparkbar i{background:#70a88e;width:5px;border-radius:5px}.metric-icon{display:grid;place-items:center;position:absolute;right:16px;top:16px;width:28px;height:28px;border-radius:8px;font-size:16px}.mint{background:var(--mint);color:#32745d}.peach{background:var(--orange);color:#ab6d2e}.lavender{background:var(--purple);color:#7863aa}.team-avatars{display:flex;align-items:center;margin-top:13px}.team-avatars .avatar{margin-right:-7px;width:27px;height:27px;font-size:8px}.team-avatars em{font-style:normal;color:#8b9995;font-size:11px;margin-left:12px}.progress-track{height:6px;background:#eef1ee;border-radius:4px;margin-top:9px;overflow:hidden}.progress-track i,.mini-progress i{display:block;height:100%;background:#e4b253;border-radius:inherit}.metric-foot{font-size:11px;color:#84928e;margin-top:9px}.dashboard-grid{display:grid;grid-template-columns:1.35fr .92fr;gap:16px;margin-top:16px}.panel{overflow:hidden}.panel header{display:flex;align-items:flex-start;justify-content:space-between;padding:21px 22px 0}.panel h3{font:700 16px Manrope;letter-spacing:-.45px;margin:0}.text-action,.icon-plain{border:0;background:transparent;color:#397564;font:600 11px 'DM Sans';cursor:pointer;padding:2px}.icon-plain{font-size:16px;color:#70807b}.chart-key{display:flex;justify-content:flex-end;gap:12px;margin:13px 22px -5px;color:#8a9692;font-size:10px}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:4px}.dot.dark{background:#295b4d}.dot.light{border:1px solid #adbbb4}.bar-chart{padding:10px 22px 16px}.chart-row{display:grid;grid-template-columns:94px 1fr 68px;align-items:center;gap:9px;height:38px}.chart-row label{font-size:11px;color:#566763}.chart-row strong{font:700 11px Manrope;text-align:right}.chart-row strong small{font:400 10px 'DM Sans';color:#899590}.bar-rail{height:8px;background:#eff2f0;border-radius:10px;position:relative}.actual{display:block;height:100%;background:#28584b;border-radius:10px}.actual.orange{background:#d89547}.actual.teal{background:#5ea9a2}.actual.purple{background:#8875bc}.target{position:absolute;top:-3px;height:14px;border-left:2px dashed #9aa9a3}.target-callout{border-top:1px solid var(--line);background:#f8faf8;padding:12px 22px;display:flex;align-items:center;gap:9px}.target-callout p{margin:0;font-size:11px;color:#688078}.callout-icon{display:grid;place-items:center;color:#bd9228;background:#f8edcb;width:21px;height:21px;border-radius:6px}.activity-list{padding:10px 22px 0}.activity{display:grid;grid-template-columns:31px 1fr auto;align-items:center;gap:9px;padding:9px 0;border-bottom:1px solid #f0f2f0}.activity-symbol,.service-icon,.tiny{display:grid;place-items:center;border-radius:8px;width:29px;height:29px;font:700 12px Manrope}.nms{background:#e4f1e9;color:#307357}.pf{background:#f8e8d8;color:#ad6e30}.bp{background:#e0f1f0;color:#337b77}.vx{background:#ebe5f8;color:#7968a7}.cc{background:#f5ebcf;color:#a78226}.pp{background:#f6dfdf;color:#ad5555}.activity strong{font-size:11px}.activity small{display:block;font-size:10px;color:#8b9793;margin-top:2px}.activity>b{font:700 11px Manrope;color:#397b64;background:#edf7f0;padding:4px 6px;border-radius:5px}.panel-footer{border:0;border-top:1px solid var(--line);background:#fff;color:#397564;width:100%;padding:12px 22px;text-align:left;font:600 11px 'DM Sans';margin-top:3px;cursor:pointer}.panel-footer span{float:right}.bottom-grid{display:grid;grid-template-columns:1.35fr .92fr;gap:16px;margin-top:16px}.leaderboard,.team-status{min-height:248px}.leader-row{display:grid;grid-template-columns:20px 32px 1fr 28px 100px;align-items:center;gap:9px;padding:11px 22px}.leader-row.top{margin-top:5px}.rank{font:700 12px Manrope;color:#85928e}.leader-row.top .rank{color:#b38827}.leader-row strong,.status-row strong{font-size:11px}.leader-row small,.status-row small{display:block;font-size:10px;color:#8a9692;margin-top:2px}.leader-row>b{font:700 12px Manrope}.mini-progress{height:5px;background:#edf1ee;border-radius:4px}.mini-progress i{background:#3a7564}.status-row{display:grid;grid-template-columns:32px 1fr auto;align-items:center;gap:9px;padding:10px 22px}.status-row:first-of-type{margin-top:4px}.status-row>b{font:700 11px Manrope;color:#667671}.status-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#b4c0bc;margin:0 4px 1px 0}.status-dot.online{background:#56a17b}.muted{opacity:.65}.staff-switch{position:fixed;right:20px;bottom:20px;display:flex;align-items:center;gap:11px;border:1px solid #cfddd5;background:white;padding:7px 7px 7px 13px;border-radius:12px;box-shadow:0 8px 28px #26423618;color:#667772;font-size:11px}.staff-switch button{border:0;background:#1f4b40;color:white;border-radius:7px;padding:9px 11px;font:600 11px 'DM Sans';cursor:pointer}.hidden{display:none!important}.staff-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.back-link{border:0;background:none;color:#427a68;padding:0;margin-bottom:20px;font:600 12px 'DM Sans';cursor:pointer}.staff-header h1{font:700 28px Manrope;letter-spacing:-1.2px;margin:0 0 4px}.staff-header>div>p:last-child{color:#74837e;margin:0}.shift-card{display:flex;align-items:center;gap:10px;padding:12px 14px;background:#fff;border:1px solid var(--line);border-radius:12px}.live-dot{height:8px;width:8px;border-radius:50%;background:#4aa67a}.shift-card small{display:block;color:#8b9793;font-size:10px}.shift-card strong{font:700 15px Manrope}.shift-card button{margin-left:10px;color:#b34d48;background:#fff3f2;border:0;border-radius:7px;padding:8px 9px;font:600 11px 'DM Sans';cursor:pointer}.shift-card button.ended{color:#32765b;background:#e8f4ed}.staff-layout{display:grid;grid-template-columns:1fr 285px;gap:22px}.quick-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.quick-head h2{font:700 19px Manrope;margin:0 0 3px}.quick-head p{color:#7b8985;margin:0;font-size:12px}.notes-button{border:1px solid #dce5df;background:#fff;border-radius:8px;padding:8px 10px;font:600 11px 'DM Sans';color:#536963}.service-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.service-button{border:1px solid var(--line);background:white;border-radius:14px;padding:18px;text-align:left;position:relative;min-height:138px;cursor:pointer;transition:.18s box-shadow,.18s transform}.service-button:hover{box-shadow:0 8px 18px #21473b15;transform:translateY(-2px)}.service-button.logged{transform:scale(.97);border-color:#70a98f}.service-icon{margin-bottom:13px;width:37px;height:37px;font-size:15px}.service-button strong{display:block;font:700 15px Manrope}.service-button small{display:block;color:#85928e;font-size:11px;margin-top:4px}.service-button>b{position:absolute;right:16px;bottom:16px;background:#edf6f0;color:#37765e;border-radius:7px;padding:5px 7px;font:700 11px Manrope}.today-card{padding:21px;height:max-content}.today-head{display:flex;align-items:center;justify-content:space-between}.today-total{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:#e9f3eb;color:#39775f;font:700 13px Manrope}.total-label{color:#84918d;font-size:11px;margin:2px 0 10px}.donut{display:grid;place-items:center;width:130px;height:130px;border-radius:50%;margin:9px auto 18px;background:conic-gradient(#26594b 0 36%,#d99147 36% 63%,#62a9a3 63% 85%,#8875bc 85% 100%);position:relative}.donut:before{content:'';position:absolute;width:96px;height:96px;border-radius:50%;background:white}.donut>div{z-index:1;text-align:center}.donut strong{display:block;font:700 25px Manrope}.donut small{font-size:10px;color:#8b9793}.staff-service-totals{border-top:1px solid var(--line);padding-top:9px}.staff-service-totals>div{display:flex;align-items:center;gap:7px;padding:5px 0}.tiny{width:20px;height:20px;border-radius:5px;font-size:9px}.staff-service-totals p{font-size:11px;margin:0;flex:1;color:#5f706b}.staff-service-totals b{font:700 12px Manrope;color:#274d42;float:right}.history-button{margin-top:12px;border:0;background:none;color:#397564;padding:0;font:600 11px 'DM Sans';cursor:pointer}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,100px);background:#193d34;color:white;border-radius:11px;padding:11px 15px;display:flex;align-items:center;gap:9px;box-shadow:0 10px 28px #16382d44;transition:.28s transform;z-index:5}.toast.show{transform:translate(-50%,0)}.toast>span{display:grid;place-items:center;border-radius:50%;background:#8abf77;width:19px;height:19px;color:#173d35;font-weight:bold}.toast strong{display:block;font-size:12px}.toast small{display:block;color:#bed1c9;font-size:10px;margin-top:2px}@media(max-width:1050px){.summary-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid,.bottom-grid{grid-template-columns:1fr}.sidebar{width:210px}.workspace{margin-left:210px;width:calc(100% - 210px)}}@media(max-width:720px){.sidebar{display:none}.workspace{margin:0;width:100%}.topbar{height:65px;padding:0 18px}.mobile-menu{display:block;border:0;background:none;font-size:19px}.header-actions .help-button{display:none}.content,.staff-view{padding:25px 17px 40px}.welcome-row,.staff-header{align-items:flex-start;flex-direction:column}.welcome-row h2{font-size:17px}.period-picker{width:100%;overflow:auto}.summary-grid{grid-template-columns:1fr 1fr;gap:10px}.metric-card{min-height:145px;padding:14px}.metric-value{font-size:27px}.team-avatars em{display:none}.dashboard-grid,.bottom-grid{gap:10px;margin-top:10px}.chart-row{grid-template-columns:76px 1fr 55px}.bar-chart{padding:10px 14px}.panel header{padding:18px 15px 0}.activity-list{padding:8px 15px}.leader-row{grid-template-columns:18px 30px 1fr 26px;padding:10px 15px}.leader-row .mini-progress{display:none}.status-row{padding:9px 15px}.staff-layout{grid-template-columns:1fr}.staff-header h1{font-size:26px}.shift-card{width:100%;justify-content:flex-start}.service-grid{gap:9px}.service-button{padding:14px;min-height:132px}.service-button strong{font-size:13px}.today-card{order:-1}.donut{display:none}.staff-service-totals{display:grid;grid-template-columns:1fr 1fr}.today-card{padding:16px}.profile{display:none}.page-intro h1{font-size:16px}.page-intro .eyebrow{display:none}}