:root{--color-primary: #0b2a4a;--color-primary-text: #ffffff;--color-bg: #ffffff;--color-text: #101820;--color-muted: #4b5866;--color-border: #76838f;--color-tile: #eef2f6;--color-tile-selected: #cfe3ff;--color-own: #d9f2e0;--color-own-border: #1f7a3d;--color-warning: #f2a900;--color-warning-bg: #fff3cc;--color-danger: #c62828;--color-danger-bg: #fdecea;--font-family: Roboto, system-ui, -apple-system, "Segoe UI", sans-serif;--font-body: 16px;--font-small: 14px;--font-heading: 24px;--tap: 48px;--gap: 12px;--gutter: 16px;--radius: 8px;--page-max: 960px}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-family);font-size:var(--font-body);line-height:1.4;-webkit-tap-highlight-color:transparent}.app{display:flex;flex-direction:column;min-height:100vh}.header{display:flex;align-items:center;justify-content:space-between;gap:var(--gap);min-height:var(--tap);padding:0 var(--gutter);background:var(--color-primary);color:var(--color-primary-text)}.wordmark{font-size:20px;font-weight:900;letter-spacing:.25em}.header-note{font-size:var(--font-small);text-align:right}.screen{display:flex;flex-direction:column;gap:var(--gap);width:100%;max-width:var(--page-max);margin:0 auto;padding:var(--gutter)}.screen h1{margin:0;font-size:var(--font-heading)}.muted{color:var(--color-muted)}.banner{padding:10px var(--gutter);font-weight:700;background:var(--color-warning-bg);border-bottom:4px solid var(--color-warning)}.banner--danger{background:var(--color-danger-bg);border-bottom-color:var(--color-danger)}.btn{min-height:var(--tap);padding:8px 16px;border:2px solid var(--color-primary);border-radius:var(--radius);background:var(--color-bg);color:var(--color-primary);font:inherit;font-weight:700;cursor:pointer}.btn--primary{background:var(--color-primary);color:var(--color-primary-text)}.btn--danger{border-color:var(--color-danger);color:var(--color-danger)}.btn--quiet{border-color:var(--color-border);color:var(--color-muted);font-weight:400}.header .btn--quiet{min-height:44px;border-color:var(--color-primary-text);color:var(--color-primary-text)}.btn:disabled,.btn[aria-disabled=true]{opacity:.4;cursor:default}:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}.header :focus-visible{outline-color:var(--color-primary-text)}.week-nav{display:grid;grid-template-columns:1fr 1fr;grid-template-areas:"title title" "prev next";gap:var(--gap)}.week-nav h1{grid-area:title}.week-nav .btn:first-of-type{grid-area:prev}.week-nav .btn:last-of-type{grid-area:next}.field{display:flex;flex-direction:column;gap:4px;font-size:var(--font-small);font-weight:700;color:var(--color-muted)}.field--grow{flex:1 1 100%}.field select,.field input,.field textarea{min-height:var(--tap);padding:8px 12px;border:2px solid var(--color-border);border-radius:var(--radius);background:var(--color-bg);color:var(--color-text);font:inherit;font-weight:400}.field textarea{width:100%;resize:vertical}.field-error{margin:0;color:var(--color-danger);font-weight:700}.filters{display:flex;flex-wrap:wrap;gap:var(--gap);align-items:flex-end}.filters .field:not(.field--grow){flex:1 1 120px}.count{margin:0;font-weight:700}.card{border:2px solid var(--color-border);border-radius:var(--radius)}.card>:first-child{border-top-left-radius:calc(var(--radius) - 2px);border-top-right-radius:calc(var(--radius) - 2px)}.card>:last-child{border-bottom-left-radius:calc(var(--radius) - 2px);border-bottom-right-radius:calc(var(--radius) - 2px)}.card-head{display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px;padding:10px var(--gap);background:var(--color-tile)}.card-name{flex:1 1 100%;margin:0;font-size:18px}.card-employer{color:var(--color-muted)}.card-approve{flex:1 1 100%;margin-top:6px}.card-empno{padding:10px var(--gap);background:var(--color-warning-bg);border-bottom:2px solid var(--color-warning)}.hint{margin:0 0 8px;font-weight:700}.empno-form{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--gap)}.empno-form .field{flex:1 1 160px}.chip{display:inline-block;padding:2px 8px;border-radius:6px;background:var(--color-warning-bg);border:1px solid var(--color-warning);font-size:12px;font-weight:700}.chip--warn{background:var(--color-warning)}.lines{margin:0;padding:0;list-style:none}.line-head{display:none}.line{display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px;padding:10px var(--gap);border-top:1px solid var(--color-border)}.line-job,.line-hours{font-weight:700}.line-code{flex:1 1 auto}.line-flags{display:flex;flex-wrap:wrap;gap:4px;flex:1 1 100%}.line-flags:empty{display:none}.line-approval{flex:1 1 100%;color:var(--color-muted)}.line-approval small{display:block;font-size:.8125rem}.line-actions{display:flex;align-items:center;justify-content:space-between;gap:var(--gap);flex:1 1 100%}.line-note{flex:1 1 100%;margin:0;padding:6px 10px;background:var(--color-tile);border-radius:6px;font-size:var(--font-small)}.switch{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-weight:700;cursor:pointer}.switch input{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;flex:none;width:52px;height:30px;margin:0;border:2px solid var(--color-border);border-radius:15px;background:var(--color-bg);cursor:inherit}.switch input:before{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:var(--color-border)}.switch input:checked{border-color:var(--color-own-border);background:var(--color-own)}.switch input:checked:before{left:25px;background:var(--color-own-border)}.switch input:disabled{opacity:.4;cursor:default}.late{display:flex;flex-direction:column;gap:var(--gap)}.late h2{margin:8px 0 0;font-size:20px}.late p{margin:0}.dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-end;justify-content:center;background:#10182080}.dialog{display:flex;flex-direction:column;gap:var(--gap);width:100%;max-width:520px;padding:var(--gutter);border-radius:var(--radius) var(--radius) 0 0;background:var(--color-bg)}.dialog h2{margin:0;font-size:18px}.dialog p{margin:0}.dialog-actions{display:flex;justify-content:flex-end;gap:var(--gap)}@media(min-width:720px){:root{--gutter: 24px;--font-heading: 28px}.week-nav{grid-template-columns:auto 1fr auto;grid-template-areas:"prev title next";align-items:center}.week-nav h1{text-align:center}.field--grow{flex:2 1 240px}.card-name{flex:0 1 auto}.card-approve{flex:0 0 auto;margin:0 0 0 auto}.dialog-backdrop{align-items:center}.dialog{border-radius:var(--radius)}}@media(min-width:1024px){:root{--page-max: 1200px}.line-head,.line{display:grid;grid-template-columns:90px 100px minmax(110px,1fr) 60px minmax(120px,1fr) 150px 200px;align-items:center;gap:0 12px}.line-flags:empty{display:flex}.line-actions{gap:8px}.line-actions .btn{padding:8px 12px}.line-head{padding:8px var(--gap);background:var(--color-bg);border-bottom:1px solid var(--color-border);color:var(--color-muted);font-size:var(--font-small);font-weight:700}.line{border-top:0;border-bottom:1px solid var(--color-border)}.line-code,.line-flags,.line-approval,.line-actions{flex:none}.line-code,.line-approval{min-width:0}.lines .line:last-child{border-bottom:0}.line-note{grid-column:1 / -1;margin-top:6px}}