:root{--bg:#f4f6f9;--panel:#fff;--line:#e2e7ee;--ink:#1f2733;--muted:#6b7686;--brand:#2a6df4;--brand-d:#1f57c8;--ok:#1f9d57;--warn:#d98314;--danger:#d23f3f;--weekend:#f7f9fc;--holiday:#fff7e6}*{box-sizing:border-box}body{color:var(--ink);background:var(--bg);margin:0;font:14px/1.45 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}h1,h2,h3,h4{margin:0 0 .5rem}a{color:var(--brand)}.app{min-height:100vh}.topbar{background:var(--panel);border-bottom:1px solid var(--line);z-index:5;align-items:center;gap:1.5rem;height:56px;padding:0 1.25rem;display:flex;position:sticky;top:0}.brand{color:var(--brand-d);white-space:nowrap;font-weight:700}.tabs{flex:1;gap:.25rem;display:flex;overflow-x:auto}.tab{cursor:pointer;color:var(--muted);white-space:nowrap;background:0 0;border:0;border-radius:6px;padding:.5rem .85rem;font-weight:500}.tab:hover{background:var(--bg);color:var(--ink)}.tab.active{background:var(--brand);color:#fff}.who{white-space:nowrap;align-items:center;gap:.6rem;display:flex}.bell-wrap{position:relative}.bell-btn{cursor:pointer;background:0 0;border:0;border-radius:6px;padding:4px;font-size:18px;line-height:1;position:relative}.bell-btn:hover{background:var(--bg)}.bell-badge{background:var(--danger);color:#fff;border-radius:999px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 3px;font-size:10px;font-weight:700;display:flex;position:absolute;top:-2px;right:-4px}.bell-backdrop{z-index:20;position:fixed;inset:0}.bell-panel{background:var(--panel);border:1px solid var(--line);z-index:21;border-radius:10px;width:320px;max-height:420px;position:absolute;top:32px;right:0;overflow-y:auto;box-shadow:0 8px 28px #141e322e}.bell-head{border-bottom:1px solid var(--line);padding:.6rem .85rem;font-weight:600}.bell-empty{padding:1rem .85rem}.bell-item{border-bottom:1px solid var(--line);color:var(--ink);white-space:normal;padding:.55rem .85rem;text-decoration:none;display:block}.bell-item:last-child{border-bottom:0}.bell-item:hover{background:var(--bg)}.bell-item.unread{background:#eef4ff}.bell-item.unread:hover{background:#e3edff}.bell-title{font-size:13px;font-weight:600}.bell-body{font-size:12px}.bell-time{margin-top:2px;font-size:11px}.who .name{font-weight:600}.role-badge{color:var(--brand-d);text-transform:uppercase;letter-spacing:.03em;background:#eef2fb;border-radius:999px;padding:2px 8px;font-size:11px}.content{max-width:1100px;margin:0 auto;padding:1.25rem}.view>h2{margin-bottom:1rem}.btn{border:1px solid var(--line);background:var(--panel);color:var(--ink);cursor:pointer;border-radius:6px;padding:.45rem .8rem;font-weight:500}.btn:hover{border-color:#c7cfdb}.btn:disabled{opacity:.5;cursor:default}.btn.primary{background:var(--brand);border-color:var(--brand);color:#fff}.btn.success{background:var(--ok);border-color:var(--ok);color:#fff}.btn.danger{background:var(--danger);border-color:var(--danger);color:#fff}.btn.warn{background:var(--warn);border-color:var(--warn);color:#fff}.btn.ghost{background:0 0}.btn.sm{padding:.2rem .5rem;font-size:12px}.empty{min-height:60vh;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:.75rem;display:flex}.signin h1{color:var(--ink)}.list{border-collapse:collapse;background:var(--panel);border:1px solid var(--line);border-radius:8px;width:100%;overflow:hidden}.list th,.list td{text-align:left;border-bottom:1px solid var(--line);padding:.55rem .7rem}.list th{text-transform:uppercase;letter-spacing:.03em;color:var(--muted);background:#fafbfd;font-size:12px}.list tr:last-child td{border-bottom:0}.list tr.inactive td{opacity:.5}.list tr.sel{background:#eef4ff}.list select,.list input[type=date]{padding:.25rem}.panel{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:1rem}.panel-head{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.5rem;display:flex}.period-nav{align-items:center;gap:.4rem;display:flex}.period-nav select{border:1px solid var(--line);border-radius:6px;padding:.35rem}.period-label{font-weight:600}.sub{margin-bottom:.5rem;font-size:13px}.muted{color:var(--muted)}.error{color:var(--danger)}.ok,.pos{color:var(--ok)}.neg{color:var(--danger)}.cap{text-transform:capitalize}.status-pill{text-transform:capitalize;color:var(--muted);background:#eef2f7;border-radius:999px;padding:2px 9px;font-size:12px}.s-draft{color:var(--muted);background:#eef2f7}.s-submitted{color:var(--warn);background:#fff3d6}.s-approved,.s-locked{color:var(--ok);background:#e3f6ea}.s-rejected{color:var(--danger);background:#fde6e6}.banner{border-radius:6px;margin:.5rem 0;padding:.5rem .75rem}.banner.warn{background:var(--holiday);color:var(--warn)}.grid-wrap{align-items:flex-start;gap:1rem;display:flex}.grid-main{flex:1;min-width:0;overflow-x:auto}.ts-grid{border-collapse:collapse;width:100%}.ts-grid th,.ts-grid td{border:1px solid var(--line);text-align:center;padding:.3rem .4rem}.ts-grid th{background:#fafbfd;font-size:12px}.ts-grid .day-col{text-align:left;white-space:nowrap;min-width:140px}.ts-grid tr.weekend td{background:var(--weekend)}.ts-grid tr.holiday td{background:var(--holiday)}.hol-tag{color:var(--warn);font-size:11px;display:block}input.hours{text-align:center;border:1px solid var(--line);border-radius:4px;width:56px;padding:.25rem}input.hours:disabled{color:var(--muted);background:#f3f5f8}.row-total,.col-total,.grand-total{background:#fafbfd;font-weight:600}.grand-total{color:var(--brand-d)}.grid-actions{align-items:center;gap:.6rem;margin-top:.75rem;display:flex}.rail{flex-direction:column;flex-shrink:0;gap:.6rem;width:180px;display:flex}.rail-card{border:1px solid var(--line);background:#fafbfd;border-radius:8px;padding:.6rem .75rem}.rail-card h4{color:var(--muted);text-transform:uppercase;margin:0;font-size:12px}.rail-card .bal{font-size:1.4rem;font-weight:700}.rail-card .bal-after{color:var(--warn);font-size:12px}.rail-card.muted .bal{color:var(--muted)}.cards{gap:1rem;margin-bottom:1.25rem;display:flex}.stat-card{background:var(--panel);border:1px solid var(--line);border-radius:10px;min-width:160px;padding:1rem 1.25rem}.stat-label{color:var(--muted);text-transform:uppercase;font-size:12px}.stat-value{font-size:2rem;font-weight:700}.form-row{flex-wrap:wrap;align-items:flex-end;gap:.6rem;margin:.75rem 0;display:flex}.form-row label{color:var(--muted);flex-direction:column;gap:.2rem;font-size:12px;display:flex}.form-row input,.form-row select{border:1px solid var(--line);border-radius:6px;padding:.4rem}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem 1.25rem;max-width:760px;margin-bottom:1rem;display:grid}.settings-grid label{color:var(--muted);flex-direction:column;gap:.25rem;font-size:12px;display:flex}.settings-grid label.wide{grid-column:1/-1}.settings-grid label.check{color:var(--ink);flex-direction:row;grid-column:1/-1;align-items:center;gap:.5rem}.settings-grid input,.settings-grid select{border:1px solid var(--line);border-radius:6px;padding:.4rem}.settings-grid .hint{color:var(--muted);font-size:11.5px;font-weight:400;line-height:1.35}.settings-grid label.check .hint{flex-basis:100%;margin-left:0}.section-hint{color:var(--muted);max-width:70ch;margin:0 0 .6rem;font-size:13px}.cycle-acc{border:1px solid var(--line);background:var(--panel);border-radius:8px;margin-bottom:.6rem}.cycle-acc>summary{cursor:pointer;text-transform:capitalize;align-items:center;gap:.5rem;padding:.6rem .9rem;font-weight:600;display:flex}.cycle-acc[open]>summary{border-bottom:1px solid var(--line)}.cycle-acc .settings-grid{margin:0;padding:.9rem}.section-acc{border:1px solid var(--line);background:var(--panel);border-radius:10px;margin-bottom:.75rem}.section-acc>summary{cursor:pointer;color:var(--ink);align-items:center;gap:.5rem;padding:.85rem 1rem;font-size:15px;font-weight:700;list-style:none;display:flex}.section-acc>summary:before{content:"▸";color:var(--muted);font-size:12px}.section-acc[open]>summary:before{content:"▾"}.section-acc[open]>summary{border-bottom:1px solid var(--line)}.section-acc .section-body{padding:1rem}.section-acc .section-body>.settings-grid:last-child,.section-acc .section-body>.list:last-child{margin-bottom:0}.fab-wrap{z-index:40;align-items:center;gap:.6rem;display:flex;position:fixed;bottom:1.5rem;right:1.5rem}.fab{background:var(--brand);color:#fff;cursor:pointer;border:0;border-radius:999px;padding:.8rem 1.3rem;font-size:14px;font-weight:600;box-shadow:0 6px 20px #2a6df466}.fab:hover:not(:disabled){background:var(--brand-d)}.fab:disabled{background:var(--ok);cursor:default;opacity:.95;box-shadow:0 4px 14px #1f9d574d}.fab-status{background:var(--panel);border:1px solid var(--line);border-radius:999px;padding:.4rem .8rem;font-size:13px;box-shadow:0 4px 14px #141e321f}.fab-status.ok{color:var(--ok)}.fab-status.error{color:var(--danger)}.content{padding-bottom:5rem}.drill{border-top:2px solid var(--line);margin-top:1.25rem;padding-top:1rem}.drill-head{justify-content:space-between;align-items:center;display:flex}.sync-box{border:1px solid var(--line);background:#fafbfd;border-radius:8px;flex-wrap:wrap;align-items:flex-start;gap:1rem;margin-bottom:1rem;padding:.75rem 1rem;display:flex}.sync-box>div:first-child{flex:1;min-width:240px}.dir-picker{flex-basis:100%}.dir-list{border:1px solid var(--line);background:var(--panel);border-radius:6px;max-height:320px;overflow-y:auto}.dir-row{border-bottom:1px solid var(--line);cursor:pointer;align-items:center;gap:.6rem;padding:.4rem .6rem;display:flex}.dir-row:last-child{border-bottom:0}.dir-row:hover{background:var(--bg)}.dir-row.imported{opacity:.7}.dir-row .dir-name{min-width:160px;font-weight:500}.pay-cell{align-items:center;gap:.3rem;display:inline-flex}.pay-cell input[type=date]{padding:.2rem}.cycle-tag{color:var(--muted);text-transform:capitalize;font-size:11px}