:root{--forest: #1d3c34;--ink-2: #4e605a;--muted: #7c8a83;--faint: #a5ada8;--paper: #f4f1ea;--card: #fffdf9;--line: rgba(29, 60, 52, .14);--line-soft: rgba(29, 60, 52, .07);--mint: #e6ece7;--mint-2: #e1efe6;--green: #2f7d5b;--green-ink: #1f5c41;--copper: #b8734f;--copper-ink: #8a5a3a;--copper-bg: #fbf3ec;--neg: #8a4a44;--neg-bg: #efe6e3;--sans: "DM Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace}*{box-sizing:border-box}html,body{margin:0;background:var(--paper);color:var(--forest);font-family:var(--sans);-webkit-font-smoothing:antialiased}body{min-height:100vh}button,input,textarea,select{font-family:inherit;font-size:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}a{color:var(--forest)}.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}.eyebrow{font-family:var(--mono);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}.muted{color:var(--muted)}.ink2{color:var(--ink-2)}.neg{color:var(--neg)}.card{background:var(--card);border:1px solid var(--line);border-radius:20px}.card-sm{background:var(--card);border:1px solid var(--line);border-radius:16px}.pill{display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:6px 14px;font-size:13px;font-weight:600}.pill .dot{width:8px;height:8px;border-radius:999px;background:currentColor}.pill-green{background:var(--mint-2);color:var(--green-ink)}.pill-copper{background:var(--copper-bg);color:var(--copper-ink)}.pill-neg{background:var(--neg-bg);color:var(--neg)}.pill-forest{background:var(--forest);color:var(--paper)}.pill-grey{background:var(--mint);color:var(--forest)}.btn{height:44px;padding:0 20px;border-radius:999px;border:1px solid var(--line);background:var(--card);font-size:14px;font-weight:500;color:var(--forest);display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-primary{background:var(--forest);border-color:var(--forest);color:var(--paper)}.btn-ghost{background:none;border-color:transparent;color:var(--muted)}.btn-copper{background:none;border-color:var(--copper);color:var(--copper-ink)}.btn-sm{height:34px;padding:0 12px;font-size:12px}.btn-lg{height:52px;padding:0 24px;font-size:15px}.seg{display:inline-flex;gap:2px;background:var(--card);border:1px solid var(--line);border-radius:999px;padding:3px}.seg button{height:34px;padding:0 14px;border-radius:999px;border:none;background:none;font-size:13px;font-weight:600;color:var(--muted)}.seg button[aria-pressed=true]{background:var(--forest);color:var(--paper)}.input,.select,.textarea{height:42px;border-radius:10px;border:1px solid rgba(29,60,52,.18);background:#fff;padding:0 12px;font-size:14px;color:var(--forest);width:100%}.textarea{height:auto;padding:10px 12px;resize:vertical}.input.mono{font-family:var(--mono)}.field{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--muted)}.banner{border-radius:14px;padding:10px 16px;font-size:13px}.banner-forest{background:var(--forest);color:var(--paper)}.banner-green{background:var(--mint-2);border:1px solid rgba(47,125,91,.35);color:var(--green-ink)}.banner-neg{background:var(--neg-bg);border:1px solid rgba(138,74,68,.35);color:var(--neg)}.banner-copper{background:var(--copper-bg);border:1px solid rgba(184,115,79,.3);color:#6b4a36}.rule{height:1px;background:linear-gradient(90deg,#b8734f99,#1d3c341f 40%);margin:16px 0}.avatar{border-radius:999px;background:var(--mint);display:inline-flex;align-items:center;justify-content:center;font-weight:600;flex-shrink:0}.grid-head{display:grid;padding:10px 20px;font-family:var(--mono);font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--line)}.grid-row{display:grid;padding:11px 20px;font-size:14px;border-bottom:1px solid var(--line-soft);align-items:center}.right{text-align:right}.stack{display:flex;flex-direction:column;gap:12px}.row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.spread{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.modal-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#1d3c3459;display:flex;align-items:center;justify-content:center;padding:16px;z-index:10}.modal{width:min(660px,100%);max-height:92vh;overflow:auto;background:var(--card);border-radius:24px;box-shadow:0 30px 72px -30px #00000080}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.kiosk{min-height:100vh;display:flex;flex-direction:column;background:var(--paper);user-select:none;-webkit-user-select:none}.kiosk-top{height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;border-bottom:1px solid var(--line);gap:12px}.kiosk-body{flex:1;padding:24px 32px;display:flex;flex-direction:column;gap:20px;min-height:0}.picker{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;align-content:start}.picker button{min-height:108px;background:var(--card);border:1px solid var(--line);border-radius:20px;padding:16px 20px;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;text-align:left;gap:8px}.picker button:active{background:var(--mint)}.split{flex:1;display:grid;grid-template-columns:1fr 1fr;min-height:0}.split>div:first-child{border-right:1px solid var(--line)}@media (max-width: 900px){.split{grid-template-columns:1fr}.split>div:first-child{border-right:none;border-bottom:1px solid var(--line)}}.keypad{display:grid;grid-template-columns:repeat(3,92px);gap:12px}.keypad button{height:72px;border-radius:18px;border:1px solid var(--line);background:var(--card);font-family:var(--mono);font-size:28px;font-weight:500;color:var(--forest)}.keypad button:active{background:var(--mint)}.keypad .key-soft{background:none;font-family:var(--sans);font-size:14px;font-weight:600;color:var(--ink-2)}.pin-dots{display:flex;gap:18px;height:20px;align-items:center}.pin-dots span{width:16px;height:16px;border-radius:999px;border:2px solid var(--forest)}.pin-dots span.on{background:var(--forest)}.punch{width:100%;min-height:128px;border-radius:24px;border:1px solid var(--line);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:var(--card);color:var(--forest)}.punch-in{background:var(--forest);color:var(--paper);border-color:var(--forest)}.punch-out{background:var(--copper);color:#fffdf9;border-color:var(--copper)}.punch:disabled{opacity:.4}.done-check{width:88px;height:88px;border-radius:999px;background:var(--mint-2);color:var(--green);display:flex;align-items:center;justify-content:center;font-size:40px}.shell{min-height:100vh;display:grid;grid-template-columns:220px 1fr}@media (max-width: 800px){.shell{grid-template-columns:1fr}.shell aside{flex-direction:row;flex-wrap:wrap;align-items:center}}.shell aside{background:var(--card);border-right:1px solid var(--line);padding:24px 18px;display:flex;flex-direction:column;gap:24px}.nav{display:flex;flex-direction:column;gap:4px}.nav button{display:flex;align-items:center;gap:10px;height:40px;padding:0 12px;border-radius:10px;border:none;background:none;color:var(--ink-2);font-size:14px;text-align:left}.nav button[aria-current=page]{background:var(--mint);color:var(--forest);font-weight:600}.nav .badge{margin-left:auto;font-family:var(--mono);font-size:11px;font-weight:600;background:var(--copper);color:#fffdf9;border-radius:999px;padding:1px 8px}.shell main{padding:26px 32px;min-width:0;overflow-x:auto}.week-grid{display:grid;grid-template-columns:200px repeat(7,minmax(96px,1fr)) 96px}.cell{min-height:56px;margin:4px;border-radius:12px;border:1px dashed rgba(29,60,52,.18);background:none;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:2px;padding:6px 10px;text-align:left;color:var(--forest)}.cell-filled{border-style:solid;background:var(--mint)}.cell-absence{border-style:solid;background:var(--neg-bg);border-color:#8a4a4459;color:var(--neg)}.cell-locked{background:#ece9e1;border-color:transparent;color:var(--muted)}.cell[aria-pressed=true]{outline:2px solid var(--copper)}.tabs{display:flex;gap:6px;flex-wrap:wrap}.tabs button{height:36px;padding:0 14px;border-radius:999px;border:1px solid var(--line);background:var(--card);font-size:13px}.tabs button[aria-selected=true]{background:var(--forest);color:var(--paper);border-color:var(--forest)}.login{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.login form{width:min(420px,100%)}.kpi{display:flex;flex-direction:column;gap:2px}.kpi .v{font-family:var(--mono);font-size:20px;font-weight:500}table.tbl{width:100%;border-collapse:collapse;font-size:14px}table.tbl th{text-align:left;font-family:var(--mono);font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);padding:10px 12px;border-bottom:1px solid var(--line);font-weight:500}table.tbl td{padding:10px 12px;border-bottom:1px solid var(--line-soft);vertical-align:middle}table.tbl td.num,table.tbl th.num{text-align:right;font-family:var(--mono)}