@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400;500;600;700;800&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--ink:#151713;--paper:#f5f5f0;--panel:#fff;--muted:#858a80;--line:#e2e4dd;--lime:#caff42;--display:'Barlow Condensed',Impact,sans-serif;--body:'DM Sans',sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:13px var(--body)}button,input,select{font:inherit}button{cursor:pointer;border:0}.app-shell{display:flex;min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:248px;background:#1a1d19;color:#e5e8de;padding:26px 18px;display:flex;flex-direction:column;z-index:5}.brand{display:flex;align-items:center;gap:9px;color:#fff;text-decoration:none;font:700 19px var(--display);letter-spacing:1px}.brand-mark{display:grid;place-items:center;width:30px;height:30px;border:2px solid currentColor;border-radius:50%;font-size:20px}.brand-muted{color:#858a80}.sidebar-head{display:flex;justify-content:space-between;align-items:center;margin:0 7px 38px}.close-menu{display:none;background:transparent;color:#fff;font-size:26px}.workspace{display:flex;align-items:center;gap:9px;padding:12px 10px;background:#242823;border:1px solid #30362e;margin-bottom:31px}.workspace-dot,.live-pill i{width:7px;height:7px;border-radius:50%;background:var(--lime);display:block;box-shadow:0 0 10px #caff42}.workspace small,.workspace strong{display:block}.workspace small{color:#737a70;font-size:8px;letter-spacing:1px}.workspace strong{font-size:10px;margin-top:4px}.workspace>b{margin-left:auto;color:#888f83}.nav-label{display:block;color:#697168;font-size:9px;font-weight:700;letter-spacing:1.5px;padding:0 11px 11px}.nav-label.second{margin-top:30px}.nav-item{display:flex;align-items:center;gap:12px;width:100%;padding:12px 11px;margin:2px 0;background:transparent;color:#91998d;text-align:left;border-radius:3px;font-size:12px}.nav-item span{width:17px;font-size:16px;text-align:center}.nav-item b{margin-left:auto;font-size:9px;color:#777f73}.nav-item.active{background:var(--lime);color:var(--ink);font-weight:700}.nav-item.active b{color:var(--ink)}.alert-count{background:#d48b47;color:#fff!important;padding:3px 6px;border-radius:8px}.sidebar-bottom{margin-top:auto}.help-card{display:flex;align-items:center;gap:9px;padding:13px 10px;background:#242823;color:#dfe4d9;margin-bottom:20px}.help-card>span{display:grid;place-items:center;width:22px;height:22px;border:1px solid #757d70;border-radius:50%;font-size:11px}.help-card strong,.help-card small,.profile strong,.profile small{display:block}.help-card strong{font-size:10px}.help-card small,.profile small{font-size:9px;color:#7c8479;margin-top:3px}.help-card>b{margin-left:auto;color:var(--lime)}.profile{display:flex;align-items:center;gap:9px;color:#e1e5dc;text-decoration:none;border-top:1px solid #30362f;padding:18px 5px 0}.profile-avatar{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#656f5c;color:var(--lime);font-size:9px;font-weight:700}.profile strong{font-size:10px}.profile>b{margin-left:auto;color:#777f74}.app-main{width:calc(100% - 248px);margin-left:248px}.topbar{height:76px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 4.5vw;background:var(--paper)}.crumb{font-size:11px;color:#92978e}.crumb span{font-size:9px;letter-spacing:1.3px;font-weight:700;color:#969c90}.crumb i{font-style:normal;margin:0 10px;color:#c4c6be}.crumb strong{color:var(--ink);font-weight:600}.top-actions{display:flex;align-items:center;gap:18px}.icon-button{position:relative;background:transparent;font-size:19px;color:#727970}.icon-button i{position:absolute;right:-1px;top:1px;width:5px;height:5px;background:#e19b56;border-radius:50%}.new-button{background:var(--ink);color:#fff;padding:12px 15px;font-size:11px;font-weight:700;border-radius:2px}.new-button:first-letter{color:var(--lime)}.mobile-menu{display:none;background:transparent;font-size:20px}.dashboard-main{padding:45px 4.5vw 70px;max-width:1500px;margin:auto}.view{display:none}.view.active-view{display:block}.page-intro{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:34px}.kicker{font-size:9px;font-weight:700;letter-spacing:1.8px;color:#9a9f94;margin:0 0 10px}.page-intro h1,.placeholder-view h1{font:600 clamp(38px,4vw,56px)/.9 var(--display);margin:0;text-transform:uppercase;letter-spacing:-1px}.subhead{color:var(--muted);margin:12px 0 0;font-size:13px}.date-button,.filter-button,.toolbar select{border:1px solid var(--line);background:#fff;color:#626960;padding:10px 13px;font-size:10px}.date-button span{margin-left:18px;color:#a0a69b}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px}.metric{min-height:188px;background:#fff;border:1px solid var(--line);padding:19px 18px;position:relative;overflow:hidden}.metric-dark{background:var(--ink);color:#fff;border-color:var(--ink)}.metric-warn{background:#f2e4d3;border-color:#e8d5bc}.metric-label{display:flex;justify-content:space-between;gap:10px;font-size:10px;color:#858c80}.metric-dark .metric-label{color:#adb5a7}.metric-label b{font-size:8px;color:#90988c}.metric-dark .metric-label b{color:var(--lime)}.metric-label .positive{color:#739a28}.metric strong{display:block;font:600 46px/.9 var(--display);margin:23px 0 9px}.metric small{font-size:9px;color:#92988d}.metric-dark small{color:#8d9788}.metric-warn .metric-label b,.metric-warn small{color:#a5794a}.sparkline,.revenue-bars{display:flex;align-items:flex-end;position:absolute;right:17px;bottom:24px;gap:4px;width:82px;height:45px}.sparkline i,.revenue-bars i{display:block;width:8px;background:#3e4840}.sparkline i:last-child,.revenue-bars i:last-child{background:var(--lime)}.revenue-bars i{background:#cfd7c4}.progress{height:5px;background:#e7e9e3;margin-top:27px}.progress i{display:block;height:100%;background:#8cac4a}.metric-foot{display:flex;justify-content:space-between;margin-top:8px;color:#999f95;font-size:8px}.metric-link{display:inline-block;margin-top:29px;color:#9a6c3d;font-size:9px;font-weight:700}.content-grid{display:grid;grid-template-columns:1.45fr .85fr;gap:20px}.panel{background:#fff;border:1px solid var(--line)}.panel-head{display:flex;justify-content:space-between;align-items:flex-start;padding:21px 23px;border-bottom:1px solid var(--line)}.panel-head h2{font:600 20px/.9 var(--display);text-transform:uppercase;margin:0}.panel-head p{margin:7px 0 0;font-size:10px;color:#9a9f94}.filter-button{font-size:9px}.chart{display:flex;padding:22px 23px 15px}.chart-y{width:30px;display:flex;flex-direction:column;justify-content:space-between;height:180px;color:#b2b6ad;font-size:8px}.chart-area{position:relative;flex:1;height:208px}.grid-lines{position:absolute;inset:0 0 28px;display:flex;flex-direction:column;justify-content:space-between}.grid-lines i{display:block;border-top:1px dashed #e9ebe5}.chart svg{position:absolute;left:0;right:0;top:0;width:100%;height:180px;overflow:visible}.chart .area{fill:url(#chartFill)}.chart .line{fill:none;stroke:#94b638;stroke-width:3}.chart-x{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;color:#a3a89f;font-size:8px}.live-pill{font-size:9px;color:#7b9c38;background:#eff7d8;padding:6px 8px}.live-pill i{display:inline-block;margin-right:4px}.checkin-list{padding:3px 23px 5px}.checkin-list>div{display:flex;align-items:center;gap:9px;padding:12px 0;border-bottom:1px solid #eff0eb}.checkin-list>div:last-child{border:0}.checkin-list strong,.checkin-list small{display:block}.checkin-list strong{font-size:10px}.checkin-list small{font-size:8px;color:#9da39a;margin-top:3px}.checkin-list>div>b{margin-left:auto;color:#a3aa9d}.mini-avatar{display:grid;place-items:center;width:29px;height:29px;border-radius:50%;font-style:normal;font-size:8px;font-weight:700;color:#fff;flex:0 0 auto}.a1{background:#71806a}.a2{background:#8e7866}.a3{background:#647787}.a4{background:#93845d}.panel-link{background:transparent;color:#788f3c;font-size:9px;font-weight:700;margin:13px 23px 19px;padding:0}.table-panel{margin-top:20px}.attention-table{width:100%}.table-row{display:grid;grid-template-columns:1.45fr 1fr 1fr .7fr 30px;align-items:center;gap:14px;padding:15px 23px;border-bottom:1px solid #eff0eb;color:#7e857a;font-size:10px}.table-row:last-child{border:0}.table-label{color:#a2a79f;font-size:8px;letter-spacing:1px;font-weight:700}.person{display:flex;align-items:center;gap:9px;color:var(--ink)}.person .mini-avatar{width:27px;height:27px}.paid{color:#7e9f31;font-weight:700}.pending{color:#c18240;font-weight:700}.more{background:transparent;color:#949b91;font-size:12px}.toolbar{display:flex;gap:10px;padding:18px 23px;border-bottom:1px solid var(--line)}.search-input{flex:1;border:1px solid var(--line);padding:10px 13px;outline:0;font-size:10px}.toolbar select{min-width:130px}.placeholder-view{min-height:500px}.empty-feature{margin-top:55px;padding:55px;background:#fff;border:1px solid var(--line);text-align:center}.empty-feature>span{font-size:32px;color:#9dbb43}.empty-feature h2{font:600 27px var(--display);text-transform:uppercase;margin:18px 0 8px}.empty-feature p{color:var(--muted);margin:0 auto 25px;max-width:370px;font-size:12px}.toast{position:fixed;right:25px;bottom:25px;z-index:20;background:var(--ink);color:#fff;padding:13px 16px;font-size:11px;transform:translateY(80px);opacity:0;transition:.3s}.toast.show{transform:none;opacity:1}@media(max-width:1000px){.sidebar{width:215px}.app-main{width:calc(100% - 215px);margin-left:215px}.metric-grid{grid-template-columns:repeat(2,1fr)}.content-grid{grid-template-columns:1fr}.dashboard-main{padding-left:3vw;padding-right:3vw}}@media(max-width:700px){.sidebar{transform:translateX(-100%);transition:transform .3s;width:260px}.sidebar.menu-open{transform:none}.app-main{width:100%;margin:0}.mobile-menu{display:block}.topbar{padding:0 20px}.top-actions{gap:10px}.icon-button{display:none}.new-button span{display:none}.new-button{font-size:17px;padding:8px 12px}.dashboard-main{padding:30px 18px}.page-intro{align-items:flex-start;gap:20px;flex-direction:column}.metric-grid{grid-template-columns:1fr}.metric{min-height:155px}.table-panel{overflow-x:auto}.attention-table{min-width:650px}.toolbar{min-width:650px}.table-row{padding:13px 16px}.chart{padding:18px 12px}.panel-head{padding:18px 16px}.checkin-list{padding-left:16px;padding-right:16px}.panel-link{margin-left:16px}.crumb span{display:none}.crumb i{margin-left:0}}