:root{--bg: #f6f7fb;--surface: #ffffff;--surface-hover: #f2f3f8;--border: #e5e7eb;--text: #14161f;--text-muted: #6b7280;--primary: #4f46e5;--primary-hover: #4338ca;--primary-light: #eef2ff;--danger: #dc2626;--success: #059669;--warning: #ea580c;--sidebar-bg: #14162a;--sidebar-text: #b9bcd4;--sidebar-text-active: #ffffff;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--shadow-sm: 0 1px 2px rgba(16, 17, 38, .06);--shadow-md: 0 8px 24px rgba(16, 17, 38, .08);--brand: #c8632f;--ms-ink: #3d2b22;--ms-bg: #f5f2ec;--ms-surface: #ffffff;--ms-border: #e6e0d4;--ms-text: #221f1b;--ms-muted: #7a7166}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--ms-bg);color:var(--text);-webkit-font-smoothing:antialiased}h1,h2,h3{letter-spacing:-.01em}.screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px 16px;background:var(--ms-bg);font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.auth-card{width:100%;max-width:380px;background:var(--ms-surface);border-radius:14px;box-shadow:0 10px 24px -14px #211f1c2e;border:1px solid var(--ms-border);padding:32px 28px}.auth-card-wide{max-width:420px}.auth-logo{display:block;height:44px;width:auto;margin:0 auto 20px}.auth-card h1{font-family:Bricolage Grotesque,sans-serif;font-size:19px;font-weight:800;margin:0 0 4px;color:var(--ms-text)}.auth-card p{color:var(--ms-muted);margin:0 0 20px;font-size:13px}.auth-card form{display:flex;flex-direction:column;gap:16px}.auth-card .field{margin-bottom:0}.auth-card .field label{font-size:12px;font-weight:600;color:var(--ms-text);margin-bottom:6px}.auth-card .field input{height:42px;padding:0 12px;border-radius:9px;border:1px solid var(--ms-border);background:var(--ms-bg);font-family:DM Sans,sans-serif;font-size:14px}.auth-card .field input:focus{border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in oklch,var(--brand) 18%,white 82%)}.auth-card .primary-btn{height:44px;border-radius:9px;font-size:14px;font-weight:700;color:#fff8f0;background:var(--brand);font-family:DM Sans,sans-serif}.auth-card .primary-btn:hover:not(:disabled){filter:brightness(1.08);background:var(--brand)}.auth-card .error-text,.auth-card .success-text{font-size:12px;margin-top:0}.auth-slug-row{display:flex;align-items:center;height:42px;border:1px solid var(--ms-border);border-radius:9px;background:var(--ms-bg);padding:0 12px}.auth-slug-prefix{font-family:DM Mono,monospace;font-size:12px;color:var(--ms-muted);white-space:nowrap}.auth-card .auth-slug-input{flex:1;width:auto;min-width:0;height:100%;border:none;background:transparent;padding:0;font-family:DM Sans,sans-serif;font-size:14px;color:var(--ms-text)}.auth-card .auth-slug-input:focus{outline:none;border:none;box-shadow:none}.auth-swatch-row{display:flex;align-items:center;gap:10px}.auth-card .auth-swatch-input{width:42px;height:42px;padding:0;border:none;border-radius:9px;cursor:pointer;background:none}.auth-card .auth-swatch-input::-webkit-color-swatch-wrapper{padding:0;border-radius:9px}.auth-card .auth-swatch-input::-webkit-color-swatch{border:1px solid var(--ms-border);border-radius:9px}.auth-card .auth-swatch-input::-moz-color-swatch{border:1px solid var(--ms-border);border-radius:9px}.auth-swatch-value{font-family:DM Mono,monospace;font-size:12px;color:var(--ms-muted)}.field{margin-bottom:18px}.field label{display:block;font-size:.82rem;font-weight:600;margin-bottom:6px;color:var(--text)}.field input,.field select,.field textarea{width:100%;padding:11px 14px;border-radius:var(--radius-sm);border:1px solid var(--border);font-size:.95rem;background:var(--surface);color:var(--text);font-family:inherit;transition:border-color .15s,box-shadow .15s}.field textarea{resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.primary-btn{width:100%;padding:12px;border:none;border-radius:var(--radius-sm);font-size:.95rem;font-weight:600;color:#fff;background:var(--primary);cursor:pointer;transition:background .15s,transform .05s}.primary-btn:hover:not(:disabled){background:var(--primary-hover)}.primary-btn:active:not(:disabled){transform:scale(.99)}.primary-btn:disabled{opacity:.6;cursor:default}.link-row{text-align:center;margin-top:18px;font-size:12px;font-family:DM Sans,sans-serif;color:var(--ms-muted)}.link-row a{color:#a8451e;font-weight:600;text-decoration:none}.link-row a:hover{color:#c8632f}.link-btn{background:none;border:none;padding:0;font-family:DM Sans,sans-serif;font-size:12px;color:#a8451e;font-weight:600;cursor:pointer}.link-btn:hover:not(:disabled){color:#c8632f}.link-btn:disabled{opacity:.6;cursor:default}.error-text{color:var(--danger);font-size:.85rem;margin-top:8px}.success-text{color:var(--success);font-size:.85rem;margin-top:8px}.app-shell{min-height:100vh;display:flex;background:var(--ms-bg);font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.sidebar{width:220px;flex-shrink:0;background:var(--ms-ink);color:#ffffff8c;display:flex;flex-direction:column;padding:20px 14px;gap:22px;position:sticky;top:0;height:100vh;box-sizing:border-box}.sidebar-brand{display:flex;align-items:center;gap:10px}.sidebar-brand img{width:34px;height:34px;border-radius:9px;object-fit:cover;flex-shrink:0}.sidebar-brand-fallback{width:34px;height:34px;border-radius:9px;background:var(--brand);display:flex;align-items:center;justify-content:center;font-family:Bricolage Grotesque,sans-serif;font-weight:800;color:#fff8f0;font-size:14px;flex-shrink:0}.sidebar-brand-name{font-weight:700;color:#fff;font-size:13px;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-nav{display:flex;flex-direction:column;gap:2px;flex:1}.sidebar-link{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:8px;color:inherit;text-decoration:none;font-size:13px;font-weight:500;transition:background .15s,color .15s}.sidebar-link svg{width:16px;height:16px;flex-shrink:0}.sidebar-link:hover{background:#ffffff0f;color:#fff}.sidebar-link.active{background:color-mix(in srgb,var(--brand) 22%,transparent);color:#fff;font-weight:600}.sidebar-link-badge{margin-left:auto;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#e8493c;color:#fff;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center}.sidebar-footer{margin-top:auto}.sidebar-location-switcher{display:flex;flex-direction:column;gap:4px}.sidebar-location-switcher label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:#fff6}.sidebar-location-switcher select{width:100%;padding:8px 10px;border-radius:8px;border:1px solid rgba(255,255,255,.15);background:#ffffff14;color:#fff;font-family:DM Sans,sans-serif;font-size:12px}.sidebar-location-switcher select option{color:#111}.logout-btn{width:100%;display:flex;align-items:center;gap:10px;background:transparent;border:none;color:#ffffff80;padding:9px 10px;border-radius:8px;cursor:pointer;font-size:12px;font-family:DM Sans,sans-serif;text-align:left;transition:background .15s,color .15s}.logout-btn svg{width:16px;height:16px}.logout-btn:hover{background:#ffffff0f;color:#fff}.content{flex:1;padding:32px 40px;max-width:1440px;width:100%;margin:0 auto;min-width:0}.content h1{font-size:1.5rem;font-weight:700;margin:0 0 20px}.ms-page-title{font-family:Bricolage Grotesque,sans-serif;font-size:18px;font-weight:800;color:var(--ms-text);margin:0 0 18px}.ms-page-header-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:0 0 18px}.ms-page-header-row .ms-page-title{margin:0}.ms-export-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:var(--radius-sm);border:1px solid var(--ms-border);background:var(--ms-surface);color:var(--ms-text);font-size:.82rem;font-weight:600;cursor:pointer;white-space:nowrap}.ms-export-btn:hover:not(:disabled){border-color:var(--brand);color:var(--brand)}.ms-export-btn:disabled{opacity:.6;cursor:default}.mobile-topbar,.mobile-tabbar{display:none}@media (max-width: 860px){.app-shell{display:block}.sidebar{display:none}.mobile-topbar{display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:20;background:var(--ms-ink);color:#fff;padding:12px 16px;font-family:DM Sans,sans-serif}.mobile-topbar-brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:.95rem;overflow:hidden}.mobile-topbar-brand img{width:28px;height:28px;border-radius:7px;object-fit:cover;flex-shrink:0}.mobile-topbar-brand span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-logout-btn{background:#ffffff14;border:none;color:#fff;width:34px;height:34px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0}.mobile-logout-btn svg{width:18px;height:18px}.mobile-menu-btn{background:#ffffff14;border:none;color:#fff;width:34px;height:34px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0;cursor:pointer}.mobile-menu-btn svg{width:18px;height:18px}.content{padding:20px 16px 108px;max-width:100%}.has-hamburger-nav .content{padding-bottom:20px}.mobile-drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#14110e80;z-index:30;animation:dialog-fade-in .15s ease-out}.mobile-drawer{position:fixed;top:0;left:0;bottom:0;width:260px;max-width:80vw;background:var(--ms-ink);color:#ffffff8c;z-index:31;display:flex;flex-direction:column;gap:22px;padding:18px 14px;box-sizing:border-box;box-shadow:8px 0 24px #00000040;animation:mobile-drawer-in .2s ease-out}.mobile-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:4px 6px 12px;border-bottom:1px solid rgba(255,255,255,.08)}.mobile-drawer-close{background:transparent;border:none;color:#fff9;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center}.mobile-drawer-close svg{width:20px;height:20px}.mobile-drawer .sidebar-nav{display:flex}.mobile-drawer .sidebar-link{font-size:14px;padding:11px 10px}@keyframes mobile-drawer-in{0%{transform:translate(-100%)}to{transform:translate(0)}}.mobile-tabbar{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:20;background:var(--surface);border-top:1px solid var(--border);padding:10px 4px calc(10px + env(safe-area-inset-bottom));box-shadow:0 -4px 16px #1011260f}.mobile-tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px 2px;color:var(--text-muted);text-decoration:none;font-size:.72rem;font-weight:600;font-family:DM Sans,sans-serif;border-radius:var(--radius-sm)}.mobile-tab svg{width:24px;height:24px}.mobile-tab.active{color:var(--brand)}.mobile-tab-icon-wrap{position:relative;display:inline-flex}.mobile-tab-badge{position:absolute;top:-4px;right:-8px;min-width:15px;padding:0 4px;border-radius:999px;background:#e8493c;color:#fff;font-size:.6rem;font-weight:700;line-height:15px;text-align:center}.stat-grid{grid-template-columns:repeat(2,1fr)}}.filter-pills{display:flex;gap:8px;margin-bottom:14px}.filter-pill{padding:8px 16px;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--text-muted);font-size:.85rem;font-weight:600;cursor:pointer}.filter-pill.active{background:var(--text);border-color:var(--text);color:#fff}.centered-message-muted{color:var(--text-muted);text-align:center;padding:20px 0}.card-box{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:22px 24px;margin-bottom:20px}.card-box h2{margin-top:0;font-size:1.05rem;font-weight:700}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;margin-bottom:20px}.stat-tile{background:var(--ms-surface);border:1px solid var(--ms-border);border-radius:12px;padding:16px;display:block}a.stat-tile{text-decoration:none;color:inherit;transition:border-color .15s,box-shadow .15s,transform .05s}a.stat-tile:hover{border-color:var(--brand);box-shadow:0 4px 14px #00000014}a.stat-tile:active{transform:scale(.98)}.stat-tile .value{display:block;font-family:Bricolage Grotesque,sans-serif;font-size:26px;font-weight:800;color:var(--ms-text)}.stat-tile .label{font-family:DM Sans,sans-serif;font-size:12px;color:var(--ms-muted);margin-top:4px}.advanced-stats-card{width:100%;box-sizing:border-box;background:var(--ms-surface);border:1px solid var(--ms-border);border-radius:12px;padding:16px;margin-bottom:20px}.advanced-stats-title{font-family:Bricolage Grotesque,sans-serif;font-size:16px;font-weight:700;color:var(--ms-text);margin:0 0 4px}.advanced-stats-subtitle{font-family:DM Sans,sans-serif;font-size:12px;color:var(--ms-muted);margin:0 0 14px}.advanced-stats-header-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.advanced-stats-header-row .advanced-stats-title{margin:0 0 4px}.advanced-stats-location-filter{font-family:DM Sans,sans-serif;font-size:12px;color:var(--ms-text);background:var(--ms-surface);border:1px solid var(--ms-border);border-radius:8px;padding:4px 8px}.mini-bar-chart{display:flex;align-items:flex-end;gap:2px;height:56px;margin-bottom:4px}.mini-bar-chart .bar{flex:1;background:var(--brand);border-radius:2px 2px 0 0;min-height:1px}.at-risk-title-row{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-top:18px;padding-top:14px;border-top:1px solid var(--ms-border)}.at-risk-title{margin:0}.at-risk-see-all{font-family:DM Sans,sans-serif;font-size:12px;font-weight:700;color:var(--brand);text-decoration:none;white-space:nowrap}.at-risk-see-all:hover{text-decoration:underline}.at-risk-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;max-height:260px;overflow-y:auto}.at-risk-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid var(--ms-border);font-family:DM Sans,sans-serif}.at-risk-row:last-child{border-bottom:none;padding-bottom:0}.at-risk-name{font-size:13px;font-weight:700;color:var(--ms-text);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-decoration:none}.at-risk-name:hover{text-decoration:underline}.at-risk-stamps{font-size:12px;color:var(--ms-muted);flex:none}.at-risk-last-visit{font-size:11px;color:var(--ms-muted);flex:none}.dashboard-shift-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.dashboard-shift-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid var(--ms-border);font-family:DM Sans,sans-serif}.dashboard-shift-row:last-child{border-bottom:none;padding-bottom:0}.dashboard-shift-name{font-size:13px;font-weight:700;color:var(--ms-text)}.dashboard-shift-value{font-size:12px;color:var(--ms-muted)}.advanced-stats-upsell{background:var(--ms-surface);border:1px dashed var(--ms-border);border-radius:12px;padding:16px;margin-bottom:20px;color:var(--ms-muted);font-family:DM Sans,sans-serif;font-size:13px}.sync-status{display:flex;align-items:center;gap:10px;background:var(--ms-surface);border:1px dashed var(--ms-border);border-radius:12px;padding:16px;margin-bottom:20px;color:var(--ms-muted);font-family:DM Sans,sans-serif;font-size:13px}.sync-status.is-error{color:var(--ms-text)}.sync-status-spinner{flex:none;width:14px;height:14px;border-radius:50%;border:2px solid var(--ms-border);border-top-color:var(--brand);animation:sync-status-spin .7s linear infinite}@keyframes sync-status-spin{to{transform:rotate(360deg)}}.redeemed-rewards-card{background:var(--ms-surface);border:1px solid var(--ms-border);border-radius:12px;padding:16px;margin-bottom:20px}.redeemed-rewards-title{font-family:Bricolage Grotesque,sans-serif;font-size:16px;font-weight:700;color:var(--ms-text);margin:0 0 12px}.redeemed-rewards-empty{font-family:DM Sans,sans-serif;font-size:13px;color:var(--ms-muted);margin:0}.redeemed-rewards-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;max-height:260px;overflow-y:auto}.redeemed-rewards-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid var(--ms-border);font-family:DM Sans,sans-serif}.redeemed-rewards-row:last-child{border-bottom:none;padding-bottom:0}.redeemed-rewards-name{font-size:13px;font-weight:700;color:var(--ms-text);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.redeemed-rewards-type{font-size:12px;color:var(--ms-muted);flex:none}.redeemed-rewards-date{font-size:11px;color:var(--ms-muted);flex:none;white-space:nowrap}.join-link-card{background:var(--ms-surface);border:1px solid var(--ms-border);border-radius:12px;padding:18px;display:flex;align-items:center;gap:18px}.join-qr-box{width:88px;height:88px;flex:none;background:#fff;border:1px solid var(--ms-border);border-radius:10px;display:flex;align-items:center;justify-content:center}.join-link-text{display:flex;flex-direction:column;gap:6px;min-width:0}.join-link-title{font-family:DM Sans,sans-serif;font-size:13px;font-weight:700;color:var(--ms-text)}.join-link-desc{font-family:DM Sans,sans-serif;font-size:12px;color:var(--ms-muted);margin:0}.join-link-code{align-self:flex-start;font-family:DM Mono,monospace;font-size:12px;color:var(--ms-text);background:var(--ms-bg);border:1px solid var(--ms-border);border-radius:6px;padding:6px 10px;word-break:break-all}@media (max-width: 860px){.join-link-card{flex-direction:column;text-align:center}.join-link-text{align-items:center}.join-link-code{align-self:center}}.customer-list{padding:8px}.customer-row{display:flex;flex-direction:column;gap:8px;padding:14px 12px;border-bottom:1px solid var(--border)}.customer-row:last-child{border-bottom:none}.customer-row.needs-action{background:#fff7ed;border:1px solid #fdba74;border-radius:var(--radius-sm);border-bottom:1px solid #fdba74;margin-bottom:8px}.customer-row.needs-action:last-child{margin-bottom:0}.customer-row-main{display:flex;align-items:center;justify-content:space-between;gap:10px}.customer-row-name{font-weight:600;font-size:.95rem}.customer-row-meta{display:flex;justify-content:space-between;gap:10px;font-size:.82rem;color:var(--text-muted)}.row-action-btn{align-self:flex-start;padding:8px 16px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:.83rem;font-weight:600;cursor:pointer}.row-action-btn:disabled{opacity:.5;cursor:default}.row-action-btn.primary{align-self:stretch;text-align:center;padding:11px 16px;background:var(--success);border-color:var(--success);color:#fff;font-size:.88rem}.customer-row-actions{display:flex;gap:8px}.customer-row-actions .row-action-btn{flex:1;align-self:auto}.badge{display:inline-block;padding:3px 11px;border-radius:999px;font-size:.75rem;font-weight:600}.badge.active{background:#eef2ff;color:#4338ca}.badge.reward_ready{background:#fff7ed;color:#c2410c}.badge.role-badge-admin{background:#ecfdf5;color:#047857}.badge.role-badge-manager{background:#eef2ff;color:#4338ca}.badge.role-badge-staff{background:#f1f5f9;color:#475569}.badge.completed{background:#ecfdf5;color:#047857}.small-btn{padding:7px 14px;border-radius:var(--radius-sm);border:none;background:var(--primary);color:#fff;font-size:.8rem;font-weight:600;cursor:pointer;text-decoration:none;display:inline-block;transition:background .15s}.small-btn:hover:not(:disabled){background:var(--primary-hover)}.small-btn:disabled{opacity:.5;cursor:default}.search-input{width:100%;padding:11px 14px;border-radius:var(--radius-sm);border:1px solid var(--border);font-size:.95rem;margin-bottom:16px;background:var(--surface)}.search-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.notice-banner{background:color-mix(in oklch,var(--brand) 12%,white 88%);border:1px solid color-mix(in oklch,var(--brand) 30%,white 70%);border-radius:12px;padding:14px 16px;margin-bottom:20px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.notice-banner-text{display:flex;flex-direction:column;gap:4px}.notice-banner-title{display:flex;align-items:center;gap:8px}.notice-banner-dot{width:8px;height:8px;border-radius:50%;background:var(--brand);flex:none}.notice-banner h2{margin:0;font-family:DM Sans,sans-serif;font-size:13px;font-weight:700;color:var(--ms-text)}.notice-banner p{margin:0;font-family:DM Sans,sans-serif;font-size:12px;color:var(--ms-muted)}.notice-banner-btn{border:none;cursor:pointer;padding:9px 16px;border-radius:8px;font-family:DM Sans,sans-serif;font-size:12px;font-weight:700;color:#fff8f0;background:var(--brand);flex:none;text-decoration:none;display:inline-block}.notice-banner-btn:hover{filter:brightness(1.08)}@media (max-width: 860px){.notice-banner{flex-direction:column;align-items:stretch}.notice-banner-btn{align-self:flex-start}}.scanner-wrapper{max-width:380px;margin:0 auto;font-family:DM Sans,sans-serif}.scanner-frame{position:relative;border-radius:16px;overflow:hidden;box-shadow:var(--shadow-md);background:#000}.scanner-frame video{display:block;width:100%;aspect-ratio:1 / 1;object-fit:cover;background:#000;transition:filter .2s ease,opacity .2s ease}.scanner-frame video.is-dimmed{filter:blur(6px) brightness(.5)}.scan-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:24px;text-align:center;color:#fff;background:#14110eeb;animation:dialog-fade-in .15s ease-out}.scan-overlay p{margin:0;font-size:14px;font-weight:600}.scan-spinner{width:44px;height:44px;border-radius:50%;border:4px solid rgba(255,255,255,.25);border-top-color:#fff;animation:scan-spin .9s linear infinite}.scan-result-badge{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center}.scan-result-badge.is-success{background:#3a9a63}.scan-result-badge.is-error{background:#c8462f}.scan-result-icon{width:30px;height:30px;stroke-width:2.2;color:#fff}.scan-next-btn{width:auto;margin-top:6px;padding:9px 16px;border:1px solid rgba(255,255,255,.5);background:transparent;color:#fff;border-radius:100px;font-family:DM Sans,sans-serif;font-size:12px}.scan-next-btn:hover:not(:disabled){background:#ffffff1a}.scan-manual-label{display:block;font-family:DM Sans,sans-serif;font-size:12px;font-weight:600;color:var(--ms-muted);margin:20px 0 8px}.scan-manual-row{display:flex;gap:8px}.scan-manual-row input{flex:1;height:40px;padding:0 12px;border-radius:9px;border:1px solid var(--ms-border);background:var(--ms-surface);font-family:DM Sans,sans-serif;font-size:13px;min-width:0}.scan-manual-row input:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in oklch,var(--brand) 18%,white 82%)}.scan-manual-row button{flex:none;border:none;cursor:pointer;padding:0 18px;border-radius:9px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:700;color:#fff8f0;background:var(--brand)}.scan-manual-row button:disabled{opacity:.5;cursor:default}@keyframes scan-spin{to{transform:rotate(360deg)}}@keyframes scan-pop-in{0%{opacity:0;transform:scale(.5)}60%{opacity:1;transform:scale(1.12)}to{opacity:1;transform:scale(1)}}.scan-pop-in{animation:scan-pop-in .35s cubic-bezier(.34,1.56,.64,1) both}.prize-row{display:flex;gap:10px;margin-bottom:10px;align-items:center}.prize-row input{padding:10px 12px;border-radius:var(--radius-sm);border:1px solid var(--border)}.remove-btn{background:none;border:none;color:var(--danger);cursor:pointer;font-size:1.2rem;line-height:1}.add-prize-btn{background:none;border:1px dashed #b0b3c6;border-radius:var(--radius-sm);padding:8px 14px;cursor:pointer;font-size:.85rem;margin-top:6px;color:var(--text-muted)}.add-prize-btn:hover{border-color:var(--primary);color:var(--primary)}.tier-row{display:flex;gap:14px;align-items:flex-start;padding:14px;border:1px solid var(--border);border-radius:var(--radius-sm);margin-bottom:10px}.tier-badge{flex-shrink:0;padding:6px 12px;border-radius:999px;font-size:.78rem;font-weight:700;color:#fff;margin-top:22px}.tier-badge-standard{background:#94a3b8}.tier-badge-silver{background:#64748b}.tier-badge-gold{background:#ca8a04}.tier-row-benefits{flex:1;min-width:180px}.tier-row-points label,.tier-row-benefits label{display:block;font-size:.76rem;font-weight:600;color:var(--text-muted);margin-bottom:4px}.tier-row-points input,.tier-row-benefits input{width:100%;padding:9px 11px;border-radius:var(--radius-sm);border:1px solid var(--border);font-size:.9rem}.tier-row-points input:disabled{background:var(--bg);color:var(--text-muted)}@media (max-width: 860px){.branding-page{padding-bottom:76px}}.branding-page{font-family:DM Sans,sans-serif}.branding-page .field label{font-size:12px;color:var(--ms-text)}.branding-page .field input,.branding-page .field textarea{border-radius:8px;border-color:var(--ms-border);background:var(--ms-surface);font-size:13px;font-family:DM Sans,sans-serif}.branding-page .field input:focus,.branding-page .field textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in oklch,var(--brand) 18%,white 82%)}.branding-page .error-text{font-size:12px}.bp-form-hint{color:var(--ms-muted);font-size:12px;margin:8px 0 0}.bp-tabs{display:flex;gap:6px;margin-bottom:18px;border-bottom:1px solid var(--ms-border)}.bp-tab{padding:8px 4px;border:none;background:none;color:var(--ms-muted);font-family:DM Sans,sans-serif;font-size:13px;font-weight:700;cursor:pointer;border-bottom:2px solid transparent;margin:0 12px -1px 0}.bp-tab.active{color:var(--brand);border-bottom-color:var(--brand)}.bp-pane{display:flex;gap:0;align-items:stretch;border:1px solid var(--ms-border);border-radius:14px;overflow:hidden;background:var(--ms-surface)}.bp-card-form,.bp-reward-form,.bp-wheel-form{width:400px;flex:none;padding:22px;box-sizing:border-box;display:flex;flex-direction:column;gap:14px}.bp-card-form h2,.bp-reward-form h2,.bp-wheel-form h2{margin:0;font-family:Bricolage Grotesque,sans-serif;font-size:15px;font-weight:800;color:var(--ms-text)}.bp-preview-panel{flex:1;background:var(--ms-bg);border-left:1px solid var(--ms-border);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;min-width:0}@media (max-width: 860px){.bp-pane{flex-direction:column}.bp-card-form,.bp-reward-form,.bp-wheel-form{width:100%}.bp-preview-panel{border-left:none;border-top:1px solid var(--ms-border)}}.bp-submit-bar{position:sticky;bottom:0;margin:24px -40px -32px;padding:14px 40px;background:linear-gradient(to top,var(--ms-bg) 65%,transparent)}.bp-submit-bar-inner{max-width:1080px;margin:0 auto;display:flex;align-items:center;justify-content:flex-end;gap:16px;background:var(--ms-surface);border:1px solid var(--ms-border);border-radius:12px;box-shadow:0 8px 24px #211f1c14;padding:12px 16px}.bp-submit-bar-status{flex:1;min-width:0}.bp-submit-bar-status .error-text,.bp-submit-bar-status .bp-dirty-indicator{margin:0}.bp-dirty-indicator{color:var(--brand);font-family:DM Sans,sans-serif;font-size:12px;font-weight:600}.branding-page .bp-save-btn{width:auto;min-width:140px;flex-shrink:0;border-radius:9px;font-family:DM Sans,sans-serif;font-size:13px;color:#fff8f0;background:var(--brand);transition:background .2s}.branding-page .bp-save-btn:hover:not(:disabled){filter:brightness(1.08);background:var(--brand)}.branding-page .bp-save-btn.is-saved{background:#3a9a63}.bp-save-check-wrap{display:inline-flex;align-items:center;justify-content:center;gap:6px}.bp-save-check{width:16px;height:16px;animation:scan-pop-in .35s cubic-bezier(.34,1.56,.64,1) both}@media (max-width: 860px){.bp-submit-bar{position:fixed;left:0;right:0;bottom:calc(68px + env(safe-area-inset-bottom));margin:0;padding:10px 12px;background:none;z-index:15}.has-hamburger-nav .bp-submit-bar{bottom:env(safe-area-inset-bottom)}.bp-submit-bar-inner{padding:10px 12px}.branding-page .bp-save-btn{min-width:120px}}.logo-position-picker{display:flex;gap:6px}.logo-position-option{flex:1;padding:8px;border:2px solid var(--ms-border);border-radius:8px;background:var(--ms-surface);cursor:pointer;text-align:center;font-family:DM Sans,sans-serif;font-size:12px;font-weight:600;color:var(--ms-text);transition:border-color .15s,background .15s}.logo-position-option.selected{border-color:var(--brand);background:color-mix(in oklch,var(--brand) 10%,white 90%)}.icon-picker{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.icon-picker-input{width:56px!important;flex-shrink:0;text-align:center;font-size:1.3rem!important;padding:8px!important}.icon-picker-presets{display:flex;gap:6px;flex-wrap:wrap}.icon-preset-btn{width:36px;height:36px;border-radius:8px;border:2px solid var(--ms-border);background:var(--ms-surface);font-size:1.1rem;cursor:pointer;display:flex;align-items:center;justify-content:center}.icon-preset-btn.selected{border-color:var(--brand);background:color-mix(in oklch,var(--brand) 10%,white 90%)}.wheel-palette-picker{display:flex;flex-wrap:wrap;gap:8px}.wheel-palette-option{display:flex;flex-direction:column;align-items:center;gap:8px;padding:10px 14px;border-radius:10px;border:2px solid var(--ms-border);background:var(--ms-surface);cursor:pointer}.wheel-palette-option.selected{border-color:var(--brand);background:color-mix(in oklch,var(--brand) 10%,white 90%)}.wheel-palette-swatches{display:flex;gap:3px}.wheel-palette-dot{width:14px;height:14px;border-radius:50%;display:inline-block}.wheel-palette-name{font-family:DM Sans,sans-serif;font-size:11px;font-weight:600;color:var(--ms-text)}.wheel-palette-option.selected .wheel-palette-name{color:var(--brand)}.stamp-style-picker{display:flex;flex-wrap:wrap;gap:8px}.stamp-style-option{display:flex;flex-direction:column;align-items:center;gap:8px;padding:10px 14px;border-radius:10px;border:2px solid var(--ms-border);background:var(--ms-surface);cursor:pointer}.stamp-style-option.selected{border-color:var(--brand);background:color-mix(in oklch,var(--brand) 10%,white 90%)}.stamp-style-preview{display:flex;gap:6px}.stamp-style-swatch{width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;min-width:0;min-height:0;overflow:hidden}.stamp-style-swatch img{width:100%;height:100%;object-fit:contain;pointer-events:none}.stamp-style-dot{border-radius:50%;font-size:11px}.stamp-style-dot.filled{color:#fff}.stamp-style-dot:not(.filled){border:1.5px dashed;background:none}.stamp-style-name{font-family:DM Sans,sans-serif;font-size:11px;font-weight:600;color:var(--ms-text)}.stamp-style-option.selected .stamp-style-name{color:var(--brand)}.lcp-stamp-cup{aspect-ratio:1;display:flex;align-items:center;justify-content:center;padding:1px;box-sizing:border-box;min-width:0;min-height:0}.lcp-stamp-cup img{width:100%;height:100%;object-fit:contain;display:block;pointer-events:none}.lcp-stamp-cup.filled img{filter:drop-shadow(0 3px 4px rgba(0,0,0,.18))}.wheel-preview-outer{position:relative;width:200px;height:200px;margin:0 auto}.wheel-preview-pointer{position:absolute;top:-8px;left:50%;transform:translate(-50%);width:0;height:0;border-left:9px solid transparent;border-right:9px solid transparent;border-top:16px solid #fff8f0;z-index:2;filter:drop-shadow(0 2px 3px rgba(0,0,0,.25))}.wheel-preview-svg{width:100%;height:100%;border-radius:50%;box-shadow:0 0 0 6px #fff,0 12px 24px -10px #00000059}.wheel-preview-hub{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 2px 6px #0003;z-index:2}.wheel-preview-hint{text-align:center;font-family:DM Sans,sans-serif;font-size:12px;color:var(--ms-muted);margin-top:12px}.logo-upload{display:flex;align-items:center;gap:14px}.logo-upload-preview{width:52px;height:52px;border-radius:10px;border:1px solid var(--ms-border);object-fit:cover;background:var(--ms-surface);background-image:repeating-linear-gradient(45deg,var(--ms-border) 0 4px,transparent 4px 8px)}.logo-upload-actions{display:flex;gap:8px}.file-btn{display:inline-block;padding:7px 12px;border-radius:8px;border:1px solid var(--ms-border);background:var(--ms-surface);font-family:DM Sans,sans-serif;font-size:11px;font-weight:600;cursor:pointer;color:var(--ms-text)}.file-btn:hover{border-color:var(--brand);color:var(--brand)}.color-swatch-row{display:flex;align-items:center;gap:10px}.color-swatch-row input[type=color]{width:42px;height:38px;padding:0;border:1px solid var(--ms-border);border-radius:8px;cursor:pointer;background:none}.color-swatch-row code{font-family:DM Mono,monospace;font-size:12px;color:var(--ms-muted)}.custom-colors-editor{margin-top:6px}.custom-color-chip-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.custom-color-chip{position:relative;display:flex;align-items:center;border:1px solid var(--ms-border);border-radius:100px;padding:4px;background:var(--ms-surface)}.custom-color-chip input[type=color]{width:24px;height:24px;border-radius:50%;padding:0;border:none;cursor:pointer;background:none}.custom-color-remove{position:static;margin-left:2px;width:20px;height:20px;border-radius:50%;border:none;background:var(--ms-bg);color:var(--ms-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0}.custom-color-add{display:flex;align-items:center;gap:4px;padding:8px 14px;border:1px dashed var(--ms-border);border-radius:8px;background:none;color:var(--brand);font-family:DM Sans,sans-serif;font-size:12px;font-weight:600;cursor:pointer}.custom-color-add:hover{border-color:var(--brand);filter:brightness(1.1)}.preview-label{font-family:DM Sans,sans-serif;font-size:11px;text-transform:uppercase;letter-spacing:.4px;color:var(--ms-muted);margin-bottom:12px;font-weight:700}.loyalty-card-preview{color:#fff8f0;width:340px;max-width:100%;border-radius:26px;padding:20px;box-sizing:border-box;box-shadow:0 16px 30px -14px #00000059;position:relative;overflow:hidden;transition:background .2s}.loyalty-card-preview:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 88% 10%,rgba(255,255,255,.22),transparent 46%);pointer-events:none}.loyalty-card-preview .lcp-header{position:relative;display:flex;align-items:center;gap:14px;margin-bottom:16px}.loyalty-card-preview.pos-center .lcp-header{flex-direction:column;text-align:center}.loyalty-card-preview.pos-right .lcp-header{flex-direction:row-reverse}.lcp-logo{width:64px;height:64px;border-radius:50%;object-fit:cover;background:#ffffff26;flex-shrink:0}.lcp-logo-fallback{width:64px;height:64px;border-radius:50%;background:repeating-linear-gradient(45deg,#ffffff59 0,#ffffff59 4px,#ffffff1f 4px,#ffffff1f 8px);display:flex;align-items:center;justify-content:center;font-family:Bricolage Grotesque,sans-serif;font-weight:800;font-size:20px;flex-shrink:0}.lcp-name{font-family:Bricolage Grotesque,sans-serif;font-weight:800;font-size:16px}.lcp-sub{font-family:DM Sans,sans-serif;font-size:12px;opacity:.85;margin-top:3px}.lcp-stamps{position:relative;display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:4px;margin-bottom:16px}.lcp-stamps>*{min-width:0;min-height:0}.lcp-stamp{aspect-ratio:1;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.1rem;border:1.5px dashed rgba(255,255,255,.5)}.lcp-stamp.filled{background:#fff;color:#333;border-style:solid;border-color:#fff;box-shadow:0 4px 8px #0000001f}.lcp-qr{position:relative;width:160px;height:160px;box-sizing:border-box;background:#fff;border-radius:16px;display:flex;align-items:center;justify-content:center}.reward-ticket-preview{width:240px;background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 16px 30px -14px #00000059}.reward-ticket-preview-header{display:flex;align-items:center;gap:8px;padding:12px 16px;color:#fff8f0;font-family:Bricolage Grotesque,sans-serif;font-weight:800;font-size:12px}.reward-ticket-preview-header img{width:26px;height:26px;border-radius:50%;object-fit:cover}.reward-ticket-preview-body{padding:20px 16px 6px;text-align:center}.reward-ticket-preview-icon{font-size:2rem;margin-bottom:6px}.reward-ticket-preview-eyebrow{display:block;font-family:DM Sans,sans-serif;font-size:10px;font-weight:700;color:#a8451e;text-transform:uppercase;letter-spacing:.4px;margin-bottom:4px}.reward-ticket-preview-label{font-family:Bricolage Grotesque,sans-serif;font-size:14px;font-weight:800;color:#2a231c;margin-bottom:6px}.reward-ticket-preview-message{font-family:DM Sans,sans-serif;font-size:11px;color:#8a8073;line-height:1.4;margin:0 0 14px}.reward-ticket-preview-review{border-top:1px dashed #e5ded2;padding-top:12px;margin-top:-4px}.reward-ticket-preview-review p{font-family:DM Sans,sans-serif;font-size:11px;color:#8a8073;line-height:1.4;margin:0 0 8px}.reward-ticket-preview-review-btn{display:inline-block;font-family:DM Sans,sans-serif;font-size:11px;font-weight:700;color:#2a231c;border:1px solid #e5ded2;border-radius:8px;padding:6px 10px}.dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f102080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;padding:20px;z-index:100;animation:dialog-fade-in .15s ease-out}.dialog-card{width:100%;max-width:400px;background:var(--surface);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:26px 24px;animation:dialog-pop-in .18s ease-out}.dialog-card h2{margin:0 0 10px;font-size:1.1rem;font-weight:700}.dialog-card p{margin:0 0 22px;font-size:.9rem;color:var(--text-muted);white-space:pre-line;line-height:1.5}.dialog-actions{display:flex;gap:10px;justify-content:flex-end}.dialog-btn-cancel,.dialog-btn-confirm{padding:10px 18px;border-radius:var(--radius-sm);font-size:.88rem;font-weight:600;cursor:pointer;border:1px solid var(--border)}.dialog-btn-cancel{background:var(--surface);color:var(--text)}.dialog-btn-cancel:hover:not(:disabled){background:var(--surface-hover)}.dialog-btn-confirm{background:var(--success);border-color:var(--success);color:#fff}.dialog-btn-confirm:hover:not(:disabled){filter:brightness(.95)}.dialog-btn-cancel:disabled,.dialog-btn-confirm:disabled{opacity:.6;cursor:default}.customer-details-card h2{margin-bottom:18px}.customer-details-qr{display:flex;justify-content:center;padding:16px;background:var(--bg);border-radius:var(--radius-sm);margin-bottom:12px}.customer-details-list{display:flex;flex-direction:column;gap:10px;margin-bottom:22px}.customer-details-row{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:.87rem}.customer-details-row>span:first-child{color:var(--text-muted)}.customer-details-row>span:last-child{font-weight:600;text-align:right}@keyframes dialog-fade-in{0%{opacity:0}to{opacity:1}}@keyframes dialog-pop-in{0%{opacity:0;transform:scale(.96) translateY(4px)}to{opacity:1;transform:scale(1) translateY(0)}}@media (max-width: 860px){.icon-preset-btn{width:44px;height:44px;font-size:1.3rem}.logo-position-option,.wheel-palette-option{padding:13px 14px}.color-swatch-row input[type=color],.custom-color-chip input[type=color]{width:52px;height:46px}.custom-color-remove{width:26px;height:26px}.scanner-wrapper{max-width:260px}}.program-page form{display:flex;flex-direction:column;gap:18px;align-items:flex-start}.program-page .field{font-family:DM Sans,sans-serif}.program-page .field label{font-size:12px;color:var(--ms-text)}.program-page .field input,.program-page .field select{border-radius:9px;font-size:13px;border-color:var(--ms-border);background:var(--ms-surface);color:var(--ms-text)}.program-page .field select{appearance:none;-webkit-appearance:none;-moz-appearance:none;cursor:pointer;padding-right:38px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6' fill='none'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%237a7166' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:10px 6px;transition:border-color .15s,box-shadow .15s}.program-page .field select::-ms-expand{display:none}.program-page .field select:hover{border-color:color-mix(in oklch,var(--brand) 35%,var(--ms-border) 65%)}.program-page .field input:focus,.program-page .field select:focus{border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in oklch,var(--brand) 18%,white 82%)}.program-fields{display:flex;flex-wrap:wrap;gap:20px;width:100%}.program-field-narrow{max-width:480px;width:100%}.program-field-medium{max-width:620px;width:100%}.program-field-wide,.program-tiers-field{max-width:none;width:100%}.mode-picker{display:flex;gap:12px;width:100%;max-width:560px}.mode-picker-option{flex:1;border-radius:12px;padding:16px;cursor:pointer;border:2px solid var(--ms-border);background:var(--ms-surface);display:flex;flex-direction:column;gap:4px;transition:border-color .15s,background .15s}.mode-picker-option.selected{border-color:var(--brand);background:color-mix(in oklch,var(--brand) 10%,white 90%)}.mode-picker-option-title{font-family:DM Sans,sans-serif;font-size:13px;font-weight:700;color:var(--ms-text)}.mode-picker-option-desc{font-family:DM Sans,sans-serif;font-size:12px;color:var(--ms-muted)}.program-tiers-hint{color:var(--ms-muted);font-size:12px;font-family:DM Sans,sans-serif;margin:-2px 0 4px}.program-milestones-upsell,.program-upsell-banner{background:var(--ms-surface);border:1px dashed var(--ms-border);border-radius:12px;padding:16px;color:var(--ms-muted);font-family:DM Sans,sans-serif;font-size:13px}.program-referral-section{width:100%;box-sizing:border-box;margin-top:28px;padding-top:24px;border-top:1px solid var(--ms-border)}.program-referral-toggle{display:flex;align-items:center;gap:10px;margin:8px 0 14px;font-family:DM Sans,sans-serif;font-size:13px;cursor:pointer}.program-tier-badge{flex-shrink:0;padding:5px 12px;border-radius:100px;font-family:DM Sans,sans-serif;font-size:11px;font-weight:700;margin-top:22px;width:fit-content}.program-tier-badge.standard{background:color-mix(in oklch,var(--brand) 20%,white 80%);color:#7a5a3a}.program-tier-badge.silver{background:#e4e7ea;color:#4a5158}.program-tier-badge.gold{background:#f3d99a;color:#6b4b0e}.tier-row{display:flex;gap:14px;align-items:flex-start;padding:12px 14px;border:1px solid var(--ms-border);border-radius:12px;margin-bottom:10px;background:var(--ms-surface);font-family:DM Sans,sans-serif}.tier-row-fields{display:flex;gap:12px;flex:1;flex-wrap:wrap}.tier-row-name{width:160px}.tier-row-points{width:130px}.tier-row-benefits{flex:1;min-width:180px;max-width:480px}.tier-row-color{width:70px}.tier-row-name label,.tier-row-points label,.tier-row-benefits label,.tier-row-color label{display:block;font-size:11px;font-weight:600;color:var(--ms-muted);margin-bottom:4px}.tier-row-name input,.tier-row-points input,.tier-row-benefits input{width:100%;padding:9px 11px;border-radius:8px;border:1px solid var(--ms-border);background:var(--ms-bg);font-size:12px;font-family:DM Sans,sans-serif}.tier-row-color input{width:100%;height:36px;padding:2px;border-radius:8px;border:1px solid var(--ms-border);background:var(--ms-bg);cursor:pointer}.tier-row-name input:focus,.tier-row-points input:focus,.tier-row-benefits input:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in oklch,var(--brand) 18%,white 82%)}.tier-row-points input:disabled{background:var(--ms-border);color:var(--ms-muted)}.wheel-lot-row{display:flex;align-items:center;gap:8px;margin-bottom:8px}.wheel-lot-row input[type=text]{flex:1;height:38px;padding:0 12px;border-radius:9px;border:1px solid var(--ms-border);background:var(--ms-surface);font-family:DM Sans,sans-serif;font-size:12px}.wheel-lot-row input[type=text]:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in oklch,var(--brand) 18%,white 82%)}.wheel-lot-weight{flex:none;width:70px;height:38px;border:1px solid var(--ms-border);border-radius:9px;background:var(--ms-surface);display:flex;align-items:center;justify-content:center;gap:2px}.wheel-lot-weight span{font-family:DM Sans,sans-serif;font-size:12px;color:var(--ms-muted)}.wheel-lot-weight input{width:34px;border:none;background:transparent;font-family:DM Sans,sans-serif;font-size:12px;color:var(--ms-text);padding:0}.wheel-lot-weight input:focus{outline:none}.wheel-lot-remove{flex:none;width:32px;height:32px;border-radius:8px;border:1px solid var(--ms-border);background:var(--ms-surface);color:var(--ms-muted);cursor:pointer;display:flex;align-items:center;justify-content:center}.wheel-lot-remove:hover{border-color:var(--brand);color:var(--brand)}.wheel-lot-remove svg{width:15px;height:15px}.add-prize-btn{background:none;border:1px dashed var(--ms-border);border-radius:8px;padding:8px 14px;cursor:pointer;font-family:DM Sans,sans-serif;font-size:12px;font-weight:600;color:var(--brand);margin-top:2px}.add-prize-btn:hover{border-color:var(--brand);filter:brightness(1.1)}.program-page .program-save-btn{width:auto;padding:11px 22px;border-radius:9px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:700;color:#fff8f0;background:var(--brand)}.program-page .program-save-btn:hover:not(:disabled){filter:brightness(1.08);background:var(--brand)}@media (max-width: 860px){.mode-picker,.tier-row{flex-direction:column}.program-tier-badge{margin-top:0}}.campaigns-page{display:flex;flex-direction:column;gap:20px;width:100%;font-family:DM Sans,sans-serif}.campaigns-page .settings-section{max-width:none;width:100%}.campaigns-page .field label{font-size:12px;color:var(--ms-text)}.campaigns-page .field input,.campaigns-page .field textarea{border-radius:9px;font-size:13px;border-color:var(--ms-border);background:var(--ms-surface);color:var(--ms-text);font-family:DM Sans,sans-serif}.campaigns-page .field input:focus,.campaigns-page .field textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in oklch,var(--brand) 18%,white 82%)}.campaigns-section-header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:4px}.campaigns-status-badge{flex-shrink:0;padding:4px 10px;border-radius:100px;font-size:11px;font-weight:700;background:var(--ms-bg);color:var(--ms-muted)}.campaigns-status-badge.is-configured{background:color-mix(in oklch,var(--warning, #ea580c) 15%,white 85%);color:#a8451e}.campaigns-status-badge.is-verified{background:color-mix(in oklch,var(--success) 15%,white 85%);color:var(--success)}.campaigns-config-section form{display:flex;flex-direction:column;gap:4px;margin-top:12px}.campaigns-config-row{display:flex;gap:16px;flex-wrap:wrap}.campaigns-config-row .field{flex:1;min-width:220px}.campaigns-field-host{flex:2}.campaigns-field-port{flex:.6;min-width:100px}.campaigns-config-actions{display:flex;gap:8px;margin-top:6px}.campaigns-composer-section form{display:flex;flex-direction:column;gap:18px;margin-top:14px;align-items:stretch}.campaigns-config-step{display:flex;flex-direction:column;gap:8px;padding:14px 0;border-bottom:1px solid var(--ms-border)}.campaigns-config-step:last-of-type{border-bottom:none;padding-bottom:0}.campaigns-config-step:first-of-type{padding-top:6px}.campaigns-step-title{font-family:Bricolage Grotesque,sans-serif;font-size:13px;font-weight:800;color:var(--ms-text)}.campaigns-field-hint{color:var(--ms-muted);font-size:11px;line-height:1.5;margin:4px 0 0}.campaigns-password-help{background:color-mix(in oklch,var(--brand) 6%,white 94%);border:1px solid color-mix(in oklch,var(--brand) 20%,white 80%);border-radius:10px;padding:10px 14px;font-size:11px;line-height:1.7;color:var(--ms-text)}.campaigns-password-help a{color:var(--brand);font-weight:600}.campaigns-password-help code{background:color-mix(in oklch,var(--brand) 10%,white 90%);border-radius:4px;padding:1px 5px;font-family:DM Mono,monospace}.campaigns-provider-picker,.campaigns-logo-display-picker{max-width:720px}.campaigns-template-picker{max-width:560px}.campaigns-swatch-row{display:flex;align-items:center;gap:10px;margin-top:2px}.campaigns-color-input{width:40px;height:40px;padding:0;border:none;border-radius:9px;cursor:pointer;background:none}.campaigns-color-input::-webkit-color-swatch-wrapper{padding:0;border-radius:9px}.campaigns-color-input::-webkit-color-swatch{border:1px solid var(--ms-border);border-radius:9px}.campaigns-swatch-value{font-family:DM Mono,monospace;font-size:12px;color:var(--ms-muted)}.campaigns-composer-layout{display:flex;gap:24px;align-items:flex-start;width:100%;flex-wrap:wrap}.campaigns-composer-fields{flex:1 1 380px;min-width:320px;display:flex;flex-direction:column;gap:16px}.campaigns-composer-preview{flex:1 1 380px;min-width:320px;max-width:460px;position:sticky;top:20px}.campaigns-preview-frame{border:1px solid var(--ms-border);border-radius:12px;overflow:hidden;background:var(--ms-surface);margin-top:6px}.campaigns-preview-meta{display:flex;flex-direction:column;gap:3px;padding:10px 14px;border-bottom:1px solid var(--ms-border);background:var(--ms-bg);font-size:11px;color:var(--ms-muted)}.campaigns-preview-meta strong{color:var(--ms-text);font-weight:700}.campaigns-preview-iframe{width:100%;height:480px;border:none;display:block;background:#fff}.campaigns-recipient-search{width:100%;height:40px;border:1px solid var(--ms-border);border-radius:9px;background:var(--ms-surface);padding:0 14px;font-family:DM Sans,sans-serif;font-size:13px;margin:6px 0}.campaigns-recipient-search:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in oklch,var(--brand) 18%,white 82%)}.campaigns-select-all{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;color:var(--ms-text);cursor:pointer;margin-bottom:8px}.campaigns-select-all input{accent-color:var(--brand)}.campaigns-recipient-list{width:100%;max-height:320px;overflow-y:auto;display:flex;flex-direction:column;gap:6px;border:1px solid var(--ms-border);border-radius:12px;padding:8px;background:var(--ms-bg)}.campaigns-recipient-row{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;background:var(--ms-surface);cursor:pointer;font-size:12px}.campaigns-recipient-row input{accent-color:var(--brand)}.campaigns-recipient-name{font-weight:600;color:var(--ms-text)}.campaigns-recipient-email{color:var(--ms-muted)}.campaigns-send-btn{padding:11px 22px;font-size:13px}.campaigns-progress{margin-top:14px;padding-top:14px;border-top:1px solid var(--ms-border);font-size:13px;color:var(--ms-text)}.campaigns-failed-details{margin-top:8px;font-size:12px;color:var(--ms-muted)}.campaigns-failed-row{margin:4px 0 0}.campaigns-history-list{display:flex;flex-direction:column;gap:8px;margin-top:12px}.campaigns-history-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border:1px solid var(--ms-border);border-radius:12px;background:var(--ms-surface)}.campaigns-history-info{display:flex;flex-direction:column;gap:3px;min-width:0}.campaigns-history-subject{font-weight:700;font-size:13px;color:var(--ms-text)}.campaigns-history-meta{font-size:11px;color:var(--ms-muted)}.campaigns-history-status{flex-shrink:0;font-size:12px;font-weight:600;color:var(--ms-muted);text-align:right}.campaigns-history-status.is-sending{color:var(--brand)}.campaigns-history-status.is-partial{color:var(--warning, #ea580c)}@media (max-width: 860px){.campaigns-config-row,.campaigns-composer-layout{flex-direction:column}.campaigns-composer-preview{max-width:none;position:static}.campaigns-history-row{flex-direction:column;align-items:flex-start}.campaigns-history-status{text-align:left}}.clients-page{display:flex;flex-direction:column;gap:14px;align-items:flex-start}.client-filter-pills{display:flex;gap:8px}.client-filter-pill{border:none;cursor:pointer;padding:8px 14px;border-radius:100px;font-family:DM Sans,sans-serif;font-size:12px;font-weight:700;color:var(--ms-text);background:var(--ms-bg)}.client-filter-pill.active{color:#fff8f0;background:var(--brand)}.clients-page .search-input{width:100%;height:40px;border:1px solid var(--ms-border);border-radius:9px;background:var(--ms-surface);padding:0 14px;font-family:DM Sans,sans-serif;font-size:13px;margin-bottom:0}.clients-page .search-input:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in oklch,var(--brand) 18%,white 82%)}.client-list{width:100%;display:flex;flex-direction:column;gap:8px}.client-row{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--ms-surface);border:1px solid var(--ms-border);border-radius:12px;padding:12px 14px;font-family:DM Sans,sans-serif}.client-row.is-pending{background:color-mix(in oklch,var(--brand) 8%,white 92%);border-color:color-mix(in oklch,var(--brand) 30%,white 70%)}.client-row-info{display:flex;flex-direction:column;gap:3px;min-width:0}.client-row-name-line{display:flex;align-items:center;gap:8px}.client-row-name{font-size:13px;font-weight:700;color:var(--ms-text)}.client-badge{font-size:10px;font-weight:700;padding:3px 9px;border-radius:100px;background:var(--ms-border);color:#5a5044;white-space:nowrap}.client-badge-standard{background:color-mix(in oklch,var(--brand) 20%,white 80%);color:#7a5a3a}.client-badge-silver{background:#e4e7ea;color:#4a5158}.client-badge-gold{background:#f3d99a;color:#6b4b0e}.client-row-meta{font-size:12px;color:var(--ms-muted)}.client-row-actions{display:flex;align-items:center;gap:8px;flex:none}.client-detail-btn{border:1px solid var(--ms-border);background:var(--ms-surface);cursor:pointer;padding:8px 12px;border-radius:8px;font-family:DM Sans,sans-serif;font-size:12px;font-weight:600;color:var(--ms-text)}.client-detail-btn:hover{border-color:var(--brand);color:var(--brand)}.client-action-btn{border:none;cursor:pointer;padding:8px 12px;border-radius:8px;font-family:DM Sans,sans-serif;font-size:12px;font-weight:700;color:var(--ms-text);background:var(--ms-bg)}.client-action-btn.is-pending{color:#fff8f0;background:var(--brand)}.client-action-btn:hover:not(:disabled){filter:brightness(.97)}.client-action-btn:disabled{opacity:.6;cursor:default}.client-action-hint{padding:8px 12px;border-radius:8px;font-family:DM Sans,sans-serif;font-size:12px;font-weight:700;white-space:nowrap}.client-action-hint.is-pending{color:#fff8f0;background:var(--brand)}@media (max-width: 860px){.client-row{flex-direction:column;align-items:stretch}.client-row-actions{width:100%}.client-row-actions button{flex:1}}.dialog-card.terracotta-dialog{border-radius:14px;font-family:DM Sans,sans-serif}.dialog-card.terracotta-dialog h2{font-family:Bricolage Grotesque,sans-serif;font-size:17px;font-weight:800;color:var(--ms-text)}.dialog-card.terracotta-dialog p{font-size:13px;color:var(--ms-muted)}.dialog-card.terracotta-dialog .dialog-btn-cancel{border-radius:9px;border-color:var(--ms-border);color:var(--ms-text);background:var(--ms-surface);font-family:DM Sans,sans-serif}.dialog-card.terracotta-dialog .dialog-btn-confirm{border-radius:9px;background:var(--brand);border-color:var(--brand);color:#fff8f0;font-family:DM Sans,sans-serif}.dialog-card.terracotta-dialog .dialog-btn-confirm:hover:not(:disabled){filter:brightness(1.08);background:var(--brand)}.customer-details-qr{display:flex;justify-content:center;padding:16px;background:var(--ms-bg);border:1px solid var(--ms-border);border-radius:12px;margin-bottom:0}.customer-details-code-inline,.customer-details-link-inline{display:block;text-align:center;font-family:DM Mono,monospace;font-size:12px;color:var(--ms-muted)}.customer-details-link-inline{font-size:11px;text-decoration:none}.customer-details-link-inline:hover{color:var(--brand)}.customer-details-card .customer-details-list{border-top:1px solid var(--ms-border);padding-top:12px;margin-top:4px;margin-bottom:4px}.customer-details-card .customer-details-row{font-family:DM Sans,sans-serif;font-size:12px}.customer-details-card .customer-details-row>span:first-child{color:var(--ms-muted)}.customer-details-card .customer-details-row>span:last-child{color:var(--ms-text);font-weight:600}.customer-details-card .dialog-actions{justify-content:stretch}.customer-details-card .dialog-actions .dialog-btn-cancel{width:100%;background:var(--ms-bg);border:none;font-weight:700}.dialog-card.terracotta-dialog.is-danger .dialog-btn-confirm{background:#c8462f;border-color:#c8462f}.dialog-card.terracotta-dialog.is-danger .dialog-btn-confirm:hover:not(:disabled){filter:brightness(1.08);background:#c8462f}.smtp-test-modal,.smtp-test-modal h2,.smtp-test-modal p{text-align:center}.smtp-test-modal p{word-break:break-word}.smtp-test-modal .dialog-actions{justify-content:center}.smtp-test-icon{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.smtp-test-icon.is-loading{border:3px solid var(--ms-border);border-top-color:var(--brand);animation:scan-spin .8s linear infinite}.smtp-test-icon.is-success{background:color-mix(in oklch,var(--success) 18%,white 82%);color:var(--success);animation:scan-pop-in .35s cubic-bezier(.34,1.56,.64,1) both}.smtp-test-icon.is-error{background:color-mix(in oklch,#c8462f 18%,white 82%);color:#c8462f;animation:scan-pop-in .35s cubic-bezier(.34,1.56,.64,1) both}.smtp-test-icon.is-success svg,.smtp-test-icon.is-error svg{width:28px;height:28px}.team-page{font-family:DM Sans,sans-serif;display:flex;flex-direction:column;gap:14px;align-items:flex-start;width:100%}.team-page .field label,.team-page .field legend{font-size:12px;color:var(--ms-text)}.shift-day-fieldset{border:none;margin:0;padding:0}.shift-day-fieldset legend{padding:0}.team-page .field input,.team-page .field select{border-radius:8px;border-color:var(--ms-border);background:var(--ms-surface);font-size:13px;font-family:DM Sans,sans-serif}.team-page .field input:focus,.team-page .field select:focus{border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in oklch,var(--brand) 18%,white 82%)}.team-page .error-text{font-size:12px}.team-hint{color:var(--ms-muted);font-size:11px;margin:5px 0 0}.team-list{width:100%;display:flex;flex-direction:column;gap:8px}.team-row{background:var(--ms-surface);border:1px solid var(--ms-border);border-radius:12px;padding:14px;width:100%;box-sizing:border-box}.team-row-view{display:flex;align-items:center;justify-content:space-between;gap:12px}.team-row-info{display:flex;flex-direction:column;gap:3px;min-width:0}.team-row-name-line{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.team-row-name{font-size:13px;font-weight:700;color:var(--ms-text)}.team-row-you{color:var(--ms-muted);font-weight:400}.team-role-badge{font-size:10px;font-weight:700;padding:3px 9px;border-radius:100px}.team-role-badge.role-admin{background:color-mix(in oklch,var(--brand) 20%,white 80%);color:#7a4a1e}.team-role-badge.role-manager{background:#dde7f3;color:#2c4f7a}.team-role-badge.role-staff{background:#e6e0d4;color:#5a5044}.team-role-badge.role-custom{background:#e3d9f0;color:#5a3a8a}.custom-roles-section{width:100%;box-sizing:border-box;margin-top:24px;padding-top:20px;border-top:1px solid var(--ms-border)}.custom-roles-toggle{background:none;border:none;padding:0;font-family:DM Sans,sans-serif;font-size:13px;font-weight:700;color:var(--brand);cursor:pointer;margin-bottom:12px}.custom-role-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;border:1px solid var(--ms-border);border-radius:12px;margin-bottom:8px;background:var(--ms-surface)}.custom-role-row-name{font-weight:700;font-size:13px}.custom-role-row-perms{font-size:11px;color:var(--ms-muted)}.custom-role-row-actions{display:flex;gap:8px;flex-shrink:0}.custom-role-form{padding:14px;border:1px solid var(--ms-border);border-radius:12px;background:var(--ms-surface);margin-bottom:12px}.team-status{font-size:11px;color:#3a9a63}.team-status.inactive{color:#a3392c}.team-row-email,.team-row-extra{font-size:12px;color:var(--ms-muted)}.team-edit-btn{flex:none;border:1px solid var(--ms-border);background:var(--ms-surface);cursor:pointer;padding:8px 14px;border-radius:8px;font-family:DM Sans,sans-serif;font-size:12px;font-weight:600;color:var(--ms-text)}.team-edit-btn:hover{border-color:var(--brand);color:var(--brand)}.team-edit-form{display:flex;flex-direction:column;gap:12px}.team-edit-row{display:flex;gap:10px}.team-edit-row .field{flex:1;min-width:0}.team-field-narrow{max-width:320px}.role-pill-group{display:flex;gap:8px;flex-wrap:wrap}.role-pill{border:2px solid var(--ms-border);background:var(--ms-surface);cursor:pointer;padding:7px 14px;border-radius:100px;font-family:DM Sans,sans-serif;font-size:12px;font-weight:700;color:var(--ms-muted)}.role-pill.selected{border-color:var(--brand);background:color-mix(in oklch,var(--brand) 12%,white 88%);color:var(--brand)}.access-toggle{display:flex;align-items:center;gap:8px;cursor:pointer;margin-bottom:6px}.access-toggle-box{width:16px;height:16px;border-radius:4px;border:2px solid #c9c1b2;display:flex;align-items:center;justify-content:center;flex:none;color:#fff}.access-toggle-box svg{width:10px;height:10px}.access-toggle.checked .access-toggle-box{background:var(--brand);border-color:var(--brand)}.access-toggle-label{font-family:DM Sans,sans-serif;font-size:12px;color:var(--ms-text)}.automations-intro{font-family:DM Sans,sans-serif;font-size:13px;color:var(--ms-muted);margin:0 0 16px;max-width:640px}.automation-card{background:var(--ms-surface);border:1px solid var(--ms-border);border-radius:12px;padding:18px;margin-bottom:16px}.automation-card-header{display:flex;align-items:flex-start;gap:12px;cursor:pointer}.accordion-chevron{width:16px;height:16px;flex-shrink:0;margin-top:3px;color:var(--ms-muted);transition:transform .15s}.accordion-chevron.is-open{transform:rotate(180deg)}.automations-page .primary-btn{background:var(--brand)}.automations-page .primary-btn:hover:not(:disabled){background:var(--brand);filter:brightness(1.08)}.automation-card-header .access-toggle{margin-bottom:0;margin-top:2px}.access-toggle.is-disabled{opacity:.6;pointer-events:none}.automation-card-config{margin-top:16px;padding-top:16px;border-top:1px solid var(--ms-border);display:flex;flex-direction:column;gap:12px}.winback-stage{display:flex;flex-direction:column;gap:12px;padding:12px 0}.winback-stage+.winback-stage{border-top:1px dashed var(--ms-border)}.winback-stage-title{font-family:Bricolage Grotesque,sans-serif;font-size:13px;font-weight:700;color:var(--ms-text);margin:0}.automation-card-actions{display:flex;justify-content:flex-end}.automation-save-btn{width:auto;padding:9px 18px;font-size:13px}.automation-toggle-text{display:flex;flex-direction:column;gap:2px}.automation-toggle-label{font-family:Bricolage Grotesque,sans-serif;font-size:14px;font-weight:700;color:var(--ms-text)}.automation-toggle-desc{font-family:DM Sans,sans-serif;font-size:12px;color:var(--ms-muted);margin:0}.team-edit-actions{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:4px;flex-wrap:wrap}.team-edit-actions-left{display:flex;gap:8px;margin-top:4px}.team-save-btn{border:none;cursor:pointer;padding:9px 16px;border-radius:8px;font-family:DM Sans,sans-serif;font-size:12px;font-weight:700;color:#fff8f0;background:var(--brand)}.team-save-btn:hover:not(:disabled){filter:brightness(1.08)}.team-save-btn:disabled{opacity:.6;cursor:default}.team-cancel-btn{border:1px solid var(--ms-border);background:var(--ms-surface);cursor:pointer;padding:9px 16px;border-radius:8px;font-family:DM Sans,sans-serif;font-size:12px;font-weight:600;color:var(--ms-text)}.team-remove-btn{border:none;cursor:pointer;padding:9px 16px;border-radius:8px;font-family:DM Sans,sans-serif;font-size:12px;font-weight:700;color:#fff;background:#c8462f}.team-remove-btn:hover{filter:brightness(1.08)}.team-add-form{display:flex;flex-direction:column;gap:10px}.team-add-form form{display:flex;flex-direction:column;gap:12px}.team-add-title{font-size:13px;font-weight:700;color:var(--ms-text)}@media (max-width: 860px){.team-row-view{flex-direction:column;align-items:stretch;gap:10px}.team-edit-row{flex-direction:column}.team-edit-actions{flex-direction:column;align-items:stretch}.team-remove-btn{width:100%}}.dashboard-quick-actions{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}.dashboard-action-btn{border:none;cursor:pointer;padding:10px 18px;border-radius:9px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:700;color:#fff8f0;background:var(--brand);text-decoration:none;display:inline-flex;align-items:center;gap:6px}.dashboard-action-btn:hover{filter:brightness(1.08)}.dashboard-action-btn.secondary{background:var(--ms-surface);color:var(--ms-text);border:1px solid var(--ms-border)}.dashboard-action-btn.secondary:hover{border-color:var(--brand);color:var(--brand);filter:none}@media (max-width: 860px){.dashboard-quick-actions{flex-direction:column}.dashboard-action-btn{text-align:center;justify-content:center}}.settings-page{font-family:DM Sans,sans-serif;display:flex;flex-direction:column;gap:20px;width:100%}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,480px));gap:20px;align-items:stretch;width:100%}.settings-page .field label{font-size:12px;color:var(--ms-text)}.settings-page .field input{border-radius:8px;border-color:var(--ms-border);background:var(--ms-surface);font-size:13px;font-family:DM Sans,sans-serif}.settings-page .field input:focus{border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in oklch,var(--brand) 18%,white 82%)}.settings-page .auth-slug-input{flex:1;width:auto;min-width:0;height:100%;border:none;background:transparent;padding:0;font-family:DM Sans,sans-serif;font-size:14px;color:var(--ms-text)}.settings-page .auth-slug-input:focus{outline:none;border:none;box-shadow:none}.settings-page .auth-swatch-input{width:42px;height:42px;padding:0;border:none;border-radius:9px;cursor:pointer;background:none}.settings-page .auth-swatch-input::-webkit-color-swatch-wrapper{padding:0;border-radius:9px}.settings-page .auth-swatch-input::-webkit-color-swatch{border:1px solid var(--ms-border);border-radius:9px}.settings-page .error-text,.settings-page .success-text{font-size:12px;margin-top:10px}.settings-section{background:var(--ms-surface);border:1px solid var(--ms-border);border-radius:12px;padding:20px;width:100%;max-width:480px;box-sizing:border-box;display:flex;flex-direction:column}.settings-section form{display:flex;flex-direction:column;gap:16px;margin-top:14px;flex:1}.settings-section-title{font-family:Bricolage Grotesque,sans-serif;font-size:15px;font-weight:800;color:var(--ms-text)}.settings-field-narrow{width:100%}.settings-hint{color:var(--ms-muted);font-size:11px;margin:4px 0 0;line-height:1.4}.settings-accent-options{display:flex;flex-direction:column;gap:8px;margin-top:8px}.settings-radio-row{display:flex;align-items:center;gap:8px;font-family:DM Sans,sans-serif;font-size:13px;color:var(--ms-text);cursor:pointer}.settings-radio-row input[type=radio]{width:auto;accent-color:var(--brand)}.settings-swatch-inline{display:inline-block;width:14px;height:14px;border-radius:4px;vertical-align:middle;margin-left:4px;border:1px solid var(--ms-border)}.settings-swatch-row{margin-top:4px}.settings-section-wide{grid-column:1 / -1;max-width:none}.theme-picker{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px}.theme-option{display:flex;flex-direction:column;gap:8px;padding:10px;border:2px solid var(--ms-border);border-radius:12px;background:var(--ms-surface);cursor:pointer;text-align:left;font-family:DM Sans,sans-serif}.theme-option.selected{border-color:var(--brand)}.theme-option-preview{position:relative;height:56px;border-radius:8px;border:1px solid var(--ms-border);overflow:hidden;display:flex}.theme-option-nav{width:28%;height:100%;flex:none}.theme-option-card{margin:10px;flex:1;border-radius:5px;border:1px solid;box-shadow:0 2px 6px #00000014}.theme-option-label{font-size:12px;font-weight:700;color:var(--ms-text)}.theme-option-desc{font-size:11px;color:var(--ms-muted);line-height:1.4}@media (max-width: 860px){.settings-grid{grid-template-columns:1fr}.settings-section{max-width:100%}}.shift-day-picker{display:flex;flex-wrap:wrap;gap:6px}.shift-day-btn{font-family:DM Sans,sans-serif;font-size:12px;padding:6px 10px;border-radius:8px;border:1px solid var(--ms-border);background:var(--ms-surface);color:var(--ms-text);cursor:pointer}.shift-day-btn.selected{background:var(--brand);border-color:var(--brand);color:#fff}.shift-compare-table-wrap{width:100%;overflow-x:auto;margin-top:12px}.shift-compare-table{width:100%;border-collapse:collapse;font-family:DM Sans,sans-serif}.shift-compare-table th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.03em;color:var(--ms-muted);padding:6px 12px;border-bottom:1px solid var(--ms-border);white-space:nowrap}.shift-compare-table td{padding:10px 12px;border-bottom:1px solid var(--ms-border);vertical-align:top;font-size:13px;color:var(--ms-text)}.shift-compare-table tr:last-child td{border-bottom:none}.shift-compare-name{font-weight:700;white-space:nowrap}.shift-compare-meta{display:block;font-size:11px;color:var(--ms-muted);font-weight:400;margin-top:2px;white-space:nowrap}.shift-compare-total{font-weight:700}.shift-compare-table td.is-best .shift-compare-total{color:var(--brand)}.shift-compare-avg{display:block;font-size:11px;color:var(--ms-muted);margin-top:2px;white-space:nowrap}