.kiosk-root{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:2rem 1rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}.kiosk-root h1{margin:0 0 1.5rem;font-size:1.5rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#94a3b8}.kiosk-root .subtitle{margin:-.75rem 0 1.5rem;color:#64748b}.employee-grid,.location-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-gap:1rem;gap:1rem;width:100%;max-width:1200px}.tile{background:#1e293b;border:1px solid #334155;border-radius:12px;padding:1.5rem 1.25rem;font-size:1.15rem;font-weight:600;color:#f1f5f9;text-align:center;cursor:pointer;transition:transform .05s,background .1s}.tile:hover{background:#334155}.tile:active{transform:scale(.98)}.tile .code{display:block;font-size:.75rem;color:#94a3b8;margin-top:.35rem;font-weight:500;letter-spacing:.05em}.pin-pad{margin-top:1.5rem;display:grid;grid-template-columns:repeat(3,96px);grid-gap:.75rem;gap:.75rem}.pin-pad button{height:80px;font-size:1.75rem;font-weight:700;background:#334155;color:#f1f5f9;border:0;border-radius:12px}.pin-pad button:active{background:#475569}.pin-pad button.wide{grid-column:span 2;font-size:1rem;background:#2563eb}.pin-pad button.danger{background:#b91c1c;font-size:1rem}.pin-display{font-size:2.25rem;letter-spacing:.6rem;text-align:center;min-height:3rem;padding:.75rem;background:#0f172a;border:1px solid #334155;border-radius:8px;width:296px;color:#f8fafc;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.action-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:.75rem;gap:.75rem;width:100%;max-width:480px;margin-top:1.5rem}.action-grid button{padding:1.25rem;font-size:1.1rem;font-weight:700;border:0;border-radius:12px;color:white}.action-grid .clock-in{background:#15803d}.action-grid .clock-out{background:#b91c1c}.action-grid .break-start{background:#b45309}.action-grid .break-end{background:#1d4ed8}.action-grid button:disabled{opacity:.5}.kiosk-error{color:#fca5a5}.kiosk-error,.kiosk-warn{margin-top:1rem;font-weight:600}.kiosk-warn{color:#fbbf24;font-size:.9rem}.confirm-card{margin-top:3rem;padding:2.5rem;background:#1e293b;border:1px solid #334155;border-radius:16px;text-align:center;min-width:320px;color:#f1f5f9}.confirm-card.ok{border-color:#15803d}.confirm-card.error{border-color:#b91c1c}.confirm-card .big{font-size:1.75rem;font-weight:700;margin:.5rem 0}.confirm-card .time{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:#94a3b8;font-size:.9rem;margin-top:1rem}.back-link{display:inline-block;margin-top:1.5rem;color:#94a3b8;font-size:.85rem}.picker-header{width:100%;max-width:1200px;margin-bottom:1.5rem;text-align:center}.picker-title{margin:0;font-size:2rem;font-weight:700;letter-spacing:-.01em;text-transform:none;color:#f8fafc}.picker-subtitle{margin:.4rem 0 1.1rem;color:#94a3b8;font-size:1rem}.status-summary{display:inline-flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.summary-chip{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem .85rem;border-radius:999px;font-size:.85rem;font-weight:600;background:#1e293b;border:1px solid #334155;color:#cbd5e1}.summary-chip .dot{width:.55rem;height:.55rem;border-radius:50%;background:#64748b}.summary-in .dot{background:#22c55e;box-shadow:0 0 0 3px rgba(34,197,94,.18)}.summary-break .dot{background:#f59e0b;box-shadow:0 0 0 3px rgba(245,158,11,.18)}.summary-off .dot{background:#64748b}.emp-card{display:flex;flex-direction:column;justify-content:space-between;gap:.9rem;min-height:124px;padding:1.1rem 1.15rem;background:linear-gradient(180deg,#1f2a3d,#18243a);border:1px solid #2d3a52;border-radius:16px;color:#f1f5f9;text-decoration:none;box-shadow:0 4px 14px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.04);transition:transform .05s ease,border-color .1s ease,background .15s ease;position:relative;overflow:hidden}.emp-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#475569}.emp-card.status-in:before{background:linear-gradient(180deg,#22c55e,#16a34a)}.emp-card.status-break:before{background:linear-gradient(180deg,#f59e0b,#d97706)}.emp-card.status-off:before{background:#475569}.emp-card:active{transform:scale(.985)}.emp-card.status-in{border-color:#1f5d3a}.emp-card.status-break{border-color:#6b4515}.emp-card-row{gap:.85rem}.avatar,.emp-card-row{display:flex;align-items:center}.avatar{flex-shrink:0;width:48px;height:48px;border-radius:50%;justify-content:center;font-weight:700;font-size:1.05rem;letter-spacing:.02em;background:#334155;color:#e2e8f0;border:1px solid rgba(255,255,255,.06)}.avatar-in{background:linear-gradient(135deg,#166534,#22c55e);color:#f0fdf4}.avatar-break{background:linear-gradient(135deg,#92400e,#f59e0b);color:#fffbeb}.avatar-off{background:linear-gradient(135deg,#334155,#475569);color:#cbd5e1}.emp-card-meta{min-width:0}.emp-name{font-size:1.1rem;font-weight:600;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.emp-code{margin-top:.15rem;font-size:.72rem;color:#94a3b8;letter-spacing:.05em;font-weight:500;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.emp-status{display:flex;align-items:center;justify-content:space-between;gap:.5rem;font-size:.82rem}.status-pill{display:inline-flex;align-items:center;gap:.45rem;padding:.3rem .6rem;border-radius:999px;background:rgba(15,23,42,.55);border:1px solid rgba(255,255,255,.06);font-weight:600;color:#e2e8f0}.status-pill .dot{width:.5rem;height:.5rem;border-radius:50%;background:#64748b}.status-in .status-pill .dot{background:#22c55e;box-shadow:0 0 0 3px rgba(34,197,94,.2)}.status-break .status-pill .dot{background:#f59e0b;box-shadow:0 0 0 3px rgba(245,158,11,.2)}.emp-since{color:#94a3b8;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}