:root{--accent:#3b82f6;--accent-dark:#2563eb;--danger:#ef4444;--bg:#f4f5f7;--card:#fff;--text:#1a1d23;--text-muted:#6b7280;--border:#e5e7eb;--success:#16a34a;--warn:#d97706}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}button,input,select{font-family:inherit}.page{flex-direction:column;min-height:100%;display:flex}.centered-page{justify-content:center;align-items:center;min-height:100%;padding:24px 16px;display:flex}.auth-card{background:var(--card);border-radius:16px;width:100%;max-width:360px;padding:28px 24px 24px;box-shadow:0 1px 3px #00000014}.logo{background:linear-gradient(135deg, var(--accent), var(--accent-dark));border-radius:16px;justify-content:center;align-items:center;width:60px;height:60px;margin:0 auto 14px;font-size:26px;display:flex}.title{text-align:center;color:var(--text);font-size:19px;font-weight:700}.subtitle{color:var(--text-muted);text-align:center;margin:4px 0 20px;font-size:13px}.field{margin-bottom:14px}.field label{color:var(--text-muted);margin-bottom:5px;font-size:12px;font-weight:600;display:block}.field input{border:1px solid var(--border);width:100%;color:var(--text);background:#fff;border-radius:10px;padding:11px 12px;font-size:14px}.field input:focus{outline:2px solid var(--accent);outline-offset:-1px}.btn{cursor:pointer;color:#fff;background:var(--accent);border:none;border-radius:12px;width:100%;padding:13px;font-size:14.5px;font-weight:700}.btn:hover{background:var(--accent-dark)}.btn:disabled{cursor:default;background:#d1d5db}.btn-secondary{color:var(--text);border:1px solid var(--border);background:#fff}.btn-secondary:hover{background:#fafafa}.btn-danger{background:var(--danger)}.btn-danger:hover{background:#dc2626}.link-row{text-align:center;color:var(--text-muted);margin-top:16px;font-size:13px}.link-row button{color:var(--accent-dark);cursor:pointer;background:0 0;border:none;padding:0;font-size:13px;font-weight:700}.error-banner{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;margin-bottom:14px;padding:10px 12px;font-size:12.5px;line-height:1.5}.success-banner{color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:10px;margin-bottom:14px;padding:10px 12px;font-size:12.5px;line-height:1.5}.header{justify-content:space-between;align-items:center;width:100%;max-width:640px;margin:0 auto;padding:18px 20px 12px;display:flex}.header h1{margin:0;font-size:19px;font-weight:700}.header .sub{color:var(--text-muted);margin-top:2px;font-size:11.5px;font-weight:500}.user-chip{color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;align-items:center;gap:6px;font-size:12px;display:flex}.content{flex-direction:column;gap:14px;width:100%;max-width:640px;margin:0 auto;padding:0 20px 32px;display:flex}.card{background:var(--card);border-radius:16px;padding:16px;box-shadow:0 1px 3px #0000000a}.section-title{color:var(--text);font-size:13px;font-weight:700}.empty-state{text-align:center;color:var(--text-muted);padding:36px 20px;font-size:13px;line-height:1.6}.pending-icon{background:#fef3c7;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 16px;font-size:28px;display:flex}.week-nav{background:var(--card);border-radius:14px;justify-content:space-between;align-items:center;padding:10px 12px;display:flex;box-shadow:0 1px 3px #0000000a}.week-nav button{color:var(--text);cursor:pointer;background:#f3f4f6;border:none;border-radius:9px;width:32px;height:32px;font-size:15px;font-weight:700}.week-nav button:disabled{opacity:.3;cursor:default}.week-label{color:var(--text);text-align:center;font-size:13px;font-weight:700}.tt-day{border-bottom:1px solid #f3f4f6;align-items:center;gap:10px;padding:10px 4px;display:flex}.tt-day:last-child{border-bottom:none}.tt-d{width:46px;color:var(--text-muted);flex-shrink:0;font-size:12px}.tt-d b{color:var(--text);font-size:13px;display:block}.tt-d.sat b{color:#2563eb}.tt-d.sun b{color:#dc2626}.tt-time{color:var(--text);font-size:13.5px;font-weight:600}.tt-off{color:var(--text-muted);font-size:12.5px}.tt-badge{color:#b45309;white-space:nowrap;background:#fef3c7;border-radius:999px;margin-left:auto;padding:2px 7px;font-size:9px;font-weight:700}.join-card{background:#eff6ff;border:1px solid #bfdbfe;border-radius:12px;padding:12px 14px}.join-card+.join-card{margin-top:10px}.join-name{color:var(--text);font-size:13.5px;font-weight:700}.join-sub{color:var(--text-muted);margin-top:2px;font-size:11px}.join-actions{gap:8px;margin-top:10px;display:flex}.join-actions button{cursor:pointer;border:none;border-radius:9px;flex:1;padding:9px 6px;font-size:12px;font-weight:700}.btn-approve{background:var(--accent);color:#fff}.btn-decline{color:var(--text-muted);border:1px solid var(--border);background:#fff}.tabbar{background:var(--card);border-radius:12px;gap:4px;padding:4px;display:flex;box-shadow:0 1px 3px #0000000a}.tabbar button{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:9px;flex:1;padding:9px;font-size:12.5px;font-weight:700}.tabbar button.active{background:var(--accent);color:#fff}.unsaved-banner{color:#92400e;background:#fffbeb;border:1px solid #fde68a;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;padding:10px 12px;font-size:12px;font-weight:600;line-height:1.4;display:flex}.btn-save-now{color:#fff;background:var(--warn);cursor:pointer;border:none;border-radius:9px;flex-shrink:0;padding:8px 16px;font-size:12.5px;font-weight:700}.btn-save-now:hover{background:#b45309}.btn-save-now:disabled{cursor:default;background:#d1d5db}.publish-sub-warn{color:var(--warn);font-weight:700}.publish-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.pill{border-radius:999px;align-items:center;gap:5px;padding:4px 11px;font-size:11px;font-weight:700;display:inline-flex}.pill.draft{color:var(--text-muted);background:#f3f4f6}.pill.published{color:var(--success);background:#dcfce7}.publish-sub{color:var(--text-muted);margin-top:2px;font-size:11px}.roster-actions{gap:8px;display:flex}.roster-actions button{cursor:pointer;border:none;border-radius:10px;flex:1;padding:10px;font-size:12px;font-weight:700}.btn-copy{color:#fff;background:#4338ca}.emp-block{background:var(--card);border-radius:14px;overflow:hidden;box-shadow:0 1px 3px #0000000a}.emp-block+.emp-block{margin-top:10px}.emp-block-head{color:#fff;background:#1f2937;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.emp-block-head .n{font-size:13.5px;font-weight:700}.emp-block-head .w{color:#9ca3af;font-size:10.5px}.edit-day{border-bottom:1px solid #f3f4f6;align-items:center;gap:8px;padding:8px 12px;display:flex}.edit-day:last-child{border-bottom:none}.edit-day.conflict{background:#fffbeb}.time-select{border:1px solid var(--border);width:108px;color:var(--text);background:#fff;border-radius:7px;padding:5px 4px;font-family:inherit;font-size:11.5px}.time-custom{align-items:center;gap:4px;display:flex}.time-custom input[type=time]{border:1px solid var(--border);border-radius:7px;width:92px;padding:5px 4px;font-family:inherit;font-size:12px}.time-custom-back{color:var(--accent-dark);cursor:pointer;white-space:nowrap;background:0 0;border:none;padding:0;font-size:9.5px;text-decoration:underline}@media (width<=420px){.edit-day{flex-wrap:wrap;row-gap:6px}.edit-day .tt-d{width:100%}.edit-day-actions{justify-content:flex-end;width:100%}}.edit-sep{color:var(--text-muted);font-size:11px}.leave-paid-toggle{color:var(--text-muted);white-space:nowrap;align-items:center;gap:4px;font-size:11px;display:flex}.edit-day-actions{align-items:center;gap:6px;margin-left:auto;display:flex}.edit-off{color:var(--text-muted);cursor:pointer;border:1px solid var(--border);white-space:nowrap;background:#fff;border-radius:7px;padding:4px 8px;font-size:10.5px}.edit-copy-prev{color:var(--accent-dark);cursor:pointer;border:1px solid var(--accent);white-space:nowrap;background:#eff6ff;border-radius:7px;padding:4px 8px;font-size:10.5px}.conflict-flag{color:#b45309;white-space:nowrap;background:#fef3c7;border-radius:999px;padding:2px 6px;font-size:9px;font-weight:700}.store-card{background:var(--card);cursor:pointer;border-radius:14px;justify-content:space-between;align-items:center;padding:14px 16px;display:flex;box-shadow:0 1px 3px #0000000a}.store-card+.store-card{margin-top:10px}.store-card-name{color:var(--text);font-size:14px;font-weight:700}.store-card-sub{color:var(--text-muted);margin-top:2px;font-size:11px}.store-card-count{color:var(--accent-dark);text-align:right;font-size:15px;font-weight:700}.back-link{color:var(--accent-dark);cursor:pointer;background:0 0;border:none;margin-bottom:4px;padding:0;font-size:12px;font-weight:600;display:inline-block}.dev-accounts{background:#f5f7ff;border:1px dashed #c7d2fe;border-radius:12px;flex-direction:column;gap:6px;width:100%;max-width:360px;margin-top:16px;padding:14px 16px;display:flex}.dev-accounts-label{color:#4338ca;letter-spacing:.4px;margin-bottom:2px;font-size:10.5px;font-weight:700}.dev-accounts button{text-align:left;color:var(--text);cursor:pointer;background:#fff;border:1px solid #e0e7ff;border-radius:8px;padding:8px 10px;font-size:12.5px}.dev-accounts button:hover{border-color:var(--accent)}.dev-accounts-note{color:var(--text-muted);margin-top:4px;font-size:10.5px;line-height:1.5}.staff-row-card{background:var(--card);border-radius:14px;justify-content:space-between;align-items:center;gap:10px;padding:13px 15px;display:flex;box-shadow:0 1px 3px #0000000a}.staff-row-card+.staff-row-card{margin-top:9px}.staff-row-name{color:var(--text);margin-bottom:4px;font-size:13.5px;font-weight:600}.role-pill{text-transform:uppercase;letter-spacing:.3px;color:var(--text-muted);background:#f3f4f6;border-radius:999px;padding:2px 8px;font-size:9.5px;font-weight:700}.role-pill.manager{color:#4338ca;background:#e0e7ff}.staff-row-card button{cursor:pointer;white-space:nowrap;border:none;border-radius:9px;padding:8px 14px;font-size:12px;font-weight:700}.clock-cta{background:#16a34a;margin-bottom:14px;font-size:15px}.clock-cta:hover{background:#15803d}.qr-status{text-align:center}.qr-preview-card{text-align:center;flex-direction:column;align-items:center;gap:14px;display:flex}.qr-preview-image{border:1px solid var(--border);border-radius:10px;width:220px;height:220px}.qr-print-sheet{display:none}@media print{body:has(.qr-print-sheet,.print-root) *{visibility:hidden}.qr-print-sheet,.qr-print-sheet *{visibility:visible!important}.qr-print-sheet{text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.qr-print-store{margin-bottom:32px;font-size:36px;font-weight:800}.qr-print-image{width:60%;max-width:420px}.qr-print-instructions{color:#333;max-width:420px;margin-top:32px;font-size:18px}.qr-print-issued{color:#888;font-size:11px;position:fixed;bottom:24px;right:24px}}.scanner-wrap{aspect-ratio:3/4;background:#111;border-radius:16px;width:100%;position:relative;overflow:hidden}.scanner-video{object-fit:cover;width:100%;height:100%}.scanner-frame{pointer-events:none;border:3px solid #fffc;border-radius:18px;position:absolute;inset:12% 14%;box-shadow:0 0 0 999px #00000059}.scanner-hint{text-align:center;color:#fff;font-size:12.5px;position:absolute;bottom:16px;left:0;right:0}.scan-result{text-align:center}.scan-result-headline{color:var(--success);font-size:19px;font-weight:800}.scan-result-headline.needs-review{color:var(--warn)}.scan-result-note{color:var(--text-muted);margin-top:8px;font-size:12.5px}.scan-result-note.stale-shift{color:#92400e;background:#fffbeb;border:1px solid #fde68a;border-radius:10px;margin-top:14px;padding:10px 12px}.self-edit-card{background:var(--card);border-radius:12px;padding:12px 14px;box-shadow:0 1px 3px #0000000a}.self-edit-card+.self-edit-card{margin-top:10px}.self-edit-head{justify-content:space-between;align-items:baseline;display:flex}.self-edit-name{font-size:13.5px;font-weight:700}.self-edit-store{color:var(--text-muted);font-size:11px}.self-edit-detail{color:var(--text);margin-top:4px;font-size:12.5px}.self-edit-old{color:var(--danger);text-decoration:line-through}.self-edit-new{color:var(--success);font-weight:700}.self-edit-reason{color:var(--text-muted);margin-top:4px;font-size:11.5px;font-style:italic}.self-edit-when{color:var(--text-muted);margin-top:6px;font-size:10px}.franchise-total-card{background:var(--card);border-radius:12px;justify-content:space-between;align-items:center;padding:12px 16px;display:flex;box-shadow:0 1px 3px #0000000a}.franchise-total-card.clickable{cursor:pointer}.franchise-total-card+.franchise-total-card{margin-top:10px}.franchise-total-name{align-items:center;gap:8px;font-size:13.5px;font-weight:700;display:flex}.franchise-total-stats{color:var(--text-muted);gap:10px;font-size:11.5px;font-weight:600;display:flex}.readonly-banner{color:#1e40af;background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;margin-bottom:14px;padding:10px 12px;font-size:12px;line-height:1.5}.roster-shared-badge{color:#1e40af;white-space:nowrap;background:#dbeafe;border-radius:999px;padding:2px 7px;font-size:9px;font-weight:700}.franchise-sharing-note{color:var(--text-muted);padding:0 4px;font-size:11.5px;line-height:1.6}.tab-badge{background:var(--danger);color:#fff;border-radius:999px;min-width:16px;margin-left:4px;padding:1px 5px;font-size:9.5px;font-weight:800;line-height:1.4;display:inline-block}.more-menu{background:var(--card);z-index:20;border-radius:12px;flex-direction:column;gap:2px;min-width:160px;margin-top:4px;padding:6px;display:flex;position:absolute;top:100%;right:20px;box-shadow:0 4px 16px #0000001f}.more-menu button{text-align:left;color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:9px 12px;font-size:12.5px;font-weight:600}.more-menu button:hover{background:#f3f4f6}.queue-summary{color:var(--text-muted);justify-content:space-between;align-items:center;font-size:12.5px;display:flex}.queue-card{background:var(--card);border-radius:14px;overflow:hidden;box-shadow:0 1px 3px #0000000a}.queue-card+.queue-card{margin-top:10px}.queue-row-head{cursor:pointer;justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.queue-name{font-size:13.5px;font-weight:700}.queue-sub{color:var(--text-muted);margin-top:2px;font-size:11px}.queue-flags{flex-direction:column;align-items:flex-end;gap:4px;display:flex}.dispute-pill{color:#b91c1c;background:#fee2e2}.queue-detail{border-top:1px solid #f3f4f6;padding:0 14px 14px}.queue-facts{grid-template-columns:1fr 1fr;gap:8px 12px;margin:12px 0;font-size:12px;display:grid}.queue-fact-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px;font-size:10px;display:block}.queue-context-loading{color:var(--text-muted);padding:8px 0;font-size:11.5px}.queue-context{background:#f9fafb;border-radius:10px;margin-bottom:10px;padding:8px 10px}.queue-context-title{color:var(--text-muted);text-transform:uppercase;margin-bottom:6px;font-size:10.5px;font-weight:700}.queue-context-row{justify-content:space-between;gap:8px;padding:3px 0;font-size:11.5px;display:flex}.queue-context-status{color:var(--text-muted)}.closed-month-note{color:var(--text-muted);background:#f3f4f6;border-radius:10px;margin-bottom:10px;padding:10px 12px;font-size:11.5px;line-height:1.5}.dispute-panel{background:#fef2f2;border:1px solid #fecaca;border-radius:10px;margin-bottom:10px;padding:10px 12px}.dispute-reason{color:var(--text);font-size:12px;font-style:italic}.dispute-age{color:#b91c1c;margin-top:4px;font-size:10.5px;font-weight:700}.adjust-form{background:#f9fafb;border-radius:10px;flex-direction:column;gap:10px;margin-top:10px;padding:12px;display:flex}.adjust-form label{color:var(--text-muted);flex-direction:column;gap:4px;font-size:11.5px;font-weight:600;display:flex}.adjust-form input[type=time],.adjust-form textarea{border:1px solid var(--border);color:var(--text);border-radius:8px;padding:7px 9px;font-family:inherit;font-size:13px}.adjust-form textarea{resize:vertical}.audit-filters{flex-direction:column;gap:8px;display:flex}.audit-filters select{border:1px solid var(--border);border-radius:8px;padding:8px 9px;font-family:inherit;font-size:12.5px}.audit-date-range{align-items:center;gap:6px;display:flex}.audit-date-range input{border:1px solid var(--border);border-radius:8px;flex:1;padding:7px 9px;font-family:inherit;font-size:12px}.audit-self-only{color:var(--text-muted);align-items:center;gap:6px;font-size:11.5px;display:flex}.audit-row-card{background:var(--card);border-radius:12px;padding:12px 14px;box-shadow:0 1px 3px #0000000a}.audit-row-card+.audit-row-card{margin-top:8px}.audit-row-head{justify-content:space-between;align-items:center;display:flex}.audit-row-field{text-transform:uppercase;letter-spacing:.3px;color:var(--accent-dark);font-size:11px;font-weight:700}.attendance-cta{margin-bottom:14px}.attendance-card{background:var(--card);border-radius:14px;padding:14px;box-shadow:0 1px 3px #0000000a}.attendance-card+.attendance-card{margin-top:10px}.attendance-head{justify-content:space-between;align-items:center;margin-bottom:6px;font-size:13px;font-weight:700;display:flex}.attendance-scan{color:var(--text-muted);margin-top:2px;font-size:11px}.correction-note{color:#92400e;background:#fffbeb;border-radius:8px;margin-top:8px;padding:8px 10px;font-size:11.5px}.correction-summary{width:100%;font:inherit;color:inherit;cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;margin:0;padding:0;display:flex}.correction-detail{border-top:1px solid #92400e26;margin-top:6px;padding-top:6px}.dispute-status{border-radius:8px;margin-top:8px;padding:8px 10px;font-size:11.5px}.dispute-status-open{color:#b91c1c;background:#fef2f2}.dispute-status-accepted{color:#15803d;background:#f0fdf4}.dispute-status-rejected{color:var(--text-muted);background:#f3f4f6}.warn-txt{color:#b45309;font-weight:600}.hd-role{color:#9ca3af;margin-left:4px;font-size:10px;font-weight:600}.hd-role.lv{color:#fca5a5}.ts-scroll{overflow-x:auto}.ts-table{border-collapse:collapse;white-space:nowrap;width:100%;font-size:11px}.ts-table th,.ts-table td{text-align:left;border-bottom:1px solid #f3f4f6;padding:5px 8px}.ts-table thead th{color:var(--text-muted);text-transform:uppercase;font-size:10px;font-weight:600}.ts-table tfoot td{border-top:2px solid #e5e7eb;border-bottom:none;font-weight:700}.ts-table tr.ts-warn{background:#fffbeb}.ts-note{white-space:normal;color:var(--text-muted);max-width:220px}.ts-note-edit{cursor:pointer;color:var(--accent-dark);background:0 0;border:none;padding:0 0 0 4px;font-size:11px}.today-cover-row{text-align:left;cursor:pointer;width:100%;margin-bottom:8px;padding:14px 16px;font-size:16px;display:block}.today-cover-name{font-weight:600}.today-cover-time{color:var(--text-muted);margin-top:2px}.today-cover-sub{color:var(--accent-dark);margin-top:4px;font-size:13px}.store-summary-row{text-align:center;justify-content:space-around;display:flex}.store-summary-row .num{font-size:18px;font-weight:700}.store-summary-row .lbl{color:var(--text-muted);font-size:10.5px}.ph-dot{color:#6d28d9;cursor:help;background:#ede9fe;border-radius:4px;padding:1px 4px;font-size:9px;font-weight:700;display:inline-block}.rep-actions{gap:10px;margin-top:10px;display:flex}.btn-excel,.btn-print{cursor:pointer;color:#fff;border:none;border-radius:10px;flex:1;padding:12px;font-size:13px;font-weight:700}.btn-excel{background:#15803d}.btn-print{background:#374151}.print-root{background:#e5e7eb;min-height:100vh;padding:24px 0}.print-toolbar{justify-content:center;gap:12px;margin-bottom:18px;display:flex}.print-page{background:#fff;width:210mm;margin:0 auto 24px;box-shadow:0 2px 10px #0000002e}.print-page-frame{box-sizing:border-box;color:#111;width:190mm;margin:0 auto;padding:10mm 0;font-family:Arial,Helvetica,sans-serif}.print-header{border-bottom:.5mm solid #000;margin-bottom:3mm;padding-bottom:1.5mm;font-size:13pt}.print-table{border-collapse:collapse;table-layout:fixed;width:100%;font-size:9.5pt}.print-table th,.print-table td{text-align:left;white-space:nowrap;text-overflow:ellipsis;border-bottom:.15mm solid #ccc;padding:1.3mm 1.5mm;line-height:1.15;overflow:hidden}.print-table thead th{border-bottom:.5mm solid #000;padding-bottom:1.5mm;font-weight:700}.print-table td:last-child,.print-table th:last-child{white-space:normal}.print-footer{border-top:.5mm solid #000;margin-top:3mm;padding-top:1.5mm;font-size:10pt}.print-adjustment{color:#92400e;margin-top:1mm;font-size:9pt}.print-store-total{gap:20mm;margin-top:8mm;font-size:14pt;font-weight:700;display:flex}@media print{.print-root,.print-root *{visibility:visible!important}.no-print{display:none!important}.print-root{background:0 0;min-height:0;padding:0}.print-page{width:auto;box-shadow:none;page-break-after:always;margin:0}.print-page:last-child{page-break-after:auto}.print-page-frame{width:auto;padding:0}@page{size:A4;margin:10mm}}