:root{--bz-bg: #f8fafc;--bz-surface: #ffffff;--bz-surface-sunken: #f4f1ee;--bz-brand: #f97316;--bz-brand-ink: #1f1300;--bz-brand-text: #c2410c;--bz-brand-subtle: #fff7ed;--bz-brand-subtle-border: #fed7aa;--bz-text: #0f172a;--bz-text-2: #475569;--bz-text-3: #64748b;--bz-border: #e2e8f0;--bz-border-strong: #cbd5e1;--bz-success: #047857;--bz-success-bg: #ecfdf5;--bz-danger: #be123c;--bz-danger-bg: #fff1f2;--bz-warning: #b45309;--bz-warning-bg: #fffbeb;--bz-info: #1d4ed8;--bz-info-bg: #eff6ff;--bz-radius: 14px;--bz-radius-lg: 20px;--bz-shadow: 0 8px 28px -12px rgba(58, 42, 32, .22);--bz-mono: ui-monospace, "SF Mono", "Roboto Mono", Menlo, monospace}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bz-bg);color:var(--bz-text);-webkit-font-smoothing:antialiased}.center{min-height:100%;display:grid;place-items:center;padding:24px}.muted{color:var(--bz-text-3)}.eyebrow{font-size:11px;font-weight:900;letter-spacing:.15em;text-transform:uppercase;color:var(--bz-brand-text)}h1{font-size:26px;font-weight:800;margin:6px 0 4px}h2{font-size:19px;font-weight:800;margin:0}a{color:var(--bz-brand-text)}.card{background:var(--bz-surface);border:1px solid var(--bz-border);border-radius:var(--bz-radius-lg);box-shadow:var(--bz-shadow);padding:22px}.login{width:min(380px,92vw);display:flex;flex-direction:column;gap:12px}.field{display:flex;flex-direction:column;gap:5px}.label{font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:var(--bz-text-3)}input,select{font:inherit;padding:10px 12px;border-radius:var(--bz-radius);border:1px solid var(--bz-border-strong);background:var(--bz-surface-sunken);color:var(--bz-text);min-height:44px}input:focus,select:focus{outline:2px solid var(--bz-brand);outline-offset:1px}.btn{font:inherit;font-weight:700;cursor:pointer;min-height:40px;padding:9px 16px;border-radius:var(--bz-radius);border:1px solid transparent}.btn:disabled{opacity:.5;cursor:default}.btn.primary{background:var(--bz-brand);color:var(--bz-brand-ink)}.btn.outline{background:var(--bz-brand-subtle);color:var(--bz-brand-text);border-color:var(--bz-brand-subtle-border)}.btn.ghost{background:transparent;color:var(--bz-text-2);border-color:var(--bz-border)}.btn.sm{min-height:32px;padding:5px 10px;font-size:13px}.banner{border-radius:var(--bz-radius);padding:8px 12px;font-size:13px;font-weight:600}.banner.danger{background:var(--bz-danger-bg);color:var(--bz-danger)}.banner.warning{background:var(--bz-warning-bg);color:var(--bz-warning)}.banner.info{background:var(--bz-info-bg);color:var(--bz-info)}.banner.success{background:var(--bz-success-bg);color:var(--bz-success)}.topbar{display:flex;align-items:center;gap:16px;padding:12px 20px;background:var(--bz-surface);border-bottom:1px solid var(--bz-border);position:sticky;top:0;z-index:5;flex-wrap:wrap}.topbar .grow{flex:1}.page{padding:18px 20px 80px}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.statcard{display:inline-flex;gap:18px;align-items:baseline;background:var(--bz-surface);border:1px solid var(--bz-border);border-radius:var(--bz-radius-lg);padding:12px 18px;box-shadow:var(--bz-shadow)}.statcard b{font-size:22px;font-weight:900}.gridwrap{overflow-x:auto;border:1px solid var(--bz-border);border-radius:var(--bz-radius-lg);background:var(--bz-surface);box-shadow:var(--bz-shadow)}table.roster{border-collapse:collapse;font-size:12px}table.roster th,table.roster td{border:1px solid var(--bz-border);padding:0;text-align:center}table.roster th.dayhdr{width:34px;min-width:34px;padding:4px 0;color:var(--bz-text-3);font-weight:700}table.roster th.dayhdr.weekend{background:var(--bz-brand-subtle)}table.roster th.staffhdr,table.roster td.staffcell{text-align:left;padding:6px 10px;min-width:150px;position:sticky;left:0;background:var(--bz-surface);z-index:1}table.roster .staffname{font-weight:700}table.roster .staffsub{color:var(--bz-text-3);font-size:11px}.cellbtn{width:34px;height:38px;border:none;background:transparent;cursor:pointer;padding:0;display:grid;place-items:center;line-height:1}.cellbtn:hover{background:var(--bz-surface-sunken)}.cellbtn.weekend{background:#f973160d}.cellbtn .glyph{font-size:13px;font-weight:800}.cellbtn .lbl{font-size:9px;color:var(--bz-text-3)}.cellbtn.flag{box-shadow:inset 0 0 0 2px var(--bz-danger)}.g-shift{color:var(--bz-brand-text)}.g-leave{color:var(--bz-info)}.g-off{color:var(--bz-text-3)}.g-holiday{color:var(--bz-warning)}.g-blank{color:var(--bz-border-strong)}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;display:grid;place-items:center;z-index:20;padding:16px}.modal{width:min(440px,94vw);max-height:88vh;overflow:auto;display:flex;flex-direction:column;gap:12px}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{font:inherit;font-size:13px;cursor:pointer;padding:7px 12px;border-radius:999px;min-height:36px;background:var(--bz-surface-sunken);color:var(--bz-text-2);border:1px solid var(--bz-border)}.chip.on{background:var(--bz-brand);color:var(--bz-brand-ink);border-color:var(--bz-brand)}.spacer{flex:1}.toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background:var(--bz-text);color:#fff;padding:10px 18px;border-radius:999px;font-size:13px;z-index:30}.namelist{font-size:12px;color:var(--bz-text-2)}