:root{--bg:#f8fafc;--bg-app:#f8fafc;--surface:#fff;--bg-card:#fff;--surface-raised:#f1f5f9;--surface-border:#0000000f;--border-subtle:#e2e8f0;--border-divider:#0000000f;--shadow-card:0 2px 10px #0000000a;--shadow-sm:0 1px 3px #0000000d;--shadow-md:0 4px 16px #00000014;--overlay-glass:#ffffffe0;--primary:#007aff;--primary-light:#2563eb;--primary-tint:#007aff14;--primary-tint-hover:#007aff24;--text-main:#0f172a;--text-muted:#64748b;--text-faint:#94a3b8;--accent-gold:#f59e0b;--accent-green:#10b981;--accent-red:#ef4444;--sidebar-bg:#fff;--sidebar-border:#e2e8f0;--font-family:-apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", Roboto, Helvetica, Arial, sans-serif}.dark,[data-theme=dark]{--bg:#0b0f19;--bg-app:#0b0f19;--surface:#161e2e;--bg-card:#161e2e;--surface-raised:#1f2a3e;--surface-border:#ffffff14;--border-subtle:#1e293b;--border-divider:#ffffff14;--shadow-card:0 2px 10px #00000059;--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 4px 16px #0006;--overlay-glass:#161e2ee0;--primary:#007aff;--primary-light:#3b82f6;--primary-tint:#007aff29;--primary-tint-hover:#007aff3d;--text-main:#f8fafc;--text-muted:#94a3b8;--text-faint:#64748b;--sidebar-bg:#161e2e;--sidebar-border:#1e293b}*,:before,:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body,button,a,input,select,textarea,[role=button],.tap-bounce,.keypad-btn,.btn-primary,.card-surface,.ios-switch,.theme-segmented-pill-btn{touch-action:manipulation}body{font-family:var(--font-family);background-color:var(--bg-app);color:var(--text-main);-webkit-font-smoothing:antialiased;line-height:1.4;transition:background-color .25s,color .25s;overflow-x:hidden}.app-shell{background-color:var(--bg-app);flex-direction:column;width:100%;min-height:100vh;margin:0 auto;transition:background-color .25s;display:flex;position:relative}.main-content{flex-direction:column;width:100%;min-height:100vh;display:flex}@media (width>=768px){.app-shell{padding-left:256px}.main-content{max-width:1140px;margin:0 auto;padding:0 32px}}.desktop-sidebar{display:none}@media (width>=768px){.desktop-sidebar{background-color:var(--sidebar-bg);border-right:1px solid var(--sidebar-border);z-index:40;flex-direction:column;width:256px;padding:24px 20px;transition:background-color .25s,border-color .25s;display:flex;position:fixed;top:0;bottom:0;left:0}}.mobile-bottom-nav{display:flex}@media (width>=768px){.mobile-bottom-nav,.mobile-top-header{display:none!important}}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.tap-bounce{-webkit-user-select:none;user-select:none;will-change:transform;transition:transform .12s cubic-bezier(.34,1.56,.64,1),background-color .12s,border-color .12s,opacity .12s}.tap-bounce:active{transform:scale(.965)}@keyframes fadeInScale{0%{opacity:0;transform:scale(.97)translateY(4px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes skeletonShimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton-box{background:linear-gradient(90deg, var(--surface-raised) 25%, var(--border-subtle) 50%, var(--surface-raised) 75%);background-size:200% 100%;border-radius:8px;animation:1.5s linear infinite skeletonShimmer}.skeleton-card{background-color:var(--bg-card);border:1px solid var(--border-subtle);border-radius:16px;flex-direction:column;gap:12px;padding:16px;display:flex}.animate-fade-in{animation:.18s ease-out forwards fadeInScale}.animate-spin{animation:.8s linear infinite spin}@media (width>=640px){.brand-subtitle{display:inline-block!important}}.card-surface{background-color:var(--bg-card);border:1px solid var(--border-subtle);box-shadow:var(--shadow-card);border-radius:16px;transition:background-color .25s,border-color .25s,box-shadow .25s}.empty-state{text-align:center;background:var(--bg-card);border:1px solid var(--border-subtle);box-shadow:var(--shadow-card);border-radius:16px;flex-direction:column;justify-content:center;align-items:center;margin-top:40px;padding:36px 20px;transition:background-color .25s,border-color .25s;display:flex}.empty-icon-box{background:var(--primary-tint);width:56px;height:56px;color:var(--primary);border-radius:50%;justify-content:center;align-items:center;margin-bottom:16px;display:flex}.empty-title{color:var(--text-main);margin-bottom:8px;font-size:17px;font-weight:700}.empty-desc{color:var(--text-muted);max-width:320px;margin:0 auto 20px;font-size:13px;line-height:1.5}.btn-primary{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;padding:12px 24px;font-family:inherit;font-size:14px;font-weight:600;text-decoration:none;transition:all .15s cubic-bezier(.34,1.56,.64,1);display:inline-flex;box-shadow:0 4px 12px #007aff40}.btn-primary:active{opacity:.92;transform:scale(.97)}.theme-segmented-pill{background-color:var(--surface-raised);border:1px solid var(--border-subtle);-webkit-user-select:none;user-select:none;border-radius:24px;align-items:center;padding:3px;transition:background-color .25s,border-color .25s;display:inline-flex}.theme-segmented-pill-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:18px;align-items:center;gap:6px;padding:5px 12px;font-size:12px;font-weight:600;transition:all .2s;display:flex}.theme-segmented-pill-btn.active{background-color:var(--bg-card);color:var(--text-main);box-shadow:0 2px 6px #00000014}.dark .theme-segmented-pill-btn.active{background-color:var(--surface);color:var(--text-main);box-shadow:0 2px 8px #00000059}.ios-switch{background-color:var(--surface-raised);border:1px solid var(--border-subtle);cursor:pointer;border-radius:14px;flex-shrink:0;width:50px;height:28px;transition:background-color .25s cubic-bezier(.4,0,.2,1),border-color .25s;position:relative}.ios-switch.active{background-color:var(--primary);border-color:var(--primary)}.ios-switch-thumb{background-color:#fff;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;transition:transform .25s cubic-bezier(.4,0,.2,1),background-color .2s;display:flex;position:absolute;top:2px;left:2px;box-shadow:0 2px 5px #0003}.ios-switch.active .ios-switch-thumb{transform:translate(22px)}.w-8{width:32px}.h-8{height:32px}.w-16{width:64px}.h-16{height:64px}.w-4{width:16px}.h-4{height:16px}.mr-2{margin-right:8px}.ml-2{margin-left:8px}.text-neutral-400{color:var(--text-muted)}.object-cover{object-fit:cover}.border-2{border-style:solid;border-width:2px}.border-blue-500{border-color:#3b82f6}.shadow-sm{box-shadow:0 1px 2px #0000000d}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.flex-1{flex:1}.gap-1{gap:4px}.gap-1\.5{gap:6px}.p-1{padding:4px}.py-1{padding-top:4px;padding-bottom:4px}.px-2{padding-left:8px;padding-right:8px}.rounded-lg{border-radius:8px}.font-semibold{font-weight:600}.text-center{text-align:center}.w-full{width:100%}.transition-colors{transition-property:color,background-color,border-color;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-all{transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.shadow-xs{box-shadow:0 1px 2px #0000000d}.bg-slate-100{background-color:#f1f5f9}.dark .dark\:bg-slate-800,[data-theme=dark] .dark\:bg-slate-800{background-color:#1e293b}.bg-white{background-color:#fff}.dark .dark\:bg-slate-700,[data-theme=dark] .dark\:bg-slate-700{background-color:#334155}.text-blue-600{color:#2563eb}.dark .dark\:text-white,[data-theme=dark] .dark\:text-white{color:#fff}.text-slate-500{color:#64748b}.text-slate-400{color:#94a3b8}.dark .dark\:text-slate-500,[data-theme=dark] .dark\:text-slate-500{color:#64748b}.hover\:text-slate-800:hover{color:#1e293b}.dark .dark\:hover\:text-slate-300:hover,[data-theme=dark] .dark\:hover\:text-slate-300:hover{color:#cbd5e1}@keyframes pinShake{0%,to{transform:translate(0)}20%,60%{transform:translate(-8px)}40%,80%{transform:translate(8px)}}.animate-shake{animation:.45s cubic-bezier(.36,.07,.19,.97) both pinShake}.pin-dot{border:2px solid var(--border-subtle);background:0 0;border-radius:50%;width:16px;height:16px;transition:all .2s cubic-bezier(.34,1.56,.64,1)}.pin-dot.filled{background:var(--primary);border-color:var(--primary);transform:scale(1.15);box-shadow:0 0 12px #007aff73}.pin-dot.error{background:var(--accent-red)!important;border-color:var(--accent-red)!important;box-shadow:0 0 12px #ef444473!important}.pin-dot.success{background:var(--accent-green)!important;border-color:var(--accent-green)!important;box-shadow:0 0 12px #10b98173!important}.keypad-btn{background:var(--surface-raised);border:1px solid var(--border-subtle);width:72px;height:72px;color:var(--text-main);cursor:pointer;-webkit-user-select:none;user-select:none;box-shadow:var(--shadow-sm);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;font-size:24px;font-weight:600;transition:all .15s cubic-bezier(.34,1.56,.64,1);display:flex}.keypad-btn:hover{background:var(--primary-tint);border-color:var(--primary);color:var(--primary)}.keypad-btn:active{background:var(--primary);color:#fff;transform:scale(.92)}.keypad-btn.action-btn{box-shadow:none;color:var(--text-muted);background:0 0;border:none;font-size:14px;font-weight:500}.keypad-btn.action-btn:hover{background:var(--surface-raised);color:var(--text-main)}.keypad-btn.action-btn:active{background:var(--surface-raised);transform:scale(.92)}.partner-top-nav{display:none}@media (width>=768px){.partner-top-nav{align-items:center;gap:8px;display:flex}}.partner-bottom-nav{display:flex}@media (width>=768px){.partner-bottom-nav{display:none!important}}.sticky{position:sticky}.top-0{top:0}.z-10{z-index:10}.grid{display:grid}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.gap-2{gap:8px}.gap-3{gap:12px}.px-4{padding-left:16px;padding-right:16px}.px-3{padding-left:12px;padding-right:12px}.py-3{padding-top:12px;padding-bottom:12px}.py-2{padding-top:8px;padding-bottom:8px}.py-0\.5{padding-top:2px;padding-bottom:2px}.border-b{border-bottom-style:solid;border-bottom-width:1px}.border-gray-100{border-color:var(--border-subtle,#f3f4f6)}.text-xs{font-size:12px}.text-sm{font-size:14px}.text-lg{font-size:18px}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.font-medium{font-weight:500}.font-bold{font-weight:700}.bg-blue-600{background-color:#2563eb}.text-white{color:#fff}.bg-gray-100{background-color:var(--surface-raised,#f1f5f9)}.text-gray-600{color:var(--text-muted,#4b5563)}.hover\:bg-gray-200:hover{background-color:var(--border-subtle,#e2e8f0)}.bg-blue-50{background-color:#2563eb14}.hover\:bg-blue-100:hover{background-color:#2563eb29}.p-3{padding:12px}.border{border-style:solid;border-width:1px}.rounded-xl{border-radius:12px}.rounded-2xl{border-radius:16px}.rounded-md{border-radius:6px}.rounded-full{border-radius:9999px}.hover\:border-blue-200:hover{border-color:#2563eb59}.cursor-pointer{cursor:pointer}.mb-1\.5{margin-bottom:6px}.mt-1{margin-top:4px}.bg-amber-50{background-color:#f59e0b1a}.text-amber-600{color:#d97706}.bg-emerald-50{background-color:#10b9811a}.text-emerald-600{color:#059669}.text-gray-900{color:var(--text-main,#0f172a)}.text-gray-800{color:var(--text-main,#1f2937)}.text-gray-500{color:var(--text-muted,#64748b)}.leading-tight{line-height:1.25}.w-9{width:36px}.h-9{height:36px}.shrink-0{flex-shrink:0}.uppercase{text-transform:uppercase}.tracking-wider{letter-spacing:.05em}.bg-blue-50\/80{background-color:#eff6ffd9}.border-blue-100\/50{border-color:#dbeafe99}.text-blue-800{color:#1e40af}.text-blue-700{color:#1d4ed8}.bg-amber-50\/80{background-color:#fef3c7d9}.border-amber-100\/50{border-color:#feebc899}.text-amber-800{color:#92400e}.text-amber-700{color:#b45309}.bg-emerald-50\/80{background-color:#ecfdf5d9}.border-emerald-100\/50{border-color:#d1fae599}.text-emerald-800{color:#065f46}.text-emerald-700{color:#047857}.bg-slate-50\/60{background-color:#f8fafc99}.dark .bg-white,[data-theme=dark] .bg-white{background-color:var(--bg-card)}.dark .border-gray-100,[data-theme=dark] .border-gray-100{border-color:var(--border-subtle)}.dark .bg-gray-100,[data-theme=dark] .bg-gray-100{background-color:var(--surface-raised)}.dark .text-gray-900,.dark .text-gray-800,[data-theme=dark] .text-gray-900,[data-theme=dark] .text-gray-800{color:var(--text-main)}.dark .text-gray-600,[data-theme=dark] .text-gray-600{color:var(--text-muted)}.dark .text-gray-500,[data-theme=dark] .text-gray-500{color:var(--text-faint)}.dark .bg-blue-50\/80,[data-theme=dark] .bg-blue-50\/80{background-color:#2563eb26}.dark .border-blue-100\/50,[data-theme=dark] .border-blue-100\/50{border-color:#2563eb4d}.dark .text-blue-800,[data-theme=dark] .text-blue-800{color:#93c5fd}.dark .text-blue-700,[data-theme=dark] .text-blue-700{color:#60a5fa}.dark .bg-amber-50\/80,[data-theme=dark] .bg-amber-50\/80{background-color:#f59e0b26}.dark .border-amber-100\/50,[data-theme=dark] .border-amber-100\/50{border-color:#f59e0b4d}.dark .text-amber-800,[data-theme=dark] .text-amber-800{color:#fcd34d}.dark .text-amber-700,[data-theme=dark] .text-amber-700{color:#fbbf24}.dark .bg-emerald-50\/80,[data-theme=dark] .bg-emerald-50\/80{background-color:#10b98126}.dark .border-emerald-100\/50,[data-theme=dark] .border-emerald-100\/50{border-color:#10b9814d}.dark .text-emerald-800,[data-theme=dark] .text-emerald-800{color:#6ee7b7}.dark .text-emerald-700,[data-theme=dark] .text-emerald-700{color:#34d399}.dark .bg-slate-50\/60,[data-theme=dark] .bg-slate-50\/60{background-color:var(--surface-raised)}