:root{--primary: #4f46e5;--primary-dark: #4338ca;--primary-soft: #eef2ff;--bg: #f8f8fc;--card: #ffffff;--border: #e6e6f0;--text: #17171f;--muted: #6e6e80;--green: #15803d;--green-soft: #eaf6ef;--amber: #b45309;--amber-soft: #fdf3e7;--red: #b91c1c;--red-soft: #fdeeee;--weekend: #f4f4fa;--rail: #1d1b33;--rail-text: #c9c8dd;--rail-muted: #8b89a6}*{margin:0;padding:0;box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,sans-serif;background:var(--bg);color:var(--text);font-size:14px;line-height:1.45}button,input,select{font-family:inherit;color:inherit}.muted{color:var(--muted);font-size:13px}.error{color:var(--red);background:var(--red-soft);border-radius:10px;padding:10px 12px;font-size:13px;margin-top:12px}.notice{background:var(--primary-soft);color:var(--primary-dark);border-radius:10px;padding:10px 14px;font-size:12.5px;margin:12px 0}.btn{border:1px solid var(--border);background:var(--card);border-radius:9px;padding:7px 14px;font-size:12.5px;font-weight:600;cursor:pointer;color:var(--text)}.btn.small{padding:5px 10px;font-size:11.5px}.btn.primary{background:var(--primary);border-color:var(--primary);color:#fff;padding:9px 20px;font-size:13px}.btn.primary:hover:not(:disabled){background:var(--primary-dark)}.btn:disabled{opacity:.5;cursor:default}.primary{display:block;width:100%;margin-top:16px;padding:13px 18px;border:1px solid var(--primary);border-radius:11px;background:var(--primary);color:#fff;font-weight:700;font-size:15px;cursor:pointer}.primary:disabled{opacity:.55;cursor:default}.link{background:none;border:none;color:var(--primary);font-weight:600;font-size:13px;cursor:pointer;padding:8px 2px}.link.danger{color:var(--red)}.link:disabled{opacity:.5;cursor:default}.brand{display:flex;align-items:center;gap:9px}.brand-mark{width:30px;height:30px;border-radius:8px;background:linear-gradient(135deg,#6366f1,#4338ca);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:12px}.brand-name{font-weight:700;font-size:15px}.envchip,.envtag{display:inline-block;padding:2px 8px;border-radius:20px;background:var(--amber-soft);color:var(--amber);font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.5px}.envtag{margin-top:20px}.signin{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:20px}.signin-card{width:100%;max-width:380px;background:var(--card);border:1px solid var(--border);border-radius:16px;padding:26px 22px 24px}.signin-card h1{font-size:20px;font-weight:800;margin:22px 0 4px}.signin-card label{display:block;margin-top:18px;margin-bottom:6px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--muted)}.signin-card input{width:100%;padding:12px 13px;border:1px solid var(--border);border-radius:11px;background:#fff;font-size:15px}.code-input{letter-spacing:6px;font-size:20px;font-weight:700;text-align:center}.fullpage{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:24px;text-align:center}.fullpage .primary{width:auto}.shell{display:flex;min-height:100vh}.shell-body{flex:1;min-width:0}.side{width:216px;background:var(--rail);color:var(--rail-text);padding:20px 14px;flex-shrink:0;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;overflow-y:auto}.side .logo{display:flex;align-items:center;gap:10px;margin-bottom:26px;padding:0 6px}.side .logo .mark{width:34px;height:34px;border-radius:9px;background:linear-gradient(135deg,#6366f1,#4338ca);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:14px;flex-shrink:0}.side .logo-text{display:flex;flex-direction:column;min-width:0}.side .logo .t{font-size:15px;font-weight:700;color:#fff}.side .logo .s{font-size:10.5px;color:var(--rail-muted)}.side .logo .envtext{color:#f0b866;font-weight:800;letter-spacing:.5px;text-transform:uppercase}.side .navlbl{font-size:10px;text-transform:uppercase;letter-spacing:.6px;color:var(--rail-muted);margin:16px 6px 6px}.navlink{display:flex;align-items:center;gap:10px;width:100%;padding:9px 10px;border:none;border-radius:9px;background:none;color:var(--rail-text);font-size:13.5px;text-align:left;margin-bottom:2px;cursor:pointer}.navlink.active{background:#6366f138;color:#fff;font-weight:600}.navlink:hover:not(.active){background:#ffffff0f}.navlink .ico{width:18px;text-align:center;font-size:13px;opacity:.85}.side-foot{margin-top:auto;padding:12px 10px;border-top:1px solid rgba(255,255,255,.08);font-size:11.5px;color:var(--rail-muted)}.side-foot b{color:var(--rail-text);display:block;font-size:12px;overflow-wrap:anywhere}.drawer-scrim,.mobilebar{display:none}.main{padding:22px 28px 120px;max-width:1160px}.topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.topbar h1{font-size:19px;font-weight:800}.topbar .sub{font-size:12.5px;color:var(--muted);margin-top:2px;max-width:70ch}.monthnav{display:flex;align-items:center;gap:8px;flex-shrink:0}.monthnav button{border:1px solid var(--border);background:var(--card);border-radius:9px;width:32px;height:32px;font-size:14px;cursor:pointer;color:var(--muted)}.monthnav .cur{border:1px solid var(--border);background:var(--card);border-radius:9px;padding:6px 16px;font-weight:700;font-size:13.5px;white-space:nowrap}.statuschip{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:20px;font-size:11.5px;font-weight:700;background:#efeff5;color:#55546a;white-space:nowrap}.statuschip .dot{width:7px;height:7px;border-radius:50%;background:var(--rail-muted)}.statuschip.submitted{background:var(--amber-soft);color:var(--amber)}.statuschip.submitted .dot{background:#d97706}.statuschip.approved{background:var(--green-soft);color:var(--green)}.statuschip.approved .dot{background:#16a34a}.banner{display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--primary-soft);color:var(--primary-dark);border-radius:11px;padding:11px 14px;font-size:12.5px;margin-bottom:14px}.banner.reject{background:var(--amber-soft);color:#7a4a10}.banner.error-banner{background:var(--red-soft);color:var(--red)}.tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}.tile{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:14px 16px}.tile .lbl{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--muted);font-weight:700;margin-bottom:4px}.tile .val{font-size:22px;font-weight:800;letter-spacing:-.3px;font-variant-numeric:tabular-nums}.tile .val.small{font-size:18px}.tile .hint{font-size:11.5px;color:var(--muted);margin-top:2px}.tile.accent .val{color:var(--primary-dark)}.sheet{background:var(--card);border:1px solid var(--border);border-radius:14px}.sheet-head{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--border)}.sheet-head h2{font-size:14px;font-weight:700}.tablewrap{overflow-x:visible}table{width:100%;border-collapse:separate;border-spacing:0}th{position:sticky;top:0;z-index:3;text-align:left;font-size:10.5px;text-transform:uppercase;letter-spacing:.5px;color:var(--muted);font-weight:700;padding:9px 12px;border-bottom:1px solid var(--border);background:#fbfbfe;white-space:nowrap}th.r,td.r{text-align:right}td{padding:6px 12px;border-bottom:1px solid #f0f0f6;font-size:13px;vertical-align:middle;background:var(--card)}tbody tr:last-child td{border-bottom:none}thead th:first-child{border-top-left-radius:13px}thead th:last-child{border-top-right-radius:13px}tbody tr:last-child td:first-child{border-bottom-left-radius:13px}tbody tr:last-child td:last-child{border-bottom-right-radius:13px}.c-date{width:64px}.c-day{width:52px}.c-task{width:220px}.c-tm{width:66px}.c-hrs{width:76px}.c-type{width:120px}.c-acts{width:62px}tr.weekend td{background:var(--weekend);color:#9b9aae;font-size:12px}tr.weekendrow td{background:var(--weekend)}tr.holidayrow td{background:#fffaf3}tr.dirty td{background:#fbfaff}tr.flagged td{background:var(--amber-soft)}tr.flagged.dirty td{background:#fdf0dd}.flagnote{display:block;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:var(--amber)}tr.hasnote td{border-bottom:none}.expandrun{background:none;border:none;padding:2px 0;font-size:11.5px;font-weight:700;color:var(--primary);cursor:pointer}tr.split1 td{border-bottom:1px dashed #dbdae8}tr.split2 td{border-top:none}td.d{font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}td.day{color:var(--muted);font-size:12px;white-space:nowrap}.clienttask{display:flex;gap:5px}.clienttask select{min-width:0}.clienttask select:first-child{flex:1 1 60%}.clienttask select:last-child{flex:1 1 40%}select{border:1px solid var(--border);border-radius:8px;padding:5px 8px;font-size:12px;background:#fff;color:var(--text);max-width:100%}select:disabled,input:disabled{background:transparent;border-color:transparent;color:#adacc0;-webkit-text-fill-color:#adacc0;opacity:1}.tm{width:100%;border:1px solid var(--border);border-radius:8px;padding:5px 6px;font-size:12px;text-align:center;font-variant-numeric:tabular-nums;background:#fff}.tm::placeholder{color:#c2c1d2}.hours{width:60px;border:1px solid var(--border);border-radius:8px;padding:5px 8px;font-size:13px;font-weight:700;text-align:right;font-variant-numeric:tabular-nums;background:#fff}.hours.over{border-color:#f0c48a;background:var(--amber-soft);color:var(--amber)}.hours.derived{color:var(--primary-dark);border-style:dashed}.hourscell{display:inline-flex;align-items:center;gap:3px}.typecell{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.typ{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:14px;font-size:11px;font-weight:700;white-space:nowrap}select.typ{appearance:none;border:none;cursor:pointer;padding:3px 20px 3px 10px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 5'%3E%3Cpath d='M0 0h8L4 5z' fill='%23000' fill-opacity='.4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 7px center;background-size:7px 4px}.typ.working{background:var(--green-soft);color:var(--green)}.typ.leave{background:var(--red-soft);color:var(--red)}.typ.weekend{background:#ececf3;color:#9b9aae}.typ.holiday{background:var(--amber-soft);color:var(--amber)}td.acts{white-space:nowrap}.addline{background:none;border:none;font-size:11px;color:var(--primary);font-weight:700;cursor:pointer;padding:2px 0}.rowicon{display:inline-flex;align-items:center;background:none;border:none;color:#c6c5d4;cursor:pointer;padding:2px 3px;vertical-align:middle;transition:color .12s ease-out}.rowicon:hover,.rowicon:focus-visible{color:var(--red)}tr:hover .rowicon{color:#9d9cb0}tr:hover .rowicon:hover,tr:hover .rowicon:focus-visible{color:var(--red)}tr.rownote td{padding-top:0;padding-bottom:7px;border-bottom:1px solid #f0f0f6}tr.rownote span{display:inline-block;margin-right:6px;border-radius:12px;padding:1px 9px;font-size:10.5px;font-weight:700}.warnchip{background:var(--amber-soft);color:var(--amber)}.overridechip{background:var(--primary-soft);color:var(--primary-dark);font-weight:600!important}.dirtychip{background:#efeff5;color:#55546a}.savingchip{background:var(--primary-soft);color:var(--primary-dark)}.preflagchip{background:var(--amber-soft);color:var(--amber);font-weight:600!important}.rowerror{background:var(--red-soft);color:var(--red);font-weight:600!important}.callout{margin:14px 0 0;padding:10px 14px;background:var(--primary-soft);border-radius:10px;font-size:12.5px;color:var(--primary-dark)}.callout b{font-weight:800}.actionbar{position:fixed;bottom:0;left:216px;right:0;background:#fff;border-top:1px solid var(--border);padding:12px 28px;display:flex;align-items:center;justify-content:space-between;gap:16px;box-shadow:0 -4px 16px #17171f0d;z-index:10}.actionbar .totals{display:flex;gap:26px;font-size:12.5px;color:var(--muted)}.actionbar .totals b{display:block;font-size:16px;color:var(--text);font-variant-numeric:tabular-nums}.actionbar .totals .byclient b{font-size:13px}.actionbar .acts{display:flex;gap:10px;align-items:center}.savednote{font-size:11.5px;color:var(--muted);text-align:right}.savednote.unsaved{color:var(--amber);font-weight:700}.cols{display:grid;grid-template-columns:1fr 300px;gap:16px;align-items:start}.month{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:16px 18px;margin-bottom:12px}.month .row1{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.month h3{font-size:15.5px;font-weight:800}.month .meta{font-size:12.5px;color:var(--muted)}.month .nums{display:flex;flex-wrap:wrap;gap:26px;margin-top:10px}.month .nums div{font-size:11.5px;color:var(--muted)}.month .nums b{display:block;font-size:15px;color:var(--text);font-variant-numeric:tabular-nums}.chip{display:inline-flex;align-items:center;gap:6px;padding:4px 11px;border-radius:20px;font-size:11px;font-weight:700;white-space:nowrap}.chip .dot{width:7px;height:7px;border-radius:50%}.chip.draft{background:#efeff5;color:#55546a}.chip.draft .dot{background:var(--rail-muted)}.chip.submitted{background:var(--amber-soft);color:var(--amber)}.chip.submitted .dot{background:#d97706}.chip.approved{background:var(--green-soft);color:var(--green)}.chip.approved .dot{background:#16a34a}.steps{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-top:12px}.steps .stepwrap{display:inline-flex;align-items:center;gap:6px}.steps .st{font-size:10.5px;font-weight:700;padding:3px 9px;border-radius:12px;background:#efeff5;color:#9b9aae}.steps .st.done{background:var(--green-soft);color:var(--green)}.steps .st.cur{background:var(--amber-soft);color:var(--amber)}.steps .ln{width:14px;height:1px;background:var(--border)}.delta{margin-top:12px;padding:10px 12px;background:var(--amber-soft);border-radius:10px;font-size:12.5px;color:#7a4a10}.delta b{color:var(--amber)}.delta.warn{background:var(--red-soft);color:var(--red)}.month .acts{margin-top:12px;display:flex;flex-wrap:wrap;gap:8px}.panel{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:18px}.panel h3{font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;color:#55546a;margin-bottom:12px}.kv{display:flex;justify-content:space-between;gap:12px;font-size:12.5px;padding:7px 0;border-bottom:1px solid #f0f0f6}.kv:last-of-type{border-bottom:none}.kv .k{color:var(--muted)}.kv .v{font-weight:600;text-align:right;overflow-wrap:anywhere}.kv .v .sub{display:block;font-weight:500;font-size:11px;color:var(--muted)}.panel .note{margin-top:10px;font-size:11.5px;color:var(--muted)}.profile-single{max-width:420px}.dialog-backdrop{position:fixed;inset:0;z-index:40;display:flex;align-items:center;justify-content:center;padding:20px;background:#17171f6b}.dialog{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:20px 22px;width:min(460px,100%);max-height:calc(100vh - 40px);overflow-y:auto;box-shadow:0 18px 48px #17171f2e}.dialog h2{font-size:16px;margin-bottom:6px}.dialog-lead{font-size:13px;color:var(--text);margin-bottom:14px}.dialog-nums{display:flex;flex-wrap:wrap;gap:10px 22px;padding:12px 14px;background:var(--bg);border-radius:10px}.dialog-nums div{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.dialog-nums b{display:block;margin-top:3px;font-size:17px;color:var(--text);letter-spacing:0;text-transform:none}.dialog-note{margin-top:12px;font-size:12px;color:var(--muted)}.dialog-error{margin-top:12px;padding:9px 12px;border-radius:9px;background:var(--red-soft);color:var(--red);font-size:12.5px}.dialog-acts{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}@media(max-width:900px){.side{position:fixed;top:0;bottom:0;left:0;z-index:30;transform:translate(-100%);transition:transform .18s ease-out}.side.open{transform:translate(0)}.drawer-scrim{display:block;position:fixed;inset:0;z-index:25;background:#17171f6b}.mobilebar{display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--card);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:15}.menubtn{border:1px solid var(--border);background:var(--card);border-radius:9px;width:34px;height:34px;font-size:15px;cursor:pointer}.main{padding:16px 14px 150px}.topbar{flex-direction:column;align-items:stretch;gap:12px}.monthnav{flex-wrap:wrap}.tiles{grid-template-columns:repeat(2,1fr);gap:9px}.tablewrap{overflow-x:auto;-webkit-overflow-scrolling:touch}table{min-width:760px}td.d,th.c-date{position:sticky;left:0;background:var(--card);z-index:2}th.c-date{z-index:4}tr.weekend td.d{background:var(--weekend)}th.c-date{background:#fbfbfe}.actionbar{left:0;flex-direction:column;align-items:stretch;gap:10px;padding:10px 14px calc(10px + env(safe-area-inset-bottom))}.actionbar .totals{gap:18px}.actionbar .acts{flex-wrap:wrap;justify-content:flex-end}.savednote{flex:1 1 100%;text-align:left}.cols{grid-template-columns:1fr}}