:root{color-scheme:light;--color-bg: #f4f6f8;--color-surface: #ffffff;--color-text: #1a1a1a;--color-muted: #5f6b76;--color-primary: #1d5ed8;--color-primary-text: #ffffff;--color-danger: #b3261e;--color-border: #d7dce1;--color-success-bg: #e6f4ea;--color-warning-bg: #fff4e5;--color-warning-border: #d98c00;--tap-min: 64px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:Hiragino Kaku Gothic ProN,Hiragino Sans,Yu Gothic,system-ui,sans-serif;background:var(--color-bg);color:var(--color-text);font-size:18px}button{font:inherit}button:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}.kiosk-screen{min-height:100dvh;display:flex;flex-direction:column;align-items:stretch;padding:24px;gap:16px}.kiosk-header{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:8px}.kiosk-title{font-size:1.5rem;font-weight:700;margin:0}.kiosk-store-name{font-size:2rem;font-weight:700;margin:0}.kiosk-datetime{font-size:1.1rem;color:var(--color-muted)}.kiosk-body{flex:1;display:flex;flex-direction:column;gap:16px}.btn{min-height:var(--tap-min);padding:12px 20px;border-radius:12px;border:2px solid var(--color-border);background:var(--color-surface);color:var(--color-text);font-size:1.1rem;font-weight:600;cursor:pointer}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-primary-text)}.btn-danger{background:var(--color-danger);border-color:var(--color-danger);color:#fff}.btn-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.staff-search{min-height:var(--tap-min);padding:0 16px;border-radius:12px;border:2px solid var(--color-border);font-size:1.1rem}.staff-list{list-style:none;margin:0;padding:0;overflow-y:auto;display:flex;flex-direction:column;gap:8px}.staff-item{min-height:var(--tap-min);display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-radius:12px;border:2px solid var(--color-border);background:var(--color-surface);font-size:1.15rem;text-align:left;cursor:pointer}.staff-employee-number{color:var(--color-muted);font-size:.9rem;margin-left:4px}.status-badge{font-size:.95rem;padding:4px 10px;border-radius:999px;border:1px solid var(--color-border);white-space:nowrap}.status-badge.status-working{border-color:var(--color-primary);font-weight:700}.status-badge.status-on_break{border-color:var(--color-warning-border);font-weight:700}.pin-display{display:flex;justify-content:center;gap:12px;margin:8px 0}.pin-dot{width:24px;height:24px;border-radius:50%;border:2px solid var(--color-border)}.pin-dot.filled{background:var(--color-text);border-color:var(--color-text)}.pin-keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;max-width:360px;margin:0 auto}.pin-key{min-height:var(--tap-min);border-radius:12px;border:2px solid var(--color-border);background:var(--color-surface);font-size:1.4rem;font-weight:600;cursor:pointer}.message-box{border-radius:12px;padding:20px;border:2px solid var(--color-border)}.message-box.error{border-color:var(--color-danger);color:var(--color-danger)}.message-box.warning{border-color:var(--color-warning-border);background:var(--color-warning-bg)}.message-box.success{background:var(--color-success-bg);text-align:center}.text-link-button{background:none;border:none;color:var(--color-primary);font-size:1.05rem;text-decoration:underline;cursor:pointer;min-height:var(--tap-min)}@media (max-width: 480px){.kiosk-screen{padding:16px}}.dashboard-header-controls{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.dashboard-status-line{font-weight:700}.dashboard-table-wrapper{overflow-x:auto;border:2px solid var(--color-border);border-radius:12px}.dashboard-table{border-collapse:collapse;width:100%;font-size:.95rem}.dashboard-table th,.dashboard-table td{border:1px solid var(--color-border);padding:6px 8px;text-align:center;vertical-align:top;min-width:88px;cursor:pointer}.dashboard-table thead th{background:var(--color-bg);position:sticky;top:0;z-index:1;cursor:default}.dashboard-sticky-col{position:sticky;left:0;background:var(--color-surface);text-align:left;min-width:160px;cursor:default;z-index:2}.dashboard-table thead .dashboard-sticky-col{z-index:3}.dashboard-weekend{background:var(--color-warning-bg)}.dashboard-cell-content{display:flex;flex-direction:column;gap:2px;font-size:.85rem}.dashboard-session{line-height:1.3}.dashboard-break{color:var(--color-muted);font-size:.8rem}.dashboard-badge{display:inline-block;font-size:.75rem;padding:1px 6px;border-radius:999px;border:1px solid var(--color-warning-border);background:var(--color-warning-bg);margin-top:2px}.dashboard-badge-blocking{border-color:var(--color-danger);color:var(--color-danger)}.dashboard-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;padding:16px;z-index:10}.dashboard-modal{background:var(--color-surface);border-radius:12px;padding:24px;max-width:640px;width:100%;max-height:90vh;overflow-y:auto;display:flex;flex-direction:column;gap:12px}.roster-sheet{max-width:700px;margin:0 auto;padding:24px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px}.roster-fields{display:grid;grid-template-columns:160px 1fr;gap:10px 16px;margin:16px 0}.roster-fields dt{font-weight:700;color:var(--color-muted)}.roster-fields dd{margin:0}.roster-multiline{white-space:pre-wrap}.roster-kana{color:var(--color-muted);font-size:.9rem;margin-left:8px}.roster-disclaimer{font-size:.85rem;color:var(--color-muted);border-top:1px solid var(--color-border);padding-top:12px;margin-top:24px}@media print{@page{size:A4;margin:15mm}.no-print{display:none!important}.roster-print-page{page-break-after:always}.roster-print-page:last-child{page-break-after:auto}.roster-sheet{border:none;max-width:none}body{background:#fff}}