:root{--color-bg:#eef0f4;--color-surface:#fff;--color-border:#c8cdd8;--color-text:#1a2033;--color-text-muted:#5a6478;--color-accent:#1b3a6b;--color-accent-hover:#24508f;--color-accent-text:#fff;--color-silver:#8fa3bb;--color-success-bg:#e0ebe0;--color-success-text:#2e5f2e;--color-success-border:#a8c8a8;--color-danger-bg:#f5e0de;--color-danger-text:#8f2e24;--color-danger-border:#d8a8a4;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--font-sans:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono:ui-monospace, "Courier New", Consolas, monospace}@media (prefers-color-scheme:dark){:root{--color-bg:#2c3344;--color-surface:#353d52;--color-border:#4a5470;--color-text:#dde3ef;--color-text-muted:#8fa3bb;--color-accent:#3a6bc8;--color-accent-hover:#4d80d8;--color-accent-text:#fff;--color-silver:#a8bfd4;--color-success-bg:#1e3a2a;--color-success-text:#7dc87d;--color-success-border:#3a6040;--color-danger-bg:#3a1e1e;--color-danger-text:#e88080;--color-danger-border:#6a3030}}*{box-sizing:border-box}body{font-family:var(--font-sans);color:var(--color-text);background:#151f35;margin:0;line-height:1.5}#root{min-height:100vh}h1,h2,h3{margin:0;font-weight:600}h1{letter-spacing:-.01em;font-size:20px}h2{font-size:18px}h3{margin-bottom:.75rem;font-size:15px}button{border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-surface);min-height:40px;color:var(--color-text);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;padding:10px 16px;font-family:inherit;font-size:14px;transition:background .1s,border-color .1s}button:hover:not(:disabled){border-color:var(--color-accent)}button:active:not(:disabled){background:var(--color-bg)}button:disabled{opacity:.45;cursor:not-allowed}button.primary{background:var(--color-accent);color:var(--color-accent-text);border-color:var(--color-accent);font-weight:600}button.primary:hover:not(:disabled){background:var(--color-accent-hover);border-color:var(--color-accent-hover)}button.success{background:var(--color-success-bg);color:var(--color-success-text);border-color:var(--color-success-border);font-weight:600}button.danger{background:var(--color-danger-bg);color:var(--color-danger-text);border-color:var(--color-danger-border);font-weight:600}button.active{border-color:var(--color-accent);color:var(--color-accent-text);font-weight:600}input,select{border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-surface);min-height:40px;color:var(--color-text);-webkit-tap-highlight-color:transparent;padding:10px 12px;font-family:inherit;font-size:16px}input:focus,select:focus,button:focus-visible{outline:2px solid var(--color-accent);outline-offset:1px}.muted{color:var(--color-text-muted)}.small{font-size:13px}.centered{justify-content:center;align-items:center;min-height:100vh;display:flex}.centered-text{text-align:center}.error-text{color:var(--color-danger-text);font-size:13px}.app-shell{max-width:1200px;margin:0 auto}.topbar{z-index:10;background:#1a2d4e;border-bottom:1px solid #8fa3bb1a;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;height:56px;margin-bottom:0;padding:0 1.5rem;display:flex;position:sticky;top:0}.topbar-brand{align-items:center;gap:10px;display:flex}.topbar-logo{width:auto;height:32px;display:block}.topbar-titles{flex-direction:column;gap:1px;display:flex}.topbar-company{color:#fff;letter-spacing:-.01em;font-size:14px;font-weight:700}.topbar h1{color:#4a6080;margin:0;font-size:12px;font-weight:400}.topbar-nav{align-items:center;gap:4px;display:flex}.topbar-nav button{color:#6a83a8;border-radius:var(--radius-sm);background:0 0;border:1px solid #0000;height:32px;padding:6px 12px;font-size:13px}.topbar-nav button:hover:not(:disabled){color:#dde3ef;background:#8fa3bb1a}.topbar-nav button.active{color:#fff;background:#5b8dd926;border-color:#5b8dd94d;font-weight:600}.topbar-nav .signout{color:#e88080b3;margin-left:4px}.topbar-nav .signout:hover:not(:disabled){color:#e88080;background:#c832321a}main{padding:1.25rem 1.5rem 2rem}.login-screen{background:#1b2d50;justify-content:center;align-items:center;min-height:100vh;padding:1.5rem;display:flex}.login-card{border-radius:var(--radius-lg);background:#fff;border:none;flex-direction:column;gap:14px;width:100%;max-width:380px;padding:2.5rem 2rem;display:flex;box-shadow:0 8px 40px #00000059}.login-logo{width:auto;height:72px;margin:0 auto .25rem;display:block}.login-company{text-align:center;color:#1b2d50;letter-spacing:-.01em;margin:0;font-size:18px;font-weight:700}.login-subtitle{text-align:center;color:var(--color-text-muted);margin:-6px 0 4px;font-size:13px}.login-card label{color:#5a6478;text-transform:uppercase;letter-spacing:.04em;flex-direction:column;gap:5px;font-size:12px;font-weight:600;display:flex}.login-card input{border:1.5px solid #c8cdd8;font-size:15px}.login-card input:focus{border-color:#1b3a6b}.kiosk{border-radius:var(--radius-lg);background:#1b2d50;min-height:60vh;padding:1.5rem}.kiosk-clock-card{text-align:center;border-radius:var(--radius-lg);background:#243660;border:1px solid #8fa3bb40;margin-bottom:1.25rem;padding:1.75rem 1rem}.kiosk-clock{font-family:var(--font-mono);letter-spacing:.04em;color:#fff;margin-bottom:6px;font-size:52px;font-weight:600}.kiosk-clock-card .muted{color:#8fa3c8}.kiosk-clock-card .muted.small{color:#6a83a8;margin-top:4px}.employee-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;margin-bottom:1.25rem;display:grid}.employee-tile{text-align:left;border-radius:var(--radius-md);-webkit-tap-highlight-color:transparent;touch-action:manipulation;color:#dde3ef;background:#243660;border:1px solid #8fa3bb33;flex-direction:column;justify-content:center;gap:5px;min-height:64px;padding:16px;display:flex}.employee-tile:hover:not(:disabled){background:#2d4275;border-color:#8fa3bb66}.employee-tile.selected{background:#2d4275;border:2px solid #8fa3c8}.employee-name{color:#fff;font-size:15px;font-weight:600}.employee-status{color:#6a83a8;font-size:12px}.employee-status.on{color:#7dc87d}.employee-status.break{color:#e8c87d}.badge.break{color:#e8c87d;background:#e8c87d26;border:1px solid #e8c87d4d}.kiosk-action-btn.break-btn{color:#dde3ef;background:#8fa3bb26;border-color:#8fa3bb66;min-height:44px;font-size:15px}.action-card{border-radius:var(--radius-lg);background:#243660;border:1px solid #8fa3bb40;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:12px;margin-bottom:1.25rem;padding:1.25rem 1.5rem;display:grid}.action-col{flex-direction:column;justify-content:center;display:flex}.action-col-time{text-align:left}.action-time{font-family:var(--font-mono);letter-spacing:.02em;color:#fff;font-size:26px;font-weight:600}.action-col-time .muted{color:#6a83a8}.action-col-name{text-align:center}.action-col-button{align-items:center}.action-name{color:#fff;margin:0;font-size:18px;font-weight:600}.action-col-name .muted{color:#8fa3c8}button.big{width:100%;max-width:220px;min-height:56px;padding:16px 32px;font-size:17px}@media (width<=600px){.action-card{text-align:center;grid-template-columns:1fr}.action-col-time,.action-col-name{text-align:center}}.on-clock-section{border-top:1px solid #8fa3bb33;padding-top:1rem}.on-clock-section h3{color:#8fa3c8;text-transform:uppercase;letter-spacing:.06em;margin-bottom:.75rem;font-size:12px}.on-clock-section .muted{color:#6a83a8}.badge-row{flex-wrap:wrap;gap:8px;display:flex}.badge{border-radius:999px;padding:5px 14px;font-size:13px}.badge.success{color:#7dc87d;background:#7dc87d26;border:1px solid #7dc87d4d}.summary-screen{border-radius:var(--radius-lg);background:#1b2d50;justify-content:center;align-items:center;min-height:60vh;padding:1rem;display:flex}.summary-card{border-radius:var(--radius-lg);text-align:center;background:#243660;border:1px solid #8fa3bb40;flex-direction:column;align-items:center;gap:.5rem;width:100%;max-width:420px;padding:2.5rem 2rem;display:flex}.summary-card .muted{color:#8fa3c8}.summary-name{color:#fff}.summary-check{color:#7dc87d;background:#7dc87d26;border:1px solid #7dc87d4d;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:.5rem;font-size:32px;line-height:1;display:flex}.summary-name{margin:0;font-size:24px}.summary-stats{flex-wrap:wrap;justify-content:center;gap:16px;width:100%;margin:1.25rem 0;display:flex}.summary-stat{border-radius:var(--radius-md);background:#1b2d50;border:1px solid #8fa3bb33;flex-direction:column;flex:140px;gap:4px;padding:1rem;display:flex}.summary-stat-label{text-transform:uppercase;letter-spacing:.05em;color:#6a83a8;font-size:12px;font-weight:600}.summary-stat-value{font-family:var(--font-mono);color:#fff;font-size:32px;font-weight:700}.summary-stat-sub{color:#8fa3c8;font-size:12px}.summary-dismiss{color:#fff;background:#1b3a6b;border-color:#8fa3bb4d;min-height:48px;margin-top:.5rem;padding:12px 40px;font-size:15px}.summary-dismiss:hover:not(:disabled){background:#24508f;border-color:#8fa3bb80}.admin-shell{background:0 0;min-height:60vh}.tab-row{flex-wrap:wrap;gap:6px;margin-bottom:1.5rem;display:flex}.tab-row button{color:#8fa3c8;border-radius:var(--radius-sm);background:0 0;border:1px solid #8fa3bb40;padding:8px 16px;font-size:13px}.tab-row button:hover:not(:disabled){color:#dde3ef;background:#243660;border-color:#8fa3bb73}.tab-row button.active{color:#fff;background:#243660;border-color:#8fa3c8;font-weight:500}.card{border-radius:var(--radius-lg);background:#243660;border:1px solid #8fa3bb33;margin-bottom:1.25rem;padding:1rem 1.25rem}.card h3{color:#dde3ef;margin-bottom:1rem}.form-row{flex-wrap:wrap;align-items:flex-end;gap:8px;display:flex}.field{text-transform:uppercase;letter-spacing:.04em;color:#6a83a8;flex-direction:column;flex:140px;gap:5px;font-size:11px;font-weight:600;display:flex}.field input,.field select{color:#dde3ef;background:#1b2d50;border:1px solid #8fa3bb4d;width:100%}.field input:focus,.field select:focus{border-color:#8fa3c8;outline:none}.list{flex-direction:column;gap:8px;display:flex}.list-row{border-radius:var(--radius-lg);background:#243660;border:1px solid #8fa3bb33;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:.75rem 1rem;display:flex}.list-row.inactive{opacity:.45}.row-title{color:#fff;margin:0;font-weight:600}.list-row .muted{color:#6a83a8}.row-actions{gap:8px;display:flex}.row-actions button{color:#8fa3c8;background:0 0;border:1px solid #8fa3bb40;min-height:32px;padding:6px 12px;font-size:13px}.row-actions button:hover:not(:disabled){color:#dde3ef;background:#1b2d50;border-color:#8fa3c8}.admin-shell>h3,div>h3{color:#dde3ef}.admin-shell .muted,.admin-shell p.muted{color:#6a83a8}.error-text{color:#e88080}.week-nav{align-items:center;gap:8px;margin-bottom:1rem;display:flex}.week-nav button{color:#8fa3c8;background:0 0;border:1px solid #8fa3bb40;min-height:32px;padding:6px 12px;font-size:14px}.week-nav button:hover:not(:disabled){color:#dde3ef;background:#243660;border-color:#8fa3c8}.week-label{color:#dde3ef;font-size:14px;font-weight:600}.metric-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:1.5rem;display:grid}.metric-card{border-radius:var(--radius-md);background:#243660;border:1px solid #8fa3bb33;padding:1rem}.metric-label{text-transform:uppercase;letter-spacing:.04em;color:#6a83a8;margin-bottom:6px;font-size:12px;font-weight:600}.metric-value{font-size:28px;font-weight:700;font-family:var(--font-mono);color:#fff}.table-wrap{border-radius:var(--radius-md);overflow-x:auto}table{border-collapse:collapse;border-radius:var(--radius-md);color:#dde3ef;background:#243660;border:1px solid #8fa3bb33;width:100%;font-size:14px;overflow:hidden}th,td{text-align:left;border-bottom:1px solid #8fa3bb1f;padding:10px 14px}th{text-transform:uppercase;letter-spacing:.05em;color:#6a83a8;background:#1b2d50;font-size:11px;font-weight:600}tr:last-child td{border-bottom:none}tr:hover td{background:#8fa3bb0d}.num{text-align:right;font-family:var(--font-mono)}.strong{color:#fff;font-weight:700}.form-row select{color:#dde3ef;background:#243660;border:1px solid #8fa3bb4d;min-width:180px}.adjust-toolbar{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:1rem;display:flex}.adjust-toolbar select{color:#dde3ef;background:#243660;border:1px solid #8fa3bb4d;min-width:180px}.adjust-list{flex-direction:column;gap:8px;display:flex}.entry-row{border-radius:var(--radius-lg);background:#243660;border:1px solid #8fa3bb33;justify-content:space-between;align-items:center;gap:12px;padding:.75rem 1rem;display:flex}.entry-row.entry-row-editing{border-color:#8fa3c8;padding:1rem}.entry-info{flex-direction:column;gap:3px;min-width:0;display:flex}.entry-emp-name{color:#fff;font-size:14px;font-weight:600}.entry-detail{color:#6a83a8;flex-wrap:wrap;align-items:center;gap:6px;font-size:13px;display:flex}.entry-sep,.entry-arrow{color:#8fa3bb4d}.entry-hours{font-family:var(--font-mono);color:#dde3ef;border-radius:var(--radius-sm);background:#1b2d50;padding:2px 8px;font-size:12px;font-weight:600}.edit-btn{color:#8fa3c8;background:0 0;border:1px solid #8fa3bb40;flex-shrink:0;min-height:32px;padding:6px 12px;font-size:13px}.edit-btn:hover:not(:disabled){color:#dde3ef;background:#1b2d50;border-color:#8fa3c8}.entry-edit-form{flex-direction:column;gap:12px;width:100%;display:flex}.entry-edit-who{align-items:baseline;gap:8px;display:flex}.entry-edit-who .muted{color:#6a83a8}.entry-edit-fields{flex-wrap:wrap;gap:12px;display:flex}.entry-edit-fields .field{flex:200px}.entry-edit-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.delete-btn{color:#e88080;background:#e880801a;border-color:#e8808059;min-height:32px;margin-left:auto;padding:6px 12px;font-size:13px}.delete-btn:hover:not(:disabled){background:#e8808033;border-color:#e8808099}.kiosk-only-page{background:#151f35;flex-direction:column;min-height:100vh;display:flex}.kiosk-only-topbar{background:#1b2d50;align-items:center;padding:10px 24px;display:flex;box-shadow:0 2px 8px #0003}.kiosk-only-brand{align-items:center;gap:12px;display:flex}.kiosk-only-body{flex-direction:column;flex:1;gap:1.25rem;width:100%;max-width:960px;margin:0 auto;padding:1.5rem;display:flex}.kiosk-only-clock-card{text-align:center;background:#1b2d50;border:1px solid #8fa3bb33;border-radius:14px;padding:2rem 1.5rem}.kiosk-only-clock{color:#fff;letter-spacing:.04em;margin-bottom:6px;font-family:ui-monospace,Courier New,monospace;font-size:56px;font-weight:600;line-height:1}.kiosk-only-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;display:grid}.kiosk-only-tile{text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;color:#dde3ef;background:#1b2d50;border:1px solid #8fa3bb33;border-radius:10px;flex-direction:column;justify-content:center;gap:5px;min-height:68px;padding:16px;display:flex}.kiosk-only-tile:hover{background:#243660;border-color:#8fa3bb66}.kiosk-only-tile.selected{background:#243660;border:2px solid #8fa3c8}.kiosk-only-empname{color:#fff;font-size:15px;font-weight:600}.kiosk-only-empstatus{color:#4a6080;font-size:12px}.kiosk-only-empstatus.on{color:#7dc87d}.kiosk-only-empstatus.break{color:#e8c87d}.kiosk-only-action{background:#1b2d50;border:1px solid #8fa3bb40;border-radius:14px;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:12px;padding:1.25rem 1.5rem;display:grid}.kiosk-only-action-time{text-align:left}.kiosk-only-action-name{text-align:center}.kiosk-only-action-btn{justify-content:center;display:flex}@media (width<=600px){.kiosk-only-action{text-align:center;grid-template-columns:1fr}.kiosk-only-action-time,.kiosk-only-action-name{text-align:center}}.kiosk-action-btn{cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;border:1px solid;border-radius:8px;min-width:160px;min-height:56px;padding:16px 32px;font-family:inherit;font-size:17px;font-weight:600}.kiosk-action-btn.success{color:#7dc87d;background:#2e5f2e99;border-color:#7dc87d}.kiosk-action-btn.success:hover:not(:disabled){background:#2e5f2ecc}.kiosk-action-btn.danger{color:#e88080;background:#8f2e2480;border-color:#e88080}.kiosk-action-btn.danger:hover:not(:disabled){background:#8f2e24b3}.kiosk-action-btn:disabled{opacity:.45;cursor:not-allowed}.kiosk-only-footer{border-top:1px solid #8fa3bb26;padding-top:1rem}.kiosk-only-badge{color:#7dc87d;background:#7dc87d1f;border:1px solid #7dc87d40;border-radius:999px;padding:5px 14px;font-size:13px}.kiosk-gate{flex:1;justify-content:center;align-items:center;padding:2rem;display:flex}.kiosk-gate-card{text-align:center;background:#1b2d50;border:1px solid #8fa3bb33;border-radius:16px;flex-direction:column;align-items:center;gap:12px;width:100%;max-width:420px;padding:3rem 2.5rem;display:flex}.kiosk-gate-icon{color:#8fa3c8;margin-bottom:8px;font-size:48px;line-height:1}.kiosk-gate-icon.lock{color:#e88080}.launch-kiosk-btn{letter-spacing:.01em;color:#dde3ef!important;background:#8fa3bb1f!important;border:1px solid #8fa3bb73!important;font-weight:500!important}.launch-kiosk-btn:hover:not(:disabled){color:#fff!important;background:#8fa3bb38!important;border-color:#8fa3c8!important}