:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#283b33;background:#f6f7f4;font-synthesis:none;font-size:14px;--green:#244f40;--muted:#79857e;--line:#e5e9e3;--surface:#fff;--mint:#eef4ec;--radius:14px}
*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}button{color:inherit}a{color:inherit}svg{width:20px;height:20px;flex-shrink:0;vertical-align:middle}button{display:inline-flex;align-items:center;justify-content:center;gap:8px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #91b4a0;outline-offset:3px}h1,h2,h3,p{margin:0}h1{font-size:34px;font-weight:620;letter-spacing:-1.25px;line-height:1.25}h2{font-size:17px;font-weight:620;letter-spacing:-.3px}h3{font-size:15px}small{font-size:12px}.app-shell{display:flex;min-height:100vh}.sidebar{width:242px;flex-shrink:0;position:fixed;inset:0 auto 0 0;border-right:1px solid var(--line);background:#fafbf8;display:flex;flex-direction:column;padding:35px 21px 18px}.brand{display:flex;align-items:center;font-size:25px;font-weight:730;letter-spacing:-1px;text-decoration:none;white-space:nowrap}.brand-mark{display:flex;align-items:center;justify-content:center;background:var(--green);border-radius:10px;width:35px;height:35px;color:white;margin-right:9px}.brand-mark svg{width:24px;height:24px}.brand-light{font-weight:430}.brand-dot{color:#90aa6e}.workspace{display:flex;align-items:center;gap:11px;border:1px solid var(--line);border-radius:10px;padding:13px 10px;margin:37px 0 32px;min-width:0}.workspace-icon{width:32px;height:34px;background:#eaf0e4;border-radius:7px;display:grid;place-items:center;font-size:12px;font-weight:650}.workspace div{min-width:0}.workspace strong{font-size:12px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workspace small{color:var(--muted);display:block;margin-top:4px;font-size:11px}.nav-label{font-size:10px;letter-spacing:1.7px;color:#8b948c;margin:0 12px 12px}.nav{display:flex;flex-direction:column;gap:5px}.nav button{background:transparent;border:0;border-radius:8px;padding:13px 13px;justify-content:flex-start;color:#68766c;font-size:13px;text-align:left;gap:12px}.nav button:hover{background:#f0f3ed}.nav button.active{background:#e9efe4;color:#2c533f;font-weight:600}.nav svg{width:18px;height:18px}.nav-active-dot{width:6px;height:6px;background:#658151;border-radius:50%;margin-left:auto}.sidebar-bottom{margin-top:auto;padding-top:50px}.sidebar-note{display:flex;align-items:flex-start;gap:10px;padding:15px 8px 28px;color:#8b957f}.sidebar-note svg{border:1px solid #a9b89b;border-radius:50%;width:17px;height:17px;padding:2px}.sidebar-note strong{font-size:11px;font-weight:600;color:#62715b}.sidebar-note p{font-size:11px;margin-top:5px}.account-button{width:100%;border:0;border-top:1px solid var(--line);padding:20px 0 0;background:transparent;text-align:left;justify-content:flex-start;gap:10px}.account-button span:not(.avatar){min-width:0}.account-button strong{font-size:12px;display:block}.account-button small{font-size:10px;color:var(--muted);display:block;margin-top:5px}.account-button>svg{margin-left:auto;width:17px;height:17px;color:#8d978c}.main{width:calc(100% - 242px);margin-left:242px}.topbar{height:83px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 38px;background:#fbfcf9}.breadcrumb{font-size:12px;color:var(--muted)}.breadcrumb>span{margin:0 12px;color:#c2c9bf}.breadcrumb strong{font-weight:500;color:#4c5a4f}.topbar-right{display:flex;align-items:center;gap:23px}.topbar-date{font-size:12px;color:#7d877d;border-left:1px solid var(--line);padding-left:23px}.connection{display:inline-flex;align-items:center;gap:7px;color:#557b5d;font-size:11px;white-space:nowrap}.connection i{width:6px;height:6px;border-radius:50%;background:currentColor}.connection.demo{color:#8a7e4c}.connection.offline{color:#af7436}.content{max-width:1540px;margin:auto;padding:35px 38px 38px}.page-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:29px}.eyebrow{font-size:10px;letter-spacing:1.8px;color:#8b967b;font-weight:650;margin-bottom:11px}.subhead{font-size:13px;color:var(--muted);margin-top:10px;line-height:1.6}.head-actions{display:flex;gap:8px;flex-shrink:0}.btn{border:1px solid #dde3d9;border-radius:8px;background:white;padding:11px 15px;font-size:12px;font-weight:550;min-height:39px;white-space:nowrap}.btn svg{width:16px;height:16px}.btn:hover{filter:brightness(.96)}.btn.primary{background:var(--green);border-color:var(--green);color:white}.btn.secondary{background:#fff;color:#415449}.btn.light{background:#f0f4e7;color:#2b4d3e;border-color:#f0f4e7}.btn.ghost-light{background:transparent;color:#f3f5ec;border-color:#688676}.btn.danger{color:#a84939;background:#fff7f3;border-color:#eadbd3}.btn.small{font-size:11px;padding:8px 12px;min-height:32px}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:22px}.stat{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:20px 21px}.stat.green{background:#eef3e8;border-color:#e2e9d9}.stat-label{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#677465}.stat-label svg{width:17px;height:17px;color:#84927b}.stat-value{font-size:32px;line-height:1.4;font-weight:550;letter-spacing:-1px;margin-top:9px;white-space:nowrap;font-variant-numeric:tabular-nums}.stat p{font-size:10px;color:#91998b;margin-top:6px}.personal-clock{background:var(--green);border-radius:var(--radius);color:#f9faf4;margin-bottom:26px;padding:19px 25px 20px;position:relative;overflow:hidden;background-image:radial-gradient(ellipse at 95% -130%,#7f9c6033 0,transparent 65%)}.personal-clock-top{display:flex;justify-content:space-between;align-items:center}.overline{font-size:9px;font-weight:550;letter-spacing:1.8px;color:#b9c9ad}.clock-tag{font-size:10px;color:#dce4d3;background:#ffffff13;border:1px solid #ffffff12;padding:5px 9px;border-radius:5px}.personal-clock-main{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:9px}.personal-clock h2{font-size:23px;font-weight:480;letter-spacing:-.7px}.personal-clock p{font-size:11px;color:#b9cbbf;margin-top:7px}.clock-total{text-align:right;display:flex;flex-direction:column;gap:3px}.clock-total strong{font-size:31px;letter-spacing:-.7px;font-weight:480;font-variant-numeric:tabular-nums}.clock-total span{color:#aec2b1;font-size:10px}.personal-clock-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:19px}.clock-actions{display:flex;gap:9px;flex-wrap:wrap}.clock-actions .btn{min-width:117px}.break-note{font-size:10px;color:#aac0b0}.attendance-layout{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:21px;align-items:start}.card{background:white;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.card-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:22px 23px}.card-head p{font-size:11px;color:var(--muted);margin-top:7px;line-height:1.5}.count{font-size:10px;font-weight:500;background:#f1f4ec;border:1px solid #e9ede3;padding:3px 6px;border-radius:5px;vertical-align:middle;color:#7a866f;margin-left:5px;white-space:nowrap}.table-controls{border-top:1px solid #f2f4ef;border-bottom:1px solid var(--line);padding:13px 20px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.tabs{display:flex;gap:3px}.tabs button{font-size:10px;border:0;border-radius:5px;background:transparent;color:#929b8b;padding:7px 9px}.tabs button.selected{background:#eef3e8;color:#435e3b;font-weight:550}.search-box{display:flex;align-items:center;gap:7px;flex:1;min-width:120px;max-width:175px}.search-box svg{width:14px;height:14px;color:#929f8b}.search-box input{width:100%;border:0;background:transparent;padding:7px 0;color:#55604f;font-size:10px;outline-offset:2px}.search-box input::placeholder{color:#99a191}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left}th{font-size:9px;letter-spacing:.5px;font-weight:550;background:#fcfdf9;color:#8f9985;padding:12px 19px;white-space:nowrap}td{font-size:11px;padding:15px 19px;border-top:1px solid #eff2eb;white-space:nowrap;color:#77826e}td.hours{font-weight:650;color:#3c513c}.tabular{font-variant-numeric:tabular-nums}.person{border:0;background:transparent;padding:0;text-align:left;justify-content:flex-start;gap:11px}.avatar{width:35px;height:35px;border-radius:50%;background:#eaeede;color:#6d7b50;display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-weight:650;flex-shrink:0;letter-spacing:.2px}.color-1{background:#f0e9df;color:#998064}.color-2{background:#e8eae1;color:#7e8666}.color-3{background:#eee7ec;color:#987a8d}.color-4{background:#e5eceb;color:#6d8b89}.person strong{font-size:11px;display:flex;align-items:center;gap:7px;color:#455342;font-weight:600}.person small{display:block;font-size:9px;color:#9aa28f;margin-top:5px}.person em{font-style:normal;font-size:8px;color:#9bA48b;font-weight:400;background:#f5f6f0;padding:2px 4px;border-radius:3px}.pill{font-size:9px;padding:5px 8px;border-radius:5px;display:inline-flex;gap:5px;align-items:center;background:#f2f3ee;color:#89917f}.pill i{width:4px;height:4px;background:currentColor;border-radius:50%}.pill.working{background:#edf4e7;color:#6b884f}.pill.break{background:#fcf3df;color:#b4984e}.icon-button{border:0;background:transparent;font-size:22px;min-width:30px;min-height:30px;color:#9aa58f;padding:4px}.icon-button svg{width:14px;height:14px}.card-foot{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 22px;font-size:9px;color:#9da58f}.card-foot strong{color:#4a6444;font-size:12px}.text-button{border:0;padding:0;background:transparent;font-size:10px;color:#68805a;display:inline-flex;align-items:center;gap:7px;font-weight:550}.text-button svg{width:13px;height:13px}.activity-card .card-head{padding-bottom:16px}.activity-list{padding:4px 22px 13px}.activity-item{display:flex;align-items:flex-start;gap:10px;position:relative;padding:13px 0 15px}.activity-item:not(:last-child):before{content:'';position:absolute;top:42px;bottom:-12px;left:15px;width:1px;background:#e9eee1}.activity-icon{width:31px;height:31px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#f3f5ee;color:#9aaa86;flex-shrink:0}.activity-icon.working{background:#edf4e6;color:#88a96a}.activity-icon.break{background:#fcf4e1;color:#bfaa72}.activity-icon svg{width:13px;height:13px}.activity-item strong{font-size:10px;color:#647156;font-weight:600;display:block;padding-top:3px}.activity-item p{font-size:9px;color:#a0a88f;margin-top:5px}.activity-item time{font-size:9px;color:#a1aa93;margin-left:auto;white-space:nowrap;padding-top:4px}.activity-foot{font-size:8px;color:#aab39c;border-top:1px solid #f0f3e9;padding:16px 22px;display:flex;align-items:center;gap:6px}.activity-foot svg{width:12px;height:12px}.page-footer{display:flex;justify-content:space-between;gap:10px;padding:0 38px 25px;font-size:9px;color:#a5ad99;max-width:1540px;margin:auto}.demo-banner{font-size:10px;display:flex;justify-content:space-between;gap:15px;padding:10px 13px;margin-bottom:26px;color:#95804b;border:1px solid #eae4d1;background:#faf8ee;border-radius:7px}.demo-banner strong{font-weight:600}.demo-switch{display:block;font-size:10px;color:#8d9782;margin-bottom:17px}.demo-switch select{display:block;width:100%;border:1px solid var(--line);border-radius:6px;margin-top:7px;padding:8px;background:#fff;font-size:11px;color:#65755b}.mobile-nav,.mobile-account{display:none}.empty-state{padding:45px 20px;text-align:center;color:#8c9a7e;font-size:12px;white-space:normal}.empty-state>svg{display:block;margin:0 auto 15px;width:28px;height:28px;color:#a6b799}.empty-state strong{display:block;font-weight:550}.empty-state p{margin-top:9px;font-size:11px;line-height:1.6}.clock-page-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,1fr);gap:25px}.personal-clock.expanded{padding:30px;margin-bottom:22px}.expanded .personal-clock-main{flex-direction:column;align-items:flex-start;margin-top:35px}.expanded h2{font-size:27px}.expanded .clock-total{text-align:left;margin-top:15px}.expanded .clock-total strong{font-size:57px}.expanded .personal-clock-bottom{margin-top:30px;align-items:flex-start;gap:15px;flex-direction:column}.expanded .clock-actions .btn{padding:14px 22px}.clock-summary{padding:24px}.mini-stats{display:flex;justify-content:space-between;gap:20px;margin:24px 0}.mini-stats span{display:block;color:#9aa38d;font-size:10px}.mini-stats strong{display:block;margin-top:8px;font-size:19px;font-weight:550;color:#556949}.clock-summary>p{font-size:11px;line-height:1.7;color:#8c9a7f;margin-bottom:18px}.now-clock{font-size:12px;color:#8e9b80;font-variant-numeric:tabular-nums}.report-filters{padding:19px 22px;margin-bottom:22px}.presets{display:flex;gap:7px;margin-bottom:18px}.presets .btn{background:#f6f8f2;color:#76866b;border-color:#e8eddf}.report-filters form{display:flex;align-items:flex-end;gap:13px;flex-wrap:wrap}label{display:flex;flex-direction:column;gap:7px;font-size:11px;color:#78876c}input,select{color:#4a5d3f;padding:11px 12px;border:1px solid #dfe6d8;border-radius:7px;background:#fff;min-width:0}input::placeholder{color:#a0ab96}label>input,label>select{width:100%}.report-filters label{flex:1;min-width:145px}.report-filters button[type=submit]{margin-bottom:1px}.report-table td{padding-top:18px;padding-bottom:18px}.record-status{font-size:10px;color:#7b9467}.record-status.provisional{color:#b59852}.report-note{font-size:11px;color:#929e85;margin-top:17px;line-height:1.6}.access-badge{font-size:10px;background:#f0f3e9;color:#859673;border-radius:4px;padding:5px 7px}.team-tip{margin-top:25px;display:flex;align-items:center;gap:14px;padding:21px;border:1px dashed #dce5d0;border-radius:12px;color:#8d9f7c}.team-tip p{font-size:11px;line-height:1.7}.team-tip strong{color:#697e56}.team-tip svg{width:24px;height:24px}dialog{border:1px solid var(--line);border-radius:17px;padding:0;width:480px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 40px);color:#34452b;box-shadow:0 25px 100px #182f2c30}dialog::backdrop{background:#1d302b66;backdrop-filter:blur(3px)}.modal-head{padding:24px 25px 19px;display:flex;align-items:flex-start;justify-content:space-between;gap:15px;border-bottom:1px solid var(--line)}.modal-head h2{font-size:21px}.modal-head p{font-size:12px;color:#8a997c;margin-top:9px;line-height:1.7}.modal-body{padding:23px 25px;display:flex;flex-direction:column;gap:18px}.modal-foot{padding:18px 25px;display:flex;justify-content:flex-end;gap:10px;background:#fafcf7;border-top:1px solid var(--line)}.modal-foot .btn{font-size:12px}.person-modal-status{display:flex;align-items:center;gap:13px}.person-modal-status .avatar{width:47px;height:47px;font-size:14px}.modal-body .mini-stats{margin:5px 0}.admin-clock-note{font-size:12px;line-height:1.6;color:#8d9c80;background:#f6f8f2;border-radius:8px;padding:13px}.manage-actions{display:flex;gap:8px;flex-wrap:wrap}.help-text{font-size:12px;line-height:1.7;color:#8b9b7d}.form-error{font-size:12px;color:#a96145;line-height:1.6}.form-error:empty{display:none}.toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%,15px);background:#234637;color:#f2f6eb;padding:14px 23px;border-radius:10px;box-shadow:0 5px 25px #23463722;opacity:0;transition:.2s;pointer-events:none;z-index:10;font-size:12px;max-width:90vw;text-align:center}.toast.show{opacity:1;transform:translate(-50%,0)}.error-banner,.connection-banner{background:#fff5e8;border:1px solid #eedfc5;padding:12px 15px;border-radius:8px;font-size:12px;color:#a48446;margin-bottom:22px;line-height:1.6}.error-banner button{border:0;background:transparent;text-decoration:underline;padding:0 5px}.login-page{display:grid;grid-template-columns:1fr 1fr;min-height:100vh}.login-story{background:var(--green);color:#f1f5e8;padding:55px 65px;display:flex;flex-direction:column;justify-content:space-between;gap:70px}.login-story .brand-mark{background:#e9f0df;color:var(--green)}.login-story h1{font-size:65px;line-height:1.13;font-weight:450;letter-spacing:-2.5px}.login-story .eyebrow{color:#adc193;margin-bottom:24px}.login-story p:not(.eyebrow){color:#b6c9ae;font-size:16px;line-height:1.8;margin-top:25px;max-width:380px}.login-story small{color:#a6bd9f;font-size:11px}.login-benefits{display:flex;flex-direction:column;gap:15px;margin-top:40px;color:#d3e1c7;font-size:12px}.login-benefits span{display:flex;align-items:center;gap:12px}.login-benefits svg{width:17px;height:17px}.login-form-wrap{display:grid;place-items:center;padding:55px}.login-form-wrap form{width:100%;max-width:345px}.login-form-wrap h2{font-size:34px;letter-spacing:-1px}.login-form-wrap form>p:not(.eyebrow):not(.form-error){font-size:13px;line-height:1.7;color:#94a184;margin:12px 0 30px}.login-form-wrap label{margin:20px 0}.login-form-wrap input{padding:14px}.login-form-wrap .btn{width:100%;margin-top:22px;padding:14px;justify-content:space-between}.login-form-wrap .login-help{font-size:11px!important;line-height:1.8!important;text-align:center;margin-top:25px!important}.loading-screen{display:grid;place-items:center;min-height:100vh;color:#728467}.skip-link{position:fixed;top:0;left:20px;transform:translateY(-120%);z-index:100;background:var(--green);color:white;padding:15px}.skip-link:focus{transform:translateY(0)}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:1500px){.content{padding-top:42px}.stat{padding:23px 25px}.stat-value{font-size:37px}.personal-clock{padding:24px 29px}.attendance-layout{grid-template-columns:minmax(0,1fr) 315px}td{padding:18px 23px;font-size:12px}.person strong{font-size:12px}.person small{font-size:10px}.pill{font-size:10px}.activity-item{padding-top:17px;padding-bottom:18px}.activity-item strong{font-size:11px}.activity-item p,.activity-item time{font-size:10px}}
@media(max-width:1200px){.sidebar{width:210px;padding:30px 16px 18px}.main{margin-left:210px;width:calc(100% - 210px)}.brand{font-size:23px}.content{padding:28px 25px}.topbar{padding:0 25px}.attendance-layout{grid-template-columns:minmax(0,1fr)}.activity-card .activity-list{display:grid;grid-template-columns:repeat(3,1fr);gap:0 22px}.activity-item:before{display:none}.activity-card .activity-foot{display:none}.clock-page-grid .activity-list{display:block}.stat{padding:17px}.stat-value{font-size:27px}.page-head h1{font-size:30px}.page-head .subhead{font-size:12px}.head-actions .btn{font-size:11px}.page-footer{padding:0 25px 25px}.demo-banner>span:last-child{display:none}.report-stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:850px){.sidebar{width:185px;padding:26px 13px}.main{margin-left:185px;width:calc(100% - 185px)}.brand{font-size:21px}.brand-mark{width:29px;height:29px;margin-right:7px}.workspace{padding:11px 7px}.workspace-icon{display:none}.nav button{font-size:12px;padding:12px 9px;gap:9px}.sidebar-note{display:none}.page-head{align-items:flex-start;flex-direction:column;margin-bottom:23px}.head-actions{width:100%}.stats{gap:10px}.stat{padding:15px 12px}.stat-value{font-size:24px}.stat-label{font-size:10px}.stat p{font-size:9px;line-height:1.5}.stat-label svg{display:none}.clock-page-grid{grid-template-columns:1fr}.clock-page-grid .activity-list{display:grid;grid-template-columns:1fr 1fr}.topbar-date{display:none}.activity-card .activity-list{grid-template-columns:1fr 1fr}.card-head{padding:19px}.page-footer{flex-direction:column}.login-story{padding:45px 35px}.login-story h1{font-size:47px}.login-form-wrap{padding:35px}}
@media(max-width:640px){.sidebar{display:none}.main{margin:0;width:100%}.topbar{height:65px;padding:0 20px}.breadcrumb{font-size:11px}.breadcrumb>span{margin:0 6px}.topbar-right{gap:14px}.mobile-account{display:block;padding:0;border:0;background:transparent}.mobile-account .avatar{width:29px;height:29px;font-size:9px}.content{padding:22px 18px 28px}.page-head{gap:16px;margin-bottom:20px}.page-head h1{font-size:31px}.eyebrow{font-size:9px}.subhead{font-size:12px!important;max-width:330px}.head-actions{flex-wrap:wrap}.head-actions .btn{padding:10px 13px}.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:18px}.stat{padding:17px}.stat-label{font-size:11px}.stat-label svg{display:block;width:15px;height:15px}.stat-value{font-size:30px;margin-top:7px}.stat p{font-size:9px}.personal-clock{padding:18px 20px;margin-bottom:20px}.personal-clock-main{gap:12px}.personal-clock h2{font-size:19px}.personal-clock p{font-size:10px;max-width:165px;line-height:1.6}.clock-total strong{font-size:25px;white-space:nowrap}.personal-clock-bottom{gap:12px;flex-wrap:wrap;margin-top:18px}.clock-actions .btn{min-width:100px;font-size:11px}.break-note{font-size:9px}.card-head{padding:19px 17px}.card-head h2{font-size:16px}.card-head p{font-size:10px}.card-head .connection{font-size:9px}.table-controls{padding:12px 13px;gap:9px}.tabs{width:100%;justify-content:space-between}.tabs button{font-size:10px;padding:8px}.search-box{max-width:100%;flex-basis:100%}.search-box input{font-size:11px}.live-team th,.live-team td{padding:12px 10px}.live-team th:nth-child(3),.live-team td:nth-child(3),.live-team th:last-child,.live-team td:last-child{display:none}.person{gap:8px}.person .avatar{width:29px;height:29px;font-size:9px}.person strong{font-size:10px;gap:4px}.person small{font-size:8px}.pill{font-size:8px;padding:5px 6px;gap:4px}.live-team .hours{font-size:10px}.card-foot{padding:15px 17px;font-size:8px}.text-button{font-size:9px}.activity-card .activity-list{grid-template-columns:1fr 1fr;gap:0 12px;padding:0 17px 15px}.activity-item{gap:7px}.activity-icon{width:26px;height:26px}.activity-item strong{font-size:9px}.activity-item time{font-size:8px}.activity-item p{font-size:8px}.activity-item .activity-icon{display:none}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;border-top:1px solid #dfe7d6;background:#fbfcf9f5;backdrop-filter:blur(12px);padding:9px 10px max(10px,env(safe-area-inset-bottom));z-index:3;gap:4px}.mobile-nav button{flex:1;background:transparent;border:0;color:#93a183;padding:7px 3px;flex-direction:column;gap:5px;font-size:9px;border-radius:7px}.mobile-nav button.active{color:#3c6447;background:#edf3e6}.mobile-nav svg{width:19px;height:19px}.page-footer{padding:0 18px 102px;font-size:8px;gap:8px}.demo-banner{font-size:9px;margin-bottom:23px;padding:9px 10px}.demo-banner>span:last-child{display:none}.report-filters{padding:16px}.report-filters form{gap:12px}.report-filters label{min-width:120px;font-size:10px}.report-filters input,.report-filters select{padding:10px;font-size:12px}.report-filters form>.btn{width:100%}.presets{gap:6px}.presets .btn{font-size:10px;padding:8px}.report-table th,.report-table td{padding:14px 12px}.report-note{font-size:10px}.expanded .clock-total strong{font-size:52px}.personal-clock.expanded{padding:24px}.clock-summary{padding:22px}.mini-stats{gap:14px}.mini-stats strong{font-size:17px}.toast{bottom:95px;min-width:240px}.login-page{grid-template-columns:1fr}.login-story{min-height:200px;padding:28px;gap:32px}.login-story h1{font-size:40px}.login-story .eyebrow,.login-story .login-benefits,.login-story small,.login-story p:not(.eyebrow){display:none}.login-form-wrap{padding:36px 28px}.login-form-wrap h2{font-size:28px}.team-tip{align-items:flex-start}.team-tip p{font-size:10px}.team-tip svg{width:18px;height:18px}.modal-head{padding:21px}.modal-body{padding:22px}.modal-head h2{font-size:19px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
@media print{body{background:white;color:black;font-size:11px}.sidebar,.topbar,.mobile-nav,.head-actions,.report-filters,.page-footer,.toast,.demo-banner,.skip-link{display:none!important}.main{margin:0;width:100%}.content{padding:0}.page-head{margin-bottom:20px}.card{border:0;border-radius:0}.table-wrap{overflow:visible}.stats{gap:8px}.stat{padding:10px}.stat-value{font-size:22px}.report-table th,.report-table td{padding:9px 6px;font-size:10px;white-space:normal}.card-head{padding:15px 0}tr{break-inside:avoid}thead{display:table-header-group}.report-note{color:#444}}

.search-box{flex-direction:row}.person small,.activity-item p{color:#7f8976}.card-foot{color:#7c886f}.activity-item time{color:#818e74}

/* Clock-first theme: ink, electric violet and soft peach. */
:root{--green:#6557e8;--muted:#7d819a;--line:#e8e8f1;--mint:#f0edff;--radius:16px;color:#30364e;background:#f7f8fc;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
body{background:#f7f8fc}h1,h2,h3{color:#30364e}button,input,select{color:#30364e}button,a{transition:background-color .2s,color .2s,box-shadow .2s,transform .2s}button:active:not(:disabled){transform:scale(.97)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline-color:#b4aafa}.sidebar{background:#fff;border-color:#e9e9f2}.brand{color:#30364e;letter-spacing:-1.2px}.brand-mark{background:#695beb;box-shadow:0 4px 10px #695beb19}.brand-dot{color:#747d96}.workspace{border-color:#ededf4}.workspace-icon{background:#eeebfd;color:#747d96}.workspace small,.workspace strong{color:#555d77}.nav-label{color:#747d96}.nav button{color:#555d77}.nav button:hover{background:#f7f5ff}.nav button.active{background:#efedff;color:#747d96}.nav-active-dot{background:#9b8ef2}.sidebar-note{color:#747d96}.sidebar-note svg{color:#747d96;border-color:#c9c1ee}.sidebar-note strong{color:#555d77}.sidebar-note p{color:#747d96}.account-button{border-color:#ededf4}.account-button small{color:#747d96}.account-button>svg{color:#747d96}.avatar{background:#edebfa;color:#747d96}.color-1{background:#faeae5;color:#747d96}.color-2{background:#e8e8fb;color:#747d96}.color-3{background:#f6e8f2;color:#747d96}.color-4{background:#e3f0f1;color:#747d96}.topbar{background:#ffffffd9;border-color:#ececf3;backdrop-filter:blur(15px)}.breadcrumb,.breadcrumb strong{color:#555d77}.breadcrumb>span{color:#939aaf}.topbar-date{color:#747d96;border-color:#e9e9f1}.connection.online{color:#555d77}.connection.demo{color:#747d96}.connection.offline{color:#555d77}.content .eyebrow{color:#555d77}.subhead{color:#555d77}.btn{border-color:#e3e2ef;border-radius:10px;color:#555d77;box-shadow:0 2px 4px #28244303;transition:background .2s,transform .2s,box-shadow .2s}.btn:hover{filter:none;box-shadow:0 4px 12px #4b407812}.btn.primary{background:#6858e9;border-color:#6858e9;box-shadow:0 4px 10px #6858e91c}.btn.primary:hover{background:#5948dc}.btn.secondary{color:#555d77;background:#fff}.btn.small{border-radius:7px}.stat{border-color:#e8e7f1}.stat.green{background:#eeebfd;border-color:#e3defa}.stat-label{color:#555d77}.stat-label svg{color:#747d96}.stat-value{color:#30364e}.stat p{color:#747d96}.personal-clock{background:#302b52;background-image:radial-gradient(ellipse at 95% -130%,#ae9ceb66,transparent 65%)}.personal-clock h2{color:white}.personal-clock .overline{color:#b3a9d7}.personal-clock p{color:#b7afce}.personal-clock .clock-total span,.break-note{color:#aaa0c8}.btn.light{background:#efecff;border-color:#efecff;color:#555d77}.btn.ghost-light{border-color:#665a86;color:#d7cee9}.card{border-color:#e9e7f1;box-shadow:0 4px 14px #2c244603}.card-head p{color:#747d96}.count{background:#f1edf9;border-color:#eae4f5;color:#747d96}.table-controls{border-color:#eeebf4}.tabs button{color:#747d96}.tabs button.selected{background:#efebfb;color:#747d96}.search-box input{color:#555d77}.search-box svg{color:#747d96}th{background:#fcfbff;color:#747d96}td{color:#555d77;border-color:#f0edf5}td.hours{color:#555d77}.person strong{color:#555d77}.person small{color:#747d96}.person em{color:#747d96;background:#f8f4fa}.pill{color:#747d96;background:#f5f0f6}.pill.working{background:#e9f4ef;color:#555d77}.pill.break{background:#fcf0e6;color:#747d96}.icon-button{color:#747d96}.card-foot{border-color:#ede6f1;color:#747d96}.card-foot strong{color:#555d77}.text-button{color:#747d96}.activity-icon{background:#f4eef8;color:#747d96}.activity-item strong{color:#555d77}.activity-item p,.activity-item time{color:#747d96}.activity-item:not(:last-child):before{background:#eee4f3}.activity-foot{color:#747d96;border-color:#f3eaf7}.page-footer{color:#747d96}.demo-banner{background:#f5f1fc;color:#747d96;border-color:#ebe2f5}.demo-switch{color:#747d96}.demo-switch select{color:#555d77;border-color:#eee4f5}.empty-state{color:#747d96}.empty-state>svg{color:#747d96}.report-filters input,.report-filters select,input,select{border-color:#e4d9ed;color:#555d77}.presets .btn{background:#f6f1fc;border-color:#ede5f5;color:#747d96}.report-note{color:#747d96}.access-badge{background:#f4edf9;color:#747d96}.team-tip{border-color:#e7d8f0;color:#747d96}.team-tip strong{color:#747d96}.record-status{color:#747d96}.record-status.provisional{color:#747d96}.modal-head h2{color:#30364e}.modal-head p{color:#747d96}.modal-head,.modal-foot{border-color:#efe4f6}.modal-foot{background:#fcf9ff}.modal-body label{color:#747d96}.help-text{color:#747d96}.toast{background:#38304d;box-shadow:0 8px 30px #43335622;border:1px solid #706081;color:#fff}.error-banner,.connection-banner{background:#fff7f0;color:#747d96;border-color:#f1e2d2}.login-story{background:#2f2845}.login-story h1{color:#f5f0ff}.login-story .brand{color:#f5f0ff}.login-story .brand-mark{background:#e5dcff;color:#555d77}.login-form-wrap .btn{color:white}.mobile-nav{background:#fffdfef2;border-color:#eae1f2}.mobile-nav button{color:#747d96}.mobile-nav button.active{background:#f1e9fc;color:#747d96}.skip-link{background:#6557e8}.loading-screen{color:#747d96}.clock-screen .page-footer{display:none}.employee-brand{display:none}.employee-shell .sidebar{display:none}.employee-shell .main{width:100%;margin-left:0}.employee-shell .topbar{height:86px;padding:0 max(28px,calc((100vw - 1180px)/2));gap:25px}.employee-shell .employee-brand{display:flex;font-size:24px}.employee-shell .breadcrumb,.employee-shell .topbar-date{display:none}.employee-shell .topbar-right{gap:22px}.employee-shell .mobile-account{display:flex;border:0;background:none;padding:0}.employee-shell .mobile-account .avatar{width:36px;height:36px;font-size:11px}.employee-tabs{display:flex;gap:4px;padding:5px;border:1px solid #eeedf6;border-radius:14px;background:#f8f7fc;margin:auto}.employee-tabs button{border:0;border-radius:10px;padding:10px 22px;background:transparent;color:#747d96;font-size:12px;font-weight:550;min-width:125px;gap:9px}.employee-tabs button svg{width:17px;height:17px}.employee-tabs button.active{background:#fff;color:#555d77;box-shadow:0 2px 7px #75629312;animation:tab-select .3s ease}.employee-shell:not(.clock-screen) .content{max-width:1200px}.employee-shell .mobile-nav{display:none}.clock-screen .content{max-width:1040px;padding:32px 44px 24px}.clock-screen{background:radial-gradient(ellipse at 50% 70%,#eae7fb50 0,transparent 65%),#f8f9fd}.clock-experience{max-width:900px;margin:auto}.clock-page-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px;gap:20px}.clock-page-head .eyebrow{font-size:11px;letter-spacing:.2px;font-weight:450;color:#747d96;margin-bottom:9px}.clock-page-head h1{font-size:31px;font-weight:580;letter-spacing:-1.1px;color:#30364e}.clock-date{display:flex;align-items:center;gap:8px;font-size:11px;color:#747d96}.clock-date svg{width:15px;height:15px;color:#747d96}.workday-timeline{padding:22px 26px 16px;background:#ffffffdb;border:1px solid #ebe7f4;border-radius:18px;box-shadow:0 8px 24px #51397103}.timeline-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:23px}.timeline-label{display:flex;align-items:center;gap:11px}.timeline-icon{width:36px;height:36px;border-radius:11px;background:#f3eefc;color:#747d96;display:grid;place-items:center}.timeline-icon svg{width:17px;height:17px}.timeline-label strong{display:block;font-size:12px;font-weight:570;color:#555d77}.timeline-label div>span{display:block;font-size:10px;color:#747d96;margin-top:5px}.remaining-time{text-align:right}.remaining-time strong{display:block;color:#747d96;font-size:17px;font-weight:590;letter-spacing:-.25px;font-variant-numeric:tabular-nums}.remaining-time>span{font-size:9px;display:block;color:#747d96;margin-top:6px}.day-track{height:8px;border-radius:5px;background:#f0eafa;position:relative;isolation:isolate}.day-track-fill{height:100%;width:var(--day-progress);border-radius:5px;background:linear-gradient(90deg,#8b70d9,#b39ae4 75%,#e7afa6);transition:width 1s linear;position:relative;overflow:hidden}.day-track-fill:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent,#ffffff70,transparent);width:50%;animation:timeline-glide 4s linear infinite}.day-track>i{position:absolute;height:8px;width:2px;top:0;background:#ffffffbd;z-index:1}.day-track-dot{position:absolute;left:var(--day-progress);top:50%;transform:translate(-50%,-50%);width:12px;height:12px;border:3px solid white;background:#b099d7;border-radius:50%;box-shadow:0 1px 5px #9675bb44;transition:left 1s linear;z-index:2}.timeline-scale{display:flex;justify-content:space-between;color:#747d96;font-size:9px;margin-top:11px}.clock-stage{position:relative;isolation:isolate;display:flex;align-items:center;flex-direction:column;text-align:center;padding:30px 0 27px}.stage-glow{position:absolute;z-index:-1;top:35px;left:50%;transform:translateX(-50%);width:480px;height:440px;border-radius:50%;background:radial-gradient(ellipse,#e6d6f97a 0,#f3eafb50 45%,transparent 70%);pointer-events:none;transition:background 1s}.clock-status{display:inline-flex;align-items:center;justify-content:center;gap:6px;color:#747d96;font-size:10px;background:#fffafd;border:1px solid #eae0f3;border-radius:20px;padding:7px 11px;min-width:117px}.clock-status>span{width:5px;height:5px;background:#b7a2c8;border-radius:50%}.clock-face{width:324px;height:324px;position:relative;margin-top:17px;isolation:isolate}.clock-ring{position:absolute;inset:0;width:100%;height:100%;filter:drop-shadow(0 4px 5px #b59bd30d)}.ring-track{stroke:#eae1f4;stroke-width:4}.ring-progress{stroke:url(#clockGradient);stroke-width:5;stroke-linecap:round;transition:stroke-dashoffset 1s linear}.dial-tick{stroke:#d8c7e8;stroke-width:1;opacity:.85}.dial-tick.major{stroke:#bda6d4;stroke-width:1.5}.clock-face-content{position:absolute;inset:42px;border-radius:50%;background:linear-gradient(160deg,#fffffffa,#fbf7fff0);box-shadow:0 10px 50px #9a76c80c,inset 0 1px 0 white;display:flex;flex-direction:column;align-items:center;justify-content:center;padding-top:3px;border:1px solid #ffffff;transition:box-shadow .5s}.timer-label{font-size:8px;letter-spacing:1.75px;color:#747d96;font-weight:500;margin-bottom:12px}.work-timer{display:flex;align-items:center;font-size:42px;font-weight:510;letter-spacing:-1.9px;line-height:1;color:#555d77;font-variant-numeric:tabular-nums}.work-timer i{font-style:normal;font-weight:300;font-size:31px;margin:0 2px;color:#747d96;transform:translateY(-2px)}.work-timer #timerSeconds{color:#747d96}.timer-subtitle{margin-top:12px;font-size:9px;color:#747d96}.clock-trigger{margin-top:22px;min-width:136px;min-height:44px;border:0;border-radius:13px;background:#9871c9;color:#fff;font-size:12px;font-weight:550;padding:12px 19px;gap:9px;box-shadow:0 5px 15px #9f76d02b;position:relative;overflow:hidden;transition:transform .25s,background .35s,box-shadow .35s}.clock-trigger:hover{background:#8960bd;transform:translateY(-2px);box-shadow:0 8px 20px #9c75c942}.clock-trigger:active:not(:disabled){transform:scale(.96)}.clock-trigger:disabled{opacity:.65}.trigger-symbol{display:flex;align-items:center;justify-content:center}.trigger-symbol svg{width:15px;height:15px}.clock-trigger:before{content:'';position:absolute;width:80px;height:100%;background:linear-gradient(90deg,transparent,#ffffff20,transparent);transform:translateX(-150px) skewX(-15deg);animation:button-shine 6s infinite}.orbit-dot{position:absolute;inset:0;border-radius:50%;animation:clock-orbit 60s linear infinite;opacity:0;pointer-events:none}.orbit-dot:before{content:'';position:absolute;top:11px;left:calc(50% - 4px);width:8px;height:8px;background:#af8ed5;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 5px #b897db13}.clock-secondary{min-height:38px;margin:5px 0 14px;display:flex;align-items:center;justify-content:center}.break-control{border:1px solid #e8daF2;background:#fdfaff;color:#747d96;font-size:11px;padding:10px 15px;min-height:37px;border-radius:10px;gap:8px}.break-control:hover{background:#f2e7fa;color:#747d96}.break-control svg{width:14px;height:14px}.clock-ready-note{font-size:10px;color:#747d96}.clock-mood{font-size:18px;font-weight:520;letter-spacing:-.4px;color:#555d77;line-height:1.4}.clock-mood-note{font-size:10px;color:#747d96;margin-top:7px;line-height:1.6}.clock-day-footer{max-width:640px;margin:0 auto;display:flex;align-items:center;gap:35px;border-top:1px solid #e9dff2;padding:21px 4px 14px}.clock-day-footer>div{display:flex;align-items:center;gap:10px}.day-detail-icon{display:flex;color:#747d96}.day-detail-icon svg{width:16px;height:16px}.clock-day-footer>div>span:last-child{font-size:9px;color:#747d96}.clock-day-footer strong{display:block;font-size:12px;font-weight:530;color:#747d96;margin-top:4px;font-variant-numeric:tabular-nums}.day-activity{margin-left:auto;border:0;background:none;color:#747d96;font-size:10px;font-weight:500;gap:10px}.day-activity svg{width:13px;height:13px}.clock-save-note{display:flex;justify-content:center;align-items:center;gap:5px;font-size:8px;color:#747d96;margin:10px auto 0}.clock-save-note svg{width:11px;height:11px}.clock-experience[data-mode=working] .clock-status{background:#f1eafc;color:#747d96;border-color:#e4d6f4}.clock-experience[data-mode=working] .clock-status>span{background:#aa8ccd;box-shadow:0 0 0 3px #b092d215;animation:status-pulse 2.5s ease-in-out infinite}.clock-experience[data-mode=working] .orbit-dot{opacity:1}.clock-experience[data-mode=working] .clock-face-content{box-shadow:0 12px 50px #9a76c814,inset 0 1px 0 white}.clock-experience[data-mode=working] .clock-trigger,.clock-experience[data-mode=break] .clock-trigger{background:#eee4f7;box-shadow:none;color:#747d96}.clock-experience[data-mode=working] .clock-trigger:hover,.clock-experience[data-mode=break] .clock-trigger:hover{background:#e8d9f4}.clock-experience[data-mode=break] .ring-progress{stroke:#e6b39d}.clock-experience[data-mode=break] .clock-status{background:#fff4ed;border-color:#f2dfd3;color:#747d96}.clock-experience[data-mode=break] .clock-status>span{background:#d4ad91}.clock-experience[data-mode=break] .stage-glow{background:radial-gradient(ellipse,#f4ddce65,transparent 67%)}.clock-experience[data-mode=break] .day-track-fill:after,.clock-experience[data-mode=out] .day-track-fill:after{animation-play-state:paused}.clock-experience[data-complete=true] .remaining-time strong{color:#747d96}.clock-experience[data-complete=true] .day-track-fill{background:linear-gradient(90deg,#b4a5d6,#9bc2ba)}.scene-outgoing{background:#f8f9fd;will-change:opacity,transform}.employee-tabs:empty{display:none}.schedule-editor{display:grid;grid-template-columns:repeat(4,1fr);gap:14px 10px}.schedule-editor input{padding:10px;width:100%}.modal-body .activity-list{padding:0}.modal-body .activity-item{padding:14px 0}.modal-body .activity-item strong{font-size:12px}.modal-body .activity-item p,.modal-body .activity-item time{font-size:11px}dialog::backdrop{background:#22193455;backdrop-filter:blur(5px);animation:backdrop-in .22s ease}dialog.closing::backdrop{animation:backdrop-out .18s ease forwards}dialog.drawer{position:fixed;inset:0 0 0 auto;margin:0;width:400px;max-width:100vw;height:100dvh;max-height:100dvh;border-radius:22px 0 0 22px;border:0;box-shadow:-20px 0 60px #34244815}dialog.drawer form{display:flex;flex-direction:column;min-height:100%}dialog.drawer .modal-body{flex:1}.manage-actions .btn{transition:all .2s}.report-filters .presets button:hover{background:#ece3f8}.text-button:hover{color:#555d77}.tabs button.selected{animation:tab-select .25s ease}
@keyframes clock-orbit{to{transform:rotate(360deg)}}
@keyframes timeline-glide{from{transform:translateX(-100%)}to{transform:translateX(400%)}}
@keyframes status-pulse{50%{box-shadow:0 0 0 5px #b092d211}}
@keyframes button-shine{0%,65%{transform:translateX(-150px) skewX(-15deg)}85%,100%{transform:translateX(200px) skewX(-15deg)}}
@keyframes backdrop-in{from{background:#22193400;backdrop-filter:blur(0)}to{background:#22193455;backdrop-filter:blur(5px)}}
@keyframes backdrop-out{to{background:#22193400;backdrop-filter:blur(0)}}
@keyframes tab-select{from{opacity:.4;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1600px){.clock-screen .content{padding-top:43px}.clock-stage{padding-top:37px}.clock-face{width:350px;height:350px}.clock-face-content{inset:46px}.work-timer{font-size:45px}.clock-mood{font-size:20px}.clock-page-head h1{font-size:34px}}
@media(max-width:1000px){.clock-screen .content{padding:30px}.employee-shell .topbar{padding:0 25px}.employee-tabs button{padding:10px 16px;min-width:110px}.clock-date{font-size:10px}.clock-page-head h1{font-size:29px}}
@media(max-width:760px){.employee-shell .topbar{height:76px;gap:15px;padding:0 20px}.employee-shell .employee-brand{font-size:22px}.employee-shell .brand-mark{width:30px;height:30px}.employee-shell .topbar-right{margin-left:auto;gap:12px}.employee-tabs{position:relative;margin:0 auto}.employee-tabs button{min-width:85px;padding:9px 12px;font-size:11px}.employee-tabs button svg{display:none}.employee-shell .connection{font-size:0;gap:0}.employee-shell .connection i{width:6px;height:6px}.clock-screen .content{padding:27px 24px 30px}.clock-page-head h1{font-size:28px}.timeline-heading{gap:12px}.timeline-label div>span{font-size:9px}.remaining-time strong{font-size:15px}.timeline-icon{display:none}.workday-timeline{padding:20px 22px 15px}.clock-face{width:310px;height:310px}.work-timer{font-size:40px}.clock-face-content{inset:41px}.clock-trigger{min-width:132px;min-height:42px;font-size:11px;margin-top:20px}.clock-stage{padding-top:25px}.admin-shell .clock-screen{padding-bottom:80px}}
@media(max-width:640px){.employee-shell .topbar{height:68px;padding:0 18px;gap:12px;flex-wrap:nowrap}.employee-shell .employee-brand{font-size:20px}.employee-shell .brand-mark{width:28px;height:28px;margin-right:6px}.employee-shell .employee-brand .brand-mark svg{width:20px;height:20px}.employee-shell .topbar-right{gap:10px}.employee-shell .mobile-account .avatar{width:29px;height:29px;font-size:9px}.employee-tabs{position:fixed;top:auto;bottom:16px;left:50%;transform:translateX(-50%);z-index:5;background:#fffefefa;backdrop-filter:blur(20px);padding:6px;border-radius:17px;border:1px solid #e9ddf5;box-shadow:0 6px 30px #8d65b21a;gap:4px}.employee-tabs button{padding:12px 22px;font-size:11px;min-width:120px;border-radius:12px;white-space:nowrap}.employee-tabs button svg{display:block;width:15px;height:15px}.employee-tabs button.active{background:#f1e8fc;color:#747d96;box-shadow:none}.employee-shell .topbar{backdrop-filter:none}.clock-screen .content{padding:24px 20px 110px}.clock-page-head{margin-bottom:20px;align-items:flex-end;gap:10px}.clock-page-head h1{font-size:27px;letter-spacing:-.8px}.clock-page-head .eyebrow{font-size:10px;margin-bottom:7px}.clock-date{font-size:9px;max-width:95px;text-align:right;line-height:1.6;padding-bottom:2px}.clock-date svg{display:none}.workday-timeline{padding:18px 17px 14px;border-radius:15px}.timeline-heading{margin-bottom:20px;align-items:flex-start;gap:12px}.timeline-label strong{font-size:10px}.timeline-label div>span{font-size:8px;max-width:150px;line-height:1.6;margin-top:4px}.remaining-time{flex-shrink:0}.remaining-time strong{font-size:13px;letter-spacing:-.2px}.remaining-time>span{font-size:8px;max-width:140px;line-height:1.6;margin-top:4px}.timeline-scale{font-size:8px;margin-top:10px}.day-track{height:6px}.day-track>i{height:6px}.day-track-dot{width:10px;height:10px;border-width:2px}.clock-stage{padding:25px 0 24px}.clock-status{font-size:9px;padding:6px 10px;min-width:110px}.clock-face{width:300px;height:300px;margin-top:12px;max-width:100%}.clock-face-content{inset:39px}.timer-label{font-size:7px;letter-spacing:1.5px;margin-bottom:11px}.work-timer{font-size:38px;letter-spacing:-1.7px}.work-timer i{font-size:28px}.timer-subtitle{font-size:8px;margin-top:11px}.clock-trigger{min-width:126px;min-height:42px;padding:11px 16px;margin-top:19px;border-radius:12px}.clock-trigger svg{width:14px;height:14px}.orbit-dot:before{top:10px}.clock-secondary{margin:2px 0 13px;min-height:36px}.break-control{font-size:10px;padding:10px 14px}.clock-mood{font-size:17px}.clock-mood-note{font-size:9px;max-width:290px}.clock-day-footer{gap:22px;padding:17px 0 10px}.clock-day-footer>div{gap:7px}.clock-day-footer>div>span:last-child{font-size:8px}.clock-day-footer strong{font-size:11px}.day-detail-icon svg{width:14px;height:14px}.day-activity{font-size:9px;gap:4px}.clock-save-note{font-size:7px;margin-top:10px}.stage-glow{width:100%;height:380px;top:45px}.employee-shell:not(.clock-screen) .content{padding-bottom:100px}.clock-screen.admin-shell .content{padding-bottom:110px}.clock-screen .error-banner,.clock-screen .connection-banner{font-size:10px}.schedule-editor{grid-template-columns:repeat(4,1fr)}.schedule-editor input{padding:9px 6px}dialog.drawer{width:100%;max-width:100%;border-radius:18px 18px 0 0;top:70px;height:calc(100dvh - 70px)}.toast{bottom:90px}}
@media(max-width:360px){.clock-screen .content{padding-left:16px;padding-right:16px}.clock-face{width:280px;height:280px}.clock-face-content{inset:37px}.work-timer{font-size:34px}.clock-trigger{margin-top:17px;min-height:39px}.timer-subtitle{font-size:7px}.clock-page-head h1{font-size:25px}.remaining-time strong{font-size:12px}.timeline-label div>span{max-width:130px}.clock-day-footer{gap:16px}.day-detail-icon{display:none}.schedule-editor{grid-template-columns:repeat(3,1fr)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.scene-outgoing{display:none!important}}
@media print{.employee-shell .topbar,.employee-tabs{display:none}.employee-shell .content{padding:0}.clock-screen .content{padding:0}.stage-glow{display:none}}
/* Clear hierarchy and state colours. */
.brand-dot{color:#e7a18c}.connection.online{color:#53917e}.connection.offline{color:#b17b4e}.employee-tabs button.active{color:#6657d8;background:#fff}.clock-page-head h1{color:#252b44}.clock-page-head .eyebrow{color:#7e869d;font-size:12px}.clock-date{color:#8991a7}.timeline-label strong{color:#59617d;font-size:13px}.timeline-label div>span{color:#9299ae;font-size:11px}.remaining-time strong{color:#7865d9;font-size:19px}.remaining-time>span{color:#979eb1;font-size:10px}.timeline-scale{color:#979eb1;font-size:10px}.day-track{background:#ecebf5}.day-track-fill{background:linear-gradient(90deg,#7265e9,#a28eea 75%,#e9ac9c)}.day-track-dot{background:#a28ae4}.timeline-icon{background:#f0edff;color:#9785d0}.clock-face-content{background:linear-gradient(150deg,#fff,#fdfcff);box-shadow:0 12px 40px #64599408}.ring-track{stroke:#e6e3f2}.dial-tick{stroke:#d4cfe7}.dial-tick.major{stroke:#aaa3c7}.timer-label{color:#969ab0;font-size:9px}.work-timer{color:#2b304c;font-weight:530}.work-timer #timerSeconds{color:#9f9bbf}.work-timer i{color:#b5b2cc}.timer-subtitle{color:#a1a4b9;font-size:10px}.clock-trigger{background:#6d5de7;color:#fff;box-shadow:0 5px 18px #6d5de72e}.clock-trigger:hover{background:#5f4cd9;box-shadow:0 8px 25px #6d5de742}.clock-experience[data-mode=working] .clock-trigger,.clock-experience[data-mode=break] .clock-trigger{background:#30364f;color:#fff;box-shadow:0 5px 12px #30364f19}.clock-experience[data-mode=working] .clock-trigger:hover,.clock-experience[data-mode=break] .clock-trigger:hover{background:#424b69}.clock-status{color:#989fb2;background:#fff;border-color:#e6e5ef}.clock-status>span{background:#a9aec0}.clock-experience[data-mode=working] .clock-status{background:#edf5f1;color:#719c8a;border-color:#e1ede6}.clock-experience[data-mode=working] .clock-status>span{background:#76aa91;box-shadow:0 0 0 3px #78ad9120}.clock-experience[data-mode=break] .clock-status{color:#b89375;background:#fff5ec;border-color:#f2e5d7}.break-control{color:#8b8da7;background:#ffffffba;border-color:#e4e1ef;font-size:12px}.break-control:hover{background:#efedfa;color:#72638b}.clock-ready-note{font-size:11px;color:#9b9eb1}.clock-mood{color:#737a92;font-size:20px}.clock-mood-note{color:#a0a4b7;font-size:11px}.clock-day-footer{border-color:#e6e5ef}.clock-day-footer>div>span:last-child{color:#a0a6b8;font-size:10px}.clock-day-footer strong{color:#868ca5;font-size:13px}.day-activity{font-size:11px;color:#989bb2}.day-detail-icon{color:#aaa5c2}.clock-save-note{color:#aeb3c3;font-size:9px}.clock-experience[data-complete=true] .remaining-time strong{color:#609880}.clock-face.saving .trigger-symbol{animation:save-pulse .6s ease-in-out infinite}.clock-face.saving .clock-trigger{box-shadow:0 0 0 5px #8e7df219}.pill.working{color:#5c9682;background:#eaf4ef}.pill.break{color:#b59565;background:#faf2e4}.record-status{color:#779a8a}.record-status.provisional{color:#bc9873}.employee-shell .mobile-account .avatar{color:#8c85b5}
@keyframes save-pulse{50%{opacity:.35;transform:scale(.85)}}
@media(max-width:640px){.clock-page-head .eyebrow{font-size:11px}.timeline-label strong{font-size:11px}.timeline-label div>span{font-size:9px}.remaining-time strong{font-size:15px}.remaining-time>span{font-size:9px;max-width:140px}.timeline-scale{font-size:9px}.timer-label{font-size:8px}.timer-subtitle{font-size:9px}.break-control{font-size:11px}.clock-ready-note{font-size:10px}.clock-mood{font-size:18px}.clock-mood-note{font-size:10px}.clock-day-footer>div>span:last-child{font-size:9px}.clock-day-footer strong{font-size:12px}.day-activity{font-size:10px}.clock-save-note{font-size:8px}.employee-tabs button.active{background:#efecfc;color:#7565c5}}
@media(max-width:360px){.remaining-time strong{font-size:13px}.timer-subtitle{font-size:8px}.timeline-label div>span{font-size:8px}.clock-day-footer{gap:13px}.clock-mood-note{font-size:9px}}
@media(prefers-reduced-motion:reduce){.clock-face.saving .trigger-symbol{animation:none}}

/* A straightforward employee clock: clear time, clear actions. */
:root{--green:#4165d9;--muted:#7c879a;--line:#e5e9f0;background:#f6f8fb;color:#29364a}body,.clock-screen{background:#f6f8fb}.clock-screen .content{max-width:920px;padding:42px 40px 55px}.employee-shell .topbar{background:#fff;border-color:#e7ecf2}.brand{color:#24334b}.brand-mark{background:#4165d9;box-shadow:none}.brand-dot{color:#697a90}.employee-tabs{background:#f4f6fa;border-color:#edf0f5;border-radius:10px;padding:4px}.employee-tabs button{border-radius:7px;color:#697a90;font-size:12px}.employee-tabs button.active{color:#4363bb;background:#fff;box-shadow:0 2px 5px #263b6210}.employee-shell .mobile-account .avatar{color:#697a90;background:#edf0f7}.clock-page-head{margin-bottom:27px}.clock-page-head .eyebrow{color:#697a90;font-size:12px;font-weight:450;letter-spacing:0;margin-bottom:10px}.clock-page-head h1{color:#25374e;font-size:32px;font-weight:580;letter-spacing:-1px;line-height:1.3}.clock-intro{font-size:13px;color:#697a90;margin-top:10px;line-height:1.6}.professional-clock{max-width:800px}.professional-clock .workday-timeline{border-color:#e3e9f2;background:#fff;box-shadow:none;border-radius:13px;padding:22px 26px 17px;margin-bottom:22px}.professional-clock .timeline-heading{margin-bottom:20px}.professional-clock .timeline-label strong{font-size:13px;font-weight:570;color:#566980}.professional-clock .timeline-label div>span{color:#697a90;font-size:11px;margin-top:6px}.professional-clock .remaining-time strong{font-size:17px;color:#697a90;letter-spacing:-.2px}.professional-clock .remaining-time>span{color:#697a90;font-size:10px}.professional-clock .day-track{height:7px;background:#edf1f7;border-radius:4px}.professional-clock .day-track-fill{background:#6585cc;border-radius:4px;transition:width 1s linear}.professional-clock .day-track-fill:after{opacity:.5}.professional-clock .day-track>i{height:7px;width:2px;background:#fff}.professional-clock .timeline-scale{color:#697a90;font-size:10px;margin-top:11px}.time-card{background:#fff;border:1px solid #e1e8f1;border-radius:16px;box-shadow:0 8px 25px #233f6904;overflow:hidden}.time-card-head{display:flex;align-items:center;justify-content:space-between;padding:22px 28px;gap:15px;border-bottom:1px solid #f0f3f7}.clock-person{display:flex;align-items:center;gap:11px}.clock-person .avatar{width:36px;height:36px;font-size:11px;background:#edf1f6;color:#697a90;border-radius:10px}.clock-person strong{font-size:12px;color:#5a6d84;display:block;font-weight:560}.clock-person div>span{display:block;color:#697a90;font-size:10px;margin-top:5px}.professional-clock .clock-status{border:1px solid #e4eaf1;background:#f6f8fa;color:#697a90;padding:6px 10px;min-width:0;font-size:10px;letter-spacing:.05px}.professional-clock .clock-status>span{width:5px;height:5px;background:#a6b2c2}.professional-clock[data-mode=working] .clock-status{background:#f0f7f3;color:#697a90;border-color:#e3eee7}.professional-clock[data-mode=working] .clock-status>span{background:#8bb39c;box-shadow:none;animation:none}.professional-clock[data-mode=break] .clock-status{background:#fff7ed;color:#697a90;border-color:#f4e8d6}.professional-clock[data-mode=break] .clock-status>span{background:#c9b087}.time-card-body{padding:37px 32px 26px;text-align:center}.time-card-label{font-size:13px;color:#697a90;margin-bottom:15px}.professional-clock .work-timer{justify-content:center;font-size:77px;font-weight:510;letter-spacing:-3.5px;line-height:1.15;color:#334e6d;font-variant-numeric:tabular-nums}.professional-clock .work-timer>span{min-width:94px;text-align:center}.professional-clock .work-timer #timerSeconds{color:#697a90}.professional-clock .work-timer i{font-size:56px;color:#697a90;font-weight:350;margin:0 6px;transform:translateY(-4px)}.time-unit-labels{width:346px;max-width:100%;margin:9px auto 0;display:flex;justify-content:space-between;color:#697a90;font-size:8px;letter-spacing:1.5px;font-weight:500}.time-unit-labels span{width:94px}.shift-facts{display:flex;align-items:center;justify-content:center;gap:17px;margin:26px auto 30px;color:#697a90;font-size:11px}.shift-facts>span{display:flex;align-items:center;gap:6px}.shift-facts svg{width:13px;height:13px;color:#697a90}.shift-facts strong{font-size:11px;font-weight:550;color:#697a90;margin-left:2px;font-variant-numeric:tabular-nums}.shift-facts>i{height:12px;width:1px;background:#e8eef5}.time-card-actions{display:flex;align-items:stretch;gap:11px;max-width:460px;margin:0 auto}.professional-clock .clock-trigger{flex:1;margin:0;min-height:49px;padding:14px 20px;border-radius:9px;border:1px solid #5275c8;background:#5275c8;box-shadow:0 3px 7px #5275c80a;color:white;font-size:13px;font-weight:560;gap:9px;transition:background .2s,transform .2s,box-shadow .2s}.professional-clock .clock-trigger:before{display:none}.professional-clock .clock-trigger:hover{background:#486bbb;box-shadow:0 5px 12px #476bbb19;transform:translateY(-1px)}.professional-clock[data-mode=working] .clock-trigger,.professional-clock[data-mode=break] .clock-trigger{background:#3d5776;border-color:#3d5776;color:white;box-shadow:none}.professional-clock[data-mode=working] .clock-trigger:hover,.professional-clock[data-mode=break] .clock-trigger:hover{background:#324a67;border-color:#324a67}.professional-clock .trigger-symbol svg{width:17px;height:17px}.professional-clock .break-control{min-width:155px;border-radius:9px;min-height:49px;border:1px solid #dae4f0;color:#697a90;background:white;font-size:12px;gap:8px;padding:13px 19px}.professional-clock .break-control:hover{background:#f7f9fc;color:#697a90;border-color:#cbd9e9}.professional-clock .break-control svg{width:15px;height:15px}.clock-action-note{font-size:10px;line-height:1.7;color:#697a90;margin-top:16px}.time-card-foot{padding:17px 26px;border-top:1px solid #eaf0f7;background:#fdfefe;display:flex;align-items:center;justify-content:space-between;gap:15px}.time-card-foot>span{display:flex;align-items:center;gap:6px;font-size:9px;color:#697a90}.time-card-foot>span svg{width:12px;height:12px;color:#697a90}.professional-clock .day-activity{font-size:10px;color:#697a90;font-weight:500;gap:7px}.professional-clock .day-activity:hover{color:#697a90}.clock-bottom-note{display:flex;align-items:center;justify-content:center;gap:7px;font-size:9px;color:#697a90;margin-top:22px}.clock-bottom-note>svg{width:12px;height:12px}.clock-bottom-note>.text-button{font-size:9px;color:#697a90;gap:5px}.clock-bottom-note>span{margin:0 4px}.professional-clock[data-complete=true] .remaining-time strong{color:#697a90}.professional-clock[data-complete=true] .day-track-fill{background:#a2c6b5}.professional-clock[data-mode=break] .day-track-fill{background:#d5bd97}.time-card.saving .trigger-symbol{animation:save-pulse .6s ease-in-out infinite}.time-card.saving .clock-trigger{opacity:.75}.scene-outgoing{background:#f6f8fb}.nav button.active{color:#697a90;background:#f0f5fb}.nav-active-dot{background:#8eaed8}.btn.primary{background:#6288c8;border-color:#6288c8}.btn.primary:hover{background:#5278b8}.stat.green{background:#f1f6fb;border-color:#e7eff8}.stat-value{color:#697f9d}.personal-clock{background:#405a79}.personal-clock .btn.light{background:#f0f5fc;color:#697a90;border-color:#f0f5fc}.tabs button.selected{background:#eef4fc;color:#697a90}.pill.working{background:#edf5f0;color:#697a90}.pill.break{background:#fbf4e8;color:#697a90}.clock-bottom-note .text-button:hover{color:#697a90}
@media(min-width:1600px){.clock-screen .content{padding-top:55px}.clock-page-head h1{font-size:34px}.time-card-body{padding-top:45px;padding-bottom:33px}.professional-clock .work-timer{font-size:82px}}
@media(max-width:1000px){.clock-screen .content{padding:34px 30px 45px}.clock-page-head h1{font-size:29px}.professional-clock .work-timer{font-size:69px}.time-card-body{padding:32px 24px 25px}.time-card-head{padding:20px 24px}.time-card-foot{padding:17px 24px}}
@media(max-width:640px){.clock-screen .content{padding:26px 18px 115px}.clock-page-head{margin-bottom:24px}.clock-page-head .eyebrow{font-size:11px;margin-bottom:9px}.clock-page-head h1{font-size:26px;letter-spacing:-.65px}.clock-intro{font-size:12px;line-height:1.6;margin-top:9px;max-width:310px}.professional-clock .workday-timeline{padding:19px 18px 15px;border-radius:12px;margin-bottom:18px}.professional-clock .timeline-heading{margin-bottom:18px;align-items:flex-start}.professional-clock .timeline-label strong{font-size:11px}.professional-clock .timeline-label div>span{font-size:9px;max-width:148px;line-height:1.5;margin-top:5px}.professional-clock .remaining-time strong{font-size:14px}.professional-clock .remaining-time>span{font-size:9px;max-width:140px;line-height:1.5}.professional-clock .timeline-scale{font-size:9px}.professional-clock .day-track,.professional-clock .day-track>i{height:6px}.time-card{border-radius:13px}.time-card-head{padding:17px 19px;gap:10px}.clock-person{gap:9px}.clock-person .avatar{width:31px;height:31px;border-radius:8px;font-size:10px}.clock-person strong{font-size:11px}.clock-person div>span{font-size:9px;margin-top:4px}.professional-clock .clock-status{font-size:9px;padding:5px 8px;gap:5px}.time-card-body{padding:31px 21px 24px}.time-card-label{font-size:12px;margin-bottom:13px}.professional-clock .work-timer{font-size:51px;letter-spacing:-2.5px}.professional-clock .work-timer>span{min-width:65px}.professional-clock .work-timer i{font-size:37px;margin:0 3px;transform:translateY(-3px)}.time-unit-labels{width:252px;margin-top:7px;font-size:7px;letter-spacing:1.3px}.time-unit-labels span{width:65px}.shift-facts{margin-top:22px;margin-bottom:27px;font-size:10px;gap:11px}.shift-facts strong{font-size:10px}.shift-facts>span{gap:4px}.shift-facts svg{width:12px;height:12px}.time-card-actions{gap:9px}.professional-clock .clock-trigger{min-height:47px;font-size:12px;padding:12px 13px;gap:7px;min-width:0}.professional-clock .break-control{min-width:117px;min-height:47px;font-size:11px;padding:11px;gap:6px}.professional-clock .trigger-symbol svg{width:15px;height:15px}.professional-clock .break-control svg{width:14px;height:14px}.clock-action-note{font-size:9px;line-height:1.6;margin-top:14px}.time-card-foot{padding:15px 18px;gap:8px}.time-card-foot>span{font-size:8px;gap:4px}.time-card-foot>span svg{width:10px;height:10px}.professional-clock .day-activity{font-size:9px;gap:4px}.professional-clock .day-activity svg{width:12px;height:12px}.clock-bottom-note{font-size:8px;gap:5px;margin-top:19px}.clock-bottom-note>.text-button{font-size:8px}.employee-tabs{border-radius:13px;border-color:#e2eaf5;background:#fff;box-shadow:0 5px 20px #354e7312}.employee-tabs button{border-radius:9px;min-width:120px;padding:12px 20px}.employee-tabs button.active{background:#eff4fb;color:#697a90}.clock-screen.admin-shell .content{padding-bottom:110px}}
@media(max-width:360px){.clock-screen .content{padding-left:15px;padding-right:15px}.clock-page-head h1{font-size:23px}.professional-clock .remaining-time strong{font-size:12px}.professional-clock .timeline-label div>span{font-size:8px;max-width:126px}.professional-clock .remaining-time>span{font-size:8px}.time-card-head{padding:16px}.time-card-body{padding:28px 16px 22px}.professional-clock .work-timer{font-size:45px;letter-spacing:-2px}.professional-clock .work-timer>span{min-width:58px}.time-unit-labels{width:225px}.time-unit-labels span{width:58px}.professional-clock .break-control{min-width:105px;font-size:10px}.time-card-foot{padding:14px}.professional-clock .day-activity{font-size:8px}.clock-person strong{font-size:10px}.professional-clock .clock-status{font-size:8px}}
@media(prefers-reduced-motion:reduce){.time-card.saving .trigger-symbol{animation:none}}

.professional-clock .remaining-time strong{color:#4c70b3}.professional-clock[data-complete=true] .remaining-time strong{color:#4e8870}.professional-clock[data-mode=working] .clock-status{color:#54836a}.professional-clock[data-mode=break] .clock-status{color:#a07d46}.professional-clock .work-timer #timerSeconds{color:#9aabc0}.clock-bottom-note,.clock-bottom-note>.text-button{color:#8191a6}
@media(prefers-reduced-motion:reduce){dialog::backdrop{animation:none!important;transition:none!important}}

/* Planned days, time away and a quiet, readable inbox. */
.nav-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 5px;border-radius:7px;background:#e1eaff;color:#2459bd;font-size:10px;font-weight:750;flex-shrink:0}.nav .nav-count{margin-left:auto}.nav .nav-count+.nav-active-dot{display:none}.employee-tabs button{position:relative;gap:8px;min-width:108px}.employee-tabs .nav-count{min-width:18px;height:18px;font-size:9px}.mobile-nav button{position:relative}.mobile-nav .nav-count{position:absolute;top:4px;right:calc(50% - 24px);min-width:15px;height:15px;font-size:9px}
.leave-year{display:flex;align-items:center;gap:9px;font-size:12px;color:#66768a;font-weight:600;white-space:nowrap}.leave-year select{width:auto;min-width:85px;margin:0;padding:10px 28px 10px 12px;background-color:#fff;border:1px solid #dfe5ed;border-radius:9px;color:#263950;font:inherit}.leave-review-note{display:flex;align-items:center;gap:16px;border:1px solid #dce6f6;border-radius:15px;padding:21px 24px;background:#f0f5fd;margin-bottom:24px;color:#2a508f}.leave-review-note>svg{width:25px;height:25px;flex-shrink:0}.leave-review-note strong{font-size:15px}.leave-review-note p{margin:5px 0 0;font-size:12px;color:#677b96;line-height:1.6}.leave-review-note>.text-button{margin-left:auto;white-space:nowrap}.cell-sub{display:block;margin-top:5px;font-size:11px;font-weight:400;color:#8090a4}.leave-table td{padding-top:20px;padding-bottom:20px}.leave-status{display:inline-flex;padding:6px 9px;font-size:11px;font-weight:650;border-radius:7px;white-space:nowrap;background:#edf0f4;color:#6c778a}.leave-status.pending{background:#fff2d8;color:#916415}.leave-status.approved{background:#e8f6ee;color:#327557}.leave-status.declined{background:#fcecee;color:#a55463}.leave-status.cancelled{background:#eff1f5;color:#798392}.leave-stats .stat-value{font-size:30px}.leave-stats .stat p{line-height:1.6;max-width:230px}.form-two{display:grid;grid-template-columns:1fr 1fr;gap:16px}.modal-body textarea{display:block;box-sizing:border-box;width:100%;margin-top:8px;padding:13px;border:1px solid #dce3ec;border-radius:10px;background:#fafbfd;color:#24384d;font:inherit;font-size:14px;line-height:1.65;resize:vertical;min-height:90px}.modal-body textarea:focus{outline:2px solid #87adf5;outline-offset:2px}.danger-text{color:#a94d60!important}.modal-body .leave-status{margin-bottom:15px}.message-body{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.85;font-size:14px;color:#42546b;margin:5px 0 22px}.message-body p{margin:7px 0 0}.message-body strong{color:#24384d;font-size:12px}.inbox-item{width:100%;display:flex;align-items:flex-start;text-align:left;gap:17px;padding:25px 27px;border:0;border-top:1px solid #eef1f6;background:white;font:inherit;cursor:pointer;transition:background .2s,box-shadow .2s;color:#293d54}.inbox-item:first-of-type{border-top:0}.inbox-item:last-child{border-radius:0 0 15px 15px}.inbox-item:hover{background:#f8faff}.inbox-item.unread{background:#f7faff;box-shadow:inset 3px 0 #5784dd}.message-icon{display:flex;align-items:center;justify-content:center;width:43px;height:43px;border-radius:12px;background:#edf3fd;color:#5676aa;flex-shrink:0}.message-icon svg{width:21px;height:21px}.inbox-copy{display:flex;flex-direction:column;gap:8px;min-width:0;flex:1}.inbox-subject{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:650;line-height:1.4}.inbox-preview{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#7a8798;font-size:13px;line-height:1.5}.inbox-meta{color:#8592a4;font-size:11px}.message-date{display:flex;align-items:center;gap:20px;color:#8a97a8;font-size:11px;padding-top:5px;white-space:nowrap}.message-date svg{width:15px;height:15px}.unread-dot{width:7px;height:7px;background:#5685e1;border-radius:50%;flex-shrink:0}.message-recipients{border-top:1px solid #e8edf3;padding-top:20px;display:flex;flex-direction:column;gap:14px}.message-recipients>strong{font-size:12px;color:#6d7f94}.message-recipients>span{display:flex;justify-content:space-between;gap:15px;font-size:13px}.message-recipients small{font-size:11px;color:#7d8c9f}.planning-dialog{width:min(760px,calc(100vw - 32px));max-width:760px}.planning-section+.planning-section{margin-top:25px;border-top:1px solid #e7ecf3;padding-top:24px}.planning-section h3{font-size:15px;margin:0 0 12px;color:#2c405a}.planning-scroll{overflow-x:auto;margin:16px 0}.planning-table{min-width:580px;width:100%;border-collapse:collapse}.planning-table th{padding:10px 8px;background:#f5f7fb;font-size:10px;letter-spacing:.01em;white-space:nowrap}.planning-table td{padding:7px 8px;border-bottom:1px solid #edf0f5}.planning-table input[type=time]{width:100%;min-width:95px;padding:9px 7px;margin:0;font-size:12px;box-sizing:border-box}.planning-table input:disabled{opacity:.3}.planning-table .day-toggle{display:flex;align-items:center;gap:8px;font-size:12px;margin:0}.planning-table input[type=checkbox]{width:16px;height:16px;min-width:16px;margin:0;accent-color:#4779ce}.planned-times{display:flex;justify-content:space-between;gap:14px;margin:14px 0 0;font-size:11px;color:#8b98aa}.planned-times strong{font-weight:550;color:#5d7190;margin-left:4px}.planned-times+.timeline-scale{display:none}.absence-report{margin-top:24px}.absence-report table{min-width:1030px}.absence-report td{white-space:nowrap}.absence-report .card-foot{line-height:1.65;font-size:11px}.period-absence{border-top:1px solid #e8edf3}.period-absence h3{font-size:13px}.period-totals{display:flex;gap:24px;color:#75849a;font-size:12px}.period-totals strong{color:#314d70;font-size:19px;margin-right:3px}.absence-report .card-head{flex-wrap:wrap;gap:18px}.employee-shell .page-head .head-actions{flex-wrap:wrap}
@media(max-width:1200px){.employee-tabs button{min-width:94px;padding-left:12px;padding-right:12px;font-size:12px}.leave-stats{grid-template-columns:repeat(2,1fr)}.leave-review-note{flex-wrap:wrap}.leave-review-note>.text-button{margin-left:41px}.period-totals{flex-wrap:wrap;gap:14px}.employee-shell .topbar-date{display:none}}
@media(max-width:760px){.employee-shell .employee-tabs{display:none}.employee-shell .mobile-nav,.admin-shell .mobile-nav{display:flex}.employee-shell .mobile-nav button{min-width:0;flex:1}.admin-shell .mobile-nav button{min-width:0;flex:1;padding-left:2px;padding-right:2px;font-size:9px}.admin-shell .mobile-nav button svg{width:19px;height:19px}.employee-shell .mobile-nav{width:calc(100% - 28px);max-width:430px}.leave-stats{gap:12px}.leave-stats .stat{padding:19px 15px}.leave-stats .stat-value{font-size:25px}.leave-stats .stat-label{font-size:11px}.leave-stats .stat p{font-size:10px}.head-actions .leave-year{margin-right:auto}.leave-review-note{padding:18px;gap:12px}.leave-review-note>.text-button{margin-left:37px;font-size:11px}.inbox-item{padding:19px 16px;gap:11px}.message-icon{width:34px;height:34px;border-radius:10px}.message-icon svg{width:17px;height:17px}.inbox-subject{font-size:13px}.inbox-preview{font-size:12px}.message-date{font-size:9px;gap:4px}.message-date svg{display:none}.form-two{gap:12px}.planning-dialog .modal-body{padding-left:18px;padding-right:18px}.planned-times{font-size:10px;gap:6px;flex-wrap:wrap}.planned-times strong{margin-left:2px}.absence-report .card-head{padding:20px}.period-totals{gap:12px;font-size:11px}.period-totals strong{font-size:17px}}
@media print{.absence-report{break-before:page}.absence-report .head-actions{display:none}.absence-report table{min-width:0;font-size:9px}.absence-report th,.absence-report td{padding:7px 5px}}
.planning-table .day-toggle{flex-direction:row;justify-content:flex-start;align-items:center}.planning-table td[data-time-label]::before{display:none}
@media(max-width:600px){.planning-table,.planning-table tbody{display:block;min-width:0}.planning-table thead{display:none}.planning-table tr{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:16px 0;border-bottom:1px solid #e5eaf2}.planning-table td{display:block;border:0;padding:0}.planning-table td:first-child{grid-column:1/-1}.planning-table td[data-time-label]::before{display:block;content:attr(data-time-label);font-size:10px;color:#7a8a9e;margin-bottom:6px}.planning-table input[type=time]{font-size:13px;padding:10px;min-width:0}.planning-scroll{margin-top:0}.planning-table .day-toggle{font-size:13px}}
@media(max-width:600px){.leave-table,.leave-table tbody{display:block;min-width:0;width:100%}.leave-table thead{display:none}.leave-table tr{display:grid;grid-template-columns:1fr 1fr;gap:13px 10px;padding:20px 17px;border-top:1px solid #edf0f5}.leave-table td{display:block;border:0;padding:0;white-space:normal;font-size:12px;align-self:center}.leave-table td:nth-child(even){text-align:right}.employee-shell .leave-table td:last-child{grid-column:1/-1;text-align:right}.leave-table td[colspan]{grid-column:1/-1}.leave-table .btn{min-height:36px}.employee-shell .mobile-nav{left:14px;right:14px;margin:auto;box-sizing:border-box;border-radius:16px 16px 0 0}.employee-shell .report-note{display:block}}
.absence-report{margin-bottom:24px}
.billing-summary{padding:24px;border-radius:18px;background:#eef5f2;margin-bottom:20px}.billing-summary>strong{font-size:36px;color:#173e35}.billing-summary small{font-size:15px;font-weight:500}.billing-summary p{margin:10px 0 0;color:#52675f}.record-edit-row{display:grid;grid-template-columns:1fr 110px auto;gap:10px;align-items:end;margin-bottom:14px}.record-edit-row label{margin:0}.record-edit-row button{margin-bottom:2px}@media(max-width:480px){.record-edit-row{grid-template-columns:1fr 100px}.record-edit-row button{grid-column:1/-1;justify-self:end}}
.avatar img{width:100%;height:100%;object-fit:cover;border-radius:inherit}.photo-dialog{width:min(520px,calc(100vw - 28px));max-width:520px}.photo-editor{display:flex;flex-direction:column;align-items:center}.photo-crop-wrap{position:relative;width:min(320px,78vw);aspect-ratio:1;border-radius:50%;overflow:hidden;background:#e9eef6;box-shadow:0 0 0 1px #d8e0eb,0 16px 40px #233d6622}.photo-crop{display:block;width:100%;height:100%;cursor:grab;touch-action:none;user-select:none}.photo-crop.moving{cursor:grabbing}.photo-crop:focus-visible{outline:3px solid #77a2ee;outline-offset:5px}.photo-crop-guide{position:absolute;inset:0;border-radius:50%;pointer-events:none;box-shadow:inset 0 0 0 3px #fff,inset 0 0 0 4px #314d7066}.photo-crop-empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;color:#708097;font-size:12px;pointer-events:none}.photo-crop-empty[hidden]{display:none}.photo-crop-empty .avatar{width:82px;height:82px;font-size:24px}.photo-gesture-hint{margin:15px 0 12px;color:#718098;font-size:11px}.photo-zoom-controls{display:flex;align-items:center;gap:12px;width:min(330px,100%)}.photo-zoom-controls label{display:flex;align-items:center;gap:10px;flex:1;margin:0;color:#5c6e86;font-size:11px}.photo-zoom-controls input{margin:0;padding:0;border:0;accent-color:#527ed3}.photo-zoom-controls .icon-button{width:34px;height:34px;border:1px solid #dce3ec;background:white;font-size:20px}.photo-editor-actions{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:22px}.photo-file-button{position:relative;overflow:hidden;cursor:pointer;margin:0}.photo-file-button input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.photo-editor>.help-text{text-align:center;max-width:360px}.photo-dialog .modal-body{padding-top:26px}@media(max-width:480px){.photo-crop-wrap{width:min(280px,76vw)}.photo-dialog .modal-body{padding-left:17px;padding-right:17px}.photo-editor-actions .btn{padding-left:13px;padding-right:13px}.photo-gesture-hint{font-size:10px}}
.notification-choices{display:grid;gap:10px}.choice-row{display:flex;flex-direction:row;align-items:flex-start;gap:12px;padding:13px 14px;border:1px solid #e0e7f0;border-radius:11px;background:#fbfcfe;cursor:pointer}.choice-row input{width:18px;height:18px;min-width:18px;margin:2px 0 0;padding:0;accent-color:#527ed3}.choice-row span{display:flex;flex-direction:column;gap:5px}.choice-row strong{font-size:13px;color:#2d4159}.choice-row small{font-size:11px;line-height:1.5;color:#7b899b}.choice-row.disabled{opacity:.58;cursor:default}.modal-body [hidden]{display:none!important}
.choice-row.always-on{background:#f3f0ff;border-color:#dfd8fb;cursor:default}.choice-check{width:20px;height:20px;min-width:20px;display:grid!important;place-items:center;border-radius:50%;background:#6d5de7;color:white}.choice-check svg{width:12px;height:12px}.notification-stack{position:fixed;right:24px;bottom:24px;z-index:80;width:min(390px,calc(100vw - 32px));display:flex;flex-direction:column;gap:12px;pointer-events:none}.notification-card{position:relative;display:grid;grid-template-columns:42px minmax(0,1fr) 28px;gap:13px;padding:17px 15px 15px;border:1px solid #dedbea;border-radius:16px;background:#fff;box-shadow:0 18px 55px #2934502e;color:#27374d;overflow:hidden;pointer-events:auto}.notification-card-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#f0edff;color:#6d5de7}.notification-card-icon svg{width:20px;height:20px}.notification-card.leave_update .notification-card-icon,.notification-card.absence_update .notification-card-icon{background:#eaf6f0;color:#3f8469}.notification-card-copy{min-width:0}.notification-card-copy>span{display:block;font-size:8px;letter-spacing:1.3px;font-weight:750;color:#8c86a7;margin:1px 0 6px}.notification-card-copy strong{display:block;font-size:14px;line-height:1.35;color:#27374d}.notification-card-copy p{margin:5px 0 10px;font-size:11px;line-height:1.5;color:#738095;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.notification-view{justify-content:flex-start;padding:0;border:0;background:transparent;color:#6555d0;font-size:10px;font-weight:650}.notification-view svg{width:12px;height:12px}.notification-dismiss{width:28px;height:28px;padding:0;border:0;border-radius:8px;background:#f5f4f8;color:#80889a;font-size:18px}.notification-timer{position:absolute;left:0;bottom:0;height:3px;width:100%;background:#7767dc;transform-origin:left;animation:notification-countdown 9s linear forwards}.notification-card:hover .notification-timer{animation-play-state:paused}@keyframes notification-countdown{to{transform:scaleX(0)}}@media(max-width:640px){.notification-stack{right:16px;left:16px;bottom:92px;width:auto}.notification-card{grid-template-columns:36px minmax(0,1fr) 28px;padding:14px 12px;gap:10px}.notification-card-icon{width:36px;height:36px}.notification-card-copy strong{font-size:13px}}@media(prefers-reduced-motion:reduce){.notification-timer{animation:none}}
.notification-permission{display:flex;flex-direction:column;gap:5px;padding:12px 14px;border-radius:10px;background:#fff6e4;border:1px solid #f0dfb9;color:#745519}.notification-permission strong{font-size:12px}.notification-permission span{font-size:11px;line-height:1.5}.notification-permission.denied{background:#fff0f1;border-color:#eed0d4;color:#8d4550}
.notification-test{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 14px;border:1px solid #d8e9e1;border-radius:11px;background:#f2f9f5}.notification-test>span{display:flex;flex-direction:column;gap:4px}.notification-test strong{font-size:12px;color:#356b55}.notification-test small{font-size:10px;line-height:1.5;color:#71877d}.notification-test .btn{flex-shrink:0}@media(max-width:480px){.notification-test{align-items:flex-start;flex-direction:column}.notification-test .btn{width:100%}}

.employee-credentials input{font-family:ui-monospace,monospace;font-size:13px;width:100%;min-width:0}.employee-credentials{display:grid;gap:12px}
.message-action{display:grid;gap:14px;padding:17px;margin:2px 0 22px;border:1px solid #d9e6df;border-radius:13px;background:#f0f7f3}.message-action>div{display:grid;gap:5px}.message-action strong{font-size:13px;color:#315e49}.message-action span{font-size:11px;line-height:1.6;color:#687e72}.message-action .btn{width:100%;justify-content:center}.message-action .btn svg{width:14px;height:14px}