@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#243a31;--green:#244d3d;--lime:#d9edb4;--muted:#7a847c;--line:#e4e8df;--paper:#f6f7f2}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:14px}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus,select:focus{outline:2px solid #739653;outline-offset:3px}.sidebar{position:fixed;inset:0 auto 0 0;width:236px;background:#fcfcf8;border-right:1px solid var(--line);padding:38px 22px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px;font:800 23px 'Manrope',sans-serif;letter-spacing:2px;padding:0 12px}.brand small{display:block;font:500 9px 'DM Sans',sans-serif;letter-spacing:2.3px;margin-top:5px}.brand-icon{display:grid;place-items:center;background:var(--green);color:var(--lime);width:43px;height:47px;transform:rotate(-5deg);border-radius:5px;font-size:30px}.nav-label{margin:58px 14px 16px;color:#939b91;font-size:10px;letter-spacing:1.7px;font-weight:700}nav{display:grid;gap:8px}nav a{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:7px;font-weight:500;color:#758075}nav a span{font-size:21px;width:22px}nav a.active{background:#e9efdf;color:var(--green);font-weight:700}nav a:hover{background:#eef2e9}.sidebar-note{margin:auto 12px 34px;font-size:11px;line-height:1.7}.sidebar-note p{color:#8b9388;margin:10px 0}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#91ad6d;margin-right:7px}.sidebar-bottom{border-top:1px solid var(--line);padding:22px 8px 0;font-size:10px;color:#8b9388;display:flex;justify-content:space-between}.sidebar-bottom span{font-size:8px;letter-spacing:1px;background:#edf0e7;padding:3px 5px;border-radius:3px}.workspace{margin-left:236px}.topbar{height:80px;border-bottom:1px solid var(--line);padding:0 44px;display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#788278}.slash{padding:0 14px;color:#b8beb4}.top-right{display:flex;align-items:center;gap:7px}.top-right .dot{margin:0}.avatar{display:grid;place-items:center;width:32px;height:32px;border:1px solid #dce3d4;border-radius:50%;margin-left:20px;background:#e9eedd;color:var(--green);font-weight:700}main{max-width:1600px;margin:auto;padding:45px 44px 24px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:30px}.eyebrow{font-size:10px;letter-spacing:1.6px;font-weight:700;color:#81906d}h1{font:600 clamp(26px,2.8vw,38px) 'Manrope',sans-serif;letter-spacing:-1.4px;margin:10px 0 12px}h1 span{color:#a1b778}p{color:var(--muted);line-height:1.7;margin:0}h2{font:700 18px 'Manrope',sans-serif;margin:5px 0}.tag{font-size:11px;padding:9px 12px;border:1px solid #dde4d4;border-radius:5px;white-space:nowrap;color:#6f7e60;background:#f0f3e9}.card{background:white;border:1px solid var(--line);border-radius:10px;overflow:hidden;box-shadow:0 2px 5px #233c2803}.filter-card{padding:23px 25px;margin-bottom:25px}.filters{display:flex;gap:20px;align-items:flex-end}.field{display:flex;flex-direction:column;gap:9px;flex:1}.employee-field{flex:1.5}label{font-size:11px;font-weight:700;color:#737f70}input,select{border:1px solid #dfe4db;background:#fff;border-radius:5px;min-width:0;padding:11px 12px;color:var(--ink);height:42px}select{cursor:pointer}.button{display:inline-flex;align-items:center;justify-content:center;background:var(--green);border:1px solid var(--green);color:#fff;border-radius:5px;padding:12px 20px;font-weight:600;font-size:12px;cursor:pointer;min-height:42px;white-space:nowrap}.button:hover{background:#32624e}.secondary{color:var(--green);background:#f0f3e9;border-color:#dde4d4}.secondary:hover{background:#e5ecd8}.table-heading{padding:24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.table-heading h2{margin-top:8px}.muted{font:400 12px 'DM Sans',sans-serif;color:#8c958a;margin-left:8px}.period-nav{display:flex;gap:7px}.period-nav a{display:grid;place-items:center;border:1px solid var(--line);border-radius:5px;width:34px;height:34px}.period-nav a:hover{background:#eef2e6}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;text-align:left}th{font-size:10px;color:#899181;font-weight:600;background:#fafbf7;white-space:nowrap;padding:16px 12px}th:first-child,td:first-child{padding-left:24px}th:last-child,td:last-child{padding-right:24px}td{padding:14px 10px;border-top:1px solid #edf0e8}tr.weekend{background:#f8f9f5}tr.today{background:#f2f7e9}.day-cell{display:flex;align-items:center;gap:8px;white-space:nowrap}.day-cell strong{font-size:12px;min-width:20px}.day-cell span{font-size:12px;color:#8a9385}.day-cell i{width:5px;height:5px;background:#849f59;border-radius:50%}.time-table input,.time-table select{height:36px;font-size:12px;padding:6px 7px;border-color:#e2e7dc}.time-input{width:98px}.status-select{width:86px;background:#f5f7f0!important}.site-select{width:100%;min-width:175px;max-width:260px}.time-table input:disabled,.time-table select:disabled{opacity:.32;background:#f3f4ee}.right{text-align:right}.time-table output{font-size:12px;white-space:nowrap;font-weight:600;color:#70845b}.table-bottom{border-top:1px solid var(--line);padding:19px 24px;display:flex;justify-content:space-between;gap:15px;font-size:11px;color:#899280;background:#fcfdf9}.table-bottom strong{margin-left:18px;font-size:17px;color:var(--ink)}.save-bar{display:flex;justify-content:space-between;align-items:center;margin:23px 0 25px}.save-bar strong{font-size:12px}.save-bar p{font-size:11px;margin-top:5px}.help-note{display:flex;gap:12px;padding:17px;background:#edf1e6;border-radius:6px;font-size:11px}.help-note>span{border:1px solid #a8b696;border-radius:50%;height:17px;min-width:17px;text-align:center;color:#7c8f67}.help-note p{color:#7b896c}.notice{background:#eff5e6;border:1px solid #d4e3bf;padding:16px 20px;border-radius:7px;margin-bottom:22px;line-height:1.6}.notice.error{background:#fff2eb;border-color:#efc6b2;color:#a1482d}.notice a{text-decoration:underline}.master-grid{display:grid;grid-template-columns:1fr 340px;gap:24px;align-items:start}.master-table td{padding-top:20px;padding-bottom:20px;font-size:13px}.edit-link{font-size:11px;color:#607f4f;display:inline-block;margin-left:12px}.form-card{padding:26px}.form-card h2{margin:12px 0 25px}.form-card .field{margin:18px 0}.form-card .button{width:100%;margin-top:10px}.cancel{display:block;text-align:center;font-size:12px;margin-top:18px;color:var(--muted)}.empty{text-align:center;padding:55px 25px}.empty p{margin:14px auto 22px;max-width:600px}.empty h2{font-size:23px}footer{padding:20px 44px 28px;display:flex;justify-content:space-between;color:#a0a798;font-size:10px}footer span{font-size:9px;letter-spacing:1.2px}@media(min-width:1600px){.time-input{width:110px}td{padding-top:18px;padding-bottom:18px}}@media(max-width:1150px){.sidebar{width:195px;padding:30px 12px}.workspace{margin-left:195px}main{padding:32px 24px}.topbar{padding:0 24px}.filters{gap:12px;flex-wrap:wrap}.filters .field{flex:1;min-width:160px}.page-heading .tag{display:none}.master-grid{grid-template-columns:1fr}.form-card{max-width:550px}footer{padding:20px 24px}}@media(max-width:700px){.sidebar{position:static;width:100%;padding:18px 20px;border-right:0;border-bottom:1px solid var(--line)}.brand{font-size:19px;padding:0}.brand-icon{width:33px;height:36px;font-size:23px}.brand small{font-size:8px}nav{display:flex;margin-top:20px;gap:6px}nav a{font-size:12px;padding:10px;gap:7px;flex:1;justify-content:center}nav a span{font-size:16px;width:auto}.nav-label,.sidebar-note,.sidebar-bottom{display:none}.workspace{margin:0}.topbar{height:52px;padding:0 20px}.top-right{font-size:0}.avatar{font-size:12px;margin-left:5px}main{padding:26px 16px}.page-heading{margin-bottom:23px}h1{font-size:28px}.page-heading p{font-size:12px}.filter-card{padding:18px}.filters .field{min-width:130px}.employee-field{flex-basis:100%!important}.filters .button{width:100%}.table-heading{padding:18px}.table-heading h2{font-size:15px}.muted{display:block;margin:8px 0 0}.table-bottom>span:first-child{display:none}.table-bottom{justify-content:flex-end}.save-bar{gap:12px;align-items:flex-start}.save-bar p{max-width:190px}.save-bar .button{padding:12px}.help-note{padding:13px}.master-table td{white-space:nowrap}footer{padding:15px 16px}footer>span{display:none}}

.checkbox-label{display:flex;align-items:center;gap:10px;font-size:14px}.checkbox-label input{width:18px;height:18px;accent-color:var(--green)}.activity{display:inline-block;padding:5px 9px;border-radius:4px;background:#edf3e5;color:#587441;font-size:11px}.activity.inactive{background:#f0f0eb;color:#8b9185}