:root[data-theme=modern-blue]{--primary-50: #eff6ff;--primary-100: #dbeafe;--primary-200: #bfdbfe;--primary-300: #93c5fd;--primary-400: #60a5fa;--primary-500: #3b82f6;--primary-600: #2563eb;--primary-700: #1d4ed8;--primary-800: #1e40af;--primary-900: #1e3a8a;--secondary-50: #f0f9ff;--secondary-100: #e0f2fe;--secondary-200: #bae6fd;--secondary-300: #7dd3fc;--secondary-400: #38bdf8;--secondary-500: #0ea5e9;--secondary-600: #0284c7;--secondary-700: #0369a1;--secondary-800: #075985;--secondary-900: #0c4a6e;--accent-50: #eef2ff;--accent-100: #e0e7ff;--accent-200: #c7d2fe;--accent-300: #a5b4fc;--accent-400: #818cf8;--accent-500: #6366f1;--accent-600: #4f46e5;--accent-700: #4338ca;--accent-800: #3730a3;--accent-900: #312e81}:root[data-theme=forest-green]{--primary-50: #f0fdf4;--primary-100: #dcfce7;--primary-200: #bbf7d0;--primary-300: #86efac;--primary-400: #4ade80;--primary-500: #22c55e;--primary-600: #16a34a;--primary-700: #15803d;--primary-800: #166534;--primary-900: #14532d;--secondary-50: #ecfdf5;--secondary-100: #d1fae5;--secondary-200: #a7f3d0;--secondary-300: #6ee7b7;--secondary-400: #34d399;--secondary-500: #10b981;--secondary-600: #059669;--secondary-700: #047857;--secondary-800: #065f46;--secondary-900: #064e3b;--accent-50: #f0fdfa;--accent-100: #ccfbf1;--accent-200: #99f6e4;--accent-300: #5eead4;--accent-400: #2dd4bf;--accent-500: #14b8a6;--accent-600: #0d9488;--accent-700: #0f766e;--accent-800: #115e59;--accent-900: #134e4a}:root[data-theme=purple-royal]{--primary-50: #faf5ff;--primary-100: #f3e8ff;--primary-200: #e9d5ff;--primary-300: #d8b4fe;--primary-400: #c084fc;--primary-500: #a855f7;--primary-600: #9333ea;--primary-700: #7c3aed;--primary-800: #6b21a8;--primary-900: #581c87;--secondary-50: #f5f3ff;--secondary-100: #ede9fe;--secondary-200: #ddd6fe;--secondary-300: #c4b5fd;--secondary-400: #a78bfa;--secondary-500: #8b5cf6;--secondary-600: #7c3aed;--secondary-700: #6d28d9;--secondary-800: #5b21b6;--secondary-900: #4c1d95;--accent-50: #fdf2f8;--accent-100: #fce7f3;--accent-200: #fbcfe8;--accent-300: #f9a8d4;--accent-400: #f472b6;--accent-500: #ec4899;--accent-600: #db2777;--accent-700: #be185d;--accent-800: #9d174d;--accent-900: #831843}:root[data-theme=sunset-orange]{--primary-50: #fff7ed;--primary-100: #ffedd5;--primary-200: #fed7aa;--primary-300: #fdba74;--primary-400: #fb923c;--primary-500: #f97316;--primary-600: #ea580c;--primary-700: #c2410c;--primary-800: #9a3412;--primary-900: #7c2d12;--secondary-50: #fffbeb;--secondary-100: #fef3c7;--secondary-200: #fde68a;--secondary-300: #fcd34d;--secondary-400: #fbbf24;--secondary-500: #f59e0b;--secondary-600: #d97706;--secondary-700: #b45309;--secondary-800: #92400e;--secondary-900: #78350f;--accent-50: #fef2f2;--accent-100: #fee2e2;--accent-200: #fecaca;--accent-300: #fca5a5;--accent-400: #f87171;--accent-500: #ef4444;--accent-600: #dc2626;--accent-700: #b91c1c;--accent-800: #991b1b;--accent-900: #7f1d1d}:root[data-theme=slate-gray]{--primary-50: #f8fafc;--primary-100: #f1f5f9;--primary-200: #e2e8f0;--primary-300: #cbd5e1;--primary-400: #94a3b8;--primary-500: #64748b;--primary-600: #475569;--primary-700: #334155;--primary-800: #1e293b;--primary-900: #0f172a;--secondary-50: #fafafa;--secondary-100: #f4f4f5;--secondary-200: #e4e4e7;--secondary-300: #d4d4d8;--secondary-400: #a1a1aa;--secondary-500: #71717a;--secondary-600: #52525b;--secondary-700: #3f3f46;--secondary-800: #27272a;--secondary-900: #18181b;--accent-50: #eff6ff;--accent-100: #dbeafe;--accent-200: #bfdbfe;--accent-300: #93c5fd;--accent-400: #60a5fa;--accent-500: #3b82f6;--accent-600: #2563eb;--accent-700: #1d4ed8;--accent-800: #1e40af;--accent-900: #1e3a8a}:root[data-theme=rose-gold]{--primary-50: #fff1f2;--primary-100: #ffe4e6;--primary-200: #fecdd3;--primary-300: #fda4af;--primary-400: #fb7185;--primary-500: #f43f5e;--primary-600: #e11d48;--primary-700: #be123c;--primary-800: #9f1239;--primary-900: #881337;--secondary-50: #fffbeb;--secondary-100: #fef3c7;--secondary-200: #fde68a;--secondary-300: #fcd34d;--secondary-400: #fbbf24;--secondary-500: #f59e0b;--secondary-600: #d97706;--secondary-700: #b45309;--secondary-800: #92400e;--secondary-900: #78350f;--accent-50: #fef7f0;--accent-100: #fdeee0;--accent-200: #fbdcc1;--accent-300: #f8c4a0;--accent-400: #f4a261;--accent-500: #e76f51;--accent-600: #d62828;--accent-700: #ae2012;--accent-800: #9a031e;--accent-900: #7d0a0a}:root[data-theme=ocean-teal]{--primary-50: #f0fdfa;--primary-100: #ccfbf1;--primary-200: #99f6e4;--primary-300: #5eead4;--primary-400: #2dd4bf;--primary-500: #14b8a6;--primary-600: #0d9488;--primary-700: #0f766e;--primary-800: #115e59;--primary-900: #134e4a;--secondary-50: #ecfeff;--secondary-100: #cffafe;--secondary-200: #a5f3fc;--secondary-300: #67e8f9;--secondary-400: #22d3ee;--secondary-500: #06b6d4;--secondary-600: #0891b2;--secondary-700: #0e7490;--secondary-800: #155e75;--secondary-900: #164e63;--accent-50: #ecfdf5;--accent-100: #d1fae5;--accent-200: #a7f3d0;--accent-300: #6ee7b7;--accent-400: #34d399;--accent-500: #10b981;--accent-600: #059669;--accent-700: #047857;--accent-800: #065f46;--accent-900: #064e3b}:root[data-theme=midnight-navy]{--primary-50: #f8fafc;--primary-100: #f1f5f9;--primary-200: #e2e8f0;--primary-300: #cbd5e1;--primary-400: #94a3b8;--primary-500: #64748b;--primary-600: #475569;--primary-700: #334155;--primary-800: #1e293b;--primary-900: #0f172a;--secondary-50: #eef2ff;--secondary-100: #e0e7ff;--secondary-200: #c7d2fe;--secondary-300: #a5b4fc;--secondary-400: #818cf8;--secondary-500: #6366f1;--secondary-600: #4f46e5;--secondary-700: #4338ca;--secondary-800: #3730a3;--secondary-900: #312e81;--accent-50: #faf5ff;--accent-100: #f3e8ff;--accent-200: #e9d5ff;--accent-300: #d8b4fe;--accent-400: #c084fc;--accent-500: #a855f7;--accent-600: #9333ea;--accent-700: #7c3aed;--accent-800: #6b21a8;--accent-900: #581c87}:root[data-theme=deep-cafe]{--primary-50: #faf9f7;--primary-100: #f4f1ec;--primary-200: #e8e0d4;--primary-300: #d9cbb8;--primary-400: #c4b096;--primary-500: #b8956b;--primary-600: #9d7c4a;--primary-700: #7d6238;--primary-800: #5c4829;--primary-900: #3d2f1c;--secondary-50: #fffdf9;--secondary-100: #fffaf0;--secondary-200: #fef3d7;--secondary-300: #fde8b8;--secondary-400: #fbd894;--secondary-500: #f8c96b;--secondary-600: #f4b942;--secondary-700: #e6a01a;--secondary-800: #c4850e;--secondary-900: #a06b0a;--accent-50: #f7f5f3;--accent-100: #ede8e2;--accent-200: #d9d0c4;--accent-300: #c2b5a3;--accent-400: #a8957c;--accent-500: #8b7355;--accent-600: #6b5b47;--accent-700: #4a3c2a;--accent-800: #2d2418;--accent-900: #1a1512}:root[data-theme=crimson-white]{--primary-50: #fef2f2;--primary-100: #fee2e2;--primary-200: #fecaca;--primary-300: #fca5a5;--primary-400: #f87171;--primary-500: #ef4444;--primary-600: #dc2626;--primary-700: #b91c1c;--primary-800: #991b1b;--primary-900: #7f1d1d;--secondary-50: #ffffff;--secondary-100: #fefefe;--secondary-200: #fdfdfd;--secondary-300: #fcfcfc;--secondary-400: #fafafa;--secondary-500: #f8f8f8;--secondary-600: #f5f5f5;--secondary-700: #f0f0f0;--secondary-800: #e5e5e5;--secondary-900: #d4d4d4;--accent-50: #f7f1f1;--accent-100: #ede2e2;--accent-200: #d9c4c4;--accent-300: #c2a0a0;--accent-400: #a67575;--accent-500: #8b4a4a;--accent-600: #6b3838;--accent-700: #4a2626;--accent-800: #2d1616;--accent-900: #1a0d0d}:root[data-theme=original-brown]{--primary-50: #faf8f6;--primary-100: #f5f1ed;--primary-200: #e8ddd4;--primary-300: #d4c4b5;--primary-400: #b8a088;--primary-500: #9c7c5c;--primary-600: #8b6f47;--primary-700: #6b5438;--primary-800: #4a3c2a;--primary-900: #2d2418;--secondary-50: #fefcf9;--secondary-100: #fdf8f2;--secondary-200: #f9f0e6;--secondary-300: #f4e5d3;--secondary-400: #ecd4b8;--secondary-500: #e2c19c;--secondary-600: #d4a574;--secondary-700: #c18a4f;--secondary-800: #a06d3f;--secondary-900: #7d5330;--accent-50: #f7f6f5;--accent-100: #edeae7;--accent-200: #d9d3cd;--accent-300: #c1b7ad;--accent-400: #a59587;--accent-500: #8b7766;--accent-600: #6b5b4f;--accent-700: #4a3f37;--accent-800: #2d2520;--accent-900: #1a1512}:root[data-theme=coffee-brown]{--primary-50: #fdfcfb;--primary-100: #f9f6f2;--primary-200: #f2ede4;--primary-300: #e8dfd1;--primary-400: #d4c4a8;--primary-500: #c4a574;--primary-600: #b8955a;--primary-700: #9d7c47;--primary-800: #7d6238;--primary-900: #5c4829;--secondary-50: #fffefc;--secondary-100: #fffdf8;--secondary-200: #fef9f0;--secondary-300: #fdf2e3;--secondary-400: #fbe8d1;--secondary-500: #f8dbb8;--secondary-600: #f4c896;--secondary-700: #e6b073;--secondary-800: #d4954f;--secondary-900: #c17a2b;--accent-50: #f8f6f4;--accent-100: #f0ebe6;--accent-200: #e1d6cc;--accent-300: #d0c0b0;--accent-400: #b8a088;--accent-500: #a08866;--accent-600: #8b6f47;--accent-700: #6b5438;--accent-800: #4a3c2a;--accent-900: #2d2418}.color-scheme-preview{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;padding:20px;max-width:1200px;margin:0 auto}.scheme-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 4px 12px #0000001a;border:2px solid transparent;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.scheme-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000026}.scheme-card.active{border-color:var(--primary-500);box-shadow:0 0 0 3px var(--primary-100)}.scheme-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary-500),var(--secondary-500),var(--accent-500))}.scheme-palette{display:flex;gap:8px;margin-bottom:16px}.scheme-color{width:24px;height:24px;border-radius:50%;border:2px solid white;box-shadow:0 2px 4px #0000001a}.scheme-name{font-size:18px;font-weight:600;margin-bottom:8px;color:var(--gray-800)}.scheme-description{font-size:14px;color:var(--gray-600);margin-bottom:16px;line-height:1.4}.scheme-features{list-style:none;padding:0;margin:0}.scheme-features li{font-size:12px;color:var(--gray-500);margin-bottom:4px;padding-left:16px;position:relative}.scheme-features li:before{content:"•";color:var(--primary-500);position:absolute;left:0}@media(max-width:768px){.color-scheme-preview{grid-template-columns:1fr;padding:16px}.scheme-card{padding:16px}}:root{--primary-50: #fdfcfb;--primary-100: #f9f6f2;--primary-200: #f2ede4;--primary-300: #e8dfd1;--primary-400: #d4c4a8;--primary-500: #c4a574;--primary-600: #b8955a;--primary-700: #9d7c47;--primary-800: #7d6238;--primary-900: #5c4829;--secondary-50: #fffefc;--secondary-100: #fffdf8;--secondary-200: #fef9f0;--secondary-300: #fdf2e3;--secondary-400: #fbe8d1;--secondary-500: #f8dbb8;--secondary-600: #f4c896;--secondary-700: #e6b073;--secondary-800: #d4954f;--secondary-900: #c17a2b;--accent-50: #f8f6f4;--accent-100: #f0ebe6;--accent-200: #e1d6cc;--accent-300: #d0c0b0;--accent-400: #b8a088;--accent-500: #a08866;--accent-600: #8b6f47;--accent-700: #6b5438;--accent-800: #4a3c2a;--accent-900: #2d2418;--success-50: #f0f9f4;--success-100: #dcf2e4;--success-200: #bce5cd;--success-300: #8dd3a8;--success-400: #5bb87d;--success-500: #3a9d5c;--success-600: #2d7d47;--success-700: #25633a;--success-800: #214f30;--success-900: #1e4129;--warning-50: #fffbeb;--warning-100: #fef3c7;--warning-200: #fde68a;--warning-300: #fcd34d;--warning-400: #fbbf24;--warning-500: #f59e0b;--warning-600: #d97706;--warning-700: #b45309;--warning-800: #92400e;--warning-900: #78350f;--error-50: #fef7f7;--error-100: #fdeaea;--error-200: #fad4d4;--error-300: #f6b0b0;--error-400: #f08080;--error-500: #e85a5a;--error-600: #d63d3d;--error-700: #b83232;--error-800: #9a2a2a;--error-900: #7d2222;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--color-primary: var(--primary-600);--color-primary-light: var(--primary-500);--color-primary-dark: var(--primary-700);--color-secondary: var(--secondary-500);--color-accent: var(--accent-600);--color-success: var(--success-600);--color-warning: var(--warning-500);--color-error: var(--error-600);--color-text: var(--gray-800);--color-text-light: var(--gray-600);--color-text-muted: var(--gray-500);--color-bg: var(--gray-50);--color-bg-card: #ffffff;--color-border: var(--gray-200);--color-border-light: var(--gray-100);--font-sans: "Inter", "Segoe UI", "Roboto", "Arial", sans-serif;--font-display: "Pacifico", cursive;--font-mono: "Fira Code", "Monaco", "Consolas", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--font-light: 300;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--font-extrabold: 800;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--leading-loose: 2;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--radius-none: 0;--radius-sm: .125rem;--radius-base: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-3xl: 1.5rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-base: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--shadow-inner: inset 0 2px 4px 0 rgba(0, 0, 0, .06);--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--transition-slower: .5s ease;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--z-toast: 1080}.card{background:var(--color-bg-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);border:1px solid var(--color-border-light);overflow:hidden;transition:var(--transition-base)}.card-header{padding:var(--space-6);border-bottom:1px solid var(--color-border-light);background:linear-gradient(135deg,var(--primary-50) 0%,var(--secondary-50) 100%)}.card-body{padding:var(--space-6)}.card-footer{padding:var(--space-4) var(--space-6);background:var(--gray-50);border-top:1px solid var(--color-border-light)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);font-weight:var(--font-semibold);font-size:var(--text-sm);line-height:var(--leading-tight);text-decoration:none;border:1px solid transparent;cursor:pointer;transition:var(--transition-base);white-space:nowrap;-webkit-user-select:none;user-select:none}.btn:disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.btn-primary{background:linear-gradient(135deg,var(--color-primary) 0%,var(--primary-700) 100%);color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,var(--primary-700) 0%,var(--primary-800) 100%);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-secondary{background:var(--color-bg-card);color:var(--color-primary);border-color:var(--primary-300)}.btn-secondary:hover:not(:disabled){background:var(--primary-50);border-color:var(--color-primary);transform:translateY(-1px)}.btn-success{background:linear-gradient(135deg,var(--color-success) 0%,var(--success-700) 100%);color:#fff;box-shadow:var(--shadow-sm)}.btn-success:hover:not(:disabled){background:linear-gradient(135deg,var(--success-700) 0%,var(--success-800) 100%);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-warning{background:linear-gradient(135deg,var(--color-warning) 0%,var(--warning-700) 100%);color:#fff;box-shadow:var(--shadow-sm)}.btn-warning:hover:not(:disabled){background:linear-gradient(135deg,var(--warning-700) 0%,var(--warning-800) 100%);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-error{background:linear-gradient(135deg,var(--color-error) 0%,var(--error-700) 100%);color:#fff;box-shadow:var(--shadow-sm)}.btn-error:hover:not(:disabled){background:linear-gradient(135deg,var(--error-700) 0%,var(--error-800) 100%);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-ghost{background:transparent;color:var(--color-text);border-color:var(--color-border)}.btn-ghost:hover:not(:disabled){background:var(--gray-50);border-color:var(--color-text-muted)}.btn-sm{padding:var(--space-2) var(--space-3);font-size:var(--text-xs)}.btn-lg{padding:var(--space-4) var(--space-6);font-size:var(--text-base)}.btn-xl{padding:var(--space-5) var(--space-8);font-size:var(--text-lg)}.form-label{display:block;font-weight:var(--font-medium);color:var(--color-text);margin-bottom:var(--space-2);font-size:var(--text-sm)}.form-input{width:100%;padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);font-size:var(--text-base);line-height:var(--leading-normal);background:var(--color-bg-card);color:var(--color-text);transition:var(--transition-base)}.form-input:disabled{background:var(--gray-50);color:var(--color-text-muted);cursor:not-allowed}.form-textarea{resize:vertical;min-height:100px}.form-select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right var(--space-3) center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:var(--space-10)}.badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.05em;line-height:1}.badge-primary{background:var(--primary-100);color:var(--color-primary)}.badge-secondary{background:var(--secondary-100);color:var(--color-secondary)}.badge-success{background:var(--success-100);color:var(--color-success)}.badge-warning{background:var(--warning-100);color:var(--color-warning)}.badge-error{background:var(--error-100);color:var(--color-error)}.alert{padding:var(--space-4);border-radius:var(--radius-lg);border:1px solid;margin-bottom:var(--space-4)}.alert-success{background:var(--success-50);color:var(--color-success);border-color:var(--success-200)}.alert-warning{background:var(--warning-50);color:var(--color-warning);border-color:var(--warning-200)}.alert-error{background:var(--error-50);color:var(--color-error);border-color:var(--error-200)}.alert-info{background:var(--primary-50);color:var(--color-primary);border-color:var(--primary-200)}.loading-spinner{width:1rem;height:1rem;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}.loading-overlay{position:absolute;inset:0;background:#fffc;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal)}.bg-primary{background-color:var(--color-primary)}.bg-secondary{background-color:var(--color-secondary)}.bg-success{background-color:var(--color-success)}.bg-warning{background-color:var(--color-warning)}.bg-error{background-color:var(--color-error)}.rounded{border-radius:var(--radius-base)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-full{border-radius:var(--radius-full)}.shadow{box-shadow:var(--shadow-base)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}@media(max-width:768px){.btn{padding:var(--space-2) var(--space-3);font-size:var(--text-xs)}.card-body{padding:var(--space-4)}.text-3xl{font-size:var(--text-2xl)}.text-2xl{font-size:var(--text-xl)}}@media(max-width:480px){.btn{width:100%;justify-content:center}.card{margin:var(--space-2)}}:root{--header-height-mobile: 72px;--header-height-tablet: 80px;--header-height-desktop: 88px;--footer-height-mobile: 70px;--footer-height-tablet: 80px;--footer-height-desktop: 88px;--platform: "browser";--safe-area-inset-top: env(safe-area-inset-top, 0px);--safe-area-inset-bottom: env(safe-area-inset-bottom, 0px);--safe-area-inset-left: env(safe-area-inset-left, 0px);--safe-area-inset-right: env(safe-area-inset-right, 0px);--vh: 1vh}@supports (height: 100dvh){:root{--vh: 1dvh}}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{margin:0;padding:0;width:100%;height:100%;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{margin:0;padding:0;width:100%;min-height:100vh}button,a,[role=button],input[type=button],input[type=submit],input[type=reset],label[for]{-webkit-tap-highlight-color:rgba(121,85,72,.3);tap-highlight-color:rgba(121,85,72,.3)}div[onClick],span[onClick],[onclick]{-webkit-tap-highlight-color:rgba(121,85,72,.2);tap-highlight-color:rgba(121,85,72,.2)}button{background:none;border:none;padding:0;font:inherit;cursor:pointer;outline:none}ul,ol{list-style:none}a{text-decoration:none;color:inherit}img{max-width:100%;height:auto;display:block}input,textarea,select{font:inherit;color:inherit}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}body{font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--font-normal);line-height:var(--leading-normal);color:var(--color-text);background-color:var(--color-bg)}h1,h2,h3,h4,h5,h6{font-weight:var(--font-semibold);line-height:var(--leading-tight);color:var(--color-text);margin:0}h1{font-size:var(--text-3xl);font-weight:var(--font-bold)}h2{font-size:var(--text-2xl);font-weight:var(--font-semibold)}h3{font-size:var(--text-xl);font-weight:var(--font-semibold)}h4{font-size:var(--text-lg);font-weight:var(--font-medium)}h5{font-size:var(--text-base);font-weight:var(--font-medium)}h6{font-size:var(--text-sm);font-weight:var(--font-medium)}p{margin:0;line-height:var(--leading-normal)}a{color:var(--color-primary);transition:color var(--transition-fast)}a:hover{color:var(--color-primary-dark)}body:has(.app-root){overflow:hidden;height:100%}body:has(.app-root) #root{overflow:hidden;height:100%}.app-root{min-height:100vh;min-width:100vw;max-width:100vw;display:grid;grid-template-rows:auto 1fr auto;width:100%;margin:0;padding:0;position:relative;overflow-x:hidden;overflow-y:hidden;box-sizing:border-box;height:100dvh;max-height:100dvh;will-change:auto;backface-visibility:hidden;-webkit-backface-visibility:hidden}.app-root:not(:has(.header-base)){grid-template-rows:1fr}.app-root:has(.header-app){grid-template-rows:1fr!important}.app-root:has(.header-app) .header-app{grid-row:auto!important}.app-root:has(.header-app) .app-card,.app-root:has(.header-app) .app-card-base{grid-row:1!important}.app-root:has(.header-app) .footer-nav{grid-row:auto!important}.app-root:not(:has(.header-app)):has(.footer-nav){grid-template-rows:1fr!important}.app-root:not(:has(.header-app)):has(.footer-nav) .app-card,.app-root:not(:has(.header-app)):has(.footer-nav) .app-card-base{grid-row:1!important}.app-root:not(:has(.header-app)):has(.footer-nav) .footer-nav{grid-row:auto!important}@supports not (height: 100dvh){.app-root{height:100vh;max-height:100vh}}.app-card-base{grid-row:2;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;width:100%;min-width:320px;margin:0;min-height:0;overflow:hidden;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-3xl);box-shadow:var(--shadow-2xl);padding:0;position:relative;transition:opacity var(--transition-base),transform var(--transition-base);box-sizing:border-box;z-index:1;pointer-events:auto}.app-root:not(:has(.header-base)) .app-card-base{grid-row:1;min-height:600px}@media(max-width:600px){.app-card-base{min-width:0;max-width:100vw;border-radius:0;box-shadow:none}}.header-base{grid-row:1;width:100%;z-index:10;background:var(--color-bg-card);box-shadow:0 2px 12px #00000026;border-radius:0;transition:background var(--transition-base),box-shadow var(--transition-base);display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:var(--space-4);padding:calc(12px + var(--safe-area-inset-top)) 20px 12px 20px;min-height:calc(var(--header-height-mobile) + var(--safe-area-inset-top));height:calc(var(--header-height-mobile) + var(--safe-area-inset-top));box-sizing:border-box;overflow:visible;flex-shrink:0;color:var(--color-text)}.header-base-content{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:0}.header-base-logo-wrapper{display:flex;align-items:center;min-width:0;flex:1;position:relative}.header-base-logo-placeholder{position:absolute;width:48px;height:48px;border-radius:var(--radius-lg);background:#fff3;box-shadow:0 2px 8px #00000026;border:1px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;animation:pulse 1.5s ease-in-out infinite}.header-base-logo-placeholder span{font-size:24px;opacity:.6}@keyframes pulse{0%,to{opacity:.6}50%{opacity:.3}}.header-base-logo{width:48px;height:48px;object-fit:contain;border-radius:var(--radius-lg);background:#ffffff1a;padding:0;margin:0;box-shadow:0 2px 8px #00000026;border:1px solid rgba(255,255,255,.2);flex-shrink:0;opacity:0;transition:opacity .3s ease-in}.header-base-logo[src]{opacity:1}.header-base-store-selector{position:relative;min-width:0;flex-shrink:0}.header-base *{pointer-events:auto}@media(min-width:768px){.header-base{min-height:calc(var(--header-height-tablet) + var(--safe-area-inset-top));height:calc(var(--header-height-tablet) + var(--safe-area-inset-top))}}@media(min-width:1024px){.header-base{min-height:calc(var(--header-height-desktop) + var(--safe-area-inset-top));height:calc(var(--header-height-desktop) + var(--safe-area-inset-top))}}@media(max-width:480px){.header-base{padding:calc(12px + var(--safe-area-inset-top)) 16px 12px 16px}}.footer-base{grid-row:3;width:100%;margin:0;display:flex;flex-direction:row;align-items:stretch;justify-content:space-around;gap:4px;background:var(--color-bg-card);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-top:1px solid var(--color-border);padding:12px 8px var(--safe-area-inset-bottom) 8px;box-shadow:0 -4px 32px #0000001f;border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;min-height:calc(var(--footer-height-mobile) + var(--safe-area-inset-bottom));height:calc(var(--footer-height-mobile) + var(--safe-area-inset-bottom));box-sizing:border-box;flex-shrink:0;touch-action:manipulation!important;-webkit-tap-highlight-color:rgba(121,85,72,.2);pointer-events:auto!important;z-index:10}@supports (-webkit-touch-callout: none){.footer-base{background:#fffffffa!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;transform:none!important;-webkit-transform:none!important;will-change:auto!important}}.footer-base button{background:none;border:none;outline:none;display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1 1 0;max-width:80px;min-width:56px;color:var(--color-text-muted);font-weight:var(--font-medium);cursor:pointer;padding:8px 4px;margin:0;min-height:44px;border-radius:var(--radius-xl);transition:opacity .1s ease;position:relative;overflow:visible;touch-action:manipulation!important;-webkit-tap-highlight-color:rgba(121,85,72,.3);-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;pointer-events:auto!important}.footer-base button:active{opacity:.7}.footer-base button.active{color:var(--color-primary);font-weight:var(--font-semibold)}.footer-base .footer-icon{position:relative;display:flex;align-items:center;justify-content:center;width:32px;height:32px;transition:all var(--transition-fast);pointer-events:none;z-index:1;flex-shrink:0}.footer-base button:before,.footer-base button:after{pointer-events:none!important}@media(min-width:768px){.footer-base{min-height:calc(var(--footer-height-tablet) + var(--safe-area-inset-bottom));height:calc(var(--footer-height-tablet) + var(--safe-area-inset-bottom));padding-top:16px}}@media(min-width:1024px){.footer-base{min-height:calc(var(--footer-height-desktop) + var(--safe-area-inset-bottom));height:calc(var(--footer-height-desktop) + var(--safe-area-inset-bottom));padding-top:18px}}.scroll-content{position:relative;z-index:1;flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;padding-top:var(--space-5);scrollbar-width:none;-ms-overflow-style:none;pointer-events:auto}.scroll-content::-webkit-scrollbar{display:none}.scroll-content.login-view{padding-top:var(--space-6);padding-bottom:var(--space-6)!important}@media(min-width:768px){.scroll-content.login-view{padding-bottom:var(--space-6)!important}}@media(min-width:1024px){.scroll-content.login-view{padding-bottom:var(--space-6)!important}}.page-container-base{width:100%;padding:var(--space-6);box-sizing:border-box;display:flex;flex-direction:column}.page-header-base{display:flex;align-items:center;gap:var(--space-4);padding-bottom:var(--space-4);margin-bottom:var(--space-4);border-bottom:1px solid var(--color-border-light);flex-shrink:0}.page-header-base-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--space-1)}.page-header-base-title{font-size:var(--text-2xl);font-weight:var(--font-semibold);color:var(--color-primary);margin:0;line-height:var(--leading-tight)}.page-header-base-subtitle{font-size:var(--text-sm);color:var(--color-text-muted);margin:0;line-height:var(--leading-normal)}.page-header-base-back{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-lg);background:var(--gray-50);border:1px solid var(--color-border);color:var(--color-text);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0;outline:none}.page-header-base-back:hover{background:var(--primary-50);border-color:var(--primary-300);color:var(--color-primary)}.page-header-base-back:active{transform:scale(.95)}.page-header-base-actions{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.page-content-base{width:100%;padding:0;box-sizing:border-box;flex:1 1 auto;min-height:0}.page-section-base{margin-bottom:var(--space-6)}.page-section-base:last-child{margin-bottom:0}.page-section-base-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-primary);margin-bottom:var(--space-3);margin-top:0}.page-item-title-base{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--primary-700);margin:0;line-height:var(--leading-normal)}.loading-container-base{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-8);min-height:200px}.loading-spinner-base{width:40px;height:40px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .6s linear infinite}.empty-state-base{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-8);text-align:center;color:var(--color-text-muted)}.empty-state-base-icon{font-size:var(--text-5xl);margin-bottom:var(--space-4);opacity:.5}.empty-state-base-title{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--color-text);margin-bottom:var(--space-2)}.empty-state-base-message{font-size:var(--text-base);color:var(--color-text-muted);max-width:400px}.scroll-content{padding-bottom:calc(var(--footer-height-mobile) + min(var(--safe-area-inset-bottom),12px))}@media(min-width:768px){.scroll-content{padding-bottom:calc(var(--footer-height-tablet) + min(var(--safe-area-inset-bottom),12px))}}@media(min-width:1024px){.scroll-content{padding-bottom:calc(var(--footer-height-desktop) + min(var(--safe-area-inset-bottom),12px))}}.header-app{padding-top:calc(12px + min(var(--safe-area-inset-top),47px));min-height:calc(var(--header-height-mobile) + min(var(--safe-area-inset-top),47px));height:calc(var(--header-height-mobile) + min(var(--safe-area-inset-top),47px))}.footer-nav{padding-bottom:min(var(--safe-area-inset-bottom),12px);height:calc(var(--footer-height-mobile) + min(var(--safe-area-inset-bottom),12px))}.minimal-footer,.admin-footer,.admin-footer-nav{padding-bottom:0;height:var(--footer-height-mobile)}@media(min-width:768px){.header-app{min-height:calc(var(--header-height-tablet) + min(var(--safe-area-inset-top),47px));height:calc(var(--header-height-tablet) + min(var(--safe-area-inset-top),47px))}.footer-nav{height:calc(var(--footer-height-tablet) + min(var(--safe-area-inset-bottom),12px))}.minimal-footer,.admin-footer,.admin-footer-nav{height:var(--footer-height-tablet)}}@media(min-width:1024px){.header-app{min-height:calc(var(--header-height-desktop) + min(var(--safe-area-inset-top),47px));height:calc(var(--header-height-desktop) + min(var(--safe-area-inset-top),47px))}.footer-nav{height:calc(var(--footer-height-desktop) + min(var(--safe-area-inset-bottom),12px))}.minimal-footer,.admin-footer,.admin-footer-nav{height:var(--footer-height-desktop)}}.app-card{padding-top:calc(var(--header-height-mobile) + min(var(--safe-area-inset-top),47px));padding-bottom:calc(var(--footer-height-mobile) + min(var(--safe-area-inset-bottom),12px))}.app-root.header-hidden .app-card{padding-top:min(var(--safe-area-inset-top),47px)}.app-root.header-hidden .scroll-content{padding-top:0}@media(min-width:768px){.app-card{padding-top:calc(var(--header-height-tablet) + min(var(--safe-area-inset-top),47px));padding-bottom:calc(var(--footer-height-tablet) + min(var(--safe-area-inset-bottom),12px))}.app-root.header-hidden .app-card,.app-root.header-hidden .scroll-content{padding-top:0}}@media(min-width:1024px){.app-card{padding-top:calc(var(--header-height-desktop) + min(var(--safe-area-inset-top),47px));padding-bottom:calc(var(--footer-height-desktop) + min(var(--safe-area-inset-bottom),12px))}.app-root.header-hidden .app-card,.app-root.header-hidden .scroll-content{padding-top:0}}.app-card:has(.login-view){padding-top:0!important;padding-bottom:0!important}.scroll-content.login-view{padding-bottom:var(--space-6)!important}@media(min-width:768px){.app-card:has(.login-view){padding-top:0!important;padding-bottom:0!important}.scroll-content.login-view{padding-bottom:var(--space-6)!important}}@media(min-width:1024px){.app-card:has(.login-view){padding-top:0!important;padding-bottom:0!important}.scroll-content.login-view{padding-bottom:var(--space-6)!important}}@media(display-mode:standalone){html,body,#root,.app-root{background:var(--primary-100)}.app-root{height:100dvh;min-height:100dvh;max-height:100dvh}@supports not (height: 100dvh){.app-root{height:100vh;min-height:100vh;max-height:100vh}}.scroll-content{padding-bottom:var(--footer-height-mobile)}.footer-nav,.minimal-footer,.admin-footer,.admin-footer-nav{padding-bottom:calc(12px + env(safe-area-inset-bottom,0px));height:calc(var(--footer-height-mobile) + env(safe-area-inset-bottom,0px))}@media(min-width:768px){.scroll-content{padding-bottom:var(--footer-height-tablet)}.footer-nav{height:calc(var(--footer-height-tablet) + env(safe-area-inset-bottom,0px))}.minimal-footer,.admin-footer,.admin-footer-nav{padding-bottom:calc(16px + env(safe-area-inset-bottom,0px));height:calc(var(--footer-height-tablet) + env(safe-area-inset-bottom,0px))}}@media(min-width:1024px){.scroll-content{padding-bottom:var(--footer-height-desktop)}.footer-nav{height:calc(var(--footer-height-desktop) + env(safe-area-inset-bottom,0px))}.minimal-footer,.admin-footer,.admin-footer-nav{padding-bottom:calc(16px + env(safe-area-inset-bottom,0px));height:calc(var(--footer-height-desktop) + env(safe-area-inset-bottom,0px))}}.app-card{padding-top:calc(var(--header-height-mobile) + min(env(safe-area-inset-top,0px),47px));padding-bottom:calc(var(--footer-height-mobile) + env(safe-area-inset-bottom,0px))}@media(min-width:768px){.app-card{padding-top:calc(var(--header-height-tablet) + min(env(safe-area-inset-top,0px),47px));padding-bottom:calc(var(--footer-height-tablet) + env(safe-area-inset-bottom,0px))}}@media(min-width:1024px){.app-card{padding-top:calc(var(--header-height-desktop) + min(env(safe-area-inset-top,0px),47px));padding-bottom:calc(var(--footer-height-desktop) + env(safe-area-inset-bottom,0px))}}.app-card:has(.login-view){padding-top:0!important;padding-bottom:0!important}.scroll-content.login-view{padding-bottom:var(--space-6)!important}}@supports ((-webkit-touch-callout: none) and (hover: none)){.app-root{height:-webkit-fill-available;min-height:-webkit-fill-available;display:grid!important;background:var(--primary-100)!important}.app-root:has(.header-app){grid-template-rows:1fr!important}.app-root:has(.header-app) .header-app{grid-row:auto!important}.app-root:has(.header-app) .app-card{grid-row:1!important}.app-root:has(.header-app) .footer-nav{grid-row:auto!important}.app-root:not(:has(.header-app)){grid-template-rows:1fr!important}.app-root:not(:has(.header-app)) .app-card{grid-row:1!important}.app-root:not(:has(.header-app)) .footer-nav{grid-row:auto!important}body{background:var(--primary-100)!important}.header-app{position:fixed!important;top:0!important;left:0!important;right:0!important;z-index:100!important;padding-top:59px!important;min-height:calc(var(--header-height-mobile) + 47px)!important;height:calc(var(--header-height-mobile) + 47px)!important;max-height:calc(var(--header-height-mobile) + 47px)!important;background:var(--primary-100)!important;border-bottom:1px solid var(--primary-200)!important;box-shadow:0 1px 3px #0000000f!important;flex-wrap:nowrap!important;overflow:visible!important}@media(min-width:768px){.header-app{min-height:calc(var(--header-height-tablet) + 47px)!important;height:calc(var(--header-height-tablet) + 47px)!important;max-height:calc(var(--header-height-tablet) + 47px)!important}}@media(min-width:1024px){.header-app{min-height:calc(var(--header-height-desktop) + 47px)!important;height:calc(var(--header-height-desktop) + 47px)!important;max-height:calc(var(--header-height-desktop) + 47px)!important}}.footer-nav{position:fixed!important;bottom:0!important;left:0!important;right:0!important;z-index:100!important;padding:12px 8px calc(12px + env(safe-area-inset-bottom,0px)) 8px!important;min-height:unset!important;background:var(--primary-100)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;overflow:visible!important;align-items:center!important}.footer-nav button{min-height:44px!important;padding:8px 4px!important;margin:0!important;pointer-events:auto!important;touch-action:manipulation!important;align-items:center!important;justify-content:center!important;position:relative!important;box-sizing:border-box!important}.footer-nav .footer-icon{width:36px!important;height:36px!important;font-size:26px!important;flex-shrink:0!important}.footer-nav .footer-icon svg{width:26px!important;height:26px!important}@media(min-width:768px){.footer-nav{padding:16px 8px calc(16px + env(safe-area-inset-bottom,0px)) 8px!important}.footer-nav button{padding:8px 4px!important}.footer-nav .footer-icon{width:38px!important;height:38px!important;font-size:28px!important}.footer-nav .footer-icon svg{width:28px!important;height:28px!important}}@media(min-width:1024px){.footer-nav{padding:18px 8px calc(18px + env(safe-area-inset-bottom,0px)) 8px!important}.footer-nav button{padding:8px 4px!important}.footer-nav .footer-icon{width:40px!important;height:40px!important;font-size:30px!important}.footer-nav .footer-icon svg{width:30px!important;height:30px!important}}.admin-footer,.admin-footer-nav,.minimal-footer{position:fixed!important;bottom:0!important;left:0!important;right:0!important;z-index:100!important;padding:12px 8px calc(12px + env(safe-area-inset-bottom,0px)) 8px!important;min-height:unset!important;background:var(--primary-100)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;overflow:visible!important;align-items:center!important}.admin-footer button,.admin-footer-nav button,.minimal-footer button{min-height:44px!important;padding:8px 4px!important;margin:0!important;pointer-events:auto!important;touch-action:manipulation!important;align-items:center!important;justify-content:center!important;position:relative!important;box-sizing:border-box!important}@media(min-width:768px){.admin-footer,.admin-footer-nav,.minimal-footer{padding:16px 8px calc(16px + env(safe-area-inset-bottom,0px)) 8px!important;min-height:unset!important}.admin-footer button,.admin-footer-nav button,.minimal-footer button{padding:8px 4px!important}}@media(min-width:1024px){.admin-footer,.admin-footer-nav,.minimal-footer{padding:18px 8px calc(18px + env(safe-area-inset-bottom,0px)) 8px!important;min-height:unset!important}.admin-footer button,.admin-footer-nav button,.minimal-footer button{padding:8px 4px!important}}.app-card{padding-top:calc(var(--header-height-mobile) + 47px)!important;padding-bottom:calc(var(--footer-height-mobile) + env(safe-area-inset-bottom,0px) + 12px)!important}.app-root.header-hidden .app-card{padding-top:min(env(safe-area-inset-top,0px),47px)!important}.app-root.header-hidden .scroll-content{padding-top:0!important}@media(min-width:768px){.app-card{padding-top:calc(var(--header-height-tablet) + 47px)!important;padding-bottom:calc(var(--footer-height-tablet) + env(safe-area-inset-bottom,0px) + 12px)!important}}@media(min-width:1024px){.app-card{padding-top:calc(var(--header-height-desktop) + 47px)!important;padding-bottom:calc(var(--footer-height-desktop) + env(safe-area-inset-bottom,0px) + 12px)!important}}.scroll-content{padding-top:var(--space-6)!important;padding-bottom:calc(var(--footer-height-mobile) + env(safe-area-inset-bottom,0px) + 12px + var(--space-4))}.app-card:has(.login-view){padding-top:0!important;padding-bottom:0!important}.scroll-content.login-view{padding-bottom:var(--space-6)!important}@media(min-width:768px){.scroll-content{padding-top:var(--space-6)!important;padding-bottom:calc(var(--footer-height-tablet) + env(safe-area-inset-bottom,0px) + 12px + var(--space-4))}.app-card:has(.login-view){padding-top:0!important;padding-bottom:0!important}.scroll-content.login-view{padding-bottom:var(--space-6)!important}}@media(min-width:1024px){.scroll-content{padding-top:var(--space-6)!important;padding-bottom:calc(var(--footer-height-desktop) + env(safe-area-inset-bottom,0px) + 12px + var(--space-4))}.app-card:has(.login-view){padding-top:0!important;padding-bottom:0!important}.scroll-content.login-view{padding-bottom:var(--space-6)!important}}.app-root:has(.header-app) .app-card,.app-root:has(.header-app) .scroll-content{z-index:0!important}.app-card,.app-card-base{background:#fffffffa!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}}.btn{display:inline-flex;align-items:center;justify-content:center;font-weight:var(--font-medium);border-radius:var(--radius-lg);transition:all var(--transition-fast);cursor:pointer;border:none;outline:none;text-decoration:none;-webkit-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:rgba(121,85,72,.2)}.btn-primary{background:linear-gradient(90deg,var(--primary-600) 0%,var(--primary-700) 100%);color:#fff;box-shadow:var(--shadow-md)}.btn-primary:hover{background:linear-gradient(90deg,var(--primary-700) 0%,var(--primary-800) 100%);box-shadow:var(--shadow-lg);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.btn-secondary{background:var(--color-bg-card);color:var(--color-primary);border:1.5px solid var(--primary-300);box-shadow:var(--shadow-sm)}.btn-secondary:hover{background:var(--primary-50);border-color:var(--primary-400)}.btn-ghost{background:transparent;color:var(--color-text);border:1px solid var(--color-border)}.btn-ghost:hover{background:var(--gray-50)}.btn-sm{padding:var(--space-2) var(--space-4);font-size:var(--text-sm);min-height:32px}.btn-base{padding:var(--space-3) var(--space-6);font-size:var(--text-base);min-height:44px}.btn-lg{padding:var(--space-4) var(--space-8);font-size:var(--text-lg);min-height:52px}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn-loading{position:relative;color:transparent}.btn-loading:after{content:"";position:absolute;width:16px;height:16px;top:50%;left:50%;margin-left:-8px;margin-top:-8px;border:2px solid currentColor;border-radius:50%;border-top-color:transparent;animation:spin .6s linear infinite}.card{background:var(--color-bg-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);border:1px solid var(--color-border-light);padding:var(--space-6);transition:all var(--transition-base)}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.card-elevated{box-shadow:var(--shadow-xl)}.card-outlined{box-shadow:none;border:2px solid var(--color-border)}.card-flat{box-shadow:none;border:none;background:var(--gray-50)}.card-inner{background:transparent;box-shadow:none;border:none;padding:0}.card-header{padding-bottom:var(--space-4);margin-bottom:var(--space-4);border-bottom:1px solid var(--color-border-light)}.card-title{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--color-text);margin:0}.card-subtitle{font-size:var(--text-sm);color:var(--color-text-muted);margin-top:var(--space-1)}.card-body{padding:0}.card-footer{padding-top:var(--space-4);margin-top:var(--space-4);border-top:1px solid var(--color-border-light)}.main-inner-card{background:#fffc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3);border-radius:var(--radius-2xl);padding:var(--space-8) var(--space-6) var(--space-6) var(--space-6);box-shadow:var(--shadow-xl);position:relative;display:flex;flex-direction:column;box-sizing:border-box;overflow:visible;transition:all var(--transition-base);z-index:1;margin-top:var(--space-5)}@supports (-webkit-touch-callout: none){.main-inner-card{background:#fffffffa!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}}@media(max-width:640px){.main-inner-card{max-width:100vw;border-radius:var(--radius-lg);min-height:80px;margin:var(--space-2) 0;padding:var(--space-2);box-shadow:none}}.form-group{margin-bottom:var(--space-4)}.form-label{display:block;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text);margin-bottom:var(--space-2)}.form-label .required{color:var(--color-error);margin-left:var(--space-1)}.form-input{width:100%;padding:var(--space-3) var(--space-4);font-size:var(--text-base);font-family:var(--font-sans);color:var(--color-text);background:var(--color-bg-card);border:1.5px solid var(--color-border);border-radius:var(--radius-lg);transition:all var(--transition-fast);box-sizing:border-box}.form-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #7955481a}.form-input::placeholder{color:var(--color-text-muted)}.form-input:disabled{background:var(--gray-100);cursor:not-allowed;opacity:.6}.form-input.error{border-color:var(--color-error)}.form-input.error:focus{box-shadow:0 0 0 3px #f443361a}.form-input.success{border-color:var(--color-success)}.form-error{display:block;font-size:var(--text-sm);color:var(--color-error);margin-top:var(--space-1)}.form-success{display:block;font-size:var(--text-sm);color:var(--color-success);margin-top:var(--space-1)}.form-textarea{width:100%;padding:var(--space-3) var(--space-4);font-size:var(--text-base);font-family:var(--font-sans);color:var(--color-text);background:var(--color-bg-card);border:1.5px solid var(--color-border);border-radius:var(--radius-lg);transition:all var(--transition-fast);resize:vertical;min-height:100px;box-sizing:border-box}.form-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #7955481a}.form-select{width:100%;padding:var(--space-3) var(--space-4);font-size:var(--text-base);font-family:var(--font-sans);color:var(--color-text);background:var(--color-bg-card);border:1.5px solid var(--color-border);border-radius:var(--radius-lg);transition:all var(--transition-fast);cursor:pointer;box-sizing:border-box;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236b7280' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-3) center;padding-right:var(--space-10)}.form-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #7955481a}.form-checkbox,.form-radio{width:20px;height:20px;cursor:pointer;accent-color:var(--color-primary)}.form-checkbox-label,.form-radio-label{display:flex;align-items:center;gap:var(--space-2);cursor:pointer;font-size:var(--text-base);color:var(--color-text)}.checkbox-base{width:20px;height:20px;cursor:pointer;accent-color:var(--color-primary);flex-shrink:0;transition:all var(--transition-fast)}.checkbox-base:focus{outline:2px solid var(--primary-200);outline-offset:2px}.checkbox-base:disabled{opacity:.5;cursor:not-allowed}.checkbox-label-base{display:flex;align-items:center;gap:var(--space-3);cursor:pointer;transition:all var(--transition-fast);width:100%}.checkbox-label-base:has(.checkbox-base:disabled){cursor:not-allowed;opacity:.7}.checkbox-item-base{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);cursor:pointer;border-bottom:1px solid var(--color-border);transition:background var(--transition-fast);background:var(--color-bg-card)}.checkbox-item-base:hover:not(:has(.checkbox-base:disabled)){background:var(--gray-50)}.checkbox-item-base:last-child,.checkbox-item-base.checkbox-item-base-last{border-bottom:none}.checkbox-content-base{flex:1;min-width:0}.checkbox-label-text-base{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--primary-700);margin:0;line-height:var(--leading-normal)}.checkbox-description-base{font-size:var(--text-sm);color:var(--color-text-muted);margin-top:var(--space-1);line-height:var(--leading-normal)}.checkbox-icon-base{font-size:var(--text-lg);flex-shrink:0;line-height:1}@media(max-width:640px){.checkbox-item-base{padding:var(--space-3) var(--space-4);gap:var(--space-3)}.checkbox-base{width:18px;height:18px}}.modal-overlay{position:fixed;inset:0;width:100vw;height:100vh;z-index:9999;display:flex;align-items:center;justify-content:center;background:#0009;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);animation:modalFadeIn .2s ease-out;padding:var(--space-4);box-sizing:border-box;overflow-y:auto;-webkit-overflow-scrolling:touch}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.modal-container{position:relative;width:100%;max-width:500px;max-height:90vh;background:var(--color-bg-card);border-radius:var(--radius-2xl);box-shadow:var(--shadow-2xl);border:1px solid var(--color-border);display:flex;flex-direction:column;animation:modalSlideIn .3s ease-out;overflow:hidden;z-index:10000}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--color-border-light);flex-shrink:0}.modal-title{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-primary);margin:0;line-height:1.3;flex:1}.modal-close-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-md);background:transparent;border:none;color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0;padding:0;outline:none}.modal-close-button:hover{background:var(--color-bg-subtle);color:var(--color-text)}.modal-close-button:active{transform:scale(.95)}.modal-body{padding:var(--space-6);overflow-y:auto;flex:1;min-height:0;-webkit-overflow-scrolling:touch}.modal-content{color:var(--color-text);font-size:var(--text-base);line-height:var(--leading-relaxed)}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);padding:var(--space-5) var(--space-6);border-top:1px solid var(--color-border-light);flex-shrink:0;background:var(--color-bg-subtle)}.modal-footer-left{justify-content:flex-start}.modal-footer-center{justify-content:center}.modal-footer-space-between{justify-content:space-between}.modal-container.small{max-width:400px}.modal-container.medium{max-width:500px}.modal-container.large{max-width:700px}.modal-container.fullscreen{max-width:95vw;max-height:95vh;width:95vw;height:95vh}.modal-container.info{border-left:4px solid var(--info-500)}.modal-container.success{border-left:4px solid var(--success-500)}.modal-container.warning{border-left:4px solid var(--warning-500)}.modal-container.error{border-left:4px solid var(--error-500)}@media(max-width:640px){.modal-overlay{padding:var(--space-2);align-items:flex-end}.modal-container{max-width:100%;max-height:90vh;border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;animation:modalSlideUp .3s ease-out}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.modal-header{padding:var(--space-4) var(--space-5)}.modal-title{font-size:var(--text-lg)}.modal-body{padding:var(--space-5)}.modal-footer{padding:var(--space-4) var(--space-5);padding-bottom:calc(var(--space-4) + env(safe-area-inset-bottom,0px));flex-direction:column-reverse}.modal-footer .btn-primary,.modal-footer .btn-secondary{width:100%}}@supports (-webkit-touch-callout: none){.modal-overlay{backdrop-filter:none;-webkit-backdrop-filter:none;background:#000000b3}}@media(prefers-reduced-motion:reduce){.modal-overlay,.modal-container{animation:none!important}}.modal-container:focus{outline:none}body.modal-open{overflow:hidden}.modal-overlay--centered{align-items:center!important;padding:var(--space-4)!important}.modal-overlay--centered .modal-container{border-radius:var(--radius-2xl)!important;animation:modalSlideIn .3s ease-out!important;max-height:85vh}.modal-overlay--centered .modal-footer{padding-bottom:var(--space-5)!important}.delete-account-info{margin-bottom:var(--space-4)}.delete-account-description{font-size:var(--text-base);color:var(--color-text);line-height:var(--leading-relaxed);margin-bottom:var(--space-4)}.delete-account-list{font-size:var(--text-base);color:var(--color-text-secondary);line-height:var(--leading-loose);padding-left:var(--space-5);margin-bottom:var(--space-4);list-style-type:disc}.delete-account-list li{margin-bottom:var(--space-2)}.delete-account-list li:last-child{margin-bottom:0}.delete-account-form-label{margin-bottom:var(--space-2)}.delete-account-confirm-btn,.modal-footer .btn-secondary{flex:1;min-width:0}.table-container{width:100%;overflow-x:auto;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-card);box-shadow:var(--shadow-sm);-webkit-overflow-scrolling:touch}.table{width:100%;border-collapse:collapse;font-size:var(--text-sm);background:var(--color-bg-card)}.table thead{background:var(--color-bg-subtle);border-bottom:2px solid var(--color-border)}.table-header{padding:var(--space-3) var(--space-4);text-align:left;font-weight:var(--font-semibold);color:var(--color-text);font-size:var(--text-sm);white-space:nowrap;position:sticky;top:0;background:var(--color-bg-subtle);z-index:10}.table-header.center{text-align:center}.table-header.right{text-align:right}.table tbody{background:var(--color-bg-card)}.table-row.selected{background:var(--primary-50);border-left:3px solid var(--primary-500)}.table-row.disabled{opacity:.6;pointer-events:none}.table-cell{padding:var(--space-3) var(--space-4);vertical-align:middle;color:var(--color-text);font-size:var(--text-sm)}.table-cell.center{text-align:center}.table-cell.right{text-align:right}.table-cell.primary{font-weight:var(--font-semibold);color:var(--color-primary)}.table-cell.muted{color:var(--color-text-muted);font-size:var(--text-xs)}.table-empty-icon{font-size:var(--text-4xl);margin-bottom:var(--space-3);opacity:.5}.table-empty-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text);margin:0 0 var(--space-2) 0}.table-empty-message{font-size:var(--text-sm);color:var(--color-text-muted);margin:0}.table-actions{display:flex;gap:var(--space-2);align-items:center}.table-action-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-md);background:transparent;border:none;color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast);padding:0}.table-action-button:hover{background:var(--color-bg-subtle);color:var(--color-primary)}.table-action-button:active{transform:scale(.95)}.table-action-button.primary{color:var(--color-primary)}.table-action-button.danger{color:var(--error-500)}.table-action-button.danger:hover{background:var(--error-50);color:var(--error-700)}.table.striped .table-row:nth-child(2n){background:var(--color-bg-subtle)}.table.striped .table-row:nth-child(2n):hover{background:var(--primary-50)}.table.bordered .table-cell{border-right:1px solid var(--color-border-light)}.table.bordered .table-cell:last-child{border-right:none}.table.compact .table-header,.table.compact .table-cell{padding:var(--space-2) var(--space-3);font-size:var(--text-xs)}.table.hoverable .table-row{cursor:pointer}@media(max-width:768px){.table-container{border-radius:var(--radius-md);overflow-x:scroll}.table{min-width:600px}.table-header,.table-cell{padding:var(--space-2) var(--space-2);font-size:var(--text-xs)}.table-header{position:static}.table-responsive{display:block}.table-responsive thead{display:none}.table-responsive tbody,.table-responsive tr,.table-responsive td{display:block;width:100%}.table-responsive tr{border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:var(--space-3);padding:var(--space-3);background:var(--color-bg-card)}.table-responsive td{border:none;padding:var(--space-2) 0;text-align:left!important}.table-responsive td:before{content:attr(data-label) ": ";font-weight:var(--font-semibold);color:var(--color-text-muted);display:inline-block;min-width:100px}}.table-loading{display:flex;align-items:center;justify-content:center;padding:var(--space-8);color:var(--color-text-muted)}.table-loading-spinner{width:24px;height:24px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:tableSpinner .8s linear infinite;margin-right:var(--space-3)}@keyframes tableSpinner{to{transform:rotate(360deg)}}.table-header[aria-sort=ascending]:after{content:" ↑";font-size:var(--text-xs);color:var(--color-primary)}.table-header[aria-sort=descending]:after{content:" ↓";font-size:var(--text-xs);color:var(--color-primary)}.nav-badge{position:absolute;top:-6px;right:-8px;min-width:18px;height:18px;background:var(--color-error);color:#fff;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-bold);display:flex;align-items:center;justify-content:center;padding:0 var(--space-1);box-shadow:0 2px 4px #0003;z-index:2;line-height:1;white-space:nowrap}.nav-badge-container{position:relative;display:inline-block}@media(max-width:640px){.nav-badge{min-width:16px;height:16px;font-size:10px;top:-5px;right:-6px;padding:0 var(--space-0-5)}}.custom-dropdown{position:relative;display:flex;flex-direction:column;gap:var(--space-1-5);width:100%;max-width:100%;box-sizing:border-box;flex:1}.custom-dropdown-label{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-primary);margin:0}.custom-dropdown-trigger{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-card);color:var(--color-text);font-size:var(--text-base);font-family:Inter,sans-serif;cursor:pointer;touch-action:manipulation;transition:all var(--transition-fast);min-height:48px;width:100%;position:relative;overflow:hidden}.custom-dropdown-trigger:hover:not(.disabled){border-color:var(--primary-400)}.custom-dropdown-trigger:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px var(--primary-100)}.custom-dropdown-trigger.open{border-color:var(--primary-500);box-shadow:0 0 0 3px var(--primary-100)}.custom-dropdown-trigger.disabled{opacity:.6;cursor:not-allowed}.custom-dropdown-value{flex:1;text-align:left;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.custom-dropdown-icon{color:var(--color-text-secondary);transition:transform var(--transition-fast);font-size:var(--text-sm);flex-shrink:0;margin-left:0;width:16px;height:16px}.custom-dropdown-icon.open{transform:rotate(180deg)}.custom-dropdown-menu{position:absolute;top:100%;left:0;right:auto;width:100%;max-width:100%;box-sizing:border-box;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);z-index:10000;max-height:280px;overflow-y:auto;overflow-x:hidden;margin-top:var(--space-2);padding:var(--space-2) 0;animation:dropdownFadeIn .15s ease-out}.custom-dropdown-menu.align-right{left:auto;right:0;max-width:calc(100vw - 16px)}.custom-dropdown-menu.position-top{top:auto;bottom:100%;margin-top:0;margin-bottom:var(--space-2);animation:dropdownFadeInTop .15s ease-out}.custom-dropdown-menu.position-top.align-right{left:auto;right:0}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes dropdownFadeInTop{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.custom-dropdown-option{padding:var(--space-3) var(--space-4);margin:0 var(--space-2) var(--space-1) var(--space-2);cursor:pointer;transition:all var(--transition-fast);border-radius:var(--radius-md);font-size:var(--text-base);color:var(--color-text);line-height:1.5;display:flex;align-items:center;min-height:44px}.custom-dropdown-option:hover{background:var(--primary-50);color:var(--primary-700);transform:translate(2px)}.custom-dropdown-option.selected{background:var(--primary-100);color:var(--primary-700);font-weight:var(--font-semibold);box-shadow:0 0 0 2px var(--primary-200)}.custom-dropdown-menu::-webkit-scrollbar{width:6px}.custom-dropdown-menu::-webkit-scrollbar-track{background:transparent;margin:var(--space-2) 0}.custom-dropdown-menu::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}.custom-dropdown-menu::-webkit-scrollbar-thumb:hover{background:var(--primary-400)}.custom-dropdown.header-variant .custom-dropdown-trigger{background:#ffffffe6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--primary-200);color:var(--primary-800);font-weight:600;box-shadow:0 2px 8px #0000000f;width:180px;max-width:180px;min-width:180px;padding:var(--space-2) var(--space-3);min-height:36px;font-size:var(--text-sm);overflow:hidden}.custom-dropdown.header-variant .custom-dropdown-trigger:hover:not(.disabled){background:#fffffffa;border-color:var(--primary-300);transform:translateY(-1px);box-shadow:0 4px 12px #00000014}.custom-dropdown.header-variant .custom-dropdown-trigger:focus,.custom-dropdown.header-variant .custom-dropdown-trigger.open{background:#fffffffa;border-color:var(--primary-400);box-shadow:0 0 0 2px var(--primary-100)}.custom-dropdown.header-variant .custom-dropdown-value{color:var(--primary-800);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;min-width:0;flex:1;padding-left:6px}.custom-dropdown.header-variant .custom-dropdown-icon{color:var(--primary-700);margin-right:8px}.custom-dropdown.header-variant .custom-dropdown-menu{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:12px;box-shadow:0 12px 32px #00000026,0 4px 12px #0000001a;min-width:180px;max-width:240px;width:240px;padding:4px 0;max-height:240px}.custom-dropdown.header-variant .custom-dropdown-menu.align-right{left:auto;right:0;max-width:min(240px,calc(100vw - 16px))}.custom-dropdown.header-variant .custom-dropdown-option{padding:8px 12px 8px 14px;margin:1px 4px;border-radius:8px;border-bottom:none;font-size:var(--text-sm);font-weight:500;color:var(--primary-600);transition:all .2s ease;min-height:36px;line-height:1.4}.custom-dropdown.header-variant .custom-dropdown-option:hover{background:var(--primary-100);transform:translate(2px)}.custom-dropdown.header-variant .custom-dropdown-option.selected{background:linear-gradient(135deg,var(--primary-600) 0%,var(--primary-700) 100%);color:#fff}@media(max-width:768px){.custom-dropdown{min-width:100%}.custom-dropdown-trigger{font-size:16px;padding:var(--space-3) 40px var(--space-3) var(--space-4);min-height:48px}.custom-dropdown.header-variant .custom-dropdown-trigger{padding:var(--space-2) var(--space-3);min-height:40px;font-size:var(--text-sm);width:160px;max-width:160px;min-width:160px}.custom-dropdown-menu{max-height:220px;padding:var(--space-2) 0;max-width:calc(100vw - 32px)}.custom-dropdown.header-variant .custom-dropdown-menu{max-height:200px;padding:4px 0}.custom-dropdown-option{padding:var(--space-3) var(--space-4);min-height:44px}.custom-dropdown.header-variant .custom-dropdown-option{padding:8px 12px;min-height:36px}}@media(max-width:480px){.custom-dropdown-trigger{font-size:15px;padding:var(--space-3) 36px var(--space-3) var(--space-3);min-height:44px}.custom-dropdown-label{font-size:13px}.custom-dropdown-menu{max-height:200px}.custom-dropdown-option{padding:var(--space-2-5) var(--space-3);min-height:40px;font-size:14px}.custom-dropdown.header-variant .custom-dropdown-trigger{min-height:36px;padding:var(--space-1-5) var(--space-2-5);width:140px;max-width:140px;min-width:140px}.custom-dropdown.header-variant .custom-dropdown-option{padding:6px 10px;min-height:32px;font-size:var(--text-sm)}.custom-dropdown.header-variant .custom-dropdown-menu{max-height:180px}}@media(prefers-reduced-motion:reduce){.custom-dropdown-trigger,.custom-dropdown-icon,.custom-dropdown-option,.custom-dropdown-menu{transition:none!important;animation:none!important}}.portal-form-dropdown{display:block!important;width:100%!important;flex:none!important}.portal-form-dropdown .custom-dropdown-trigger{min-height:unset;height:auto;padding:9px 12px;border:1.5px solid #e0e0e0;border-radius:8px;font-size:14px;background:#fff;color:#374151;width:100%;box-sizing:border-box}.portal-form-dropdown .custom-dropdown-trigger:hover:not(.disabled){border-color:var(--primary-400)}.portal-form-dropdown .custom-dropdown-trigger:focus,.portal-form-dropdown .custom-dropdown-trigger.open{border-color:var(--primary-500);box-shadow:0 0 0 3px var(--primary-100);outline:none}.portal-form-dropdown .custom-dropdown-menu{z-index:300}.portal-filter-dropdown{display:block!important;width:160px!important;flex:0 0 160px!important;min-width:0!important}.portal-filter-dropdown .custom-dropdown-trigger{min-height:unset;height:36px;padding:0 12px;font-size:14px;font-weight:500;border-radius:8px;border:1.5px solid #e0e0e0;background:#fff;color:#374151}.portal-filter-dropdown .custom-dropdown-trigger:hover:not(.disabled){border-color:var(--primary-400)}.portal-filter-dropdown .custom-dropdown-menu{z-index:200}.qr-scanner-modal{position:fixed!important;top:0!important;left:0!important;width:100vw!important;height:100vh!important;height:100dvh!important;z-index:9999!important;display:flex!important;align-items:flex-start;justify-content:center!important;background:#000c!important;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:var(--space-5);padding-top:max(var(--space-5),calc(env(safe-area-inset-top,0px) + var(--space-5)));padding-bottom:max(var(--space-5),calc(env(safe-area-inset-bottom,0px) + var(--space-5)));box-sizing:border-box;overflow-y:auto;overflow-x:hidden}.qr-scanner-content{background:var(--color-bg-card);border:1px solid var(--color-border);box-shadow:var(--shadow-xl);border-radius:var(--radius-xl);transition:all var(--transition-base);margin:0 auto;align-self:flex-start;max-width:400px;width:calc(100% - 40px);max-height:calc(100dvh - max(40px,calc(env(safe-area-inset-top,0px) + env(safe-area-inset-bottom,0px) + 40px)));max-height:calc(100vh - max(40px,calc(env(safe-area-inset-top,0px) + env(safe-area-inset-bottom,0px) + 40px)));box-sizing:border-box;padding:var(--space-6);text-align:center}.qr-scanner-content:hover{box-shadow:var(--shadow-2xl);transform:translateY(-2px)}@media(min-width:769px)and (max-width:1024px){.qr-scanner-modal{align-items:center}.qr-scanner-content{align-self:center;max-width:600px}}@media(min-width:1025px){.qr-scanner-modal{align-items:center}.qr-scanner-content{align-self:center;max-width:500px}}@supports (-webkit-touch-callout: none){.qr-scanner-modal{background:#000000d9!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}}@media(prefers-reduced-motion:reduce){.qr-scanner-content{transition:none!important}.qr-scanner-content:hover{transform:none!important}}.toast{position:fixed;top:var(--space-4, 16px);left:50%;transform:translate(-50%);z-index:var(--z-toast, 9999);display:flex;align-items:center;gap:var(--space-3, 12px);padding:var(--space-3, 12px) var(--space-4, 16px);border-radius:var(--radius-lg, 12px);box-shadow:var(--shadow-lg, 0 10px 25px rgba(0, 0, 0, .1));max-width:min(90vw,400px);min-width:280px;font-family:var(--font-sans, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", sans-serif);background:var(--color-bg-card, #fff);border:1px solid var(--color-border, #e0e0e0);animation:toastSlideIn .3s ease-out;transition:all var(--transition-fast, .2s);box-sizing:border-box}.toast-leaving{animation:toastSlideOut .3s ease-out}.toast-icon{flex-shrink:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;color:inherit}.toast-content{flex:1;min-width:0}.toast-message{font-size:var(--text-sm);font-weight:var(--font-medium);line-height:1.5;color:var(--color-text)}.toast-close{background:transparent;border:none;color:var(--color-text-muted);cursor:pointer;padding:var(--space-1);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;opacity:.5;transition:all var(--transition-fast);flex-shrink:0;width:24px;height:24px}.toast-close:hover{opacity:1;background:var(--gray-100);color:var(--color-text)}.toast-close:active{transform:scale(.9)}.toast-success{border-left:3px solid var(--success-500)}.toast-success .toast-icon{color:var(--success-600)}.toast-error{border-left:3px solid var(--error-500)}.toast-error .toast-icon{color:var(--error-600)}.toast-warning{border-left:3px solid var(--warning-500)}.toast-warning .toast-icon{color:var(--warning-600)}.toast-info{border-left:3px solid var(--primary-600)}.toast-info .toast-icon{color:var(--primary-600)}@keyframes toastSlideIn{0%{opacity:0;transform:translate(-50%) translateY(-16px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes toastSlideOut{0%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(-16px)}}@media(max-width:768px){.toast{top:var(--space-3, 12px);left:var(--space-4, 16px);right:var(--space-4, 16px);transform:none;max-width:none;min-width:auto;padding:var(--space-3, 12px) var(--space-4, 16px)}.toast-message{font-size:var(--text-sm)}.toast-icon{width:18px;height:18px}@keyframes toastSlideIn{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes toastSlideOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-12px)}}}@supports (-webkit-touch-callout: none){.toast{top:calc(env(safe-area-inset-top,0px) + var(--space-4, 16px))!important}@media(max-width:768px){.toast{top:calc(env(safe-area-inset-top,0px) + var(--space-3, 12px))!important}}}@media(prefers-reduced-motion:reduce){.toast,.toast-leaving{animation:none}.toast-close{transition:none}}.m-0{margin:0}.m-1{margin:var(--space-1)}.m-2{margin:var(--space-2)}.m-3{margin:var(--space-3)}.m-4{margin:var(--space-4)}.m-5{margin:var(--space-5)}.m-6{margin:var(--space-6)}.m-8{margin:var(--space-8)}.mt-0{margin-top:0}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mt-5{margin-top:var(--space-5)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-5{margin-bottom:var(--space-5)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.ml-0{margin-left:0}.ml-1{margin-left:var(--space-1)}.ml-2{margin-left:var(--space-2)}.ml-3{margin-left:var(--space-3)}.ml-4{margin-left:var(--space-4)}.mr-0{margin-right:0}.mr-1{margin-right:var(--space-1)}.mr-2{margin-right:var(--space-2)}.mr-3{margin-right:var(--space-3)}.mr-4{margin-right:var(--space-4)}.mx-auto{margin-left:auto;margin-right:auto}.my-auto{margin-top:auto;margin-bottom:auto}.p-0{padding:0}.p-1{padding:var(--space-1)}.p-2{padding:var(--space-2)}.p-3{padding:var(--space-3)}.p-4{padding:var(--space-4)}.p-5{padding:var(--space-5)}.p-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}.pt-0{padding-top:0}.pt-1{padding-top:var(--space-1)}.pt-2{padding-top:var(--space-2)}.pt-3{padding-top:var(--space-3)}.pt-4{padding-top:var(--space-4)}.pt-5{padding-top:var(--space-5)}.pt-6{padding-top:var(--space-6)}.pb-0{padding-bottom:0}.pb-1{padding-bottom:var(--space-1)}.pb-2{padding-bottom:var(--space-2)}.pb-3{padding-bottom:var(--space-3)}.pb-4{padding-bottom:var(--space-4)}.pb-5{padding-bottom:var(--space-5)}.pb-6{padding-bottom:var(--space-6)}.pl-0{padding-left:0}.pl-1{padding-left:var(--space-1)}.pl-2{padding-left:var(--space-2)}.pl-3{padding-left:var(--space-3)}.pl-4{padding-left:var(--space-4)}.pr-0{padding-right:0}.pr-1{padding-right:var(--space-1)}.pr-2{padding-right:var(--space-2)}.pr-3{padding-right:var(--space-3)}.pr-4{padding-right:var(--space-4)}.px-0{padding-left:0;padding-right:0}.px-1{padding-left:var(--space-1);padding-right:var(--space-1)}.px-2{padding-left:var(--space-2);padding-right:var(--space-2)}.px-3{padding-left:var(--space-3);padding-right:var(--space-3)}.px-4{padding-left:var(--space-4);padding-right:var(--space-4)}.py-0{padding-top:0;padding-bottom:0}.py-1{padding-top:var(--space-1);padding-bottom:var(--space-1)}.py-2{padding-top:var(--space-2);padding-bottom:var(--space-2)}.py-3{padding-top:var(--space-3);padding-bottom:var(--space-3)}.py-4{padding-top:var(--space-4);padding-bottom:var(--space-4)}.gap-0{gap:0}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-5{gap:var(--space-5)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-justify{text-align:justify}.text-primary{color:var(--color-primary)}.text-secondary{color:var(--color-secondary)}.text-success{color:var(--color-success)}.text-error{color:var(--color-error)}.text-warning{color:var(--color-warning)}.text-muted{color:var(--color-text-muted)}.text-light{color:var(--color-text-light)}.text-white{color:#fff}.font-light{font-weight:var(--font-light)}.font-normal{font-weight:var(--font-normal)}.font-medium{font-weight:var(--font-medium)}.font-semibold{font-weight:var(--font-semibold)}.font-bold{font-weight:var(--font-bold)}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.text-3xl{font-size:var(--text-3xl)}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.underline{text-decoration:underline}.line-through{text-decoration:line-through}.no-underline{text-decoration:none}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.hidden{display:none}.block{display:block}.inline{display:inline}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-row-reverse{flex-direction:row-reverse}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-evenly{justify-content:space-evenly}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-baseline{align-items:baseline}.items-stretch{align-items:stretch}.flex-1{flex:1 1 0%}.flex-auto{flex:1 1 auto}.flex-none{flex:none}.flex-grow{flex-grow:1}.flex-shrink{flex-shrink:1}.flex-shrink-0{flex-shrink:0}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.w-full{width:100%}.w-auto{width:auto}.w-screen{width:100vw}.min-w-0{min-width:0}.max-w-full{max-width:100%}.h-full{height:100%}.h-auto{height:auto}.h-screen{height:100vh}.min-h-0{min-height:0}.max-h-full{max-height:100%}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-scroll{overflow:scroll}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.overflow-y-hidden{overflow-y:hidden}.z-0{z-index:0}.z-1{z-index:1}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.header-app{position:fixed;top:0;left:0;right:0;grid-row:1;width:100%;z-index:100;border-radius:0;transition:background var(--transition-base),box-shadow var(--transition-base);display:flex;align-items:center;justify-content:center;flex-wrap:nowrap;gap:var(--space-4);padding:calc(12px + min(var(--safe-area-inset-top),47px)) 20px 12px 20px;min-height:calc(var(--header-height-mobile) + min(var(--safe-area-inset-top),47px));height:calc(var(--header-height-mobile) + min(var(--safe-area-inset-top),47px));max-height:calc(var(--header-height-mobile) + min(var(--safe-area-inset-top),47px));box-sizing:border-box;overflow:visible;flex-shrink:0;background:var(--primary-100);border-bottom:1px solid var(--primary-200);box-shadow:0 1px 3px #0000000f;color:var(--primary-800)}.header-app-content{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:0}.header-app-logo-wrapper{display:flex;align-items:center;min-width:0;flex:1;position:relative}.header-app-logo-placeholder{position:absolute;width:48px;height:48px;border-radius:var(--radius-lg);background:var(--primary-100);box-shadow:0 2px 8px #00000014;border:1px solid var(--primary-200);display:flex;align-items:center;justify-content:center;animation:pulse 1.5s ease-in-out infinite}.header-app-logo-placeholder span{font-size:24px;opacity:.6}.header-app-logo{width:48px;height:48px;object-fit:contain;border-radius:var(--radius-lg);background:var(--primary-100);padding:0;margin:0;box-shadow:0 2px 8px #00000014;border:1px solid var(--primary-200);flex-shrink:0;opacity:0;transition:opacity .3s ease-in}.header-app-logo[src]{opacity:1}.header-app-store-selector{position:relative;min-width:0;flex-shrink:0}.footer-nav{position:fixed!important;bottom:0;left:0;right:0;grid-row:3;width:100%;margin:0;display:flex;flex-direction:row;align-items:center;justify-content:space-around;gap:4px;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);padding:12px 8px min(var(--safe-area-inset-bottom),12px) 8px;box-shadow:0 -4px 32px #0000001f;height:calc(var(--footer-height-mobile) + min(var(--safe-area-inset-bottom),12px));box-sizing:border-box;flex-shrink:0;touch-action:manipulation!important;-webkit-tap-highlight-color:rgba(121,85,72,.2);-webkit-touch-callout:none;pointer-events:auto!important;z-index:100;transform:translateZ(0);background:var(--primary-100);border-top:1px solid var(--primary-200);border-radius:0}.footer-nav button{background:none;border:none;outline:none;display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1 1 0;max-width:80px;min-width:56px;color:var(--primary-700);font-weight:var(--font-medium);cursor:pointer;padding:8px 4px;margin:0;min-height:44px;border-radius:var(--radius-xl);transition:color var(--transition-fast),transform .18s cubic-bezier(.4,0,.2,1);position:relative;overflow:visible;touch-action:manipulation!important;-webkit-tap-highlight-color:rgba(121,85,72,.3);-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;pointer-events:auto!important}.footer-nav button:active{transform:scale(.88);transition:transform .06s ease-out}.footer-nav button.active{color:var(--color-primary);font-weight:var(--font-semibold);position:relative}.footer-nav button.active:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:44px;height:44px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--primary-100) 0%,var(--primary-50) 100%);z-index:0;opacity:0;box-shadow:0 2px 8px #79554826;animation:pillFadeIn .3s cubic-bezier(.4,0,.2,1) forwards}.footer-nav button.active:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:28px;height:3px;border-radius:var(--radius-full) var(--radius-full) 0 0;background:linear-gradient(90deg,var(--primary-600) 0%,var(--primary-700) 100%);z-index:2;box-shadow:0 -2px 8px #7955484d;animation:lineSlideIn .3s cubic-bezier(.4,0,.2,1) forwards}.footer-nav .footer-icon{position:relative;display:flex;align-items:center;justify-content:center;width:32px;height:32px;transition:all var(--transition-fast);pointer-events:none;z-index:1;flex-shrink:0;color:var(--primary-700);font-size:24px}.footer-nav button.active .footer-icon{color:var(--color-primary);position:relative;z-index:1;transform:scale(1.05);transition:transform var(--transition-fast)}.footer-nav .footer-icon svg{width:24px;height:24px;fill:currentColor;stroke:currentColor;color:var(--primary-700)}.footer-nav button.active .footer-icon svg{color:var(--color-primary)}.footer-nav .footer-label{font-size:10px;line-height:1;margin-top:2px;font-weight:var(--font-medium);color:var(--primary-600);opacity:.7;transition:opacity var(--transition-fast),color var(--transition-fast);pointer-events:none;z-index:1;position:relative}.footer-nav button.active .footer-label{color:var(--color-primary);font-weight:var(--font-semibold);opacity:1}.nav-badge-container .nav-badge{animation:badgePop .35s cubic-bezier(.4,0,.2,1) both}@keyframes badgePop{0%{transform:scale(0);opacity:0}60%{transform:scale(1.2);opacity:1}to{transform:scale(1);opacity:1}}.footer-nav button:before,.footer-nav button:after{pointer-events:none!important}@media(min-width:768px){.footer-nav{height:calc(var(--footer-height-tablet) + min(var(--safe-area-inset-bottom),12px));padding-top:16px}}@media(min-width:1024px){.footer-nav{height:calc(var(--footer-height-desktop) + min(var(--safe-area-inset-bottom),12px));padding-top:18px}}.app-card{grid-row:2;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;width:100%;min-width:320px;min-height:0;overflow:hidden;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);box-shadow:var(--shadow-2xl);padding-inline:0;position:relative;box-sizing:border-box;z-index:1;pointer-events:auto;margin:0 0 -1px;border-radius:0}@media(max-width:600px){.app-card{margin-bottom:0}}@media(min-width:1024px){.app-card{max-width:800px;margin-left:auto;margin-right:auto}}@media(min-width:1440px){.app-card{max-width:900px}}@keyframes pageEnter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){@keyframes pageEnter{0%{opacity:1;transform:none}to{opacity:1;transform:none}}}.page-container{width:100%;padding:var(--space-4) var(--space-6) var(--space-6) var(--space-6);box-sizing:border-box;display:flex;flex-direction:column;background:#fffc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);margin:0;position:relative;overflow:visible;transition:all var(--transition-base);z-index:1;animation:pageEnter .28s cubic-bezier(.4,0,.2,1) both}.main-inner-card{width:100%;padding:var(--space-4) var(--space-6) var(--space-6) var(--space-6);box-sizing:border-box;display:flex;flex-direction:column;background:#fffc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);margin:0;position:relative;overflow:visible;transition:all var(--transition-base);z-index:1}@supports (-webkit-touch-callout: none){.page-container{background:#fffffffa!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}}@media(max-width:640px){.page-container{max-width:100vw;border-radius:var(--radius-lg);margin:0;padding:var(--space-4) var(--space-4) var(--space-4) var(--space-4);box-shadow:none}}.page-header{display:flex;align-items:center;gap:var(--space-4);padding-bottom:var(--space-4);margin-bottom:var(--space-4);border-bottom:1px solid var(--color-border-light);flex-shrink:0}.page-header-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--space-1)}.page-title{font-size:var(--text-2xl);font-weight:var(--font-semibold);color:var(--color-primary);margin:0;line-height:var(--leading-tight)}.page-subtitle{font-size:var(--text-sm);color:var(--color-text-muted);margin:0;line-height:var(--leading-normal)}.page-back-button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-lg);background:var(--gray-50);border:1px solid var(--color-border);color:var(--color-text);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0;outline:none;touch-action:manipulation;-webkit-tap-highlight-color:rgba(121,85,72,.2)}.page-back-button:hover{background:var(--primary-50);border-color:var(--primary-300);color:var(--color-primary)}.page-back-button:active{transform:scale(.95);opacity:.8}.page-header-actions{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.page-content{width:100%;padding:0;box-sizing:border-box;flex:1 1 auto;min-height:0}.page-section{margin-bottom:var(--space-6)}.page-section:last-child{margin-bottom:0}.section-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-primary);margin-bottom:var(--space-3);margin-top:0}.page-item-title{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--primary-700);margin:0;line-height:var(--leading-normal)}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-8);min-height:200px}.loading-spinner{width:40px;height:40px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .6s linear infinite}.loading-container p{margin-top:var(--space-4);color:var(--color-text-muted);font-size:var(--text-sm)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-8);text-align:center;color:var(--color-text-muted)}.empty-state-icon{font-size:var(--text-5xl);margin-bottom:var(--space-4);opacity:.5}.empty-state-illustration{margin-bottom:var(--space-5);animation:emptyIllustrationIn .45s cubic-bezier(.4,0,.2,1) both;line-height:0}@keyframes emptyIllustrationIn{0%{opacity:0;transform:scale(.85) translateY(6px)}to{opacity:1;transform:scale(1) translateY(0)}}@media(prefers-reduced-motion:reduce){.empty-state-illustration{animation:none}}.empty-state-title{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--color-text);margin-bottom:var(--space-2)}.empty-state-message{font-size:var(--text-base);color:var(--color-text-muted);max-width:400px;line-height:var(--leading-relaxed)}@keyframes skeletonShimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.skeleton-bone{background:linear-gradient(90deg,var(--primary-50, #FFF8E1) 25%,var(--primary-100, #FFE0B2) 37%,var(--primary-50, #FFF8E1) 63%);background-size:800px 100%;animation:skeletonShimmer 1.6s ease-in-out infinite;border-radius:var(--radius-md)}@media(prefers-reduced-motion:reduce){.skeleton-bone{animation:none;opacity:.6}}.skeleton-container{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-4) 0;width:100%}.skeleton-row{display:flex;align-items:center;gap:var(--space-3)}.skeleton-circle{flex-shrink:0;border-radius:var(--radius-full)}.skeleton-text{height:14px}.skeleton-text--lg{height:20px}.skeleton-text--sm{height:10px}.skeleton-card{border-radius:var(--radius-xl);width:100%}.skeleton-dashboard-header{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-4)}.skeleton-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:var(--space-3)}.skeleton-stat-card{height:72px;border-radius:var(--radius-xl)}.skeleton-banner{height:120px;border-radius:var(--radius-xl)}.skeleton-list-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) 0}.skeleton-list-icon{width:40px;height:40px;flex-shrink:0;border-radius:var(--radius-full)}.skeleton-list-lines{flex:1;display:flex;flex-direction:column;gap:var(--space-2)}.skeleton-rewards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--space-3)}.skeleton-reward-card{height:160px;border-radius:var(--radius-xl)}.skeleton-form-group{display:flex;flex-direction:column;gap:var(--space-2)}.skeleton-label{height:12px;width:30%}.skeleton-input{height:44px;border-radius:var(--radius-lg)}.header-app-logo-wrapper{background:none;border:none;padding:0;cursor:pointer}.header-app-logo-wrapper:focus-visible{outline:2px solid var(--primary-500);outline-offset:4px}.modern-dashboard{display:flex;flex-direction:column;gap:var(--space-4);width:100%}.modern-dashboard .user-name{color:var(--primary-600);background:linear-gradient(135deg,var(--primary-600) 0%,var(--primary-700) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3);margin-bottom:var(--space-4)}.stat-card{background:var(--color-bg-card);border:1px solid var(--color-border-light);border-radius:var(--radius-xl);padding:var(--space-4);display:flex;flex-direction:column;align-items:center;gap:var(--space-2);box-shadow:var(--shadow-sm);transition:all var(--transition-fast)}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-caption{margin:var(--space-1) 0 0 0;font-size:var(--text-xs);color:var(--color-text-muted)}.stat-link{margin-top:var(--space-1);background:none;border:none;color:var(--primary-600);font-size:var(--text-xs);cursor:pointer;padding:0}.stat-link:hover{color:var(--primary-700);text-decoration:underline}.stat-card-header{display:flex;align-items:center;justify-content:center;min-height:52px}.stat-icon{width:48px;height:48px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:var(--text-xl)}.stat-content{min-height:64px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;width:100%}.stat-value{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-text);margin:0 0 var(--space-1) 0;line-height:1}.stat-title{font-size:var(--text-xs);color:var(--color-text-muted);margin:0;font-weight:var(--font-medium);text-transform:uppercase;letter-spacing:.5px}.stat-subtitle{font-size:10px;color:var(--color-text-muted);margin:var(--space-1) 0 0 0;font-weight:var(--font-medium)}.stat-card--streak-active{border-color:var(--warning-300);box-shadow:var(--shadow-sm),0 0 0 1px var(--warning-200)}.stat-card--streak-active:hover{box-shadow:var(--shadow-md),0 0 0 2px var(--warning-300)}.stat-icon--streak{animation:streakGlow 2s ease-in-out infinite}@keyframes streakGlow{0%,to{opacity:1}50%{opacity:.75}}@media(prefers-reduced-motion:reduce){.stat-icon--streak{animation:none}}.promotion-banner{background:linear-gradient(135deg,var(--secondary-100) 0%,var(--secondary-300) 60%,var(--secondary-400) 100%);border:1px solid var(--secondary-500);border-radius:var(--radius-2xl);padding:var(--space-5) var(--space-6);margin-bottom:var(--space-5);box-shadow:0 4px 14px #79554814,0 1px 4px #7955480f;position:relative;overflow:hidden}.promotion-banner:before{content:"";position:absolute;top:-50%;right:-20%;width:60%;height:200%;background:radial-gradient(ellipse,rgba(255,255,255,.45) 0%,transparent 70%);pointer-events:none}.promotion-content{display:flex;align-items:center;gap:var(--space-4);position:relative;z-index:1}.promotion-icon{font-size:var(--text-3xl);flex-shrink:0;line-height:1}.promotion-text{flex:1;min-width:0}.promotion-text h4{font-size:var(--text-base);font-weight:var(--font-bold);color:var(--primary-800);margin:0 0 var(--space-1) 0;letter-spacing:.3px}.promotion-text p{font-size:var(--text-sm);color:var(--accent-600);margin:0;line-height:var(--leading-relaxed);font-weight:var(--font-medium)}.promotion-banner-clickable{cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.promotion-banner-clickable:hover{transform:translateY(-2px);box-shadow:0 8px 24px #7955481f,0 3px 10px #79554814}.promotion-banner-clickable:active{transform:scale(.98)}.promotion-banner-clickable:focus-visible{outline:2px solid var(--primary-500);outline-offset:4px}.promotion-cta{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-sm);color:var(--primary-600);margin-top:var(--space-2);font-weight:var(--font-semibold);transition:color var(--transition-fast)}.promotion-banner-clickable:hover .promotion-cta{color:var(--primary-800)}@media(prefers-reduced-motion:reduce){.promotion-banner-clickable{transition:none}.request-points-btn,.btn-background-effect,.btn-icon-glow{animation:none!important;transition:none!important}.request-points-btn:hover:not(:disabled){transform:none!important}}@media(max-width:640px){.promotion-banner{padding:var(--space-4) var(--space-4);margin-bottom:var(--space-4)}.promotion-icon{font-size:var(--text-2xl)}.promotion-text h4{font-size:var(--text-sm)}.promotion-text p{font-size:var(--text-xs)}}.coffee-card-section,.rewards-hint-section{margin-bottom:var(--space-4)}.rewards-hint-card{background:linear-gradient(135deg,var(--accent-50) 0%,var(--secondary-50) 100%);border:1px solid var(--accent-200);border-radius:var(--radius-xl);padding:var(--space-4);display:flex;align-items:center;gap:var(--space-3);transition:all var(--transition-fast);box-shadow:var(--shadow-sm)}.rewards-hint-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.rewards-hint-icon{font-size:var(--text-3xl);flex-shrink:0}.rewards-hint-content{flex:1;min-width:0}.rewards-hint-content h4{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text);margin:0 0 var(--space-1) 0}.rewards-hint-content p{font-size:var(--text-sm);color:var(--color-text-muted);margin:0}.rewards-hint-arrow{font-size:var(--text-2xl);color:var(--color-primary);flex-shrink:0;animation:bounce 2s infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.request-points-section{margin-bottom:var(--space-4);display:flex;justify-content:center;align-items:center}.request-points-btn{position:relative;background:linear-gradient(135deg,var(--color-primary) 0%,var(--primary-700) 50%,var(--primary-800) 100%);border:none;border-radius:var(--radius-2xl);padding:var(--space-6) var(--space-8);width:100%;max-width:320px;min-height:80px;display:flex;align-items:center;justify-content:center;cursor:pointer;overflow:hidden;transition:all var(--transition-normal);box-shadow:none;font-family:Inter,Segoe UI,Roboto,Arial,sans-serif}.request-points-btn:hover:not(:disabled){transform:translateY(-3px) scale(1.02);box-shadow:none}.request-points-btn:active:not(:disabled){transform:translateY(-1px) scale(.98);box-shadow:none}.request-points-btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none;background:var(--gray-400)}.btn-background-effect{position:absolute;inset:0;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.1) 50%,transparent 70%);transform:translate(-100%);transition:transform .6s ease}.request-points-btn:hover:not(:disabled) .btn-background-effect{transform:translate(100%)}.btn-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);flex:1;z-index:2}.btn-icon-container{position:relative;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#fff3;border-radius:50%;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);flex-shrink:0}.btn-icon{font-size:24px;color:#fff;z-index:2;position:relative;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.btn-icon-glow{position:absolute;top:50%;left:50%;width:100%;height:100%;background:radial-gradient(circle,rgba(255,255,255,.3) 0%,transparent 70%);border-radius:50%;transform:translate(-50%,-50%);animation:pulse-glow 2s ease-in-out infinite}@keyframes pulse-glow{0%,to{opacity:.3;transform:translate(-50%,-50%) scale(1)}50%{opacity:.6;transform:translate(-50%,-50%) scale(1.1)}}.btn-subtitle{font-size:.85rem;color:#ffffffe6;margin:0;font-weight:500;text-shadow:0 1px 2px rgba(0,0,0,.1);text-align:center}.earn-points-section{display:flex;flex-direction:column;gap:var(--space-4);margin-bottom:var(--space-4)}.earn-points-swipe{display:flex;flex-direction:column;gap:var(--space-2);width:100%}.earn-points-swipe-track{display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.earn-points-swipe-track::-webkit-scrollbar{display:none}.earn-points-swipe-slide{flex:0 0 100%;min-width:0;scroll-snap-align:start;scroll-snap-stop:always;box-sizing:border-box}.earn-points-swipe-dots{display:flex;justify-content:center;align-items:center;gap:var(--space-2);margin-top:var(--space-2)}.earn-points-swipe-dot{width:8px;height:8px;border-radius:50%;background:var(--color-border);transition:background var(--transition-fast),transform var(--transition-fast)}.earn-points-swipe-dot--active{background:var(--color-primary);transform:scale(1.15)}.earn-option-card{background:var(--color-bg-card);border:1px solid var(--color-border-light);border-radius:var(--radius-xl);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3);box-shadow:var(--shadow-sm)}.earn-option-card.earn-option-tap{border-color:var(--accent-200);background:linear-gradient(135deg,var(--accent-50) 0%,var(--color-bg-card) 100%)}.earn-option-card.earn-option-request{border-color:var(--primary-200);background:linear-gradient(135deg,var(--primary-50) 0%,var(--color-bg-card) 100%)}.earn-points-swipe-slide .earn-option-card,.earn-points-swipe-slide .earn-option-card.earn-option-tap,.earn-points-swipe-slide .earn-option-card.earn-option-request{width:100%;border:none;background:transparent;box-shadow:none;padding:var(--space-2) 0}.earn-points-section>.earn-option-card,.earn-points-section>.earn-option-card.earn-option-tap,.earn-points-section>.earn-option-card.earn-option-request{border:none;background:transparent;box-shadow:none;padding:var(--space-2) 0}.earn-option-card.earn-option-none{color:var(--color-text-muted)}.earn-option-card.earn-option-disabled{opacity:.85;border-color:var(--color-border);background:var(--gray-50)}.earn-option-card.earn-option-disabled .earn-option-desc{color:var(--color-text-muted)}.earn-option-sensing-hint{font-size:var(--text-sm);color:var(--color-text-muted);margin:0 0 var(--space-3) 0;text-align:center}.earn-option-cancel-btn{display:block;margin:0 auto;padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-muted);background:var(--gray-100);border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:background .2s,color .2s}.earn-option-cancel-btn:hover{background:var(--gray-200);color:var(--color-text)}.earn-option-label{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text);margin:0}.earn-option-desc{font-size:var(--text-sm);color:var(--color-text-muted);margin:0;line-height:var(--leading-relaxed)}.earn-option-btn{align-self:center;max-width:280px}@media(max-width:480px){.request-points-btn{padding:var(--space-5) var(--space-6);min-height:72px}.btn-icon-container{width:44px;height:44px}.btn-icon{font-size:22px}.btn-subtitle{font-size:.8rem}}@media(max-width:640px){.stats-grid{grid-template-columns:repeat(3,1fr);gap:var(--space-2)}.stat-card{padding:var(--space-3)}.stat-value{font-size:var(--text-xl)}.stat-title{font-size:10px}}.rewards-page-container{display:flex;flex-direction:column;gap:var(--space-4);width:100%;padding:0!important;margin:0!important;box-sizing:border-box}.rewards-content{display:flex;flex-direction:column;gap:var(--space-6);width:100%;box-sizing:border-box}.rewards-section{display:flex;flex-direction:column;gap:var(--space-4)}.section-header{display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-1)}.section-title{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--color-primary);margin:0}.section-count{background:var(--primary-100);color:var(--color-primary);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-semibold)}.rewards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-5)}.reward-card{background:var(--color-bg-card);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-md);border:2px solid var(--color-border-light);transition:transform var(--transition-fast),box-shadow var(--transition-fast),border-color var(--transition-fast);position:relative;overflow:hidden}.reward-card.active{border-color:var(--success-200);background:linear-gradient(135deg,var(--success-25) 0%,var(--color-bg-card) 100%)}.reward-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.reward-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.reward-icon{width:48px;height:48px;border-radius:var(--radius-lg);background:var(--success-100);color:var(--color-success);display:flex;align-items:center;justify-content:center;font-size:var(--text-xl);flex-shrink:0}.reward-status{display:flex;align-items:center}.status-badge{padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.5px}.status-badge.active{background:var(--success-100);color:var(--color-success)}.reward-content{margin-bottom:var(--space-5)}.reward-title{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--color-primary);margin:0 0 var(--space-2) 0;line-height:var(--leading-tight)}.reward-subtitle{font-size:var(--text-sm);color:var(--color-text-muted);margin:0 0 var(--space-1) 0;line-height:var(--leading-normal)}.reward-meta{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-muted);margin-top:var(--space-2)}.meta-icon{font-size:var(--text-base);color:var(--color-text-muted)}.reward-actions{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-3)}.redeem-button{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);background:linear-gradient(135deg,var(--primary-500) 0%,var(--primary-600) 100%);color:#fff;border:none;border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-sm);touch-action:manipulation;-webkit-tap-highlight-color:rgba(255,255,255,.2);width:100%}.redeem-button:hover:not(:disabled){box-shadow:var(--shadow-md);transform:translateY(-2px)}.redeem-button:active:not(:disabled){transform:translateY(0)}.redeem-button:disabled{opacity:.6;cursor:not-allowed}.redeem-button.loading{opacity:.8;cursor:wait}.button-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid #fff;border-radius:50%;animation:spin 1s linear infinite}.rewards-list{display:flex;flex-direction:column;gap:var(--space-3)}.reward-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--color-bg-card);border-radius:var(--radius-lg);border:1px solid var(--color-border-light);box-shadow:var(--shadow-sm);transition:all var(--transition-fast)}.reward-item:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.reward-item-icon{width:40px;height:40px;border-radius:var(--radius-md);background:var(--secondary-100);color:var(--color-text-muted);display:flex;align-items:center;justify-content:center;font-size:var(--text-lg);flex-shrink:0}.reward-item-content{flex:1;min-width:0}.reward-item-title{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--primary-700);margin:0 0 var(--space-1) 0}.reward-item-meta{font-size:var(--text-sm);color:var(--color-text-muted);margin:0}.reward-item-status{flex-shrink:0}@media(max-width:640px){.rewards-grid{grid-template-columns:1fr;gap:var(--space-4)}.reward-card{padding:var(--space-4)}.section-header{flex-direction:column;align-items:flex-start;gap:var(--space-2)}.section-count{align-self:flex-start}}.store-rewards-page-container{display:flex;flex-direction:column;gap:var(--space-4);width:100%;padding:0;margin:0;box-sizing:border-box}.store-rewards-list{display:flex;flex-direction:column;gap:var(--space-4)}.store-reward-card{display:flex;align-items:flex-start;gap:var(--space-4);background:var(--color-bg-card);border-radius:var(--radius-xl);padding:var(--space-5);box-shadow:var(--shadow-md);border:1px solid var(--color-border-light)}.store-reward-icon{flex-shrink:0;width:72px;height:72px;display:flex;align-items:center;justify-content:center;background:var(--success-50);color:var(--color-success);border-radius:var(--radius-lg);overflow:hidden}.store-reward-image{width:100%;height:100%;object-fit:cover;display:block}.store-reward-content{flex:1;min-width:0}.store-reward-name{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text);margin:0 0 var(--space-1)}.store-reward-description{font-size:var(--text-sm);color:var(--color-text-muted);margin:0 0 var(--space-2);line-height:1.4}.store-reward-value{display:inline-block;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-primary);background:var(--primary-50);padding:var(--space-1) var(--space-2);border-radius:var(--radius-md)}.store-reward-badge{display:inline-block;margin-left:var(--space-2);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-success);background:var(--success-50);padding:var(--space-1) var(--space-2);border-radius:var(--radius-md)}.store-reward-already-added{color:var(--color-success, #2e7d32);font-size:var(--text-sm);font-weight:var(--font-medium)}.store-reward-claim-btn{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-primary);background:var(--primary-50);border:1px solid var(--color-primary);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);cursor:pointer;transition:opacity .15s,background .15s}.store-reward-claim-btn:hover:not(:disabled){background:var(--color-primary);color:#fff}.store-reward-claim-btn:disabled{opacity:.7;cursor:not-allowed}.store-reward-streak-badge{display:inline-block;font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--warning-600, #d97706);background:var(--warning-50, #fffbeb);border:1px solid var(--warning-200, #fde68a);padding:2px var(--space-2);border-radius:var(--radius-full, 999px);margin-top:var(--space-1);margin-bottom:var(--space-1);line-height:1.4}.profile-page-container{display:flex;flex-direction:column;gap:var(--space-4);width:100%}.app-root.admin-app-root .profile-page-container{padding:var(--space-4) var(--space-6) var(--space-6) var(--space-6);box-sizing:border-box;max-width:1200px;margin:0 auto}.profile-image-section{display:flex;flex-direction:column;align-items:center;margin-bottom:var(--space-6);padding:var(--space-4);background:var(--color-bg-card);border-radius:var(--radius-xl);border:1px solid var(--color-border-light)}.profile-image-container{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);width:100%}.profile-image-wrapper{position:relative;width:120px;height:120px;border-radius:var(--radius-full);overflow:hidden;background:var(--secondary-100);display:flex;align-items:center;justify-content:center;border:3px solid var(--color-border-light)}.profile-image{width:100%;height:100%;object-fit:cover}.profile-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);background:var(--secondary-100)}.profile-image-loading,.profile-image-uploading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#fffc;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.profile-image-upload-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-fast);touch-action:manipulation;-webkit-tap-highlight-color:rgba(255,255,255,.2)}.profile-image-upload-btn:hover:not(:disabled){background:var(--primary-700);transform:translateY(-1px);box-shadow:var(--shadow-md)}.profile-image-upload-btn:disabled{opacity:.6;cursor:not-allowed}.profile-form{display:flex;flex-direction:column;gap:var(--space-4);width:100%}.form-input{width:100%;padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);font-size:var(--text-base);color:var(--primary-700);background:var(--color-bg-card);transition:all var(--transition-fast);box-sizing:border-box}.input-wrapper .form-input{padding-right:40px}.edit-btn{position:absolute;right:var(--space-2);display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--primary-100);color:var(--color-primary);border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.edit-btn:hover{background:var(--primary-200);transform:scale(1.05)}.edit-btn:disabled{opacity:.5;cursor:not-allowed}.form-help{font-size:var(--text-xs);color:var(--color-text-muted);margin:0;text-align:left}.profile-actions{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-border-light)}.btn-primary,.btn-secondary,.btn-outline{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-fast);border:none;touch-action:manipulation;-webkit-tap-highlight-color:rgba(255,255,255,.2)}.btn-outline{background:transparent;color:var(--primary-700);border:1px solid var(--primary-300)}.btn-outline:hover:not(:disabled){background:var(--primary-50);border-color:var(--primary-400)}.btn-primary:disabled,.btn-secondary:disabled,.btn-outline:disabled{opacity:.6;cursor:not-allowed;transform:none}.profile-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-8);gap:var(--space-3)}.profile-loading .loading-spinner{width:40px;height:40px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .6s linear infinite}.profile-loading p{color:var(--color-text-muted);font-size:var(--text-base);margin:0}@media(max-width:640px){.profile-image-wrapper{width:100px;height:100px}.profile-actions{flex-direction:column}.btn-primary,.btn-secondary,.btn-outline{width:100%}}.page-container .page-header .page-title{color:var(--color-primary)!important}.page-container .page-header .page-subtitle{color:var(--color-text-muted)!important}.settings-section{margin-bottom:var(--space-6)}.settings-section:last-child{margin-bottom:0}.section-title{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-muted)!important;text-transform:uppercase;letter-spacing:.05em;margin:0 0 var(--space-3) 0!important;padding:0 var(--space-4);text-align:left}.section-items{display:flex;flex-direction:column;gap:var(--space-1)}.settings-item,.more-item{display:flex;align-items:center;gap:var(--space-4);width:100%;padding:var(--space-4);background:var(--color-bg-card);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);text-align:left;outline:none;position:relative;overflow:hidden}.settings-item:before,.more-item:before{content:"";position:absolute;top:0;left:0;width:3px;height:100%;background:var(--color-primary);transform:scaleY(0);transition:transform var(--transition-fast)}.settings-item:hover,.more-item:hover{background:var(--color-bg-subtle);border-color:var(--primary-300);transform:translate(4px);box-shadow:var(--shadow-sm)}.settings-item:hover:before,.more-item:hover:before{transform:scaleY(1)}.settings-item:active,.more-item:active{transform:translate(2px)}.settings-item:focus-visible,.more-item:focus-visible{outline:2px solid var(--primary-500);outline-offset:2px}.item-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;min-width:40px;border-radius:var(--radius-lg);background:var(--primary-50);color:var(--color-primary);font-size:20px;flex-shrink:0;transition:all var(--transition-fast);overflow:hidden;line-height:1}.item-icon svg{width:20px;height:20px;flex-shrink:0}.item-icon:not(:has(svg)){font-size:20px;line-height:1}.item-icon[class*=rewards-icon],.item-icon[class*=history-icon]{font-size:20px;line-height:1}.settings-item:hover .item-icon,.more-item:hover .item-icon{background:var(--primary-100);transform:scale(1.05)}.item-icon.profile-icon{background:var(--primary-50);color:var(--primary-600)}.item-icon.security-icon{background:var(--blue-50);color:var(--blue-600)}.item-icon.rewards-icon{background:var(--success-50);color:var(--success-600)}.item-icon.history-icon{background:var(--purple-50);color:var(--purple-600)}.item-icon.legal-icon{background:var(--gray-50);color:var(--gray-600)}.item-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--space-1);text-align:left}.item-title{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--primary-700)!important;margin:0;line-height:1.3;text-align:left}.item-subtitle{font-size:var(--text-sm);color:var(--color-text-muted);margin:0;line-height:1.4;text-align:left}.item-arrow{font-size:var(--text-xl);color:var(--color-text-muted);flex-shrink:0;transition:all var(--transition-fast);margin-left:var(--space-2)}.settings-item:hover .item-arrow,.more-item:hover .item-arrow{color:var(--color-primary);transform:translate(4px)}.danger-section{margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px solid var(--color-border-light)}.danger-section .section-title{color:var(--error-600)}.danger-item{border-color:var(--error-200)}.danger-item:hover{background:var(--error-50);border-color:var(--error-300)}.danger-item:hover:before{background:var(--error-500)}.danger-item .item-icon{background:var(--error-50);color:var(--error-600)}.danger-item:hover .item-icon{background:var(--error-100)}.danger-item .item-title{color:var(--error-700)}.danger-item:hover .item-title{color:var(--error-800)}.danger-item .item-arrow{color:var(--error-500)}.danger-item:hover .item-arrow{color:var(--error-600)}@media(max-width:640px){.settings-item,.more-item{padding:var(--space-3);gap:var(--space-3)}.item-icon{width:36px;height:36px;font-size:var(--text-base)}.item-title{font-size:var(--text-sm)}.item-subtitle{font-size:var(--text-xs)}.item-arrow{font-size:var(--text-lg)}.section-title{font-size:var(--text-xs);padding:0 var(--space-3)}}@media(prefers-reduced-motion:reduce){.settings-item,.more-item,.settings-item:before,.more-item:before,.item-icon,.item-arrow{transition:none!important;animation:none!important}.settings-item:hover,.more-item:hover{transform:none}}.password-form{display:flex;flex-direction:column;gap:var(--space-4);width:100%}.form-group{display:flex;flex-direction:column;gap:var(--space-2)}.form-label{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--primary-700);margin:0}.input-wrapper{position:relative;display:flex;align-items:center;width:100%}.form-input{width:100%;padding:var(--space-3) var(--space-4);padding-right:40px;border:1px solid var(--color-border);border-radius:var(--radius-lg);font-size:var(--text-base);color:var(--primary-700);background:var(--color-bg-card);transition:all var(--transition-fast);box-sizing:border-box}.form-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--primary-100)}.form-input:disabled{background:var(--secondary-100);color:var(--color-text-muted);cursor:not-allowed}.password-toggle-btn{position:absolute;right:var(--space-2);display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;color:var(--color-text-muted);border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.password-toggle-btn:hover:not(:disabled){background:var(--gray-100);color:var(--color-primary)}.password-toggle-btn:disabled{opacity:.5;cursor:not-allowed}.password-strength{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-2)}.strength-bar{flex:1;height:4px;background:var(--gray-200);border-radius:var(--radius-full);overflow:hidden}.strength-fill{height:100%;transition:all var(--transition-fast);border-radius:var(--radius-full)}.strength-label{font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.5px;min-width:50px;text-align:right}.password-match{margin-top:var(--space-2);font-size:var(--text-sm)}.match-success{display:flex;align-items:center;gap:var(--space-2);color:var(--color-success)}.match-error{display:flex;align-items:center;gap:var(--space-2);color:var(--color-error)}.password-instruction-field{padding:var(--space-4);background:var(--primary-50);border:1px solid var(--primary-200);border-radius:var(--radius-lg);margin-top:var(--space-2)}.instruction-content{display:flex;align-items:flex-start;gap:var(--space-3)}.instruction-icon{font-size:var(--text-xl);flex-shrink:0}.instruction-text{flex:1;min-width:0}.instruction-text strong{display:block;font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--primary-700);margin-bottom:var(--space-2)}.instruction-list{list-style:none;padding:0;margin:var(--space-2) 0 0 0;display:flex;flex-direction:column;gap:var(--space-2)}.instruction-list li{font-size:var(--text-sm);color:var(--color-text-muted);display:flex;align-items:center;gap:var(--space-2)}.instruction-list li.requirement-met{color:var(--color-success)}.instruction-toggle{margin-top:var(--space-3);padding:var(--space-2) 0;background:none;border:none;color:var(--color-primary);font-size:var(--text-xs);font-weight:var(--font-medium);cursor:pointer;text-align:left;transition:color var(--transition-fast)}.instruction-toggle:hover{color:var(--primary-700);text-decoration:underline}.password-actions,.settings-action-row{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-border-light)}.btn-primary,.btn-secondary{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-fast);border:none;touch-action:manipulation;-webkit-tap-highlight-color:rgba(255,255,255,.2)}.btn-primary{background:linear-gradient(135deg,var(--primary-500) 0%,var(--primary-600) 100%);color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover:not(:disabled){box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-secondary{background:var(--color-bg-card);color:var(--primary-700);border:1px solid var(--color-border)}.btn-secondary:hover:not(:disabled){background:var(--gray-50);border-color:var(--primary-300)}.btn-primary .spinner,.btn-secondary .spinner{animation:spin 1s linear infinite}.alert{padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);font-size:var(--text-sm);margin-top:var(--space-3)}.alert-success{background:var(--success-50);color:var(--color-success);border:1px solid var(--success-200)}@media(max-width:640px){.password-actions,.settings-action-row{flex-direction:column}.btn-primary,.btn-secondary{width:100%}}.activity-filters{padding:var(--space-4) 0;margin-bottom:var(--space-4);border-bottom:1px solid var(--color-border-light)}.filter-dropdowns{display:flex;gap:var(--space-3);flex-wrap:wrap}.activity-filter-dropdown{flex:1;min-width:150px}.activities-list{display:flex;flex-direction:column;gap:var(--space-2);flex:1;min-height:0;overflow-y:auto}.activity-item{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);background:var(--color-bg-card);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);transition:all var(--transition-fast)}.activity-item:hover{background:var(--gray-50);border-color:var(--primary-300);box-shadow:var(--shadow-sm)}.activity-icon-container{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-lg);flex-shrink:0;background:var(--primary-50)}.activity-icon-container .activity-icon,.activity-icon-container svg{width:18px;height:18px;min-width:18px;min-height:18px;flex-shrink:0}.activity-icon{color:var(--color-primary)}.activity-icon.points-icon{color:var(--color-success)}.activity-icon.reward-icon{color:var(--color-warning)}.activity-icon.profile-icon{color:var(--primary-600)}.activity-icon.store-icon{color:var(--color-secondary)}.activity-icon.login-icon{color:var(--primary-500)}.activity-icon.request-icon,.activity-icon.default-icon{color:var(--color-text-muted)}.activity-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--space-1)}.activity-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-2)}.activity-title{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--primary-700);margin:0;line-height:var(--leading-normal);flex:1;min-width:0}.activity-time{font-size:var(--text-sm);color:var(--color-text-muted);white-space:nowrap;flex-shrink:0}.activity-description{font-size:var(--text-sm);color:var(--color-text-muted);line-height:var(--leading-relaxed);margin:0;margin-top:var(--space-1)}.activity-points{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-success);background:var(--success-50);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);display:inline-block;margin-top:var(--space-1)}.activity-pagination{display:flex;align-items:center;justify-content:space-between;margin:var(--space-4) 0;gap:var(--space-3);padding:var(--space-3) 0;border-top:1px solid var(--color-border-light)}.pagination-info{margin:0;color:var(--color-text-muted);flex:1;font-size:var(--text-sm)}.pagination-buttons{display:flex;gap:var(--space-2);align-items:center}.pagination-button{display:flex;align-items:center;justify-content:center;min-width:40px;height:36px;padding:var(--space-2) var(--space-3);border:1px solid var(--primary-300);border-radius:var(--radius-md);background:var(--primary-50);color:var(--primary-700);cursor:pointer;transition:all var(--transition-fast);touch-action:manipulation;-webkit-tap-highlight-color:rgba(121,85,72,.2)}.pagination-button:hover:not(:disabled){background:var(--primary-100);border-color:var(--primary-400);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.pagination-button:disabled{background:var(--gray-100);color:var(--color-text-muted);border-color:var(--color-border);cursor:not-allowed;opacity:.5;transform:none}.pagination-button .spinner{animation:spin 1s linear infinite}@media(max-width:640px){.filter-dropdowns{flex-direction:column}.activity-filter-dropdown{width:100%}.activity-pagination{flex-direction:column;align-items:stretch}.pagination-info{text-align:center;margin-bottom:var(--space-2)}.pagination-buttons{justify-content:center}}.push-notification-icon{font-size:48px;text-align:center;margin-bottom:var(--space-4);opacity:.9}.push-not-supported{padding:var(--space-5);border-radius:var(--radius-lg);background:var(--primary-50);border:1px solid var(--primary-200);text-align:center}.push-not-supported-icon{font-size:40px;text-align:center;margin-bottom:var(--space-4);opacity:.6}.push-not-supported-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-primary);margin-bottom:var(--space-2);text-align:center}.push-not-supported-message{font-size:var(--text-sm);color:var(--color-text-muted);text-align:center;line-height:var(--leading-relaxed);margin-bottom:var(--space-5)}.ios-instructions{background:#fff;border:1px solid var(--primary-300);border-radius:var(--radius-lg);padding:var(--space-5);text-align:left;margin-top:var(--space-5)}.ios-instructions-header{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-primary);margin-bottom:var(--space-3);display:flex;align-items:center;gap:var(--space-2)}.ios-instructions-icon{font-size:var(--text-lg)}.ios-instructions-list{margin:0;padding-left:var(--space-5);font-size:var(--text-xs);color:var(--color-primary);line-height:var(--leading-relaxed)}.ios-instructions-list li{margin-bottom:var(--space-2)}.share-icon{font-size:var(--text-base)}.push-status-card{padding:var(--space-4);border-radius:var(--radius-lg);margin-bottom:var(--space-5);text-align:center}.push-status-enabled{background:var(--primary-50);border:1px solid var(--primary-200)}.push-status-disabled{background:var(--color-bg-subtle);border:1px solid var(--color-border-light)}.push-status-label{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-1)}.push-status-value{font-size:var(--text-base);font-weight:var(--font-bold);color:var(--color-primary)}.push-action-buttons{margin-bottom:var(--space-5)}.push-enable-btn,.push-disable-btn{width:100%;padding:var(--space-4) var(--space-5);border-radius:var(--radius-lg);font-size:var(--text-base);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-fast);touch-action:manipulation;-webkit-tap-highlight-color:rgba(255,255,255,.2);border:none}.push-enable-btn{background:linear-gradient(135deg,var(--primary-500) 0%,var(--primary-600) 100%);color:#fff;box-shadow:var(--shadow-sm)}.push-enable-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-md)}.push-enable-btn:disabled{background:var(--primary-300);opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.push-disable-btn{border:2px solid var(--primary-300);background:transparent;color:var(--color-primary)}.push-disable-btn:hover:not(:disabled){background:var(--primary-50)}.push-disable-btn:disabled{opacity:.5;cursor:not-allowed}.btn-loading{display:flex;align-items:center;justify-content:center;gap:var(--space-2)}.btn-loading .spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid #fff;border-radius:50%;animation:spin .8s linear infinite}.push-info-section{padding:var(--space-4);border-radius:var(--radius-lg);background:var(--primary-50);border:1px solid var(--primary-100)}.push-info-header{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-primary);margin-bottom:var(--space-3);display:flex;align-items:center;gap:var(--space-2)}.push-info-list{margin:0;padding-left:var(--space-7);font-size:var(--text-xs);color:var(--color-text-muted);line-height:var(--leading-relaxed)}.push-info-list li{margin-bottom:var(--space-1)}.push-info-list li:last-child{margin-bottom:0}.alert{padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);font-size:var(--text-sm);margin-bottom:var(--space-5);display:flex;align-items:center;gap:var(--space-2)}.alert-success{background:var(--primary-50);border:1px solid var(--primary-200);color:var(--color-primary)}.alert-error{background:var(--error-50);border:1px solid var(--error-200);color:var(--error-700)}@media(max-width:640px){.push-notification-icon{font-size:40px}.push-enable-btn,.push-disable-btn{padding:var(--space-3) var(--space-4);font-size:var(--text-sm)}}.marketing-channels{background:#fff;border-radius:var(--radius-lg);border:1px solid var(--color-border);overflow:hidden;margin-bottom:var(--space-5)}.marketing-channel-item{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);cursor:pointer;border-bottom:1px solid var(--color-border);transition:background var(--transition-fast);background:#fff}.marketing-channel-item:hover{background:var(--gray-50)}.marketing-channel-item-last{border-bottom:none}.marketing-channel-checkbox{width:20px;height:20px;cursor:pointer;accent-color:var(--color-primary);flex-shrink:0;transition:all var(--transition-fast)}.marketing-channel-icon{font-size:var(--text-lg);flex-shrink:0;line-height:1}.marketing-channel-content{flex:1;min-width:0}.marketing-channel-label{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--primary-700);margin:0;line-height:var(--leading-normal)}.marketing-save-btn{width:100%;padding:var(--space-3) var(--space-6);border-radius:var(--radius-lg);font-size:var(--text-base);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-fast);border:none;display:flex;align-items:center;justify-content:center;gap:var(--space-2);touch-action:manipulation;-webkit-tap-highlight-color:rgba(255,255,255,.2)}.marketing-save-btn:hover:not(:disabled){opacity:.9}.marketing-save-btn:disabled{opacity:.6;cursor:not-allowed}.marketing-save-btn .spinner{animation:spin 1s linear infinite}.marketing-info-section{margin-top:var(--space-5);padding:var(--space-3);background:var(--secondary-50);border-radius:var(--radius-lg);border:1px solid var(--color-border)}.marketing-info-content{display:flex;align-items:flex-start;gap:var(--space-2);font-size:var(--text-xs);line-height:var(--leading-normal)}.marketing-info-icon{font-size:var(--text-base);flex-shrink:0;margin-top:-2px}.marketing-info-text{flex:1;color:var(--color-text);font-size:var(--text-xs)}.marketing-info-title{font-size:var(--text-sm);font-weight:var(--font-semibold);display:block}.marketing-info-details{margin-top:var(--space-2);display:block;color:var(--color-text-muted);line-height:var(--leading-relaxed)}.marketing-info-toggle{margin-top:var(--space-2);margin-left:var(--space-6);background:none;border:none;color:var(--color-primary);font-size:var(--text-xs);font-weight:var(--font-medium);cursor:pointer;padding:0;text-decoration:underline;display:flex;align-items:center;gap:var(--space-1);transition:color var(--transition-fast)}.marketing-info-toggle:hover{color:var(--primary-700)}.alert{padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);font-size:var(--text-sm);margin-bottom:var(--space-4)}.alert-error{background:var(--error-50);color:var(--color-error);border:1px solid var(--error-200)}@media(max-width:640px){.marketing-channel-item{padding:var(--space-3) var(--space-4)}.marketing-save-btn{padding:var(--space-3) var(--space-4);font-size:var(--text-sm)}}.legal-content{padding:0;line-height:var(--leading-relaxed);color:var(--color-text);width:100%}.legal-content section{margin-bottom:var(--space-8)}.legal-content section:last-child{margin-bottom:0}.legal-content h2{font-size:var(--text-2xl);font-weight:var(--font-semibold);color:var(--primary-600);margin:0 0 var(--space-4) 0;padding-bottom:var(--space-2);border-bottom:2px solid var(--primary-100);line-height:var(--leading-tight)}.legal-content h3{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--primary-700);margin:var(--space-5) 0 var(--space-3) 0;line-height:var(--leading-normal)}.legal-content h3:first-child{margin-top:0}.legal-content h4{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--primary-700);margin:var(--space-4) 0 var(--space-2) 0;line-height:var(--leading-normal)}.legal-content p{font-size:var(--text-base);margin:0 0 var(--space-4) 0;color:var(--color-text);line-height:var(--leading-relaxed)}.legal-content p:last-child{margin-bottom:0}.legal-content ul{margin:0 0 var(--space-4) 0;padding-left:var(--space-6);list-style-type:disc}.legal-content ul:last-child{margin-bottom:0}.legal-content li{font-size:var(--text-base);margin:0 0 var(--space-2) 0;color:var(--color-text);line-height:var(--leading-relaxed)}.legal-content li:last-child{margin-bottom:0}.legal-content strong{font-weight:var(--font-semibold);color:var(--primary-700)}.legal-content a{color:var(--color-primary);text-decoration:underline;transition:color var(--transition-fast)}.legal-content a:hover{color:var(--primary-700);text-decoration:underline}@media(max-width:640px){.legal-content{padding:0}.legal-content section{margin-bottom:var(--space-6)}.legal-content h2{font-size:var(--text-xl);margin-bottom:var(--space-3)}.legal-content h3{font-size:var(--text-base);margin-top:var(--space-4);margin-bottom:var(--space-2)}.legal-content h4{font-size:var(--text-sm);margin-top:var(--space-3);margin-bottom:var(--space-2)}.legal-content p,.legal-content li{font-size:var(--text-sm)}.legal-content ul{padding-left:var(--space-5)}}@keyframes authLogoEntrance{0%{opacity:0;transform:scale(.7)}60%{transform:scale(1.04)}to{opacity:1;transform:scale(1)}}@keyframes authSlideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes authGradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.auth-page-container{max-width:500px;margin:0 auto;width:100%;background:linear-gradient(135deg,var(--primary-50) 0%,transparent 40%,transparent 60%,var(--primary-50) 100%);background-size:200% 200%;animation:authGradientShift 8s ease-in-out infinite}.auth-page-header{text-align:center;padding-bottom:var(--space-6);margin-bottom:var(--space-6);border-bottom:1px solid var(--color-border-light)}.auth-page-header .page-header-content{align-items:center}.auth-logo{width:80px;height:80px;margin:0 auto var(--space-4);border-radius:var(--radius-xl);overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--primary-50);border:1px solid var(--primary-100);animation:authLogoEntrance .5s cubic-bezier(.34,1.56,.64,1) .05s both}.auth-logo-img{width:100%;height:100%;object-fit:contain;border-radius:var(--radius-lg)}.auth-logo-fallback{font-size:36px;color:var(--color-primary);line-height:1}.auth-page-title{font-family:var(--font-sans);font-size:var(--text-4xl);background:linear-gradient(135deg,var(--primary-600) 0%,var(--primary-800) 50%,var(--primary-600) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:var(--primary-700);margin-bottom:0;letter-spacing:-.3px;text-align:center;font-weight:var(--font-bold);font-style:normal;text-shadow:0 2px 4px rgba(121,85,72,.1);transition:all var(--transition-base);position:relative;animation:authSlideUp .4s ease .2s both}.auth-page-subtitle{font-size:var(--text-base);font-weight:var(--font-medium);color:var(--primary-600);opacity:.85;text-align:center;letter-spacing:.2px;margin-top:0;transition:all var(--transition-base);animation:authSlideUp .4s ease .3s both}.auth-page-header .page-header-content{gap:var(--space-1)}.auth-page-content{display:flex;flex-direction:column;gap:var(--space-4);animation:authSlideUp .4s ease .4s both}.auth-page-content .login-form{animation:authSlideUp .35s ease .45s both}.auth-page-content .login-divider{animation:authSlideUp .35s ease .55s both}.auth-page-content .google-signin-link,.auth-page-content .apple-signin-link{animation:authSlideUp .35s ease .6s both}.auth-page-content .apple-signin-link{animation-delay:.65s}.auth-page-content .login-footer{animation:authSlideUp .35s ease .7s both}.auth-page-content .auth-page-footer{animation:authSlideUp .35s ease .75s both}.auth-form{display:flex;flex-direction:column;gap:var(--space-4);width:100%}.auth-submit-btn,.login-button{width:100%;padding:var(--space-3) var(--space-6);background:linear-gradient(90deg,var(--primary-500) 0%,var(--primary-600) 100%);color:#fff;border:none;border-radius:var(--radius-lg);font-size:var(--text-base);font-weight:var(--font-semibold);cursor:pointer;box-shadow:var(--shadow-md);transition:all var(--transition-fast);margin-top:var(--space-2);display:flex;align-items:center;justify-content:center;gap:var(--space-2);touch-action:manipulation;-webkit-tap-highlight-color:rgba(255,255,255,.2)}.auth-submit-btn:hover:not(:disabled),.login-button:hover:not(:disabled){background:linear-gradient(90deg,var(--primary-600) 0%,var(--primary-700) 100%);box-shadow:var(--shadow-lg);transform:translateY(-1px)}.auth-submit-btn:active:not(:disabled),.login-button:active:not(:disabled){transform:translateY(0)}.auth-submit-btn:disabled,.login-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.button-loading{display:flex;align-items:center;justify-content:center;gap:var(--space-2)}.button-loading .spinner{animation:spin 1s linear infinite;width:16px;height:16px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;flex-shrink:0}.auth-actions{display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-4)}.auth-actions .btn-primary,.auth-actions .btn-secondary{width:100%}.login-divider{display:flex;align-items:center;gap:var(--space-4);margin:var(--space-4) 0;color:var(--color-text-muted);font-size:var(--text-sm)}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background:var(--color-border)}.login-divider span{padding:0 var(--space-2)}.google-signin-link{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text);font-weight:var(--font-medium);text-decoration:none;transition:all var(--transition-fast);touch-action:manipulation;-webkit-tap-highlight-color:rgba(121,85,72,.2)}.google-signin-link:hover{background:var(--gray-50);border-color:var(--primary-300)}.apple-signin-link{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);background:var(--color-bg-card);border:1px solid #000;border-radius:var(--radius-lg);color:#000;font-weight:var(--font-medium);text-decoration:none;transition:all var(--transition-fast);touch-action:manipulation;-webkit-tap-highlight-color:rgba(0,0,0,.1);margin-top:var(--space-2)}.apple-signin-link:hover{background:var(--gray-50);border-color:#000}.login-footer{display:flex;justify-content:space-between;gap:var(--space-4);margin-top:var(--space-4);flex-wrap:wrap}.login-link,.auth-link{color:var(--color-primary);font-size:var(--text-sm);text-decoration:none;transition:color var(--transition-fast)}.login-link:hover,.auth-link:hover{color:var(--primary-700);text-decoration:underline}.auth-page-footer{text-align:center;margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--color-border-light);color:var(--color-text-muted);font-size:var(--text-sm)}.form-error-message{padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);font-size:var(--text-sm);margin-top:var(--space-2)}.form-error-message.success{background:var(--success-50);color:var(--color-success);border:1px solid var(--success-200)}.form-error-message.error{background:var(--error-50);color:var(--color-error);border:1px solid var(--error-200)}.forgot-password-actions{display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-4)}.forgot-password-actions .btn-primary,.forgot-password-actions .btn-secondary{width:100%}@media(prefers-reduced-motion:reduce){.auth-logo,.auth-page-title,.auth-page-subtitle,.auth-page-content,.auth-page-content .login-form,.auth-page-content .login-divider,.auth-page-content .google-signin-link,.auth-page-content .apple-signin-link,.auth-page-content .login-footer,.auth-page-content .auth-page-footer{animation:none;opacity:1;transform:none}.auth-page-container{animation:none}}@media(max-width:640px){.auth-page-container{max-width:100%}.auth-logo{width:72px;height:72px}width: 64px;height: 64px}.auth-page-title{font-size:var(--text-3xl)}.auth-submit-btn,.login-button{padding:var(--space-3) var(--space-4);font-size:var(--text-sm)}.login-footer{flex-direction:column;align-items:center;text-align:center}.reset-password-page{min-height:100vh;min-height:100dvh;width:100%;box-sizing:border-box;display:flex;align-items:center;justify-content:center;padding:var(--space-6);padding-top:max(var(--space-6),var(--safe-area-inset-top, 0px));padding-bottom:max(var(--space-6),var(--safe-area-inset-bottom, 0px));padding-left:max(var(--space-6),var(--safe-area-inset-left, 0px));padding-right:max(var(--space-6),var(--safe-area-inset-right, 0px));background:linear-gradient(135deg,var(--secondary-50) 0%,var(--secondary-100) 100%);overflow-y:auto}.reset-password-container{width:100%;max-width:500px;margin:0 auto;padding:var(--space-8);box-sizing:border-box;background:var(--color-bg-card);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);border:1px solid var(--primary-100)}.reset-password-header{text-align:center;margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border-light)}.reset-password-icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;margin:0 auto var(--space-4);border-radius:var(--radius-xl);background:var(--primary-50);color:var(--color-primary);font-size:28px}.reset-password-title{font-size:var(--text-2xl);font-weight:var(--font-semibold);color:var(--color-primary);margin:0 0 var(--space-1);line-height:var(--leading-tight)}.reset-password-subtitle{font-size:var(--text-base);color:var(--color-text-muted);margin:0;line-height:var(--leading-normal)}.reset-password-form{display:flex;flex-direction:column;gap:var(--space-4)}.reset-password-actions{margin-top:var(--space-4)}.reset-password-actions .btn-primary{width:100%}@media(max-width:640px){.reset-password-page{padding:var(--space-4);padding-top:max(var(--space-4),var(--safe-area-inset-top, 0px));padding-bottom:max(var(--space-4),var(--safe-area-inset-bottom, 0px));padding-left:max(var(--space-4),var(--safe-area-inset-left, 0px));padding-right:max(var(--space-4),var(--safe-area-inset-right, 0px));align-items:flex-start;padding-top:max(var(--space-6),var(--safe-area-inset-top, 0px))}.reset-password-container{padding:var(--space-6);border-radius:var(--radius-xl)}.reset-password-header{margin-bottom:var(--space-4)}.reset-password-icon{width:56px;height:56px;font-size:24px}.reset-password-title{font-size:var(--text-xl)}}.app-store-nudge{display:flex;align-items:center;justify-content:center;gap:var(--space-2);margin-top:var(--space-3);padding:var(--space-2) var(--space-4);background:var(--color-surface-alt, #f5f0ea);border-radius:var(--radius-lg, 12px);font-size:var(--text-xs, .75rem)}.app-store-nudge-text{color:var(--color-text-muted)}.app-store-nudge-link{display:inline-flex;align-items:center;gap:5px;color:var(--color-primary, #b8955a);font-weight:600;text-decoration:none;white-space:nowrap}.app-store-nudge-link:hover{text-decoration:underline}.app-store-nudge-apple-icon{width:15px;height:15px;fill:currentColor;flex-shrink:0;margin-bottom:1px}.celebration-overlay{position:fixed;inset:0;z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0000008c;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:celebrationFadeIn .3s ease both;padding:var(--space-6)}@keyframes celebrationFadeIn{0%{opacity:0}to{opacity:1}}.celebration-card{position:relative;background:var(--white, #fff);border-radius:var(--radius-2xl, 20px);padding:var(--space-8) var(--space-6) var(--space-6);max-width:340px;width:100%;text-align:center;box-shadow:0 24px 64px #00000040;animation:celebrationBounce .5s cubic-bezier(.34,1.56,.64,1) .15s both;overflow:visible}@keyframes celebrationBounce{0%{opacity:0;transform:scale(.6) translateY(30px)}60%{transform:scale(1.04) translateY(-4px)}to{opacity:1;transform:scale(1) translateY(0)}}.celebration-icon{font-size:64px;line-height:1;margin-bottom:var(--space-2);animation:celebrationPulse .6s ease .55s both}@keyframes celebrationPulse{0%{transform:scale(0)}50%{transform:scale(1.25)}to{transform:scale(1)}}.celebration-title{font-size:var(--text-2xl, 24px);font-weight:var(--font-bold, 700);color:var(--color-primary, #795548);margin:var(--space-2) 0 var(--space-1)}.celebration-subtitle{font-size:var(--text-base, 16px);color:var(--color-text-muted, #6b7280);margin-bottom:var(--space-5);line-height:var(--leading-relaxed, 1.625)}.celebration-points{display:inline-flex;align-items:center;gap:var(--space-2);background:linear-gradient(135deg,var(--primary-50, #FFF8E1) 0%,var(--primary-100, #FFE0B2) 100%);color:var(--primary-700, #5D4037);font-weight:var(--font-semibold, 600);font-size:var(--text-lg, 18px);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full, 9999px);margin-bottom:var(--space-5);animation:celebrationSlideUp .4s ease .7s both}@keyframes celebrationSlideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.celebration-actions{display:flex;flex-direction:column;gap:var(--space-3);animation:celebrationSlideUp .4s ease .85s both}.celebration-btn-primary{width:100%;padding:var(--space-3) var(--space-5);border:none;border-radius:var(--radius-lg, 12px);background:linear-gradient(135deg,var(--primary-600, #6D4C41) 0%,var(--primary-700, #5D4037) 100%);color:#fff;font-weight:var(--font-semibold, 600);font-size:var(--text-base, 16px);cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;touch-action:manipulation}.celebration-btn-primary:active{transform:scale(.97)}.celebration-btn-secondary{width:100%;padding:var(--space-2) var(--space-4);border:none;background:none;color:var(--color-text-muted, #6b7280);font-weight:var(--font-medium, 500);font-size:var(--text-sm, 14px);cursor:pointer;transition:color .15s ease}.celebration-btn-secondary:hover{color:var(--color-primary, #795548)}.confetti-container{position:fixed;inset:0;pointer-events:none;z-index:10000;overflow:hidden}.confetti-piece{position:absolute;top:-20px;width:10px;height:10px;border-radius:2px;animation:confettiFall var(--fall-duration, 3s) cubic-bezier(.25,.46,.45,.94) var(--fall-delay, 0s) forwards}@keyframes confettiFall{0%{transform:translateY(0) rotate(0) scale(1);opacity:1}75%{opacity:1}to{transform:translateY(calc(100vh + 40px)) rotate(var(--confetti-rotation, 720deg)) scale(.4);opacity:0}}@media(prefers-reduced-motion:reduce){.celebration-overlay,.celebration-card,.celebration-icon,.celebration-points,.celebration-actions{animation:none}.confetti-piece{animation:none;display:none}}.coffee-card-wrapper{position:relative;width:100%;max-width:340px;margin:var(--space-6) auto;perspective:1000px}.coffee-card-flip-container{position:relative;width:100%;height:auto;transform-style:preserve-3d;transform:rotateY(0);transition:transform .6s cubic-bezier(.4,0,.2,1);cursor:default}.coffee-card-flip-container--interactive{cursor:pointer}.coffee-card-flip-container--flipped{transform:rotateY(180deg)}.coffee-card-front{border:2px solid var(--primary-300);border-radius:var(--radius-xl);padding:var(--space-6);background:#fff;width:100%;box-shadow:var(--shadow-lg);text-align:center;box-sizing:border-box;position:relative;backface-visibility:hidden;-webkit-backface-visibility:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transform:rotateY(0) translateZ(0);transition:box-shadow var(--transition-normal),border-color var(--transition-normal);overflow:hidden}.coffee-card-front--has-logo{background:#fff}.coffee-card-front:hover{box-shadow:var(--shadow-xl);border-color:var(--primary-400)}.coffee-card-refresh-btn{position:absolute;top:10px;right:10px;width:40px;height:40px;border-radius:50%;border:2px solid var(--primary-400);background:#fff;color:var(--primary-600);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 3px 10px #00000026;z-index:10;padding:0;outline:none;opacity:1}.coffee-card-refresh-btn:hover{background:linear-gradient(135deg,var(--primary-50) 0%,var(--primary-100) 100%);border-color:var(--primary-500);transform:scale(1.15);box-shadow:0 4px 12px #79554840}.coffee-card-refresh-btn:active{transform:scale(.95)}.coffee-card-refresh-btn--loading{background:linear-gradient(135deg,var(--primary-100) 0%,var(--primary-200) 100%);cursor:not-allowed;opacity:.8;box-shadow:0 2px 8px #79554833}.coffee-card-refresh-btn--loading:hover{transform:none;background:linear-gradient(135deg,var(--primary-100) 0%,var(--primary-200) 100%);border-color:var(--primary-400);box-shadow:0 2px 8px #79554833}.coffee-card-refresh-btn--loading:active{transform:none}.coffee-card-refresh-icon{transition:transform .3s ease;flex-shrink:0;display:block}.coffee-card-refresh-spinner{width:20px;height:20px;min-width:20px;min-height:20px;border:2px solid var(--primary-100);border-top:2px solid var(--primary-600);border-radius:50%;animation:spin .8s linear infinite;flex-shrink:0;display:block}.coffee-card-pattern{position:absolute;inset:0;opacity:.03;background-image:radial-gradient(circle at 2px 2px,var(--primary-600) 1px,transparent 0);background-size:24px 24px;pointer-events:none}.coffee-card-logo-section{margin-bottom:var(--space-4);display:flex;justify-content:center;align-items:center}.coffee-card-logo-frame{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,var(--primary-50) 0%,var(--primary-100) 100%);padding:4px;box-shadow:0 2px 8px #0000001a;border:2px solid var(--primary-200);display:flex;align-items:center;justify-content:center;overflow:hidden}.coffee-card-logo-img{width:100%;height:100%;object-fit:cover;border-radius:50%}.coffee-card-store-name{font-weight:700;margin-bottom:var(--space-4);font-size:18px;color:var(--primary-700);position:relative;z-index:1}.coffee-card-store-name--custom{font-size:20px}.coffee-card-progress-ring{position:relative;display:inline-flex;margin-bottom:var(--space-4)}.coffee-card-progress-ring svg{transform:rotate(-90deg)}.coffee-card-progress-ring circle{transition:stroke-dashoffset .5s ease}.coffee-card-progress-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:14px;font-weight:700;color:var(--primary-700)}.coffee-card-stamps{display:flex;justify-content:center;align-items:center;gap:var(--space-2);flex-wrap:wrap;position:relative;z-index:1}.coffee-card-stamp{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;transition:all var(--transition-normal)}.coffee-card-stamp--earned{background:linear-gradient(135deg,var(--primary-500) 0%,var(--primary-600) 100%);border:2px solid var(--primary-600);box-shadow:var(--shadow-md);filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));transform:scale(1.05)}.coffee-card-stamp--earned .coffee-card-stamp-icon{font-size:24px;color:#fff}.coffee-card-stamp--empty{background:var(--primary-100);border:2px solid var(--primary-200);box-shadow:var(--shadow-sm);transform:scale(1)}.coffee-card-stamp--empty .coffee-card-stamp-icon{font-size:20px;color:var(--primary-400)}.coffee-card-stamp-separator{font-size:14px;color:var(--primary-400);margin-left:2px}.coffee-card-reward-slot{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;transition:all var(--transition-normal)}.coffee-card-reward-slot--pending{background:var(--success-50);border:2px solid var(--success-200);box-shadow:var(--shadow-sm);transform:scale(1)}.coffee-card-reward-slot--earned{background:linear-gradient(135deg,var(--success-500) 0%,var(--success-600) 100%);border:2px solid var(--success-600);box-shadow:var(--shadow-md);filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));transform:scale(1.05)}.coffee-card-reward-label{display:inline-flex;align-items:center;gap:var(--space-2);margin-top:var(--space-4);padding:var(--space-2) var(--space-4);font-size:13px;font-weight:600;color:var(--color-success);background:var(--success-50);border:1px solid var(--success-200, rgba(34, 197, 94, .2));border-radius:var(--radius-full);position:relative;z-index:1;letter-spacing:.02em}.coffee-card-reward-label-icon{flex-shrink:0;opacity:.85}.coffee-card-points-display{margin-top:var(--space-4);font-weight:700;font-size:16px;color:var(--primary-600);position:relative;z-index:1}.coffee-card-no-promo{margin-top:var(--space-4);margin-bottom:var(--space-4);position:relative;z-index:1}.coffee-card-no-promo-icon{font-size:56px;margin-bottom:var(--space-4);opacity:.7;line-height:1}.coffee-card-no-promo-title{margin:0;margin-bottom:var(--space-2);font-size:20px;font-weight:700;color:var(--primary-700)}.coffee-card-no-promo-text{margin:0;font-size:14px;color:var(--primary-600);font-weight:500;line-height:1.5}.coffee-card-expiry{margin:var(--space-2) auto 0;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:500;position:relative;z-index:1;display:flex;width:fit-content;align-items:center;gap:4px;letter-spacing:.3px}.coffee-card-expiry--normal{background:#7955480d;color:var(--primary-600)}.coffee-card-expiry--expiring{background:#ff980014;color:var(--color-warning)}.coffee-card-expiry--expired{background:#d32f2f14;color:var(--color-error)}.coffee-card-expiry-icon{font-size:12px;opacity:.8}.coffee-card-flip-hint{margin-top:var(--space-3);font-size:11px;color:var(--color-text-muted);opacity:.6;display:flex;align-items:center;justify-content:center;gap:4px;position:relative;z-index:1}.coffee-card-back{border:2px solid var(--primary-300);border-radius:var(--radius-xl);padding:var(--space-6);background:#fff;width:100%;box-shadow:var(--shadow-lg);box-sizing:border-box;position:absolute;top:0;left:0;right:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transform:rotateY(180deg) translateZ(0);overflow:hidden}.coffee-card-back-header{margin-bottom:var(--space-5);position:relative;z-index:1}.coffee-card-back-header-row{display:flex;align-items:center;gap:12px;margin-bottom:var(--space-2)}.coffee-card-back-icon-frame{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--primary-50) 0%,var(--primary-100) 100%);display:flex;align-items:center;justify-content:center;border:2px solid var(--primary-200);flex-shrink:0}.coffee-card-back-info{flex:1}.coffee-card-back-store-name{font-size:20px;font-weight:700;color:var(--primary-700);margin:0 0 4px}.coffee-card-back-type-label{font-size:11px;color:var(--primary-600);font-weight:600;margin:0;text-transform:uppercase;letter-spacing:.5px}.coffee-card-back-subtitle{font-size:12px;color:var(--color-text-muted);opacity:.7;margin:8px 0 0}.coffee-card-details{display:flex;flex-direction:column;gap:var(--space-4);position:relative;z-index:1}.coffee-card-detail-row{display:flex;align-items:flex-start;gap:var(--space-3);text-align:left}.coffee-card-detail-icon{color:var(--primary-600);margin-top:2px;flex-shrink:0}.coffee-card-detail-body{flex:1}.coffee-card-detail-label{font-size:12px;font-weight:600;color:var(--primary-700);margin-bottom:4px}.coffee-card-detail-link{font-size:14px;color:var(--primary-600);text-decoration:none;display:inline-block;line-height:1.5;word-break:break-word}.coffee-card-detail-link:hover{text-decoration:underline}.coffee-card-loading-text{font-size:12px;color:var(--color-text-muted);text-align:center;padding:var(--space-3)}.coffee-card-no-details{font-size:12px;color:var(--color-text-muted);text-align:center;padding:var(--space-3);font-style:italic}.coffee-card-back-flip-hint{margin-top:var(--space-4);font-size:11px;color:var(--color-text-muted);opacity:.6;text-align:center;position:relative;z-index:1}@media(prefers-reduced-motion:reduce){.coffee-card-flip-container{transition:none}.coffee-card-front,.coffee-card-front:hover{transition:none;transform:rotateY(0)}.coffee-card-refresh-btn,.coffee-card-refresh-btn:hover,.coffee-card-refresh-btn:active{transition:none;transform:none}.coffee-card-stamp,.coffee-card-stamp--earned,.coffee-card-reward-slot{transition:none}.coffee-card-refresh-spinner{animation:none}.coffee-card-progress-ring circle{transition:none}}.onboarding-overlay{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:linear-gradient(160deg,var(--primary-50, #FFF8E1) 0%,var(--primary-100, #FFE0B2) 50%,var(--primary-50) 100%);padding:var(--space-4);animation:onboardingFadeIn .4s ease-out}@keyframes onboardingFadeIn{0%{opacity:0}to{opacity:1}}.onboarding-card{position:relative;width:100%;max-width:380px;background:var(--color-white, #fff);border-radius:var(--radius-2xl, 20px);box-shadow:var(--shadow-xl, 0 20px 60px rgba(0, 0, 0, .12));padding:var(--space-8, 32px) var(--space-6, 24px) var(--space-6, 24px);display:flex;flex-direction:column;align-items:center;text-align:center;overflow:hidden;min-height:520px;max-height:90vh}.onboarding-skip{position:absolute;top:var(--space-4, 16px);right:var(--space-4, 16px);background:none;border:none;font-size:14px;font-weight:600;color:var(--primary-400, #A1887F);cursor:pointer;padding:var(--space-2, 8px) var(--space-3, 12px);border-radius:var(--radius-md, 8px);transition:all var(--transition-fast, .15s) ease;z-index:2}.onboarding-skip:hover{color:var(--primary-600, #6D4C41);background:var(--primary-50, #FFF8E1)}.onboarding-skip:active{transform:scale(.95)}.onboarding-illustration{flex-shrink:0;margin-top:var(--space-4, 16px);margin-bottom:var(--space-6, 24px)}.onboarding-slide--next{animation:onboardingSlideInNext .35s ease-out}.onboarding-slide--prev{animation:onboardingSlideInPrev .35s ease-out}@keyframes onboardingSlideInNext{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes onboardingSlideInPrev{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}.onboarding-content{flex:1;display:flex;flex-direction:column;align-items:center;gap:var(--space-3, 12px);margin-bottom:var(--space-4, 16px)}.onboarding-title{margin:0;font-size:24px;font-weight:800;color:var(--primary-800, #3E2723);background:linear-gradient(135deg,var(--primary-700, #5D4037) 0%,var(--primary-600, #6D4C41) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em}.onboarding-description{margin:0;font-size:15px;line-height:1.6;color:var(--primary-600, #6D4C41);max-width:300px}.onboarding-action-btn{margin-top:var(--space-2, 8px);padding:var(--space-2, 8px) var(--space-5, 20px);font-size:14px;font-weight:600;color:var(--color-white, #fff);background:var(--color-success, #22C55E);border:none;border-radius:var(--radius-full, 9999px);cursor:pointer;transition:all var(--transition-fast, .15s) ease;box-shadow:0 2px 8px #22c55e4d}.onboarding-action-btn:hover{background:var(--success-600, #16A34A);transform:translateY(-1px);box-shadow:0 4px 12px #22c55e59}.onboarding-action-btn:active{transform:scale(.96)}.onboarding-action-done{margin-top:var(--space-2, 8px);font-size:14px;font-weight:600;color:var(--color-success, #22C55E);animation:onboardingCheckPop .3s ease-out}@keyframes onboardingCheckPop{0%{opacity:0;transform:scale(.5)}70%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.onboarding-dots{display:flex;gap:var(--space-2, 8px);margin-bottom:var(--space-5, 20px)}.onboarding-dot{width:8px;height:8px;border-radius:50%;background:var(--primary-200, #BCAAA4);transition:all .3s ease}.onboarding-dot--active{width:24px;border-radius:4px;background:var(--color-primary, #795548)}.onboarding-nav{width:100%;display:flex;justify-content:space-between;align-items:center;gap:var(--space-3, 12px)}.onboarding-btn{padding:var(--space-3, 12px) var(--space-6, 24px);font-size:15px;font-weight:700;border-radius:var(--radius-lg, 12px);border:none;cursor:pointer;transition:all var(--transition-fast, .15s) ease}.onboarding-btn:active{transform:scale(.95)}.onboarding-btn--back{background:var(--primary-50, #FFF8E1);color:var(--primary-600, #6D4C41)}.onboarding-btn--back:hover{background:var(--primary-100, #FFE0B2)}.onboarding-btn--next{background:linear-gradient(135deg,var(--color-primary, #795548) 0%,var(--primary-600, #6D4C41) 100%);color:var(--color-white, #fff);box-shadow:0 2px 8px #7955484d;flex:1;max-width:200px}.onboarding-btn--next:hover{box-shadow:0 4px 16px #79554866;transform:translateY(-1px)}@media(prefers-reduced-motion:reduce){.onboarding-overlay,.onboarding-slide--next,.onboarding-slide--prev,.onboarding-action-done{animation:none}.onboarding-dot,.onboarding-btn,.onboarding-skip,.onboarding-action-btn{transition:none}}@media(max-height:600px){.onboarding-card{min-height:auto;padding:var(--space-6, 24px) var(--space-4, 16px) var(--space-4, 16px)}.onboarding-illustration{margin-top:var(--space-2, 8px);margin-bottom:var(--space-3, 12px)}.onboarding-illustration svg{width:120px;height:120px}.onboarding-title{font-size:20px}.onboarding-description{font-size:14px}}.admin-page-container{width:100%;max-width:1200px;margin:0 auto;padding:var(--space-4) var(--space-6) var(--space-6) var(--space-6);box-sizing:border-box;display:flex;flex-direction:column;background:transparent!important;min-height:0;position:relative;min-width:0;overflow-x:hidden;flex:1 1 auto}@media(min-width:768px){.admin-page-container{padding-top:var(--space-4)!important}}@supports (-webkit-touch-callout: none){.admin-page-container{padding-bottom:calc(var(--space-6) + env(safe-area-inset-bottom,0px) + var(--space-6, 24px))!important}}.admin-page-padded{padding:var(--space-6) var(--space-6) var(--space-8) var(--space-6)}.admin-footer,.admin-footer-nav,.minimal-footer{width:100%;margin:0;display:flex;flex-direction:row;align-items:center;justify-content:space-around;gap:4px;background:var(--primary-100);border-top:1px solid var(--primary-200);padding:12px 8px min(var(--safe-area-inset-bottom),12px) 8px;box-shadow:0 -4px 32px #0000001f;min-height:calc(var(--footer-height-mobile) + min(var(--safe-area-inset-bottom),12px));height:calc(var(--footer-height-mobile) + min(var(--safe-area-inset-bottom),12px));box-sizing:border-box;flex-shrink:0;touch-action:manipulation!important;-webkit-tap-highlight-color:rgba(121,85,72,.2);pointer-events:auto!important;z-index:100;border-radius:0}.admin-footer button,.admin-footer-nav button,.minimal-footer button{background:none;border:none;outline:none;display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1 1 0;max-width:80px;min-width:56px;color:var(--color-text-muted);font-weight:var(--font-medium);cursor:pointer;padding:8px 4px;margin:0;min-height:44px;border-radius:var(--radius-xl);transition:opacity .1s ease;position:relative;overflow:visible;touch-action:manipulation!important;-webkit-tap-highlight-color:rgba(121,85,72,.3);-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;pointer-events:auto!important}.admin-footer button:active,.admin-footer-nav button:active,.minimal-footer button:active{opacity:.7}.admin-footer button.active,.admin-footer-nav button.active,.minimal-footer button.active{color:var(--color-primary);font-weight:var(--font-semibold);position:relative}.admin-footer button.active:before,.admin-footer-nav button.active:before,.minimal-footer button.active:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:44px;height:44px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--primary-100) 0%,var(--primary-50) 100%);z-index:0;opacity:0;box-shadow:0 2px 8px #79554826;animation:pillFadeIn .3s cubic-bezier(.4,0,.2,1) forwards}@keyframes pillFadeIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.admin-footer button.active:after,.admin-footer-nav button.active:after,.minimal-footer button.active:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:28px;height:3px;border-radius:var(--radius-full) var(--radius-full) 0 0;background:linear-gradient(90deg,var(--primary-600) 0%,var(--primary-700) 100%);z-index:2;box-shadow:0 -2px 8px #7955484d;animation:lineSlideIn .3s cubic-bezier(.4,0,.2,1) forwards}@keyframes lineSlideIn{0%{width:0;opacity:0}to{width:28px;opacity:1}}.admin-footer .footer-icon,.admin-footer-nav .footer-icon,.minimal-footer .footer-icon{position:relative;display:flex;align-items:center;justify-content:center;width:32px;height:32px;transition:all var(--transition-fast);pointer-events:none;z-index:1;flex-shrink:0;color:var(--color-text-muted)}.admin-footer button.active .footer-icon,.admin-footer-nav button.active .footer-icon,.minimal-footer button.active .footer-icon{color:var(--color-primary);position:relative;z-index:1;transform:scale(1.05);transition:transform var(--transition-fast)}.admin-footer button:before,.admin-footer button:after,.admin-footer-nav button:before,.admin-footer-nav button:after,.minimal-footer button:before,.minimal-footer button:after{pointer-events:none!important}@supports (-webkit-touch-callout: none){.admin-footer,.admin-footer-nav,.minimal-footer{background:#fffffffa!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}}@media(min-width:768px){.admin-footer,.admin-footer-nav,.minimal-footer{min-height:calc(var(--footer-height-tablet) + var(--safe-area-inset-bottom));height:calc(var(--footer-height-tablet) + var(--safe-area-inset-bottom));padding-top:16px}}@media(min-width:1024px){.admin-footer,.admin-footer-nav,.minimal-footer{min-height:calc(var(--footer-height-desktop) + var(--safe-area-inset-bottom));height:calc(var(--footer-height-desktop) + var(--safe-area-inset-bottom));padding-top:18px}}.admin-page-header{display:flex;align-items:center;gap:var(--space-4);padding-bottom:var(--space-4);margin-bottom:var(--space-4);border-bottom:1px solid var(--color-border-light);flex-shrink:0}.admin-page-header-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--space-1)}.admin-page-title{font-size:var(--text-2xl);font-weight:var(--font-semibold);color:var(--color-primary)!important;margin:0;line-height:var(--leading-tight);letter-spacing:-.01em;display:flex;align-items:center;gap:var(--space-2)}.admin-page-header h1.admin-page-title,.admin-page-header .admin-page-title{color:var(--color-primary)!important}.admin-page-title>span,.admin-page-title>svg{font-size:1.25rem;color:var(--color-text-muted);flex-shrink:0}.admin-page-subtitle{font-size:var(--text-sm);color:var(--color-text-muted);margin:0;line-height:var(--leading-normal)}.admin-page-back-button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-lg);background:var(--gray-50);border:1px solid var(--color-border);color:var(--color-text);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0;outline:none;touch-action:manipulation;-webkit-tap-highlight-color:rgba(121,85,72,.2)}.admin-page-back-button:hover{background:var(--primary-50);border-color:var(--primary-300);color:var(--color-primary)}.admin-page-back-button:active{transform:scale(.95);opacity:.8}.admin-page-header-actions{display:flex;gap:var(--space-2);flex-shrink:0;align-items:center;margin-top:var(--space-3)}.admin-page-content{width:100%;padding:0;box-sizing:border-box;flex:1 1 auto;min-height:0}.admin-filters{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-4);margin-bottom:var(--space-6);padding:var(--space-4);background:var(--color-bg-card);border:1px solid var(--color-border-light);border-radius:var(--radius-lg)}.admin-filters .search-input-container{flex:1;min-width:240px;max-width:400px}.admin-filters .filter-group{display:flex;align-items:center;gap:var(--space-2)}.admin-filters .quick-filters{display:flex;flex-wrap:wrap;gap:var(--space-2)}.admin-active-filters{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);padding:var(--space-3);background:var(--primary-50);border:1px solid var(--primary-200);border-radius:var(--radius-md)}.admin-active-filters .filter-label{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text)}.admin-active-filters .filter-chips{display:flex;flex-wrap:wrap;gap:var(--space-2);flex:1}.admin-active-filters .filter-chip{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);background:var(--color-bg-card);border:1px solid var(--primary-300);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--color-text)}.admin-active-filters .filter-chip-remove{display:flex;align-items:center;justify-content:center;width:16px;height:16px;padding:0;background:transparent;border:none;color:var(--color-text-muted);cursor:pointer;font-size:18px;line-height:1;transition:color var(--transition-fast)}.admin-active-filters .filter-chip-remove:hover{color:var(--color-error)}.admin-active-filters .clear-all{padding:var(--space-1) var(--space-3);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-primary);background:transparent;border:1px solid var(--primary-300);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.admin-active-filters .clear-all:hover{background:var(--primary-50);border-color:var(--primary-500)}.admin-section-header{margin-bottom:var(--space-6);margin-top:var(--space-8)}.admin-section-title{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--color-primary);margin:0 0 var(--space-2) 0;letter-spacing:-.01em}.admin-section-subtitle{font-size:var(--text-sm);color:var(--color-text-muted);margin:0;line-height:var(--leading-relaxed)}.admin-actions{display:flex;gap:var(--space-3);align-items:center;margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--color-border-light)}.admin-actions-left{justify-content:flex-start}.admin-actions-center{justify-content:center}.admin-actions-right{justify-content:flex-end}.admin-actions-between{justify-content:space-between}.admin-actions-sticky{position:sticky;bottom:0;background:var(--color-bg);z-index:10;box-shadow:0 -2px 8px #0000000d;margin:0 calc(var(--space-6) * -1);padding:var(--space-4) var(--space-6);border-top:1px solid var(--color-border)}.admin-form-section{margin-bottom:var(--space-6);padding-bottom:var(--space-6);border-bottom:1px solid var(--color-border-light)}.admin-form-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.admin-form-section-header{margin-bottom:var(--space-4)}.admin-form-section-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text);margin:0 0 var(--space-1) 0}.admin-form-section-description{font-size:var(--text-sm);color:var(--color-text-muted);margin:0}.admin-form-section-content{display:flex;flex-direction:column;gap:var(--space-4)}.admin-loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-10) var(--space-6);text-align:center}.admin-loading-spinner{width:48px;height:48px;margin:0 auto var(--space-4);border:4px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}.admin-loading-message{font-size:var(--text-sm);color:var(--color-text-muted);margin:0}.admin-empty-state{text-align:center;padding:var(--space-10) var(--space-6);background:var(--color-bg-card);border-radius:var(--radius-lg);border:1px dashed var(--color-border)}.admin-empty-state-icon{font-size:4rem;margin-bottom:var(--space-4);opacity:.5;color:var(--color-text-muted)}.admin-empty-state-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text);margin:0 0 var(--space-2) 0}.admin-empty-state-message{font-size:var(--text-sm);color:var(--color-text-muted);margin:0 0 var(--space-4) 0}.admin-empty-state-action{margin-top:var(--space-4)}.admin-error-state{padding:var(--space-6);background:var(--error-50);border:1px solid var(--error-200);border-radius:var(--radius-lg);margin-bottom:var(--space-6)}.admin-error-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-2)}.admin-error-icon{font-size:1.5rem;color:var(--color-error)}.admin-error-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-error);margin:0}.admin-error-message{font-size:var(--text-sm);color:var(--error-700);margin:0}.admin-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);margin-bottom:var(--space-6)}.admin-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border-light)}.admin-card-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text);margin:0}.admin-card-actions{display:flex;gap:var(--space-2)}.admin-card-body{width:100%}.admin-tabs{display:flex;gap:var(--space-1);margin-bottom:var(--space-6);border-bottom:2px solid var(--color-border);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.admin-tabs::-webkit-scrollbar{display:none}.admin-tab{padding:var(--space-3) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-muted);background:transparent;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.admin-tab:hover{color:var(--color-text);background:var(--gray-50)}.admin-tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary);font-weight:var(--font-semibold)}.admin-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4);margin-bottom:var(--space-6)}.admin-stat-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);text-align:center}.admin-stat-label{font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-2)}.admin-stat-value{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--color-primary);margin:0}.admin-stat-change{font-size:var(--text-xs);margin-top:var(--space-1)}.admin-stat-change.positive{color:var(--color-success)}.admin-stat-change.negative{color:var(--color-error)}.admin-info-box{padding:var(--space-4);border-radius:var(--radius-md);margin-bottom:var(--space-4);display:flex;gap:var(--space-3);align-items:flex-start}.admin-info-box.info{background:var(--primary-50);border:1px solid var(--primary-200);color:var(--primary-700)}.admin-info-box.success{background:var(--success-50);border:1px solid var(--success-200);color:var(--success-700)}.admin-info-box.warning{background:var(--warning-50);border:1px solid var(--warning-200);color:var(--warning-700)}.admin-info-box.error{background:var(--error-50);border:1px solid var(--error-200);color:var(--error-700)}.admin-info-box-icon{font-size:1.25rem;flex-shrink:0}.admin-info-box-content{flex:1}.admin-info-box-title{font-size:var(--text-sm);font-weight:var(--font-semibold);margin:0 0 var(--space-1) 0}.admin-info-box-message{font-size:var(--text-sm);margin:0}@media(max-width:768px){.admin-page-container{padding:var(--space-4) var(--space-4) var(--space-6) var(--space-4);max-width:100%}.admin-page-header{margin-bottom:var(--space-6)}.admin-page-title{font-size:var(--text-xl);gap:var(--space-1-5)}.admin-page-title>span,.admin-page-title>svg{font-size:1.125rem}.admin-page-subtitle{font-size:var(--text-xs)}.admin-page-header-actions{flex-wrap:wrap}.admin-filters{flex-direction:column;align-items:stretch;gap:var(--space-3)}.admin-filters .search-input-container{max-width:100%}.admin-filters .filter-group{width:100%}.admin-actions{flex-direction:column-reverse;gap:var(--space-2)}.admin-actions button{width:100%}.admin-stats-grid{grid-template-columns:1fr}}.app-root.admin-app-root{grid-template-rows:1fr!important}.app-root.admin-app-root .header-app{position:fixed!important;top:0!important;left:0!important;right:0!important;z-index:100!important;grid-row:auto!important}.app-root.admin-app-root .minimal-footer,.app-root.admin-app-root .admin-footer,.app-root.admin-app-root .admin-footer-nav{position:fixed!important;bottom:0!important;left:0!important;right:0!important;z-index:100!important;grid-row:auto!important}.app-root.admin-app-root .app-card{grid-row:1!important}.pending-sort-dropdown{min-width:120px;max-width:140px;flex:0 0 auto;width:auto}.pending-sort-dropdown .custom-dropdown-trigger{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-card);color:var(--color-text);font-size:12px;padding:6px 8px;min-height:32px;white-space:nowrap}.pending-sort-dropdown .custom-dropdown-trigger:focus{border-color:var(--primary-500);box-shadow:0 0 0 2px var(--primary-100)}.pending-sort-dropdown .custom-dropdown-trigger:hover:not(.disabled){border-color:var(--primary-400)}.pending-sort-dropdown .custom-dropdown-menu{left:0;right:auto;width:160px;min-width:140px}@media(max-width:768px){.pending-sort-dropdown{min-width:100px;max-width:120px}.pending-sort-dropdown .custom-dropdown-trigger{font-size:11px;padding:4px 6px;min-height:28px}.pending-sort-dropdown .custom-dropdown-menu{width:120px;min-width:100px}}@media(max-width:480px){.pending-sort-dropdown{min-width:90px;max-width:110px}.pending-sort-dropdown .custom-dropdown-trigger{font-size:10px;padding:3px 5px;min-height:26px}.pending-sort-dropdown .custom-dropdown-menu{width:110px;min-width:90px}}.form-dropdown{width:100%;min-width:200px}.form-dropdown .custom-dropdown-trigger{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-card);color:var(--color-text);font-size:16px;padding:12px 16px;min-height:48px}.form-dropdown .custom-dropdown-trigger:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px var(--primary-100)}.form-dropdown .custom-dropdown-trigger:hover:not(.disabled){border-color:var(--primary-400)}.admin-store-dropdown{min-width:200px;width:100%}.admin-store-dropdown .custom-dropdown-trigger{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-card);color:var(--color-text);font-size:14px;padding:10px 12px;min-height:40px}.admin-store-dropdown .custom-dropdown-trigger:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px var(--primary-100)}.admin-store-dropdown .custom-dropdown-trigger:hover:not(.disabled){border-color:var(--primary-400)}.admin-filter-dropdown{min-width:100px;max-width:120px;flex:0 0 auto}.admin-filter-dropdown .custom-dropdown-trigger{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-card);color:var(--color-text);font-size:12px;padding:6px 8px;min-height:32px}.admin-filter-dropdown .custom-dropdown-trigger:focus{border-color:var(--primary-500);box-shadow:0 0 0 2px var(--primary-100)}.admin-filter-dropdown .custom-dropdown-trigger:hover:not(.disabled){border-color:var(--primary-400)}.admin-modal-dropdown{width:100%;min-width:150px}.admin-modal-dropdown .custom-dropdown-trigger{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-card);color:var(--color-text);font-size:14px;padding:10px 12px;min-height:44px;width:100%}.admin-modal-dropdown .custom-dropdown-trigger:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px var(--primary-100)}.admin-modal-dropdown .custom-dropdown-trigger:hover:not(.disabled){border-color:var(--primary-400)}.promotion-dropdown{width:100%;max-width:320px;box-sizing:border-box;position:relative;z-index:1}.promotion-dropdown .custom-dropdown-trigger{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-card);color:var(--color-text);font-size:15px;padding:10px 14px;min-height:44px;width:100%;box-sizing:border-box;max-width:100%;transition:all var(--transition-fast)}.promotion-dropdown .custom-dropdown-trigger:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px var(--primary-100)}.promotion-dropdown .custom-dropdown-trigger:hover:not(.disabled){border-color:var(--primary-400)}@media(max-width:768px){.promotion-dropdown .custom-dropdown-trigger{font-size:14px;padding:8px 12px;min-height:40px}}.activity-filter-dropdown{width:100%;min-width:0}.activity-filter-dropdown .custom-dropdown-trigger{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-card);color:var(--color-text);font-size:14px;padding:10px 12px;min-height:40px;transition:all var(--transition-fast)}.activity-filter-dropdown .custom-dropdown-trigger:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px var(--primary-100)}.activity-filter-dropdown .custom-dropdown-trigger:hover:not(.disabled){border-color:var(--primary-400);background:var(--color-bg-hover)}.activity-filter-dropdown .custom-dropdown-label{font-size:13px;font-weight:var(--font-semibold);color:var(--color-text);margin-bottom:6px;display:block}@media(max-width:768px){.activity-filter-dropdown .custom-dropdown-trigger{font-size:13px;padding:6px 10px;min-height:32px}.activity-filter-dropdown .custom-dropdown-label{font-size:11px;margin-bottom:4px}}@media(max-width:480px){.activity-filter-dropdown .custom-dropdown-trigger{font-size:12px;padding:6px 8px;min-height:32px}.activity-filter-dropdown .custom-dropdown-label{font-size:11px;margin-bottom:4px}}.admin-page-size-dropdown{min-width:100px}.admin-page-size-dropdown .custom-dropdown-trigger{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-card);color:var(--color-text);font-size:14px;padding:8px 12px;min-height:36px}.admin-page-size-dropdown .custom-dropdown-trigger:hover{border-color:var(--primary-400)}.admin-page-size-dropdown .custom-dropdown-trigger:focus{border-color:var(--primary-500);box-shadow:0 0 0 2px var(--primary-100)}.admin-page-size-dropdown-inline .custom-dropdown-trigger{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-card);color:var(--color-text);font-size:13px;padding:4px 8px;min-height:28px}.admin-page-size-dropdown-inline .custom-dropdown-trigger:hover{border-color:var(--primary-400);background:var(--primary-50)}.admin-page-size-dropdown-inline .custom-dropdown-trigger:active{background:var(--primary-100)}.admin-page-size-dropdown-inline .custom-dropdown-trigger:focus{border-color:var(--primary-500);box-shadow:0 0 0 2px var(--primary-100)}@media(max-width:768px){.admin-page-size-dropdown .custom-dropdown-trigger{font-size:13px;padding:6px 10px;min-height:32px}.admin-page-size-dropdown-inline .custom-dropdown-trigger{font-size:12px;padding:3px 6px;min-height:26px}}.user-modal-overlay{position:fixed;inset:0;width:100vw;height:100vh;height:100dvh;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;display:flex;align-items:flex-start;justify-content:center;padding:20px;padding-top:max(20px,env(safe-area-inset-top,0px) + 20px);padding-bottom:max(20px,env(safe-area-inset-bottom,0px) + 20px);overflow-y:auto;overflow-x:hidden;transform:translateZ(0);-webkit-transform:translateZ(0);overscroll-behavior:contain;touch-action:pan-y;box-sizing:border-box;-webkit-overflow-scrolling:touch}.user-modal-container{background:var(--color-bg-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl);max-width:480px;width:calc(100% - 40px);max-height:calc(100dvh - max(40px,env(safe-area-inset-top,0px) + env(safe-area-inset-bottom,0px) + 40px));max-height:calc(100vh - max(40px,env(safe-area-inset-top,0px) + env(safe-area-inset-bottom,0px) + 40px));height:auto;min-height:0;overflow:hidden;position:relative;border:1px solid var(--color-border);margin:0 auto;display:flex;flex-direction:column;box-sizing:border-box;align-self:center;min-width:0;touch-action:pan-y pinch-zoom;overscroll-behavior:contain;isolation:isolate}.user-modal-body{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden;width:100%;box-sizing:border-box;max-height:100%;position:relative}.user-modal-header{display:flex;align-items:center;gap:12px;padding:24px 24px 0;border-bottom:1px solid var(--color-border-light);margin-bottom:24px;width:100%;box-sizing:border-box;min-width:0;flex-shrink:0}.user-modal-icon{width:40px;height:40px;border-radius:50%;background:var(--primary-100);display:flex;align-items:center;justify-content:center;color:var(--primary-600)}.user-modal-title{flex:1;margin:0;font-size:1.5rem;font-weight:700;color:var(--color-text)}.user-modal-close{width:32px;height:32px;border-radius:50%;border:none;background:var(--color-bg-muted);color:var(--color-text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.user-modal-close:hover{background:var(--error-100);color:var(--error-600)}.user-modal-form{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden;box-sizing:border-box;width:100%;max-width:100%;max-height:60vh;max-height:60dvh;height:auto}.user-modal-content{padding:0 24px 24px;display:flex;flex-direction:column;gap:24px;overflow-y:auto;overflow-x:hidden;flex:1;min-height:0;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;overscroll-behavior-x:none;touch-action:pan-y;box-sizing:border-box;width:100%;max-width:100%;will-change:scroll-position}.user-modal-section{display:flex;flex-direction:column;gap:16px;width:100%;box-sizing:border-box;min-width:0}.user-modal-section-title{font-size:1.1rem;font-weight:600;color:var(--color-text);margin:0;padding-bottom:8px;border-bottom:1px solid var(--color-border-light)}.user-modal-field{display:flex;flex-direction:column;gap:8px;width:100%;box-sizing:border-box;min-width:0}.user-modal-label{font-weight:600;color:var(--color-text);font-size:.9rem}.user-modal-input{width:100%;max-width:100%;padding:12px 16px;border:2px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-card);color:var(--color-text);font-size:.95rem;font-weight:500;transition:all .2s ease;outline:none;box-sizing:border-box;min-width:0}.user-modal-input:focus{border-color:var(--primary-400);box-shadow:0 0 0 3px var(--primary-100)}.user-modal-email-display{padding:12px 16px;background:var(--secondary-50);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text);font-weight:500;font-size:.95rem;width:100%;box-sizing:border-box;min-width:0;max-width:100%;word-break:break-word;overflow-wrap:break-word}.user-modal-numeric-input{display:flex;align-items:center;border:2px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-card);overflow:hidden;width:100%;box-sizing:border-box;min-width:0;max-width:100%;transition:all var(--transition-fast)}.user-modal-numeric-input:focus-within{border-color:var(--primary-400);box-shadow:0 0 0 3px var(--primary-100)}.user-modal-numeric-btn{width:36px;height:36px;border:none;background:var(--primary-50);color:var(--primary-600);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);flex-shrink:0;padding:0;outline:none;border-radius:var(--radius-md);margin:var(--space-1)}.user-modal-numeric-btn svg{width:14px;height:14px;stroke-width:2.5;transition:all var(--transition-fast)}.user-modal-numeric-btn:hover:not(:disabled){background:var(--primary-100);color:var(--primary-700);transform:scale(1.1)}.user-modal-numeric-btn:active:not(:disabled){transform:scale(.95);background:var(--primary-200)}.user-modal-numeric-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.user-modal-numeric-field{flex:1;border:none;padding:var(--space-3) var(--space-2);text-align:center;font-weight:var(--font-semibold);font-size:var(--text-base);min-width:0;box-sizing:border-box;max-width:100%;background:transparent;color:var(--color-text);outline:none;appearance:none;-moz-appearance:textfield}.user-modal-numeric-field::-webkit-outer-spin-button,.user-modal-numeric-field::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none;margin:0}.user-modal-numeric-field:focus{background:var(--primary-50)}@media(max-width:768px){.user-modal-numeric-btn{width:40px;height:40px}.user-modal-numeric-field{font-size:var(--text-lg);padding:var(--space-3)}}.user-modal-checkbox-field{padding:16px;border:2px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-card);transition:all .2s ease}.user-modal-checkbox-field-danger{border-color:var(--error-300);background:var(--error-50)}.user-modal-checkbox-label{display:flex;align-items:center;gap:12px;cursor:pointer;font-weight:500;color:var(--color-text)}.user-modal-checkbox{display:none}.user-modal-checkbox-custom{width:20px;height:20px;border:2px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-card);display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.user-modal-checkbox:checked+.user-modal-checkbox-custom{background:var(--error-500);border-color:var(--error-500);color:#fff}.user-modal-checkbox:checked+.user-modal-checkbox-custom:after{content:"✓";font-size:12px;font-weight:600}.user-modal-checkbox-text{display:flex;align-items:center;gap:8px;color:var(--error-600);font-weight:600}.user-modal-actions{display:flex;gap:var(--space-3);padding:var(--space-4) var(--space-6);background:var(--color-bg-card);border-top:1px solid var(--color-border-light);flex-shrink:0;width:100%;box-sizing:border-box;min-width:0;box-shadow:0 -2px 8px #0000000d;z-index:10;position:relative;min-height:fit-content}.user-modal-btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-3) var(--space-6);font-size:var(--text-base);font-weight:var(--font-medium);min-height:44px;border-radius:var(--radius-lg);transition:all var(--transition-fast);cursor:pointer;border:none;outline:none;text-decoration:none;-webkit-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:rgba(121,85,72,.2);flex:1;gap:var(--space-2)}.user-modal-btn-primary{background:linear-gradient(90deg,var(--primary-600) 0%,var(--primary-700) 100%);color:#fff;box-shadow:var(--shadow-md)}.user-modal-btn-primary:hover:not(:disabled){background:linear-gradient(90deg,var(--primary-700) 0%,var(--primary-800) 100%);box-shadow:var(--shadow-lg);transform:translateY(-1px)}.user-modal-btn-primary:active:not(:disabled){transform:translateY(0);box-shadow:var(--shadow-sm)}.user-modal-btn-primary:disabled{opacity:.5;cursor:not-allowed;pointer-events:none;transform:none;box-shadow:none}.user-modal-btn-secondary{background:var(--color-bg-card);color:var(--color-primary);border:1.5px solid var(--primary-300);box-shadow:var(--shadow-sm)}.user-modal-btn-secondary:hover{background:var(--primary-50);border-color:var(--primary-400)}.user-modal-btn-secondary:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.user-modal-btn-danger{background:var(--error-500, #ef4444);color:#fff;box-shadow:var(--shadow-md)}.user-modal-btn-danger:hover:not(:disabled){background:var(--error-600, #dc2626);box-shadow:var(--shadow-lg);transform:translateY(-1px)}.user-modal-btn-danger:active:not(:disabled){transform:translateY(0);box-shadow:var(--shadow-sm)}.user-modal-btn-danger:disabled{opacity:.5;cursor:not-allowed;pointer-events:none;transform:none;box-shadow:none}.user-modal-spinner{width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.user-modal-message{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:var(--radius-lg);font-weight:500;font-size:.9rem}.user-modal-message-success{background:var(--success-50);color:var(--success-700);border:1px solid var(--success-200)}.user-modal-message-error{background:var(--error-50);color:var(--error-700);border:1px solid var(--error-200)}.user-modal-message-icon{font-size:1.1rem}.user-modal-error{padding:24px;text-align:center}.user-modal-error-content{display:flex;flex-direction:column;align-items:center;gap:12px;margin-bottom:24px}.user-modal-error-icon{font-size:2rem}.user-modal-error p{margin:0;color:var(--error-600);font-weight:500}@media(max-width:768px){.user-modal-overlay{padding:12px;padding-top:max(12px,env(safe-area-inset-top,0px) + 12px);padding-bottom:max(12px,env(safe-area-inset-bottom,0px) + 12px)}.user-modal-container{width:calc(100% - 24px);max-height:calc(100dvh - max(24px,env(safe-area-inset-top,0px) + env(safe-area-inset-bottom,0px) + 24px));max-height:calc(100vh - max(24px,env(safe-area-inset-top,0px) + env(safe-area-inset-bottom,0px) + 24px))}.user-modal-header{padding:16px 16px 0}.user-modal-content{padding:0 16px 16px}.user-modal-actions{padding:var(--space-3) var(--space-4);gap:var(--space-2)}.user-modal-btn{padding:var(--space-2) var(--space-4);font-size:var(--text-sm);min-height:40px}}@media(min-width:769px){.user-modal-overlay{align-items:center}.user-modal-container{align-self:center}}@supports (-webkit-touch-callout: none){.user-modal-overlay{-webkit-backdrop-filter:none;backdrop-filter:none}}.admin-dashboard-container{width:100%;max-width:100%;display:flex;flex-direction:column;gap:var(--space-6);box-sizing:border-box;min-width:0;overflow:visible;margin-top:0;padding:var(--space-4) var(--space-6) var(--space-6) var(--space-6);flex:1 1 auto;min-height:0}@media(min-width:768px){.admin-dashboard-container{margin-top:0!important;padding-top:var(--space-4)!important}}@supports (-webkit-touch-callout: none){.admin-dashboard-container{padding-bottom:calc(var(--space-6) + env(safe-area-inset-bottom,0px) + var(--space-6, 24px))!important}}.admin-dashboard-container .admin-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4);margin-bottom:var(--space-6);width:100%;box-sizing:border-box;min-width:0}.admin-dashboard-container .admin-stat-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);display:flex;align-items:flex-start;gap:var(--space-3);transition:all var(--transition-fast);box-shadow:var(--shadow-sm);min-width:0;overflow:visible;box-sizing:border-box;height:auto}.admin-dashboard-container .admin-stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.admin-dashboard-container .admin-stat-card .stat-icon{font-size:var(--text-2xl);flex-shrink:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);background:var(--primary-50);margin-top:0}.admin-dashboard-container .admin-stat-card.users .stat-icon{background:var(--primary-50)}.admin-dashboard-container .admin-stat-card.redemptions .stat-icon{background:var(--success-50)}.admin-dashboard-container .admin-stat-card.pending-redemptions .stat-icon{background:var(--warning-50)}.admin-dashboard-container .admin-stat-card.pending-credits .stat-icon{background:var(--accent-50)}.admin-dashboard-container .admin-stat-card .stat-content{flex:1;min-width:0;display:flex;flex-direction:column;overflow:visible}.admin-dashboard-container .admin-stat-card .stat-number{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--color-text);margin:0 0 var(--space-1) 0;line-height:1;flex-shrink:0}.admin-dashboard-container .admin-stat-card .stat-label{font-size:var(--text-xs);color:var(--color-text-muted);margin:0;font-weight:var(--font-medium);line-height:1.4;white-space:normal;overflow:visible;text-overflow:clip;word-break:normal;overflow-wrap:break-word;-webkit-hyphens:none;hyphens:none;display:block;width:100%}.admin-main-content{width:100%;display:flex;flex-direction:column;gap:var(--space-6)}.admin-pending-section{width:100%}.section-title-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4);flex-wrap:wrap;gap:var(--space-3)}.request-summary{font-size:var(--text-sm);color:var(--color-text-muted);font-weight:var(--font-medium)}.request-summary .summary-text{color:var(--color-text-muted)}.admin-controls{margin-top:var(--space-4)}.search-controls{display:flex;gap:var(--space-3);flex-wrap:wrap;align-items:center}.search-input-container{position:relative;flex:1;min-width:240px;max-width:400px}.search-icon{position:absolute;left:var(--space-3);top:50%;transform:translateY(-50%);color:var(--color-text-muted);pointer-events:none}.search-input{width:100%;padding:var(--space-3) var(--space-3) var(--space-3) calc(var(--space-3) * 2 + 16px);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--color-text);background:var(--color-bg-card);transition:all var(--transition-fast)}.search-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px var(--primary-100)}.bulk-actions-bar{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);background:var(--primary-50);border:1px solid var(--primary-200);border-radius:var(--radius-lg);margin-bottom:var(--space-4);flex-wrap:wrap;gap:var(--space-3)}.bulk-count{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text)}.admin-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-10) var(--space-6);text-align:center}.admin-loading .loading-spinner{width:48px;height:48px;margin:0 auto var(--space-4);border:4px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.admin-loading p{font-size:var(--text-sm);color:var(--color-text-muted);margin:0}.admin-requests-list{display:flex;flex-direction:column;gap:var(--space-4)}.select-all-row{padding:var(--space-3) var(--space-5);background:var(--secondary-25);border-bottom:1px solid var(--color-border);margin-bottom:var(--space-2)}.select-all-checkbox{display:flex;align-items:center;gap:var(--space-2);cursor:pointer;font-weight:var(--font-medium);color:var(--color-text);font-size:var(--text-sm)}.select-all-checkbox input[type=checkbox]{display:none}.select-all-checkbox .checkmark{width:18px;height:18px;border:2px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-card);position:relative;transition:all var(--transition-fast)}.select-all-checkbox input[type=checkbox]:checked+.checkmark{background:var(--primary-500);border-color:var(--primary-500)}.select-all-checkbox input[type=checkbox]:checked+.checkmark:after{content:"";position:absolute;left:5px;top:2px;width:4px;height:8px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.admin-status-message{padding:var(--space-4);background:var(--success-50);border:1px solid var(--success-200);border-radius:var(--radius-md);color:var(--success-700);font-size:var(--text-sm);margin-bottom:var(--space-4)}.suspicious-activity-alert{padding:var(--space-4);background:var(--warning-50);border:1px solid var(--warning-200);border-radius:var(--radius-lg);margin-bottom:var(--space-4)}.alert-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3)}.alert-icon{font-size:var(--text-xl)}.alert-title{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--warning-700);flex:1}.alert-count{background:var(--warning-200);color:var(--warning-700);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--font-bold)}.alert-items{display:flex;flex-direction:column;gap:var(--space-2)}.alert-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2) var(--space-3);background:var(--color-bg-card);border-radius:var(--radius-sm);font-size:var(--text-sm)}.activity-type{font-weight:var(--font-semibold);color:var(--color-text)}.activity-details{color:var(--color-text-muted)}.alert-more{text-align:center;font-size:var(--text-sm);color:var(--warning-700);font-weight:var(--font-medium);padding:var(--space-2)}.requests-container{display:flex;flex-direction:column;gap:var(--space-4);padding-bottom:var(--space-5)}.credit-request-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);padding:0;margin-bottom:var(--space-4);transition:all var(--transition-base);overflow:hidden;position:relative}.credit-request-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px);border-color:var(--primary-200)}.credit-request-card.removing{opacity:0;max-height:0;overflow:hidden;padding:0;margin:0;transform:translate(-100%);transition:all .35s ease}.request-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) var(--space-5);background:var(--primary-50);border-bottom:1px solid var(--color-border)}.request-header-left{display:flex;align-items:center;gap:var(--space-3)}.request-checkbox{position:relative;display:flex;align-items:center;cursor:pointer}.request-checkbox input[type=checkbox]{display:none}.request-checkbox .checkmark{width:18px;height:18px;border:2px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-card);position:relative;transition:all var(--transition-fast)}.request-checkbox input[type=checkbox]:checked+.checkmark{background:var(--primary-500);border-color:var(--primary-500)}.request-checkbox input[type=checkbox]:checked+.checkmark:after{content:"";position:absolute;left:5px;top:2px;width:4px;height:8px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.request-number{font-weight:var(--font-bold);color:var(--color-primary);font-size:var(--text-sm);letter-spacing:.5px}.request-status{display:flex;align-items:center}.request-content{padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-5)}.customer-avatar{width:48px;height:48px;background:var(--primary-500);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;flex-shrink:0}.avatar-text{color:#fff;font-weight:var(--font-bold);font-size:var(--text-lg);text-transform:uppercase}.customer-details{display:flex;flex-direction:column;gap:var(--space-1);flex:1}.customer-name{font-weight:var(--font-semibold);color:var(--color-text);font-size:var(--text-base);line-height:1.4}.customer-email{color:var(--color-text-secondary);font-size:var(--text-sm);line-height:1.4}.request-time{color:var(--color-text-tertiary);font-size:var(--text-xs);line-height:1.4}.request-details{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4);background:var(--secondary-50);border-radius:var(--radius-lg);border:1px solid var(--color-border)}.detail-item{display:flex;justify-content:space-between;align-items:center}.detail-label{color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:var(--font-medium)}.detail-value{color:var(--color-text);font-size:var(--text-sm);font-weight:var(--font-semibold)}.original-points{color:var(--primary-600);background:var(--primary-50);padding:2px var(--space-2);border-radius:var(--radius-md);font-size:var(--text-xs)}.points-adjustment{padding:var(--space-5);background:var(--secondary-25);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.adjustment-header{display:flex;flex-direction:column;gap:var(--space-1);margin-bottom:var(--space-4)}.adjustment-label{font-weight:var(--font-semibold);color:var(--color-text);font-size:var(--text-sm)}.adjustment-help{color:var(--color-text-secondary);font-size:var(--text-xs)}.points-controls-modern{display:flex;align-items:center;justify-content:center;gap:var(--space-3);max-width:200px;margin:0 auto}.points-btn-modern{width:40px;height:40px;border-radius:var(--radius-full);border:2px solid var(--color-border);background:var(--color-bg-card);color:var(--color-text);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);font-weight:var(--font-semibold)}.points-btn-modern:hover:not(:disabled){background:var(--primary-100);border-color:var(--primary-300);color:var(--color-primary);transform:scale(1.05)}.points-btn-modern:disabled{opacity:.4;cursor:not-allowed;transform:none;background:var(--color-bg-disabled);border-color:var(--color-border-disabled);color:var(--color-text-disabled)}.points-btn-modern.decrease{color:var(--error-500)}.points-btn-modern.increase{color:var(--success-500)}.points-display-container{position:relative;display:flex;align-items:center;background:var(--color-bg-card);border:2px solid var(--color-border);border-radius:var(--radius-lg);padding:0 var(--space-3);min-width:80px;justify-content:center}.points-display-modern{width:50px;text-align:center;font-weight:var(--font-bold);font-size:var(--text-base);color:var(--color-text);padding:var(--space-2) 0;-webkit-user-select:none;user-select:none;cursor:default;transition:all var(--transition-fast)}.points-unit{color:var(--color-text-secondary);font-size:var(--text-xs);font-weight:var(--font-semibold);margin-left:var(--space-1)}.request-actions-modern{padding:var(--space-5);display:flex;gap:var(--space-3);justify-content:center;background:var(--color-bg-card)}.btn-modern{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border-radius:var(--radius-lg);font-weight:var(--font-semibold);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-fast);border:2px solid transparent;min-width:120px;justify-content:center}.btn-modern:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-modern:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-approve{background:var(--success-500);color:#fff;border-color:var(--success-500)}.btn-approve:hover:not(:disabled){background:var(--success-600);border-color:var(--success-600);box-shadow:0 4px 12px #22c55e4d}.btn-reject{background:var(--error-500);color:#fff;border-color:var(--error-500)}.btn-reject:hover:not(:disabled){background:var(--error-600);border-color:var(--error-600);box-shadow:0 4px 12px #ef44444d}.btn-bulk-approve{background:var(--success-500);color:#fff;border-color:var(--success-500)}.btn-bulk-approve:hover:not(:disabled){background:var(--success-600);border-color:var(--success-600)}.btn-bulk-reject{background:var(--error-500);color:#fff;border-color:var(--error-500)}.btn-bulk-reject:hover:not(:disabled){background:var(--error-600);border-color:var(--error-600)}.pagination-controls{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-5);border-top:1px solid var(--color-border-light);margin-top:var(--space-4)}.pagination-info{display:flex;justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-5);background:var(--color-bg-subtle);color:var(--color-text-secondary);font-size:var(--text-sm);border-radius:var(--radius-md)}.pagination-text{display:flex;align-items:center}.pagination-buttons{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;justify-content:center}.pagination-btn{padding:var(--space-2) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-card);color:var(--color-text);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;gap:var(--space-2);min-width:100px;justify-content:center}.pagination-btn:hover:not(:disabled){background:var(--primary-50);border-color:var(--primary-300);color:var(--color-primary)}.pagination-btn:disabled{opacity:.5;cursor:not-allowed;background:var(--color-bg-muted);border-color:var(--color-border);color:var(--color-text-muted)}.page-numbers{display:flex;gap:var(--space-1);align-items:center}.page-btn{min-width:36px;height:36px;padding:0 var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-card);color:var(--color-text);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center}.page-btn:hover:not(:disabled){background:var(--primary-50);border-color:var(--primary-300);color:var(--color-primary)}.page-btn.active{background:var(--primary-500);border-color:var(--primary-500);color:#fff}.page-btn:disabled{opacity:.5;cursor:not-allowed}@media(max-width:1200px){.admin-dashboard-container .admin-stats-grid{grid-template-columns:repeat(4,1fr);gap:var(--space-3)}.admin-dashboard-container .admin-stat-card{padding:var(--space-4);gap:var(--space-2)}.admin-dashboard-container .admin-stat-card .stat-icon{width:44px;height:44px;font-size:var(--text-xl)}}@media(max-width:1024px){.admin-dashboard-container .admin-stats-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-3)}}@media(max-width:768px){.admin-dashboard-container .admin-stats-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-2)}.admin-dashboard-container .admin-stat-card{padding:var(--space-3);align-items:flex-start;gap:var(--space-2)}.admin-dashboard-container .admin-stat-card .stat-icon{width:40px;height:40px;font-size:var(--text-xl)}.admin-dashboard-container .admin-stat-card .stat-label{font-size:var(--text-xs);line-height:1.3}.section-title-row{flex-direction:column;align-items:flex-start}.search-controls{flex-direction:column;width:100%}.search-input-container{max-width:100%}.bulk-actions-bar{flex-direction:column;align-items:stretch}.bulk-actions{width:100%}.bulk-actions button{flex:1}.request-header{padding:var(--space-3) var(--space-4)}.request-content{padding:var(--space-4);gap:var(--space-4)}.customer-info{gap:var(--space-3)}.customer-avatar{width:40px;height:40px}.pagination-controls{padding:var(--space-4)}.pagination-buttons{flex-direction:column;width:100%}.pagination-btn{width:100%}}.admin-dashboard-container .weekly-traffic-card{grid-column:1 / -1;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-sm);transition:all var(--transition-fast);box-sizing:border-box}.admin-dashboard-container .weekly-traffic-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.admin-dashboard-container .weekly-traffic-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.admin-dashboard-container .weekly-traffic-title{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text)}.admin-dashboard-container .weekly-traffic-subtitle{font-size:var(--text-xs);color:var(--color-text-muted)}@media(max-width:480px){.admin-dashboard-container .weekly-traffic-card{padding:var(--space-4)}}.admin-tab-bar{display:flex;gap:var(--space-1);border-bottom:2px solid var(--color-border);margin-bottom:var(--space-4)}.admin-tab-btn{position:relative;flex:1;padding:var(--space-3) var(--space-4);background:none;border:none;border-bottom:3px solid transparent;margin-bottom:-2px;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-muted);cursor:pointer;text-align:center;transition:color .15s,border-color .15s}.admin-tab-btn:hover{color:var(--color-text)}.admin-tab-btn.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.admin-tab-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;margin-left:var(--space-1);background:var(--color-primary);color:#fff;border-radius:9px;font-size:11px;font-weight:var(--font-semibold);line-height:1}.credit-history-tab{padding:0 var(--space-2)}.credit-history-loading{display:flex;flex-direction:column;align-items:center;padding:var(--space-8) 0;color:var(--color-text-muted);gap:var(--space-3)}.credit-history-empty{text-align:center;padding:var(--space-8) 0;color:var(--color-text-muted)}.credit-history-table-wrapper{overflow-x:auto;border-radius:var(--radius-md);border:1px solid var(--color-border)}.credit-history-table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.credit-history-table th{padding:var(--space-2) var(--space-3);text-align:left;font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);background:var(--color-surface-alt, var(--color-surface));border-bottom:1px solid var(--color-border)}.credit-history-table td{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border);vertical-align:middle}.credit-history-table tbody tr:last-child td{border-bottom:none}.credit-history-row.voided td{opacity:.5;text-decoration:line-through}.credit-history-row.voided .voided-badge,.credit-history-row.voided .col-actions{text-decoration:none}.voided-badge{display:inline-block;margin-left:var(--space-2);padding:1px 6px;border-radius:4px;font-size:10px;font-weight:var(--font-bold);letter-spacing:.05em;background:var(--color-danger-subtle, #fee2e2);color:var(--color-danger, #dc2626);text-decoration:none!important}.col-time{white-space:nowrap}.col-points,.col-net{text-align:right;font-variant-numeric:tabular-nums}.user-name{font-weight:var(--font-medium)}.user-email{font-size:var(--text-xs);color:var(--color-text-muted)}.net-voided{color:var(--color-text-muted);font-style:italic}.credit-source-badge{display:inline-block;padding:2px 8px;border-radius:12px;font-size:var(--text-xs);font-weight:var(--font-medium)}.badge-tap{background:#dbeafe;color:#1d4ed8}.badge-request{background:#dcfce7;color:#166534}.badge-staff{background:#fef9c3;color:#854d0e}.badge-scan{background:#f3e8ff;color:#6b21a8}.badge-other{background:var(--color-surface-alt, #f4f4f5);color:var(--color-text-muted)}.no-adjustments{color:var(--color-text-muted)}.adj-toggle{display:inline-flex;align-items:center;gap:5px;background:var(--color-surface-alt, #f4f4f5);border:1px solid var(--color-border);border-radius:20px;cursor:pointer;font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-text);padding:3px 8px 3px 7px;transition:background .15s ease;white-space:nowrap}.adj-toggle:hover{background:var(--primary-50);border-color:var(--primary-200);color:var(--color-primary)}.adj-toggle-label{font-variant-numeric:tabular-nums}.adj-toggle-chevron{flex-shrink:0;color:var(--color-text-muted);transition:color .15s ease}.adj-toggle:hover .adj-toggle-chevron{color:var(--color-primary)}.adj-history-list{list-style:none;padding:0;margin:6px 0 0;display:flex;flex-direction:column;gap:4px;min-width:180px}.adj-entry{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:6px;padding:4px 7px;border-radius:var(--radius-sm);background:var(--color-surface-alt, #f9fafb);border:1px solid var(--color-border)}.adj-type-pill{font-size:9px;font-weight:var(--font-bold);letter-spacing:.04em;padding:1px 5px;border-radius:4px;flex-shrink:0}.adj-type-adjust .adj-type-pill{background:#dcfce7;color:#166534}.adj-type-void .adj-type-pill{background:#fee2e2;color:#991b1b}.adj-pts{font-size:var(--text-xs);font-weight:var(--font-semibold);font-variant-numeric:tabular-nums;color:var(--color-text)}.adj-ts{font-size:10px;color:var(--color-text-muted);white-space:nowrap}.row-actions{display:flex;flex-wrap:nowrap;gap:var(--space-2);align-items:center}.btn-history-add,.btn-history-void{display:inline-flex;align-items:center;justify-content:center;width:90px;padding:5px 0;border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--font-medium);cursor:pointer;white-space:nowrap}.btn-history-add{border:1px solid var(--color-primary);background:transparent;color:var(--color-primary)}.btn-history-add:hover{background:var(--color-primary-subtle, #eff6ff)}.btn-history-add:disabled{opacity:.5;cursor:not-allowed}.btn-history-void{border:1px solid var(--color-danger, #dc2626);background:transparent;color:var(--color-danger, #dc2626)}.btn-history-void:hover{background:var(--color-danger-subtle, #fee2e2)}.btn-history-void:disabled{opacity:.4;cursor:not-allowed}.ch-modal-desc{font-size:var(--text-sm);color:var(--color-text);margin-bottom:var(--space-4)}.ch-modal-warning{font-size:var(--text-sm);margin-bottom:var(--space-2);padding:var(--space-3);background:var(--color-warning-subtle, #fefce8);border-left:3px solid var(--color-warning, #ca8a04);border-radius:var(--radius-sm)}.ch-modal-note{font-size:var(--text-xs);color:var(--color-text-muted);margin-bottom:var(--space-4)}.ch-modal-field{display:flex;flex-direction:column;gap:var(--space-1)}.ch-modal-field-label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text)}.ch-modal-optional{font-weight:var(--font-normal);color:var(--color-text-muted);font-size:var(--text-xs)}.ch-modal-stepper{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);margin-bottom:var(--space-4)}.ch-modal-stepper-label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text)}.ch-modal-stepper-controls{display:flex;align-items:center;gap:var(--space-3)}.points-input-modern{width:72px;text-align:center;font-weight:var(--font-bold);font-size:var(--text-base);color:var(--color-text);background:var(--color-bg-card);border:2px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-2) var(--space-1);outline:none;-moz-appearance:textfield}.points-input-modern::-webkit-inner-spin-button,.points-input-modern::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.points-input-modern:focus{border-color:var(--color-primary)}.ch-modal-step-hint{font-size:var(--text-xs);color:var(--color-text-secondary);margin-top:var(--space-1)}.credit-history-load-more{display:flex;justify-content:center;padding:var(--space-4) 0}.btn-load-more{padding:var(--space-2) var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);font-size:var(--text-sm);cursor:pointer}.btn-load-more:disabled{opacity:.5;cursor:not-allowed}.admin-page-header{display:flex;align-items:center;gap:var(--space-4);padding-bottom:var(--space-4);margin-bottom:var(--space-4);border-bottom:1px solid var(--color-border-light)}.admin-page-header .admin-activity-view-toggle{margin-left:auto;flex-shrink:0}.credit-history-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-4);padding:var(--space-2) 0}.credit-history-card{background:var(--color-bg-card);border:1px solid var(--color-border-light);border-radius:var(--radius-xl);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3);transition:box-shadow var(--transition-fast),border-color var(--transition-fast)}.credit-history-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-border)}.credit-history-card.voided{opacity:.65}.ch-card-top{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.ch-card-time{font-size:var(--text-xs);color:var(--color-text-muted)}.ch-card-user{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text)}.ch-card-points-row{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;font-size:var(--text-sm)}.ch-card-pts-label{color:var(--color-text-muted)}.ch-card-pts-value{color:var(--color-text)}.ch-card-pts-sep{color:var(--color-text-muted)}.ch-card-adj{font-size:var(--text-sm)}.ch-card-actions{display:flex;gap:var(--space-2);flex-wrap:wrap;margin-top:auto;padding-top:var(--space-2);border-top:1px solid var(--color-border-light)}.admin-redemptions-section{width:100%;display:flex;flex-direction:column;gap:var(--space-6);flex:1 1 auto;min-height:0}.admin-controls{margin-bottom:var(--space-6)}.search-controls{display:flex;gap:var(--space-3);align-items:center;flex-wrap:wrap}.search-input-container{position:relative;flex:1;min-width:200px;max-width:400px}.search-icon{position:absolute;left:var(--space-3);top:50%;transform:translateY(-50%);color:var(--color-text-muted);pointer-events:none;width:16px;height:16px}.search-input{width:100%;padding:var(--space-3) var(--space-3) var(--space-3) var(--space-10);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-sm);background:var(--color-bg);color:var(--color-text);transition:all var(--transition-fast)}.search-input:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px var(--primary-100)}.search-input::placeholder{color:var(--color-text-muted)}.pending-sort-dropdown{min-width:160px}.bulk-actions-bar{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);background:var(--primary-50);border:1px solid var(--primary-200);border-radius:var(--radius-lg);margin-bottom:var(--space-4);gap:var(--space-4);flex-wrap:wrap}.bulk-info{display:flex;align-items:center;gap:var(--space-2)}.bulk-count{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--primary-700)}.bulk-actions{display:flex;gap:var(--space-2);flex-wrap:wrap}.btn-bulk-approve,.btn-bulk-reject{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);border:none;cursor:pointer;transition:all var(--transition-fast)}.btn-bulk-approve{background:var(--success-500);color:#fff}.btn-bulk-approve:hover:not(:disabled){background:var(--success-600)}.btn-bulk-reject{background:var(--error-500);color:#fff}.btn-bulk-reject:hover:not(:disabled){background:var(--error-600)}.btn-bulk-approve:disabled,.btn-bulk-reject:disabled{opacity:.5;cursor:not-allowed}.admin-redemptions-content{width:100%}.admin-redemptions-list{display:flex;flex-direction:column;gap:var(--space-4)}.select-all-row{padding:var(--space-3) var(--space-4);background:var(--color-bg-subtle);border-radius:var(--radius-md);margin-bottom:var(--space-2)}.select-all-checkbox{display:flex;align-items:center;gap:var(--space-2);cursor:pointer;font-size:var(--text-sm);color:var(--color-text);-webkit-user-select:none;user-select:none}.select-all-checkbox input[type=checkbox]{margin:0}.redemptions-container{display:flex;flex-direction:column;gap:var(--space-4)}.redemption-request-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-4);transition:all var(--transition-fast);box-shadow:var(--shadow-sm)}.redemption-request-card:hover{box-shadow:var(--shadow-md);border-color:var(--primary-200)}.redemption-request-card.removing{opacity:.5;pointer-events:none}.redemption-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border-light)}.redemption-header-left{display:flex;align-items:center;gap:var(--space-3)}.redemption-checkbox{display:flex;align-items:center;cursor:pointer}.redemption-checkbox input[type=checkbox]{margin:0}.redemption-number{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-muted)}.redemption-status{display:flex;align-items:center}.status-badge.pending{background:var(--warning-100);color:var(--warning-700)}.redemption-content{display:flex;flex-direction:column;gap:var(--space-4)}.customer-info{display:flex;align-items:center;gap:var(--space-4)}.customer-avatar{width:48px;height:48px;border-radius:var(--radius-full);background:var(--primary-100);display:flex;align-items:center;justify-content:center;flex-shrink:0}.avatar-text{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--primary-700)}.customer-details{flex:1;min-width:0}.customer-name{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text);margin-bottom:var(--space-1)}.redemption-description{font-size:var(--text-sm);color:var(--color-text-muted);line-height:var(--leading-relaxed)}.redemption-details{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3);background:var(--color-bg-subtle);border-radius:var(--radius-md)}.detail-item{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4)}.detail-label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-muted)}.detail-value{font-size:var(--text-sm);color:var(--color-text);text-align:right}.redemption-actions-modern{display:flex;gap:var(--space-2);padding-top:var(--space-3);border-top:1px solid var(--color-border-light)}.btn-modern{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);border:none;cursor:pointer;transition:all var(--transition-fast);flex:1}.btn-modern svg{flex-shrink:0;width:16px;height:16px}.btn-modern:disabled{opacity:.5;cursor:not-allowed}.btn-approve{background:var(--success-500);color:#fff}.btn-approve:hover:not(:disabled){background:var(--success-600)}.btn-reject{background:var(--error-500);color:#fff}.btn-reject:hover:not(:disabled){background:var(--error-600)}.btn-secondary{background:var(--color-bg-subtle);color:var(--color-text);border:1px solid var(--color-border)}.btn-secondary:hover:not(:disabled){background:var(--color-bg);border-color:var(--color-border-dark)}.pagination-controls{display:flex;flex-direction:column;gap:var(--space-4);margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--color-border-light)}.pagination-info{display:flex;align-items:center;justify-content:center}.pagination-text{font-size:var(--text-sm);color:var(--color-text-muted)}.pagination-buttons{display:flex;align-items:center;justify-content:center;gap:var(--space-2);flex-wrap:wrap}.pagination-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);color:var(--color-text);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-fast);min-width:36px;justify-content:center}.pagination-btn:hover:not(:disabled){background:var(--color-bg-subtle);border-color:var(--primary-300)}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-btn.active{background:var(--primary-500);color:#fff;border-color:var(--primary-500)}.pagination-btn.active:hover{background:var(--primary-600)}.page-numbers{display:flex;gap:var(--space-1)}@media(max-width:768px){.admin-redemptions-section{gap:var(--space-4)}.admin-page-header{flex-direction:column;align-items:flex-start;gap:var(--space-3)}.search-controls{flex-direction:column;width:100%}.search-input-container{max-width:100%}.bulk-actions-bar{flex-direction:column;align-items:stretch}.bulk-actions{width:100%}.btn-bulk-approve,.btn-bulk-reject{flex:1}.redemption-header{flex-direction:column;align-items:flex-start;gap:var(--space-2)}.redemption-actions-modern{flex-direction:column}.btn-modern{width:100%}.pagination-buttons{flex-direction:column}.page-numbers{flex-wrap:wrap;justify-content:center}}.admin-users-section{width:100%;display:flex;flex-direction:column;gap:var(--space-6)}.section-icon{font-size:var(--text-xl);margin-right:var(--space-2)}.admin-users-main-controls{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-5)}@media(min-width:768px){.admin-users-main-controls{display:grid;grid-template-columns:1fr auto;gap:var(--space-3);align-items:start}.admin-users-search{grid-column:1}.admin-quick-filters{grid-column:2;justify-content:flex-end}.admin-page-size-selector-inline{grid-column:1 / -1;justify-self:flex-end}}.admin-users-search{flex:1;min-width:0}.admin-quick-filters{display:flex;gap:var(--space-3);flex-wrap:wrap;align-items:center}.quick-filter-btn{display:flex;align-items:center;gap:var(--space-1-5);padding:var(--space-1-5) var(--space-2-5);border:1px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-bg);color:var(--color-text);font-size:var(--text-xs);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;min-height:28px;line-height:1.2}.quick-filter-btn:hover{background:var(--color-bg-subtle);border-color:var(--primary-300);transform:translateY(-1px)}.quick-filter-btn.active{background:var(--primary-500);color:#fff;border-color:var(--primary-500);box-shadow:0 2px 4px #79554833}.filter-icon{font-size:var(--text-sm);flex-shrink:0;line-height:1}.admin-page-size-selector-inline{display:flex;align-items:center;gap:var(--space-2)}.admin-page-size-dropdown-inline{min-width:80px}.admin-active-filters{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;padding:var(--space-3) var(--space-4);background:var(--color-bg-subtle);border-radius:var(--radius-md);margin-bottom:var(--space-4)}.active-filters-label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-muted)}.active-filters-chips{display:flex;gap:var(--space-2);flex-wrap:wrap;flex:1}.filter-chip{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);background:var(--primary-100);border:1px solid var(--primary-300);border-radius:var(--radius-full);font-size:var(--text-xs);color:var(--primary-700)}.filter-chip-remove{background:none;border:none;color:var(--primary-700);cursor:pointer;padding:0;width:16px;height:16px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);transition:all var(--transition-fast)}.filter-chip-remove:hover{background:var(--primary-200)}.clear-all-filters{margin-left:auto;padding:var(--space-1) var(--space-3);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-primary);background:transparent;border:1px solid var(--primary-300);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.clear-all-filters:hover{background:var(--primary-50);border-color:var(--primary-500)}.admin-users-pagination-info{display:flex;align-items:center;justify-content:space-between;margin:var(--space-3) 0;gap:var(--space-3);flex-wrap:wrap}.pagination-info-text{margin:0;color:var(--color-text-muted);font-size:var(--text-sm);flex:1}.pagination-buttons-inline{display:flex;gap:var(--space-2);align-items:center}.pagination-btn-inline{padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);color:var(--color-text);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;min-width:40px;height:36px}.pagination-btn-inline:hover:not(:disabled){background:var(--color-bg-subtle);border-color:var(--primary-300)}.pagination-btn-inline:disabled{opacity:.5;cursor:not-allowed;background:var(--color-bg-subtle);color:var(--color-text-muted)}.admin-users-table-container{width:100%;overflow-x:auto;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-card)}.admin-users-table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.admin-users-table thead{background:var(--color-bg-subtle);border-bottom:2px solid var(--color-border)}.table-header-actions,.table-header-name,.table-header-email,.table-header-role,.table-header-points,.table-header-pending,.table-header-total,.table-header-rewards,.table-header-status{padding:var(--space-3) var(--space-4);text-align:left;font-weight:var(--font-semibold);color:var(--color-text);font-size:var(--text-sm);white-space:nowrap}.table-row{border-bottom:1px solid var(--color-border-light);transition:background-color var(--transition-fast)}.table-row:hover{background:var(--color-bg-subtle)}.table-row:last-child{border-bottom:none}.table-cell-actions,.table-cell-name,.table-cell-email,.table-cell-role,.table-cell-points,.table-cell-pending,.table-cell-total,.table-cell-rewards,.table-cell-status{padding:var(--space-3) var(--space-4);vertical-align:middle}.table-empty{text-align:center;padding:var(--space-8) var(--space-4)}.table-empty .empty-icon{font-size:var(--text-4xl);margin-bottom:var(--space-3)}.table-empty p{margin:var(--space-2) 0;color:var(--color-text);font-size:var(--text-base)}.table-empty p:last-child{font-size:var(--text-sm);color:var(--color-text-muted);margin-top:var(--space-2)}.user-info{display:flex;align-items:center;gap:var(--space-3)}.user-avatar{width:40px;height:40px;border-radius:var(--radius-full);background:var(--primary-100);display:flex;align-items:center;justify-content:center;flex-shrink:0}.avatar-text{font-size:var(--text-base);font-weight:var(--font-bold);color:var(--primary-700)}.user-name{font-weight:var(--font-medium);color:var(--color-text)}.edit-user-btn{background:none;border:none;color:var(--color-primary);cursor:pointer;padding:var(--space-2);border-radius:var(--radius-md);transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center}.edit-user-btn:hover{background:var(--primary-50)}.role-badge{display:inline-block;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--font-medium);white-space:nowrap}.role-badge-super-admin{background:var(--purple-100);color:var(--purple-700)}.role-badge-store-admin{background:var(--blue-100);color:var(--blue-700)}.role-badge-staff{background:var(--green-100);color:var(--green-700)}.role-badge-user{background:var(--gray-100);color:var(--gray-700)}.status-badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.05em}.status-badge.active{background:var(--success-100);color:var(--success-700)}.status-badge.blocked{background:var(--error-100);color:var(--error-700)}.status-badge.pending{background:var(--warning-100);color:var(--warning-700);border:1px solid var(--warning-300)}.admin-action-message{padding:var(--space-3) var(--space-4);background:var(--success-50);border:1px solid var(--success-200);border-radius:var(--radius-md);color:var(--success-700);margin-top:var(--space-4);font-size:var(--text-sm)}@media(max-width:768px){.admin-users-main-controls{gap:var(--space-2)}.admin-quick-filters{gap:var(--space-1)}.quick-filter-btn{padding:var(--space-1) var(--space-2);font-size:var(--text-xs);min-height:24px}.filter-icon{font-size:var(--text-xs)}.admin-users-pagination-info{flex-direction:column;align-items:stretch}.pagination-buttons-inline{width:100%;justify-content:center}.admin-users-table-container{overflow-x:scroll;-webkit-overflow-scrolling:touch}.admin-users-table{min-width:800px}.table-header-actions,.table-header-name,.table-header-email,.table-header-role,.table-header-points,.table-header-pending,.table-header-total,.table-header-rewards,.table-header-status,.table-cell-actions,.table-cell-name,.table-cell-email,.table-cell-role,.table-cell-points,.table-cell-pending,.table-cell-total,.table-cell-rewards,.table-cell-status{padding:var(--space-2) var(--space-2);font-size:var(--text-xs)}}.store-settings-form{width:100%;display:flex;flex-direction:column;gap:var(--space-6)}.logo-upload-section{display:flex;gap:var(--space-4);align-items:flex-start;padding:var(--space-4);background:var(--color-bg-subtle);border:1px solid var(--color-border-light);border-radius:var(--radius-lg)}.logo-preview{flex-shrink:0;width:120px;height:120px;border-radius:var(--radius-lg);overflow:hidden;border:2px solid var(--color-border);background:var(--color-bg-card);display:flex;align-items:center;justify-content:center}.logo-preview-image{width:100%;height:100%;object-fit:contain;display:block}.logo-upload-controls{flex:1;display:flex;flex-direction:column;gap:var(--space-3)}.logo-file-input{display:none}.logo-upload-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-fast);align-self:flex-start}.logo-upload-btn:hover:not(:disabled){background:var(--primary-600);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.logo-upload-btn:active:not(:disabled){transform:translateY(0)}.logo-upload-btn:disabled{opacity:.5;cursor:not-allowed}.form-help{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:var(--space-1);line-height:var(--leading-relaxed)}@media(max-width:640px){.logo-upload-section{flex-direction:column;align-items:stretch}.logo-preview{width:100%;height:200px;align-self:center;max-width:200px}.logo-upload-controls{width:100%}.logo-upload-btn{width:100%;justify-content:center}}.promotion-help-box{background:var(--primary-50);border:1px solid var(--primary-200);border-radius:var(--radius-xl);padding:var(--space-4);margin-bottom:var(--space-6)}.promotion-help-box-title{font-weight:var(--font-semibold);color:var(--primary-700);margin-bottom:var(--space-2);font-size:var(--text-sm)}.promotion-help-box ol{margin:0;padding-left:var(--space-5);color:var(--color-text);font-size:var(--text-xs);line-height:var(--leading-relaxed)}.promotion-preview-box{margin-bottom:var(--space-8)}.promotion-preview-title{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-primary);margin-bottom:var(--space-3)}.promotion-preview-content{font-size:var(--text-base);color:var(--color-text);line-height:var(--leading-relaxed)}.promotion-preview-strong{font-weight:var(--font-bold);color:var(--color-primary)}.promotion-step-section{margin-bottom:var(--space-8)}.promotion-step-header{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-primary);margin-bottom:var(--space-3);display:flex;align-items:center;gap:var(--space-2)}.promotion-step-number{background:var(--primary-500);color:#fff;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:var(--text-xs);font-weight:var(--font-bold);flex-shrink:0}.promotion-form-help{font-size:var(--text-xs);color:var(--color-text-muted);margin-bottom:var(--space-2);margin-top:calc(var(--space-1) * -1)}.promotion-form-tip{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:var(--space-1-5)}.promotion-required{color:var(--color-error);margin-left:var(--space-1)}.promotion-summary-box{background:var(--success-50);border:1px solid var(--success-200);border-radius:var(--radius-xl);padding:var(--space-4);margin-bottom:var(--space-6)}.promotion-summary-title{font-weight:var(--font-semibold);color:var(--success-700);margin-bottom:var(--space-2);font-size:var(--text-sm)}.promotion-summary-text{font-size:var(--text-xs);color:var(--color-text);line-height:var(--leading-relaxed)}@media(max-width:640px){.promotion-help-box,.promotion-summary-box{padding:var(--space-3)}.promotion-step-header{font-size:var(--text-sm)}}.store-registration-form-group{width:100%;margin-bottom:var(--space-4)}.store-registration-label{display:block;margin-bottom:var(--space-1-5);font-weight:var(--font-semibold);color:var(--color-primary)}.store-registration-required{color:var(--color-error)}.store-registration-input{width:100%}.store-registration-help{display:block;color:var(--color-primary);margin-top:var(--space-1);font-size:var(--text-xs)}.store-registration-business-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--space-3);margin-top:var(--space-2)}.store-registration-business-button{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-4) var(--space-3);border:2px solid var(--color-border);border-radius:var(--radius-lg);background:#fff;cursor:pointer;transition:all var(--transition-base);min-height:80px;outline:none}.store-registration-business-button:hover:not(.selected){border-color:var(--color-primary);background:#79554808}.store-registration-business-button.selected{border-color:var(--color-primary);background:#79554814}.store-registration-business-icon{margin-bottom:var(--space-2)}.store-registration-business-label{font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-text-muted);text-align:center}.store-registration-business-button.selected .store-registration-business-label{font-weight:var(--font-semibold);color:var(--color-primary)}.store-registration-two-column{width:100%;display:flex;flex-direction:row;gap:var(--space-4);margin-bottom:var(--space-4)}.store-registration-column{flex:1}.store-registration-error{width:100%;padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);margin-bottom:var(--space-4);background:var(--error-50);color:var(--color-error);border:1px solid var(--error-200);font-weight:var(--font-medium)}@media(max-width:640px){.store-registration-business-grid{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:var(--space-2)}.store-registration-two-column{flex-direction:column}}.admin-activity-filters-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3);margin:var(--space-4) 0;align-items:end}.admin-activities-list{width:100%}.admin-activity-item{display:flex;gap:var(--space-4);padding:var(--space-4);border-bottom:1px solid var(--color-border-light);transition:background-color var(--transition-fast)}.admin-activity-item:hover{background-color:var(--gray-50)}.admin-activity-item:last-child{border-bottom:none}.admin-activity-icon-container{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);background:var(--primary-50)}.admin-activity-icon-container .admin-activity-icon,.admin-activity-icon-container svg{width:18px;height:18px;min-width:18px;min-height:18px;flex-shrink:0}.admin-activity-icon{font-size:var(--text-lg);color:var(--color-primary)}.admin-activity-content{flex:1;min-width:0}.admin-activity-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-2);margin-bottom:var(--space-1)}.admin-activity-title{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text);margin:0;flex:1}.admin-activity-time{font-size:var(--text-xs);color:var(--color-text-muted);white-space:nowrap;flex-shrink:0}.admin-activity-description{font-size:var(--text-sm);color:var(--color-text-muted);margin:var(--space-1) 0;line-height:var(--leading-relaxed)}.admin-activity-status{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-medium);margin-top:var(--space-1)}.admin-activity-status.pending{background:var(--warning-50);color:var(--warning-700)}.admin-activity-status.approved{background:var(--success-50);color:var(--success-700)}.admin-activity-status.rejected{background:var(--error-50);color:var(--error-700)}.admin-activity-points{margin-top:var(--space-2);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-primary)}.admin-activity-pagination{display:flex;align-items:center;justify-content:space-between;margin:var(--space-5) 0;gap:var(--space-3);padding:var(--space-4) 0;border-top:1px solid var(--color-border)}.admin-activity-pagination-info{margin:0;color:var(--color-text-muted);flex:1;font-size:var(--text-sm)}.admin-activity-pagination-controls{display:flex;gap:var(--space-2);align-items:center}.admin-activity-view-toggle{display:flex;gap:var(--space-1);background:var(--color-bg-subtle, var(--gray-100));border:1px solid var(--color-border-light);border-radius:var(--radius-lg);padding:var(--space-1);flex-shrink:0;margin-left:auto}.admin-activity-view-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid transparent;border-radius:var(--radius-md);background:transparent;color:var(--color-text-muted);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.admin-activity-view-btn:hover{background:var(--color-bg-card);color:var(--color-text);border-color:var(--color-border-light)}.admin-activity-view-btn.active{background:var(--color-bg-card);color:var(--color-primary);border-color:var(--color-border);box-shadow:var(--shadow-sm)}.admin-activities-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-4);padding:var(--space-2) 0}.admin-activity-card{background:var(--color-bg-card);border:1px solid var(--color-border-light);border-radius:var(--radius-xl);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3);transition:box-shadow var(--transition-fast),border-color var(--transition-fast)}.admin-activity-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-border)}.admin-activity-card-top{display:flex;align-items:center;justify-content:space-between}.admin-activity-card-icon-wrap{width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);background:var(--primary-50);flex-shrink:0}.admin-activity-card-icon-wrap svg,.admin-activity-card-icon-wrap .admin-activity-icon{width:17px;height:17px;color:var(--color-primary)}.admin-activity-card-time{font-size:var(--text-xs);color:var(--color-text-muted)}.admin-activity-card-title{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text);margin:0;line-height:var(--leading-snug)}.admin-activity-card-description{font-size:var(--text-sm);color:var(--color-text-muted);margin:0;line-height:var(--leading-relaxed);flex:1}.admin-activity-card-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);flex-wrap:wrap}.admin-activity-card-points{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-primary)}.admin-activity-pagination-btn{padding:var(--space-2-5) var(--space-4);min-width:100px;background:var(--color-bg-card);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;gap:var(--space-1-5);cursor:pointer;transition:all var(--transition-fast);font-size:var(--text-sm);font-weight:var(--font-medium)}.admin-activity-pagination-btn:hover:not(:disabled){background:var(--primary-50);border-color:var(--primary-300);color:var(--color-primary)}.admin-activity-pagination-btn:disabled{background:var(--color-bg-disabled);color:var(--color-text-disabled);border-color:var(--color-border-disabled);cursor:not-allowed;opacity:.6}.admin-activity-pagination-btn.btn-primary{background:var(--primary-500);color:#fff;border-color:var(--primary-500)}.admin-activity-pagination-btn.btn-primary:hover:not(:disabled){background:var(--primary-600);border-color:var(--primary-600)}.admin-activity-pagination-btn.btn-primary:disabled{background:var(--color-bg-disabled);color:var(--color-text-disabled);border-color:var(--color-border-disabled)}@media(max-width:640px){.admin-activity-filters-row{grid-template-columns:1fr;gap:var(--space-2)}.admin-activity-pagination{flex-direction:column;align-items:stretch}.admin-activity-pagination-controls{width:100%}.admin-activity-pagination-btn{flex:1}}.admin-theme-switcher{background:var(--color-bg-card);border:2px solid var(--color-border);border-radius:var(--radius-2xl);padding:var(--space-5);box-shadow:var(--shadow-md);margin-bottom:var(--space-5)}.admin-theme-switcher-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-5)}.admin-theme-switcher-header-left{display:flex;align-items:center;gap:var(--space-3)}.admin-theme-switcher-icon{width:40px;height:40px;background:var(--color-primary);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:#fff;font-size:var(--text-lg)}.admin-theme-switcher-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text);margin:0}.admin-theme-switcher-subtitle{font-size:var(--text-sm);color:var(--color-text-muted);margin:0}.admin-theme-switcher-toggle-btn{background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-lg);padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-semibold);cursor:pointer;display:flex;align-items:center;gap:var(--space-2);transition:all var(--transition-fast)}.admin-theme-switcher-toggle-btn:hover{background:var(--primary-600);transform:translateY(-1px)}.admin-theme-preview{background:var(--primary-50);border:1px solid var(--primary-200);border-radius:var(--radius-xl);padding:var(--space-4);margin-bottom:var(--space-5)}.admin-theme-preview-content{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-2)}.admin-theme-color-dots{display:flex;gap:var(--space-1-5)}.admin-theme-color-dot{width:20px;height:20px;border-radius:var(--radius-full);border:2px solid white;box-shadow:0 2px 4px #0000001a}.admin-theme-preview-info{flex:1}.admin-theme-preview-name{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-primary);margin:0}.admin-theme-preview-description{font-size:var(--text-sm);color:var(--color-text-muted);margin:0}.admin-theme-selection{margin-top:var(--space-5)}.admin-theme-selection-title{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text);margin-bottom:var(--space-4)}.admin-theme-category{margin-bottom:var(--space-6)}.admin-theme-category-title{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-muted);margin-bottom:var(--space-3);text-transform:uppercase;letter-spacing:.5px}.admin-theme-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-3)}.admin-theme-option{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--color-bg);border:2px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);text-align:left;width:100%}.admin-theme-option:hover{background:var(--primary-50);border-color:var(--primary-300)}.admin-theme-option.selected{background:var(--primary-100);border-color:var(--color-primary)}.admin-theme-option-colors{display:flex;gap:var(--space-1)}.admin-theme-option-color{width:16px;height:16px;border-radius:var(--radius-full);background-color:currentColor;border:2px solid white;box-shadow:0 2px 4px #0000001a}.admin-theme-option-info{flex:1}.admin-theme-option-name{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text);margin-bottom:var(--space-0-5)}.admin-theme-option-description{font-size:var(--text-xs);color:var(--color-text-muted)}.admin-theme-option-check{color:var(--color-primary);font-size:var(--text-base)}.admin-theme-save-section{display:flex;align-items:center;gap:var(--space-3);margin-top:var(--space-5);padding-top:var(--space-5);border-top:1px solid var(--color-border)}.admin-theme-save-btn{background:var(--color-success);color:#fff;border:none;border-radius:var(--radius-lg);padding:var(--space-3) var(--space-6);font-size:var(--text-sm);font-weight:var(--font-semibold);cursor:pointer;display:flex;align-items:center;gap:var(--space-2);opacity:1;transition:all var(--transition-fast)}.admin-theme-save-btn:hover:not(:disabled){background:var(--success-600);transform:translateY(-1px)}.admin-theme-save-btn:disabled{cursor:not-allowed;opacity:.7}.admin-theme-save-message{font-size:var(--text-sm);font-weight:var(--font-medium)}.admin-theme-save-message.success{color:var(--color-success)}.admin-theme-save-message.error{color:var(--color-error)}.admin-theme-preview-note{background:var(--warning-50);border:1px solid var(--warning-200);border-radius:var(--radius-lg);padding:var(--space-3);margin-top:var(--space-4)}.admin-theme-preview-note-text{font-size:var(--text-xs);color:var(--color-warning);font-weight:var(--font-medium)}.admin-theme-preview-note-text strong{font-weight:var(--font-semibold)}@media(max-width:640px){.admin-theme-switcher{padding:var(--space-4)}.admin-theme-switcher-header{flex-direction:column;align-items:flex-start;gap:var(--space-3)}.admin-theme-grid{grid-template-columns:1fr}.admin-theme-save-section{flex-direction:column;align-items:stretch}.admin-theme-save-btn{width:100%;justify-content:center}}.admin-theme-switcher-full{background:var(--color-bg-card);border:2px solid var(--color-border);border-radius:var(--radius-2xl);padding:var(--space-5);box-shadow:var(--shadow-md);margin-bottom:var(--space-5)}.admin-theme-switcher-full-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-5);padding-bottom:var(--space-4);border-bottom:2px solid var(--color-border)}.admin-theme-switcher-full-header-left{display:flex;align-items:center;gap:var(--space-3)}.admin-theme-switcher-full-icon{background:linear-gradient(135deg,var(--primary-500) 0%,var(--primary-600) 100%);border-radius:var(--radius-xl);padding:var(--space-3);color:#fff;display:flex;align-items:center;justify-content:center}.admin-theme-switcher-full-title{margin:0;font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--color-text)}.admin-theme-switcher-full-subtitle{margin:var(--space-1) 0 0 0;font-size:var(--text-sm);color:var(--color-text-secondary)}.admin-theme-preview-full{background:var(--secondary-50);border:2px solid var(--primary-200);border-radius:var(--radius-xl);padding:var(--space-4);margin-bottom:var(--space-6)}.admin-theme-preview-full-content{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-2)}.admin-theme-color-dots-full{display:flex;gap:var(--space-1)}.admin-theme-color-dot-full{width:20px;height:20px;border-radius:var(--radius-full);border:2px solid white;box-shadow:0 2px 4px #0000001a}.admin-theme-preview-full-info{flex:1}.admin-theme-preview-full-name{margin:0;font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text)}.admin-theme-preview-full-description{margin:var(--space-0-5) 0 0 0;font-size:var(--text-xs);color:var(--color-text-secondary)}.admin-theme-categories-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-5);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border)}.admin-theme-categories-title{margin:0;font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text);display:flex;align-items:center;gap:var(--space-2)}.admin-theme-count{font-size:var(--text-sm);font-weight:var(--font-normal);color:var(--color-text-muted)}.admin-theme-expand-btn{background:var(--primary-50);border:1px solid var(--primary-200);border-radius:var(--radius-lg);color:var(--color-primary);font-size:var(--text-sm);font-weight:var(--font-semibold);cursor:pointer;display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);transition:all var(--transition-fast)}.admin-theme-expand-btn:hover{background:var(--primary-100);border-color:var(--primary-300);transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.admin-theme-expand-btn:active{transform:translateY(0)}.admin-theme-expand-btn-text{display:flex;align-items:center}.admin-theme-expand-icon{display:flex;align-items:center;justify-content:center;transform:rotate(0);transition:transform var(--transition-fast)}.admin-theme-expand-icon svg{width:16px;height:16px}.admin-theme-expand-icon.expanded{transform:rotate(180deg)}.admin-theme-categories-full{margin-bottom:var(--space-5)}.admin-theme-grid-full{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-4);margin-bottom:var(--space-6);max-height:400px;overflow:hidden;transition:max-height var(--transition-base)}.admin-theme-grid-full.expanded{max-height:none;overflow:visible}.admin-theme-category-card{background:var(--color-bg-card);border:2px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-4);transition:all var(--transition-fast)}.admin-theme-category-title{margin:0 0 var(--space-3) 0;font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}.admin-theme-category-themes{display:flex;flex-direction:column;gap:var(--space-2)}.admin-theme-option-full{background:transparent;border:2px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-3);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;gap:var(--space-3);width:100%;text-align:left}.admin-theme-option-full:hover{background:var(--secondary-50);border-color:var(--primary-200)}.admin-theme-option-full.selected{background:var(--primary-50);border-color:var(--primary-300)}.admin-theme-option-colors-full{display:flex;gap:var(--space-0-75)}.admin-theme-option-color-full{width:16px;height:16px;border-radius:var(--radius-full);border:1px solid rgba(255,255,255,.8);box-shadow:0 1px 2px #0000001a}.admin-theme-option-info-full{flex:1}.admin-theme-option-name-full{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text);margin-bottom:var(--space-0-5)}.admin-theme-option-description-full{font-size:var(--text-xs);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.admin-theme-option-check-full{color:var(--primary-500);font-size:var(--text-base);font-weight:var(--font-bold)}.admin-theme-save-section-full{display:flex;align-items:center;justify-content:center;gap:var(--space-3);padding-top:var(--space-5);border-top:2px solid var(--color-border)}.admin-theme-save-btn-full{background:linear-gradient(135deg,var(--primary-500) 0%,var(--primary-600) 100%);color:#fff;border:none;border-radius:var(--radius-lg);padding:var(--space-3) var(--space-6);font-size:var(--text-sm);font-weight:var(--font-semibold);cursor:pointer;display:flex;align-items:center;gap:var(--space-2);transition:all var(--transition-fast);box-shadow:0 2px 8px #0000001a}.admin-theme-save-btn-full:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.admin-theme-save-btn-full:disabled{background:var(--secondary-200);cursor:not-allowed;transform:none;box-shadow:0 2px 8px #0000001a}.admin-theme-save-message-full{font-size:var(--text-sm);font-weight:var(--font-medium)}.admin-theme-save-message-full.success{color:var(--color-success)}.admin-theme-save-message-full.error{color:var(--color-error)}@media(max-width:640px){.admin-theme-switcher-full{padding:var(--space-4)}.admin-theme-switcher-full-header{flex-direction:column;align-items:flex-start;gap:var(--space-3)}.admin-theme-grid-full{grid-template-columns:1fr}.admin-theme-save-section-full{flex-direction:column;align-items:stretch}.admin-theme-save-btn-full{width:100%;justify-content:center}}.admin-page-container .page-header{margin-top:0;margin-bottom:var(--space-6)}.admin-page-container .page-content,.admin-page-container .legal-content{padding:0;margin:0}.legal-info-box{border-left:4px solid var(--color-primary);padding:var(--space-4) var(--space-5);margin-bottom:var(--space-8);border-radius:var(--radius-md)}.legal-info-box.notice{background:#f0f9ff}.legal-info-box.summary{background:#fef9f3;margin-top:var(--space-10)}.legal-info-box.legal-note{background:#f0f9ff;margin-top:var(--space-8)}.legal-info-box strong{font-weight:var(--font-semibold);color:var(--color-text)}.legal-info-box h3{margin-top:0;margin-bottom:var(--space-3);font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text)}.legal-info-box ul{margin-bottom:0}.legal-info-box ul li{margin-bottom:var(--space-2);line-height:var(--leading-relaxed)}.legal-info-box a{color:var(--color-primary);text-decoration:underline;transition:color var(--transition-fast)}.legal-info-box a:hover{color:var(--primary-600)}.legal-content-footer{margin-top:var(--space-10);padding-top:var(--space-5);border-top:1px solid var(--color-border);color:var(--color-text-muted);font-size:var(--text-sm)}.legal-content-footer p{margin-bottom:var(--space-2)}.legal-content-footer p:last-child{margin-bottom:0}.legal-content-footer strong{font-weight:var(--font-semibold);color:var(--color-text)}@media(max-width:640px){.legal-info-box{padding:var(--space-3) var(--space-4);margin-bottom:var(--space-6)}.legal-content-footer{padding-left:var(--space-4);padding-right:var(--space-4)}}.anti-abuse-config-sections{display:flex;flex-direction:column;gap:var(--space-6);margin-bottom:var(--space-6)}.anti-abuse-config-section{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-5)}.anti-abuse-config-section h3{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text);margin:0 0 var(--space-4) 0;display:flex;align-items:center;gap:var(--space-2)}.anti-abuse-config-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-4)}.anti-abuse-config-item{display:flex;flex-direction:column;gap:var(--space-2)}.anti-abuse-config-item label{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text)}.anti-abuse-config-item .checkbox-label{display:flex;align-items:center;gap:var(--space-2);cursor:pointer;font-weight:var(--font-medium)}.anti-abuse-config-item input[type=checkbox]{width:18px;height:18px;cursor:pointer}.anti-abuse-config-input{width:100%;padding:var(--space-2-5) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-lg);font-size:var(--text-base);color:var(--color-text);background:var(--color-bg);transition:all var(--transition-fast)}.anti-abuse-config-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--primary-100)}.anti-abuse-config-item small{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:var(--space-1)}.anti-abuse-config-actions{display:flex;gap:var(--space-3);margin-bottom:var(--space-6);padding-top:var(--space-5);border-top:1px solid var(--color-border)}.anti-abuse-config-info{background:var(--primary-50);border:1px solid var(--primary-200);border-radius:var(--radius-xl);padding:var(--space-4);margin-top:var(--space-6);display:block!important;gap:0!important;align-items:unset!important}.anti-abuse-config-info.admin-info-box{display:block!important;flex-direction:unset!important}.anti-abuse-config-info h4{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text);margin:0 0 var(--space-3) 0;display:flex;align-items:center;gap:var(--space-2)}.anti-abuse-config-info p{font-size:var(--text-sm);color:var(--color-text);margin:0 0 var(--space-2) 0}.anti-abuse-config-info p:last-child{margin-bottom:0}.anti-abuse-config-info strong{font-weight:var(--font-semibold);color:var(--primary-700)}.btn-secondary{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text);background:var(--gray-100);border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast)}.btn-secondary:hover{background:var(--gray-200);border-color:var(--gray-300)}@media(max-width:640px){.anti-abuse-config-grid{grid-template-columns:1fr}.anti-abuse-config-actions{flex-direction:column}.anti-abuse-config-actions button{width:100%}}.staff-management-tabs{display:flex;gap:var(--space-2);margin-bottom:var(--space-6);border-bottom:2px solid var(--color-border-light);padding-bottom:0;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.staff-management-tabs::-webkit-scrollbar{display:none}.staff-tab-button{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);border:none;background:transparent;color:var(--color-text-muted);font-size:var(--text-base);font-weight:var(--font-semibold);cursor:pointer;border-bottom:3px solid transparent;margin-bottom:-2px;transition:all var(--transition-fast);position:relative;outline:none;white-space:nowrap;flex-shrink:0;min-width:fit-content}.staff-tab-button:hover{color:var(--primary-600);background:var(--primary-50);border-radius:var(--radius-md) var(--radius-md) 0 0}.staff-tab-button.active{color:var(--primary-600);border-bottom-color:var(--primary-600);background:transparent;font-weight:var(--font-bold)}.staff-tab-button svg{flex-shrink:0;width:18px;height:18px}.staff-tab-content{width:100%;animation:fadeIn .2s ease-in;margin-bottom:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.staff-management-tabs{gap:var(--space-1);margin-bottom:var(--space-5)}.staff-tab-button{padding:var(--space-2) var(--space-4);font-size:var(--text-sm);gap:var(--space-1-5)}.staff-tab-button svg{width:16px;height:16px}}@media(max-width:480px){.staff-management-tabs{gap:var(--space-1);margin-bottom:var(--space-4)}.staff-tab-button{padding:var(--space-2) var(--space-3);font-size:var(--text-sm);gap:var(--space-1);flex:1;justify-content:center;min-width:0}.staff-tab-button svg{width:14px;height:14px}}.app-content{scrollbar-width:none;-ms-overflow-style:none}.app-content::-webkit-scrollbar{display:none}