:root{color:#29362b;background:#f4f5f1;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:2px;outline:3px solid #718769}.shell{grid-template-columns:238px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{color:#25362a;background:#acb8a7;flex-direction:column;gap:62px;padding:30px 18px;display:flex}.brand{letter-spacing:.16em;align-items:center;gap:11px;padding:0 10px;font-size:15px;font-weight:800;display:flex}.brand-symbol{color:#16312f;letter-spacing:-.12em;background:#c5dfd8;border-radius:9px;place-items:center;width:37px;height:37px;padding-right:4px;font-size:24px;display:grid}.brand small{letter-spacing:.32em;margin-top:2px;font-size:10px;font-weight:500;display:block}.sidebar nav{gap:6px;display:grid}.nav{text-align:left;color:#344b37;background:0 0;border:0;border-radius:10px;width:100%;padding:13px 16px;font-size:14px}.side-bottom{color:#40533d;margin-top:auto;padding:0 12px;font-size:12px;line-height:1.5}.demo-tag{letter-spacing:.13em;color:#2d422e;border:1px solid #6f8267;border-radius:4px;padding:5px 8px;font-size:11px}main{width:100%;min-width:0;max-width:1700px;margin:0 auto;padding:40px clamp(22px,4vw,66px) 80px}.top{justify-content:space-between;align-items:end;gap:20px;margin-bottom:33px;display:flex}.eyebrow{letter-spacing:.18em;color:#62745d;margin-bottom:10px;font-size:11px;font-weight:750}h1{letter-spacing:-.055em;margin:0;font-size:clamp(29px,3vw,41px);font-weight:650}h2{letter-spacing:-.035em;margin:0;font-size:23px}.top-actions{align-items:end;gap:10px;display:flex}.project-selector{color:#647576;gap:5px;font-size:12px;display:grid}select,input{color:#233333;background:#fff;border:1px solid #d7e0dc;border-radius:8px;min-height:42px;padding:10px 12px}select{min-width:160px}.primary{color:#fff;background:#455d46;border:1px solid #455d46;border-radius:8px;min-height:42px;padding:11px 18px;font-size:14px;font-weight:600}.primary:hover{background:#354b36}.secondary{color:#29413e;background:#fff;border:1px solid #d4ddda;border-radius:8px;min-height:42px;padding:10px 15px;font-size:14px}.secondary:hover{background:#eff3e9}.mini{color:#486242;background:0 0;border:0;padding:6px 0;font-size:13px;font-weight:650}.section-head{justify-content:space-between;align-items:center;gap:12px;margin:29px 0 15px;display:flex}.section-head h2{font-size:19px}.muted{color:#667363}.hint{color:#60705b;margin:6px 0 18px;font-size:13px}.cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.card,.panel{background:#fff;border:1px solid #dce3d7;border-radius:12px;box-shadow:0 3px 14px #172a2a06}.card{padding:23px}.card-label{color:#60705b;font-size:13px}.card-value{letter-spacing:-.045em;white-space:nowrap;margin:12px 0 7px;font-size:clamp(24px,2.5vw,35px);font-weight:650}.card-foot{color:#667363;font-size:12px}.panel{overflow:hidden}.table-wrap{overflow:auto}.data-table{border-collapse:collapse;text-align:left;width:100%;min-width:720px}.data-table th{letter-spacing:.1em;text-transform:uppercase;color:#7c8d89;white-space:nowrap;background:#f5f7f1;padding:15px 18px;font-size:11px;font-weight:700}.data-table td{white-space:nowrap;border-top:1px solid #edf0ee;padding:17px 18px;font-size:14px}.data-table tbody tr:hover{background:#fbfdfc}.data-table td strong{font-weight:650;display:block}.sub{color:#869491;margin-top:4px;font-size:12px;display:block}.right{text-align:right}.pill{border-radius:20px;padding:5px 9px;font-size:12px;font-weight:600;display:inline-block}.pill.good{color:#405d38;background:#e8eee2}.pill.warn{color:#926821;background:#fff0d8}.pill.bad{color:#a44d3e;background:#f9e8e5}.progress{vertical-align:middle;background:#e2e7dc;border-radius:5px;width:105px;height:7px;margin-right:9px;display:inline-block;overflow:hidden}.progress i{background:#718769;height:100%;display:block}.progress i.over{background:#c16c52}.overview-lower{grid-template-columns:1.25fr .75fr;gap:16px;margin-top:16px;display:grid}.detail{padding:25px}.detail h2{margin-bottom:19px}.detail-grid{grid-template-columns:repeat(2,1fr);gap:18px 24px;display:grid}.metric{border-top:1px solid #e2e7dc;padding-top:12px}.metric span{color:#758581;margin-bottom:6px;font-size:12px;display:block}.metric strong{font-size:19px}.empty{text-align:center;color:#748580;padding:38px}.toolbar{justify-content:space-between;align-items:center;gap:16px;display:flex}.toolbar h2{font-size:19px}.toolbar-actions{gap:8px;display:flex}.note{color:#83918e;margin-top:16px;font-size:12px}.danger{color:#af604e}.form-fields{gap:15px;margin:25px 0;display:grid}.field{color:#506561;gap:6px;font-size:13px;font-weight:600;display:grid}.field-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.modal-head{justify-content:space-between;gap:20px;display:flex}.close{color:#657b77;background:0 0;border:0;font-size:28px;line-height:1}dialog{border:0;border-radius:14px;width:min(530px,100vw - 30px);padding:26px;box-shadow:0 25px 80px #0e252544}dialog::backdrop{background:#14252488}.modal-actions{justify-content:flex-end;gap:8px;margin-top:28px;display:flex}.inline-alert{color:#795e39;background:#fff3e3;border:1px solid #efd9b7;border-radius:8px;margin-bottom:20px;padding:13px 17px;font-size:13px}@media (max-width:1100px){.cards{grid-template-columns:repeat(2,1fr)}.overview-lower{grid-template-columns:1fr}}@media (max-width:740px){.shell{display:block}.sidebar{gap:12px;padding:13px 18px}.brand{font-size:12px}.brand-symbol{width:30px;height:30px;font-size:19px}.sidebar nav{gap:3px;display:flex;overflow:auto}.nav{white-space:nowrap;width:auto;padding:10px}.side-bottom{display:none}main{padding:27px 16px 50px}.top{flex-direction:column;align-items:start}.top-actions{width:100%}.project-selector{flex:1}.project-selector select{width:100%;min-width:0}.cards{gap:9px}.card{padding:16px}.card-value{font-size:23px}.detail-grid{gap:12px}.toolbar{flex-direction:column;align-items:start}.toolbar-actions{width:100%}.toolbar-actions button{flex:1}}@media (max-width:390px){.cards{grid-template-columns:1fr 1fr}.card-value{font-size:20px}.field-row{grid-template-columns:1fr}}.nav{text-decoration:none;display:block}.project-link{color:#455d46;font-weight:650;text-decoration:none}.project-link:hover{text-decoration:underline}a.mini{text-decoration:none}.time-cards .card-value{font-size:clamp(24px,2.25vw,34px)}.project-heading{margin-top:0;margin-bottom:22px}.filter-row{flex-wrap:wrap;gap:10px;display:flex}.employee-panel{overflow:visible}.employee-panel .toolbar{padding:24px 24px 10px}.employee-panel .table-wrap{border-radius:0 0 12px 12px}.staff-table{min-width:770px}.staff-table .sub{text-transform:none;letter-spacing:0;color:#647974;white-space:normal;max-width:245px;margin-left:auto;font-size:12px;font-weight:400;line-height:1.5}.total-row td{background:#eff3e9;border-top:1px solid #d9e4de}.task-cell{overflow-wrap:anywhere;max-width:280px;white-space:normal!important}.toast{color:#fff;z-index:50;background:#3f573f;border-radius:9px;padding:14px 20px;font-size:14px;position:fixed;bottom:24px;right:24px;box-shadow:0 8px 35px #17292c22}.detail .table-wrap{margin-top:20px}button:disabled{cursor:default;opacity:.5}.card-value{overflow-wrap:anywhere;white-space:normal}.data-table .sub{white-space:normal;max-width:340px;line-height:1.5}.section-head{flex-wrap:wrap}input[type=date]{min-width:160px}dialog{max-height:90dvh;overflow-y:auto}.project-selector select{max-width:300px}@media (max-width:740px){.section-head .filter-row{width:100%}.filter-row .project-selector{flex:1}.filter-row select{width:100%;min-width:0}.employee-panel .toolbar{padding:18px}.staff-table{min-width:680px}.project-heading{align-items:start}.time-cards .card-value{font-size:25px}}.staff-picker{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.staff-choice{text-align:left;color:#29362b;background:#fff;border:1px solid #dbe4df;border-radius:14px;flex-direction:column;align-items:flex-start;gap:13px;padding:32px 24px;transition:border-color .15s,transform .15s;display:flex}.staff-choice:hover{border-color:#49847a;transform:translateY(-3px)}.staff-choice>strong{letter-spacing:-.04em;font-size:26px}.staff-avatar{color:#455d46;background:#e1e7dc;border-radius:50%;place-items:center;width:56px;height:56px;margin-bottom:10px;font-size:24px;font-weight:650;display:grid}.staff-choice-week{color:#647974;border-top:1px solid #e2e7dc;width:100%;margin-top:7px;padding-top:18px;font-size:14px}.person-toolbar{margin-bottom:24px}.person-toolbar h2{font-size:30px}.personal-breakdown{grid-template-columns:minmax(230px,.65fr) minmax(0,1.35fr);align-items:stretch;gap:18px;margin-top:24px;display:grid}.period-hours{gap:20px;margin-top:24px;display:grid}.period-hours>div{border-top:1px solid #e5ece8;justify-content:space-between;align-items:center;gap:12px;padding-top:17px;display:flex}.period-hours span{color:#687f78;font-size:13px}.period-hours strong{white-space:nowrap;font-size:23px}.pie-layout{align-items:center;gap:24px;margin-top:14px;display:flex}.pie-chart{flex-shrink:0;width:200px;max-width:45%;height:auto}.pie-legend{flex:1;min-width:0}.legend-row{grid-template-columns:10px minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:9px 0;font-size:13px;display:grid}.legend-row>span:nth-child(2){overflow-wrap:anywhere}.legend-row strong{white-space:nowrap;font-size:14px}.swatch{border-radius:2px;width:10px;height:10px}.legend-total{border-top:1px solid #dce6df;justify-content:space-between;margin-top:10px;padding-top:14px;font-size:14px;display:flex}.pie-empty{place-items:center;min-height:180px;padding:25px;line-height:1.6;display:grid}input[readonly]{color:#47645c;background:#f1f5f3}@media (max-width:1100px){.personal-breakdown{grid-template-columns:1fr}.period-hours{grid-template-columns:repeat(3,1fr);gap:18px}.period-hours>div{flex-direction:column;align-items:start}}@media (max-width:740px){.staff-picker{grid-template-columns:1fr}.staff-choice{grid-template-columns:48px 1fr;gap:8px 15px;padding:20px;display:grid}.staff-avatar{grid-row:1/3;width:46px;height:46px;margin:0}.staff-choice>strong{font-size:24px}.staff-choice .staff-choice-week,.staff-choice .mini{grid-column:2}.pie-layout{flex-direction:column}.pie-chart{width:210px;max-width:100%}.pie-legend{width:100%}.person-toolbar{align-items:stretch}.period-hours{grid-template-columns:1fr}.period-hours>div{flex-direction:row;align-items:center}.personal-breakdown .toolbar{align-items:stretch}}[hidden]{display:none!important}:root{--sage:#acb8a7;--sage-dark:#455d46;--sage-soft:#e7ece2;--ink:#29362b}.brand{width:100%;padding:0 8px;line-height:0;text-decoration:none;display:block}.brand-logo{mix-blend-mode:multiply;width:100%;height:auto;display:block}.sidebar{background:var(--sage);color:var(--ink)}.nav:hover,.nav.active{color:#25362a;background:#e3e9df}.nav.active{box-shadow:inset 3px 0 #52674c}.side-bottom{color:#40533d}.demo-tag{color:#2d422e}.project-link{color:var(--sage-dark)}.staff-choice:hover{border-color:#718769}.project-selector,.muted,.staff-choice-week{color:#62715c}.pill.neutral{color:#5c6e54;background:#edf0e8}.sidebar nav{margin-top:0}@media (max-width:740px){.brand{width:155px;padding:0}.sidebar{gap:15px}.nav.active{box-shadow:inset 0 -2px #52674c}}.cards.project-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width:740px){.project-kpis .card{padding:14px 10px}.project-kpis .card-value{font-size:clamp(18px,5vw,26px)}.project-kpis .card-label{font-size:13px}.project-kpis .card-foot{font-size:12px;line-height:1.4}}.compact-projects{table-layout:auto;min-width:0}.compact-projects th,.compact-projects td{padding:13px 15px}.compact-projects th{letter-spacing:.055em;white-space:normal;font-size:11px}.compact-projects td{white-space:normal;font-size:14px}.compact-projects td:not(:first-child){white-space:nowrap}.compact-projects td:first-child{width:36%}.compact-projects .sub{font-size:12px;line-height:1.35}.compact-projects th .sub{letter-spacing:0;text-transform:none;font-weight:400}.compact-projects .project-link>span{margin-left:4px;font-size:12px}.project-runtime{background:#e7ece2;border:1px solid #dce3d7;border-radius:10px;flex-wrap:wrap;justify-content:space-between;gap:20px;margin-top:22px;padding:18px 22px;display:flex}.project-runtime>div{gap:6px;display:grid}.project-runtime span{color:#62715c;font-size:12px}.project-runtime strong{font-size:16px;font-weight:600}.runtime-note{max-width:950px;margin-top:9px;line-height:1.6}@media (max-width:740px){.compact-projects{min-width:520px}.compact-projects th,.compact-projects td{padding:12px 10px}.compact-projects td:first-child{width:auto;min-width:155px}.project-runtime{gap:16px;padding:16px}.project-runtime>div{min-width:40%}}.percentage{color:#62715c;white-space:nowrap;font-size:12px;font-weight:400}.data-table th.balance-column{color:#354b36;background:#dce5d6}.data-table td.balance-column{color:#354b36;background:#edf2e8;border-left:1px solid #dce5d6;font-weight:700}.data-table td.balance-column>strong,.data-table td.balance-column>span.danger{font-size:16px;font-weight:750}.data-table .total-row td.balance-column{background:#dce5d6}.balance-column .sub{font-weight:400}.balance-column .danger,.balance-card .danger{color:#af604e}.card.balance-card{background:#e7ece2;border-color:#a9b9a0;box-shadow:inset 0 3px #718769}.balance-card .card-label{color:#354b36;font-weight:750}.time-history{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr) minmax(0,1.05fr);align-items:end;gap:10px;width:100%;max-width:590px;margin-bottom:18px;display:grid}.time-history .project-selector{white-space:nowrap;min-width:0}.time-history select,.time-history input{width:100%;min-width:0;max-width:none;padding:10px;font-size:14px}.person-toolbar .time-history{flex:0 590px;margin-bottom:0}@media (max-width:1100px){.person-toolbar{flex-direction:column;align-items:stretch}.person-toolbar .time-history{flex:none;max-width:590px}}@media (max-width:740px){.time-history{gap:7px;max-width:none}.time-history .project-selector{font-size:11px}.time-history select,.time-history input{padding:9px 5px;font-size:12px}.person-toolbar .time-history{max-width:none}}.staff-periods{border-top:1px solid #dce3d7;gap:4px;width:100%;margin-top:4px;padding-top:12px;display:grid}.staff-period-head,.staff-period-row{grid-template-columns:minmax(0,1fr) auto auto;align-items:baseline;column-gap:14px;padding:7px 0;font-size:13px;display:grid}.staff-period-head{color:#62715c;text-transform:uppercase;letter-spacing:.06em;font-size:11px}.staff-period-head>span:not(:first-child),.staff-period-row>span:not(:first-child),.staff-period-row>strong{text-align:right;white-space:nowrap;min-width:45px}.staff-period-row>span:first-child{color:#62715c;overflow-wrap:anywhere;font-size:12px}.staff-period-row>strong{color:#354b36;font-weight:750}@media (max-width:740px){.staff-choice .staff-periods{grid-column:1/-1}.staff-period-head,.staff-period-row{grid-template-columns:minmax(0,1fr) 65px 65px}}.delete-booking-details{color:#506561;overflow-wrap:anywhere;margin-top:22px;font-size:14px;line-height:1.7}.delete-confirm{background:#984c3d;border-color:#984c3d}.delete-confirm:hover{background:#7e3c30}button.nav{text-align:left;cursor:pointer;width:100%;font:inherit;background:0 0;border:0}button.nav.active{background:#e3e9df}.text-button{font:inherit;cursor:pointer;color:inherit;text-align:left;background:0 0;border:0;padding:6px 0}.section-title{margin-top:30px;margin-bottom:16px}.row-actions{flex-wrap:wrap;gap:8px;display:flex}.notice{background:#e7ece2;border:1px solid #acb8a7;border-radius:8px;justify-content:space-between;margin-bottom:18px;padding:12px 16px;display:flex}.notice button{background:0 0;border:0;font-size:20px}.check{align-items:center;gap:8px;font-size:13px;display:flex}.check input{width:auto}.employee-select{max-width:320px;margin-bottom:20px}.pie-disc{border-radius:50%;flex-shrink:0;width:180px;height:180px}.app-footer{margin-top:40px}.side-bottom .secondary{margin-top:12px;padding:8px;font-size:12px}.side-bottom .text-button{margin-top:10px;display:block}.modal-backdrop{z-index:100;background:#17292c66;place-items:center;padding:20px;display:grid;position:fixed;inset:0;overflow-y:auto}.app-modal{background:#fff;border-radius:16px;width:min(580px,100%);max-height:90dvh;padding:28px;overflow-y:auto;box-shadow:0 20px 90px #17292c33}.app-modal .inline-alert{margin-top:16px}.login-wrap{background:#e7ece2;place-items:center;min-height:100dvh;padding:25px;display:grid}.login-card{width:min(440px,100%);padding:38px!important}.login-card img{max-width:100%;height:auto;margin-bottom:30px}.login-card h1{margin:14px 0;font-size:28px}.login-card form{gap:18px;margin-top:28px;display:grid}.login-submit{width:100%;margin-top:10px}.login-divider{text-align:center;color:#62715c;margin:20px;font-size:13px}.loading{color:#455d46;padding:60px}.field input,.field select{width:100%}pre{max-width:500px;max-height:240px;font-size:12px;overflow:auto}.nav:focus-visible,button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline-offset:3px;outline:3px solid #455d46}@media (max-width:740px){button.nav{white-space:nowrap;width:auto;font-size:12px}.sidebar nav{flex-wrap:wrap;max-width:100%;overflow-x:auto}.side-bottom{font-size:12px;display:block!important}.side-bottom p{display:none}.side-bottom .secondary,.side-bottom .text-button{margin:6px 10px 0 0;display:inline-block}.top{flex-direction:column;align-items:flex-start;gap:18px}.top-actions{flex-wrap:wrap;width:100%}.top-actions>button{flex:1}.app-modal{padding:20px}.login-card{padding:28px!important}.pie-layout{align-items:center}.row-actions{min-width:95px}.time-history input[type=date],main{min-width:0}.app-modal input,.app-modal select{font-size:16px}}