:root{--bm-orange:#f15a2b;--bm-green:#6ac4a4;--bm-orange-dark:#c9441b;--bm-green-dark:#1f6f5b;--bm-bg:#f7f8fa;--bm-surface:#fff;--bm-surface-soft:#fcfcfd;--bm-text:#222;--bm-text-secondary:#667085;--bm-text-muted:#98a2b3;--bm-border:#22222214;--bm-divider:#2222220f;--radius-xs:8px;--radius-sm:12px;--radius-md:16px;--radius-lg:20px;--radius-xl:24px;--radius-pill:999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--shadow-xs:0 1px 3px #1018280d;--shadow-sm:0 4px 12px #10182812;--shadow-md:0 10px 30px #1018281a;--motion-fast:.15s;--motion-normal:.22s;--coral:var(--bm-orange);--coral-deep:var(--bm-orange-dark);--coral-hover:#d44000;--coral-soft:#fff5ee;--coral-border:#f15a2b40;--coral-subtle:#fff0e8;--mint:var(--bm-green);--mint-deep:var(--bm-green-dark);--mint-hover:#175746;--mint-soft:#f0fdf8;--mint-border:#6ac4a459;--mint-subtle:#e6f8f0;--orange:var(--bm-orange);--green:var(--bm-green);--green2:var(--bm-green-dark);--bg:var(--bm-bg);--card-bg:var(--bm-surface);--text:var(--bm-text);--text-muted:var(--bm-text-secondary);--muted:var(--bm-text-secondary);--line:var(--bm-border);--line-dark:#22222224}*{box-sizing:border-box}html,body,#root{overscroll-behavior-y:none;min-height:100%}body{background:var(--bm-bg);color:var(--bm-text);padding-bottom:env(safe-area-inset-bottom);-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:Roboto,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select,textarea{font:inherit}.hidden{display:none!important}.liquid-glass{-webkit-backdrop-filter:blur(18px)saturate(135%);border-radius:var(--radius-lg);background:#ffffffb8;border:1px solid #ffffffa6;box-shadow:0 10px 30px #10182814,inset 0 1px #ffffffd1}.brand-orange-soft{background:color-mix(in srgb, var(--bm-orange) 10%, white)}.brand-green-soft{background:color-mix(in srgb, var(--bm-green) 14%, white)}.gradient-orange{background:linear-gradient(135deg,#f15a2b 0%,#f58360 100%)}.gradient-green{background:linear-gradient(135deg,#6ac4a4 0%,#94d5bd 100%)}.topbar{border-bottom:1px solid var(--bm-border);height:68px;box-shadow:var(--shadow-xs);z-index:20;background:#fff;justify-content:space-between;align-items:center;padding:0 20px;display:flex;position:sticky;top:0}.topbar-left{align-items:center;gap:12px;display:flex}.btn-toggle-sidebar{border:1px solid var(--bm-border);border-radius:var(--radius-sm);width:38px;height:38px;color:var(--bm-text-secondary);cursor:pointer;transition:all var(--motion-fast) ease;background:0 0;justify-content:center;align-items:center;display:inline-flex}.btn-toggle-sidebar:hover{background:var(--bm-bg);color:var(--bm-text);border-color:#22222229}.brand{align-items:center;gap:12px;display:flex}.brand-logo,.brand img{object-fit:contain;width:auto;max-width:90px;height:42px}.brand-info{flex-direction:column;display:flex}.brand-title-wrap{align-items:center;gap:6px;display:flex}.brand strong{color:var(--bm-orange-dark);font-size:16px;font-weight:800;line-height:1.2}.brand-tag{background:color-mix(in srgb, var(--bm-orange) 12%, white);color:var(--bm-orange-dark);border-radius:var(--radius-pill);border:1px solid #f15a2b33;padding:2px 8px;font-size:11px;font-weight:800;line-height:1.2}.brand-slogan{color:var(--bm-green-dark);margin-top:2px;font-size:12px;font-weight:600}.topbar-center{flex:1;max-width:380px;margin:0 16px}.topbar-search-box{background:var(--bm-bg);border:1px solid var(--bm-border);border-radius:var(--radius-pill);height:38px;transition:all var(--motion-fast) ease;align-items:center;gap:8px;padding:0 14px;display:flex}.topbar-search-box:focus-within{border-color:var(--bm-green);background:#fff;box-shadow:0 0 0 3px #6ac4a429}.topbar-search-input,.topbar-search-box input[type=text]{color:var(--bm-text);outline:none;width:100%;box-shadow:none!important;background:0 0!important;border:none!important;height:36px!important;padding:0!important;font-size:13px!important}.btn-icon-topbar{border:1px solid var(--bm-border);width:38px;height:38px;color:var(--bm-text-secondary);cursor:pointer;transition:all var(--motion-fast) ease;background:0 0;border-radius:50%;justify-content:center;align-items:center;display:inline-flex;position:relative}.btn-icon-topbar:hover{background:var(--bm-bg);color:var(--bm-text);border-color:#22222229}.userbox{align-items:center;gap:12px;display:flex}.user-select,.userbox select{border:1px solid var(--bm-border);border-radius:var(--radius-sm);max-width:180px;color:var(--bm-text);background:#fff;outline:none;padding:8px 12px;font-size:13px;transition:border-color .15s}.user-select:focus,.userbox select:focus{border-color:var(--bm-green);box-shadow:0 0 0 3px #6ac4a429}.user-badge-wrap{align-items:center;gap:8px;display:flex}.user-avatar{background:linear-gradient(135deg, color-mix(in srgb, var(--bm-orange) 14%, white), color-mix(in srgb, var(--bm-green) 18%, white));width:40px;height:40px;color:var(--bm-orange-dark);border:1.5px solid #f15a2b40;border-radius:50%;place-items:center;font-size:14px;font-weight:800;display:grid}.user-details strong{color:var(--bm-text);font-size:13px;font-weight:700;line-height:1.2;display:block}.user-role{color:var(--bm-text-secondary);background:var(--bm-bg);border-radius:4px;margin-top:2px;padding:2px 6px;font-size:11px;font-weight:600;display:inline-block}.shell{grid-template-columns:240px minmax(0,1fr);max-width:1440px;min-height:calc(100vh - 68px);margin:0 auto;transition:grid-template-columns .22s;display:grid}.shell-collapsed{grid-template-columns:64px minmax(0,1fr)}.sidebar{border-right:1px solid var(--bm-border);background:#fff;height:calc(100vh - 68px);padding:20px 14px;transition:width .22s,padding .22s;position:sticky;top:68px;overflow:hidden auto}.sidebar.collapsed{padding:16px 8px}.nav-group-label{text-transform:uppercase;letter-spacing:.05em;color:var(--bm-text-muted);padding:16px 12px 6px;font-size:11px;font-weight:700}.nav{text-align:left;border-radius:var(--radius-sm);width:100%;color:var(--bm-text-secondary);cursor:pointer;transition:all var(--motion-fast) ease;touch-action:manipulation;background:0 0;border:1px solid #0000;align-items:center;gap:10px;margin-bottom:4px;padding:10px 14px;font-size:14px;font-weight:600;display:flex}.nav:hover{background:var(--bm-bg);color:var(--bm-text)}.nav.active{background:color-mix(in srgb, var(--bm-orange) 10%, white);color:var(--bm-orange-dark);border-color:#f15a2b33;font-weight:700;box-shadow:0 2px 6px #f15a2b0f}.nav.nav-collapsed{border-radius:12px;justify-content:center;padding:12px 0}.nav-item-icon{color:currentColor;flex-shrink:0;justify-content:center;align-items:center;font-size:16px;display:inline-flex}.content{min-width:0;max-width:1280px;padding:24px}.btn{cursor:pointer;touch-action:manipulation;border:1px solid #0000;border-radius:14px;justify-content:center;align-items:center;gap:8px;min-width:44px;height:48px;min-height:44px;padding:0 20px;font-size:15px;font-weight:600;transition:transform .18s,box-shadow .18s,background .18s;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn:active{transform:scale(.98)}.btn.primary{background:var(--bm-orange);color:#fff;border-color:var(--bm-orange-dark);box-shadow:0 3px 10px #f15a2b40}.btn.primary:hover{background:var(--bm-orange-dark);box-shadow:0 5px 14px #f15a2b59}.btn.secondary{color:var(--bm-orange);background:#fff;border:1px solid #f15a2b40}.btn.secondary:hover{background:color-mix(in srgb, var(--bm-orange) 6%, white);border-color:var(--bm-orange)}.btn.green{background:var(--bm-green);color:#1f6f5b;font-weight:700;box-shadow:0 3px 10px #6ac4a440}.btn.green:hover{background:color-mix(in srgb, var(--bm-green) 90%, black);color:#fff}.btn.danger{color:#991b1b;background:#fee2e2;border-color:#fecaca}.btn.danger:hover{background:#fdd8d8}.btn.btn-lg{border-radius:16px;height:52px;padding:0 24px;font-size:16px}.btn-secondary-compact{border-radius:var(--radius-sm);border:1px solid var(--bm-border);height:38px;color:var(--bm-text-secondary);cursor:pointer;transition:all var(--motion-fast) ease;background:#fff;align-items:center;gap:6px;padding:0 14px;font-size:13px;font-weight:600;display:inline-flex}.btn-secondary-compact:hover{background:var(--bm-bg);color:var(--bm-text);border-color:#22222229}.btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none!important;transform:none!important}input[type=text],input[type=email],input[type=date],input[type=time],input[type=number],select,textarea{height:48px;color:var(--bm-text);transition:border-color var(--motion-fast) ease, box-shadow var(--motion-fast) ease;background:#fff;border:1px solid #2222221a;border-radius:12px;outline:none;width:100%;padding:0 14px;font-size:16px}textarea{height:auto;min-height:90px;padding:12px 14px}input:focus,select:focus,textarea:focus{border-color:var(--bm-green);box-shadow:0 0 0 3px #6ac4a429}.card{background:#fff;border:1px solid #2222220f;border-radius:20px;margin-bottom:16px;padding:20px;box-shadow:0 4px 14px #1018280d}.section-title{color:var(--bm-text);margin:0;font-size:17px;font-weight:700}.section-subtitle{color:var(--bm-text-secondary);margin:4px 0 0;font-size:13px}.attendance-page-layout{flex-direction:column;gap:18px;max-width:820px;margin:0 auto;display:flex}.work-metrics-card{border:1px solid var(--bm-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);background:#fff;padding:18px 20px}.work-metrics-head{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.metrics-head-title{align-items:center;gap:8px;display:flex}.metrics-head-title h3{color:var(--bm-text);margin:0;font-size:15px;font-weight:700}.metrics-month-badge{color:var(--bm-orange-dark);background:color-mix(in srgb, var(--bm-orange) 10%, white);border-radius:var(--radius-pill);padding:3px 10px;font-size:12px;font-weight:700}.work-kpi-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;display:grid}.kpi-item{background:var(--bm-bg);border:1px solid var(--bm-border);border-radius:var(--radius-sm);text-align:center;padding:12px 10px}.kpi-label{color:var(--bm-text-secondary);font-size:11px;font-weight:600;display:block}.kpi-value{margin:4px 0 2px;font-size:18px;font-weight:800;display:block}.kpi-value small{color:var(--bm-text-muted);font-size:11px;font-weight:600}.kpi-sub{color:var(--bm-text-muted);font-size:10px;display:block}.text-orange{color:var(--bm-orange-dark)!important}.attendance-page-wrap{flex-direction:column;gap:16px;max-width:680px;margin:0 auto;display:flex}.attendance-hero-card{text-align:center;padding:26px 24px;position:relative;overflow:hidden}.attendance-greeting{margin-bottom:16px}.greeting-label{color:var(--bm-text-secondary);font-size:14px}.greeting-name{color:var(--bm-text);margin:2px 0 8px;font-size:24px;font-weight:800}.greeting-store-chip{border-radius:var(--radius-pill);background:color-mix(in srgb, var(--bm-orange) 8%, white);color:var(--bm-orange-dark);border:1px solid #f15a2b26;align-items:center;gap:6px;padding:5px 14px;font-size:13px;font-weight:600;display:inline-flex}.attendance-clock-box{margin:18px 0 24px}.clock-digits{color:var(--bm-text);font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:52px;font-weight:800;line-height:1.05}.clock-date{color:var(--bm-text-secondary);margin-top:6px;font-size:16px;font-weight:600}.attendance-cta-container{margin:18px 0 22px}.btn-attendance-cta{background:var(--bm-orange);color:#fff;letter-spacing:.02em;cursor:pointer;touch-action:manipulation;border:none;border-radius:16px;justify-content:center;align-items:center;gap:10px;width:100%;height:54px;font-size:17px;font-weight:700;transition:transform .18s,box-shadow .18s,background .18s;display:flex;box-shadow:0 8px 24px #f15a2b52}.btn-attendance-cta:hover{background:var(--bm-orange-dark);transform:translateY(-1px);box-shadow:0 10px 28px #f15a2b66}.btn-attendance-cta:active{transform:scale(.98)}.btn-attendance-cta.cta-checkout{background:var(--bm-green);color:#1f6f5b;box-shadow:0 8px 24px #6ac4a459}.btn-attendance-cta.cta-checkout:hover{background:color-mix(in srgb, var(--bm-green) 90%, black);color:#fff}.cta-content-inner{align-items:center;gap:8px;display:flex}.cta-icon{font-size:18px}.cta-loading-inner{align-items:center;gap:10px;font-size:16px;display:flex}@keyframes popConfirm{0%{transform:scale(.95)}50%{transform:scale(1.03)}to{transform:scale(1)}}.anim-pop{animation:.38s cubic-bezier(.34,1.56,.64,1) popConfirm}.attendance-divider{border-bottom:1px dashed #2222221f;margin:18px 0}.attendance-shift-panel{text-align:left}.shift-header-row{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.shift-label{color:var(--bm-text-secondary);font-size:13px;font-weight:600}.shift-hours{color:var(--bm-text);font-size:13px;font-weight:700}.shift-bar{color:var(--bm-text-muted);padding:0 4px}.shift-times-grid{border-radius:var(--radius-md);box-shadow:var(--shadow-xs);background:#fff;border:1px solid #22222214;grid-template-columns:1fr auto 1fr;align-items:center;padding:14px 18px;display:grid}.shift-time-block{flex-direction:column;display:flex}.shift-time-block.text-right{text-align:right;align-items:flex-end}.time-sub-label{color:var(--bm-text-muted);font-size:12px;font-weight:600}.time-value{color:var(--bm-text);font-variant-numeric:tabular-nums;margin-top:2px;font-size:18px;font-weight:800}.time-value.text-green{color:var(--bm-green-dark)}.status-badge-ontime{border-radius:var(--radius-pill);background:color-mix(in srgb, var(--bm-green) 18%, white);color:var(--bm-green-dark);align-items:center;gap:6px;padding:5px 12px;font-size:13px;font-weight:700;display:inline-flex}.status-badge-neutral{border-radius:var(--radius-pill);color:var(--bm-text-secondary);background:#f1f3f5;align-items:center;gap:6px;padding:5px 12px;font-size:13px;font-weight:600;display:inline-flex}.badge-dot{border-radius:50%;width:7px;height:7px}.badge-dot.green{background:var(--bm-green)}.badge-dot.gray{background:var(--bm-text-muted)}.mini-timecard-card{background:#fff}.timecard-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.timecard-title-group{align-items:center;gap:8px;display:flex}.timecard-legend{color:var(--bm-text-secondary);align-items:center;gap:12px;font-size:12px;display:flex}.legend-dot{border-radius:50%;width:7px;height:7px}.legend-dot.green{background:var(--bm-green)}.legend-dot.yellow{background:#eab308}.week-grid-container{grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;display:grid}.week-col{background:var(--bm-bg);border:1px solid var(--bm-border);border-radius:var(--radius-sm);text-align:center;transition:all var(--motion-fast) ease;flex-direction:column;align-items:center;gap:5px;padding:10px 4px;display:flex}.week-col.is-today{border-color:var(--bm-orange);background:color-mix(in srgb, var(--bm-orange) 8%, white)}.col-day-name{color:var(--bm-text-secondary);font-size:11px;font-weight:600}.col-day-num{color:var(--bm-text);font-size:15px;font-weight:800}.col-status-pill{border-radius:var(--radius-pill);min-width:34px;padding:3px 6px;font-size:11px;font-weight:700;line-height:1.1}.point-full{background:color-mix(in srgb, var(--bm-green) 20%, white);color:var(--bm-green-dark)}.point-half{color:#854d0e;background:#fef9c3}.point-off{color:var(--bm-text-muted);background:#f1f5f9}.point-today{background:var(--bm-orange);color:#fff;font-size:10px}.point-future{color:var(--bm-text-muted);background:0 0}.store-chip-svg{color:var(--bm-orange-dark)}.cta-icon-svg{flex-shrink:0}.alert-icon-svg{color:#b91c1c;flex-shrink:0}.store-gps-card{margin-bottom:0}.card-header-with-action{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.store-title-group{align-items:center;gap:12px;display:flex}.store-badge-icon{background:color-mix(in srgb, var(--bm-green) 14%, white);width:44px;height:44px;color:var(--bm-green-dark);border-radius:12px;flex-shrink:0;place-items:center;font-size:20px;display:grid}.gps-alert-box{border-radius:var(--radius-sm);background:#fef2f2;border:1px solid #fecaca;align-items:flex-start;gap:10px;margin-bottom:14px;padding:12px 14px;font-size:13px;display:flex}.gps-alert-box .alert-icon{font-size:18px}.gps-alert-box strong{color:#991b1b;margin-bottom:2px;font-weight:700;display:block}.gps-alert-box p{color:#7f1d1d;margin:0;line-height:1.4}.gps-metrics-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.gps-metric-item{background:var(--bm-bg);border:1px solid var(--bm-border);border-radius:var(--radius-sm);text-align:center;padding:10px 12px}.metric-title{color:var(--bm-text-secondary);font-size:11px;font-weight:600;display:block}.metric-num{color:var(--bm-text);margin-top:4px;font-size:16px;font-weight:800;display:block}.text-warning{color:#d97706!important}.history-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.history-count{color:var(--bm-text-muted);font-size:12px;font-weight:600}.history-list{gap:10px;display:grid}.history-item{border:1px solid var(--bm-border);border-radius:var(--radius-md);transition:border-color var(--motion-fast) ease;background:#fff;align-items:center;gap:12px;padding:12px 14px;display:flex}.history-item:hover{border-color:#f15a2b40}.history-datebox{background:color-mix(in srgb, var(--bm-orange) 8%, white);border:1px solid #f15a2b2e;border-radius:12px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.datebox-month{color:var(--bm-orange-dark);font-size:10px;font-weight:800;line-height:1}.datebox-day{color:var(--bm-orange-dark);margin-top:2px;font-size:16px;font-weight:800;line-height:1.1}.history-info{flex:1;min-width:0}.history-date-row{align-items:center;gap:8px;display:flex}.history-date-row strong{color:var(--bm-text);font-size:14px;font-weight:700}.history-shift-name{color:var(--bm-text-secondary);font-size:12px}.history-times-row{color:var(--bm-text-secondary);margin-top:3px;font-size:13px}.dot-sep{color:var(--bm-text-muted);padding:0 4px}.empty-text{text-align:center;color:var(--bm-text-muted);padding:24px 0;font-size:14px}.status{border-radius:var(--radius-pill);color:#334155;background:#f1f5f9;border:1px solid #cbd5e1;align-items:center;gap:6px;padding:4px 11px;font-size:12px;font-weight:700;line-height:1.2;display:inline-flex}.status-dot{background:currentColor;border-radius:50%;width:6px;height:6px}.status.open,.status.published,.status.assigned,.status.approved,.status.completed,.status.active{color:#065f46;background:#ecfdf5;border-color:#a7f3d0}.status.requested,.status.pending,.status.pending_review{color:#92400e;background:#fef3c7;border-color:#fde68a}.status.cancelled,.status.rejected,.status.closed{color:#991b1b;background:#fee2e2;border-color:#fecaca}.status.draft,.status.none,.status.inactive{color:#475569;background:#f1f5f9;border-color:#e2e8f0}.alert-toast-container{z-index:10000;pointer-events:none;width:calc(100% - 32px);max-width:480px;animation:.28s cubic-bezier(.16,1,.3,1) forwards slideDownToast;position:fixed;top:18px;left:50%;transform:translate(-50%)}@keyframes slideDownToast{0%{opacity:0;transform:translate(-50%,-18px)scale(.96)}to{opacity:1;transform:translate(-50%)scale(1)}}.alert{border-radius:var(--radius-md);color:#1d4ed8;box-shadow:var(--shadow-xs);background:#eff6ff;border:1px solid #bfdbfe;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;padding:12px 16px;font-size:14px;font-weight:600;display:flex}.alert-toast-container .alert{pointer-events:auto;-webkit-backdrop-filter:blur(16px);border-radius:14px;margin-bottom:0;box-shadow:0 12px 36px #10182829,0 2px 8px #0000000f}.alert.danger{color:#991b1b;background:#fef2f2;border-color:#fecaca}.alert.success{color:#047857;background:#ecfdf5;border-color:#a7f3d0}.alert-close{cursor:pointer;color:inherit;opacity:.7;background:0 0;border:0;border-radius:4px;padding:4px 8px;font-size:18px;line-height:1}.alert-close:hover{opacity:1}.error-card{text-align:center;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);background:#fff;border:1px solid #fca5a5;margin-bottom:16px;padding:28px 20px}.error-card h3{color:#b91c1c;margin:0 0 8px}.error-card p{color:var(--bm-text-secondary);margin:0 0 16px}.loading-card{color:var(--bm-text-secondary);justify-content:center;align-items:center;gap:10px;padding:32px;font-weight:600;display:flex}.spinner-dots{border:2px solid #f15a2b33;border-top-color:var(--bm-orange);border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.table-wrap{border:1px solid var(--bm-border);border-radius:var(--radius-md);box-shadow:var(--shadow-xs);background:#fff;margin-bottom:16px;overflow-x:auto}table{border-collapse:collapse;text-align:left;width:100%;font-size:14px}th{background:var(--bm-surface-soft);color:var(--bm-text-secondary);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--bm-border);white-space:nowrap;padding:12px 16px;font-size:12px;font-weight:700}td{border-bottom:1px solid var(--bm-divider);color:var(--bm-text);padding:14px 16px}tr:last-child td{border-bottom:none}tr:hover td{background:color-mix(in srgb, var(--bm-bg) 50%, white)}.hero{border:1px solid var(--bm-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);background:#fff;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;padding:20px 24px;display:flex}.hero h2,.hero h3{color:var(--bm-text);margin:0;font-size:20px;font-weight:700}.hero p{color:var(--bm-text-secondary);margin:4px 0 0;font-size:13px;line-height:1.4}.hero-actions{align-items:center;gap:10px;display:flex}.metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:16px;display:grid}.metric{border:1px solid var(--bm-border);box-shadow:var(--shadow-xs);background:#fff;border-radius:16px;padding:16px;position:relative;overflow:hidden}.metric:before{content:"";background:linear-gradient(90deg, var(--bm-orange), var(--bm-green));opacity:.8;height:3px;position:absolute;top:0;left:0;right:0}.metric span{color:var(--bm-text-secondary);text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:600;display:block}.metric strong{color:var(--bm-orange-dark);margin-top:4px;font-size:22px;font-weight:800;display:block}.grid{gap:12px;display:grid}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.modal{-webkit-backdrop-filter:blur(4px);z-index:999;background:#10182866;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal-card{border-radius:var(--radius-xl);box-shadow:var(--shadow-md);background:#fff;width:100%;max-width:520px;max-height:90vh;padding:24px;overflow-y:auto}.modal-header{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.modal-header h3{color:var(--bm-text);margin:0;font-size:18px;font-weight:700}.modal-actions{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}.pwa-setup-bar{border:1px solid var(--bm-border);border-radius:var(--radius-md);box-shadow:var(--shadow-xs);background:#fff;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;padding:10px 16px;display:flex}.pwa-setup-left{align-items:center;gap:10px;display:flex}.pwa-setup-icon{font-size:20px}.pwa-setup-text strong{color:var(--bm-text);font-size:13px;font-weight:700;display:block}.pwa-setup-text span{color:var(--bm-text-secondary);font-size:12px;display:block}.pwa-setup-actions{align-items:center;gap:8px;display:flex}.btn-close-setup{color:var(--bm-text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:6px 8px;font-size:16px;line-height:1}.btn-close-setup:hover{color:var(--bm-text);background:var(--bm-bg)}.offline-banner{color:#92400e;border-radius:var(--radius-md);text-align:center;background:#fef3c7;border:1px solid #fde68a;margin-bottom:14px;padding:10px 14px;font-size:13px;font-weight:600}.pwa-controls{margin-bottom:16px}.permission-row{border:1px solid var(--bm-border);border-radius:var(--radius-md);background:#fff;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;padding:12px 16px;display:flex}.permission-info{align-items:center;gap:10px;display:flex}.permission-icon{font-size:20px}.permission-copy strong{color:var(--bm-text);font-size:14px;font-weight:700;display:block}.permission-copy span{color:var(--bm-text-secondary);font-size:12px;display:block}.mobile-bottom-nav{z-index:99;justify-content:space-around;align-items:center;height:64px;padding:4px 6px;display:none;position:fixed;bottom:12px;left:12px;right:12px;box-shadow:0 10px 30px #1018281f,inset 0 1px #ffffffd9}.bottom-nav-item{color:var(--bm-text-secondary);cursor:pointer;border-radius:var(--radius-sm);min-width:52px;min-height:48px;transition:color var(--motion-fast) ease, transform var(--motion-fast) ease;touch-action:manipulation;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:6px 10px;font-size:11px;font-weight:600;display:flex}.bottom-nav-item:active{transform:scale(.92)}.bottom-nav-item.active{color:var(--bm-orange-dark);font-weight:700}.bottom-nav-item .bnav-icon{font-size:18px;line-height:1}@media (width>=768px) and (width<=1023px){.shell{grid-template-columns:200px minmax(0,1fr)}.shell-collapsed{grid-template-columns:64px minmax(0,1fr)}.topbar-center{max-width:220px;margin:0 10px}.content{padding:20px}.work-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.metrics,.grid-3,.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=767px){.shell{grid-template-columns:1fr!important}.sidebar,.btn-toggle-sidebar,.topbar-center{display:none!important}.mobile-bottom-nav{display:flex}.topbar{height:60px;padding:0 12px}.brand-slogan{display:none}.brand-logo,.brand img{max-width:75px;height:34px}.userbox{gap:6px}.user-details{display:none}.user-select,.userbox select{max-width:120px;padding:6px;font-size:12px}.content{padding:14px 12px calc(84px + env(safe-area-inset-bottom))}.work-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.week-grid-container{gap:4px}.week-col{padding:8px 2px}.col-day-num{font-size:13px}.col-status-pill{min-width:28px;padding:2px 4px;font-size:10px}.attendance-hero-card{border-radius:var(--radius-lg);padding:20px 16px}.clock-digits{font-size:42px}.btn-attendance-cta{height:54px;font-size:16px}.hero{flex-direction:column;align-items:stretch;padding:16px}.hero-actions{width:100%;margin-top:10px}.hero-actions .btn{width:100%}.metrics,.grid-3,.grid-4,.form-grid{grid-template-columns:1fr}.modal{align-items:flex-end;padding:0}.modal-card{max-width:100vw;padding-bottom:calc(20px + env(safe-area-inset-bottom));border-radius:20px 20px 0 0}}.user-badge-wrap.clickable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .2s}.user-badge-wrap.clickable:hover{border-radius:var(--radius-pill);background:#f15a2b14;transform:translateY(-1px)}.user-badge-wrap.clickable:active{transform:translateY(0)}.notification-backdrop{z-index:9999;-webkit-backdrop-filter:blur(4px);background:#10182873;justify-content:flex-end;animation:.25s ease-out forwards fadeInBackdrop;display:flex;position:fixed;inset:0}@keyframes fadeInBackdrop{0%{opacity:0}to{opacity:1}}.notification-panel{-webkit-backdrop-filter:blur(24px)saturate(150%);background:#ffffffeb;border-left:1px solid #fffc;flex-direction:column;width:100%;max-width:480px;height:100%;animation:.3s cubic-bezier(.16,1,.3,1) forwards slideInRight;display:flex;box-shadow:-10px 0 35px #1018281f}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.notif-header{border-bottom:1px solid var(--bm-border);justify-content:space-between;align-items:center;gap:12px;padding:18px 22px 14px;display:flex}.notif-title-wrap{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.notif-bell-icon{border-radius:var(--radius-md);background:color-mix(in srgb, var(--bm-orange) 12%, white);width:42px;height:42px;color:var(--bm-orange);flex-shrink:0;justify-content:center;align-items:center;display:flex}.notif-heading{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.notif-heading h3{color:var(--bm-text);white-space:nowrap;margin:0;font-size:16px;font-weight:700}.notif-badge-unread{background:var(--bm-orange);color:#fff;border-radius:var(--radius-pill);padding:2px 8px;font-size:11px;font-weight:700}.notif-subtext{color:var(--bm-text-secondary);white-space:nowrap;text-overflow:ellipsis;max-width:220px;margin:2px 0 0;font-size:12px;overflow:hidden}.notif-header-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.btn-text-link{color:var(--bm-orange-dark);cursor:pointer;border-radius:var(--radius-pill);white-space:nowrap;background:#f15a2b14;border:1px solid #f15a2b2e;align-items:center;gap:5px;min-height:36px;padding:8px 14px;font-size:12px;font-weight:700;transition:all .15s;display:inline-flex}.btn-text-link:hover{background:var(--bm-orange);color:#fff;border-color:var(--bm-orange)}.btn-close-modal{border:1px solid var(--bm-border);background:var(--bm-surface);width:38px;height:38px;color:var(--bm-text-secondary);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:flex}.btn-close-modal:hover{background:var(--bm-bg);color:var(--bm-text);border-color:#2223}.notif-tabs{border-bottom:1px solid var(--bm-border);background:#fafafbb3;gap:8px;padding:10px 20px;display:flex;overflow-x:auto}.notif-tab{color:var(--bm-text-secondary);border-radius:var(--radius-pill);cursor:pointer;white-space:nowrap;background:0 0;border:none;padding:6px 14px;font-size:13px;font-weight:600;transition:all .15s}.notif-tab:hover{color:var(--bm-text);background:#0000000a}.notif-tab.active{background:var(--bm-orange);color:#fff}.notif-body{flex:1;padding:16px 20px;overflow-y:auto}.notif-list{flex-direction:column;gap:12px;display:flex}.notif-item{border-radius:var(--radius-md);background:var(--bm-surface);border:1px solid var(--bm-border);cursor:pointer;gap:14px;padding:14px 16px;transition:all .2s;display:flex;position:relative}.notif-item:hover{border-color:color-mix(in srgb, var(--bm-orange) 40%, transparent);transform:translateY(-1px);box-shadow:0 4px 14px #1018280f}.notif-item.unread{background:color-mix(in srgb, var(--bm-orange) 3%, white);border-color:color-mix(in srgb, var(--bm-orange) 25%, var(--bm-border))}.notif-item-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.notif-item-icon.tag-shift{background:color-mix(in srgb, var(--bm-green) 18%, white);color:var(--bm-green-dark)}.notif-item-icon.tag-approval{background:color-mix(in srgb, var(--bm-orange) 16%, white);color:var(--bm-orange-dark)}.notif-item-icon.tag-attendance{color:#059669;background:#d9f4eb}.notif-item-icon.tag-system{color:#475467;background:#eef2f6}.notif-item-content{flex:1;min-width:0}.notif-item-top{justify-content:space-between;align-items:center;gap:8px;margin-bottom:4px;display:flex}.notif-category-pill{border-radius:var(--radius-pill);padding:2px 8px;font-size:11px;font-weight:700}.notif-category-pill.tag-shift{background:color-mix(in srgb, var(--bm-green) 15%, white);color:var(--bm-green-dark)}.notif-category-pill.tag-approval{background:color-mix(in srgb, var(--bm-orange) 12%, white);color:var(--bm-orange-dark)}.notif-category-pill.tag-attendance{color:#059669;background:#ecfdf5}.notif-category-pill.tag-system{color:#475467;background:#f2f4f7}.notif-time{color:var(--bm-text-muted);font-size:11px}.notif-item-title{color:var(--bm-text);margin:2px 0 4px;font-size:14px;font-weight:700;line-height:1.35}.notif-item-msg{color:var(--bm-text-secondary);margin:0 0 10px;font-size:13px;line-height:1.45}.notif-item-bottom{justify-content:space-between;align-items:center;gap:12px;margin-top:6px;display:flex}.btn-notif-action{color:var(--bm-orange-dark);cursor:pointer;background:#f15a2b17;border:none;border-radius:8px;align-items:center;gap:4px;min-height:32px;padding:6px 12px;font-size:12px;font-weight:700;transition:all .15s;display:inline-flex}.btn-notif-action:hover{background:var(--bm-orange);color:#fff;text-decoration:none}.notif-item-btns{align-items:center;gap:6px;margin-left:auto;display:flex}.btn-icon-subtle{width:36px;height:36px;color:var(--bm-text-secondary);cursor:pointer;background:#f8fafcd9;border:1px solid #e2e8f0e6;border-radius:10px;justify-content:center;align-items:center;transition:all .15s;display:flex}.btn-icon-subtle:hover{color:var(--bm-text);border-color:var(--bm-border);background:#fff;box-shadow:0 2px 6px #10182814}.btn-icon-subtle.danger:hover{color:#dc2626;background:#fef2f2;border-color:#fecaca}.unread-dot-indicator{background:var(--bm-orange);border-radius:50%;width:8px;height:8px;position:absolute;top:14px;right:14px}.notif-empty-state{text-align:center;color:var(--bm-text-secondary);padding:60px 20px}.empty-icon-wrap{width:72px;height:72px;color:var(--bm-text-muted);background:#f2f4f7;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 16px;display:flex}.notif-empty-state h4{color:var(--bm-text);margin:0 0 6px;font-size:16px;font-weight:700}.notif-empty-state p{color:var(--bm-text-muted);margin:0;font-size:13px}.notif-footer{border-top:1px solid var(--bm-border);background:#fafafbd9;justify-content:space-between;align-items:center;gap:12px;padding:14px 24px;display:flex}.notif-footer-tip{color:var(--bm-text-muted);font-size:11px;line-height:1.35}.settings-page{flex-direction:column;gap:20px;max-width:920px;margin:0 auto;animation:.25s ease-out fadeIn;display:flex}.settings-card{background:var(--bm-surface,#fff);border:1px solid var(--bm-border,#22222214);border-radius:var(--radius-lg,20px);width:100%;box-shadow:var(--shadow-sm,0 4px 20px #1018280d);flex-direction:column;display:flex;overflow:hidden}.settings-page .settings-body{padding:24px;overflow-y:visible}.settings-page .settings-tabs{background:#f8fafc;padding:10px 24px}@media (width<=767px){.settings-page{gap:14px}.settings-page .settings-body{padding:16px 14px}.settings-page .settings-tabs{padding:8px 12px}.settings-card{border-radius:16px}}.user-settings-backdrop{z-index:9999;-webkit-backdrop-filter:blur(6px);background:#10182880;justify-content:center;align-items:center;padding:20px;animation:.25s ease-out forwards fadeInBackdrop;display:flex;position:fixed;inset:0}.user-settings-modal{-webkit-backdrop-filter:blur(28px)saturate(160%);background:#fffffff2;border:1px solid #ffffffd9;border-radius:24px;flex-direction:column;width:100%;max-width:680px;max-height:90vh;animation:.3s cubic-bezier(.16,1,.3,1) forwards modalPopIn;display:flex;overflow:hidden;box-shadow:0 20px 50px #10182829}@keyframes modalPopIn{0%{opacity:0;transform:scale(.95)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.settings-header{border-bottom:1px solid var(--bm-border);justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;display:flex}.settings-title-wrap{align-items:center;gap:12px;display:flex}.settings-icon-bubble{border-radius:var(--radius-md);background:color-mix(in srgb, var(--bm-orange) 12%, white);width:44px;height:44px;color:var(--bm-orange);flex-shrink:0;justify-content:center;align-items:center;display:flex}.settings-header h3{color:var(--bm-text);margin:0;font-size:18px;font-weight:800}.settings-subtitle{color:var(--bm-text-secondary);margin:2px 0 0;font-size:12px}.settings-tabs{border-bottom:1px solid var(--bm-border);background:#fafafbb3;gap:8px;padding:8px 20px;display:flex;overflow-x:auto}.settings-tab{color:var(--bm-text-secondary);border-radius:var(--radius-pill);cursor:pointer;white-space:nowrap;background:0 0;border:none;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.settings-tab:hover{color:var(--bm-text);background:#0000000a}.settings-tab.active{background:var(--bm-orange);color:#fff}.settings-body{flex:1;padding:20px 24px;overflow-y:auto}.settings-section{flex-direction:column;gap:18px;display:flex}.profile-hero-card{border-radius:var(--radius-lg);background:linear-gradient(135deg,#f15a2b0f,#6ac4a414);border:1px solid #f15a2b26;align-items:center;gap:18px;padding:18px 20px;display:flex}.profile-avatar-large{background:linear-gradient(135deg, var(--bm-orange), var(--bm-orange-dark));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;font-size:26px;font-weight:800;display:flex;position:relative;box-shadow:0 4px 12px #f15a2b4d}.avatar-status-dot{background:#10b981;border:2.5px solid #fff;border-radius:50%;width:14px;height:14px;position:absolute;bottom:2px;right:2px}.profile-hero-details{flex:1;min-width:0}.profile-name-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.profile-name-row h4{color:var(--bm-text);margin:0;font-size:18px;font-weight:800}.badge-role-tag{background:var(--bm-orange);color:#fff;border-radius:var(--radius-pill);padding:2px 10px;font-size:11px;font-weight:700}.profile-meta-row{flex-wrap:wrap;align-items:center;gap:12px;margin:6px 0 4px;display:flex}.profile-id-chip{color:var(--bm-text-secondary);border-radius:var(--radius-sm);border:1px solid var(--bm-border);cursor:pointer;background:#ffffffd9;align-items:center;gap:4px;padding:3px 8px;font-size:12px;display:inline-flex}.profile-id-chip:hover{border-color:var(--bm-orange);background:#fff}.profile-store-chip{color:var(--bm-text-secondary);font-size:12px;font-weight:600}.profile-email-text{color:var(--bm-text-muted);margin:0;font-size:13px}.settings-subcard{border-radius:var(--radius-md);background:var(--bm-surface);border:1px solid var(--bm-border);padding:16px 18px}.settings-subcard.danger-zone{background:#fff5f5;border-color:#fecaca}.subcard-title{color:var(--bm-text);align-items:center;gap:8px;margin:0 0 6px;font-size:14px;font-weight:700;display:flex}.subcard-title.danger{color:#dc2626}.subcard-desc{color:var(--bm-text-secondary);margin:0 0 12px;font-size:12px;line-height:1.4}.permissions-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin-top:10px;display:grid}.perm-item{border-radius:var(--radius-md);border:1px solid var(--bm-border);background:var(--bm-surface-soft);align-items:flex-start;gap:10px;padding:10px 12px;display:flex}.perm-item.granted{background:#6ac4a40f;border-color:#6ac4a466}.perm-item.granted .perm-icon{color:#059669;background:#ecfdf5}.perm-item.denied .perm-icon{color:#9ca3af;background:#f3f4f6}.perm-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;font-weight:800;display:flex}.perm-item div{flex-direction:column;display:flex}.perm-item strong{color:var(--bm-text);font-size:13px}.perm-item span{color:var(--bm-text-muted);font-size:11px}.role-switch-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;display:grid}.role-switch-btn{border-radius:var(--radius-md);border:1px solid var(--bm-border);background:var(--bm-surface);cursor:pointer;text-align:left;align-items:center;gap:10px;padding:10px 12px;transition:all .15s;display:flex;position:relative}.role-switch-btn:hover{border-color:var(--bm-orange);background:#f15a2b0a}.role-switch-btn.active{border-color:var(--bm-orange);background:color-mix(in srgb, var(--bm-orange) 8%, white);box-shadow:0 0 0 2px #f15a2b33}.role-switch-avatar{background:var(--bm-border);width:36px;height:36px;color:var(--bm-text);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex}.role-switch-btn.active .role-switch-avatar{background:var(--bm-orange);color:#fff}.role-switch-info{flex-direction:column;min-width:0;display:flex}.role-switch-info strong{color:var(--bm-text);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.role-switch-info span{color:var(--bm-text-secondary);font-size:11px}.current-user-tag{color:var(--bm-orange-dark);text-transform:uppercase;font-size:9px;font-weight:700;position:absolute;top:4px;right:6px}.perm-status-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.status-label-group{color:var(--bm-text);align-items:center;gap:8px;font-size:13px;display:flex}.status-dot{border-radius:50%;width:10px;height:10px}.gps-preview-box{border-radius:var(--radius-sm);background:var(--bm-surface-soft);border:1px dashed var(--bm-border);color:var(--bm-text-secondary);justify-content:space-between;align-items:center;margin-top:10px;padding:8px 12px;font-size:12px;display:flex}.acc-tag{color:#059669;font-weight:600}.pwa-install-tip{border-radius:var(--radius-sm);color:#166534;background:#f0fdf4;border:1px solid #bbf7d0;padding:12px;font-size:12px;line-height:1.5}.pref-toggle-row{border-bottom:1px solid var(--bm-border);cursor:pointer;justify-content:space-between;align-items:center;gap:16px;padding:10px 0;display:flex}.pref-toggle-row:last-child{border-bottom:none;padding-bottom:0}.pref-toggle-info{flex-direction:column;display:flex}.pref-toggle-info strong{color:var(--bm-text);font-size:13px}.pref-toggle-info span{color:var(--bm-text-muted);font-size:11px}.toggle-switch{appearance:none;cursor:pointer;background:#d1d5db;border-radius:12px;outline:none;flex-shrink:0;width:44px;height:24px;transition:background-color .2s;position:relative}.toggle-switch:after{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .2s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0003}.toggle-switch:checked{background:var(--bm-orange)}.toggle-switch:checked:after{transform:translate(20px)}.pref-select-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.pref-select-row label{color:var(--bm-text);font-size:13px;font-weight:600}.pref-select{border-radius:var(--radius-sm);border:1px solid var(--bm-border);background:var(--bm-surface);color:var(--bm-text);outline:none;padding:8px 12px;font-size:13px}.system-info-list{flex-direction:column;gap:8px;display:flex}.system-info-item{border-bottom:1px solid var(--bm-border);justify-content:space-between;align-items:center;padding:6px 0;font-size:12px;display:flex}.system-info-item span{color:var(--bm-text-secondary)}.system-info-item strong{color:var(--bm-text)}.settings-footer{border-top:1px solid var(--bm-border);background:#fafafbd9;justify-content:flex-end;align-items:center;gap:12px;padding:16px 24px;display:flex}.btn-primary-compact{border-radius:var(--radius-sm);background:var(--bm-orange);color:#fff;cursor:pointer;border:none;padding:8px 16px;font-size:13px;font-weight:700;transition:background .15s}.btn-primary-compact:hover{background:var(--bm-orange-dark)}.btn-danger-compact{border-radius:var(--radius-sm);color:#fff;cursor:pointer;background:#dc2626;border:none;padding:8px 16px;font-size:13px;font-weight:700;transition:background .15s}.btn-danger-compact:hover{background:#b91c1c}@media (width<=640px){.notification-panel{max-width:100vw}.user-settings-backdrop{align-items:flex-end;padding:0}.user-settings-modal{max-width:100vw;max-height:92vh;padding-bottom:calc(10px + env(safe-area-inset-bottom));border-radius:20px 20px 0 0}.profile-hero-card{text-align:center;flex-direction:column}.profile-name-row,.profile-meta-row{justify-content:center}.role-switch-grid,.permissions-grid{grid-template-columns:1fr}}.workflow-config-container,.approvals-page-container,.schedule-page-container{flex-direction:column;gap:16px;width:100%;display:flex}.preset-selection-card{border-left:4px solid var(--bm-orange)}.card-header-row{justify-content:space-between;align-items:flex-start;margin-bottom:14px;display:flex}.card-subtitle{color:var(--bm-text-secondary);margin-top:4px;margin-bottom:0;font-size:13px}.preset-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;margin-top:12px;display:grid}.preset-card{border-radius:var(--radius-md);background:var(--bm-surface);border:1.5px solid var(--bm-border);cursor:pointer;flex-direction:column;gap:8px;padding:16px;transition:all .2s;display:flex}.preset-card:hover{border-color:var(--bm-orange);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.preset-card.active-preset{border-color:var(--bm-orange);background:#f15a2b0a}.preset-top{justify-content:space-between;align-items:center;display:flex}.preset-card h4{color:var(--bm-text);margin:0;font-size:14px;font-weight:700}.preset-card p{color:var(--bm-text-secondary);margin:0;font-size:12px;line-height:1.4}.preset-type{color:var(--bm-text-muted);font-size:11px;font-weight:600}.workflow-table{border-collapse:collapse;width:100%;font-size:13px}.workflow-table th{background:var(--bm-surface-soft);text-align:left;color:var(--bm-text-secondary);border-bottom:1px solid var(--bm-border);padding:12px 14px;font-weight:700}.workflow-table td{border-bottom:1px solid var(--bm-border);vertical-align:middle;padding:14px}.store-cell{flex-direction:column;gap:2px;display:flex}.store-cell strong{color:var(--bm-text);font-size:14px}.store-sub{color:var(--bm-text-secondary);font-size:12px}.store-badge{text-transform:uppercase;color:var(--bm-orange-dark);background:#f15a2b1a;border-radius:4px;width:fit-content;margin-top:4px;padding:2px 6px;font-size:10px;font-weight:700;display:inline-block}.level-radio-group{flex-wrap:wrap;gap:8px;display:flex}.level-pill{background:var(--bm-surface-soft);border:1px solid var(--bm-border);cursor:pointer;border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.level-pill input{cursor:pointer;margin:0}.level-pill.selected.green-pill{border-color:var(--bm-green);color:var(--bm-green-dark);background:#6ac4a426}.level-pill.selected.orange-pill{border-color:var(--bm-orange);color:var(--bm-orange-dark);background:#f15a2b1f}.role-tag{border-radius:6px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-block}.role-tag.l1-tag{color:#0369a1;background:#e0f2fe}.role-tag.l2-tag{color:#b91c1c;background:#fee2e2}.sla-select{border-radius:var(--radius-sm);border:1px solid var(--bm-border);background:var(--bm-surface);color:var(--bm-text);cursor:pointer;padding:6px 10px;font-size:13px;font-weight:600}.workflow-summary-note{border-radius:var(--radius-md);color:var(--bm-text);background:#6ac4a41a;border:1px solid #6ac4a44d;align-items:center;gap:10px;margin-top:14px;padding:12px 16px;font-size:13px;display:flex}.rules-stack{flex-direction:column;gap:12px;display:flex}.rule-item{background:var(--bm-surface);border:1px solid var(--bm-border);border-radius:var(--radius-md);justify-content:space-between;align-items:center;gap:16px;padding:16px;display:flex}.rule-info strong{color:var(--bm-text);margin-bottom:4px;font-size:14px;display:block}.rule-info p{color:var(--bm-text-secondary);margin:0;font-size:13px}.rule-control{flex-shrink:0;align-items:center;gap:10px;display:flex}.control-label{color:var(--bm-text-secondary);font-size:12px;font-weight:600}.input-with-unit{border:1px solid var(--bm-border);border-radius:var(--radius-sm);background:var(--bm-surface);align-items:center;display:flex;overflow:hidden}.input-with-unit input{text-align:center;border:none;width:50px;padding:6px 8px;font-size:14px;font-weight:700}.input-with-unit .unit{background:var(--bm-surface-soft);color:var(--bm-text-secondary);border-left:1px solid var(--bm-border);padding:6px 10px;font-size:12px}.window-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px;display:grid}.setting-card{border-radius:var(--radius-md);background:var(--bm-surface);border:1px solid var(--bm-border);padding:18px}.setting-card h4{align-items:center;gap:8px;margin:0 0 4px;font-size:15px;display:flex}.setting-desc{color:var(--bm-text-secondary);margin-bottom:14px;font-size:12px}.form-group{flex-direction:column;gap:6px;margin-bottom:14px;display:flex}.form-group label{color:var(--bm-text-secondary);font-size:12px;font-weight:600}.form-group select,.form-group input{border-radius:var(--radius-sm);border:1px solid var(--bm-border);background:var(--bm-surface);padding:8px 12px;font-size:13px}.row-group{grid-template-columns:1fr 1fr;gap:10px;display:grid}.sla-info-box{background:var(--bm-surface-soft);border-radius:var(--radius-md);flex-direction:column;gap:10px;padding:12px;display:flex}.sla-badge-row{color:var(--bm-text);align-items:center;gap:12px;font-size:12px;display:flex}.sla-badge{white-space:nowrap;border-radius:4px;align-items:center;gap:4px;padding:4px 8px;font-size:11px;font-weight:700;display:inline-flex}.sla-badge.safe{color:#15803d;background:#dcfce7;border:1px solid #bbf7d0}.sla-badge.warning{color:#b45309;background:#fef3c7;border:1px solid #fde68a}.sla-badge.overdue{color:#b91c1c;background:#fee2e2;border:1px solid #fecaca}.bottom-save-bar{background:var(--bm-surface);border:1px solid var(--bm-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);justify-content:space-between;align-items:center;margin-top:10px;padding:16px 20px;display:flex}.save-hint{color:var(--bm-text-secondary);font-size:13px}.btn-large{padding:12px 24px;font-size:14px;font-weight:700}.approval-metrics-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;display:grid}.metric-card{border-radius:var(--radius-md);align-items:center;gap:14px;padding:14px 16px;display:flex}.orange-bg{color:var(--bm-orange);background:#f15a2b1f}.amber-bg{color:#d97706;background:#fef3c7}.red-bg{color:#dc2626;background:#fee2e2}.green-bg{color:var(--bm-green-dark);background:#6ac4a426}.metric-label{text-transform:uppercase;letter-spacing:.5px;color:var(--bm-text-muted);font-size:11px;font-weight:600}.text-amber{color:#d97706}.text-danger{color:#dc2626}.text-green{color:#10b981}.filter-toolbar-card{padding:14px 16px}.filter-controls-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.status-pills{flex-wrap:wrap;gap:6px;display:flex}.pill-btn{border:1px solid var(--bm-border);background:var(--bm-surface);color:var(--bm-text-secondary);cursor:pointer;border-radius:20px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .15s}.pill-btn:hover{background:var(--bm-surface-soft);color:var(--bm-text)}.pill-btn.active{background:var(--bm-orange);color:#fff;border-color:var(--bm-orange)}.filter-dropdowns{align-items:center;gap:10px;display:flex}.store-filter-select{border-radius:var(--radius-sm);border:1px solid var(--bm-border);background:var(--bm-surface);padding:6px 10px;font-size:12px;font-weight:600}.search-input-wrap{align-items:center;min-width:220px;display:flex;position:relative}.search-input-wrap svg{color:var(--bm-text-muted,#98a2b3);pointer-events:none;z-index:2;position:absolute;left:12px}.search-input-wrap input,.search-input-wrap input[type=text]{border-radius:var(--radius-sm,10px);border:1px solid var(--bm-border,#2222221f);background:var(--bm-surface,#fff);box-sizing:border-box;outline:none;width:100%;height:38px;font-size:13px;transition:border-color .2s,box-shadow .2s;padding-left:36px!important;padding-right:14px!important}.search-input-wrap input:focus,.search-input-wrap input[type=text]:focus{border-color:var(--bm-orange,#f15a2b);box-shadow:0 0 0 3px #f15a2b26}.search-input-wrap input::placeholder{color:#98a2b3;opacity:1}.bulk-action-bar{background:var(--bm-surface-soft);border-radius:var(--radius-sm);border:1px dashed var(--bm-border);justify-content:space-between;align-items:center;margin-top:12px;padding:10px 14px;display:flex}.checkbox-label{cursor:pointer;align-items:center;gap:8px;font-size:13px;display:flex}.bulk-buttons{align-items:center;gap:10px;display:flex}.selected-count-badge{color:var(--bm-orange);font-size:12px;font-weight:700}.approval-card{flex-direction:column;gap:12px;transition:border-color .15s;display:flex}.approval-card.is-selected{border-color:var(--bm-orange);background:#f15a2b05}.card-top-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.checkbox-user-wrap{align-items:center;gap:12px;display:flex}.approval-checkbox{width:18px;height:18px;accent-color:var(--bm-orange);cursor:pointer}.requester-info strong{color:var(--bm-text);font-size:15px;display:block}.badges-right{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.flow-badge{border-radius:4px;padding:3px 8px;font-size:11px;font-weight:700}.flow-badge.level-1{color:var(--bm-green-dark);background:#6ac4a426}.flow-badge.level-2{color:var(--bm-orange-dark);background:#f15a2b1f}.approval-body{background:var(--bm-surface-soft);border-radius:var(--radius-sm);flex-direction:column;gap:6px;padding:10px 14px;font-size:13px;display:flex}.detail-row{gap:8px;display:flex}.detail-label{color:var(--bm-text-secondary);min-width:85px;font-weight:600}.highlight-shift{color:var(--bm-orange-dark);font-weight:700}.escalation-alert-box{color:#92400e;background:#fffbeb;border:1px solid #fde68a;border-radius:6px;align-items:center;gap:8px;margin-top:4px;padding:8px 10px;font-size:12px;display:flex}.workflow-stepper{align-items:center;gap:6px;padding:8px 0;display:flex;overflow-x:auto}.step-item{color:var(--bm-text-muted);flex-shrink:0;align-items:center;gap:6px;font-size:12px;display:flex}.step-circle{background:var(--bm-border);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:10px;font-weight:800;display:flex}.step-done .step-circle{background:var(--bm-green)}.step-done .step-text{color:var(--bm-green-dark);font-weight:700}.step-active .step-circle{background:var(--bm-orange);box-shadow:0 0 0 3px #f15a2b33}.step-active .step-text{color:var(--bm-orange-dark);font-weight:700}.step-actor{color:var(--bm-text-secondary);background:var(--bm-surface-soft);border-radius:4px;padding:1px 5px;font-size:10px}.step-connector{background:var(--bm-border);flex:1;min-width:16px;height:2px}.step-connector.done{background:var(--bm-green)}.step-connector.active{background:var(--bm-orange)}.btn-quick-approve{font-weight:700;box-shadow:0 2px 6px #6ac4a44d}.review-history-note{color:var(--bm-text-secondary);background:var(--bm-surface-soft);border-radius:var(--radius-sm);border-left:3px solid var(--bm-green);padding:8px 12px;font-size:12px;font-style:italic}.modal-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#0f172a73;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.review-modal{background:var(--bm-surface);border-radius:var(--radius-lg);width:100%;max-width:520px;overflow:hidden;box-shadow:0 20px 40px #00000026}.modal-header{border-bottom:1px solid var(--bm-border);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.modal-title-wrap{align-items:center;gap:10px;display:flex}.modal-title-wrap h3{margin:0;font-size:16px;font-weight:700}.btn-close{cursor:pointer;color:var(--bm-text-muted);background:0 0;border:none;font-size:18px}.modal-body{padding:20px}.modal-info-box{background:var(--bm-surface-soft);border-radius:var(--radius-md);flex-direction:column;gap:6px;margin-bottom:16px;padding:12px 14px;font-size:13px;display:flex}.modal-info-row{justify-content:space-between;display:flex}.modal-info-row .lbl{color:var(--bm-text-secondary)}.quick-reasons-section{flex-direction:column;gap:8px;display:flex}.quick-chips{flex-wrap:wrap;gap:6px;display:flex}.chip-btn{border:1px solid var(--bm-border);background:var(--bm-surface);color:var(--bm-text);cursor:pointer;border-radius:16px;padding:6px 10px;font-size:12px;font-weight:600;transition:all .15s}.chip-btn:hover{border-color:var(--bm-green);color:var(--bm-green-dark);background:#6ac4a414}.chip-btn.danger-chip:hover{color:#dc2626;background:#fef2f2;border-color:#dc2626}.modal-textarea{border-radius:var(--radius-sm);border:1px solid var(--bm-border);resize:vertical;width:100%;padding:10px;font-family:inherit;font-size:13px}.modal-footer{background:var(--bm-surface-soft);border-top:1px solid var(--bm-border);justify-content:flex-end;gap:10px;padding:14px 20px;display:flex}.reg-window-banner{background:linear-gradient(135deg,#f15a2b0f,#6ac4a414);border:1px solid #f15a2b33;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.banner-left{align-items:center;gap:14px;display:flex}.pulse-indicator{background:#10b981;border-radius:50%;width:10px;height:10px;animation:2s infinite pulse;box-shadow:0 0 0 4px #10b98133}@keyframes pulse{0%{box-shadow:0 0 #10b98166}70%{box-shadow:0 0 0 8px #10b98100}to{box-shadow:0 0 #10b98100}}.banner-desc{color:var(--bm-text-secondary);margin:2px 0 0;font-size:12px}.filter-chips-bar{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;display:flex}.filter-label{color:var(--bm-text-secondary);font-size:12px;font-weight:700}.filter-chip{border:1px solid var(--bm-border);background:var(--bm-surface);color:var(--bm-text-secondary);cursor:pointer;border-radius:16px;padding:5px 12px;font-size:12px;font-weight:600;transition:all .15s}.filter-chip.active{background:var(--bm-orange);color:#fff;border-color:var(--bm-orange)}.open-shifts-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px;display:grid}.open-shift-card{flex-direction:column;gap:14px;display:flex}.flow-level-chip{border-radius:4px;padding:2px 6px;font-size:10px;font-weight:700}.flow-level-chip.level-1{color:var(--bm-green-dark);background:#6ac4a426}.flow-level-chip.level-2{color:var(--bm-orange-dark);background:#f15a2b1f}.capacity-container{flex-direction:column;gap:6px;display:flex}.capacity-label-row{color:var(--bm-text-secondary);justify-content:space-between;font-size:12px;display:flex}.capacity-bar-track{background:var(--bm-border);border-radius:4px;width:100%;height:8px;overflow:hidden}.capacity-bar-fill{border-radius:4px;height:100%;transition:width .3s}.capacity-bar-fill.safe{background:var(--bm-green)}.capacity-bar-fill.warning{background:#f59e0b}.capacity-bar-fill.full{background:#94a3b8}.registered-badge{border-radius:var(--radius-sm);justify-content:center;align-items:center;gap:6px;width:100%;padding:8px;font-size:12px;font-weight:700;display:flex}.registered-badge.approved{color:#15803d;background:#dcfce7}.registered-badge.pending{color:#b45309;background:#fef3c7}.btn-block{width:100%}.request-status-card{flex-direction:column;gap:12px;display:flex}.req-title-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.allocated-hero-card{border-radius:var(--radius-lg);background:linear-gradient(135deg,#f15a2b0d,#6ac4a414);border:1.5px solid #f15a2b40;padding:20px;box-shadow:0 8px 24px #f15a2b14}.allocated-hero-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.allocated-badge-pill{color:var(--bm-orange-dark);border-radius:var(--radius-pill);background:#f15a2b1f;border:1px solid #f15a2b40;align-items:center;gap:8px;padding:6px 14px;font-size:13px;font-weight:800;display:inline-flex}.allocated-hero-hint{color:var(--bm-text-secondary);font-size:12px;font-style:italic}.pulse-dot-orange{background:var(--bm-orange);border-radius:50%;width:8px;height:8px;animation:1.8s infinite pulse-orange;box-shadow:0 0 #f15a2b99}@keyframes pulse-orange{0%{transform:scale(.95);box-shadow:0 0 #f15a2bb3}70%{transform:scale(1);box-shadow:0 0 0 7px #f15a2b00}to{transform:scale(.95);box-shadow:0 0 #f15a2b00}}.allocated-list-container{flex-direction:column;gap:14px;display:flex}.allocated-shift-card{border-radius:var(--radius-md);background:#ffffffe6;border:1px solid #f15a2b33;justify-content:space-between;align-items:center;gap:20px;padding:16px 20px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 4px 16px #1018280a}.allocated-shift-card:hover{border-color:var(--bm-orange);transform:translateY(-2px);box-shadow:0 8px 24px #f15a2b1a}.allocated-card-left{flex:1;align-items:flex-start;gap:16px;min-width:0;display:flex}.shift-top{align-items:flex-start;gap:14px;display:flex}.shift-copy{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.shift-name-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.datebox{background:linear-gradient(135deg, var(--bm-orange), var(--bm-orange-dark));color:#fff;border-radius:var(--radius-md);text-align:center;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;width:52px;min-width:52px;height:52px;display:flex;box-shadow:0 4px 10px #f15a2b40}.datebox .date-num{font-size:18px;font-weight:800;line-height:1.1}.datebox .date-sub{opacity:.9;text-transform:uppercase;font-size:10px;font-weight:600}.allocated-datebox{min-width:52px;height:54px}.allocated-datebox .date-num{font-size:20px;font-weight:800;line-height:1.1}.allocated-datebox .date-sub{opacity:.9;text-transform:uppercase;font-size:10px;font-weight:600}.allocated-card-details{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.allocated-title-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.allocated-shift-name{color:var(--bm-text);font-size:16px;font-weight:800}.allocated-status-chip{border-radius:var(--radius-pill);color:var(--bm-orange-dark);background:#f15a2b1a;align-items:center;gap:6px;padding:3px 8px;font-size:11px;font-weight:700;display:inline-flex}.allocated-status-chip.warning{color:#b45309;background:#fef3c7}.allocated-status-chip.success{color:#15803d;background:#dcfce7}.allocated-status-chip.danger{color:#b91c1c;background:#fee2e2}.allocated-meta-row{color:var(--bm-text-secondary);flex-wrap:wrap;align-items:center;gap:14px;font-size:13px;display:flex}.allocated-director-note{border-radius:var(--radius-sm);border-left:3px solid var(--bm-orange);background:#f15a2b0f;align-items:flex-start;gap:8px;margin-top:4px;padding:8px 12px;display:flex}.director-shield-icon{color:var(--bm-orange);flex-shrink:0;margin-top:2px}.director-note-body{flex-direction:column;gap:2px;font-size:12px;display:flex}.director-note-label{color:var(--bm-orange-dark);font-weight:700}.director-note-text{color:var(--bm-text);font-style:italic}.allocated-card-actions{flex-direction:column;flex-shrink:0;gap:8px;min-width:140px;display:flex}.btn-accept-shift{letter-spacing:.5px;border-radius:var(--radius-pill);cursor:pointer;background:linear-gradient(135deg,#10b981,#059669);border:none;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-size:13px;font-weight:800;transition:transform .2s,box-shadow .2s,background .2s;display:inline-flex;box-shadow:0 4px 14px #10b98159;color:#fff!important}.btn-accept-shift:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);transform:translateY(-2px)scale(1.02);box-shadow:0 6px 18px #10b98173}.btn-accept-shift:active:not(:disabled){transform:translateY(0)}.btn-accept-shift:disabled{opacity:.6;cursor:not-allowed}.btn-decline-shift{border-radius:var(--radius-pill);cursor:pointer;background:#ffffffe6;border:1px solid #94a3b866;justify-content:center;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:600;transition:all .2s;display:inline-flex;color:#64748b!important}.btn-decline-shift:hover:not(:disabled){background:#fef2f2;border-color:#ef4444;color:#ef4444!important}.allocated-admin-card{border-left:4px solid var(--bm-orange)}.employee-role-badge{color:var(--bm-text-secondary);background:#64748b1a;border-radius:4px;padding:2px 6px;font-size:11px;font-weight:700}.director-note-bubble{border-radius:var(--radius-sm);color:var(--bm-orange-dark);background:#f15a2b12;align-items:center;gap:6px;margin-top:6px;padding:6px 10px;font-size:12px;display:flex}.decline-reason-bubble{border-radius:var(--radius-sm);color:#b91c1c;background:#fef2f2;border:1px solid #ef444433;align-items:center;gap:6px;margin-top:6px;padding:6px 10px;font-size:12px;display:flex}@media (width<=768px){.allocated-shift-card{flex-direction:column;align-items:stretch;gap:14px}.allocated-card-left{width:100%}.allocated-card-actions{flex-direction:row;width:100%}.btn-accept-shift{flex:2;padding:12px}.btn-decline-shift{flex:1;padding:12px}}.store-affiliation-card{background:linear-gradient(135deg,#ffffffe0,#f0fdf9bf);border:1px solid #6ac4a459;border-radius:20px;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;padding:20px 24px;display:flex;box-shadow:0 10px 25px #6ac4a414,inset 0 1px #ffffffe6}.store-affiliation-main{flex:1}.store-tag-row{align-items:center;gap:10px;margin-bottom:8px;display:flex}.store-badge-pill{border-radius:var(--radius-pill);color:#1f6f5b;letter-spacing:.5px;text-transform:uppercase;background:#6ac4a426;align-items:center;gap:5px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.store-shift-counter{color:var(--bm-orange);border-radius:var(--radius-pill);background:#f15a2b1a;padding:3px 10px;font-size:12px;font-weight:600}.store-affiliation-name{color:var(--bm-text);letter-spacing:-.3px;margin:0 0 6px;font-size:20px;font-weight:800}.store-affiliation-desc{color:var(--bm-text-secondary);margin:0;font-size:13px;line-height:1.5}.store-filter-toggle{border-radius:var(--radius-pill);background:#f1f5f9d9;border:1px solid #e2e8f0e6;gap:4px;padding:4px;display:flex}.filter-toggle-btn{color:var(--bm-text-secondary);border-radius:var(--radius-pill);cursor:pointer;white-space:nowrap;background:0 0;border:none;padding:8px 16px;font-size:12px;font-weight:600;transition:all .2s}.filter-toggle-btn:hover{color:var(--bm-text)}.filter-toggle-btn.active{color:var(--bm-orange);background:#fff;font-weight:700;box-shadow:0 2px 8px #00000014}.open-shift-card.my-store-shift{border-color:#6ac4a473;box-shadow:0 6px 20px #6ac4a414}.store-match-chip{color:#1f6f5b;border-radius:var(--radius-pill);background:#6ac4a42e;padding:2px 8px;font-size:11px;font-weight:700}.shift-card-title{color:var(--bm-text);font-size:15px;font-weight:700}.shift-slot-info{color:#1f6f5b;align-items:center;gap:6px;margin-top:6px;font-size:12px;font-weight:600;display:flex}.btn-register-oneclick{border-radius:var(--radius-md);cursor:pointer;background:linear-gradient(135deg,#10b981,#059669);border:none;justify-content:center;align-items:center;gap:8px;width:100%;padding:11px 18px;font-size:13px;font-weight:700;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 4px 14px #10b98159;color:#fff!important}.btn-register-oneclick:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);transform:translateY(-2px);box-shadow:0 6px 18px #10b98173}.btn-register-oneclick:active:not(:disabled){transform:translateY(0)}.btn-register-oneclick:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}@media (width<=768px){.store-affiliation-card{flex-direction:column;align-items:stretch;gap:16px;padding:16px}.store-filter-toggle{width:100%}.filter-toggle-btn{text-align:center;flex:1;padding:8px 10px;font-size:12px}}.schedule-tabs{-webkit-overflow-scrolling:touch;background:#f1f5f9f2;border:1px solid #e2e8f0e6;border-radius:16px;gap:8px;margin-top:16px;margin-bottom:20px;padding:6px;display:flex;overflow-x:auto}.schedule-tabs .tab-btn{min-height:48px;color:var(--bm-text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:8px;padding:12px 18px;font-size:14px;font-weight:600;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.schedule-tabs .tab-btn:hover{color:var(--bm-text);background:#fff9}.schedule-tabs .tab-btn.active{color:var(--bm-orange);background:#fff;font-weight:700;box-shadow:0 4px 12px #10182814}.pending-reg-box{background:linear-gradient(135deg,#fef3c766,#fffbeb99);border:1px solid #f59e0b4d;border-radius:18px;margin-bottom:20px;padding:16px 20px}.pending-reg-header{color:#b45309;align-items:center;gap:8px;margin-bottom:12px;font-size:14px;font-weight:700;display:flex}.pending-reg-card{border-left:4px solid #f59e0b}.pending-wait-label{color:#b45309;border-radius:var(--radius-pill);background:#f59e0b1f;align-items:center;gap:6px;padding:2px 8px;font-size:12px;font-weight:600;display:inline-flex}@media (width<=768px){.schedule-tabs{flex-wrap:nowrap;gap:4px;padding:4px}.schedule-tabs .tab-btn{gap:5px;min-height:44px;padding:10px;font-size:12px}}.templates-view-container{flex-direction:column;gap:20px;max-width:1280px;margin:0 auto;display:flex}.templates-hero-card{background:linear-gradient(135deg,#ffffffd9 0%,#fef5f0cc 100%);border:1px solid #f15a2b26;border-radius:22px;justify-content:space-between;align-items:center;gap:24px;padding:24px 28px;display:flex;box-shadow:0 12px 36px #f15a2b0f}.templates-hero-badge-row{align-items:center;gap:10px;margin-bottom:8px;display:flex}.director-tag{color:var(--bm-orange);border-radius:var(--radius-pill);background:#f15a2b1f;align-items:center;gap:6px;padding:3px 10px;font-size:12px;font-weight:700;display:inline-flex}.templates-count-badge{color:#1f6f5b;border-radius:var(--radius-pill);background:#6ac4a42e;align-items:center;padding:3px 10px;font-size:12px;font-weight:600;display:inline-flex}.templates-hero-title{color:var(--bm-text);letter-spacing:-.02em;margin:0 0 6px;font-size:22px;font-weight:800}.templates-hero-desc{color:var(--bm-text-secondary);max-width:680px;margin:0;font-size:14px;line-height:1.5}.btn-create-template{white-space:nowrap;align-items:center;gap:8px;padding:12px 22px;font-size:14px;font-weight:700;display:inline-flex;box-shadow:0 6px 18px #f15a2b47}.templates-metrics-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.metric-glass-card{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffbf;border:1px solid #ffffffb3;border-radius:18px;align-items:center;gap:16px;padding:18px 20px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 4px 20px #1018280a}.metric-glass-card:hover{transform:translateY(-2px);box-shadow:0 8px 26px #10182814}.metric-icon-wrap{border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.metric-icon-wrap.icon-primary{color:var(--bm-orange);background:#f15a2b1f}.metric-icon-wrap.icon-success{color:#1f6f5b;background:#6ac4a42e}.metric-icon-wrap.icon-warning{color:#b45309;background:#f59e0b1f}.metric-icon-wrap.icon-accent{color:#2563eb;background:#3b82f61f}.metric-info{flex-direction:column;display:flex}.metric-label{color:var(--bm-text-secondary);margin-bottom:2px;font-size:12px;font-weight:500}.metric-value{color:var(--bm-text);font-size:24px;font-weight:800;line-height:1.1}.templates-filter-bar{border-radius:18px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:12px 18px;display:flex}.templates-search-wrap{flex:1;align-items:center;min-width:260px;display:flex;position:relative}.templates-search-wrap .search-icon{pointer-events:none;z-index:2;color:var(--bm-text-muted,#98a2b3);position:absolute;left:12px}.templates-search-wrap input,.templates-search-wrap input[type=text],.templates-search-input{box-sizing:border-box;background:#ffffffd9;border:1px solid #e2e8f0e6;border-radius:12px;outline:none;width:100%;height:42px;font-size:13px;transition:all .2s;padding-left:38px!important;padding-right:36px!important}.templates-search-wrap input:focus,.templates-search-wrap input[type=text]:focus,.templates-search-input:focus{border-color:var(--bm-orange);background:#fff;box-shadow:0 0 0 3px #f15a2b1f}.templates-search-wrap input::placeholder,.templates-search-input::placeholder{color:#98a2b3;opacity:1}.search-clear-btn{color:var(--bm-text-muted);cursor:pointer;background:0 0;border:none;align-items:center;padding:4px;display:flex;position:absolute;right:10px}.templates-type-pills{align-items:center;gap:6px;padding:2px 0;display:flex;overflow-x:auto}.filter-pill{color:var(--bm-text-secondary);border-radius:var(--radius-pill);cursor:pointer;white-space:nowrap;background:#f1f5f9cc;border:1px solid #0000;padding:6px 14px;font-size:13px;font-weight:600;transition:all .15s}.filter-pill:hover{color:var(--bm-text);background:#ffffffe6}.filter-pill.active{background:var(--bm-orange);color:#fff;box-shadow:0 2px 8px #f15a2b40}.templates-view-switcher{background:#f1f5f9e6;border-radius:10px;align-items:center;gap:2px;padding:3px;display:flex}.switcher-btn{color:var(--bm-text-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:5px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.switcher-btn.active{color:var(--bm-orange);background:#fff;box-shadow:0 2px 6px #10182814}.templates-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px;display:grid}.template-card{border-radius:20px;flex-direction:column;justify-content:space-between;padding:20px;transition:transform .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden}.template-card:hover{transform:translateY(-3px);box-shadow:0 14px 34px #10182817}.template-card.is-inactive{opacity:.72;background:#f8fafcb3;border-color:#cbd5e199}.template-card-header{justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;display:flex}.template-card-tags{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.template-code-badge{background:#ffffffe6;border:1px solid #e2e8f0cc;border-radius:8px;padding:3px 8px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px;font-weight:700}.template-type-badge{color:var(--bm-text-secondary);background:#f1f5f9e6;border-radius:8px;padding:3px 8px;font-size:11px;font-weight:600}.template-version-badge{color:var(--bm-text-muted);background:#e2e8f099;border-radius:6px;padding:3px 6px;font-size:11px;font-weight:700}.template-status-pill{border-radius:var(--radius-pill);align-items:center;gap:5px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-flex}.template-status-pill.active{color:#1f6f5b;background:#6ac4a429}.template-status-pill.inactive{color:var(--bm-text-muted);background:#cbd5e166}.template-status-pill .status-dot{background:currentColor;border-radius:50%;width:6px;height:6px}.template-name{color:var(--bm-text);margin:0 0 6px;font-size:17px;font-weight:700;line-height:1.35}.template-role-row{color:var(--bm-text-secondary);align-items:center;gap:6px;margin-bottom:8px;font-size:13px;display:flex}.template-desc{color:var(--bm-text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 14px;font-size:13px;line-height:1.45;display:-webkit-box;overflow:hidden}.template-time-hero{background:#f8fafcd9;border:1px solid #e2e8f0cc;border-radius:14px;justify-content:space-between;align-items:center;margin-bottom:14px;padding:12px 14px;display:flex}.time-range-display{color:var(--bm-text);align-items:center;gap:8px;font-size:15px;font-weight:700;display:flex}.hours-stat-tag{color:var(--bm-text-secondary);font-size:13px;font-weight:600}.hours-stat-tag strong{color:var(--bm-orange)}.hours-stat-tag .ot-label{color:#ec4899;margin-left:4px;font-weight:700}.template-timeline-container{margin-bottom:16px}.timeline-bar{background:#e2e8f0;border-radius:7px;height:14px;margin-bottom:8px;display:flex;overflow:hidden;box-shadow:inset 0 1px 3px #00000014}.timeline-segment{height:100%;transition:opacity .2s;position:relative}.timeline-segment:hover{opacity:.85}.timeline-segment.seg-work{background:linear-gradient(90deg,#6ac4a4,#52b391)}.timeline-segment.seg-break{background:#cbd5e1}.timeline-segment.seg-overtime{background:linear-gradient(90deg,#f15a2b,#f97316)}.timeline-segment .seg-label{display:none}.timeline-legend{color:var(--bm-text-muted);align-items:center;gap:14px;font-size:11px;display:flex}.legend-item{align-items:center;gap:5px;display:flex}.legend-item .dot{border-radius:50%;width:7px;height:7px}.legend-item .dot.dot-work{background:#6ac4a4}.legend-item .dot.dot-break{background:#cbd5e1}.legend-item .dot.dot-ot{background:#f15a2b}.template-card-footer{border-top:1px solid #e2e8f0b3;align-items:center;gap:8px;padding-top:14px;display:flex}.template-card-footer .btn{flex:1}.template-card-footer .btn.danger-icon{flex:0 0 36px}.btn.danger-icon{color:#dc2626;cursor:pointer;background:#ef44441a;border:1px solid #ef444433;border-radius:10px;justify-content:center;align-items:center;transition:all .15s;display:inline-flex}.btn.danger-icon:hover{color:#fff;background:#dc2626}.templates-table-card{border-radius:20px;overflow:hidden}.templates-table th{color:var(--bm-text-secondary);background:#f8fafcd9;border-bottom:1px solid #e2e8f0e6;padding:14px 18px;font-size:13px;font-weight:600}.templates-table td{vertical-align:middle;border-bottom:1px solid #f1f5f9e6;padding:14px 18px;font-size:13px}.templates-table tr.row-inactive{opacity:.65;background:#f8fafc80}.code-text{color:var(--bm-orange);font-family:ui-monospace,SFMono-Regular,monospace;font-size:13px}.sub-text{margin-top:2px;font-size:11px}.chips-row{flex-wrap:wrap;gap:4px;display:flex}.segment-chip{border-radius:6px;padding:2px 7px;font-size:11px;font-weight:500}.segment-chip.chip-work{color:#1f6f5b;background:#6ac4a42e}.segment-chip.chip-break{color:var(--bm-text-secondary);background:#cbd5e180}.segment-chip.chip-overtime{color:var(--bm-orange);background:#f15a2b26}.action-buttons-inline{justify-content:flex-end;align-items:center;gap:6px;display:flex}.template-editor-modal{border-radius:24px;flex-direction:column;width:92vw;max-width:780px;max-height:90vh;padding:0;display:flex;overflow:hidden}.template-editor-form{flex-direction:column;height:100%;display:flex;overflow:hidden}.scrollable-body{flex:1;max-height:calc(90vh - 140px);padding:24px 28px;overflow-y:auto}.form-section-title{color:var(--bm-text);align-items:center;gap:8px;margin-bottom:16px;font-size:14px;font-weight:700;display:flex}.form-grid-2col{grid-template-columns:1fr 1fr;gap:16px;display:grid}.form-group.full-width{grid-column:1/-1}.form-input,.form-select,.form-textarea{width:100%;color:var(--bm-text);box-sizing:border-box;background:#ffffffe6;border:1px solid #cbd5e1d9;border-radius:12px;outline:none;padding:10px 14px;font-size:14px;transition:all .2s}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--bm-orange);background:#fff;box-shadow:0 0 0 3px #f15a2b1f}.form-input.font-mono{letter-spacing:.05em;font-family:ui-monospace,SFMono-Regular,monospace;font-weight:700}.role-preset-chips{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.role-chip{color:var(--bm-text-secondary);cursor:pointer;background:#f1f5f9e6;border:1px solid #e2e8f0cc;border-radius:6px;padding:3px 8px;font-size:11px;font-weight:600;transition:all .15s}.role-chip:hover{color:var(--bm-text);background:#fffffff2}.role-chip.active{background:var(--bm-orange);color:#fff;border-color:var(--bm-orange)}.color-picker-row{align-items:center;gap:10px;margin-top:6px;display:flex}.color-dot-btn{cursor:pointer;border:2px solid #0000;border-radius:50%;width:28px;height:28px;transition:transform .15s,box-shadow .15s}.color-dot-btn.selected{box-shadow:0 0 0 2px var(--bm-orange);border-color:#fff;transform:scale(1.15)}.segments-toolbar{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.segments-list{flex-direction:column;gap:12px;margin-bottom:20px;display:flex}.segment-item-card{background:#ffffffd9;border:1px solid #e2e8f0e6;border-radius:14px;padding:14px 16px;box-shadow:0 2px 8px #10182808}.segment-item-card.seg-kind-work{border-left:4px solid #6ac4a4}.segment-item-card.seg-kind-break{border-left:4px solid #cbd5e1}.segment-item-card.seg-kind-overtime{border-left:4px solid #f15a2b}.segment-row-top{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.segment-kind-tag{text-transform:uppercase;letter-spacing:.04em;border-radius:6px;padding:2px 8px;font-size:11px;font-weight:700}.segment-kind-tag.kind-work{color:#1f6f5b;background:#6ac4a433}.segment-kind-tag.kind-break{color:var(--bm-text-secondary);background:#cbd5e199}.segment-kind-tag.kind-overtime{color:var(--bm-orange);background:#f15a2b2e}.segment-idx-text{color:var(--bm-text-secondary);font-size:13px;font-weight:600}.segment-fields-grid{grid-template-columns:2fr 1fr 1fr 1.2fr;gap:10px;margin-bottom:8px;display:grid}.seg-field label{color:var(--bm-text-secondary);margin-bottom:4px;font-size:11px;font-weight:600;display:block}.segment-sub-options{color:var(--bm-text-secondary);border-top:1px dashed #e2e8f0b3;align-items:center;gap:16px;padding-top:6px;font-size:12px;display:flex}.sm-select{width:auto;margin-left:6px;padding:4px 8px;font-size:12px;display:inline-block}.template-calc-box{background:linear-gradient(135deg,#ecfdf5b3 0%,#f0fdfacc 100%);border:1px solid #6ee7b799;border-radius:16px;margin-top:10px;padding:16px 20px}.calc-header{color:#065f46;align-items:center;gap:8px;margin-bottom:10px;font-size:13px;display:flex}.calc-metrics-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.calc-pill{border-radius:var(--radius-pill);color:var(--bm-text-secondary);background:#fff;align-items:center;gap:6px;padding:6px 14px;font-size:13px;display:inline-flex;box-shadow:0 2px 6px #1018280d}.calc-pill strong{color:var(--bm-text);font-weight:700}.calc-pill.ot-pill strong{color:#ec4899}.calc-pill.highlight{color:#065f46;background:#10b98126}.calc-pill.highlight strong{color:#065f46}.template-confirm-modal{border-radius:22px;max-width:480px;padding:24px}@media (width<=768px){.templates-hero-card{flex-direction:column;align-items:flex-start;gap:16px;padding:18px 20px}.btn-create-template{justify-content:center;width:100%}.templates-metrics-grid{grid-template-columns:1fr 1fr;gap:10px}.metric-glass-card{gap:10px;padding:12px 14px}.metric-icon-wrap{width:36px;height:36px}.metric-value{font-size:20px}.templates-grid,.form-grid-2col{grid-template-columns:1fr}.segment-fields-grid{grid-template-columns:1fr 1fr}}.admin-mobile-subnav{display:none}@media (width<=768px){.admin-mobile-subnav{-webkit-overflow-scrolling:touch;background:#f1f5f9f2;border:1px solid #e2e8f0e6;border-radius:14px;align-items:center;gap:6px;margin-bottom:16px;padding:6px;display:flex;overflow-x:auto}.admin-subnav-btn{color:var(--bm-text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:10px;align-items:center;gap:6px;padding:8px 12px;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.admin-subnav-btn.active{color:var(--bm-orange);background:#fff;font-weight:700;box-shadow:0 2px 8px #10182814}}.login-page{background:var(--bm-bg,#f7f8fa);box-sizing:border-box;justify-content:center;align-items:center;min-height:100dvh;padding:20px 16px;display:flex}.login-card{background:var(--bm-surface,#fff);border-radius:var(--radius-xl,24px);width:100%;max-width:420px;box-shadow:var(--shadow-md,0 10px 30px #10182814);border:1px solid var(--bm-border,#22222214);text-align:center;box-sizing:border-box;padding:36px 28px 28px;animation:.3s ease-out loginFadeIn}@keyframes loginFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.login-brand{flex-direction:column;align-items:center;gap:4px;display:flex}.login-logo{object-fit:contain;max-width:190px;height:60px;margin-bottom:4px}.login-brand-meta,.login-title,.login-slogan{display:none}.login-divider{background:var(--bm-divider,#2222220f);height:1px;margin:20px 0 18px}.login-subheading{color:var(--bm-text,#222);margin:0 0 6px;font-size:17px;font-weight:700}.login-desc{color:var(--bm-text-secondary,#667085);margin:0 0 20px;font-size:13.5px;line-height:1.4}.login-error-alert{border-radius:var(--radius-sm,12px);text-align:left;background:#fef3f2;border:1px solid #fecdca;align-items:flex-start;gap:10px;margin-bottom:20px;padding:12px 14px;animation:.25s ease-in-out shakeAlert;display:flex}@keyframes shakeAlert{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.login-error-icon{color:#d92d20;flex-shrink:0;margin-top:2px}.login-error-text{color:#b42318;font-size:13px;font-weight:500;line-height:1.4}.login-form{text-align:left}.login-form-group{margin-bottom:18px}.login-label{color:var(--bm-text,#222);margin-bottom:7px;font-size:13.5px;font-weight:600;display:block}.login-input-wrap{align-items:center;width:100%;display:flex;position:relative}.login-input-icon{color:var(--bm-text-muted,#98a2b3);pointer-events:none;z-index:2;justify-content:center;align-items:center;width:18px;height:18px;display:flex;position:absolute;left:14px}.login-input-wrap .login-input,.login-input-wrap input[type=text],.login-input-wrap input[type=password]{border:1.5px solid var(--bm-border,#2222221f);border-radius:var(--radius-sm,12px);width:100%;height:48px;color:var(--bm-text,#222);box-sizing:border-box;background:#f9fafb;outline:none;font-size:15px;transition:all .2s;padding-left:44px!important;padding-right:44px!important}.login-input-wrap .login-input:focus,.login-input-wrap input[type=text]:focus,.login-input-wrap input[type=password]:focus{border-color:var(--bm-orange,#f15a2b);background:#fff;box-shadow:0 0 0 3px #f15a2b26}.login-input-wrap .login-input::placeholder,.login-input-wrap input::placeholder{color:#98a2b3;opacity:1}.login-eye-btn{color:var(--bm-text-muted,#98a2b3);cursor:pointer;z-index:2;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:6px;transition:color .15s;display:flex;position:absolute;right:12px}.login-eye-btn:hover{color:var(--bm-text,#222)}.login-options{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.login-checkbox-label{color:var(--bm-text-secondary,#667085);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:13.5px;display:flex}.login-checkbox{width:16px;height:16px;accent-color:var(--bm-orange,#f15a2b);cursor:pointer}.login-submit-btn{border-radius:var(--radius-sm,12px);cursor:pointer;background:var(--bm-orange,#f15a2b);color:#fff;border:none;justify-content:center;align-items:center;gap:8px;width:100%;height:48px;font-size:15.5px;font-weight:700;transition:all .2s;display:flex;box-shadow:0 4px 12px #f15a2b40}.login-submit-btn:hover:not(:disabled){background:var(--bm-orange-dark,#c9441b);transform:translateY(-1px);box-shadow:0 6px 16px #f15a2b59}.login-submit-btn:active:not(:disabled){transform:translateY(0)}.login-submit-btn:disabled{opacity:.7;cursor:not-allowed}.login-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.7s linear infinite spin}.login-support{border-radius:var(--radius-sm,12px);text-align:left;background:#f0fdf9;border:1px solid #ccfbef;margin-top:22px;padding:12px 14px}.login-support-text{color:#0e6245;margin:0;font-size:12.5px;line-height:1.5}.login-footer{color:var(--bm-text-muted,#98a2b3);margin-top:20px;font-size:11.5px}.btn-logout-topbar{border-radius:var(--radius-xs,8px);color:#d92d20;cursor:pointer;background:#d92d2014;border:1px solid #d92d2026;align-items:center;gap:6px;padding:7px 12px;font-size:13px;font-weight:600;transition:all .15s;display:flex}.btn-logout-topbar:hover{color:#b42318;background:#d92d2026}