.auth-page{max-width:none;min-height:100dvh;padding:0;display:grid;grid-template-columns:46% 54%;background:#fff}.auth-story{background:#123f36;color:#fff;padding:42px 11%;display:flex;flex-direction:column;position:relative;overflow:hidden}.auth-story:after{content:"";position:absolute;width:450px;height:450px;border:1px solid #ffffff10;border-radius:50%;bottom:-230px;right:-110px;box-shadow:0 0 0 65px #ffffff04,0 0 0 130px #ffffff03;pointer-events:none}.auth-logo{display:flex;align-items:center;color:#fff;font-size:25px;font-weight:650;text-decoration:none;letter-spacing:-1px}.logo-mark{display:inline-grid;place-items:center;width:37px;height:37px;background:#d8f28e;color:#183c30;border-radius:11px;margin-right:12px;font-size:28px;font-weight:800}.logo-dot{color:#d8f28e}.auth-story-content{margin:auto 0;padding:70px 0}.auth-kicker{font-size:10px;letter-spacing:2px;font-weight:750;color:#688277}.auth-story .auth-kicker{color:#c2dda3}.auth-story h1{font-size:clamp(38px,4.2vw,66px);line-height:1.08;font-weight:550;letter-spacing:-2.5px;margin:24px 0}.auth-story-content>p:not(.auth-kicker){color:#bfcec8;font-size:15px;line-height:1.85;max-width:365px}.story-bottom-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,1fr);gap:34px;align-items:end;margin-top:44px}.story-features{display:grid;gap:22px}.story-features span{color:#a4c6ad;font-size:11px;display:flex;align-items:center;gap:16px}.story-features strong{color:#eef3ed;font-size:13px;font-weight:450}.auth-download{position:relative;display:grid;grid-template-columns:48px 1fr;align-items:center;gap:14px;min-height:88px;padding:16px 18px;border:1px solid #d8f28e30;border-radius:18px;background:linear-gradient(135deg,#ffffff12,#d8f28e0a);box-shadow:inset 0 1px #ffffff12,0 14px 30px #062b241c;color:#fff;text-decoration:none;overflow:hidden;transition:background .25s ease,border-color .25s ease,box-shadow .25s ease,transform .25s ease}.auth-download:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(110deg,transparent 25%,#ffffff12 48%,transparent 70%);transform:translate(-110%);transition:transform .6s ease}.auth-download:hover{background:linear-gradient(135deg,#ffffff1d,#d8f28e12);border-color:#d8f28e80;box-shadow:inset 0 1px #ffffff20,0 18px 36px #062b2438;transform:translateY(-3px)}.auth-download:hover:before{transform:translate(110%)}.auth-download>*{position:relative}.auth-download-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#d8f28e;color:#183c30;font-size:24px;font-weight:700;box-shadow:0 6px 16px #001d1633}.auth-download strong,.auth-download small{display:block}.auth-download strong{font-size:14px;letter-spacing:.1px;font-weight:750}.auth-download small{margin-top:5px;color:#bdd2c7;font-size:11px}.auth-footnote{font-size:11px;color:#a5bdb2;z-index:1}.auth-panel{padding:52px 12% 24px;display:flex;flex-direction:column;justify-content:center;min-width:0}.auth-form-wrap{width:100%;max-width:420px;margin:auto}.auth-panel h2{font-size:32px;letter-spacing:-1px;font-weight:650;margin:15px 0 10px}.auth-description{color:#77827b;font-size:14px;line-height:1.65;margin-bottom:27px}.auth-tabs{display:flex;padding:4px;background:#f1f4f0;border-radius:10px;margin:0 0 25px;gap:4px}.auth-tabs button{background:transparent;color:#6f7c73;margin:0;font-size:13px;padding:10px}.auth-tabs button[aria-pressed=true]{background:#fff;color:#163f33;box-shadow:0 2px 6px #243d1610}.auth-panel fieldset{padding:0;border:0;margin:0;min-width:0}.auth-panel label{font-size:12px;font-weight:600;margin:16px 0;color:#344d40}.auth-panel input{font-size:14px;font-weight:400;height:46px;margin-top:8px;background:#fff;border-color:#dce3dc;padding:12px 14px}.auth-panel input::placeholder{color:#9ba69d}.auth-page :focus-visible{outline:3px solid #a8c974;outline-offset:3px}.auth-panel input:focus{border-color:#378260}.password-field{position:relative}.password-field input{padding-right:66px}.password-field button{position:absolute;right:6px;top:13px;padding:8px;width:auto;margin:0;background:transparent;color:#607366;font-size:11px}.auth-page .text-link{width:auto;border:0;background:transparent;color:#226a4e;font-weight:650;padding:0;margin:0;font-size:12px}.forgot-row{text-align:right;margin:0 0 18px}.auth-submit{margin-top:8px;padding:14px;background:#204f3f;font-size:14px;box-shadow:0 3px 7px #183c3015}.auth-submit:hover{background:#133e2f}.auth-page button:disabled{opacity:.6;cursor:wait}.auth-switch{font-size:12px;color:#7c887e;text-align:center;margin:26px 0}.auth-error,.auth-success{border-radius:8px;padding:12px;font-size:13px;line-height:1.5}.auth-error{background:#fff1ed;color:#983722}.auth-success{background:#eff7e6;color:#315e24}.auth-panel-footer{text-align:center;font-size:10px;color:#97a096;margin:35px 0 0}@media(max-width:850px){.auth-page{grid-template-columns:40% 60%}.auth-story{padding:32px 9%}.auth-story h1{font-size:38px}.auth-panel{padding:40px 10% 24px}}@media(max-width:620px){.auth-page{display:block}.auth-story{padding:22px 26px}.auth-story-content,.auth-footnote{display:none}.auth-panel{padding:32px 26px 22px;min-height:calc(100dvh - 81px)}.auth-panel h2{font-size:29px}.auth-form-wrap{max-width:420px}}body:has(.auth-page){overflow:hidden}.auth-page{height:100dvh;min-height:0;overflow:hidden}.auth-panel{padding:clamp(24px,5vh,52px) 12% clamp(16px,2.5vh,24px);overflow:hidden}.auth-panel h2{font-size:clamp(27px,3vw,32px);margin:clamp(8px,1.5vh,15px) 0 clamp(5px,1vh,10px)}.auth-description{line-height:1.55;margin:0 0 clamp(14px,3vh,27px)}.auth-tabs{margin:0 0 clamp(13px,2.7vh,25px)}.auth-panel label{margin:clamp(8px,1.8vh,16px) 0}.auth-panel input{height:clamp(39px,5.5vh,46px);margin-top:clamp(4px,1vh,8px);padding:8px 14px}.forgot-row{margin:0 0 clamp(9px,2vh,18px)}.auth-submit{margin-top:clamp(4px,1vh,8px);padding:clamp(10px,1.7vh,14px)}.auth-switch{margin:clamp(13px,3vh,26px) 0}.auth-panel-footer{margin:clamp(12px,4vh,35px) 0 0}@media(max-height:650px){.auth-story-content{padding:25px 0}.auth-story h1{font-size:36px;margin:14px 0}.auth-story-content>p:not(.auth-kicker),.story-bottom-row,.auth-footnote{display:none}.auth-panel{padding-top:14px;padding-bottom:10px}.auth-panel .auth-kicker{margin:0}.auth-tabs button{padding:7px}.password-field button{top:8px}.auth-panel-footer{display:none}.auth-error,.auth-success{padding:8px;margin:7px 0;font-size:12px}}@media(max-width:620px){.auth-story{height:81px}.auth-panel{padding:clamp(16px,4vh,32px) 26px 12px;height:calc(100dvh - 81px);min-height:0}}:root{--ink:#18372f;--muted:#728077;--line:#e5eae4;--canvas:#f7f8f5;--surface:#fff;--brand:#245e4b;--brand-dark:#184b3a;--brand-pale:#edf6ef;--lime:#d8f28e;--danger:#b5463b;--danger-bg:#fff0ed;--amber:#a9651d;--amber-bg:#fff6e7;--blue:#39728b;--radius:12px;--shadow:0 10px 30px rgba(24,55,47,.055)}.app-layout{min-height:100dvh;display:flex;background:var(--canvas);color:var(--ink)}.sidebar{width:244px;min-height:100dvh;padding:20px 12px 14px;background:#fff;border-right:1px solid var(--line);display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0;z-index:20}.app-logo{height:48px;margin:0 12px 26px;display:flex;align-items:center;gap:9px;text-decoration:none;color:var(--ink);font-weight:720;font-size:20px;letter-spacing:-.9px}.app-logo-mark{display:grid;place-items:center;width:29px;height:29px;border-radius:8px;background:var(--brand);color:var(--lime);font-weight:800;font-size:22px;line-height:1}.app-logo span:last-child span{color:var(--brand)}.sidebar-nav{display:grid;gap:3px}.sidebar-nav button,.company-switch{border:0;background:transparent;color:#637168;cursor:pointer;font:inherit}.sidebar-nav button{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;border-radius:8px;font-size:13px;font-weight:580;text-align:left}.sidebar-nav button:hover{background:#f4f7f3;color:var(--ink)}.sidebar-nav button.nav-active{background:var(--brand-pale);color:var(--brand-dark);font-weight:700}.nav-divider{height:1px;background:var(--line);margin:14px 12px}.sidebar-bottom{position:relative;margin-top:auto}.company-switch{display:flex;align-items:center;gap:10px;width:100%;padding:10px 8px;border-top:1px solid var(--line);text-align:left}.company-switch>svg{margin-left:auto;color:#859087}.company-switch span:nth-child(2){min-width:0;display:grid;gap:2px}.company-switch strong,.company-switch small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.company-switch strong{font-size:12px;color:var(--ink)}.company-switch small{font-size:11px;color:var(--muted)}.avatar{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;flex:0 0 auto;background:#e1eee5;color:var(--brand-dark);font-size:10px;font-weight:800;letter-spacing:.3px}.account-menu{position:absolute;bottom:54px;left:0;right:0;padding:6px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:9px}.account-menu button{width:100%;padding:9px 10px;border:0;background:transparent;text-align:left;color:var(--ink);font:inherit;font-size:12px;border-radius:6px}.account-menu button:hover{background:var(--canvas)}.app-main{width:calc(100% - 244px);margin-left:244px;min-width:0}.topbar{height:78px;padding:0 38px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;background:#fff;position:sticky;top:0;z-index:10}.breadcrumb,.eyebrow{margin:0;color:#809086;letter-spacing:1.45px;font-size:10px;font-weight:760}.topbar h1{margin:3px 0 0;font-size:19px;line-height:1.2;letter-spacing:-.5px}.topbar-actions{display:flex;align-items:center;gap:14px}.date-context{font-size:12px;color:var(--muted)}.notification-button{width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--line);border-radius:8px;background:#fff;color:#516359;position:relative}.notification-button i{position:absolute;width:6px;height:6px;right:7px;top:7px;border:1px solid white;border-radius:50%;background:#d99d3f}.app-content{padding:34px 38px 50px;max-width:1520px;margin:auto}.mobile-menu{display:none}.page-intro{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:27px}.page-intro h2{font-size:24px;letter-spacing:-.8px;margin:0 0 7px}.page-intro p{margin:0;color:var(--muted);font-size:13px}.button{border:0;border-radius:8px;padding:10px 14px;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;font:600 12px Inter,system-ui,sans-serif;white-space:nowrap;min-height:36px}.button:focus-visible,.sidebar button:focus-visible,.topbar button:focus-visible,.row-link:focus-visible,.tabs button:focus-visible{outline:3px solid #b8d79a;outline-offset:2px}.button-primary{background:var(--brand);color:#fff;box-shadow:0 2px 4px #1b453526}.button-primary:hover{background:var(--brand-dark)}.button-secondary{background:#fff;color:var(--ink);border:1px solid #d7dfd7}.button-secondary:hover{background:#f5f8f5}.button-danger{background:var(--danger-bg);color:var(--danger);border:1px solid #f0d5ce}.button-danger:hover{background:#ffe5df}.button-quiet{background:transparent;color:var(--brand)}.surface{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:22px}.metric-card{min-height:130px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:18px;display:grid;align-content:start;gap:9px;box-shadow:var(--shadow)}.metric-card span{color:var(--muted);font-size:12px;font-weight:600}.metric-card strong{font-size:29px;letter-spacing:-1.2px;line-height:1}.metric-card small{font-size:11px;color:#89958d}.metric-card.metric-empty strong{color:#9ba79f}.team-section{padding:23px;margin-bottom:20px}.section-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.section-header h2{font-size:17px;letter-spacing:-.4px;margin:5px 0}.section-header p:not(.eyebrow){margin:0;color:var(--muted);font-size:12px}.section-header.compact{align-items:center;margin-bottom:12px}.text-action,.row-link,.back-link{border:0;background:transparent;color:var(--brand);display:inline-flex;align-items:center;gap:5px;cursor:pointer;font:650 12px Inter,system-ui,sans-serif;white-space:nowrap}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:9px}table{width:100%;border-collapse:collapse;min-width:710px}th{text-align:left;color:#7d897f;font-size:10px;letter-spacing:.6px;text-transform:uppercase;background:#fafcf9;padding:11px 14px;font-weight:760}td{padding:13px 14px;border-top:1px solid var(--line);font-size:12px;color:#405148;vertical-align:middle}tbody tr:hover{background:#fbfdfb}.person{display:flex;align-items:center;gap:10px;min-width:165px}.person>span:last-child{display:grid;gap:3px;min-width:0}.person strong{font-size:12px;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.person small{font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:5px 8px;font-size:10px;font-weight:700;white-space:nowrap}.status i{width:6px;height:6px;border-radius:50%;background:currentColor}.status-green{color:#377253;background:#eff8f1}.status-amber{color:var(--amber);background:var(--amber-bg)}.status-red{color:var(--danger);background:var(--danger-bg)}.status-muted{color:#708077;background:#f1f3f1}.status-blue{color:var(--blue);background:#edf6f9}.data-unavailable{font-size:11px;color:#87938b}.mode-label{font-size:11px;color:#526359}.overview-lower{display:grid;grid-template-columns:1fr 1fr;gap:20px}.overview-lower>.surface{padding:23px;min-height:240px}.time-separation{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:15px 0}.time-separation div{display:grid;gap:7px;padding-right:8px;border-right:1px solid var(--line)}.time-separation div:last-child{border:0}.time-separation span{font-size:10px;color:var(--muted)}.time-separation strong{font-size:20px;letter-spacing:-.7px}.time-separation .effective strong{color:var(--brand)}.section-note{font-size:11px;line-height:1.5;color:var(--muted);margin:9px 0}.empty-state{min-height:175px;display:grid;place-items:center;text-align:center;align-content:center;padding:25px;max-width:440px;margin:auto}.empty-mark{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--brand-pale);color:var(--brand);margin-bottom:10px}.empty-state h3{margin:0 0 5px;font-size:14px;letter-spacing:-.2px}.empty-state p{margin:0;max-width:335px;font-size:12px;line-height:1.55;color:var(--muted)}.empty-state .button{margin-top:15px}.error-state{display:flex;align-items:center;gap:15px;padding:20px}.error-state>svg{color:var(--danger)}.error-state h3{font-size:13px;margin:0 0 3px}.error-state p{font-size:12px;color:var(--muted);margin:0}.error-state .button{margin-left:auto}.loading-block{display:grid;gap:12px}.loading-block span{height:92px;border-radius:var(--radius);background:linear-gradient(90deg,#eef1ed 25%,#f8faf7,#eef1ed 65%);background-size:400% 100%;animation:shimmer 1.35s infinite}.loading-block span:nth-child(2){height:250px}@keyframes shimmer{0%{background-position:100% 0}to{background-position:0 0}}.filter-bar{padding:14px;display:flex;justify-content:space-between;align-items:center;gap:15px;border-bottom:1px solid var(--line);font-size:12px;color:var(--muted)}.search-input{max-width:360px;flex:1;display:flex;align-items:center;gap:8px;border:1px solid #dce3dc;border-radius:8px;padding:0 10px;color:#77877d;background:#fff}.search-input input{height:36px;border:0;outline:0;min-width:0;flex:1;font:inherit;color:var(--ink);background:transparent}.employees-table{border:0;border-radius:0}.employee-hero{padding:20px 0 22px;display:flex;justify-content:space-between;align-items:center;gap:18px}.hero-person>.avatar{width:48px;height:48px;font-size:13px}.hero-person h2{font-size:23px;letter-spacing:-.7px;margin:2px 0 3px}.hero-person p:not(.eyebrow){margin:0;color:var(--muted);font-size:13px}.hero-person small{font-size:11px}.employee-actions{display:flex;gap:8px}.back-link{margin:0 0 8px;color:#61736a}.tabs{display:flex;gap:3px;overflow:auto;border-bottom:1px solid var(--line);margin-bottom:20px}.tabs button{flex:0 0 auto;border:0;background:transparent;color:#758279;padding:11px 12px;border-bottom:2px solid transparent;font:650 11px Inter,system-ui,sans-serif;cursor:pointer}.tabs button:hover{color:var(--ink)}.tabs button.tab-active{border-color:var(--brand);color:var(--brand)}.work-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}.work-metrics article{min-height:119px;border:1px solid var(--line);border-radius:var(--radius);padding:17px;background:#fff;display:grid;align-content:start;gap:7px}.work-metrics span{font-size:11px;color:var(--muted)}.work-metrics strong{font-size:24px;letter-spacing:-.8px}.work-metrics small{font-size:10px;color:#89958d}.work-metrics .effective{background:var(--brand-pale);border-color:#dcebe0}.work-metrics .effective strong{color:var(--brand)}.settings-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.setting-card{padding:20px}.setting-card h3{font-size:14px;margin:0 0 15px}.setting-card>p{font-size:12px;line-height:1.6;color:var(--muted);margin:0}.setting-card>div{display:flex;justify-content:space-between;gap:18px;padding:11px 0;border-top:1px solid var(--line);font-size:12px}.setting-card>div span{color:var(--muted)}.setting-card>div strong{text-align:right;color:var(--ink);font-weight:600}.report-shell{min-height:350px}.filter-pills{display:flex;gap:5px}.filter-pills button{border:0;background:transparent;padding:7px 10px;border-radius:6px;font:600 11px Inter,sans-serif;color:var(--muted)}.filter-pills button.selected{background:var(--brand-pale);color:var(--brand)}.dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f261f6b;z-index:100;display:grid;place-items:center;padding:24px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.dialog{background:#fff;border-radius:14px;box-shadow:0 24px 70px #0f261f33;width:min(760px,100%);max-height:calc(100dvh - 48px);overflow:auto;padding:25px;position:relative}.employee-dialog{width:min(790px,100%)}.dialog-header{display:flex;justify-content:space-between;gap:15px;margin-bottom:20px}.dialog-header h2,.dialog h2{font-size:22px;letter-spacing:-.6px;margin:5px 0}.dialog-header p:not(.eyebrow),.dialog-copy,.confirm-dialog>p{color:var(--muted);font-size:12px;line-height:1.55;margin:0}.dialog-close{border:0;background:#f4f6f3;width:30px;height:30px;display:grid;place-items:center;border-radius:7px;color:#5c6c63;cursor:pointer}.dialog fieldset{border:0;margin:0;padding:0}.form-section{padding:17px 0;border-top:1px solid var(--line)}.form-section:first-child{border-top:0;padding-top:0}.form-section h3{font-size:12px;margin:0 0 13px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.form-grid label,.mode-picker label{display:grid;gap:6px;color:#405148;font-size:11px;font-weight:650}.form-grid input{width:100%;height:38px;border:1px solid #d9e1d9;border-radius:7px;padding:8px 10px;font:400 12px Inter,sans-serif;color:var(--ink)}.form-grid input:focus{outline:2px solid #c7dfb7;border-color:#86af83}.mode-picker{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mode-picker label{display:flex;align-items:flex-start;gap:9px;border:1px solid #dce4dc;padding:12px;border-radius:8px;cursor:pointer}.mode-picker label:has(input:checked){border-color:#86ad8b;background:#f4faf4}.mode-picker input{accent-color:var(--brand);margin:2px 0}.mode-picker span{display:grid;gap:3px}.mode-picker strong{font-size:12px}.mode-picker small{font-size:10px;color:var(--muted);font-weight:400;line-height:1.45}.dialog-footer,.dialog-actions{display:flex;justify-content:flex-end;gap:8px;padding-top:18px}.form-error{font-size:12px;color:var(--danger);background:var(--danger-bg);padding:10px;border-radius:7px;margin:0}.success-icon,.warning-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:50%;margin-bottom:14px}.success-icon{background:#eaf6eb;color:#2f7a4a}.warning-icon{background:var(--amber-bg);color:var(--amber)}.setup-code{margin:21px 0;padding:16px;background:#f7faf7;border:1px solid #dfe9e0;border-radius:9px;display:grid;gap:8px}.setup-code span{font-size:9px;letter-spacing:1.2px;color:var(--muted);font-weight:760}.setup-code code{font-size:20px;font-weight:760;letter-spacing:1px;color:var(--ink)}.setup-banner{background:var(--brand-pale);border:1px solid #d6e9d8;border-radius:10px;padding:14px 16px;margin-bottom:18px;display:flex;justify-content:space-between;align-items:center;gap:12px}.setup-banner div{display:grid;gap:3px}.setup-banner strong{font-size:12px}.setup-banner code{font-size:17px;letter-spacing:1px;color:var(--brand)}.setup-banner p{font-size:11px;color:var(--muted);margin:0}.confirm-dialog{width:min(420px,100%)}.confirm-dialog h2{margin-bottom:8px}.confirm-dialog .dialog-actions{margin-top:8px}.drawer-backdrop{display:none}@media(max-width:1120px){.metric-grid,.work-metrics{grid-template-columns:repeat(2,1fr)}.app-content,.topbar{padding-left:26px;padding-right:26px}.sidebar{width:220px}.app-main{width:calc(100% - 220px);margin-left:220px}}@media(max-width:760px){.sidebar{transform:translate(-105%);transition:transform .2s ease;width:270px;box-shadow:var(--shadow)}.sidebar.sidebar-open{transform:translate(0)}.drawer-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:15;background:#0a1e1759;border:0}.app-main{width:100%;margin-left:0}.mobile-menu{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);margin-right:10px}.topbar{height:70px;padding:0 18px;justify-content:flex-start}.topbar h1{font-size:17px}.breadcrumb,.date-context{display:none}.topbar-actions{margin-left:auto}.topbar-actions .button{padding:9px 11px}.topbar-actions .button:not(:last-child){display:none}.app-content{padding:23px 18px 40px}.page-intro{margin-bottom:20px}.page-intro h2{font-size:21px}.overview-lower,.settings-grid{grid-template-columns:1fr}.employee-hero{align-items:flex-start;flex-direction:column}.employee-actions{width:100%}.employee-actions .button{flex:1}.form-grid,.mode-picker{grid-template-columns:1fr}.dialog-backdrop{padding:0;align-items:end}.dialog{width:100%;max-height:92dvh;border-radius:14px 14px 0 0;padding:21px}.setup-banner{align-items:flex-start;flex-direction:column}}@media(max-width:460px){.metric-grid{grid-template-columns:1fr 1fr;gap:10px}.metric-card{min-height:110px;padding:14px}.metric-card strong{font-size:24px}.team-section,.overview-lower>.surface{padding:16px}.section-header{flex-direction:column;gap:7px}.work-metrics{gap:10px}.work-metrics article{min-height:102px;padding:13px}.work-metrics strong{font-size:20px}.topbar-actions .button{font-size:0;width:36px;padding:0}.topbar-actions .button svg{margin:0}.time-separation strong{font-size:17px}}.metric-grid .metric-card:nth-child(4),.metric-grid .metric-card:nth-child(5),.metric-grid .metric-card:nth-child(6){display:none}.metric-grid .metric-card:first-child>span,.metric-grid .metric-card:nth-child(7)>span{font-size:0}.metric-grid .metric-card:first-child>span:after{content:"Number of employees";font-size:13px}.metric-grid .metric-card:nth-child(7)>span:after{content:"Effective work time";font-size:13px}.app-layout button,.app-layout input,.app-layout select{width:auto;margin-top:0}.app-layout main{max-width:1520px}.app-layout header{background:inherit}.app-layout .topbar{background:#f4f7f3;box-shadow:0 1px #dfe7df;position:sticky;top:0;z-index:20;isolation:isolate}.functional-dialog{width:min(780px,95vw);max-height:90dvh;overflow:hidden;border:1px solid #dce3dc;border-radius:16px;padding:0;color:#18372f;box-shadow:0 24px 80px #17382f35}.functional-dialog::backdrop{background:#18372f88}.functional-dialog>header{position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:24px;background:#fff;border-bottom:1px solid #e6ece7}.functional-dialog>header h2{margin:0}.functional-dialog>form{overflow:auto;max-height:calc(90dvh - 92px);padding:0 24px 24px}.functional-dialog>p,.functional-dialog>h3,.functional-dialog>.setup-code,.functional-dialog>.action-control,.functional-dialog>a{margin-left:24px;margin-right:24px}.functional-dialog .button{width:auto}.functional-form fieldset{border:0;padding:0;margin:0}.functional-form label{display:block;font-size:12px;margin:12px 0}.functional-form input:not([type=checkbox]),.functional-form select{width:100%;padding:10px}.functional-form input[type=checkbox]{width:auto;margin-right:6px}.functional-form footer{margin-top:18px}.functional-form .workdays{display:flex;gap:12px;flex-wrap:wrap;padding:12px 0}.functional-form .alert-rule{border-top:1px solid #ddd;padding:16px 0}.action-control{display:inline-flex;flex-wrap:wrap;gap:8px;align-items:center}.action-control [role=alert]{display:block;color:#b63b2f;background:#fff0ed;border-radius:8px;padding:10px}.pagination{display:flex;align-items:center;justify-content:flex-end;gap:14px;padding:12px;font-size:12px}.date-filter{display:block;font-size:12px;margin:12px 0}.date-filter input{width:auto;margin-left:10px}.filter-bar{flex-wrap:wrap}.filter-bar input,.filter-bar select{font:inherit;min-width:120px;padding:8px}.app-layout .surface{margin-bottom:16px}.screenshot-list{display:grid;gap:12px}.screenshot-list article{padding:16px}.sidebar{padding:16px 12px 10px}.app-logo{height:44px;margin:0 12px 18px;font-size:21px}.sidebar-nav{flex:1;gap:1px}.sidebar-nav button{padding:11px 12px;font-size:14px}.nav-divider{margin:10px 12px}.agent-download{margin:14px 4px 8px;padding:15px;border:1px solid #dce7de;border-radius:12px;background:linear-gradient(145deg,#f7fbf7,#edf6ef);display:grid;grid-template-columns:34px minmax(0,1fr);gap:4px 10px;align-items:center}.agent-download-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:#dceee1;color:#246047;grid-row:span 2}.agent-download>div:nth-child(2){display:grid;gap:2px}.agent-download strong{font-size:13px;color:#18372f}.agent-download small{font-size:11px;color:#63766a}.agent-download .agent-download-button{grid-column:1/-1;width:100%!important;margin-top:8px!important;border:0!important;border-radius:8px;min-height:38px;padding:0 12px!important;background:#245e4b!important;color:#fff!important;font:700 12px Inter,system-ui,sans-serif!important;text-align:center!important;justify-content:center!important;cursor:pointer}.agent-download .agent-download-button:hover:not(:disabled){background:#184b3a!important}.agent-download .agent-download-button:disabled{background:#dfe6e0!important;color:#77857b!important;cursor:not-allowed}.agent-download p{grid-column:1/-1;margin:2px 0 0;color:#7b6650;font-size:10px;line-height:1.4}.breadcrumb{display:none}.app-layout .topbar h1{font-size:28px;letter-spacing:-.03em}.functional-form .alert-rule{display:grid;grid-template-columns:minmax(150px,1fr) repeat(3,minmax(130px,.7fr));gap:10px 16px;align-items:end;background:#fbfcfa;border:1px solid #e1e9e1;border-radius:12px;margin:14px 0;padding:18px}.functional-form .alert-rule legend{grid-column:1/-1;font-size:15px;font-weight:700;color:#18372f;padding:0 6px}.functional-form .alert-rule>label:first-of-type{grid-column:1/-1;display:flex;align-items:center;gap:8px;margin:0}.functional-form .alert-rule>label:first-of-type input{accent-color:#245e4b}.functional-form .alert-rule>label:nth-of-type(2),.functional-form .alert-rule>label:nth-of-type(3),.functional-form .alert-rule>label:nth-of-type(4){margin:0}.functional-form .alert-rule>label:nth-of-type(n+5){display:inline-flex;align-items:center;gap:7px;margin:0;padding:8px 10px;border:1px solid #dbe5dc;border-radius:999px;background:#fff;font-size:11px;font-weight:650}.functional-form .alert-rule>label:nth-of-type(n+5) input{accent-color:#245e4b}.functional-form .alert-rule:after{content:"Choose when it triggers, how often it can repeat, and where it should appear.";grid-column:1/-1;color:#7a887f;font-size:11px;line-height:1.4;order:10}.account-menu{bottom:64px!important;padding:8px!important;border-radius:12px!important;box-shadow:0 16px 40px #18372f24!important;background:#fff!important}.account-menu button{padding:11px 12px!important;font-size:12px!important}.account-menu button:first-child:before{content:"⚙";margin-right:9px;color:#6c7e73}.account-menu button:last-child{color:#a94035}.account-menu button:last-child:before{content:"↪";margin-right:9px}.sidebar-bottom{z-index:30}@media(max-width:760px){.functional-form .alert-rule{grid-template-columns:1fr 1fr}.functional-form .alert-rule legend,.functional-form .alert-rule>label:first-of-type,.functional-form .alert-rule:after{grid-column:1/-1}}.alert-manager{padding:24px}.alert-manager-header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:22px}.alert-manager-header h2{margin:4px 0 6px;font-size:22px}.alert-manager-header p:not(.eyebrow){margin:0;color:#728077;font-size:13px}.alert-recipient-badge{padding:9px 12px;border:1px solid #dce6dd;border-radius:999px;background:#f7faf7;color:#476257;font-size:11px;font-weight:650;white-space:nowrap}.alert-rule-table{border:1px solid #e1e8e1;border-radius:12px;overflow:hidden}.alert-rule-table-head,.alert-rule-row{display:grid;grid-template-columns:1.25fr 1.8fr 1.2fr 1.3fr .65fr auto;gap:16px;align-items:center}.alert-rule-table-head{padding:11px 16px;background:#f5f8f4;color:#718078;font-size:10px;font-weight:750;letter-spacing:.08em;text-transform:uppercase}.alert-rule-row{padding:16px;border-top:1px solid #e7ede7;font-size:12px}.alert-rule-row>div{display:grid;gap:4px}.alert-rule-row strong{font-size:13px}.alert-rule-row small,.alert-rule-row>span:not(.status){color:#728077;line-height:1.4}.alert-rule-row small{display:none}.channel-summary{display:flex;flex-wrap:wrap;gap:5px}.channel-summary em{font-style:normal;border:1px solid #d8e5d9;background:#f8fbf8;border-radius:999px;padding:4px 7px;font-size:10px;color:#3d6551}.alert-editor-description{padding:20px 24px 0!important;color:#5f7167!important;font-size:13px!important}.alert-editor-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:20px 24px}.alert-editor-grid label{display:grid;gap:6px;font-size:12px;font-weight:650}.alert-editor-grid input,.alert-editor-grid select{width:100%;padding:10px;border:1px solid #d5e0d6;border-radius:8px}.alert-editor-grid .alert-status{display:flex;align-items:center;gap:8px;grid-column:1/-1}.alert-event-note{margin:0!important;padding:10px;background:#f5f8f4;border-radius:8px;color:#51665b!important}.channel-picker{border:0;border-top:1px solid #e5ece5;padding:18px 24px 0;display:flex;flex-wrap:wrap;gap:10px}.channel-picker legend{font-size:12px;font-weight:700;flex-basis:100%;margin-bottom:2px}.channel-picker label{display:flex;align-items:center;gap:7px;padding:9px 12px;border:1px solid #d8e4da;border-radius:999px;font-size:11px;font-weight:650}.channel-picker input{accent-color:#245e4b}.channel-status-card{display:grid;grid-template-columns:180px 150px 1fr;align-items:center;gap:15px;border:1px solid #e0e8e0;border-radius:10px;padding:15px;margin:10px 0}.channel-status-card span{color:#3d7652;font-size:12px;font-weight:700}.channel-status-card small{color:#728077;font-size:11px}@media(max-width:900px){.alert-rule-table-head{display:none}.alert-rule-row{grid-template-columns:1fr 1fr;gap:10px}.alert-rule-row>span:nth-child(2){display:none}.alert-rule-row>div{grid-column:1/-1}.alert-rule-row .button{justify-self:start}.alert-manager-header{display:block}.alert-recipient-badge{display:inline-block;margin-top:14px}}@media(max-width:600px){.alert-editor-grid,.channel-status-card{grid-template-columns:1fr}}.dialog-kicker{margin:0 0 5px!important;font-size:10px!important;letter-spacing:.18em;text-transform:uppercase;color:#668076}.confirmation-content{padding:24px}.confirmation-content>p{margin:0 0 12px}.confirmation-lead{font-size:18px;font-weight:700;color:#18372f}.confirmation-actions{display:flex;justify-content:flex-end;align-items:center;gap:10px;margin-top:24px}.functional-dialog-danger>header{background:#fff8f6;border-bottom-color:#f2d7d0}.functional-dialog-danger .dialog-kicker{color:#b84a3b}.functional-dialog-danger .confirmation-lead{color:#9d342a}.alert-toggle{width:86px;height:30px;border:0;border-radius:999px;background:#eef2ef;color:#687970;display:inline-flex;align-items:center;justify-content:flex-end;padding:4px 10px 4px 34px;font:600 11px inherit;cursor:pointer;position:relative;transition:background .2s ease,transform .15s ease;box-shadow:inset 0 0 0 1px #e2e9e3}.alert-toggle:hover{transform:translateY(-1px)}.alert-toggle:active{transform:scale(.95)}.alert-toggle-knob{position:absolute;left:5px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 2px 5px #193f2d2b;transition:left .3s cubic-bezier(.34,1.56,.64,1),background .2s ease}.alert-toggle.is-on{background:#1f624e;color:#fff;box-shadow:none;justify-content:flex-start;padding:4px 34px 4px 10px}.alert-toggle.is-on .alert-toggle-knob{left:calc(100% - 25px);background:#dff3e8}.alert-editor-grid .alert-status{display:none}.employee-table-row{cursor:pointer}.employee-table-row:hover td{background:#f4faf5}.employee-table-row:focus-visible{outline:3px solid #b8d79a;outline-offset:-3px}.employee-table-row:active td{background:#eaf5ed}dialog[aria-label="Add employee"]{width:min(560px,92vw);max-height:calc(100dvh - 48px)}dialog[aria-label="Add employee"]>form{max-height:none;padding:0 28px 22px}dialog[aria-label="Add employee"] .functional-form h3{font-size:18px;letter-spacing:-.02em;margin:22px 0 14px}dialog[aria-label="Add employee"] .functional-form h3:first-child{margin-top:22px}dialog[aria-label="Add employee"] .functional-form .form-grid{grid-template-columns:1fr 1fr;gap:14px 16px}dialog[aria-label="Add employee"] .functional-form .form-grid:first-of-type label:nth-child(n+3){display:none}dialog[aria-label="Add employee"] .functional-form h3:nth-of-type(2),dialog[aria-label="Add employee"] .functional-form h3:nth-of-type(2)~.form-grid,dialog[aria-label="Add employee"] .functional-form h3:nth-of-type(2)~.workdays{display:none}dialog[aria-label="Add employee"] .functional-form footer{justify-content:flex-end;margin-top:24px;padding-top:16px;border-top:1px solid #e7ede8}dialog[aria-label="Add employee"] .functional-form footer button{min-width:128px}dialog[aria-label="Add employee"]{width:min(820px,94vw)}dialog[aria-label="Add employee"]>form{overflow:visible;max-height:none;padding:0 30px 20px}dialog[aria-label="Add employee"] .functional-form h3:nth-of-type(2),dialog[aria-label="Add employee"] .functional-form h3:nth-of-type(2)~.form-grid,dialog[aria-label="Add employee"] .functional-form h3:nth-of-type(2)~.workdays{display:block}dialog[aria-label="Add employee"] .functional-form .form-grid:first-of-type label:nth-child(n+3){display:grid}dialog[aria-label="Add employee"] .functional-form .form-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 16px}dialog[aria-label="Add employee"] .functional-form .workdays{display:flex;align-items:center;gap:16px;padding:12px 0 2px}dialog[aria-label="Add employee"] .functional-form .workdays legend{width:100%;font-size:13px;font-weight:700;margin-bottom:2px}dialog[aria-label="Add employee"] .functional-form label{margin:7px 0}dialog[aria-label="Add employee"] .functional-form input:not([type=checkbox]),dialog[aria-label="Add employee"] .functional-form select{height:40px;padding:9px 11px}dialog[aria-label="Add employee"] .functional-form footer{margin-top:18px}dialog[aria-label="Add employee"] .functional-form h3:nth-of-type(2)~.form-grid{display:grid}dialog[aria-label="Add employee"]{max-height:calc(100dvh - 24px);overflow:visible}dialog[aria-label="Add employee"]>header{padding:17px 26px}dialog[aria-label="Add employee"]>header h2{font-size:25px}dialog[aria-label="Add employee"] .functional-form h3{font-size:17px;margin:14px 0 9px}dialog[aria-label="Add employee"] .functional-form h3:first-child{margin-top:14px}dialog[aria-label="Add employee"] .functional-form .form-grid{gap:9px 14px}dialog[aria-label="Add employee"] .functional-form label{margin:3px 0;font-size:11px;gap:4px}dialog[aria-label="Add employee"] .functional-form input:not([type=checkbox]),dialog[aria-label="Add employee"] .functional-form select{height:34px;padding:6px 9px;font-size:12px}dialog[aria-label="Add employee"] .functional-form .workdays{gap:12px;padding:7px 0 0}dialog[aria-label="Add employee"] .functional-form .workdays legend{font-size:12px}dialog[aria-label="Add employee"] .functional-form footer{margin-top:10px;padding-top:10px}dialog[aria-label="Add employee"] .functional-form footer button{min-height:34px;padding:8px 14px}.app-content{padding-top:26px;padding-bottom:28px}.tabs{margin-bottom:16px}.tabs button{font-size:13px;padding:13px 14px}.employee-hero{padding:14px 0 18px}.hero-person h2{font-size:30px;letter-spacing:-1px}.employee-actions{gap:10px}.work-metrics{gap:12px}.work-metrics article{min-height:108px;padding:16px}.work-metrics strong{font-size:30px}.empty-state{min-height:140px;padding:18px}.empty-state h3{font-size:17px}.surface h3{font-size:18px}.date-filter{margin:8px 0 14px}:root{font-family:Inter,system-ui,sans-serif;color:#173331;background:#f6f7f2}*{box-sizing:border-box}body{margin:0}main{max-width:1120px;margin:auto;padding:28px}header{display:flex;justify-content:space-between;align-items:center}.brand{color:#187a62;font-weight:800;letter-spacing:.12em;font-size:.78rem}.hero{padding:72px 0 42px}.hero h1{font-size:clamp(2.2rem,5vw,4.8rem);max-width:800px;line-height:1.02;margin:.4rem 0}.layout{display:grid;grid-template-columns:1fr 1fr;gap:24px}.employee-form,aside,.auth section,.modal section{background:#fff;border:1px solid #dde4dc;border-radius:16px;padding:24px;box-shadow:0 10px 30px #163a2910}label{display:block;font-weight:600;margin:12px 0}input,select,button{font:inherit;width:100%;padding:11px;border-radius:8px;border:1px solid #c7d3c9;margin-top:5px}button{background:#187a62;color:#fff;border:0;font-weight:700;cursor:pointer;margin-top:12px}.quiet{background:transparent;color:#187a62;width:auto;border:1px solid #a8cbbb}.error{color:#ae2b28}.muted{color:#65766d}.auth{min-height:100vh;display:grid;place-items:center}.auth section{width:min(440px,100%)}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#10261b88;display:grid;place-items:center;padding:20px}.modal section{max-width:460px}.modal code{display:block;font-size:1.7rem;background:#eff5ef;padding:16px;text-align:center;border-radius:8px}@media(max-width:700px){.layout{grid-template-columns:1fr}.hero{padding-top:35px}}