.workspace{min-height:100vh;background:#f6f8f7;color:#18211f}.workspace[hidden]{display:none!important}.workspace-topbar{height:70px;background:#fff;border-bottom:1px solid #e6ece8;display:flex;align-items:center;padding:0 max(24px,calc((100vw - 1100px)/2));gap:28px}.workspace-company{display:flex;align-items:center;gap:9px;padding-left:22px;border-left:1px solid #edf0ee}.company-avatar,.user-avatar{width:31px;height:31px;border-radius:10px;background:#183f32;color:#fff;display:grid;place-items:center;font-size:15.71px;font-weight:700}.workspace-company strong,.workspace-company small,.user-name strong,.user-name small{display:block}.workspace-company strong,.user-name strong{font-size:14.28px;color:#384d41}.workspace-company small,.user-name small{font-size:11.43px;color:#929d96;margin-top:3px}.company-chevron{font-size:18.57px;color:#9ba69f;margin-left:4px}.workspace-user{display:flex;align-items:center;gap:8px;margin-left:auto}.user-avatar{border-radius:50%;background:#e6f0e9;color:#387454}.logout-button{border:0;background:transparent;color:#738178;font-size:12.86px;margin-left:12px}.logout-button:hover{color:#176b55}.workspace-main{width:min(100% - 48px,1050px);margin:0 auto;padding:29px 0 64px}.workspace-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.workspace-date{font-size:11.43px;letter-spacing:1.1px;color:#84938a;font-weight:700}.workspace-heading h1{font-size:34.28px;letter-spacing:-.7px;color:#20372b;margin:5px 0}.workspace-heading p{font-size:14.28px;color:#849087;margin:0}.trial-chip{display:flex;align-items:center;gap:9px;padding:8px 10px;background:#fff;border:1px solid #e5ece7;border-radius:10px}.trial-dot{width:7px;height:7px;border-radius:50%;background:#59a779;box-shadow:0 0 0 3px #59a77917;flex:none}.trial-chip strong,.trial-chip small{display:block}.trial-chip strong{font-size:12.86px;color:#52705e}.trial-chip small{font-size:11.43px;color:#95a098;margin-top:3px}.trial-chip button{border:0;background:#edf5ef;color:#347654;border-radius:6px;padding:6px 8px;font-size:11.43px;font-weight:600;margin-left:5px}.workspace-nav{height:43px;display:flex;align-items:stretch;gap:6px;border-bottom:1px solid #e3eae5;margin-bottom:17px}.nav-item{position:relative;border:0;background:transparent;color:#7c8982;padding:0 13px;display:flex;align-items:center;gap:7px;font-size:12.86px}.nav-item>span{font-size:21.42px;color:#8ea095}.nav-item.active{color:#236448;font-weight:650}.nav-item.active>span{color:#287451}.nav-item.active:after{position:absolute;content:"";height:2px;background:#388662;bottom:-1px;left:11px;right:11px;border-radius:2px}.dashboard-view{display:none}.dashboard-view.active{display:block}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:14px}.stat-card,.panel-card,.quick-card{background:#fff;border:1px solid #e6ece8;border-radius:13px;box-shadow:0 2px 8px #193a2905}.stat-card{padding:15px 16px}.stat-card>span{font-size:11.43px;letter-spacing:.6px;color:#87958d;font-weight:700}.stat-card>div{display:flex;justify-content:space-between;align-items:center;margin:8px 0 2px}.stat-card>div>strong{font-size:35.71px;line-height:1;color:#2a4938;letter-spacing:-.8px}.stat-card>div>strong small{font-size:17.13px;color:#9da8a1;font-weight:500}.stat-card>small{font-size:11.43px;color:#94a098}.stat-card>small b{color:#bd8750}.stat-icon{width:29px;height:29px;border-radius:9px;display:grid;place-items:center;font-style:normal;font-size:20.00px}.stat-icon.green{background:#eaf4ef;color:#39825e}.stat-icon.blue{background:#eef1f8;color:#667ba4}.stat-icon.amber{background:#f7f1e7;color:#ad8751}.panel-card{padding:16px 17px}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:13px}.panel-heading h2,.qr-info h2,.subscription-layout h2{font-size:21.42px;letter-spacing:-.3px;color:#2a4234;margin:0}.panel-heading p,.qr-info>p,.subscription-layout article>p{font-size:12.86px;color:#87938b;margin:4px 0 0}.outline-button,.solid-button{height:31px;border-radius:8px;padding:0 10px;display:inline-flex;align-items:center;gap:8px;font-size:11.43px;font-weight:600;white-space:nowrap}.outline-button{border:1px solid #dfe8e2;background:#fff;color:#37644b}.outline-button:hover{background:#f4f9f5}.outline-button span{font-size:18.57px}.solid-button{border:0;background:#176b55;color:#fff;box-shadow:0 3px 7px #176b5518}.solid-button:hover{background:#10543f}.solid-button span{font-size:20.00px}.table-wrap{width:100%;overflow-x:auto}table{border-collapse:collapse;width:100%;text-align:left;white-space:nowrap}thead{background:#fafcfb}th{height:32px;color:#98a39c;font-size:9.99px;letter-spacing:.55px;font-weight:700;padding:0 9px}td{height:43px;border-top:1px solid #f0f3f1;padding:0 9px;color:#69786f;font-size:12.86px}tbody tr:first-child td{border-top:1px solid #edf1ee}.person-cell{display:flex;align-items:center;gap:8px}.person-cell>i{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#edf4ed;color:#52785c;font-size:11.43px;font-weight:700;font-style:normal}.person-cell strong,.person-cell small{display:block}.person-cell strong{font-size:12.86px;color:#41594a;font-weight:600}.person-cell small{font-size:9.99px;color:#9ba59f;margin-top:3px}.status-pill{display:inline-flex;align-items:center;gap:5px;border-radius:10px;padding:4px 7px;background:#edf6ef;color:#4a8c64;font-size:9.99px}.status-pill:before{content:"";width:5px;height:5px;border-radius:50%;background:#52a574}.status-pill.pending{background:#fbf5e9;color:#a98045}.status-pill.pending:before{background:#d8a24e}.status-pill.off{background:#f0f2f1;color:#8c9790}.overview-bottom{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.quick-card{min-height:66px;display:flex;align-items:center;gap:10px;padding:11px 13px}.quick-icon{width:32px;height:32px;display:grid;place-items:center;border-radius:10px;background:#eaf4ef;color:#38805d;font-size:24.28px}.plan-quick .quick-icon{background:#f7f1e8;color:#ad8850}.quick-card>div:nth-child(2){flex:1}.quick-card strong{font-size:12.86px;color:#45604e}.quick-card p{margin:4px 0 0;font-size:11.43px;color:#8c9891}.quick-card>button{width:25px;height:25px;border:1px solid #e4ebe6;border-radius:8px;background:white;color:#57806a;font-size:20.00px}.filter-row{display:flex;align-items:center;justify-content:space-between;margin:0 1px 9px}.people-count{font-size:11.43px;color:#8d9992}.local-badge{border-radius:10px;background:#f3f6f4;color:#8b9790;padding:4px 7px;font-size:9.99px}.row-actions{border:0;background:transparent;color:#769080;font-size:21.42px}.empty-inline{padding:20px;text-align:center;color:#849189;font-size:12.86px}.qr-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:14px}.qr-info{padding:22px}.qr-info h2{font-size:27.14px;margin:7px 0}.qr-info>p{font-size:14.28px;line-height:1.6;max-width:490px}.qr-spec{display:flex;gap:30px;margin:22px 0}.qr-spec span,.qr-spec strong{display:block}.qr-spec span{font-size:9.99px;letter-spacing:.7px;color:#99a39d;font-weight:700}.qr-spec strong{margin-top:5px;font-size:14.28px;color:#45614f}.qr-info .solid-button{height:34px;padding:0 12px;font-size:12.86px}.inline-note{border-left:2px solid #78a98a;background:#f5f9f6;color:#72857a;font-size:11.43px;line-height:1.55;padding:8px 10px;margin-top:16px}.qr-preview{min-height:240px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fff;border:1px solid #e6ece8;border-radius:13px}.qr-preview-icon{width:75px;height:75px;border:1px dashed #b8c9bd;border-radius:13px;display:grid;place-items:center;color:#7ea38b;font-size:48.56px;background:repeating-linear-gradient(45deg,#f8fbf9,#f8fbf9 6px,#f2f7f3 6px,#f2f7f3 12px)}.qr-preview>span{margin-top:12px;font-size:9.99px;letter-spacing:1px;color:#82958a;font-weight:700}.qr-preview>strong{margin-top:4px;font-size:14.28px;color:#45614f}.qr-preview>small{margin-top:4px;color:#9aa59e;font-size:11.43px}.subscription-layout{display:grid;grid-template-columns:1fr 1fr;gap:12px}.subscription-layout article{min-height:220px;padding:20px}.subscription-layout h2{font-size:25.71px;margin-top:8px}.subscription-layout article>p{line-height:1.6;font-size:12.86px;max-width:380px}.subscription-metric{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #eff2f0;margin-top:14px;padding-top:10px;font-size:11.43px;color:#8a968f}.subscription-metric strong{color:#506b59;font-size:11.43px;font-weight:600;display:flex;align-items:center;gap:6px}.subscription-metric .trial-dot{width:6px;height:6px}.subscription-next ul{list-style:none;padding:0;margin:17px 0 0;display:flex;flex-direction:column;gap:8px;color:#617469;font-size:11.43px}.subscription-next li:before{content:"✓";color:#4d976d;font-weight:700;margin-right:7px}.demo-banner{display:flex;align-items:center;gap:8px;margin-top:13px;padding:9px 11px;border:1px solid #e8ede9;border-radius:9px;background:#f2f6f3;color:#849189}.demo-banner>span{font-size:18.57px;color:#69a07c}.demo-banner p{font-size:11.43px;line-height:1.45;margin:0}.mobile-nav{display:none}.demo-access{width:100%;height:36px;border:1px solid #cfe2d5;border-radius:8px;background:#f0f8f2;color:#37734f;font-size:12.86px;font-weight:650;margin-top:10px}.demo-access:hover{background:#e8f4eb}.invite-code-box{overflow-wrap:anywhere;padding:10px;border:1px dashed #c7d7cc;border-radius:8px;background:#f7faf8;color:#436b50;font-size:12.86px;line-height:1.5}.invite-link-actions{display:flex;flex-direction:column;gap:7px;margin-top:10px}.invite-link-actions .auth-submit{width:100%}.text-action{border:0;background:transparent;color:#7c8a82;font-size:12.86px;padding:5px}.text-action:hover{color:#176b55}
@media(max-width:700px){.workspace-topbar{height:62px;padding:0 15px;gap:10px}.workspace-company{padding-left:12px;gap:6px}.company-avatar{width:26px;height:26px;border-radius:8px;font-size:12.86px}.workspace-company strong{font-size:11.43px}.workspace-company small{font-size:9.99px}.company-chevron{display:none}.workspace-user{gap:6px}.user-avatar{width:27px;height:27px;font-size:11.43px}.user-name{display:none}.logout-button{margin-left:3px;padding:6px;font-size:11.43px}.workspace-main{width:auto;margin:0;padding:22px 14px 82px}.workspace-heading{align-items:flex-start;gap:8px}.workspace-heading h1{font-size:27.14px}.workspace-heading p{font-size:11.43px}.trial-chip{gap:6px;padding:6px 7px}.trial-chip strong{font-size:9.99px}.trial-chip small{font-size:9.99px}.trial-chip button{font-size:9.99px;padding:5px 6px;margin-left:0}.workspace-nav{gap:0;overflow:auto;scrollbar-width:none;height:39px}.workspace-nav::-webkit-scrollbar{display:none}.nav-item{padding:0 9px;gap:5px;font-size:11.43px;white-space:nowrap}.nav-item>span{font-size:18.57px}.stats-grid{gap:7px}.stat-card{padding:11px 9px;border-radius:11px}.stat-card>span{font-size:8.57px;letter-spacing:.25px}.stat-card>div>strong{font-size:28.57px}.stat-card>div>strong small{font-size:14.28px}.stat-card>small{font-size:9.99px}.stat-icon{width:24px;height:24px;border-radius:8px;font-size:15.71px}.panel-card{padding:12px 10px;border-radius:11px}.panel-heading{align-items:flex-start}.panel-heading h2{font-size:18.57px}.panel-heading p{font-size:11.43px;line-height:1.4}.outline-button,.solid-button{height:29px;padding:0 8px;font-size:9.99px}.panel-heading .solid-button{font-size:9.99px}.table-wrap{margin:0 -4px;width:calc(100% + 8px)}th{height:29px;font-size:8.57px;padding:0 6px}td{height:40px;font-size:9.99px;padding:0 6px}.person-cell{gap:5px}.person-cell>i{width:22px;height:22px;font-size:9.99px}.person-cell strong{font-size:9.99px}.person-cell small{font-size:8.57px}.status-pill{font-size:8.57px;padding:4px 5px}.overview-bottom{gap:7px;margin-top:8px}.quick-card{gap:6px;padding:8px;min-height:59px}.quick-icon{width:26px;height:26px;border-radius:8px;font-size:20.00px}.quick-card strong{font-size:9.99px}.quick-card p{font-size:8.57px;line-height:1.35}.quick-card>button{width:22px;height:22px}.demo-banner{align-items:flex-start;padding:8px}.demo-banner p{font-size:9.99px}.mobile-nav{position:fixed;display:flex;z-index:3;left:0;right:0;bottom:0;height:58px;padding:3px 8px calc(3px + env(safe-area-inset-bottom));background:#ffffffed;border-top:1px solid #e5ebe7;backdrop-filter:blur(8px);justify-content:space-around}.mobile-nav button{min-width:62px;border:0;background:transparent;color:#8c9891;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:9.99px}.mobile-nav button span{font-size:22.85px;line-height:1}.mobile-nav button.active{color:#28734e;font-weight:650}.mobile-nav button.active span{color:#28734e}.qr-layout,.subscription-layout{grid-template-columns:1fr;gap:8px}.qr-info{padding:16px}.qr-info h2{font-size:24.28px}.qr-spec{margin:17px 0;gap:22px}.qr-preview{min-height:150px}.qr-preview-icon{width:55px;height:55px;font-size:37.13px}.subscription-layout article{min-height:0;padding:16px}.subscription-layout h2{font-size:22.85px}.employee-form-modal{padding:23px 19px}.invite-code-box{font-size:11.43px}}
.subscription-notice{margin:-7px 0 15px;padding:11px 13px;border:1px solid #ead8b9;border-radius:10px;background:#fff9ed;color:#896b36;font-size:14.28px;line-height:1.5;font-weight:600}.subscription-notice[hidden]{display:none!important}.subscription-notice.expired{border-color:#efd0cb;background:#fff3f1;color:#a4473c}

/* Manager overview interactions */
.stat-card-button{appearance:none;width:100%;font:inherit;text-align:left;color:inherit;cursor:pointer;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}
.stat-card-button:hover,.stat-card-button.selected{border-color:#b9d6c3;box-shadow:0 5px 16px #193a2910}
.stat-card-button:active{transform:translateY(1px)}
.stat-card-button:focus-visible{outline:3px solid #8bb99a;outline-offset:2px}
.account-overview-details{margin-top:14px;padding-top:13px;border-top:1px solid #e9efeb}
.account-overview-details[hidden]{display:none!important}
.account-overview-list-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}
.account-overview-list-heading h3{margin:0;color:#2a4234;font-size:14.37px}
.account-overview-list-heading button{width:27px;height:27px;border:1px solid #e4ebe6;border-radius:8px;background:#fff;color:#6d8074;font-size:21.85px;line-height:1;cursor:pointer}
.account-overview-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.account-overview-person{min-height:52px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 2px;border-top:1px solid #f0f3f1}
.account-overview-person-copy{min-width:0;display:flex;flex-direction:column;gap:3px}
.account-overview-person-copy strong{color:#405a49;font-size:12.42px;overflow-wrap:anywhere}
.account-overview-person-copy small{color:#89968f;font-size:10.35px;line-height:1.4}
.account-overview-person .status-pill{flex:none;font-size:10.00px}
.account-overview-empty{padding:14px 2px;color:#849189;font-size:12.42px}