@import"https://fonts.googleapis.com/css2?family=Instrument+Sans:wght@400;500;600;700&display=swap";@import"https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css";.landing-grain{position:fixed;top:0;left:0;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3BaseFilter id='noiseFilter'%3BfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");opacity:.03;pointer-events:none;z-index:1}.st-settings-select{appearance:none;-webkit-appearance:none;height:44px;padding:0 36px 0 12px;border-radius:var(--radius-sm);border:1px solid var(--color-neutral-200);background-color:var(--color-neutral-50);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M1 1L6 7L11 1' stroke='%236b7280' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;color:var(--text-primary);font-size:var(--fs-sm);font-weight:500;font-family:var(--font-main);cursor:pointer;transition:border-color var(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease-out);min-width:160px}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;overflow-x:hidden;background-color:var(--bg-color);font-family:var(--font-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--brand-hue: 255;--color-brand-primary: oklch(65% .2 var(--brand-hue));--color-brand-primary-light: oklch(75% .15 var(--brand-hue));--color-brand-primary-dark: oklch(55% .25 var(--brand-hue));--color-brand-secondary: oklch(25% .05 var(--brand-hue));--color-brand-accent: oklch(70% .18 285);--color-success: oklch(70% .15 150);--color-warning: oklch(75% .15 70);--color-danger: oklch(65% .2 25);--color-info: oklch(70% .12 210);--color-neutral-50: oklch(98% .01 var(--brand-hue));--color-neutral-100: oklch(96% .015 var(--brand-hue));--color-neutral-200: oklch(92% .02 var(--brand-hue));--color-neutral-300: oklch(85% .02 var(--brand-hue));--color-neutral-400: oklch(70% .025 var(--brand-hue));--color-neutral-500: oklch(55% .03 var(--brand-hue));--color-neutral-600: oklch(40% .03 var(--brand-hue));--color-neutral-700: oklch(30% .035 var(--brand-hue));--color-neutral-800: oklch(20% .04 var(--brand-hue));--color-neutral-900: oklch(15% .045 var(--brand-hue));--bg-main: var(--color-neutral-50);--bg-surface: #ffffff;--bg-card: #ffffff;--bg-navy: var(--color-neutral-900);--text-primary: var(--color-neutral-900);--text-secondary: var(--color-neutral-600);--text-muted: var(--color-neutral-400);--text-on-brand: #ffffff;--font-main: "Instrument Sans", "Pretendard", -apple-system, sans-serif;--fs-xs: clamp(.75rem, .7rem + .2vw, .8125rem);--fs-sm: clamp(.8125rem, .75rem + .25vw, .875rem);--fs-base: clamp(.875rem, .8rem + .3vw, 1rem);--fs-md: clamp(1rem, .9rem + .5vw, 1.125rem);--fs-lg: clamp(1.125rem, 1rem + .8vw, 1.5rem);--fs-xl: clamp(1.5rem, 1.25rem + 1.2vw, 2rem);--fs-2xl: clamp(2rem, 1.5rem + 2.5vw, 3.5rem);--lh-tight: 1.2;--lh-base: 1.5;--lh-relaxed: 1.625;--space-0-5: .125rem;--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;--bp-mobile-sm: 380px;--bp-mobile: 480px;--bp-tablet: 768px;--bp-laptop: 1024px;--bp-desktop: 1180px;--bp-wide: 1280px;--ease-out: cubic-bezier(.33, 1, .68, 1);--ease-in: cubic-bezier(.32, 0, .67, 0);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--duration-fast: .15s;--duration-base: .25s;--duration-slow: .4s;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 oklch(0% 0 0 / .05);--shadow-md: 0 4px 12px -2px oklch(0% 0 0 / .08), 0 2px 6px -1px oklch(0% 0 0 / .04);--shadow-lg: 0 12px 24px -4px oklch(var(--brand-hue) .05 255 / .12);--shadow-premium: 0 20px 40px -8px oklch(var(--brand-hue) .03 255 / .15);--primary-color: var(--color-brand-primary);--primary-dark: var(--color-brand-primary-dark);--bg-color: var(--bg-main);--card-bg: var(--bg-surface);--text-main: var(--text-primary);--accent-color: var(--color-brand-accent);--financial-positive: var(--color-success);--financial-negative: var(--color-danger);--surface-canvas: var(--bg-main);--color-midnight-slate: var(--text-primary);--color-muted-stone: var(--text-secondary);--color-vibe-mint: var(--color-success);--color-calm-indigo: var(--color-brand-primary-light);--color-alert-rose: var(--color-danger);--mission-gold: #FFD700;--mission-fire: #FF4D4D;--mission-success: var(--color-success);--mission-gradient: linear-gradient(135deg, #FFD700 0%, #FFA500 100%)}[data-theme=dark]{--bg-main: var(--color-neutral-900);--bg-surface: var(--color-neutral-800);--bg-card: var(--color-neutral-800);--text-primary: var(--color-neutral-50);--text-secondary: var(--color-neutral-400);--text-muted: var(--color-neutral-600);--color-brand-primary: oklch(70% .18 var(--brand-hue))}@keyframes revealUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes pulse-soft{0%{transform:scale(1);box-shadow:0 0 #6366f166}70%{transform:scale(1.05);box-shadow:0 0 0 10px #6366f100}to{transform:scale(1);box-shadow:0 0 #6366f100}}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes bouncy-float{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-15px) scale(1.02)}}@keyframes bouncy{0%{transform:scale(1)}30%{transform:scale(.95)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes modalUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes notificationFloat{0%,to{transform:translateY(0) rotateX(2deg)}50%{transform:translateY(-10px) rotateX(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}html{background:#f8fafc!important}body{margin:0;padding:0;background-color:var(--surface-canvas);color:var(--color-midnight-slate);min-height:100vh;font-family:var(--font-main);-webkit-tap-highlight-color:transparent}html,body,#root{background-color:#f8fafc;color:#1e293b}button,input{outline:none!important;-webkit-tap-highlight-color:transparent;border:none;background:none;padding:0;font-family:inherit;cursor:pointer}.container{width:100vw;height:100vh;display:flex;justify-content:center}.mobile-card{width:100%;height:100%;background-color:var(--card-bg);padding:2rem;box-sizing:border-box;display:flex;flex-direction:column;overflow-y:auto;scrollbar-width:none;border:1px solid var(--glass-border)}@media(min-width:481px){.mobile-card{max-width:480px;height:90vh;margin-top:5vh;border-radius:24px;box-shadow:0 25px 50px -12px #0000001a;border:1px solid var(--glass-border)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);min-height:44px;border-radius:var(--radius-md);font-weight:700;cursor:pointer;transition:all var(--duration-base) var(--ease-out);border:none;font-family:var(--font-main);font-size:var(--fs-sm);letter-spacing:-.01em;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.btn:active{transform:scale(.96);opacity:.9}.btn-primary{background:var(--color-brand-primary);color:#fff;box-shadow:0 4px 12px oklch(var(--brand-hue) .15 var(--brand-hue) / .2)}.btn-primary:hover{background:var(--color-brand-primary-dark);transform:translateY(-2px);box-shadow:0 8px 20px oklch(var(--brand-hue) .2 var(--brand-hue) / .3)}.btn-secondary{background:var(--bg-surface);color:var(--text-primary);border:1px solid var(--color-neutral-300)}.btn-secondary:hover{background:var(--color-neutral-50);border-color:var(--color-neutral-300);transform:translateY(-1px)}.btn-icon{padding:var(--space-2);min-width:44px;min-height:44px;border-radius:var(--radius-md);background:transparent;color:var(--text-muted)}.btn-icon:hover{background:var(--color-neutral-100);color:var(--text-primary)}.btn-danger{background:#ffe8e6;background:oklch(95% .05 25);color:var(--color-danger)}.btn-danger:hover{background:var(--color-danger);color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #ca555133}.btn-ghost{background:transparent;color:var(--text-muted)}.btn-ghost:hover{background:var(--color-neutral-50);color:var(--text-primary)}.dashboard-primary-action-premium{display:flex;align-items:center;gap:var(--space-3);padding:0 24px;height:48px;background:linear-gradient(135deg,var(--color-brand-primary) 0%,var(--color-brand-primary-dark) 100%);color:#fff;border:none;border-radius:var(--radius-md);font-weight:800;font-size:var(--fs-sm);letter-spacing:-.01em;cursor:pointer;flex-shrink:0;white-space:nowrap;box-shadow:0 6px 18px oklch(var(--brand-hue) .2 var(--brand-hue) / .25);transition:all var(--duration-base) var(--ease-out)}.dashboard-primary-action-premium:hover{transform:translateY(-2px);background:linear-gradient(135deg,var(--color-brand-primary-light) 0%,var(--color-brand-primary) 100%);box-shadow:0 10px 24px oklch(var(--brand-hue) .2 var(--brand-hue) / .35)}.dashboard-primary-action-premium:active{transform:translateY(0);box-shadow:0 2px 8px oklch(var(--brand-hue) .2 var(--brand-hue) / .2)}.scan-cta-btn{background:var(--color-brand-primary);color:#fff;padding:0 28px;height:52px;border-radius:var(--radius-md);font-weight:800;display:flex;align-items:center;gap:var(--space-3);box-shadow:0 8px 20px -6px oklch(var(--brand-hue) .2 var(--brand-hue) / .4);transition:all var(--duration-base) var(--ease-out)}.scan-cta-btn:hover:not(:disabled){transform:translateY(-2px);background:var(--color-brand-primary-dark);box-shadow:0 12px 28px -6px oklch(var(--brand-hue) .2 var(--brand-hue) / .5)}.scan-cta-btn.is-loading{min-width:180px;opacity:.8;cursor:wait}.scan-cta-btn:disabled{background:var(--color-neutral-200);color:var(--text-muted);box-shadow:none;cursor:not-allowed}.bento-card{background:var(--bg-surface);border-radius:var(--radius-md);padding:var(--space-6);border:1px solid var(--color-neutral-200);box-shadow:var(--shadow-sm);transition:transform var(--duration-base) var(--ease-out),box-shadow var(--duration-base) var(--ease-out),border-color var(--duration-base) var(--ease-out);position:relative;overflow:hidden}.bento-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--color-brand-primary-light)}.mobile-card{width:100%;height:100%;background-color:var(--bg-surface);padding:var(--space-8);box-sizing:border-box;display:flex;flex-direction:column;overflow-y:auto;scrollbar-width:none}.mobile-card::-webkit-scrollbar{display:none}@media(min-width:481px){.mobile-card{max-width:var(--bp-mobile);height:90vh;margin:5vh auto;border-radius:var(--radius-lg);box-shadow:var(--shadow-premium);border:1px solid var(--color-neutral-200)}}.sub-item-premium{background:var(--bg-surface);border-radius:var(--radius-md);padding:var(--space-4) var(--space-6);display:flex;align-items:center;justify-content:space-between;border:1px solid var(--color-neutral-200);transition:all var(--duration-base) var(--ease-out);margin-bottom:var(--space-3);position:relative}.sub-item-premium:hover{transform:translate(4px);border-color:var(--color-brand-primary);background:oklch(99% .01 var(--brand-hue));box-shadow:var(--shadow-sm)}.sub-item-premium.urgent{border-left:4px solid var(--color-danger)}.total-summary{background:oklch(15% .05 var(--brand-hue));color:#fff;border-radius:var(--radius-md);padding:var(--space-8);display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;box-shadow:var(--shadow-premium);border:1px solid oklch(30% .05 var(--brand-hue))}.total-summary:after{content:"";position:absolute;top:-50%;right:-50%;width:100%;height:100%;background:radial-gradient(circle,oklch(var(--brand-hue) .1 var(--brand-hue) / .2) 0%,transparent 70%);pointer-events:none}.modal-overlay{position:fixed;inset:0;background:oklch(15% .05 var(--brand-hue) / .5);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:3000;padding:var(--space-4)}.premium-modal{background:var(--bg-surface);width:100%;max-width:480px;max-height:90vh;border-radius:var(--radius-xl);box-shadow:0 25px 50px -12px #00000026;position:relative;overflow:hidden;display:flex;flex-direction:column;animation:modalPop var(--duration-base) var(--ease-out);border:1px solid var(--color-neutral-200)}@keyframes modalPop{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header{padding:var(--space-6) var(--space-6) var(--space-4);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--color-neutral-100)}.modal-title-area{display:flex;align-items:center;gap:var(--space-4)}.modal-icon-bg{width:48px;height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--color-neutral-100);color:var(--color-brand-primary);transition:background-color .2s cubic-bezier(.34,1.56,.64,1),color .2s cubic-bezier(.34,1.56,.64,1)}.modal-icon-preview-char{display:block;font-weight:800;font-size:1.25rem;line-height:1;filter:drop-shadow(0 1px 2px rgba(0,0,0,.2));animation:charPopIn .2s cubic-bezier(.34,1.56,.64,1) both}.modal-icon-preview-char.no-anim{animation:none}@keyframes charPopIn{0%{opacity:0;transform:scale(.55)}to{opacity:1;transform:scale(1)}}.modal-icon-preview-svg{display:block;animation:svgFadeIn .22s ease both}@keyframes svgFadeIn{0%{opacity:0;transform:scale(.75)}to{opacity:1;transform:scale(1)}}.modal-icon-bg.add{background:oklch(95% .05 var(--brand-hue));color:var(--color-brand-primary)}.modal-icon-bg.edit{background:#ebedff;background:oklch(95% .05 280);color:#7173d7}.modal-icon-bg.delete{background:#ffe8e8;background:oklch(95% .05 20);color:#ca545a}.modal-title-area h3{font-size:var(--fs-lg);font-weight:800;color:var(--text-primary);margin:0;letter-spacing:-.02em}.close-btn-round{width:36px;height:36px;border-radius:var(--radius-full);border:none;background:var(--color-neutral-100);color:var(--text-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform var(--duration-base) var(--ease-out),background-color var(--duration-base) var(--ease-out)}.close-btn-round:hover{background:var(--color-neutral-200);transform:rotate(90deg)}.modal-body{padding:var(--space-6);overflow-y:auto;flex:1;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.modal-form-wrapper{display:flex;flex-direction:column;flex:1;overflow:hidden}.form-section{display:flex;flex-direction:column;gap:var(--space-5);padding:var(--space-5);background:var(--color-neutral-50);border-radius:var(--radius-md);border:1px solid var(--color-neutral-100);margin-bottom:var(--space-4)}.form-section__label{font-size:var(--fs-xs);font-weight:800;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-2);-webkit-user-select:none;user-select:none;opacity:.9}.form-group-premium{display:flex;flex-direction:column;gap:var(--space-2)}.form-group-premium label{font-size:var(--fs-sm);font-weight:800;color:var(--text-primary);letter-spacing:-.01em;-webkit-user-select:none;user-select:none}.expense-type-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.expense-type-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);padding:var(--space-5) var(--space-3);background:#fff;border:1.5px solid var(--color-neutral-200);border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-base) var(--ease-out);text-align:center;position:relative}.expense-type-card:hover{border-color:var(--color-brand-primary-light);background:var(--color-neutral-50)}.expense-type-card.active{border-color:var(--color-brand-primary);background:oklch(99% .01 var(--brand-hue));box-shadow:0 12px 24px -10px oklch(var(--brand-hue) .3 var(--brand-hue) / .12)}.expense-type-card__icon{width:44px;height:44px;background:var(--color-neutral-100);border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:all var(--duration-base)}.expense-type-card.active .expense-type-card__icon{background:var(--color-brand-primary);color:#fff;box-shadow:0 4px 12px oklch(var(--brand-hue) .2 var(--brand-hue) / .25)}.expense-type-card__body{display:flex;flex-direction:column;gap:var(--space-1)}.expense-type-card__name{display:block;font-weight:800;font-size:var(--fs-base);color:var(--text-primary);line-height:1.2}.expense-type-card__desc{display:block;font-size:11px;color:var(--text-muted);line-height:1.4}.expense-type-card__count{font-size:10px;font-weight:800;padding:4px 10px;background:var(--color-neutral-100);border:1px solid var(--color-neutral-200);border-radius:var(--radius-full);color:var(--text-muted);margin-top:auto;transition:all var(--duration-base)}.expense-type-card.active .expense-type-card__count{background:oklch(95% .03 var(--brand-hue));border-color:var(--color-brand-primary-light);color:var(--color-brand-primary)}.input-with-icon{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:14px;color:var(--text-muted);pointer-events:none;transition:color var(--duration-base)}.input-with-icon input,.premium-select{width:100%;padding:14px 14px 14px 46px;background:#fff;border:1px solid var(--color-neutral-200);border-radius:var(--radius-md);font-size:var(--fs-base);font-weight:600;color:var(--text-primary);transition:all var(--duration-base) var(--ease-out)}.input-with-icon input::placeholder{color:var(--text-muted);opacity:.8;font-weight:400}.input-with-icon--currency input{padding-left:36px}.input-currency-prefix{position:absolute;left:14px;font-weight:800;color:var(--text-secondary);font-size:var(--fs-md)}.input-with-icon input:focus,.premium-select:focus{outline:none;border-color:var(--color-brand-primary);box-shadow:0 0 0 4px oklch(var(--brand-hue) .2 var(--brand-hue) / .1)}.input-with-icon input:focus+.input-icon{color:var(--color-brand-primary)}.color-picker-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--space-2);margin-top:var(--space-1)}.color-option{aspect-ratio:1;border-radius:var(--radius-sm);border:2px solid transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--duration-fast);padding:0}.color-option:hover{transform:scale(1.1)}.color-option.active{border-color:#fff;box-shadow:0 0 0 2px var(--color-brand-primary)}.color-check-icon{color:#fff;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}.status-toggle-group{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2);background:var(--color-neutral-100);padding:4px;border-radius:var(--radius-sm)}.status-toggle-btn{padding:10px;border:none;background:transparent;border-radius:calc(var(--radius-sm) - 2px);font-size:var(--fs-sm);font-weight:700;color:var(--text-muted);cursor:pointer;transition:all var(--duration-base)}.status-toggle-btn.active{background:#fff;color:var(--color-brand-primary);box-shadow:0 2px 8px #0000000d}.status-toggle-btn.cancel.active{color:#ca545a}.form-help-text{font-size:11px;color:var(--text-muted);margin-top:4px;line-height:1.4}.em-hint{font-size:11px;color:var(--color-brand-primary);margin-top:4px;display:block;font-weight:600;opacity:.8}.submit-btn-premium,.save-btn-premium{width:100%;padding:16px;background:var(--color-brand-primary);color:#fff;border:none;border-radius:var(--radius-md);font-size:var(--fs-md);font-weight:800;cursor:pointer;transition:all var(--duration-base) var(--ease-out);box-shadow:0 8px 20px -6px oklch(var(--brand-hue) .2 var(--brand-hue) / .4)}.submit-btn-premium:hover,.save-btn-premium:hover{transform:translateY(-2px);background:var(--color-brand-primary-dark);box-shadow:0 12px 28px -8px oklch(var(--brand-hue) .2 var(--brand-hue) / .5)}.submit-btn-premium:disabled,.save-btn-premium:disabled{background:var(--color-neutral-200);color:var(--text-muted);box-shadow:none;cursor:not-allowed}.delete-btn-premium{display:flex;align-items:center;justify-content:center;gap:8px;background:#ffe8e8;background:oklch(95% .05 20);color:#ca545a;border:none;border-radius:var(--radius-md);font-weight:800;cursor:pointer;transition:all var(--duration-base)}.delete-btn-premium:hover{background:#ca545a;color:#fff}.modal-footer-premium{padding:var(--space-5) var(--space-6) var(--space-6);display:grid;grid-template-columns:1fr 2fr;gap:var(--space-3);background:var(--color-neutral-50);border-top:1px solid var(--color-neutral-100)}.modal-actions-premium{padding:var(--space-5) var(--space-6) var(--space-6);background:var(--color-neutral-50);border-top:1px solid var(--color-neutral-100)}.detection-result-modal{max-width:520px;max-height:85vh}.detection-results-container{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4) var(--space-6);overflow-y:auto;flex:1;overscroll-behavior:contain}.detection-item-row{background:var(--color-neutral-50);border:1px solid var(--color-neutral-200);border-radius:var(--radius-md);padding:var(--space-4);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);transition:all var(--duration-base) var(--ease-out);cursor:pointer;position:relative}.detection-item-row:hover{background:#fff;border-color:var(--color-brand-primary-light);transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.detection-item-row.selected{border-color:var(--color-brand-primary);background:oklch(98% .02 var(--brand-hue))}.detection-item-row.already-added{cursor:default;background:var(--color-neutral-100);border-color:transparent;transform:none;box-shadow:none}.detection-item-main{display:flex;align-items:center;gap:var(--space-4);flex:1}.service-icon-wrapper{width:56px;height:56px;background:#fff;border-radius:14px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0000000f;border:1px solid var(--color-neutral-100);flex-shrink:0}.service-info{display:flex;flex-direction:column;gap:var(--space-1)}.service-name{font-size:var(--fs-md);font-weight:800;color:var(--text-primary);letter-spacing:-.01em}.service-badges{display:flex;flex-wrap:wrap;gap:var(--space-2);margin:var(--space-1) 0}.badge{font-size:10px;font-weight:800;padding:2px 8px;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.02em}.badge.confidence.high{background:#c7ffd1;background:oklch(95% .1 150);color:#007835;color:oklch(50% .15 150)}.badge.confidence.medium{background:#ffedc7;background:oklch(95% .1 85);color:#a27900;color:oklch(60% .15 85)}.badge.category-tag{background:oklch(95% .05 var(--brand-hue));color:var(--color-brand-primary)}.service-meta{display:flex;flex-direction:column;gap:2px}.service-meta .price{font-size:var(--fs-base);font-weight:800;color:var(--text-secondary)}.service-meta .date{font-size:var(--fs-xs);font-weight:600;color:var(--text-muted)}.detection-item-actions{display:flex;align-items:center;gap:var(--space-3)}.dismiss-btn-icon{width:32px;height:32px;border-radius:var(--radius-full);border:1px solid var(--color-neutral-200);background:#fff;color:var(--text-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--duration-fast)}.dismiss-btn-icon:hover{background:#ffe8e8;background:oklch(95% .05 20);color:#ca545a;border-color:transparent}.detection-checkbox{width:28px;height:28px;border-radius:8px;border:2.5px solid var(--color-neutral-200);background:#fff;display:flex;align-items:center;justify-content:center;transition:all var(--duration-base);flex-shrink:0}.detection-checkbox.checked{background:var(--color-brand-primary);border-color:var(--color-brand-primary);box-shadow:0 4px 10px oklch(var(--brand-hue) .2 var(--brand-hue) / .3)}.detection-checkbox.readonly{background:var(--color-neutral-200);border-color:transparent;opacity:.6}.detection-footer{display:flex!important;flex-direction:column!important;gap:var(--space-3);background:#fff}.cancel-text-btn{width:100%;padding:12px;background:transparent;border:none;color:var(--text-muted);font-weight:700;font-size:var(--fs-sm);cursor:pointer;transition:color var(--duration-base)}.cancel-text-btn:hover{color:var(--text-primary)}@media(min-width:769px){.detection-footer{flex-direction:row-reverse!important;justify-content:space-between;align-items:center;padding:var(--space-6)}.cancel-text-btn{width:auto;padding:12px 24px}.scan-add-btn{width:auto;min-width:200px}}.paywall-modal{text-align:center;max-width:440px}.paywall-content{padding:var(--space-8) var(--space-6);display:flex;flex-direction:column;align-items:center;gap:var(--space-5)}.paywall-icon{width:64px;height:64px;background:#ffedc7;background:oklch(95% .1 85);color:#c79600;color:oklch(70% .2 85);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:2rem}@media(max-width:768px){.modal-overlay{align-items:flex-end;padding:0}.premium-modal{max-width:100%!important;border-radius:var(--radius-xl) var(--radius-xl) 0 0!important;max-height:calc(100dvh - 56px)!important;animation:modalSlideUp var(--duration-base) var(--ease-out)}@keyframes modalSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal-body{padding:var(--space-4) var(--space-4) 24px var(--space-4)!important;overflow-y:auto!important;flex:1!important}.expense-type-cards{gap:8px!important}.expense-type-card{padding:10px 8px!important;gap:6px!important;border-radius:12px!important}.expense-type-card__icon{width:32px!important;height:32px!important;border-radius:8px!important}.expense-type-card__icon svg{width:14px!important;height:14px!important}.expense-type-card__name{font-size:.82rem!important;font-weight:700!important}.expense-type-card__desc{font-size:9.5px!important;line-height:1.3!important}.expense-type-card__count{font-size:9px!important;padding:2px 8px!important;margin-top:4px!important}.modal-footer-premium,.modal-actions-premium{padding:12px 20px calc(12px + env(safe-area-inset-bottom,16px)) 20px!important;background:var(--bg-surface)!important;border-top:1px solid var(--color-neutral-100)!important}.submit-btn-premium,.save-btn-premium,.delete-btn-premium{padding:14px!important;font-size:var(--fs-base)!important}.modal-header{padding:var(--space-4) var(--space-4) 12px var(--space-4)!important}.modal-icon-bg{width:38px!important;height:38px!important;border-radius:var(--radius-sm)!important}.modal-icon-bg svg{width:18px!important;height:18px!important}.modal-title-area h3{font-size:1.05rem!important}.close-btn-round{width:32px!important;height:32px!important}.close-btn-round svg{width:18px!important;height:18px!important}.form-section{padding:14px!important;gap:14px!important;margin-bottom:12px!important}.form-group-premium label{font-size:13px!important;margin-bottom:2px!important}.input-with-icon input,.premium-select{padding:11px 11px 11px 40px!important;font-size:14px!important}.input-icon{left:12px!important;width:18px!important;height:18px!important}.input-currency-prefix{left:12px!important;font-size:14px!important}.input-with-icon--currency input{padding-left:30px!important}.color-picker-grid{gap:6px!important}.status-toggle-btn{padding:8px!important;font-size:12px!important}}@media(max-width:380px){.modal-header{padding:var(--space-5) var(--space-4) var(--space-3)}.modal-title-area h3{font-size:var(--fs-md)}.form-row-premium{grid-template-columns:1fr}.expense-type-cards{gap:var(--space-2)}.expense-type-card{padding:var(--space-4) var(--space-2)}.expense-type-card__name{font-size:var(--fs-sm)}}.pickle-modal-overlay{display:flex!important;align-items:center!important;justify-content:center!important;padding:var(--space-4)!important}.modal-content-premium{background:var(--bg-surface);border-radius:var(--radius-xl);border:1px solid var(--color-neutral-200);box-shadow:0 4px 6px -1px #0000000d,0 20px 40px -8px #0000001f,0 40px 80px -16px #00000014;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;position:relative}.modal-header-premium{display:flex;align-items:center;justify-content:space-between;padding:var(--space-6) var(--space-6) var(--space-5);border-bottom:1px solid var(--color-neutral-100);flex-shrink:0}.modal-title-group{display:flex;align-items:center;gap:var(--space-4)}.modal-title-group .title-icon{flex-shrink:0}.modal-title-group h3{font-size:var(--fs-lg);font-weight:800;color:var(--text-primary);margin:0 0 var(--space-1) 0;letter-spacing:-.02em}.modal-title-group p{font-size:var(--fs-sm);color:var(--text-muted);margin:0;line-height:1.4}.modal-body-premium{padding:var(--space-6);overflow-y:auto;flex:1;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;gap:var(--space-5)}.coupon-code-display{background:#f0fdf4;padding:var(--space-6);border-radius:var(--radius-lg);text-align:center;border:2px dashed #bbf7d0;position:relative;overflow:hidden}.coupon-code-display:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,oklch(97% .05 150 / .4) 0%,transparent 100%);pointer-events:none}.code-box-premium{position:relative}.copy-btn-mini{padding:6px 14px;background:#fff;border:1px solid #dcfce7;border-radius:var(--radius-sm);font-size:var(--fs-xs);font-weight:700;color:#16a34a;cursor:pointer;transition:all var(--duration-base) var(--ease-out);flex-shrink:0}.copy-btn-mini:hover{background:#16a34a;color:#fff;border-color:#16a34a;transform:translateY(-1px)}.guide-steps{display:flex;flex-direction:column;gap:var(--space-4)}.step-badge{width:28px;height:28px;background:var(--accent-color);color:#fff;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:var(--fs-sm);font-weight:800;flex-shrink:0;box-shadow:0 4px 10px #1dcf6440}.step-content{font-size:var(--fs-base);line-height:1.55;color:var(--text-secondary);padding-top:3px}.step-content strong{color:#16a34a}.pickle-modal-footer{margin-top:auto;padding:var(--space-5) var(--space-6) var(--space-6);background:var(--color-neutral-50);border-top:1px solid var(--color-neutral-100);display:flex;justify-content:center;align-items:center;flex-shrink:0}.pickle-coupon-action-btn{display:flex;align-items:center;justify-content:center;width:100%;height:56px;padding:0 var(--space-6);background:linear-gradient(135deg,#00e676,#00c853);color:#004d3a;border:none;border-radius:var(--radius-md);font-weight:800;font-size:var(--fs-md);cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 10px 25px #1dcf6447;letter-spacing:-.01em;text-decoration:none}.pickle-coupon-action-btn:hover{transform:translateY(-3px) scale(1.01);box-shadow:0 16px 36px #1dcf6461;filter:brightness(1.05)}.pickle-coupon-action-btn:active{transform:translateY(-1px) scale(.98)}[data-theme=dark] .coupon-code-display{background:#13271780;border-color:#09672e66}[data-theme=dark] .coupon-code-display strong{color:#7fe998}[data-theme=dark] .copy-btn-mini{background:#1f342399;border-color:#09672e80;color:#5dc879}[data-theme=dark] .copy-btn-mini:hover{background:#007835;background:oklch(50% .18 150);color:#fff;border-color:transparent}[data-theme=dark] .pickle-modal-footer{background:oklch(20% .02 var(--brand-hue) / .5)}@media(max-width:480px){.modal-header-premium{padding:var(--space-5) var(--space-4) var(--space-4)}.modal-body-premium{padding:var(--space-4);gap:var(--space-4)}.coupon-code-display{padding:var(--space-4)}.pickle-modal-footer{padding:var(--space-4) var(--space-4) calc(var(--space-4) + env(safe-area-inset-bottom,12px))}.pickle-coupon-action-btn{height:52px;font-size:var(--fs-base)}}.detection-result-modal{max-width:640px;width:90%;animation:modalScaleUp var(--duration-slow) var(--ease-out)}.modal-subtitle{margin:var(--space-1) 0 0;font-size:var(--fs-sm);color:var(--text-muted);font-weight:500}.detection-results-container{display:flex;flex-direction:column;gap:var(--space-3);max-height:480px;overflow-y:auto;padding:var(--space-4) var(--space-6);margin:var(--space-4) 0;scrollbar-width:thin;scrollbar-color:var(--color-neutral-300) transparent;mask-image:linear-gradient(to bottom,transparent 0%,black 5%,black 95%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,black 5%,black 95%,transparent 100%)}.detection-results-container::-webkit-scrollbar{width:4px}.detection-results-container::-webkit-scrollbar-thumb{background-color:var(--color-neutral-300);border-radius:var(--radius-full)}.detection-item-row{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5);background:var(--color-neutral-50);border:1px solid var(--color-neutral-200);border-radius:var(--radius-xl);cursor:pointer;transition:all var(--duration-base) var(--ease-out)}.detection-item-row:hover{background:var(--color-neutral-100);transform:translateY(-2px);border-color:var(--color-neutral-300)}.detection-item-row.selected{background:#eaffed;background:oklch(98% .05 150);border-color:var(--color-success);box-shadow:0 0 0 4px #eaffed80;box-shadow:0 0 0 4px oklch(98% .05 150 / .5)}.detection-item-row.already-added{opacity:.5;cursor:default;background:var(--color-neutral-100);pointer-events:none}.detection-item-main{display:flex;align-items:center;gap:var(--space-4);flex:1;min-width:0}.service-icon-wrapper{width:48px;height:48px;background:#fff;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm);font-size:var(--fs-lg);flex-shrink:0;border:1px solid var(--color-neutral-100)}.service-info{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.service-name{font-weight:800;font-size:var(--fs-base);color:var(--text-primary);letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.service-badges{display:flex;gap:var(--space-2);flex-wrap:wrap}.badge{font-size:10px;font-weight:800;padding:2px 8px;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em}.badge.added{background:var(--color-neutral-200);color:var(--text-muted)}.badge.confidence.high{background:#aef1bb;color:#115629}.badge.confidence.medium{background:#ffd6a8;background:oklch(90% .1 70);color:#653e00;color:oklch(40% .1 70)}.badge.category-tag{background:oklch(90% .05 var(--brand-hue));color:var(--color-brand-primary)}.service-meta{font-size:var(--fs-xs);color:var(--text-muted);font-weight:600;display:flex;gap:var(--space-2);align-items:center}.detection-item-actions{display:flex;align-items:center;gap:var(--space-2);margin-left:var(--space-4);flex-shrink:0}.dismiss-btn-icon{width:32px;height:32px;border-radius:var(--radius-md);border:1px solid var(--color-neutral-200);background:#fff;color:var(--color-danger);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--duration-base) var(--ease-out)}.dismiss-btn-icon:hover{background:#ffe8e8;background:oklch(95% .05 20);border-color:var(--color-danger);transform:scale(1.05)}@media(max-width:768px){.detection-result-modal{max-width:100%!important;width:100%!important;max-height:85vh!important;border-radius:var(--radius-2xl) var(--radius-2xl) 0 0!important;margin:0!important}.detection-results-container{padding:var(--space-4);-webkit-mask-image:none;mask-image:none}.detection-item-row{padding:var(--space-4)}.service-icon-wrapper{width:40px;height:40px}}.form-group{margin-bottom:var(--space-8);display:flex;flex-direction:column;gap:var(--space-2)}.form-group label{font-size:var(--fs-sm);font-weight:800;color:var(--text-primary);letter-spacing:-.01em}.form-input,.form-select,.form-textarea{width:100%;padding:var(--space-4) var(--space-5);border-radius:var(--radius-sm);border:1px solid var(--color-neutral-200);background:var(--color-neutral-50);font-family:var(--font-main);font-size:var(--fs-base);color:var(--text-primary);transition:all var(--duration-base) var(--ease-out)}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--color-brand-primary);background:var(--bg-surface);box-shadow:0 0 0 4px oklch(var(--brand-hue) .2 var(--brand-hue) / .1)}.input-error{color:var(--color-danger);font-size:var(--fs-xs);font-weight:600;margin-top:var(--space-1)}.switch{position:relative;display:inline-block;width:48px;height:26px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:var(--color-neutral-200);transition:background-color var(--duration-base) var(--ease-out);border-radius:var(--radius-full)}.slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background-color:#fff;transition:transform var(--duration-base) var(--ease-out);border-radius:50%;box-shadow:var(--shadow-sm)}input:checked+.slider{background-color:var(--color-brand-primary)}input:checked+.slider:before{transform:translate(22px)}.status-toggle-group{display:flex;gap:var(--space-2);background:var(--color-neutral-100);padding:4px;border-radius:var(--radius-md);margin-top:var(--space-1)}.status-toggle-btn{flex:1;padding:12px;border-radius:var(--radius-sm);border:none;background:transparent;color:var(--text-secondary);font-size:var(--fs-sm);font-weight:750;cursor:pointer;transition:all var(--duration-base) var(--ease-out)}.status-toggle-btn.active{background:var(--bg-surface);color:var(--text-primary);box-shadow:var(--shadow-sm)}.status-toggle-btn.active.cancel{color:var(--color-danger)}.form-help-text{font-size:var(--fs-xs);color:var(--text-muted);margin-top:var(--space-2);line-height:var(--lh-tight);font-weight:500}.dashboard-sidebar.slim{width:88px;height:100vh;position:fixed;left:0;top:0;padding:var(--space-6) 0 var(--space-8) 0;align-items:center;border-right:1px solid var(--color-neutral-200);background:var(--bg-surface);display:flex;flex-direction:column;box-sizing:border-box;z-index:100;flex-shrink:0}.dashboard-sidebar.slim .sidebar-logo{margin-bottom:var(--space-12);display:flex;justify-content:center;width:100%}.dashboard-sidebar.slim .sidebar-nav{gap:var(--space-5);display:flex;flex-direction:column}.dashboard-sidebar.slim .nav-item{width:52px;height:52px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);border:1px solid transparent;background:none;color:var(--text-muted);position:relative;transition:all var(--duration-base) var(--ease-out);cursor:pointer}.dashboard-sidebar.slim .nav-item:hover{background:var(--color-neutral-100);color:var(--text-primary);transform:scale(1.05)}.dashboard-sidebar.slim .nav-item.active{background:oklch(96% .04 var(--brand-hue));color:var(--color-brand-primary);border:1px solid oklch(85% .1 var(--brand-hue));box-shadow:0 4px 12px oklch(var(--brand-hue) .1 var(--brand-hue) / .1)}.nav-item.active:after{display:none}.sidebar-footer{margin-top:auto;display:flex;flex-direction:column;align-items:center;gap:var(--space-4);width:100%}.sidebar-point-badge{background:#fff8e9;background:oklch(98% .04 85);border:1px solid oklch(90% .08 85);padding:8px 6px;border-radius:var(--radius-full);display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;transition:all var(--duration-base) var(--ease-out);width:44px}.sidebar-point-badge:hover{transform:translateY(-2px);box-shadow:0 4px 12px #fac54726;background:#fff}.sidebar-point-badge .point-icon{background:#ffb800;color:#111827;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:900;flex-shrink:0;box-shadow:0 2px 4px #ffb8004d}.sidebar-point-badge .point-value{font-size:11px;font-weight:800;color:#d97706;line-height:1}.sidebar-user{cursor:pointer;transition:transform var(--duration-base) var(--ease-out)}.sidebar-user:hover{transform:scale(1.08)}.sidebar-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;border:2px solid var(--color-neutral-200);display:block;transition:border-color var(--duration-base) var(--ease-out)}.sidebar-user:hover .sidebar-avatar{border-color:var(--color-brand-primary)}.sidebar-avatar-placeholder{width:36px;height:36px;border-radius:50%;background:var(--color-neutral-100);border:2px solid var(--color-neutral-200);display:flex;align-items:center;justify-content:center;color:var(--text-muted);transition:all var(--duration-base) var(--ease-out)}.sidebar-user:hover .sidebar-avatar-placeholder{background:oklch(96% .04 var(--brand-hue));border-color:var(--color-brand-primary);color:var(--color-brand-primary)}.mobile-header{display:none;position:sticky;top:0;left:0;width:100%;height:64px;background:#ffffffd9;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);padding:0 var(--space-6);box-sizing:border-box;z-index:1000;align-items:center;justify-content:space-between;border-bottom:1px solid var(--color-neutral-200)}.header-logo img{width:28px;height:28px;object-fit:contain}.logo-text{font-size:var(--fs-md);font-weight:800;color:var(--text-primary);letter-spacing:-.02em}.header-actions{display:flex;align-items:center;gap:var(--space-3)}.mobile-point-badge{background:#feedc9;border:1px solid oklch(90% .1 85);padding:4px 10px 4px 6px;border-radius:var(--radius-full);display:flex;align-items:center;gap:var(--space-2);cursor:pointer;transition:transform var(--duration-fast) var(--ease-out)}.mobile-point-badge:active{transform:scale(.95)}.mobile-point-badge .point-icon{background:#eeb400;background:oklch(80% .2 85);color:#fff;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:900}.mobile-point-badge .point-value{font-size:var(--fs-sm);font-weight:700;color:#5c4300;color:oklch(40% .1 85)}.user-profile-mini{display:flex;align-items:center;gap:var(--space-3)}.mini-avatar{width:44px;height:44px;border-radius:50%;background:var(--color-neutral-100);display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid var(--color-neutral-200)}.mini-avatar img{width:100%;height:100%;object-fit:cover}.mini-user-info{display:flex;flex-direction:column}.mini-user-info .user-name{font-size:var(--fs-base);font-weight:700;color:var(--text-primary)}.mini-user-info .user-email{font-size:var(--fs-xs);color:var(--text-muted)}.more-menu-stats{background:linear-gradient(135deg,var(--color-neutral-50),var(--color-neutral-100));border:1px solid var(--color-neutral-200);border-radius:var(--radius-md);padding:var(--space-4);display:flex;align-items:center;margin-bottom:var(--space-6);cursor:pointer;transition:transform var(--duration-base) var(--ease-out)}.more-menu-stats:active{transform:scale(.98)}.more-menu-stats .stat-box{flex:1;display:flex;flex-direction:column;gap:4px}.more-menu-stats .stat-divider{width:1px;height:24px;background:var(--color-neutral-200);margin:0 var(--space-4)}.more-menu-stats .stat-label{font-size:var(--fs-xs);color:var(--text-muted);font-weight:500}.more-menu-stats .stat-value{font-size:var(--fs-base);font-weight:800;color:var(--text-primary)}@media(max-width:1024px){.mobile-header{display:flex}.dashboard-main-content{padding-top:0}.dashboard-sidebar.slim{display:none}}.mobile-nav{display:none!important;position:fixed;bottom:0;left:0;width:100%;height:64px;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid var(--color-neutral-200);align-items:center;z-index:1000;padding-bottom:env(safe-area-inset-bottom,0);box-shadow:0 -2px 10px #0000000d,0 -4px 20px #00000008}@media(max-width:1024px){.mobile-nav{display:flex!important;justify-content:space-around}}.mobile-nav .nav-item{display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--text-muted);font-size:10px;font-weight:700;transition:all var(--duration-fast) var(--ease-out)}.mobile-nav .nav-item.active{color:var(--color-brand-primary)}.mobile-nav .nav-item svg{width:24px;height:24px}.mobile-nav button:not(.fab){width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--text-muted);cursor:pointer;position:relative;border-radius:var(--radius-md);transition:color var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.mobile-nav button:not(.fab).active{color:var(--color-brand-primary)}.mobile-nav button:not(.fab):active{transform:scale(.92)}.mobile-nav .fab{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,var(--color-brand-primary),var(--color-brand-accent));border:none;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;transform:translateY(-16px);box-shadow:0 8px 24px #6366f159;z-index:1001;flex-shrink:0;transition:transform var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.mobile-nav .fab:active{transform:translateY(-16px) scale(.92);box-shadow:0 4px 12px #6366f140}.more-menu-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:oklch(15% .05 var(--brand-hue) / .4);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000;display:flex;align-items:flex-end}.more-menu-sheet{width:100%;max-height:85vh;background:var(--bg-surface);border-radius:var(--radius-xl) var(--radius-xl) 0 0;padding:var(--space-6);padding-bottom:calc(var(--space-6) + env(safe-area-inset-bottom,16px));box-shadow:var(--shadow-premium);animation:slideUp var(--duration-base) var(--ease-out);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.more-menu-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6)}.more-menu-header h3{font-size:var(--fs-lg);font-weight:800;color:var(--text-primary);margin:0;letter-spacing:-.02em}.more-menu-header .close-btn{background:var(--color-neutral-100);border:none;width:40px;height:40px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);cursor:pointer;transition:transform var(--duration-base) var(--ease-out)}.more-menu-header .close-btn:hover{transform:rotate(90deg)}.more-menu-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}.more-menu-item{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);background:none;border:none;cursor:pointer;padding:var(--space-3) 0}.more-menu-item .item-icon{width:56px;height:56px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:#fff;transition:transform var(--duration-base) var(--ease-out)}.more-menu-item:hover .item-icon{transform:translateY(-4px)}.more-menu-item .item-icon.report{background:linear-gradient(135deg,var(--color-brand-primary),var(--color-brand-accent))}.more-menu-item .item-icon.blacklist{background:linear-gradient(135deg,var(--color-neutral-500),var(--color-neutral-600))}.more-menu-item .item-icon.settings{background:linear-gradient(135deg,var(--color-neutral-800),var(--color-neutral-900))}.more-menu-item span{font-size:var(--fs-xs);font-weight:600;color:var(--text-primary)}.paywall-overlay{position:fixed;inset:0;background:oklch(15% .05 var(--brand-hue) / .6);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;padding:var(--space-6);z-index:5000;animation:paywallFadeIn var(--duration-base) var(--ease-out)}.paywall-content-premium{background:var(--bg-surface);width:100%;max-width:480px;max-height:calc(100vh - 48px);overflow-y:auto;border-radius:var(--radius-lg);box-shadow:var(--shadow-premium);position:relative;border:1px solid var(--color-neutral-200);padding:var(--space-10) var(--space-8) var(--space-8);margin:auto;animation:paywallSlideUp var(--duration-slow) var(--ease-out) both;scrollbar-width:thin;scrollbar-color:var(--color-neutral-300) transparent}.paywall-close{position:absolute;top:var(--space-5);right:var(--space-5);background:var(--color-neutral-100);border:none;width:36px;height:36px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-muted);transition:all var(--duration-base) var(--ease-out);z-index:100}.paywall-close:hover{background:var(--color-neutral-200);color:var(--text-primary);transform:rotate(90deg)}.pro-badge-container{display:flex;align-items:center;justify-content:center;gap:var(--space-2);margin-bottom:var(--space-6)}.pro-badge-top{display:inline-flex;align-items:center;background:linear-gradient(135deg,#d8f9dd,oklch(95% .05 var(--brand-hue)));color:var(--color-brand-primary);padding:6px 16px;border-radius:var(--radius-full);font-size:var(--fs-xs);font-weight:800;letter-spacing:.05em}.trial-badge-top{display:inline-flex;align-items:center;background:linear-gradient(135deg,#4dba30,#33b834 12.5%,#20b736 18.75%,#10b736,#00b639 25%,#00b342,#00b14a 37.5%,#00ac54 50%,#00a25e,#009863);background:linear-gradient(135deg,#4dba30,#33b834 12.5%,#20b736 18.75%,#10b736,color(xyz 0.173 0.337 0.092) 25%,color(xyz 0.164 0.329 0.093),color(xyz 0.155 0.321 0.094) 37.5%,color(xyz 0.139 0.306 0.096) 50%,color(xyz 0.109 0.276 0.098),color(xyz 0.083 0.249 0.1));color:#fff;padding:6px 16px;border-radius:var(--radius-full);font-size:var(--fs-xs);font-weight:800;letter-spacing:.02em;box-shadow:0 4px 12px #00ac4f4d;box-shadow:0 4px 12px oklch(65% .2 150 / .3);animation:pulseGlow 2s infinite alternate}@keyframes pulseGlow{0%{box-shadow:0 4px 12px #00ac4f33;box-shadow:0 4px 12px oklch(65% .2 150 / .2)}to{box-shadow:0 4px 20px #00ac4f80;box-shadow:0 4px 20px oklch(65% .2 150 / .5);transform:scale(1.03)}}.paywall-icon-main{width:88px;height:88px;background:linear-gradient(135deg,#d8f9dd,oklch(95% .05 var(--brand-hue)));color:var(--color-brand-primary);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-6);box-shadow:0 16px 28px oklch(var(--brand-hue) .1 var(--brand-hue) / .1);font-size:2.5rem}.paywall-header h2{font-size:clamp(1.1rem,4.2vw,1.4rem);font-weight:850;color:var(--text-primary);margin-bottom:var(--space-3);letter-spacing:-.03em;line-height:1.2;white-space:nowrap}.paywall-header p{font-size:var(--fs-base);color:var(--text-secondary);margin-bottom:var(--space-8);line-height:1.6;letter-spacing:-.01em;word-break:keep-all}.paywall-features-grid{display:flex;flex-direction:column;gap:var(--space-5);text-align:left;margin-bottom:var(--space-10);padding:0 var(--space-2)}.p-feature{display:flex;align-items:flex-start;gap:var(--space-4)}.p-f-icon{font-size:var(--fs-lg);flex-shrink:0;margin-top:2px}.p-f-text{display:flex;flex-direction:column}.p-f-text strong{font-size:var(--fs-base);color:var(--text-primary);font-weight:700}.p-f-text span{font-size:var(--fs-sm);color:var(--text-muted)}.paywall-price-card{background:var(--color-neutral-50);padding:var(--space-6);border-radius:var(--radius-lg);border:1.5px solid var(--color-neutral-200);margin-bottom:var(--space-5);display:flex;flex-direction:column;gap:var(--space-3);transition:all var(--duration-base) var(--ease-out)}.paywall-price-card.has-trial{background:linear-gradient(to bottom,var(--bg-surface),var(--color-neutral-50));border:2px solid oklch(70% .2 140);box-shadow:0 8px 30px #4dba3014}.paywall-price-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.price-card-hero{display:flex;align-items:center;justify-content:center;gap:var(--space-3)}.price-card-label-free{font-size:2rem;font-weight:900;color:#3baa18;letter-spacing:-.04em;line-height:1}.price-card-badge{font-size:var(--fs-xs);font-weight:850;background:#ddf7d8;color:#3baa18;padding:4px 10px;border-radius:var(--radius-md);border:1px solid oklch(65% .2 140 / .2)}.price-card-label-standard{font-size:1.8rem;font-weight:850;color:var(--text-primary);letter-spacing:-.03em}.price-card-sub-price{font-size:var(--fs-xs);color:var(--text-secondary);font-weight:600;letter-spacing:-.01em}.paywall-timeline{display:flex;align-items:flex-start;justify-content:space-between;margin-top:var(--space-4);padding:var(--space-4) var(--space-2) 0;border-top:1px dashed var(--color-neutral-200);gap:4px}.timeline-step{flex:1;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative}.step-number{width:24px;height:24px;border-radius:50%;background:var(--color-neutral-200);color:var(--text-muted);font-size:var(--fs-xs);font-weight:800;display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-2);transition:all var(--duration-base) var(--ease-out);border:2px solid transparent}.timeline-step.active .step-number{background:var(--color-neutral-900);color:#fff}.step-number.highlight{background:#3baa18!important;color:#fff!important;box-shadow:0 0 12px #3baa1880;animation:stepGlow 1.5s infinite alternate}@keyframes stepGlow{0%{box-shadow:0 0 4px #3baa184d}to{box-shadow:0 0 14px #3baa18b3}}.step-label{font-size:10px;font-weight:700;color:var(--text-muted);margin-bottom:2px;line-height:1.2}.timeline-step.active .step-label{color:var(--text-primary)}.step-label.highlight-text{color:#3baa18!important}.step-desc{font-size:9px;color:var(--text-muted);line-height:1.2;word-break:keep-all;overflow-wrap:break-word}.timeline-connector{flex-grow:1;flex-shrink:1;min-width:6px;max-width:32px;height:2px;background:var(--color-neutral-200);margin-top:11px;border-radius:var(--radius-full)}.timeline-connector.active{background:var(--color-neutral-900)}@media(max-width:400px){.paywall-timeline{padding-left:0;padding-right:0}.timeline-connector{min-width:4px}.step-desc{font-size:8px}}.paywall-btn-premium{width:100%;padding:var(--space-5);background:var(--color-neutral-900);color:#fff;border:none;border-radius:var(--radius-sm);font-size:var(--fs-base);font-weight:800;cursor:pointer;transition:all var(--duration-base) var(--ease-out);box-shadow:var(--shadow-md)}.paywall-btn-premium:hover{background:var(--color-neutral-800);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.paywall-footer-note{margin-top:var(--space-5);font-size:var(--fs-xs);color:var(--text-muted);word-break:keep-all}@keyframes paywallFadeIn{0%{opacity:0}to{opacity:1}}@keyframes paywallSlideUp{0%{opacity:0;transform:translateY(24px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:480px){.paywall-overlay{padding:0;align-items:flex-end}.paywall-content-premium{border-radius:var(--radius-xl) var(--radius-xl) 0 0;max-height:92vh;overflow-y:auto;padding:var(--space-10) var(--space-6) calc(var(--space-6) + env(safe-area-inset-bottom));animation:paywallMobileSlideUp var(--duration-slow) var(--ease-out) both}@keyframes paywallMobileSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}}.pro-lock-overlay{position:absolute;inset:0;background:#ffffffb3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:20;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;border-radius:inherit}.lock-icon-circle{width:56px;height:56px;background:#d9a514;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-4);box-shadow:0 8px 16px #d9a5144d}.blacklist-view-container{display:flex;flex-direction:column;gap:var(--space-6);animation:fadeUp var(--duration-slow) var(--ease-out)}.blacklist-view-container .main-header{display:flex;align-items:flex-start;justify-content:space-between;padding-top:var(--space-2)}.blacklist-view-container .title-group{display:flex;flex-direction:column;gap:var(--space-1)}.blacklist-view-container .header-subtitle{font-size:.8125rem;font-weight:500;color:var(--text-muted);letter-spacing:.01em;line-height:1.4}.blacklist-view-container .title-group h3{font-size:1.25rem;font-weight:600;color:var(--text-primary);letter-spacing:-.02em;margin:0;line-height:1.3}.bl-cumulative-savings-card{position:relative;overflow:hidden;background:linear-gradient(135deg,oklch(96% .04 var(--brand-hue)),oklch(94% .06 calc(var(--brand-hue) + 18)));border:1px solid oklch(89% .07 var(--brand-hue));border-radius:14px;padding:var(--space-5) var(--space-6);box-shadow:0 1px 3px #0000000a,0 4px 16px oklch(var(--brand-hue) .08 var(--brand-hue) / .08)}.savings-glow{position:absolute;top:-50px;right:-50px;width:180px;height:180px;background:radial-gradient(circle,oklch(65% .2 var(--brand-hue) / .1) 0%,transparent 70%);pointer-events:none}.savings-content{position:relative;z-index:1;display:flex;align-items:center;gap:var(--space-4)}.savings-icon-wrapper{flex-shrink:0;width:48px;height:48px;background:var(--color-brand-primary);color:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px oklch(65% .2 var(--brand-hue) / .25)}.savings-text-group{flex:1;min-width:0}.savings-title{display:block;font-size:.6875rem;font-weight:600;color:var(--color-brand-primary-dark);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--space-1)}.savings-amount-row{display:flex;align-items:baseline;gap:2px;flex-wrap:wrap}.savings-currency{font-size:.9375rem;font-weight:700;color:var(--color-brand-primary);line-height:1}.savings-value{font-size:1.875rem;font-weight:800;color:var(--text-primary);letter-spacing:-.03em;line-height:1.1}.savings-suffix{font-size:.875rem;font-weight:600;color:var(--text-secondary);margin-left:2px}.savings-subtext{font-size:var(--fs-xs);color:var(--text-muted);margin:var(--space-1) 0 0;line-height:1.4}.bl-savings-banner{background:#fff7eb;background:oklch(98% .02 80);border:1px solid oklch(90% .05 80);border-radius:12px;padding:var(--space-4) var(--space-5)}.bl-savings-info{display:flex;flex-direction:column;gap:var(--space-1)}.bl-savings-info .savings-label{font-size:var(--fs-xs);color:var(--text-muted);line-height:1.4}.savings-value-row{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.bl-savings-banner .savings-amount{font-size:var(--fs-base);font-weight:700;color:#9f7100;color:oklch(58% .14 80)}.savings-desc{font-size:var(--fs-xs);color:var(--text-muted)}.management-panel{background:var(--bg-surface);border:1px solid var(--color-neutral-200);border-radius:14px;overflow:hidden;box-shadow:0 1px 2px #00000008,0 4px 12px #0000000a}.panel-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-neutral-100);gap:var(--space-3)}.panel-header h3{display:flex;align-items:center;gap:var(--space-2);font-size:var(--fs-sm);font-weight:700;color:var(--text-primary);margin:0;letter-spacing:-.01em}.blacklist-plan-chip{flex-shrink:0;padding:3px 10px;border-radius:9999px;font-size:11px;font-weight:700;letter-spacing:.01em}.blacklist-plan-chip.is-pro{background:oklch(95% .05 var(--brand-hue));color:var(--color-brand-primary);border:1px solid oklch(89% .08 var(--brand-hue))}.blacklist-plan-chip.is-free{background:var(--color-neutral-100);color:var(--text-muted);border:1px solid var(--color-neutral-200)}.management-list{display:flex;flex-direction:column}.management-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-5);min-height:56px;border-bottom:1px solid var(--color-neutral-100);transition:background var(--duration-base) var(--ease-out);box-sizing:border-box}.management-row:last-child{border-bottom:none}.management-row:hover{background:var(--color-neutral-50)}.management-row.is-confirming{background:#fff6f6;background:oklch(98% .02 20)}.management-row.is-removing{opacity:.45;pointer-events:none}.bl-item-row .item-info{display:flex;align-items:center;gap:var(--space-3);flex:1;min-width:0}.icon-box{flex-shrink:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center}.text-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.primary-text{font-size:.9375rem;font-weight:600;color:var(--text-primary);line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.secondary-text{font-size:.8125rem;color:var(--text-muted);line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bl-cancel-guide-btn{display:inline-flex;align-items:center;gap:4px;margin-top:4px;padding:3px 8px;font-size:.75rem;font-weight:600;color:var(--color-brand-primary);border:1px solid oklch(89% .07 var(--brand-hue));border-radius:6px;background:oklch(97% .02 var(--brand-hue));text-decoration:none;transition:all var(--duration-base) var(--ease-out);width:fit-content;flex-shrink:0}.bl-cancel-guide-btn:hover{background:oklch(93% .05 var(--brand-hue));border-color:var(--color-brand-primary)}.actions{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.bl-actions{opacity:0;transition:opacity var(--duration-base) var(--ease-out)}.bl-actions.visible,.management-row:hover .bl-actions{opacity:1}.bl-restore-btn{display:inline-flex;align-items:center;gap:4px;padding:5px 10px;font-size:.75rem;font-weight:600;color:var(--text-secondary);background:var(--color-neutral-100);border:1px solid var(--color-neutral-200);border-radius:8px;cursor:pointer;transition:all var(--duration-base) var(--ease-out);white-space:nowrap;flex-shrink:0}.bl-restore-btn:hover{background:var(--color-neutral-200);color:var(--text-primary)}.bl-final-delete-btn{display:inline-flex;align-items:center;gap:4px;padding:5px 10px;font-size:.75rem;font-weight:600;color:var(--color-danger);background:#fff1f0;background:oklch(97% .02 25);border:1px solid oklch(91% .06 25);border-radius:8px;cursor:pointer;transition:all var(--duration-base) var(--ease-out);white-space:nowrap;flex-shrink:0}.bl-final-delete-btn:hover{background:#ffe0dc;background:oklch(94% .06 25);border-color:#ffaba3}.action-btn-trash{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid transparent;border-radius:8px;color:var(--text-muted);cursor:pointer;transition:all var(--duration-base) var(--ease-out);flex-shrink:0}.action-btn-trash:hover{background:#fff1f0;background:oklch(97% .02 25);border-color:#ffd5d0;border-color:oklch(91% .06 25);color:var(--color-danger)}.bl-confirm-row{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.bl-confirm-label{font-size:var(--fs-xs);color:var(--text-secondary);white-space:nowrap;font-weight:500}.bl-confirm-cancel{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;font-size:.75rem;font-weight:600;color:var(--text-secondary);background:var(--color-neutral-100);border:1px solid var(--color-neutral-200);border-radius:8px;cursor:pointer;transition:all var(--duration-base) var(--ease-out);white-space:nowrap}.bl-confirm-cancel:hover{background:var(--color-neutral-200)}.bl-confirm-ok{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;font-size:.75rem;font-weight:600;color:var(--color-brand-primary);background:oklch(96% .04 var(--brand-hue));border:1px solid oklch(89% .08 var(--brand-hue));border-radius:8px;cursor:pointer;transition:all var(--duration-base) var(--ease-out);white-space:nowrap}.bl-confirm-ok:hover{background:oklch(92% .07 var(--brand-hue))}.bl-removing-label{font-size:var(--fs-xs);color:var(--text-muted);font-style:italic}.archived-item .primary-text{color:var(--text-secondary)}.item-price{flex-shrink:0;display:flex;align-items:center}.archived-price{font-size:var(--fs-sm);font-weight:700;color:var(--color-success)}.bl-show-more-wrapper{display:flex;justify-content:center;padding:var(--space-3) var(--space-5);border-top:1px solid var(--color-neutral-100)}.bl-show-more-btn{display:inline-flex;align-items:center;gap:var(--space-2);min-height:40px;padding:0 var(--space-4);font-size:var(--fs-sm);font-weight:600;color:var(--text-secondary);background:transparent;border:1px solid var(--color-neutral-200);border-radius:10px;cursor:pointer;transition:background var(--duration-base) var(--ease-out),border-color var(--duration-base) var(--ease-out),color var(--duration-base) var(--ease-out);white-space:nowrap}.bl-show-more-btn:hover{background:var(--color-neutral-100);border-color:var(--color-neutral-300);color:var(--text-primary)}.bl-show-more-btn:active{background:var(--color-neutral-200)}.bl-archived-revealed{animation:blArchivedFadeUp .25s cubic-bezier(.4,0,.2,1) both}@keyframes blArchivedFadeUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.bl-archived-revealed:nth-child(6){animation-delay:0ms}.bl-archived-revealed:nth-child(7){animation-delay:30ms}.bl-archived-revealed:nth-child(8){animation-delay:60ms}.bl-archived-revealed:nth-child(9){animation-delay:90ms}.bl-archived-revealed:nth-child(10){animation-delay:.12s}.bl-archived-revealed:nth-child(n+11){animation-delay:.15s}[data-theme=dark] .bl-show-more-wrapper{border-color:oklch(24% .03 var(--brand-hue))}[data-theme=dark] .bl-show-more-btn{border-color:oklch(30% .04 var(--brand-hue))}[data-theme=dark] .bl-show-more-btn:hover{background:oklch(22% .03 var(--brand-hue));border-color:oklch(35% .05 var(--brand-hue))}[data-theme=dark] .bl-show-more-btn:active{background:oklch(26% .04 var(--brand-hue))}.bl-empty-card{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-12) var(--space-6);gap:var(--space-3)}.bl-empty-card.mini{padding:var(--space-6) var(--space-5)}.bl-empty-icon{width:52px;height:52px;display:flex;align-items:center;justify-content:center;background:var(--color-neutral-100);border-radius:14px;color:var(--text-muted)}.bl-empty-title{font-size:var(--fs-base);font-weight:700;color:var(--text-secondary);margin:0}.bl-empty-desc{font-size:var(--fs-sm);color:var(--text-muted);line-height:1.55;margin:0;max-width:280px}.bl-footer-hint{font-size:var(--fs-xs);color:var(--text-muted);text-align:center;line-height:1.6;padding:0 var(--space-4)}.blacklist-container{display:flex;flex-direction:column;gap:var(--space-6);animation:fadeUp var(--duration-slow) var(--ease-out)}.blacklist-header{display:flex;justify-content:space-between;align-items:center}.blacklist-title{font-size:var(--fs-lg);font-weight:800;color:var(--text-primary);letter-spacing:-.02em}.blacklist-search-box{position:relative;width:100%}.blacklist-search-input{width:100%;padding:var(--space-3) var(--space-10) var(--space-3) var(--space-4);background:var(--color-neutral-50);border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);font-size:var(--fs-sm);transition:all var(--duration-base) var(--ease-out)}.blacklist-search-input:focus{background:var(--bg-surface);border-color:var(--color-brand-primary);box-shadow:0 0 0 3px oklch(65% .2 var(--brand-hue) / .1);outline:none}.blacklist-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);background:var(--bg-surface);border:1px solid var(--color-neutral-200);border-radius:var(--radius-xl);transition:all var(--duration-base) var(--ease-out)}.blacklist-item:hover{border-color:var(--color-neutral-300);box-shadow:0 2px 8px #0000000d}.blacklist-item-info{display:flex;align-items:center;gap:var(--space-4)}.blacklist-icon-letter{width:36px;height:36px;background:var(--color-neutral-100);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--text-muted);font-size:var(--fs-sm)}.blacklist-item-icon{width:40px;height:40px;background:var(--color-neutral-100);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--text-muted)}.blacklist-item-name{font-weight:700;color:var(--text-primary);font-size:var(--fs-base)}.blacklist-item-date{font-size:var(--fs-xs);color:var(--text-muted)}.blacklist-empty{text-align:center;padding:var(--space-12);background:var(--color-neutral-50);border:2px dashed var(--color-neutral-200);border-radius:var(--radius-2xl);color:var(--text-muted)}.panel-description{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-neutral-100)}.panel-description p{font-size:var(--fs-sm);color:var(--text-muted);line-height:1.5;margin:0}@media(max-width:768px){.blacklist-view-container{gap:var(--space-4);padding-bottom:calc(96px + env(safe-area-inset-bottom,0px))}.blacklist-view-container .title-group h3{font-size:1.125rem}.bl-cumulative-savings-card{padding:var(--space-4) var(--space-4);border-radius:12px}.savings-icon-wrapper{width:42px;height:42px;border-radius:10px}.savings-value{font-size:1.625rem}.management-row{padding:var(--space-3) var(--space-4);min-height:60px;align-items:center}.primary-text{font-size:.9375rem;font-weight:700;white-space:normal;overflow:visible;text-overflow:unset}.secondary-text{font-size:.75rem;white-space:normal;overflow:visible;text-overflow:unset}.item-price{align-self:center;flex-shrink:0}.archived-price{font-size:.8125rem;text-align:right;white-space:nowrap}.bl-actions{opacity:1}.bl-restore-btn,.bl-final-delete-btn{padding:4px 8px;font-size:.6875rem}.panel-header{padding:var(--space-3) var(--space-4)}.panel-header h3{font-size:.875rem}.bl-item-row.is-confirming{flex-direction:column!important;align-items:stretch!important;gap:0!important;padding:var(--space-4)!important}.bl-item-row.is-confirming .item-info{width:100%!important}.bl-item-row.is-confirming .bl-confirm-row{width:100%!important;display:flex!important;align-items:center!important;justify-content:space-between!important;padding-top:12px!important;margin-top:12px!important;border-top:1px dashed var(--color-neutral-200)!important;flex-wrap:nowrap!important;gap:var(--space-2)!important}.bl-item-row.is-confirming .bl-confirm-label{font-size:.8125rem!important;color:var(--text-secondary)!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.bl-confirm-actions{display:flex!important;gap:var(--space-2)!important;flex-shrink:0}.bl-item-row.is-confirming .bl-confirm-cancel,.bl-item-row.is-confirming .bl-confirm-ok{min-height:36px!important;padding:0 12px!important;font-size:.8125rem!important}.bl-empty-card{padding:var(--space-8) var(--space-4)}.bl-empty-card.mini{padding:var(--space-5) var(--space-4)}}@media(max-width:380px){.savings-value{font-size:1.375rem}.bl-restore-btn,.bl-final-delete-btn{padding:3px 6px;font-size:.625rem}}[data-theme=dark] .bl-cumulative-savings-card{background:linear-gradient(135deg,oklch(22% .04 var(--brand-hue)),oklch(20% .06 calc(var(--brand-hue) + 18)));border-color:oklch(30% .07 var(--brand-hue))}[data-theme=dark] .savings-icon-wrapper{box-shadow:0 4px 12px oklch(65% .2 var(--brand-hue) / .35)}[data-theme=dark] .management-panel{background:oklch(18% .03 var(--brand-hue));border-color:oklch(26% .04 var(--brand-hue))}[data-theme=dark] .management-row{border-color:oklch(24% .03 var(--brand-hue))}[data-theme=dark] .management-row:hover{background:oklch(22% .03 var(--brand-hue))}[data-theme=dark] .panel-header{border-color:oklch(24% .03 var(--brand-hue))}[data-theme=dark] .bl-savings-banner{background:#1d1406;border-color:#362607}[data-theme=dark] .bl-empty-icon{background:oklch(24% .04 var(--brand-hue))}.dashboard-container{display:flex;min-height:100vh;background:var(--bg-app);width:100%;position:relative}.dashboard-main-content{flex:1;display:flex;flex-direction:column;min-width:0;background:var(--bg-app);margin-left:88px}@media(max-width:1024px){.dashboard-main-content{margin-left:0}}.dashboard-scroll-area{flex:1;width:100%;max-width:1440px;margin:0 auto;padding:var(--space-8);box-sizing:border-box}@media(max-width:768px){.dashboard-scroll-area{padding:var(--space-6) var(--space-4) calc(88px + env(safe-area-inset-bottom))}}.dashboard-home-view{display:flex;flex-direction:column;gap:var(--space-8)}@media(max-width:1024px){.dashboard-sidebar.slim{display:none}}.mobile-header{display:none;height:64px;padding:0 var(--space-6);background:var(--bg-surface);border-bottom:1px solid var(--color-neutral-200);align-items:center;justify-content:space-between;position:sticky;top:0;z-index:90;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}@media(max-width:1024px){.mobile-header{display:flex}}.header-logo{display:flex;align-items:center;gap:var(--space-2)}.header-logo img{width:32px;height:32px}.header-logo .logo-text{font-weight:800;font-size:var(--fs-lg);color:var(--text-primary);letter-spacing:-.02em}.hero-dashboard-layer{display:grid;grid-template-columns:1.2fr .8fr;gap:var(--space-8);background:linear-gradient(145deg,oklch(25% .1 var(--brand-hue)),oklch(15% .12 var(--brand-hue)));padding:var(--space-8);border-radius:var(--radius-xl);color:#fff;position:relative;overflow:hidden;box-shadow:0 40px 80px -20px oklch(var(--brand-hue) .2 var(--brand-hue) / .25);border:1px solid oklch(35% .1 var(--brand-hue))}.hero-dashboard-layer:before{content:"";position:absolute;top:-20%;right:-10%;width:500px;height:500px;background:radial-gradient(circle,oklch(var(--brand-hue) .2 var(--brand-hue) / .15) 0%,transparent 70%);pointer-events:none}.hero-main-info{position:relative;z-index:2}.hero-badge-group{display:flex;gap:var(--space-3);margin-bottom:var(--space-6)}.hero-pill-badge{padding:6px 14px;background:#ffffff1a;border:1px solid oklch(100% 0 0 / .1);border-radius:var(--radius-full);font-size:var(--fs-xs);font-weight:700;display:flex;align-items:center;gap:6px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#ffffffe6}.hero-pill-badge.active{background:#00be5826;background:oklch(70% .2 150 / .15);border-color:#00be584d;border-color:oklch(70% .2 150 / .3);color:#00be58;color:oklch(70% .2 150)}.hero-pill-badge .dot{width:6px;height:6px;background:currentColor;border-radius:50%;box-shadow:0 0 8px currentColor}.hero-total-amount{font-size:clamp(2.6rem,5vw,4rem);font-weight:900;letter-spacing:-.05em;margin-bottom:var(--space-4);display:flex;flex-direction:column;align-items:flex-start;line-height:1.1}.amount-main{display:flex;align-items:baseline;gap:var(--space-1)}.hero-total-amount .currency-suffix{font-size:.35em;font-weight:700;color:#fff9;margin-left:2px}.hero-spending-label{font-size:var(--fs-xs);font-weight:700;color:#ffffff80;text-transform:uppercase;letter-spacing:.05em;margin-top:4px}.hero-stats-row{display:flex;align-items:center;gap:var(--space-8);margin-top:var(--space-8);background:#ffffff0d;padding:var(--space-4) var(--space-6);border-radius:var(--radius-md);width:fit-content;border:1px solid oklch(100% 0 0 / .08);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.hero-stat-box{display:flex;flex-direction:column;gap:4px}.hero-stat-box .label{font-size:11px;color:#fff6;font-weight:700;text-transform:uppercase;letter-spacing:.1em}.hero-stat-box .value-group{display:flex;align-items:baseline;gap:6px}.hero-stat-box .value{font-size:var(--fs-xl);font-weight:900;color:#fff;line-height:1}.hero-stat-box .value span{font-size:.55em;font-weight:700;opacity:.7;margin-left:2px}.hero-stat-box .sub-detail{font-size:11px;font-weight:600;color:#fff9;background:#ffffff1a;padding:2px 6px;border-radius:4px}.hero-stat-divider{width:1px;height:32px;background:#ffffff1a}.hero-action-side{display:flex;flex-direction:column;justify-content:center;gap:var(--space-4);z-index:2}.ai-insight-card{background:#ffffff0d;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid oklch(100% 0 0 / .1);padding:var(--space-6);border-radius:var(--radius-md);box-shadow:0 20px 40px #0000004d;position:relative;z-index:2}.ai-insight-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.ai-glow-icon{width:40px;height:40px;background:var(--color-brand-primary);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;box-shadow:0 0 20px var(--color-brand-primary-light)}.ai-label{font-size:var(--fs-xs);font-weight:800;color:var(--color-brand-primary-light);text-transform:uppercase;letter-spacing:.1em}.ai-comment{font-size:var(--fs-base);line-height:1.6;color:#ffffffe6;margin-bottom:var(--space-6)}.ai-comment strong{color:#fff;font-weight:800}.dashboard-bento-grid-v2{display:grid;grid-template-columns:1.6fr 1fr;gap:var(--space-8);margin-top:var(--space-8)}@media(max-width:1024px){.dashboard-bento-grid-v2{grid-template-columns:1fr;gap:var(--space-6)}}.bento-item{background:var(--bg-surface)!important;border-radius:var(--radius-md)!important;padding:var(--space-8)!important;border:1px solid var(--color-neutral-200)!important;box-shadow:0 2px 4px #00000005,0 10px 20px #0000000a!important;transition:all var(--duration-slow) var(--ease-out)}.bento-item:hover{transform:translateY(-6px);box-shadow:0 4px 8px #0000000a,0 20px 40px #00000014!important;border-color:var(--color-brand-primary-light)!important}.bento-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6)}.list-title-header{display:flex;align-items:center;gap:var(--space-3)}.list-title-header h3{margin:0;font-size:var(--fs-lg);font-weight:800;color:var(--text-primary);letter-spacing:-.02em}.count-badge{padding:2px 10px;background:var(--color-neutral-100);border:1px solid var(--color-neutral-200);border-radius:var(--radius-full);font-size:11px;font-weight:700;color:var(--text-muted)}.upcoming-list{display:flex;flex-direction:column;gap:var(--space-4);margin-top:var(--space-6)}.upcoming-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);background:#fff;border-radius:var(--radius-md);border:1px solid var(--color-neutral-200);transition:all var(--duration-base) var(--ease-out);cursor:pointer;box-shadow:0 2px 8px #00000005}.upcoming-item:hover{border-color:var(--color-brand-primary-light);transform:translate(4px);box-shadow:0 8px 20px oklch(var(--brand-hue) .1 var(--brand-hue) / .08)}.upcoming-item.urgent{border-left:4px solid oklch(60% .15 20)}.upcoming-item.near{border-left:4px solid oklch(80% .15 85)}.upcoming-item-left{display:flex;align-items:center;gap:var(--space-4)}.upcoming-icon-wrap{width:44px;height:44px;background:#fff;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm);border:1px solid var(--color-neutral-100)}.upcoming-info{display:flex;flex-direction:column;gap:2px}.upcoming-name{font-size:var(--fs-base);font-weight:700;color:var(--text-primary)}.upcoming-date{font-size:var(--fs-xs);color:var(--text-muted);font-weight:500}.upcoming-item-right{display:flex;align-items:center;gap:var(--space-4)}.upcoming-price{font-size:var(--fs-base);font-weight:800;color:var(--text-primary)}.sub-preview-list{display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-6)}.sub-item-modern{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);background:#fff;border-radius:var(--radius-md);border:1px solid var(--color-neutral-200);transition:all var(--duration-base) var(--ease-out);cursor:pointer;box-shadow:0 2px 4px #00000005}.sub-item-modern:hover{background:var(--color-neutral-50);border-color:var(--color-brand-primary-light);transform:translateY(-2px);box-shadow:0 10px 20px oklch(var(--brand-hue) .1 var(--brand-hue) / .08)}.item-brand{display:flex;align-items:center;gap:var(--space-4)}.brand-info{display:flex;flex-direction:column}.brand-info .name{font-size:var(--fs-sm);font-weight:700;color:var(--text-primary);letter-spacing:-.015em;line-height:1.35}.brand-badges{display:flex;align-items:center;gap:6px;margin-top:var(--space-1)}.type-badge{padding:2px 8px;border-radius:var(--radius-full);font-size:10px;font-weight:700;text-transform:uppercase}.type-badge.tone-brand{background:oklch(95% .05 var(--brand-hue));color:var(--color-brand-primary)}.type-badge.tone-neutral{background:var(--color-neutral-100);color:var(--text-muted)}.item-status{text-align:right;display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:4px}.item-status .price{font-size:var(--fs-sm);font-weight:800;color:var(--text-primary)}@media(max-width:1024px){.hero-dashboard-layer{grid-template-columns:1fr;gap:var(--space-8);padding:var(--space-8)}.hero-action-side{flex-direction:row;gap:var(--space-4)}.hero-quick-add-btn{width:auto;flex:1}}@media(max-width:768px){.hero-dashboard-layer{grid-template-columns:1fr!important;padding:var(--space-6) var(--space-6) var(--space-8);border-radius:var(--radius-xl);gap:var(--space-6)}.hero-main-info{width:100%}.hero-badge-group{flex-wrap:wrap;gap:var(--space-2)}.hero-pill-badge{padding:4px 10px;font-size:11px;white-space:nowrap;flex-shrink:0}.hero-total-amount{font-size:2.4rem;margin-bottom:var(--space-4);flex-direction:column;align-items:flex-start;gap:var(--space-1)}.hero-total-amount .currency-suffix{font-size:.4em;margin-left:2px}.hero-spending-label{margin-top:0;font-size:11px;font-weight:700;color:#fff9}.hero-stats-row{width:100%;gap:var(--space-4);padding:var(--space-4);margin-top:var(--space-6);display:grid;grid-template-columns:1fr auto 1fr;justify-items:center}.hero-stat-box .label{font-size:10px}.hero-stat-box .value{font-size:var(--fs-lg)}.hero-stat-divider{height:24px}.hero-action-side{flex-direction:column;margin-top:var(--space-4);width:100%;gap:var(--space-4)}.bento-header{align-items:center!important;gap:var(--space-2);margin-bottom:var(--space-4)}.list-title-header h3{font-size:var(--fs-base)!important;letter-spacing:-.025em}.more-btn{padding:5px 10px!important;font-size:11px!important}.sub-item-modern{padding:var(--space-3) var(--space-4)!important}.brand-info .name{font-size:13px!important}.type-badge{padding:1px 6px!important;font-size:9px!important}.dday-chip{padding:3px 8px!important;font-size:9px!important}.item-status .price{font-size:13px!important}.scan-card-banner{flex-direction:column!important;align-items:stretch!important;gap:var(--space-3)!important;padding:var(--space-4) var(--space-5)!important;margin-top:0!important}.scan-card-left{align-items:center!important;gap:var(--space-3)!important}.scan-card-text h4{font-size:var(--fs-base)!important;letter-spacing:-.015em;margin:0!important}.scan-card-text p{font-size:var(--fs-xs)!important;line-height:1.45;margin:2px 0 0!important}.scan-cta-btn{height:40px!important;width:100%!important;justify-content:center!important;padding:0 var(--space-4)!important;white-space:nowrap!important;flex-shrink:0!important;font-size:var(--fs-sm)!important}.dashboard-home-view{gap:var(--space-5)!important}.bento-item{padding:var(--space-5)!important}.bento-item:hover{transform:none!important}}.more-btn{background:var(--color-neutral-100);border:1px solid var(--color-neutral-200);padding:6px 12px;border-radius:var(--radius-full);font-size:var(--fs-xs);font-weight:700;color:var(--text-secondary);display:flex;align-items:center;gap:4px;cursor:pointer;transition:all var(--duration-base) var(--ease-out);white-space:nowrap;flex-shrink:0}.more-btn:hover{background:var(--color-neutral-200);color:var(--text-primary);transform:translate(2px)}.more-btn svg{color:var(--text-muted)}.scan-card-banner{margin-top:var(--space-4);padding:var(--space-5) var(--space-8);background:#fff;border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);display:flex;justify-content:space-between;align-items:center;box-shadow:var(--shadow-sm)}.scan-card-left{display:flex;align-items:center;gap:var(--space-4)}.scan-card-icon{width:48px;height:48px;background:oklch(95% .05 var(--brand-hue));color:var(--color-brand-primary);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center}.scan-card-text h4{margin:0;font-size:var(--fs-base);font-weight:800;color:var(--text-primary)}.scan-card-text p{margin:2px 0 0;font-size:var(--fs-sm);color:var(--text-muted)}.scan-cta-btn{height:44px;padding:0 20px;background:var(--color-brand-primary);color:#fff;border:none;border-radius:8px;font-size:var(--fs-sm);font-weight:700;display:flex;align-items:center;gap:8px;cursor:pointer;transition:background var(--duration-base) var(--ease-out),box-shadow var(--duration-base) var(--ease-out);box-shadow:0 2px 8px oklch(var(--brand-hue) .15 var(--brand-hue) / .18);white-space:nowrap;flex-shrink:0}.scan-cta-btn:hover{background:var(--color-brand-primary-light);box-shadow:0 4px 12px oklch(var(--brand-hue) .15 var(--brand-hue) / .22)}.scan-cta-btn.pro-btn{background:oklch(25% .05 var(--brand-hue))}.donut-chart-container{position:relative;display:flex;justify-content:center;align-items:center}.chart-center-label{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;text-align:center;pointer-events:none}.chart-center-label .total-label{font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.chart-center-label .total-value{font-size:var(--fs-xl);font-weight:900;color:var(--text-primary);letter-spacing:-.02em}.placeholder-chart{height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);color:var(--text-muted)}.empty-chart-circle{width:150px;height:150px;border:12px solid var(--color-neutral-100);border-radius:50%;position:relative}.empty-chart-circle:after{content:"";position:absolute;inset:-2px;border:2px dashed var(--color-neutral-200);border-radius:50%}.chart-legend{margin-top:var(--space-6);display:flex;flex-direction:column;gap:var(--space-2)}.legend-item-v2{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:var(--color-neutral-50);border-radius:var(--radius-sm)}.legend-main{display:flex;align-items:center;gap:8px}.legend-main .dot{width:8px;height:8px;border-radius:50%}.legend-main .label{font-size:var(--fs-xs);font-weight:600;color:var(--text-primary)}.legend-meta .percentage{font-size:var(--fs-xs);font-weight:700;color:var(--color-brand-primary)}.dday-chip{padding:4px 10px;background:var(--color-neutral-100);border-radius:var(--radius-full);font-size:10px;font-weight:800;color:var(--text-muted);display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}.dday-chip.urgent{background:#ca545a;color:#fff;box-shadow:0 4px 10px #ca545a4d}.dday-chip.near{background:#eab532;color:#fff}.mini-cancel-badge{margin-left:6px;padding:2px 6px;background:#fceae9;color:#b46767;border:1px solid oklch(90% .05 20);border-radius:4px;font-size:9px;font-weight:800;text-transform:uppercase}@media(max-width:380px){.hero-total-amount{font-size:2.2rem}.hero-stats-row{padding:var(--space-3);gap:var(--space-2)}.hero-stat-box .value{font-size:var(--fs-md)}.hero-pill-badge{font-size:10px;padding:3px 8px}}@media(max-width:767px){.landing-container{overflow-x:hidden}.landing-nav{padding:10px 0}.landing-nav-inner{padding:0 16px}.logo-text{font-size:1.1rem}.logo-image{width:28px;height:28px}.landing-hero{padding:100px 16px 40px;flex-direction:column;text-align:center;gap:40px}.hero-badge{margin:0 auto 16px}.hero-eyebrow{font-size:.9rem}.hero-title{font-size:2.4rem;line-height:1.2;margin-bottom:16px;word-break:keep-all}.hero-subtitle{font-size:1rem;line-height:1.5;margin-bottom:32px}.hero-subtitle br{display:none}.hero-cta{width:100%;align-items:center}.cta-button-primary{width:100%;justify-content:center;font-size:1rem;padding:16px}.hero-trust{justify-content:center;font-size:.75rem;margin-top:16px}.hero-mockup-container{width:100%;margin-top:20px;display:flex;justify-content:center;transform:none}.premium-mockup{width:100%;min-width:0;max-width:340px;margin:0 auto;overflow:hidden}.dashboard-grid{display:flex;flex-direction:column}.dashboard-sidebar{width:100%!important;height:auto!important;flex-direction:row!important;padding:8px!important;justify-content:center;gap:20px;border-right:none!important;border-bottom:1px solid var(--lp-border)}.dashboard-main{padding:16px!important}.main-header h3{font-size:1rem!important}.spending-pill{padding:4px 8px!important;font-size:.8rem!important}.sub-item-mock{padding:10px!important;gap:10px!important}.sub-icon-mock{width:32px!important;height:32px!important;font-size:.8rem!important}.sub-name-mock{font-size:.9rem!important}.sub-date-mock{font-size:.7rem!important}.sub-price-mock{font-size:.85rem!important}.detection-highlight{padding:8px!important}.sub-action-mock{padding:4px 10px!important;font-size:.7rem!important}.floating-card{display:none}.landing-features{padding:40px 16px}.bento-grid{grid-template-columns:1fr;gap:16px}.landing-nav{height:60px!important;padding:0!important;background:#fffc!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.landing-nav-inner{height:100%;padding:0 16px!important}.nav-btn-primary{padding:8px 16px!important;font-size:.9rem!important}.bento-item{display:flex!important;flex-direction:column!important;min-height:auto!important;padding-bottom:40px!important;overflow:visible!important;position:relative!important}.bento-content{flex:0 0 auto!important;margin-bottom:20px!important}.bento-visual{flex:1 0 140px!important;width:100%!important;min-height:140px!important;position:relative!important;margin:0!important;display:block!important}.central-node{position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%) scale(.9)!important;z-index:10!important}.calendar-visual{width:100%!important;height:auto!important;min-height:200px!important;display:flex!important;justify-content:center!important;align-items:center!important;padding:10px 0!important;position:relative}.premium-calendar-mock{width:260px!important;padding:10px!important;transform:scale(.95)!important;margin:0 auto!important;position:relative;box-sizing:border-box}.cal-grid-premium{gap:2px!important}.cal-cell-p{width:28px!important;height:28px!important;font-size:.65rem!important}.cal-floating-event{right:8px!important;top:4px!important;transform:scale(.8)!important;transform-origin:top right!important;z-index:5}.bento-visual{flex:1 0 140px!important;width:100%!important;min-height:140px!important;position:relative!important;margin:0!important;display:block!important;visibility:visible!important;opacity:1!important}.central-node{position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%) scale(.9)!important;z-index:10!important;display:flex!important;visibility:visible!important}.node-glow{display:block!important}.visual-lines{width:100%!important;left:0!important}.automation-visual{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;width:100%!important;padding:8px 0!important}.sync-spinner{display:flex!important;justify-content:center!important;margin-bottom:12px!important}.icon-match-row{display:flex!important;justify-content:center!important;gap:12px!important}.notification-visual{width:100%!important;height:auto!important;min-height:auto!important;overflow:visible!important;padding-bottom:8px!important}.notification-flow{display:flex!important;flex-direction:column!important;gap:8px!important;width:100%!important}.notif-bar{width:100%!important;box-sizing:border-box!important;font-size:.8rem!important;padding:10px 12px!important}.bento-item.bento-large{display:flex;flex-direction:column}.bento-content h3{font-size:1.3rem}.bento-content p{font-size:.95rem}.bento-content p br{display:none}.landing-pwa{padding:40px 16px!important}.pwa-container{flex-direction:column!important;text-align:center!important;gap:40px!important;width:100%!important;box-sizing:border-box!important;padding:32px 20px!important}.pwa-text{width:100%!important;box-sizing:border-box!important}.pwa-text h2{font-size:1.8rem!important;line-height:1.3!important;word-break:keep-all!important}.pwa-text p{font-size:.95rem!important;line-height:1.6!important;word-break:keep-all!important}.pwa-features{align-items:flex-start!important;text-align:left!important;padding:0!important;width:100%!important}.pwa-features li{font-size:.95rem!important;word-break:keep-all!important;line-height:1.5!important}.install-btn{width:100%!important;justify-content:center!important}.pwa-visual{width:100%!important;display:flex!important;justify-content:center!important}.phone-frame{width:240px!important;height:480px!important}.landing-cta{padding:60px 16px}.cta-box{padding:40px 20px}.cta-box h2{font-size:1.6rem}.cta-box h2 br{display:none}.landing-footer{padding:40px 16px}.footer-bottom{flex-direction:column;gap:20px;text-align:center}.footer-links{flex-wrap:wrap;justify-content:center;gap:12px 24px}}:root{--lp-bg: var(--surface-canvas);--lp-text: var(--color-midnight-slate);--lp-muted: var(--color-muted-stone);--lp-accent: var(--color-vibe-mint);--lp-accent-dark: #00b368;--lp-indigo: var(--color-calm-indigo);--lp-rose: var(--color-alert-rose);--lp-amber: #f59e0b;--lp-sky: #0ea5e9;--lp-emerald: var(--color-vibe-mint);--lp-glass: rgba(255, 255, 255, .9);--lp-glass-border: rgba(0, 0, 0, .05);--lp-shadow: none;--lp-shadow-heavy: none}.landing-container *{box-sizing:border-box}.landing-container{background-color:var(--lp-bg);color:var(--lp-text);min-height:100vh;width:100%;position:relative;font-family:var(--font-main);overflow:clip}.landing-glow{position:absolute;width:70vw;height:70vw;border-radius:50%;filter:blur(140px);z-index:0;opacity:.12;pointer-events:none;will-change:transform,opacity}.landing-glow-1{top:-20%;right:-10%;background:var(--lp-accent);animation:mesh-float-1 60s infinite ease-in-out}.landing-glow-2{bottom:-15%;left:-10%;background:var(--lp-indigo);animation:mesh-float-2 80s infinite ease-in-out alternate}.landing-glow-3{top:30%;left:20%;background:var(--lp-sky);width:50vw;height:50vw;opacity:.08;animation:mesh-float-3 70s infinite linear}.landing-glow-4{top:60%;right:10%;background:var(--lp-amber);width:40vw;height:40vw;opacity:.05;filter:blur(100px);animation:mesh-float-1 50s infinite reverse}@keyframes mesh-float-1{0%{transform:translate(0) scale(1)}33%{transform:translate(15%,10%) scale(1.1)}66%{transform:translate(-10%,20%) scale(.9)}to{transform:translate(0) scale(1)}}@keyframes mesh-float-2{0%{transform:translate(0) rotate(0)}50%{transform:translate(-15%,-10%) rotate(180deg) scale(1.2)}to{transform:translate(0) rotate(360deg)}}@keyframes mesh-float-3{0%{transform:rotate(0) translate(10%) rotate(0)}to{transform:rotate(360deg) translate(10%) rotate(-360deg)}}.landing-grain{position:fixed;top:0;left:0;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3BaseFilter id='noiseFilter'%3BfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");opacity:.03;pointer-events:none;z-index:1}.landing-nav{position:fixed;top:1rem;left:50%;transform:translate(-50%);z-index:1000;width:calc(100% - 3rem);max-width:1200px;box-sizing:border-box;padding:0}.landing-nav-inner{max-width:1200px;margin:0 auto;background:var(--lp-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--lp-glass-border);padding:.6rem 1.75rem;border-radius:100px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 10px 30px #0000000a}.logo-section{display:flex;align-items:center;gap:.5rem;cursor:pointer}.logo-text{font-weight:800;font-size:1.25rem;letter-spacing:-.03em;color:var(--lp-text)}.logo-image{height:32px;width:auto;object-fit:contain;transition:transform .3s ease}.logo-section:hover .logo-image{transform:scale(1.08) rotate(-3deg)}.nav-actions{display:flex;gap:1rem}.nav-btn-secondary{background:transparent;border:none;color:var(--lp-text);font-weight:700;padding:.5rem 1.25rem;cursor:pointer;border-radius:50px;transition:background .2s}.nav-btn-secondary:hover{background:#0000000d}.nav-btn-primary{background:var(--lp-accent);color:var(--lp-text);border:none;font-weight:700;padding:.7rem 1.6rem;border-radius:50px;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1)}.nav-btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00df8233}.nav-user-profile{display:flex;align-items:center;gap:.8rem}.nav-user-info{display:flex;flex-direction:column;align-items:flex-end}.nav-user-welcome{font-size:.75rem;color:var(--lp-muted);font-weight:500}.nav-user-name{font-size:.85rem;font-weight:700;color:var(--lp-text)}.nav-user-avatar,.nav-user-avatar-placeholder{width:36px;height:36px;border-radius:50%;cursor:pointer;border:2px solid var(--lp-accent);transition:transform .2s;object-fit:cover}.nav-user-avatar-placeholder{background:var(--lp-accent);display:flex;align-items:center;justify-content:center;font-weight:800;color:var(--lp-text);font-size:.9rem}.nav-user-avatar:hover,.nav-user-avatar-placeholder:hover{transform:scale(1.1)}.landing-hero{max-width:1240px;margin:0 auto;padding:10rem 2rem 6rem;display:grid;grid-template-columns:1.1fr 1fr;gap:5rem;align-items:flex-start;position:relative;z-index:2}.hero-badge{display:inline-flex;align-items:center;gap:.6rem;background:#00e67614;border:1px solid rgba(0,230,118,.2);color:var(--lp-accent-dark);padding:.6rem 1.2rem;border-radius:50px;font-size:.85rem;font-weight:800;margin-bottom:2rem;animation:slide-up .8s cubic-bezier(.2,1,.3,1)}.hero-eyebrow-container{margin-bottom:.5rem;overflow:hidden}.hero-eyebrow{display:block;font-size:1.5rem;font-weight:600;color:var(--lp-text);opacity:.8;letter-spacing:-.02em;line-height:1.4}.hero-title{font-size:clamp(3rem,6vw,4.2rem);line-height:1.2;font-weight:800;letter-spacing:-.04em;margin-bottom:1.5rem;animation:slide-up 1s cubic-bezier(.2,1,.3,1) backwards}.text-gradient{background:linear-gradient(135deg,var(--lp-accent-dark) 0%,var(--lp-indigo) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;display:inline-block}.hero-subtitle{font-size:1.35rem;color:var(--lp-muted);line-height:1.6;margin-bottom:3.5rem;max-width:600px;animation:slide-up 1.2s cubic-bezier(.2,1,.3,1) backwards}.hero-cta{display:flex;flex-direction:column;gap:1.5rem;animation:slide-up 1.4s cubic-bezier(.2,1,.3,1) backwards}.cta-subtext{font-size:.9rem;color:var(--lp-muted);margin-top:-.5rem;font-weight:500;opacity:.8}.cta-button-primary{background:var(--lp-accent);color:var(--lp-text);border:none;padding:1.5rem 2.5rem;font-size:1.25rem;font-weight:500;border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;gap:1rem;cursor:pointer;transition:all .4s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.cta-button-primary:hover{transform:translateY(-4px)}.hero-trust{display:flex;align-items:center;gap:.6rem;color:var(--lp-muted);font-size:.9rem;font-weight:500}.hero-pricing-container{position:relative;display:flex;justify-content:center;align-items:center}.hero-pricing-card{background:#fff;border-radius:32px;padding:2.5rem;width:100%;max-width:400px;border:1px solid var(--lp-glass-border);box-shadow:0 40px 80px -20px #0000001a;position:relative;z-index:5;transition:transform .3s ease}.hero-pricing-card:hover{transform:translateY(-10px)}.plan-badge{display:inline-block;padding:.4rem .8rem;background:#f1f5f9;border-radius:10px;font-size:.75rem;font-weight:800;color:var(--lp-muted);margin-bottom:1.5rem;letter-spacing:.05em}.plan-header h3{font-size:1.8rem;font-weight:800;margin-bottom:.5rem}.plan-price{display:flex;align-items:baseline;gap:.2rem;margin-bottom:1.5rem}.plan-price .currency{font-size:1.2rem;font-weight:600}.plan-price .amount{font-size:2.5rem;font-weight:900;letter-spacing:-.02em}.plan-price .period{font-size:1rem;color:var(--lp-muted)}.plan-offer{display:flex;align-items:center;gap:.5rem;background:#00df821a;padding:.8rem 1.2rem;border-radius:16px;color:var(--lp-accent-dark);font-weight:700;font-size:.95rem;margin-bottom:2rem}.plan-features-mini{list-style:none;padding:0;margin:0 0 2.5rem;display:flex;flex-direction:column;gap:1rem}.plan-features-mini li{display:flex;align-items:center;gap:.8rem;font-size:.95rem;font-weight:500;color:var(--lp-text)}.plan-features-mini li svg{color:var(--lp-accent)}.plan-cta-btn{width:100%;padding:1.2rem;background:var(--lp-text);color:#fff;border:none;border-radius:18px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s}.plan-cta-btn:hover{background:#000;transform:scale(1.02)}.hero-floating-mockup{position:absolute;bottom:-20px;right:-30px;z-index:6}.mock-notif{background:#fff;padding:.8rem 1.2rem;border-radius:20px;box-shadow:0 20px 40px #0000001a;display:flex;align-items:center;gap:.8rem;border:1px solid var(--lp-glass-border);font-size:.9rem;font-weight:600;animation:float-y 4s ease-in-out infinite}@keyframes float-y{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.premium-mockup{background:#fff;border-radius:28px;border:1px solid var(--lp-glass-border);box-shadow:0 60px 120px -30px #0003;overflow:hidden;display:flex;flex-direction:column;animation:mockup-entrance 1.5s cubic-bezier(.2,1,.3,1);max-height:520px}@keyframes mockup-entrance{0%{transform:rotateY(20deg) rotateX(10deg) translateZ(100px);opacity:0}to{transform:rotateY(0) rotateX(0) translateZ(0);opacity:1}}.premium-mockup{animation:float-hero 8s ease-in-out infinite}@keyframes float-hero{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-30px) rotate(1deg)}}.mockup-header{height:48px;background:#f8fafc;border-bottom:1px solid var(--lp-glass-border);display:flex;align-items:center;padding:0 1.5rem;gap:2rem}.mockup-dots{display:flex;gap:8px}.mockup-dots span{width:12px;height:12px;border-radius:50%;background:#cbd5e1}.mockup-address{font-size:.8rem;color:var(--lp-muted);background:#fff;padding:.35rem 1.25rem;border-radius:8px;flex:1;text-align:center;font-weight:600}.mockup-body,.dashboard-grid{flex:1;display:flex}.dashboard-sidebar{width:70px;background:var(--surface-canvas);border-right:1px solid var(--lp-glass-border);display:flex;flex-direction:column;align-items:center;padding:2rem 0;gap:2rem}.sidebar-item{color:var(--lp-muted);transition:color .3s}.sidebar-item.active{color:var(--lp-accent)}.dashboard-main{flex:1;padding:2rem}.main-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:2rem}.mock-title-group{display:flex;flex-direction:column;gap:4px;align-items:flex-start}.main-header h3{font-size:1.25rem;font-weight:700;margin:0}.spending-pill{display:flex;flex-direction:column;align-items:flex-end}.spending-pill span:first-child{font-size:.75rem;font-weight:700;color:var(--lp-muted);text-transform:uppercase}.spending-total{font-weight:700;font-size:1.75rem;color:var(--lp-text);letter-spacing:-.02em}.sub-list-mock{display:flex;flex-direction:column;gap:0;background:#fff;border:1px solid rgba(0,0,0,.05);border-radius:16px;overflow:hidden;box-shadow:0 4px 20px #00000008}.sub-item-mock{padding:1.25rem 1.5rem;border-bottom:1px solid rgba(0,0,0,.04);display:flex;align-items:center;gap:1.25rem;transition:all .2s;background:#fff}.sub-item-mock:last-child{border-bottom:none}.sub-item-mock:hover{background:#f8fafc}.sub-icon-mock{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:1.2rem;box-shadow:0 4px 10px #0000000d}.sub-icon-mock.cpt{background:#4f46e5}.sub-icon-mock.gplay{background:#10b981}.sub-icon-mock.plus{background:#f0fdf4;border:1.5px solid #dcfce7;box-shadow:none}.sub-info-mock{flex:1;min-width:0}.sub-name-mock{font-weight:800;font-size:1.05rem;margin-bottom:2px;color:#1e293b}.sub-date-mock{font-size:.8rem;color:#64748b;font-weight:600}.sub-meta-mock{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.d-day-badge-mock{font-size:.7rem;font-weight:800;padding:2px 8px;background:#f1f5f9;color:#64748b;border-radius:6px;letter-spacing:.02em}.d-day-badge-mock.urgent{background:#fef2f2;color:#ef4444}.sub-price-mock{font-weight:800;font-size:1.15rem;color:#1e293b;letter-spacing:-.01em}.detection-highlight{background:#f0fdf4!important;border-top:2px dashed #00df82!important;border-bottom:2px dashed #00df82!important;margin:4px 0;animation:pulse-border-lite 3s infinite}@keyframes pulse-border-lite{0%,to{border-color:#00df82}50%{border-color:transparent}}.sub-action-mock{background:#00df82;color:#020617;font-size:.85rem;font-weight:900;padding:.5rem 1.25rem;border-radius:10px;box-shadow:0 4px 15px #00e6764d;cursor:pointer}.floating-card{position:absolute;background:#fff;padding:1.25rem;border-radius:20px;box-shadow:0 30px 60px -15px #00000026;display:flex;align-items:center;gap:1.25rem;z-index:10;animation:extreme-float 5s ease-in-out infinite;border:1px solid var(--lp-glass-border)}.float-icon-bg{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff}.float-icon-bg.emerald{background:var(--lp-accent)}.float-icon-bg.indigo{background:var(--lp-indigo)}.floating-card p{font-weight:900;font-size:1rem;margin:0;color:var(--lp-text)}.floating-card span{font-size:.85rem;color:var(--lp-muted);font-weight:600}.float-1{top:15%;right:-10%;animation-delay:0s}.float-2{bottom:15%;left:-10%;animation-delay:2.5s}@keyframes extreme-float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-40px) rotate(-2deg)}}.landing-features{max-width:1240px;margin:0 auto;padding:4rem 2rem}.section-badge{color:var(--lp-accent-dark);font-weight:900;font-size:.8rem;letter-spacing:.2em;margin-bottom:1.5rem}.section-header{text-align:center;margin-bottom:3rem}.section-title{font-size:clamp(2.5rem,4vw,3.5rem);font-weight:700;letter-spacing:-.03em;margin-bottom:1.5rem}.section-desc{font-size:1.35rem;color:var(--lp-muted);max-width:700px;margin:0 auto}.bento-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:minmax(400px,auto);gap:1.5rem}.bento-item{background:var(--color-ledger-gray);border-radius:var(--radius-3xl);border:1px solid var(--lp-glass-border);padding:2rem;overflow:hidden;position:relative;display:flex;flex-direction:column;transition:all .6s cubic-bezier(.16,1,.3,1)}.bento-item:hover{transform:translateY(-8px);border-color:var(--lp-accent)}.bento-content{position:relative;z-index:2;display:flex;flex-direction:column;gap:.5rem;align-items:flex-start}.bento-visual{position:relative;flex:1;display:flex;align-items:center;justify-content:center;z-index:1}.bento-large{grid-column:span 2;grid-row:span 1;flex-direction:row;align-items:stretch;gap:2rem}.bento-large .bento-content{flex:1.1;display:flex;flex-direction:column;justify-content:flex-start;padding-top:1rem}.bento-large .bento-visual{flex:.9;align-self:center}.bento-item h3{font-size:1.75rem;font-weight:700;margin-bottom:.75rem;z-index:2;letter-spacing:-.02em;word-break:keep-all}.bento-item p{color:var(--lp-muted);line-height:1.6;font-size:1.1rem;font-weight:400;z-index:2;word-break:keep-all;overflow-wrap:break-word}.bento-icon-box{width:60px;height:60px;border-radius:18px;display:flex;align-items:center;justify-content:center;margin-bottom:.75rem;color:#fff}.bento-icon-box.indigo{background:var(--lp-indigo);box-shadow:0 15px 30px #6366f140}.bento-icon-box.emerald{background:var(--lp-accent);box-shadow:0 15px 30px #00e67640}.bento-icon-box.amber{background:var(--lp-amber);box-shadow:0 15px 30px #f59e0b40}.bento-icon-box.rose{background:var(--lp-rose);box-shadow:0 15px 30px #f43f5e40}.bento-icon-box.sky{background:var(--lp-sky);box-shadow:0 15px 30px #0ea5e940}.feature-tags{display:flex;gap:.75rem;margin-top:1.25rem;flex-wrap:wrap}.feature-tags span{font-size:.85rem;font-weight:800;color:var(--lp-text);background:#f1f5f9;padding:.5rem 1rem;border-radius:10px}.detection-visual{flex:1;position:relative;display:flex;align-items:center;justify-content:center}.visual-lines{position:absolute;width:100%;height:1px;background:linear-gradient(90deg,transparent,var(--lp-accent),transparent);opacity:.2}.central-node{width:100px;height:100px;background:transparent;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 0 50px #00e6764d;z-index:5;position:relative}.node-glow{position:absolute;width:150%;height:150%;background:radial-gradient(circle,rgba(0,230,118,.2) 0%,transparent 70%);animation:pulse-glow 3s infinite}@keyframes pulse-glow{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}.mail-particle{position:absolute;color:var(--lp-muted);animation:move-to-center 4s infinite cubic-bezier(.4,0,.2,1)}.p1{top:-20%;left:-20%;--tx: 180px;--ty: 150px;animation-delay:0s}.p2{bottom:0%;right:0%;--tx: -180px;--ty: -120px;animation-delay:1.5s}.p3{top:20%;right:-30%;--tx: -250px;--ty: 0;animation-delay:3s}@keyframes move-to-center{0%{transform:translate(0) scale(1.5) rotate(0);opacity:0}20%{opacity:1}80%{opacity:1}to{transform:translate(var(--tx),var(--ty)) scale(.4) rotate(45deg);opacity:0}}.calendar-visual{flex:1;display:flex;align-items:flex-end;justify-content:center;padding-bottom:1rem}.premium-calendar-mock{width:100%;max-width:320px;background:var(--surface-canvas);border:1px solid var(--lp-glass-border);border-radius:var(--radius-2xl);padding:1rem;box-shadow:none;position:relative;transform:translateY(20px);transition:transform .6s}.bento-item:hover .premium-calendar-mock{transform:translateY(0)}.cal-month{font-weight:700;font-size:.85rem;margin-bottom:.75rem;color:var(--lp-text);text-align:center}.cal-grid-premium{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.cal-cell-p{aspect-ratio:1;background:#00000005;border-radius:var(--radius-md);display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;transition:all .3s}.day-num{font-size:.7rem;font-weight:700;color:var(--lp-muted)}.cal-cell-p.marked{background:var(--lp-accent)}.cal-cell-p.marked .day-num{color:var(--color-midnight-slate)}.cal-cell-p.marked-blue{background:var(--lp-indigo)}.cal-cell-p.marked-blue .day-num{color:#fff}.event-dot{width:4px;height:4px;background:var(--color-midnight-slate);border-radius:50%;margin-top:2px}.event-dot.blue{background:#fff}.cal-floating-event{position:absolute;top:-20px;right:-20px;background:#020617;color:#fff;padding:.75rem 1rem;border-radius:12px;box-shadow:0 15px 30px #0003;animation:float-mini 4s ease-in-out infinite}@keyframes float-mini{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.event-info{display:flex;flex-direction:column;gap:2px}.event-name{font-size:.75rem;font-weight:800}.event-price{font-size:.7rem;color:var(--lp-accent);font-weight:900}.notification-visual{flex:1;display:flex;align-items:center;justify-content:center}.notification-flow{display:flex;flex-direction:column;gap:.75rem;width:100%}.notif-bar{background:#f8fafc;padding:.85rem 1.25rem;border-radius:14px;display:flex;align-items:center;gap:1rem;font-size:.85rem;font-weight:700;border:1px solid #e2e8f0;transition:all .3s}.bento-item:hover .notif-bar{background:#fff;transform:translate(10px);border-color:var(--lp-accent)}.notif-bar.mail{border-left:4px solid var(--lp-indigo);transition-delay:.1s}.notif-bar.push{border-left:4px solid var(--lp-accent);transition-delay:.2s}.notif-bar.report{border-left:4px solid var(--lp-amber);transition-delay:.3s}.insight-visual{flex:1;display:flex;flex-direction:column;justify-content:center;gap:1rem;padding:1.5rem}.donut-mock-container{display:flex;flex-direction:column;gap:1.5rem;background:#fff;padding:1.5rem;border-radius:var(--radius-2xl);border:1px solid var(--lp-glass-border);box-shadow:0 4px 20px #00000008;width:100%;max-width:320px;margin:0 auto}.donut-main{position:relative;width:160px;height:160px;margin:0 auto}.donut-svg{width:100%;height:100%;transform:rotate(-90deg)}.donut-bg{fill:none;stroke:#f1f5f9;stroke-width:8}.donut-segment{fill:none;stroke-width:8;stroke-linecap:round;transition:stroke-dashoffset 1s ease-in-out}.donut-segment.s1{stroke:#6366f1;stroke-dasharray:163 251.3;stroke-dashoffset:0}.donut-segment.s2{stroke:#00df82;stroke-dasharray:50 251.3;stroke-dashoffset:-163}.donut-segment.s3{stroke:#f59e0b;stroke-dasharray:38 251.3;stroke-dashoffset:-213}.donut-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;display:flex;flex-direction:column;gap:2px}.center-label{font-size:.7rem;font-weight:700;color:var(--lp-muted)}.center-value{font-size:1.1rem;font-weight:800;color:var(--lp-text);letter-spacing:-.02em}.legend-mock{display:flex;flex-direction:column;gap:.75rem}.legend-row{display:flex;justify-content:space-between;align-items:center;font-size:.85rem;font-weight:600}.legend-left{display:flex;align-items:center;gap:.6rem}.legend-left .dot{width:8px;height:8px;border-radius:50%}.dot.d1{background:#6366f1}.dot.d2{background:#00df82}.dot.d3{background:#f59e0b}.legend-left .label{color:var(--lp-text)}.legend-mock .percent{color:var(--lp-muted);font-weight:700}.automation-visual{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem}.spin-slow{animation:spin 8s linear infinite;color:var(--lp-sky)}.icon-match-row{display:flex;gap:1rem}.match-icon{width:44px;height:44px;border-radius:var(--radius-xl);background:#0000000d;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2rem;color:var(--lp-text);box-shadow:none}.landing-pwa{max-width:1240px;margin:8rem auto;padding:0 2rem}.pwa-container{background:var(--color-midnight-slate);color:#fff;border-radius:var(--radius-3xl);padding:6rem;display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center;overflow:hidden;position:relative}.pwa-badge{color:var(--lp-accent);font-weight:700;font-size:.85rem;letter-spacing:.2em;margin-bottom:2rem}.pwa-text h2{font-size:clamp(2.5rem,4vw,3.5rem);font-weight:700;margin-bottom:2rem;line-height:1.1}.pwa-text p{font-size:1.35rem;color:#94a3b8;line-height:1.6;margin-bottom:3rem}.pwa-features{list-style:none;padding:0;margin-bottom:3.5rem}.pwa-features li{display:flex;align-items:center;gap:1rem;margin-bottom:1.25rem;font-weight:700;color:#f1f5f9;font-size:1.1rem}.install-btn{background:#fff;color:var(--color-midnight-slate);border:none;padding:1.5rem 3rem;font-size:1.2rem;font-weight:700;border-radius:var(--radius-xl);display:inline-flex;align-items:center;gap:1rem;cursor:pointer;transition:all .4s cubic-bezier(.16,1,.3,1)}.install-btn:hover{transform:scale(1.05) translateY(-5px);background:var(--lp-accent)}.pwa-visual{display:flex;justify-content:center;position:relative}.phone-frame{width:320px;height:640px;background:#1e293b;border-radius:50px;padding:15px;border:6px solid #334155;box-shadow:0 60px 120px -20px #0009;position:relative}.phone-screen{width:100%;height:100%;background:#f8fafc;border-radius:38px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.app-icon-grid{display:flex;flex-direction:column;align-items:center;gap:.75rem}.app-icon{width:80px;height:80px;background:#020617;border-radius:22px;display:flex;align-items:center;justify-content:center;box-shadow:0 15px 30px #0000004d}.app-icon-label{color:#1e293b;font-weight:800;font-size:.9rem}.shadow-pulse{animation:shadow-pulse 2s infinite}@keyframes shadow-pulse{0%{box-shadow:0 0 #00e67666}70%{box-shadow:0 0 0 30px #00e67600}to{box-shadow:0 0 #00e67600}}.notif-popup{position:absolute;top:40px;width:90%;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1.25rem;border-radius:20px;box-shadow:0 15px 30px #0000001a;border:1px solid rgba(0,0,0,.05);animation:pop-notif 5s infinite}@keyframes pop-notif{0%{transform:translateY(-100px);opacity:0}10%,90%{transform:translateY(0);opacity:1}to{transform:translateY(-100px);opacity:0}}.popup-header{display:flex;align-items:center;gap:.5rem;font-size:.7rem;font-weight:800;color:#64748b;margin-bottom:.5rem}.notif-popup p{margin:0;font-size:.85rem;font-weight:700;line-height:1.4;color:#1e293b}.landing-stats{padding:6rem 2rem;background:#f8fafc}.stats-grid{max-width:1000px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:4rem;text-align:center}.stat-value{display:block;font-size:3rem;font-weight:700;color:var(--lp-text);margin-bottom:.5rem;letter-spacing:-.02em}.stat-label{font-size:1rem;font-weight:700;color:var(--lp-muted)}.landing-cta{padding:10rem 2rem;text-align:center}.cta-box{max-width:1000px;margin:0 auto;background:var(--color-midnight-slate);color:#fff;padding:6rem 2rem;border-radius:var(--radius-3xl);position:relative;overflow:hidden}.cta-glow{position:absolute;top:50%;left:50%;width:100%;height:100%;background:radial-gradient(circle,rgba(0,230,118,.2) 0%,transparent 70%);transform:translate(-50%,-50%);z-index:0}.cta-box h2{font-size:clamp(2.5rem,5vw,4rem);font-weight:700;margin-bottom:2rem;position:relative;z-index:1}.cta-box p{font-size:1.35rem;color:#94a3b8;margin-bottom:3.5rem;position:relative;z-index:1}.final-cta-btn{background:var(--lp-accent);color:var(--color-midnight-slate);border:none;padding:1.5rem 3.5rem;font-size:1.35rem;font-weight:700;border-radius:var(--radius-xl);display:inline-flex;align-items:center;gap:1rem;cursor:pointer;transition:all .4s;position:relative;z-index:1}.final-cta-btn:hover{transform:translateY(-4px)}.landing-footer{padding:5rem 2rem;background:#f8fafc;border-top:1px solid var(--lp-glass-border)}.footer-content{max-width:800px;margin:0 auto;text-align:center}.footer-business-info{margin-bottom:2.5rem}.business-info-title{display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:800;color:var(--lp-text);margin-bottom:1.5rem}.business-info-title:before,.business-info-title:after{content:"";display:block;width:20px;height:1px;background-color:#0000001a;margin:0 10px}.business-info-details p{color:#64748b;font-size:.95rem;font-weight:600;margin-bottom:.6rem;letter-spacing:-.01em}.footer-bottom{border-top:1px solid #e2e8f0;padding-top:2rem;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.footer-links{display:flex;gap:2rem;flex-wrap:wrap;justify-content:center}.footer-links a{color:#475569;text-decoration:none;font-weight:700;font-size:.95rem;transition:color .2s}.footer-links a:hover{color:var(--lp-text)}.copyright{color:#94a3b8;font-size:.9rem;font-weight:500}.reveal-item{opacity:0;transform:translateY(30px);transition:opacity 1.2s cubic-bezier(.16,1,.3,1),transform 1.2s cubic-bezier(.16,1,.3,1);will-change:transform,opacity}.reveal-item.active{opacity:1;transform:translateY(0)}@keyframes slide-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1023px){.landing-hero{grid-template-columns:1fr;text-align:center;padding:4rem 2rem;gap:4rem}.hero-subtitle{margin:0 auto 3.5rem}.hero-trust{justify-content:center}.bento-grid{grid-template-columns:1fr;grid-auto-rows:auto}.bento-large{grid-column:span 1;grid-row:span 1;flex-direction:column;gap:0}.pwa-container{grid-template-columns:1fr;padding:4rem 2rem;text-align:center}.pwa-features li{justify-content:center}.stats-grid{grid-template-columns:1fr;gap:3rem}.footer-top{flex-direction:column;gap:2rem}.landing-nav-links{display:none!important}.landing-hero{min-height:auto!important}}@media(max-width:767px){.landing-nav{top:.75rem;width:calc(100% - 1.5rem)}.landing-nav-inner{padding:.6rem 1.25rem}.nav-btn-primary{padding:.6rem 1.25rem;font-size:.85rem;border-radius:100px;min-width:90px}.landing-hero{padding:6rem 1.25rem 2rem;gap:1.5rem}.hero-title{font-size:2.25rem;line-height:1.25;letter-spacing:-.04em;margin-bottom:1rem}.hero-subtitle{font-size:1rem;margin-bottom:1.75rem;line-height:1.5}.hero-trust{font-size:.75rem;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.cta-button-primary,.final-cta-btn,.install-btn{width:100%;font-size:1.05rem;padding:1rem 1.25rem;justify-content:center}.hero-mockup-container{transform:scale(.9) translateY(-10px);margin-top:-1rem}.premium-mockup{border-radius:20px}.floating-card{display:none}.bento-grid{gap:1.25rem}.bento-item{padding:1.75rem 1.25rem 0;min-height:340px;border-radius:28px}.bento-icon-box{width:48px;height:48px;border-radius:14px;margin-bottom:1rem}.bento-icon-box.indigo{box-shadow:0 10px 20px #6366f126}.bento-icon-box.emerald{box-shadow:0 10px 20px #00e67626}.bento-visual{width:100%;overflow:hidden;display:flex;justify-content:center}.detection-visual{transform:scale(.7);height:180px}.central-node{width:80px;height:80px}.premium-calendar-mock{max-width:100%;transform:translateY(10px) scale(.9)}.bento-content{margin-bottom:1.5rem}.bento-content h3{font-size:1.35rem;margin-bottom:.75rem}.bento-content p{font-size:.95rem;line-height:1.6}.feature-tags{gap:.5rem}.feature-tags span{font-size:.75rem;padding:.4rem .75rem}.landing-features,.landing-pwa,.landing-cta{padding:3.5rem 1.25rem}.section-header{margin-bottom:3.5rem}.section-title{font-size:1.85rem}.section-desc{font-size:.95rem}.cta-box{padding:3.5rem 1.25rem;border-radius:28px}.cta-box h2{font-size:1.75rem;margin-bottom:1rem}.cta-box p{font-size:.95rem;margin-bottom:2rem}.pwa-text h2{font-size:1.85rem}.footer-links{flex-wrap:wrap;justify-content:center;gap:1.25rem}.landing-footer{padding:2.5rem 1.25rem}.stats-grid{gap:2.5rem}.stat-value{font-size:2.25rem}.business-info-details{font-size:.85rem;gap:.5rem;display:flex;flex-direction:column}}.ios-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0006;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10000;display:flex;align-items:center;justify-content:center;padding:20px;animation:fade-in .3s ease-out}.ios-modal-content{background:#fff;width:100%;max-width:360px;max-height:calc(100% - 40px);border-radius:32px;padding:32px 24px;position:relative;box-shadow:0 30px 60px -12px #00000040;animation:slide-up .4s cubic-bezier(.16,1,.3,1);text-align:center;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.ios-modal-close{position:absolute;top:20px;right:20px;background:none;border:none;color:#cbd5e1;cursor:pointer;padding:4px}.ios-modal-header{margin-bottom:24px}.ios-app-icon{width:64px;height:64px;margin:0 auto 16px;border-radius:16px;background:linear-gradient(135deg,#00df82,#00a862);display:flex;align-items:center;justify-content:center;box-shadow:0 8px 20px #00df824d}.ios-app-icon.android{background:linear-gradient(135deg,#3ddc84,#07a04a);box-shadow:0 8px 20px #3ddc844d}.ios-app-icon img{width:40px;height:40px;object-fit:contain;filter:brightness(0) invert(1)}.ios-modal-header h3{font-size:1.5rem;font-weight:800;color:#1e293b;margin-bottom:8px}.ios-modal-header p{font-size:.95rem;color:#64748b;line-height:1.5;font-weight:500}.ios-subtitle-small{font-size:.85rem;color:#94a3b8}.ios-steps{display:flex;flex-direction:column;gap:12px;margin-bottom:32px}.ios-step{background:#f8fafc;padding:16px;border-radius:16px;display:flex;align-items:center;gap:16px;text-align:left}.step-badge{font-size:.65rem;font-weight:800;color:#00a862;background:#e6fffa;padding:4px 8px;border-radius:6px;white-space:nowrap}.step-text{font-size:.9rem;color:#475569;line-height:1.4;font-weight:500;display:flex;align-items:center;flex-wrap:wrap;gap:4px}.step-inline-icon{color:#64748b;display:inline-block;vertical-align:middle}.ios-modal-footer{display:flex;gap:12px}.ios-btn-later{flex:1;padding:14px;background:#f1f5f9;color:#64748b;border:none;border-radius:16px;font-size:1rem;font-weight:700;cursor:pointer}.ios-btn-confirm{flex:2;padding:14px;background:#00df82;color:#020617;border:none;border-radius:16px;font-size:1rem;font-weight:800;cursor:pointer;box-shadow:0 10px 20px -5px #00df8266}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@media(max-width:767px){.landing-nav{top:0;width:100%;height:56px!important;border-radius:0}.landing-nav-inner{padding:0 14px!important}.nav-btn-primary{min-width:82px;min-height:40px;padding:0 14px!important}.landing-hero{padding:82px 16px 36px;gap:28px}.hero-badge{margin-bottom:12px;padding:.45rem .85rem;font-size:.75rem}.hero-eyebrow{font-size:.95rem;letter-spacing:0}.hero-title{font-size:2rem;line-height:1.22;letter-spacing:0;margin-bottom:12px}.hero-subtitle{font-size:.92rem;line-height:1.55;margin-bottom:22px}.hero-subtitle br,.cta-box h2 br,.pwa-text h2 br,.pwa-text p br{display:none}.hero-cta{gap:12px}.cta-button-primary,.final-cta-btn,.install-btn,.plan-cta-btn{min-height:48px;padding:.85rem 1rem!important;font-size:.95rem!important;border-radius:16px}.hero-trust{align-items:flex-start;text-align:left;font-size:.72rem;line-height:1.4;margin-top:0}.hero-pricing-container{width:100%}.hero-pricing-card{max-width:328px;padding:1.25rem;border-radius:24px}.plan-badge{margin-bottom:1rem;font-size:.68rem}.plan-header h3{font-size:1.35rem}.plan-price{margin-bottom:1rem}.plan-price .amount{font-size:2rem}.plan-offer{margin-bottom:1.25rem;padding:.7rem .85rem;font-size:.82rem;border-radius:14px}.plan-features-mini{gap:.65rem;margin-bottom:1.35rem}.plan-features-mini li{align-items:flex-start;gap:.6rem;font-size:.84rem;line-height:1.35}.hero-floating-mockup{display:none}.landing-features,.landing-pwa,.landing-cta{padding:40px 16px}.bento-grid{gap:14px}.bento-item{padding:1.25rem 1rem 1.1rem!important;border-radius:22px}.bento-content{margin-bottom:14px!important}.bento-content h3{font-size:1.12rem;line-height:1.35;letter-spacing:0}.bento-content p{font-size:.86rem;line-height:1.55}.feature-tags{gap:6px}.feature-tags span{font-size:.68rem;padding:.35rem .55rem}.bento-visual{min-height:120px!important;flex-basis:120px!important}.detection-visual{height:140px;transform:scale(.64);transform-origin:center}.calendar-visual{min-height:170px!important}.premium-calendar-mock{width:244px!important;transform:scale(.9)!important}.notification-flow{gap:7px!important}.notif-bar{font-size:.74rem!important;line-height:1.3;padding:9px 10px!important}.insight-visual{min-height:260px!important;flex-basis:260px!important;overflow:visible!important;padding:.25rem 0 0!important}.donut-mock-container{max-width:268px;gap:1rem;padding:1rem;border-radius:18px}.donut-main{width:132px;height:132px}.legend-mock{gap:.55rem}.legend-row{font-size:.76rem}.pwa-container{padding:28px 18px!important;gap:28px!important;border-radius:24px}.pwa-badge{margin-bottom:1rem;font-size:.7rem;letter-spacing:.12em}.pwa-text h2{font-size:1.5rem!important;line-height:1.3!important;letter-spacing:0;margin-bottom:1rem}.pwa-text p{font-size:.88rem!important;margin-bottom:1.5rem}.pwa-features{margin-bottom:1.5rem}.pwa-features li{align-items:flex-start;gap:.65rem;font-size:.86rem!important;margin-bottom:.85rem}.phone-frame{width:176px!important;height:352px!important;border-radius:34px;padding:10px;border-width:4px}.phone-screen{border-radius:26px}.app-icon{width:58px;height:58px;border-radius:16px}.phone-dashboard-preview{width:280px!important;height:500px!important;transform:scale(.52)!important;transform-origin:center center!important;position:absolute!important;top:50%!important;left:50%!important;margin-top:-250px!important;margin-left:-140px!important;box-sizing:border-box!important;border-radius:24px!important;box-shadow:0 10px 25px #0000000d!important}.notif-popup{top:16px!important;width:86%!important;padding:8px 10px!important;border-radius:12px!important;box-shadow:0 12px 24px #0000001f!important;z-index:100!important}.popup-header{font-size:.55rem!important;margin-bottom:2px!important;gap:3px!important}.notif-popup p{font-size:.64rem!important;line-height:1.3!important}.cta-box{padding:2.25rem 1.1rem;border-radius:24px}.cta-box h2{font-size:1.42rem;line-height:1.35;letter-spacing:0}.cta-box p{font-size:.88rem;line-height:1.55;margin-bottom:1.5rem}.landing-footer{padding:36px 16px}.footer-links{gap:10px 18px}.footer-links a,.business-info-details p,.copyright{font-size:.82rem}.ios-modal-content{width:calc(100% - 28px);padding:22px 16px 16px;border-radius:24px;max-height:calc(100% - 24px);overflow-y:auto}.ios-modal-header{margin-bottom:14px}.ios-app-icon{width:48px;height:48px;margin-bottom:10px;border-radius:12px}.ios-app-icon img{width:28px;height:28px}.ios-modal-header h3{font-size:1.25rem;margin-bottom:4px}.ios-modal-header p{font-size:.8rem;line-height:1.4}.ios-steps{gap:8px;margin-bottom:18px}.ios-step{padding:12px 14px;border-radius:14px;gap:12px}.step-badge{font-size:.6rem;padding:2px 6px}.step-text{font-size:.78rem;line-height:1.35}.ios-btn-later,.ios-btn-confirm{padding:12px;font-size:.9rem;border-radius:14px}}@media(max-width:360px)and (max-height:680px){.landing-hero{padding-top:74px;gap:22px}.hero-title{font-size:1.86rem}.hero-subtitle{font-size:.86rem;margin-bottom:18px}.hero-pricing-card{max-width:320px}.landing-features,.landing-pwa,.landing-cta{padding-top:34px;padding-bottom:34px}}.landing-container{background:linear-gradient(180deg,#f8fafc,#fff 38%,#f8fafc)!important}.landing-container h1,.landing-container h2,.landing-container h3,.landing-container p,.landing-container span,.landing-container a,.landing-container button{letter-spacing:0!important}.landing-nav-inner{min-height:60px!important;box-shadow:0 18px 44px #0f172a14!important}.landing-nav-links{display:flex;align-items:center;gap:6px;padding:4px;border-radius:999px;background:#f8fafcb8;border:1px solid rgba(15,23,42,.05)}.landing-nav-links a{min-height:36px;padding:0 14px;display:inline-flex;align-items:center;border-radius:999px;color:#64748b;text-decoration:none;font-size:.88rem;font-weight:800;transition:background .2s ease,color .2s ease,transform .2s ease}.landing-nav-links a:hover{color:#0f172a;background:#fff;transform:translateY(-1px)}.hero-proof-strip{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:2px}.hero-proof-strip span{min-height:34px;padding:0 12px;display:inline-flex;align-items:center;gap:4px;border-radius:999px;background:#ffffffc7;border:1px solid rgba(15,23,42,.06);color:#64748b;font-size:.82rem;font-weight:700;box-shadow:0 10px 24px #0f172a0a}.hero-proof-strip strong{color:#0f172a;font-weight:900}.hero-pricing-card,.bento-item,.pwa-container,.cta-box{border:1px solid rgba(15,23,42,.06)!important;box-shadow:0 24px 70px #0f172a14!important}.cta-button-primary,.plan-cta-btn,.install-btn,.final-cta-btn,.nav-btn-primary{min-height:44px}.cta-button-primary,.final-cta-btn,.install-btn{box-shadow:0 18px 34px #00e6762e}.cta-button-primary:hover,.final-cta-btn:hover,.install-btn:hover,.plan-cta-btn:hover{transform:translateY(-2px)!important}@media(min-width:1024px){.landing-nav{top:18px!important;width:calc(100% - 48px)!important;max-width:1180px!important}.landing-hero{grid-template-columns:minmax(0,1fr)!important;max-width:1180px!important;min-height:min(860px,calc(100vh - 36px));padding:132px 32px 72px!important;gap:34px!important;text-align:center!important;align-items:center!important}.hero-content{width:100%;max-width:880px;margin:0 auto}.hero-badge{margin:0 auto 18px!important}.hero-eyebrow{font-size:1.12rem!important;color:#475569!important}.hero-title{max-width:820px;margin:0 auto 22px!important;font-size:4.05rem!important;line-height:1.08!important;font-weight:900!important}.hero-subtitle{max-width:680px!important;margin:0 auto 30px!important;font-size:1.18rem!important;line-height:1.7!important}.hero-cta{align-items:center!important;gap:16px!important}.cta-button-primary{width:auto!important;min-width:260px;padding:0 28px!important;border-radius:18px!important;font-size:1.05rem!important;font-weight:800!important}.hero-pricing-container{width:100%;max-width:980px;margin:0 auto}.hero-pricing-card{max-width:none!important;min-height:238px;padding:28px!important;display:grid;grid-template-columns:minmax(220px,.8fr) minmax(340px,1.25fr) minmax(190px,.65fr);align-items:center;gap:24px;border-radius:28px!important;text-align:left;background:linear-gradient(135deg,#fffffffa,#f8fafce6)!important}.hero-pricing-card:hover{transform:translateY(-4px)}.plan-badge{grid-column:1;width:fit-content;margin-bottom:14px!important}.plan-header{grid-column:1}.plan-offer{grid-column:3;grid-row:1;margin:0!important;justify-content:center}.plan-features-mini{grid-column:2;grid-row:1 / span 2;margin:0!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px!important}.plan-features-mini li{align-items:flex-start!important;font-size:.9rem!important;line-height:1.35}.plan-cta-btn{grid-column:3;grid-row:2;min-height:50px;padding:0 18px!important;border-radius:16px!important;font-size:.95rem!important}.hero-floating-mockup{right:18px!important;bottom:-22px!important}.landing-features{max-width:1180px!important;padding:72px 32px!important}.bento-grid{grid-template-columns:repeat(12,minmax(0,1fr))!important;grid-auto-rows:minmax(320px,auto)!important;gap:18px!important}.bento-item{grid-column:span 4;min-height:340px;padding:28px!important;border-radius:24px!important;background:#ffffffd1!important}.bento-large{grid-column:span 8!important;min-height:380px}.bento-item h3{font-size:1.45rem;line-height:1.25}.bento-item p{font-size:.98rem;line-height:1.62}.landing-pwa{max-width:1180px!important;margin:72px auto!important;padding:0 32px!important}.pwa-container{padding:56px!important;gap:48px!important;border-radius:30px!important}.phone-frame{width:270px!important;height:540px!important}.landing-cta{padding:96px 32px!important}.cta-box{max-width:980px!important;padding:72px 48px!important;border-radius:30px!important}}@media(min-width:1024px)and (max-width:1180px){.landing-hero{padding-left:24px!important;padding-right:24px!important}.hero-title{font-size:3.35rem!important}.hero-pricing-card{grid-template-columns:minmax(0,1fr) minmax(0,1.35fr)}.plan-offer,.plan-cta-btn{grid-column:1 / -1}.plan-features-mini{grid-column:2}}@media(max-width:767px){.landing-container{overflow-x:hidden!important}.landing-glow{opacity:.07!important;filter:blur(90px)!important}.landing-nav{top:10px!important;width:calc(100% - 20px)!important}.landing-nav-inner{min-height:56px!important;padding:0 12px!important;border-radius:20px!important}.logo-image{width:30px!important;height:30px!important}.logo-text{font-size:1.08rem!important}.nav-user-info{display:none!important}.landing-hero{padding:96px 16px 38px!important;gap:26px!important;text-align:center!important}.hero-badge{margin-left:auto!important;margin-right:auto!important}.hero-title{font-size:2.15rem!important;line-height:1.18!important;margin-bottom:14px!important}.hero-subtitle{max-width:340px!important;margin:0 auto 22px!important}.hero-cta{width:100%;gap:12px!important}.hero-proof-strip{gap:6px}.hero-proof-strip span{min-height:30px;padding:0 9px;font-size:.72rem}.hero-pricing-card{width:min(100%,360px)!important;padding:20px!important;border-radius:24px!important}.plan-offer{align-items:flex-start!important}.landing-features,.landing-pwa,.landing-cta{padding-left:16px!important;padding-right:16px!important}.bento-item{min-height:0!important;background:#ffffffdb!important;border-radius:22px!important}.bento-large{flex-direction:column!important}.feature-tags{margin-top:10px!important}.pwa-container{text-align:left!important}.pwa-features li{justify-content:flex-start!important}.install-btn{width:100%;justify-content:center}.phone-frame{transform:none!important}.cta-box{text-align:left!important}.final-cta-btn{width:100%;justify-content:center}}@media(prefers-reduced-motion:reduce){.landing-container *,.landing-container *:before,.landing-container *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}.landing-container .calendar-visual{align-items:center!important;padding:0!important}.landing-container .premium-calendar-mock{width:min(100%,330px)!important;max-width:330px!important;padding:16px!important;border-radius:22px!important;background:#f8fafcd1!important;border:1px solid rgba(15,23,42,.06)!important;box-shadow:inset 0 1px #ffffffe6,0 18px 38px #0f172a0f!important;transform:none!important}.landing-container .bento-item:hover .premium-calendar-mock{transform:translateY(-2px)!important}.landing-calendar-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.landing-calendar-head span{font-size:1rem;font-weight:900;color:#0f172a}.landing-calendar-head strong{min-height:28px;padding:0 10px;display:inline-flex;align-items:center;border-radius:999px;background:#ecfdf5;color:#00a862;font-size:.72rem;font-weight:900;white-space:nowrap}.landing-calendar-weekdays{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;margin-bottom:6px}.landing-calendar-weekdays span{text-align:center;color:#94a3b8;font-size:.62rem;font-weight:900}.landing-calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));grid-auto-rows:44px;gap:5px}.landing-calendar-cell{min-width:0;padding:5px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;border-radius:11px;background:#ffffffd1;border:1px solid rgba(15,23,42,.05);box-shadow:0 8px 16px #0f172a09}.landing-calendar-cell-top{min-width:0;display:flex;align-items:flex-start;justify-content:space-between;gap:4px}.landing-calendar-cell-top span{color:#0f172a;font-size:.64rem;font-weight:900;line-height:1}.landing-calendar-cell-top strong{max-width:46px;color:#94a3b8;font-size:.55rem;font-weight:900;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.landing-calendar-cell.is-paid{background:linear-gradient(135deg,#fff,#f0fdf4);border-color:#00e67652}.landing-calendar-cell.is-today{border-color:#00e6769e;box-shadow:inset 0 0 0 1px #00e67629,0 10px 18px #00e67614}.landing-calendar-cell.is-selected{background:linear-gradient(135deg,#fff,#f5f7ff);border-color:#6366f194;box-shadow:inset 0 0 0 1px #6366f12e,0 14px 24px #6366f11f}.landing-calendar-event{min-width:0;height:17px;padding:0 5px;display:flex;align-items:center;gap:4px;border-radius:999px;background:#6366f11a;color:#0f172a;font-size:.56rem;font-weight:900;white-space:nowrap;overflow:hidden}.landing-calendar-event span:last-child{overflow:hidden;text-overflow:ellipsis}.landing-calendar-event-icon{width:12px;height:12px;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;border-radius:4px;background:#6366f1;color:#fff;font-size:.48rem;font-weight:900}.landing-container .cal-floating-event{top:auto!important;right:12px!important;bottom:14px!important;padding:9px 11px!important;border-radius:14px!important;box-shadow:0 18px 32px #0f172a3d!important}.landing-container .event-name{font-size:.76rem;font-weight:900}.landing-container .event-price{color:#00e676;font-size:.74rem;font-weight:900}@media(max-width:767px){.landing-container .calendar-visual{min-height:190px!important;flex-basis:190px!important;align-items:flex-start!important;overflow:visible!important}.landing-container .premium-calendar-mock{width:min(100%,286px)!important;padding:12px!important;border-radius:20px!important}.landing-calendar-head{margin-bottom:10px}.landing-calendar-head span{font-size:.94rem}.landing-calendar-head strong{min-height:26px;padding:0 9px;font-size:.68rem}.landing-calendar-weekdays{gap:4px;margin-bottom:5px}.landing-calendar-grid{grid-auto-rows:34px;gap:4px}.landing-calendar-cell{border-radius:9px;padding:4px}.landing-calendar-cell-top strong{display:none}.landing-calendar-event{height:15px;padding:0 4px;gap:3px;font-size:.5rem}.landing-calendar-event-icon{width:11px;height:11px;border-radius:4px;font-size:.44rem}.landing-container .cal-floating-event{display:none!important}}@media(max-width:390px){.landing-container .calendar-visual{min-height:176px!important;flex-basis:176px!important}.landing-container .premium-calendar-mock{width:min(100%,268px)!important;padding:10px!important;border-radius:18px!important}.landing-calendar-head strong{font-size:.64rem}.landing-calendar-weekdays span{font-size:.56rem}.landing-calendar-grid{grid-auto-rows:31px;gap:3px}.landing-calendar-cell{padding:3px}.landing-calendar-cell-top span{font-size:.58rem}.hero-title{font-size:2.15rem!important}.hero-subtitle,.section-heading p,.preview-card p,.feature-preview-head p{font-size:.88rem!important}.section-heading h2,.problem-card h2,.solution-card h2{font-size:1.38rem}.hero-preview-dark,.hero-preview-panel,.preview-card,.problem-card,.solution-card,.feature-preview-card,.landing-pro-value .pro-value-card{padding:16px}.hero-preview-metrics,.hero-preview-card,.preview-grid,.feature-preview-grid,.solution-flow{gap:12px}}.landing-preview,.landing-features,.landing-problem-solution,.landing-pro-value,.landing-pwa,.landing-cta{position:relative;z-index:2}.landing-preview,.landing-problem-solution,.landing-pro-value{max-width:1180px;margin:0 auto;padding:28px 16px 40px}.section-heading{max-width:760px;margin-bottom:22px;word-break:keep-all}.section-heading-centered{max-width:860px;margin-left:auto;margin-right:auto;text-align:center;display:flex;flex-direction:column;align-items:center}.section-heading-centered .section-kicker{margin-left:auto;margin-right:auto}.section-heading-centered h2,.section-heading-centered p{text-align:center}.section-heading-centered h2{width:100%}.section-heading-centered p{max-width:620px;margin-left:auto;margin-right:auto;width:100%}.section-kicker{display:inline-flex;align-items:center;min-height:30px;padding:0 12px;border-radius:999px;background:#6366f114;color:var(--lp-indigo);font-size:.76rem;font-weight:900;letter-spacing:.04em;text-transform:uppercase;margin-bottom:12px}.section-heading h2,.problem-card h2,.solution-card h2{margin:0 0 10px;font-size:clamp(1.55rem,3vw,2.4rem);line-height:1.18;letter-spacing:-.03em;color:#0f172a}.section-heading p,.problem-card p,.solution-card p{margin:0;color:#475569;font-size:.98rem;line-height:1.65}.landing-hero{max-width:1180px!important;min-height:auto!important;padding:110px 16px 28px!important;grid-template-columns:minmax(0,1fr)!important;gap:22px!important;align-items:stretch!important;text-align:left!important}.hero-content{max-width:620px}.hero-badge{margin-bottom:16px!important}.hero-eyebrow{font-size:1rem!important;color:#334155!important}.hero-title{margin-bottom:14px!important;font-size:clamp(2.2rem,5.5vw,3.8rem)!important;line-height:1.15!important;word-break:keep-all}.hero-subtitle{margin-bottom:24px!important;max-width:560px!important;font-size:1.02rem!important;line-height:1.7!important}.hero-cta{align-items:flex-start!important;gap:12px!important}.hero-proof-strip{justify-content:flex-start!important}.hero-preview-shell{width:100%}.hero-preview-card{display:grid;gap:14px}.hero-preview-dark{background:linear-gradient(180deg,#0f172a,#111c36);color:#fff;border-radius:28px;padding:20px;border:1px solid rgba(148,163,184,.14);box-shadow:0 26px 60px #0f172a38}.preview-dark-header,.hero-panel-head,.preview-summary-top,.preview-summary-bottom,.pro-mini-head,.pro-mini-highlight,.mini-calendar-head,.mini-manage-row,.preview-gmail-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.preview-label{display:block;margin-bottom:4px;color:#e2e8f0b8;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.preview-dark-header strong,.hero-preview-reminder strong,.hero-panel-head span,.preview-summary-top strong,.preview-summary-bottom strong,.preview-card h3,.feature-preview-head h3,.pro-value-copy h3,.pro-mini-head strong{letter-spacing:-.02em}.preview-dark-header strong{font-size:1.18rem;line-height:1.3}.preview-status{min-height:28px;padding:0 10px;display:inline-flex;align-items:center;border-radius:999px;background:#00e6761f;color:#9ff7ca;font-size:.72rem;font-weight:900}.hero-preview-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:18px}.hero-metric-card{min-width:0;padding:16px;border-radius:18px;background:#ffffff0f;border:1px solid rgba(148,163,184,.12)}.hero-metric-card span,.hero-preview-reminder span,.hero-panel-head b,.preview-card-label,.preview-search-bar,.preview-list-row span,.problem-list li,.solution-step span,.feature-preview-head p,.mini-engine-card span,.mini-candidate-row span,.mini-overview-card span,.mini-toggle-row span,.mini-calendar-detail span,.mini-manage-row span,.mini-blacklist-panel span,.pro-mini-highlight span,.pro-mini-stats span,.pro-mini-footer span,.phone-top-card span,.phone-list-card span{color:#64748b;font-size:.82rem;line-height:1.45}.hero-metric-card strong{display:block;margin:10px 0 5px;color:#fff;font-size:1.08rem;font-weight:900;line-height:1.25}.hero-metric-card em{color:#e2e8f0c7;font-size:.78rem;font-style:normal;font-weight:700}.hero-metric-card.mint{background:#00e67617}.hero-metric-card.indigo{background:#6366f11f}.hero-preview-reminder{margin-top:16px;padding:16px;border-radius:18px;background:#ffffff12;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px}.hero-preview-reminder-text{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.preview-service-mark,.candidate-logo{width:34px;height:34px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;background:#ffffff24;color:#fff;font-size:.88rem;font-weight:900;flex:0 0 auto}.hero-preview-reminder strong,.hero-preview-reminder b{color:#fff;font-size:.95rem}.hero-preview-reminder b{min-height:30px;padding:0 10px;border-radius:999px;display:inline-flex;align-items:center;background:#6366f129;color:#c7d2fe;font-size:.72rem}.hero-preview-panels{display:grid;gap:12px;align-items:stretch}.hero-preview-panel,.preview-card,.problem-card,.solution-card,.feature-preview-card,.pro-value-card,.mini-engine-card,.mini-blacklist-panel{background:#ffffffeb;border:1px solid rgba(15,23,42,.06);box-shadow:0 22px 56px #0f172a12}.hero-preview-panel{border-radius:24px;padding:20px;display:flex;flex-direction:column}.hero-panel-head span,.hero-panel-head b,.preview-card-label{color:#0f172a;font-weight:900}.hero-preview-panel p{margin:12px 0 14px;color:#475569;font-size:.95rem;line-height:1.6}.hero-panel-head button,.preview-gmail-head button,.mini-engine-card button{min-height:34px;padding:0 12px;border:0;border-radius:12px;background:#00e6761f;color:#047857;font-size:.78rem;font-weight:900}.hero-candidate-row,.preview-gmail-row,.hero-list-row,.preview-list-row,.solution-step,.mini-candidate-row,.mini-toggle-row,.mini-manage-row,.phone-list-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px}.hero-candidate-row,.hero-list-row{padding:14px 0;border-top:1px solid rgba(15,23,42,.06)}.hero-candidate-row strong,.hero-list-row strong,.preview-gmail-row strong,.preview-list-row strong,.solution-step strong,.mini-candidate-row strong,.mini-overview-card strong,.mini-calendar-detail strong,.mini-manage-row strong,.mini-blacklist-panel strong,.pro-mini-highlight strong,.pro-mini-stats strong,.pro-mini-footer strong,.phone-list-card strong,.phone-top-card strong{color:#0f172a;font-size:.98rem;font-weight:900}.hero-candidate-row em,.preview-gmail-row em,.hero-list-meta em,.preview-list-price em,.mini-manage-meta em{min-height:28px;padding:0 10px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:#6366f11a;color:#4f46e5;font-size:.72rem;font-style:normal;font-weight:900}.hero-list-meta,.preview-list-price,.mini-manage-meta{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.hero-list-meta b,.preview-list-price b,.mini-manage-meta b{color:#0f172a;font-size:.9rem}.hero-list-meta .cool,.preview-list-price .cool,.mini-manage-meta .urgent{background:#00e6761f;color:#047857}.landing-preview .preview-grid,.feature-preview-grid{display:grid;gap:16px}.preview-card,.problem-card,.solution-card,.feature-preview-card{border-radius:24px;padding:20px}.preview-card h3,.feature-preview-head h3,.pro-value-copy h3{margin:0 0 10px;color:#0f172a;font-size:1.2rem;line-height:1.3;word-break:keep-all}.preview-card p,.feature-preview-head p{margin:0 0 16px;color:#475569;font-size:.93rem;line-height:1.65}.preview-card-label{display:inline-block;margin-bottom:10px;font-size:.76rem}.preview-summary-mock{background:linear-gradient(180deg,#0f172a,#16203b);border-radius:22px;padding:16px}.preview-summary-top{align-items:flex-start;margin-bottom:12px}.preview-summary-top span,.preview-summary-bottom span{color:#e2e8f0b8}.preview-summary-top strong,.preview-summary-bottom strong,.preview-summary-bottom b{color:#fff}.preview-summary-bottom{padding-top:12px;border-top:1px solid rgba(148,163,184,.14)}.preview-summary-bottom b{min-height:30px;padding:0 10px;display:inline-flex;align-items:center;border-radius:999px;background:#6366f12e;font-size:.76rem}.preview-gmail-mock,.preview-list-mock,.feature-mini,.pro-mini-dashboard,.phone-dashboard-preview{border-radius:20px;background:#f8fafc;border:1px solid rgba(15,23,42,.06);padding:14px}.preview-gmail-title,.feature-preview-head{display:flex;gap:12px;align-items:flex-start}.preview-gmail-icon{width:34px;height:34px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:#6366f11a;color:#4f46e5}.preview-gmail-row,.preview-list-row,.mini-candidate-row,.mini-manage-row{padding:12px 0;border-top:1px solid rgba(15,23,42,.06)}.preview-gmail-row.muted em{background:#0f172a0f;color:#475569}.preview-search-bar{min-height:40px;padding:0 14px;display:flex;align-items:center;border-radius:14px;background:#fff;border:1px solid rgba(15,23,42,.06)}.landing-problem-solution{display:grid;gap:16px}.problem-list{margin:14px 0 0;padding:0;list-style:none;display:grid;gap:8px}.problem-list li,.solution-step{min-height:48px;padding:12px 14px;border-radius:16px;background:#f8fafc;border:1px solid rgba(15,23,42,.05)}.solution-flow{display:grid;gap:8px;margin-top:14px}.solution-step{grid-template-columns:auto 1fr}.solution-step svg{color:#4f46e5}.feature-preview-card{display:grid;gap:14px}.feature-preview-head p{margin-bottom:0}.mini-engine-card,.mini-blacklist-panel{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;border-radius:18px}.mini-dark-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:14px;border-radius:18px;background:linear-gradient(180deg,#0f172a,#17243f)}.mini-overview-card{min-width:0;padding:12px;border-radius:16px;background:#ffffff0f}.mini-overview-card span{color:#e2e8f0b8}.mini-overview-card strong{display:block;margin-top:8px;color:#fff}.feature-mini-calendar .mini-calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;margin:12px 0}.mini-calendar-cell{min-height:44px;padding:6px;border-radius:12px;background:#fff;border:1px solid rgba(15,23,42,.05);display:flex;flex-direction:column;justify-content:space-between}.mini-calendar-cell span{color:#0f172a;font-size:.7rem;font-weight:900}.mini-calendar-cell em{color:#64748b;font-size:.58rem;font-style:normal;font-weight:800}.mini-calendar-cell.selected{background:#6366f114;border-color:#6366f14d}.mini-calendar-cell.paid{background:#00e67614;border-color:#00e67638}.mini-calendar-detail{min-height:56px;padding:14px;border-radius:16px;background:#fff;border:1px solid rgba(15,23,42,.05)}.mini-toggle-row{min-height:54px;padding:12px 14px;border-radius:16px;background:#fff;border:1px solid rgba(15,23,42,.05)}.mini-toggle-row strong{min-height:28px;padding:0 10px;display:inline-flex;align-items:center;border-radius:999px;background:#0f172a0f;color:#475569;font-size:.74rem}.mini-toggle-row.active strong{background:#00e6761f;color:#047857}.mini-empty-state{min-height:68px;margin-top:12px;border-radius:16px;border:1px dashed rgba(15,23,42,.12);display:flex;align-items:center;justify-content:center;gap:8px;color:#475569;font-size:.86rem;font-weight:700}.landing-pro-value .pro-value-card{display:grid;gap:18px;border-radius:28px;padding:22px}.pro-value-copy .plan-badge{margin-bottom:14px}.pro-value-copy .plan-offer{margin-bottom:18px}.pro-value-copy .plan-features-mini{margin-bottom:20px}.plan-cta-btn{background:var(--lp-accent)!important;color:#0f172a!important;box-shadow:0 18px 34px #00e6762e!important}.pro-mini-dashboard{background:linear-gradient(180deg,#0f172a,#111c36);border-color:#94a3b829}.pro-mini-head span,.pro-mini-highlight span,.pro-mini-stats span,.pro-mini-footer span{color:#e2e8f0b8}.pro-mini-head strong,.pro-mini-highlight strong,.pro-mini-highlight b,.pro-mini-stats strong,.pro-mini-footer strong{color:#fff}.pro-mini-highlight,.pro-mini-stats,.pro-mini-footer{margin-top:12px;padding-top:12px;border-top:1px solid rgba(148,163,184,.14)}.pro-mini-highlight b{min-height:30px;padding:0 10px;display:inline-flex;align-items:center;border-radius:999px;background:#00e6761f;font-size:.74rem}.pro-mini-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.pro-mini-stats>div{display:flex;flex-direction:column;gap:4px}.pro-benefit-pill{min-height:38px;padding:0 14px;display:inline-flex;align-items:center;border-radius:999px;background:#6366f114;color:#4f46e5;font-size:.78rem;font-weight:900}.pro-mini-benefits{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.landing-pwa{max-width:1180px;margin:0 auto}.pwa-container{background:linear-gradient(180deg,#0f172a,#101a31)!important}.phone-dashboard-preview{display:grid;gap:10px;background:linear-gradient(180deg,#eaf0ff,#f8fafc)}.phone-top-card{min-height:96px;padding:14px;border-radius:18px;background:linear-gradient(180deg,#0f172a,#17243f)}.phone-top-card span,.phone-top-card strong{color:#fff}.phone-top-card strong{display:block;margin-top:10px;font-size:1.24rem}.phone-list-card{min-height:62px;padding:13px 14px;border-radius:16px;background:#fff;border:1px solid rgba(15,23,42,.06);display:flex!important;justify-content:space-between!important;align-items:center!important}.phone-list-card div{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:2px!important}.phone-list-card strong{display:block!important;font-size:.95rem!important;line-height:1.2!important;white-space:nowrap!important}.phone-list-card span{display:block!important;font-size:.78rem!important;line-height:1.2!important;white-space:nowrap!important}.phone-list-card b{color:#0f172a;font-size:.88rem;white-space:nowrap!important}.notif-popup p{margin:0;line-height:1.45}.landing-cta{max-width:1180px;margin:0 auto}.cta-box{background:linear-gradient(180deg,#0f172a,#111c36)!important;border-color:#94a3b81f!important;box-shadow:0 28px 60px #0f172a2e!important}.cta-box h2,.cta-box p{color:#fff!important}.cta-box p{opacity:.84}.final-cta-btn{background:var(--lp-accent)!important;color:#0f172a!important;box-shadow:0 18px 34px #00e67633!important}@media(min-width:768px){.landing-preview,.landing-problem-solution,.landing-pro-value{padding-left:24px;padding-right:24px}.preview-grid,.feature-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.landing-problem-solution,.landing-pro-value .pro-value-card{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}.hero-preview-panels{grid-template-columns:repeat(2,minmax(0,1fr))}.partner-promotion-banner{max-height:300px!important}.partner-promotion-banner img{height:300px!important;object-fit:cover!important}}@media(min-width:1024px){.landing-hero{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr)!important;gap:28px!important;padding:128px 24px 36px!important}.landing-preview,.landing-features,.landing-problem-solution,.landing-pro-value,.landing-pwa,.landing-cta{padding-left:24px!important;padding-right:24px!important}.preview-grid{grid-template-columns:1.05fr .95fr .95fr}.feature-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.partner-promotion-banner{max-height:260px!important}.partner-promotion-banner img{height:260px!important;object-fit:cover!important}}@media(max-width:767px){.landing-preview,.landing-problem-solution,.landing-pro-value{padding-top:18px;padding-bottom:32px}.hero-content{max-width:none}.hero-proof-strip span{box-shadow:none}.preview-card{border-radius:22px;padding:18px}.section-heading-centered,.section-heading-centered p{max-width:100%}.mini-engine-card,.mini-blacklist-panel,.preview-gmail-head{flex-direction:column;align-items:flex-start}.feature-mini-calendar .mini-calendar-grid{gap:4px}.mini-calendar-cell{min-height:38px}.phone-top-card strong{font-size:1.12rem}}.service-info-footer{margin-top:5rem;padding:4rem 2rem 6rem;border-top:1px solid var(--glass-border);display:flex;flex-direction:column;align-items:center;gap:2.5rem;background:linear-gradient(to bottom,transparent,rgba(255,255,255,.5))}.footer-divider-text{font-size:.9rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;display:flex;align-items:center;gap:1.5rem}.footer-divider-text:before,.footer-divider-text:after{content:"";width:40px;height:1px;background:var(--glass-border)}.footer-details{display:flex;flex-direction:column;align-items:center;gap:.8rem;text-align:center}.footer-details p{margin:0;font-size:1rem;color:var(--text-muted);font-weight:500}.footer-links{display:flex;flex-wrap:wrap;justify-content:center;gap:2rem}.footer-links a{text-decoration:none;color:var(--text-main);font-size:.95rem;font-weight:700;transition:color .2s;opacity:.8}.footer-links a:hover{color:var(--accent-blue);opacity:1}.footer-copyright{font-size:.85rem;color:var(--text-muted);opacity:.6}@media(max-width:767px){.service-info-footer{padding:3rem 1.5rem 8rem;gap:2rem}.footer-links{gap:1.2rem}.footer-links a{font-size:.85rem}.partner-promotion-banner{background:#000411}}.partner-promotion-banner{margin-top:3rem;margin-bottom:1rem;width:100%;max-height:450px;border-radius:var(--radius-xl);overflow:hidden;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease;box-shadow:var(--shadow-md);border:1px solid var(--glass-border);opacity:.9}.partner-promotion-banner:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);opacity:1}.partner-promotion-banner img{width:100%;height:450px;display:block;object-fit:cover;object-position:center}.coupon-guide-trigger{margin-top:3.5rem;margin-bottom:-1.5rem;display:flex;justify-content:center;position:relative;z-index:2}.guide-btn-slim{display:flex;align-items:center;gap:.6rem;padding:.7rem 1.4rem;border-radius:30px;border:1px solid var(--glass-border);background:#ffffffe6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-size:.9rem;font-weight:700;color:var(--text-main);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 15px #0000000d}.guide-btn-slim:hover{transform:translateY(-2px);background:#fff;border-color:var(--accent-color);box-shadow:0 8px 25px #00e67626;color:#00c853}.banner-slider-container{position:relative;width:100%;margin-top:3rem;margin-bottom:1rem;overflow:hidden;border-radius:var(--radius-xl);box-shadow:var(--shadow-md);border:1px solid var(--glass-border)}.banner-dots{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;gap:8px;z-index:10}.banner-dot{width:8px;height:8px;border-radius:50%;background:#fff6;cursor:pointer;transition:all .3s ease;border:1px solid rgba(0,0,0,.1)}.banner-dot.active{background:#fff;width:24px;border-radius:10px;box-shadow:0 2px 10px #0003}.banner-slider-container .partner-promotion-banner{margin-top:0!important;margin-bottom:0!important}@media(max-width:380px){.banner-slider-container{margin-top:18px!important;border-radius:18px!important}}@media(max-width:767px){.banner-slider-container{margin-bottom:80px}.partner-promotion-banner{margin-top:.75rem;margin-bottom:0;max-height:220px;border-radius:20px}.partner-promotion-banner img{height:auto;object-fit:contain}}.hero-metric-card.emerald{background:#10b98114;border:1px solid rgba(16,185,129,.2)}.hero-metric-card.emerald strong{color:#10b981}.hero-savings-badge{background:#10b9811f!important;color:#10b981!important;border:1px solid rgba(16,185,129,.25)!important;border-radius:20px;padding:4px 12px;font-size:.8rem;font-weight:700}.urgent-mark{background:linear-gradient(135deg,#e50914,#b20710)!important}.urgent-tag{color:#f43f5e!important;font-weight:800;font-size:.85rem}.hero-preview-panel.savings-panel{background:#10b9810f;border:1px solid rgba(16,185,129,.18)}.savings-accent{color:#10b981;font-size:.95rem;font-weight:800}.hero-savings-bar-wrap{margin:10px 0 8px;display:flex;flex-direction:column;gap:5px}.hero-savings-bar{width:100%;height:6px;background:#10b98126;border-radius:99px;overflow:hidden}.hero-savings-fill{height:100%;background:linear-gradient(90deg,#10b981,#00e676);border-radius:99px;transition:width 1s ease}.hero-savings-label{font-size:.72rem;color:#64748b;font-weight:600}.hero-savings-items{display:flex;flex-direction:column;gap:5px;margin-top:4px}.hero-savings-item{display:flex;justify-content:space-between;align-items:center;font-size:.76rem}.hero-savings-item span{color:#475569;font-weight:500}.hero-savings-item b{color:#10b981;font-weight:700}.savings-green{color:#10b981!important}.solution-flow-4{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin-top:1.5rem}.solution-step-4{display:flex;align-items:center;gap:.75rem;background:#6366f10f;border:1px solid rgba(99,102,241,.15);border-radius:12px;padding:.75rem 1rem;flex:1 1 auto;min-width:140px;transition:transform .2s,box-shadow .2s,border-color .2s}.solution-step-4:hover{transform:translateY(-2px);box-shadow:0 8px 20px #6366f114;border-color:#6366f14d}.solution-step-icon{width:36px;height:36px;background:#6366f11f;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#6366f1;flex-shrink:0}.solution-step-4 strong{display:block;font-size:.85rem;font-weight:700;color:#0f172a;margin-bottom:2px;white-space:nowrap}.solution-step-4 span{font-size:.75rem;color:#64748b;word-break:keep-all}.solution-arrow{color:#64748b;flex-shrink:0}.solution-cta-hint{margin-top:1.25rem;font-size:.85rem;color:#10b981;font-weight:600}.feature-mini-dashboard{margin-top:1.25rem;background:#f8fafc;border-radius:12px;padding:1rem;border:1px solid #e2e8f0;transition:transform .2s,box-shadow .2s,border-color .2s}.feature-mini-dashboard:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0000000d;border-color:#cbd5e1}.mini-dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.mini-dashboard-header span{font-size:.78rem;color:#64748b}.mini-dashboard-header strong{font-size:1rem;font-weight:800;color:#0f172a}.mini-category-list{display:flex;flex-direction:column;gap:.5rem}.mini-category-row{display:flex;align-items:center;gap:.5rem;font-size:.8rem}.mini-cat-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.mini-category-row span:not(.mini-cat-count){flex:1;color:#334155;font-weight:500}.mini-cat-count{color:#94a3b8;font-size:.72rem}.mini-category-row b{color:#0f172a;font-weight:700;margin-left:auto}.feature-mini-savings{margin-top:1.25rem;background:#f0fdf4;border-radius:12px;padding:1rem;border:1px solid #bbf7d0;transition:transform .2s,box-shadow .2s,border-color .2s}.feature-mini-savings:hover{transform:translateY(-2px);box-shadow:0 8px 20px #10b9811a;border-color:#86efac}.mini-savings-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.mini-savings-header span{font-size:.78rem;color:#16a34a}.mini-savings-header strong{font-size:1.1rem;font-weight:800}.mini-savings-bar-wrap{display:flex;flex-direction:column;gap:4px;margin-bottom:.75rem}.mini-savings-bar{width:100%;height:6px;background:#bbf7d0;border-radius:99px;overflow:hidden}.mini-savings-fill{height:100%;background:linear-gradient(90deg,#10b981,#00e676);border-radius:99px}.mini-savings-bar-wrap span{font-size:.72rem;color:#16a34a;font-weight:600}.mini-savings-rows{display:flex;flex-direction:column;gap:.5rem}.mini-savings-row{display:flex;justify-content:space-between;align-items:center;font-size:.78rem}.mini-savings-row div strong{display:block;font-weight:700;color:#0f172a;margin-bottom:1px}.mini-savings-row div span{color:#64748b;font-size:.72rem}.mini-savings-row b{font-weight:700;font-size:.8rem;flex-shrink:0}.mini-savings-row.pending{opacity:.7}.feature-mini-mission{margin-top:1.25rem;border-radius:12px;overflow:hidden;border:1px solid rgba(255,215,0,.25);transition:transform .2s,box-shadow .2s,border-color .2s}.feature-mini-mission:hover{transform:translateY(-2px);box-shadow:0 8px 20px #ffd70026;border-color:#ffd70080}.mini-mission-card{background:linear-gradient(135deg,#ffd70014,#ffa5000f);padding:1rem}.mini-mission-header{display:flex;align-items:center;gap:.6rem;margin-bottom:.75rem}.mini-mission-icon{width:28px;height:28px;background:var(--mission-gradient);border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.mini-mission-header>div{flex:1}.mini-mission-header strong{display:block;font-size:.82rem;font-weight:700;color:#0f172a}.mini-mission-header span{font-size:.73rem;color:#64748b}.mini-mission-reward{background:var(--mission-gradient);color:#fff;font-size:.72rem;font-weight:800;padding:3px 8px;border-radius:20px;flex-shrink:0}.mini-mission-progress{display:flex;flex-direction:column;gap:4px}.mini-mission-bar{width:100%;height:6px;background:#ffd70033;border-radius:99px;overflow:hidden}.mini-mission-fill{height:100%;background:var(--mission-gradient);border-radius:99px}.mini-mission-progress span{font-size:.72rem;color:#92400e;font-weight:600}.mini-mission-streak{display:flex;align-items:center;gap:.4rem;padding:.6rem 1rem;background:#ff4d4d0f;border-top:1px solid rgba(255,215,0,.15);font-size:.75rem;color:#64748b}.mini-mission-streak b{margin-left:auto;font-weight:700;color:#ef4444}.feature-mini-cancel{margin-top:1.25rem;background:#f8fafc;border-radius:12px;padding:1rem;border:1px solid #e2e8f0;transition:transform .2s,box-shadow .2s,border-color .2s}.feature-mini-cancel:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0000000d;border-color:#cbd5e1}.mini-cancel-header{margin-bottom:.75rem}.mini-cancel-service{display:flex;align-items:center;gap:.6rem}.candidate-logo.small{width:28px;height:28px;font-size:.75rem}.mini-cancel-service div strong{display:block;font-size:.82rem;font-weight:700;color:#0f172a;margin-bottom:1px}.mini-cancel-service div span{font-size:.72rem;color:#10b981;font-weight:600}.mini-cancel-steps{display:flex;flex-direction:column;gap:.5rem}.mini-cancel-step{display:flex;align-items:center;gap:.6rem;font-size:.78rem;color:#64748b}.mini-cancel-step.done{color:#0f172a}.mini-cancel-step.active span{color:#6366f1;font-weight:600}.cancel-step-num{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.68rem;font-weight:800;flex-shrink:0;background:#e2e8f0;color:#94a3b8}.cancel-step-num.done{background:#d1fae5;color:#10b981}.cancel-step-num.active{background:#6366f11f;color:#6366f1}.secondary-features-strip{display:flex;justify-content:center;flex-wrap:wrap;gap:.75rem;margin-top:2.5rem;padding-top:2rem;border-top:1px solid rgba(0,0,0,.06)}.secondary-feature-item{display:flex;align-items:center;gap:.4rem;font-size:.82rem;font-weight:600;color:#64748b;background:#f1f5f9;padding:.5rem 1rem;border-radius:20px}.secondary-feature-item svg{color:#6366f1}.landing-value-prop{max-width:1240px;margin:0 auto 6rem;padding:0 2rem;text-align:center}.value-prop-disclaimer{margin-top:2.25rem;font-size:.75rem;color:#94a3b8;line-height:1.6;text-align:center;max-width:800px;margin-left:auto;margin-right:auto;word-break:keep-all}.value-prop-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:2.5rem}.value-prop-card{background:linear-gradient(135deg,#6366f10a,#10b9810a);border:1px solid rgba(99,102,241,.12);border-radius:20px;padding:2.5rem 2rem;text-align:center;transition:transform .3s,box-shadow .3s}.value-prop-card:hover{transform:translateY(-6px);box-shadow:0 25px 45px -12px #6366f126;border-color:#6366f140}.value-stat-number{font-size:2.8rem;font-weight:900;background:linear-gradient(135deg,#6366f1,#10b981);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;margin-bottom:.5rem}.value-stat-label{font-size:1rem;font-weight:700;color:#0f172a;margin-bottom:.35rem}.value-stat-sub{font-size:.82rem;color:#64748b}.phone-savings-card{display:flex;justify-content:space-between;align-items:center;background:#10b9811a;border-radius:10px;padding:8px 10px;margin-bottom:6px;font-size:.72rem}.phone-savings-card span{color:#fff9}@media(max-width:767px){.value-prop-grid{grid-template-columns:1fr;gap:1rem}.value-prop-card{padding:1.75rem 1.5rem}.value-stat-number{font-size:2.2rem}.solution-flow-4{display:flex;flex-direction:column;gap:8px}.solution-step-4{width:100%}.solution-step-4:active{transform:scale(.98);transition:transform .1s ease}.solution-arrow{transform:rotate(90deg);align-self:center;margin:4px 0}.secondary-features-strip{gap:.5rem}.secondary-feature-item{font-size:.75rem;padding:.4rem .75rem}.hero-preview-panels{display:flex;flex-direction:column;gap:12px;width:100%;box-sizing:border-box}.hero-preview-panel{width:100%;box-sizing:border-box;overflow:hidden}.hero-panel-head{flex-wrap:wrap}.hero-savings-item{word-break:break-all}.value-prop-card:hover,.solution-step-4:hover,.feature-mini-dashboard:hover,.feature-mini-savings:hover,.feature-mini-mission:hover,.feature-mini-cancel:hover{transform:none;box-shadow:none;border-color:inherit}.landing-container input,.landing-container select,.landing-container textarea{font-size:1rem!important}.hero-title{font-size:1.875rem!important;line-height:1.22!important;word-break:keep-all!important;overflow-wrap:break-word!important}.hero-eyebrow{font-size:.875rem!important;font-weight:600!important;color:#475569!important;opacity:1!important}.hero-subtitle{font-size:.9375rem!important;line-height:1.6!important;font-weight:400!important;color:#475569!important}.section-heading h2,.problem-card h2,.solution-card h2{font-size:1.375rem!important;line-height:1.3!important;word-break:keep-all!important}.section-heading p,.problem-card p,.solution-card p,.feature-preview-head p,.hero-preview-panel p{font-size:.9rem!important;line-height:1.6!important;font-weight:500!important;color:#475569!important}.cta-button-primary,.final-cta-btn,.install-btn,.plan-cta-btn{min-height:52px!important;padding:0 24px!important;border-radius:12px!important;font-size:1rem!important;font-weight:700!important;width:100%!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;box-sizing:border-box!important}.nav-btn-primary{min-height:44px!important;min-width:44px!important;padding:0 16px!important;border-radius:10px!important;font-size:.875rem!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}.ios-btn-later,.ios-btn-confirm{min-height:44px!important;border-radius:12px!important}.ios-modal-close{min-width:44px!important;min-height:44px!important;display:flex!important;align-items:center!important;justify-content:center!important;top:12px!important;right:12px!important;padding:0!important}.hero-preview-dark,.hero-preview-panel{padding:16px;border-radius:20px}.hero-metric-card{padding:12px!important;border-radius:14px!important}.feature-preview-card,.problem-card,.solution-card,.landing-pro-value .pro-value-card{padding:16px;border-radius:20px}.hero-preview-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px}.hero-metric-card span{font-size:.68rem!important;line-height:1.3!important;display:block!important}.hero-metric-card strong{font-size:.88rem!important;margin:6px 0 4px!important}.hero-metric-card em{font-size:.65rem!important;display:block!important}.hero-preview-reminder,.hero-candidate-row,.hero-list-row,.preview-gmail-row,.preview-list-row,.mini-candidate-row,.mini-manage-row,.phone-list-card{grid-template-columns:auto 1fr auto}.hero-preview-reminder b,.hero-list-meta,.preview-list-price,.mini-manage-meta,.phone-list-card b{grid-column:auto;justify-self:end;align-items:flex-end}.hero-candidate-row em,.preview-gmail-row em{background:#0f172a0f!important;color:#475569!important;border-radius:9999px!important;font-size:.7rem!important;padding:0 10px!important;min-height:24px!important;display:inline-flex!important;align-items:center!important;font-style:normal!important}.urgent-tag{background:#ef444414!important;color:#dc2626!important;border-radius:9999px!important;font-size:.7rem!important;font-weight:800!important;padding:2px 10px!important;min-height:24px!important;display:inline-flex!important;align-items:center!important}.hero-candidate-row,.hero-list-row{border-top:none!important;background:#f8fafccc!important;border-radius:12px!important;padding:12px!important;margin-top:8px!important}.notif-popup{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:#fff!important;box-shadow:0 1px 4px #0000000f,0 8px 20px #00000014!important}.hero-preview-panel,.feature-preview-card,.problem-card,.solution-card{box-shadow:0 1px 4px #0000000f!important}.bento-icon-box{box-shadow:0 4px 10px #00000014!important}.cta-button-primary:active,.final-cta-btn:active,.install-btn:active,.plan-cta-btn:active{transform:scale(.98)!important;transition:transform .1s ease!important}.nav-btn-primary:active{transform:scale(.96)!important;transition:transform .1s ease!important}.ios-btn-later:active,.ios-btn-confirm:active{transform:scale(.97)!important;transition:transform .1s ease!important}.ios-modal-close:active{transform:scale(.9)!important;transition:transform .1s ease!important}.feature-preview-card:active,.solution-step-4:active,.secondary-feature-item:active{transform:scale(.98)!important;transition:transform .1s ease!important}.landing-footer{padding-bottom:calc(36px + env(safe-area-inset-bottom,12px))!important}.ios-modal-footer{padding-bottom:max(0px,env(safe-area-inset-bottom,0px))}.ios-modal-content{padding-bottom:max(18px,calc(18px + env(safe-area-inset-bottom,0px)))!important}}@media(min-width:768px)and (max-width:1023px){.value-prop-grid{grid-template-columns:repeat(3,1fr);gap:1rem}}@media(min-width:768px){.solution-flow-4{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}.solution-step-4{width:auto!important;min-width:0!important;padding:.75rem 1rem!important}.solution-arrow{display:none!important}}.pricing-page-content{text-align:center;max-width:1000px;margin:0 auto}.pricing-hero{margin-bottom:4rem}.pricing-hero p{font-size:1.1rem;color:#64748b}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;margin-bottom:5rem;align-items:stretch}.pricing-card{padding:3rem 2rem;border-radius:1.5rem;background:#fff;text-align:left;border:1px solid #e2e8f0;transition:transform .3s ease,box-shadow .3s ease;display:flex;flex-direction:column}.pricing-card:hover{transform:translateY(-5px);box-shadow:0 15px 30px #0000000d}.pricing-card.basic{background-color:#f8fafc}.pricing-card-premium{padding:3rem 2rem;border:2px solid #00df82;border-radius:1.5rem;background:linear-gradient(165deg,#fff,#f0fff4);position:relative;text-align:left;box-shadow:0 10px 40px #00df8226;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;flex-direction:column}.pricing-card-premium:hover{transform:translateY(-8px);box-shadow:0 20px 50px #00df8240}.card-badge{position:absolute;top:-12px;right:2rem;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;padding:.3rem .8rem;border-radius:.5rem;font-size:.65rem;font-weight:800;letter-spacing:.05em;box-shadow:0 4px 12px #f59e0b4d}.premium-header-label{color:#00df82;font-size:.75rem;font-weight:800;letter-spacing:.1em;margin-bottom:.5rem}.plan-name{font-size:1.6rem;font-weight:800;margin-bottom:1.5rem;color:#0f172a}.plan-price{margin-bottom:.5rem;display:flex;align-items:baseline}.plan-price .currency{font-size:1.2rem;font-weight:600;color:#475569}.plan-price .amount{font-size:3rem;font-weight:800;color:#0f172a;margin-right:.2rem}.plan-price .period{font-size:1rem;color:#64748b}.plan-promo{display:inline-block;background-color:#dcfce7;color:#166534;padding:.3rem .9rem;border-radius:.6rem;font-size:.85rem;font-weight:700;margin-bottom:2.5rem;width:fit-content}.basic .plan-promo{background-color:#f1f5f9;color:#64748b}.plan-promo.used{background-color:#f1f5f9;color:#94a3b8}.plan-features-list{list-style:none;padding:0;margin-bottom:3rem;flex-grow:1}.plan-features-list li{display:flex;align-items:center;gap:.8rem;margin-bottom:1.2rem;font-size:.95rem;color:#475569;animation:fadeIn .5s ease forwards}@keyframes fadeIn{0%{opacity:0;transform:translate(-5px)}to{opacity:1;transform:translate(0)}}.plan-features-list li.disabled{color:#cbd5e1;text-decoration:line-through;opacity:.6}.pricing-cta-btn{width:100%;padding:1.2rem;background-color:#0f172a;color:#fff;border:none;border-radius:1.1rem;font-size:1rem;font-weight:800;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.pricing-cta-btn:hover:not(:disabled){background-color:#1e293b;transform:translateY(-2px);box-shadow:0 10px 20px #0f172a1a}.pricing-cta-btn.active-plan{background-color:#f1f5f9;color:#94a3b8;cursor:default}.pricing-cta-btn.secondary{background-color:#fff;color:#0f172a;border:1px solid #e2e8f0}.pricing-cta-btn.secondary:hover:not(:disabled){background-color:#f8fafc;border-color:#cbd5e1}.pricing-faq{text-align:left;border-top:1px solid #f1f5f9;padding-top:5rem;margin-top:2rem}.pricing-faq h2{font-size:1.8rem;font-weight:800;margin-bottom:3rem;color:#0f172a}.faq-item{margin-bottom:3rem;max-width:800px}.faq-item h4{font-size:1.15rem;font-weight:800;margin-bottom:.85rem;color:#1e293b}.faq-item p{font-size:1rem;line-height:1.7;color:#64748b}.loading-screen{display:flex;justify-content:center;align-items:center;height:300px;font-weight:800;color:#00df82;font-size:1.2rem}@media(max-width:768px){.pricing-grid{grid-template-columns:1fr;gap:1.5rem}.pricing-card,.pricing-card-premium{padding:2.5rem 1.8rem}.plan-price .amount{font-size:2.5rem}}@media(max-width:380px){.pricing-page-content{width:100%;max-width:100%;text-align:left}.pricing-hero{margin-bottom:1.5rem}.pricing-hero p{font-size:.9rem;line-height:1.55;text-align:left;word-break:keep-all}.pricing-grid{grid-template-columns:minmax(0,1fr);gap:1rem;margin-bottom:2.25rem}.pricing-card,.pricing-card-premium{padding:1.35rem 1.05rem;border-radius:1rem}.card-badge{top:-10px;right:1rem;padding:.25rem .65rem;font-size:.58rem;border-radius:.45rem}.premium-header-label{font-size:.68rem;letter-spacing:.08em;margin-bottom:.35rem}.plan-name{font-size:1.22rem;line-height:1.25;margin-bottom:1rem}.plan-price{margin-bottom:.45rem}.plan-price .currency{font-size:.95rem}.plan-price .amount{font-size:2.05rem;line-height:1.05}.plan-price .period{font-size:.82rem}.plan-promo{max-width:100%;padding:.35rem .7rem;margin-bottom:1.35rem;font-size:.76rem;line-height:1.35;white-space:normal;word-break:keep-all}.plan-features-list{margin-bottom:1.5rem}.plan-features-list li{align-items:flex-start;gap:.6rem;margin-bottom:.8rem;font-size:.84rem;line-height:1.45;word-break:keep-all}.plan-features-list li svg{flex:0 0 auto;margin-top:.1rem}.pricing-cta-btn{min-height:46px;padding:.85rem 1rem;border-radius:.85rem;font-size:.9rem;line-height:1.3;word-break:keep-all}.pricing-faq{padding-top:2rem;margin-top:0}.pricing-faq h2{font-size:1.32rem;margin-bottom:1.5rem}.faq-item{margin-bottom:1.5rem}.faq-item h4{font-size:.98rem;line-height:1.35;margin-bottom:.55rem}.faq-item p{font-size:.86rem;line-height:1.65;word-break:keep-all;overflow-wrap:anywhere}.loading-screen{height:220px;font-size:1rem}}@media(max-width:360px)and (max-height:680px){.pricing-card,.pricing-card-premium{padding:1.15rem .95rem}.plan-price .amount{font-size:1.9rem}.plan-features-list li{font-size:.8rem;margin-bottom:.7rem}.pricing-hero{margin-bottom:1.25rem}.pricing-grid{gap:.85rem}}.settings-view{display:flex;flex-direction:column;gap:0;width:100%;max-width:1200px;margin:0 auto;box-sizing:border-box}.settings-view .main-header{margin-bottom:var(--space-8)}.settings-layout{display:flex;flex-direction:column;gap:var(--space-4);width:100%;min-width:0}@media(min-width:1024px){.settings-layout{flex-direction:row;align-items:flex-start;gap:var(--space-6)}}.settings-nav{display:flex;flex-direction:row;gap:var(--space-1);overflow-x:auto;-webkit-overflow-scrolling:touch;white-space:nowrap;padding:6px;background:var(--color-neutral-100);border-radius:var(--radius-md);border:1px solid var(--color-neutral-200);scrollbar-width:none;-ms-overflow-style:none}.settings-nav::-webkit-scrollbar{display:none}@media(min-width:1024px){.settings-nav{flex-direction:column;flex-shrink:0;width:200px;overflow-x:visible;white-space:normal;padding:var(--space-2);gap:var(--space-1);position:sticky;top:80px}}.settings-nav-item{display:inline-flex;flex-shrink:0;align-items:center;gap:8px;padding:8px 14px;border:none;background:transparent;border-radius:8px;font-size:var(--fs-sm);font-weight:600;color:var(--text-secondary);cursor:pointer;transition:background var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out);white-space:nowrap;line-height:1}.settings-nav-item:hover{background:var(--color-neutral-200);color:var(--text-primary)}.settings-nav-item.active{background:var(--bg-surface);color:var(--color-brand-primary);box-shadow:0 1px 4px #0000000f,0 1px 2px #0000000a}.settings-nav-item svg{flex-shrink:0}@media(max-width:1023px){.settings-nav-item{padding:8px 12px;font-size:.8125rem}.settings-nav-item svg{width:16px;height:16px}}.settings-main-content{flex:1;min-width:0}.settings-desktop-grid{display:flex;flex-direction:column;gap:var(--space-4)}@media(min-width:1024px){.settings-desktop-grid{flex-direction:row;align-items:flex-start;gap:var(--space-5)}.settings-grid-col{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--space-4)}}.settings-grid-col{display:flex;flex-direction:column;gap:var(--space-4)}.st-profile-card{display:flex;flex-direction:row;align-items:center;gap:var(--space-4);padding:var(--space-5);background:var(--bg-surface);border-radius:var(--radius-md);border:1px solid var(--color-neutral-200);box-shadow:0 1px 3px #0000000f,0 1px 2px #0000000a}.st-avatar{flex-shrink:0;width:56px;height:56px;border-radius:50%;overflow:hidden;background:var(--color-brand-primary);display:flex;align-items:center;justify-content:center}.st-avatar-img{width:100%;height:100%;object-fit:cover;border-radius:50%}.st-avatar-initials{font-size:1.25rem;font-weight:700;color:#fff;line-height:1}.st-profile-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.st-profile-name{font-size:var(--fs-md);font-weight:700;color:var(--text-primary);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.st-profile-email{font-size:var(--fs-sm);color:var(--text-secondary);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.st-profile-meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:4px;font-size:var(--fs-xs);color:var(--text-muted)}.st-plan-chip{display:inline-flex;align-items:center;padding:2px 8px;border-radius:var(--radius-full);font-size:.6875rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase}.st-plan-chip.pro{background:oklch(65% .2 var(--brand-hue) / .12);color:var(--color-brand-primary)}.st-plan-chip.free{background:var(--color-neutral-100);color:var(--text-secondary)}.st-card{background:var(--bg-surface);border-radius:var(--radius-md);border:1px solid var(--color-neutral-200);box-shadow:0 1px 3px #0000000f,0 1px 2px #0000000a;overflow:hidden}.st-card-header{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-5) var(--space-6) var(--space-4);border-bottom:1px solid var(--color-neutral-100)}.st-card-header h4{font-size:var(--fs-base);font-weight:700;color:var(--text-primary);margin:0 0 2px;letter-spacing:-.01em}.st-card-header p{font-size:var(--fs-xs);color:var(--text-muted);margin:0;line-height:var(--lh-base)}.st-icon-box{flex-shrink:0;width:36px;height:36px;border-radius:8px;background:var(--color-neutral-100);display:flex;align-items:center;justify-content:center;color:var(--text-secondary)}.st-icon-indigo{background:oklch(65% .2 var(--brand-hue) / .1);color:var(--color-brand-primary)}.st-icon-emerald{background:#4cb86a1f;color:#00893d;color:oklch(55% .18 150)}.st-icon-amber{background:#e99b2a1f;color:#9d6300;color:oklch(55% .18 70)}.st-icon-sky{background:#09b2c71f;color:#008090;color:oklch(55% .15 210)}.settings-item-row-v2{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--color-neutral-100)}.settings-item-row-v2:last-child{border-bottom:none}.item-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.item-title{font-size:var(--fs-base);font-weight:700;color:var(--text-primary);line-height:1.4}.item-desc{font-size:.8125rem;font-weight:400;color:var(--text-muted);line-height:var(--lh-base);margin:0}.st-item-title-row{display:flex;align-items:center;gap:8px}@media(max-width:767px){.settings-item-row-v2{flex-direction:column;align-items:flex-start;gap:var(--space-3);padding:var(--space-4) var(--space-4)}.settings-item-row-v2 .card-action-btn{width:100%;justify-content:center;min-height:44px}.settings-item-row-v2 .vibe-switch{align-self:flex-end}.st-card-header{padding:var(--space-4) var(--space-4) var(--space-3)}}.card-action-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;min-height:36px;border-radius:var(--radius-sm);border:1px solid var(--color-neutral-200);background:var(--bg-surface);color:var(--text-primary);font-size:var(--fs-sm);font-weight:600;cursor:pointer;transition:background var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out);white-space:nowrap;flex-shrink:0}.card-action-btn:hover{background:var(--color-neutral-100);border-color:var(--color-neutral-300)}.card-action-btn.danger{color:var(--color-danger);border-color:#f14d4c4d;background:#f14d4c0f}.card-action-btn.danger:hover{background:#f14d4c1f;border-color:#f14d4c80}.card-action-btn:disabled{opacity:.5;cursor:not-allowed}.vibe-switch{position:relative;display:inline-block;width:44px;height:24px;flex-shrink:0}.vibe-switch input{opacity:0;width:0;height:0;position:absolute}.vibe-slider{position:absolute;inset:0;background:var(--color-neutral-300);border-radius:var(--radius-full);cursor:pointer;transition:background var(--duration-base) var(--ease-out)}.vibe-slider:before{content:"";position:absolute;width:18px;height:18px;left:3px;top:3px;border-radius:50%;background:#fff;transition:transform var(--duration-base) var(--ease-out);box-shadow:0 1px 3px #00000026}.vibe-switch input:checked+.vibe-slider{background:var(--color-brand-primary)}.vibe-switch input:checked+.vibe-slider:before{transform:translate(20px)}.vibe-switch.is-disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.st-switch-locked{cursor:not-allowed}.st-language-selector{flex-shrink:0}.st-settings-select{appearance:none;-webkit-appearance:none;height:44px;padding:0 36px 0 12px;border-radius:var(--radius-sm);border:1px solid var(--color-neutral-200);background-color:var(--color-neutral-50);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M1 1L6 7L11 1' stroke='%236b7280' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;color:var(--text-primary);font-size:var(--fs-sm);font-weight:500;font-family:var(--font-main);cursor:pointer;transition:border-color var(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease-out);min-width:160px}.st-settings-select:hover{border-color:var(--color-neutral-300);background-color:var(--color-neutral-100)}.st-settings-select:focus{outline:none;border-color:var(--color-brand-primary);box-shadow:0 0 0 3px oklch(65% .2 var(--brand-hue) / .15)}@media(max-width:767px){.st-settings-select{width:100%;min-width:unset}.st-language-selector{width:100%}}.membership-card-premium{background:linear-gradient(135deg,oklch(30% .12 var(--brand-hue)),oklch(22% .08 var(--brand-hue)));border-radius:var(--radius-md);padding:var(--space-5);color:#fff;border:1px solid oklch(45% .1 var(--brand-hue));position:relative;overflow:hidden}.membership-card-premium:after{content:"";position:absolute;top:-40%;right:-10%;width:180px;height:180px;background:radial-gradient(circle,oklch(100% 0 0 / .08) 0%,transparent 70%);pointer-events:none}.premium-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-4)}.premium-plan-group{display:flex;flex-direction:column;gap:6px}.premium-badge-v2{display:inline-flex;padding:3px 10px;border-radius:var(--radius-full);font-size:.6875rem;font-weight:700;letter-spacing:.08em;background:#ffffff26;color:#fff;width:fit-content}.premium-badge-v2.badge-free{background:#ffffff1a;color:#ffffffb3}.premium-plan-name{font-size:var(--fs-lg);font-weight:800;margin:0;letter-spacing:-.02em;color:#fff}.st-crown-icon{color:#ffc251;color:oklch(85% .15 80);flex-shrink:0;margin-top:2px}.premium-billing-info{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-3);padding-top:var(--space-4);border-top:1px solid oklch(100% 0 0 / .12)}.billing-details{display:flex;flex-direction:column;gap:4px}.billing-label{font-size:.6875rem;font-weight:600;color:#ffffff8c;text-transform:uppercase;letter-spacing:.06em}.billing-value{font-size:var(--fs-sm);font-weight:700;color:#fff}.st-upgrade-cta{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-4);background:oklch(65% .2 var(--brand-hue) / .08);border:1px solid oklch(65% .2 var(--brand-hue) / .2);border-radius:var(--radius-md);cursor:pointer;transition:background var(--duration-fast) var(--ease-out)}.st-upgrade-cta:hover{background:oklch(65% .2 var(--brand-hue) / .14)}.st-upgrade-cta-inner{display:flex;align-items:center;gap:var(--space-3);flex:1;min-width:0}.st-upgrade-icon{flex-shrink:0;width:36px;height:36px;border-radius:8px;background:var(--color-brand-primary);display:flex;align-items:center;justify-content:center;color:#fff}.st-upgrade-text strong{display:block;font-size:var(--fs-sm);font-weight:700;color:var(--text-primary);margin-bottom:2px}.st-upgrade-text p{font-size:var(--fs-xs);color:var(--text-muted);margin:0;line-height:1.4}.st-upgrade-arrow{color:var(--text-muted);flex-shrink:0}.membership-benefits-list{display:flex;flex-direction:column}.benefit-item-v2{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-neutral-100)}.benefit-item-v2:last-child{border-bottom:none}.benefit-icon-dot{flex-shrink:0;width:28px;height:28px;border-radius:8px;background:var(--color-neutral-100);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);margin-top:2px}.st-dot-indigo{background:oklch(65% .2 var(--brand-hue) / .1);color:var(--color-brand-primary)}.st-dot-emerald{background:#4cb86a1f;color:#00893d;color:oklch(55% .18 150)}.st-dot-amber{background:#e99b2a1f;color:#9d6300;color:oklch(55% .18 70)}.st-dot-sky{background:#09b2c71f;color:#008090;color:oklch(55% .15 210)}.benefit-info{flex:1;min-width:0}.benefit-info strong{display:block;font-size:var(--fs-sm);font-weight:600;color:var(--text-primary);margin-bottom:2px;line-height:1.4}.benefit-info p{font-size:var(--fs-xs);color:var(--text-muted);margin:0;line-height:var(--lh-base)}.st-benefits-upgrade-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:calc(100% - var(--space-8));margin:var(--space-3) var(--space-4) var(--space-4);padding:10px 20px;min-height:44px;border-radius:var(--radius-sm);border:1px solid var(--color-brand-primary);background:oklch(65% .2 var(--brand-hue) / .08);color:var(--color-brand-primary);font-size:var(--fs-sm);font-weight:700;cursor:pointer;transition:background var(--duration-fast) var(--ease-out)}.st-benefits-upgrade-btn:hover{background:oklch(65% .2 var(--brand-hue) / .15)}.st-notif-permission-banner{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);background:#f14d4c14;border:1px solid oklch(65% .2 25 / .25);border-radius:var(--radius-md);margin-bottom:var(--space-4)}.st-notif-permission-icon{flex-shrink:0;color:var(--color-danger);margin-top:2px}.st-notif-permission-text strong{display:block;font-size:var(--fs-sm);font-weight:700;color:var(--text-primary);margin-bottom:4px}.st-notif-permission-text p{font-size:var(--fs-xs);color:var(--text-secondary);margin:0;line-height:var(--lh-base)}.st-notif-actions{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3) var(--space-4) var(--space-4)}@media(min-width:480px){.st-notif-actions{flex-direction:row}}.st-action-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;min-height:44px;border-radius:var(--radius-sm);border:none;font-size:var(--fs-sm);font-weight:600;font-family:var(--font-main);cursor:pointer;transition:background var(--duration-fast) var(--ease-out),opacity var(--duration-fast) var(--ease-out);white-space:nowrap;flex:1}.st-action-btn.secondary{background:var(--color-neutral-100);color:var(--text-primary);border:1px solid var(--color-neutral-200)}.st-action-btn.secondary:hover{background:var(--color-neutral-200)}.st-action-btn.primary{background:var(--color-brand-primary);color:#fff}.st-action-btn.primary:hover{background:var(--color-brand-primary-dark)}.st-action-btn:disabled{opacity:.5;cursor:not-allowed}.st-input-action-group{flex-shrink:0;width:100%}@media(min-width:480px){.st-input-action-group{width:auto;min-width:220px}}.st-settings-input{width:100%;height:44px;padding:0 12px;border-radius:var(--radius-sm);border:1px solid var(--color-neutral-200);background:var(--color-neutral-50);color:var(--text-primary);font-size:var(--fs-sm);font-family:var(--font-main);transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out);box-sizing:border-box}.st-settings-input:focus{outline:none;border-color:var(--color-brand-primary);box-shadow:0 0 0 3px oklch(65% .2 var(--brand-hue) / .15)}.st-settings-input::placeholder{color:var(--text-muted)}@keyframes email-modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes email-modal-scale-in{0%{opacity:0;transform:translateY(12px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.st-email-modal-backdrop{position:fixed;inset:0;z-index:6000;display:flex;align-items:center;justify-content:center;background:#0000008c;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:var(--space-4);padding-top:max(var(--space-4),env(safe-area-inset-top));animation:email-modal-fade-in .2s ease-out both}.st-email-modal-container{display:flex;flex-direction:column;width:90%;max-width:600px;max-height:90vh;background:var(--color-surface, #ffffff);border-radius:20px;overflow:hidden;box-shadow:0 24px 64px #00000038,0 4px 16px #0000001f;animation:email-modal-scale-in .2s ease-out both}.st-email-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-4) var(--space-3);border-bottom:1px solid var(--color-neutral-100);flex-shrink:0;position:sticky;top:0;background:var(--color-surface, #ffffff);z-index:1}.st-preview-info{display:flex;align-items:center;gap:6px;font-size:var(--fs-xs);color:var(--text-muted)}.st-email-modal-close-icon{display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;border:none;background:transparent;color:var(--text-muted);border-radius:var(--radius-md);cursor:pointer;flex-shrink:0;transition:background .15s ease,color .15s ease}.st-email-modal-close-icon:hover{background:var(--color-neutral-100);color:var(--text-primary)}.st-email-modal-body{overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;max-height:70vh;padding:var(--space-4)}.st-email-modal-body .email-content-preview{width:100%;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 20px #00000014}.st-email-modal-footer{display:flex;justify-content:center;padding:var(--space-3) var(--space-4) var(--space-4);border-top:1px solid var(--color-neutral-100);flex-shrink:0;background:var(--color-surface, #ffffff)}@media(max-width:480px){.st-email-modal-container{width:calc(100% - 32px);max-height:88vh;border-radius:16px}.st-email-modal-header{padding-top:max(var(--space-4),env(safe-area-inset-top,16px))}.st-email-modal-body{max-height:60vh}.st-email-modal-footer{padding-bottom:max(var(--space-4),env(safe-area-inset-bottom,16px))}}.st-preview-card{width:100%}.notif-preview-card{background:var(--color-neutral-50);border-radius:var(--radius-md);border:1px solid var(--color-neutral-200);overflow:hidden;width:100%}.preview-header{display:flex;align-items:center;gap:6px;padding:10px 14px;font-size:var(--fs-xs);font-weight:600;color:var(--text-muted);border-bottom:1px solid var(--color-neutral-200);background:var(--color-neutral-100)}.preview-content{display:flex;align-items:center;gap:var(--space-3);padding:14px}.st-preview-app-icon{flex-shrink:0;width:40px;height:40px;border-radius:10px;background:var(--color-brand-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1rem}.preview-text h5{font-size:var(--fs-sm);font-weight:700;color:var(--text-primary);margin:0 0 4px}.preview-text p{font-size:var(--fs-xs);color:var(--text-secondary);margin:0;line-height:1.4}.pro-badge-mini{display:inline-flex;padding:2px 6px;border-radius:4px;font-size:.625rem;font-weight:800;letter-spacing:.06em;background:oklch(65% .2 var(--brand-hue) / .12);color:var(--color-brand-primary)}.st-info-list{display:flex;flex-direction:column}.st-info-row{align-items:center}.st-info-label{font-size:var(--fs-sm);font-weight:600;color:var(--text-secondary)}.st-info-value{font-size:var(--fs-sm);font-weight:700;color:var(--text-primary);font-variant-numeric:tabular-nums}.st-status-row{display:flex;align-items:center;gap:8px}.st-status-dot{width:8px;height:8px;border-radius:50%;background:var(--color-success);box-shadow:0 0 0 3px #4cb86a33}.st-status-text{font-size:var(--fs-sm);font-weight:600;color:#00893d;color:oklch(55% .18 150)}.st-support-contact{padding:var(--space-4);border-top:1px solid var(--color-neutral-100)}.st-support-contact h5{font-size:var(--fs-sm);font-weight:700;color:var(--text-primary);margin:0 0 4px}.st-support-contact p{font-size:var(--fs-xs);color:var(--text-muted);margin:0 0 var(--space-2);line-height:var(--lh-base)}.st-support-email{display:inline-block;font-size:var(--fs-sm);font-weight:600;color:var(--color-brand-primary);text-decoration:none;transition:color var(--duration-fast) var(--ease-out)}.st-support-email:hover{color:var(--color-brand-primary-dark);text-decoration:underline}.st-legal-links{display:flex;flex-direction:column}.st-legal-link{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-neutral-100);text-decoration:none;color:var(--text-primary);transition:background var(--duration-fast) var(--ease-out);min-height:44px}.st-legal-link:last-child{border-bottom:none}.st-legal-link:hover{background:var(--color-neutral-50)}.st-legal-link .item-title{font-size:var(--fs-sm)}.st-legal-link svg{color:var(--text-muted);flex-shrink:0}.st-footer-copy{padding:var(--space-4) var(--space-2);text-align:center}.st-footer-copy p{font-size:var(--fs-xs);color:var(--text-muted);margin:0}.st-data-count{font-size:var(--fs-xs);color:var(--text-muted);font-variant-numeric:tabular-nums}.icon-spin{animation:spin .8s linear infinite}.account-settings-flow,.membership-settings-flow,.notif-settings-flow,.support-settings-flow{width:100%;display:flex;flex-direction:column;gap:var(--space-4)}.st-profile-card-top{padding:var(--space-5) var(--space-6);gap:var(--space-5)}.st-profile-card-top .st-avatar{width:64px;height:64px}.st-profile-card-top .st-avatar-initials{font-size:1.5rem}.st-profile-card-top .st-profile-name{font-size:var(--fs-md)}.st-referral-card{margin-top:8px;background:var(--bg-surface);border:1px solid var(--color-neutral-200);box-shadow:var(--shadow-sm);transition:transform var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out);border-radius:16px;overflow:hidden;padding:24px!important;display:flex;flex-direction:column}.st-referral-card:hover{box-shadow:var(--shadow-md)}.st-referral-card .st-card-header{margin:0 0 20px!important;padding:0 0 16px!important;border-bottom:1px solid var(--color-neutral-100);width:100%}.st-referral-section{padding:0;margin-top:20px;border-top:none}.st-referral-section:first-of-type{margin-top:0;padding-top:0}.st-referral-label{display:block;font-size:.78rem;font-weight:700;color:var(--text-muted);margin-bottom:8px;text-transform:uppercase;letter-spacing:.05em}.st-referral-code-row{display:flex;align-items:center;gap:8px;width:100%}.st-referral-code{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:1.35rem;font-weight:900;letter-spacing:.16em;color:var(--color-brand-primary);background:oklch(65% .2 var(--brand-hue) / .05);height:48px;display:flex;align-items:center;justify-content:center;border-radius:12px;flex:1;border:1.5px dashed oklch(65% .2 var(--brand-hue) / .3);text-indent:.16em;box-shadow:inset 0 2px 4px #00000005;-webkit-user-select:all;user-select:all;box-sizing:border-box}.st-referral-copy-btn{height:48px;flex:0 0 96px;display:flex;align-items:center;justify-content:center;gap:5px;padding:0 8px;border-radius:12px;border:1.5px solid var(--color-neutral-200);background:var(--bg-surface);color:var(--text-primary);font-size:.78rem;font-weight:700;cursor:pointer;white-space:nowrap;transition:all var(--duration-fast) var(--ease-out);box-sizing:border-box}.st-referral-copy-btn:hover{background:var(--color-neutral-50);border-color:var(--color-neutral-300)}.st-referral-copy-btn:active{transform:scale(.96)}.st-referral-copy-btn.st-copy-done{background:var(--color-success)!important;color:#fff!important;border-color:var(--color-success)!important}.st-referral-benefits-box{display:flex;flex-direction:column;gap:14px;background:linear-gradient(135deg,oklch(65% .2 var(--brand-hue) / .06),oklch(65% .2 var(--brand-hue) / .02));border:1px solid oklch(65% .2 var(--brand-hue) / .1);border-radius:14px;padding:20px 22px}.st-benefit-item{display:flex;align-items:flex-start;gap:10px}.st-benefit-emoji{font-size:1.1rem;line-height:1.4;flex-shrink:0}.st-benefit-text{margin:0;font-size:.82rem;color:var(--text-secondary);line-height:1.68;font-weight:500}.st-benefit-text strong{color:var(--color-brand-primary);font-weight:700}.st-referral-input-section{margin-top:24px}.st-referral-input-group{display:flex;align-items:center;background:var(--color-neutral-50);border:1.5px solid var(--color-neutral-200);border-radius:12px;padding:0;height:48px;overflow:hidden;width:100%;box-sizing:border-box;transition:all var(--duration-fast) var(--ease-out)}.st-referral-input-group:focus-within{border-color:var(--color-brand-primary);box-shadow:0 0 0 3px oklch(65% .2 var(--brand-hue) / .15);background:var(--color-surface, #ffffff)}.st-referral-input{flex:7.5;height:100%;border:none;background:transparent;padding:0 16px;font-size:16px!important;font-weight:700;color:var(--text-primary);text-transform:uppercase;letter-spacing:.1em;outline:none;min-width:0;box-sizing:border-box}.st-referral-input::placeholder{color:var(--text-muted);text-transform:none;letter-spacing:normal;font-weight:500;font-size:.85rem}.st-referral-submit-btn{flex:2.5;height:100%;border-radius:0;border:none;background:var(--color-brand-primary);color:#fff;font-size:.85rem;font-weight:700;cursor:pointer;transition:background var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out);white-space:nowrap;flex-shrink:0;box-sizing:border-box}.st-referral-submit-btn:hover{background:var(--color-brand-primary-dark)}.st-referral-submit-btn:active{transform:scale(.98)}.st-referral-submit-btn:disabled{background:var(--color-neutral-200);color:var(--text-muted);cursor:not-allowed;transform:none}.st-referral-feedback{margin:12px 0 0;font-size:.8rem;font-weight:600;padding:10px 14px;border-radius:10px;line-height:1.45}.st-referral-feedback.ok{background:#f0fdf4;color:#15803d;border:1px solid #bbf7d0}.st-referral-feedback.err{background:#fef2f2;color:#b91c1c;border:1px solid #fecaca}.st-danger-zone-card{margin-top:24px!important;background:#f14d4c04!important;border:1px solid oklch(65% .2 25 / .12)!important;box-shadow:none!important}.st-danger-zone-content{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 24px}.danger-text-group h5{font-size:var(--fs-sm);font-weight:700;color:var(--color-danger);margin:0 0 4px}.danger-text-group p{font-size:var(--fs-xs);color:var(--text-muted);margin:0;line-height:1.45}.st-danger-action-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:8px;border:1px solid oklch(65% .2 25 / .2);background:transparent;color:var(--color-danger);font-size:var(--fs-xs);font-weight:700;cursor:pointer;transition:background var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out);white-space:nowrap;flex-shrink:0}.st-danger-action-btn:hover{background:#f14d4c14;border-color:#f14d4c73}.st-danger-action-btn:active{transform:scale(.97)}.st-danger-action-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}@media(max-width:767px){.st-danger-zone-content{flex-direction:column;align-items:stretch;text-align:left;gap:14px;padding:16px}.st-danger-action-btn{justify-content:center;width:100%;height:42px}}.calendar-view-container{display:flex;flex-direction:column;gap:var(--space-8);animation:fadeUp var(--duration-slow) var(--ease-out)}.calendar-controls{display:flex;align-items:center;justify-content:space-between;background:var(--bg-surface);padding:var(--space-4) var(--space-8);border-radius:var(--radius-xl);border:1px solid rgba(0,0,0,.06);box-shadow:0 1px 3px #0000000f,0 1px 2px #0000000a}.calendar-month-title{font-size:var(--fs-lg);font-weight:850;color:var(--text-primary);letter-spacing:-.02em}.calendar-nav-buttons{display:flex;gap:var(--space-2)}.calendar-grid-wrapper{background:var(--bg-surface);border-radius:var(--radius-xl);padding:var(--space-8);border:1px solid rgba(0,0,0,.05);box-shadow:0 1px 3px #0000000f,0 1px 2px #0000000a;overflow:hidden}.calendar-weekday-row{display:grid;grid-template-columns:repeat(7,1fr);margin-bottom:var(--space-4);border-bottom:1px solid rgba(0,0,0,.04);padding-bottom:var(--space-2)}.weekday-label{text-align:center;font-size:var(--fs-xs);font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em}.calendar-days-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;background:#00000008;border:1px solid rgba(0,0,0,.04)}.calendar-day-cell{background:var(--bg-surface);min-height:100px;padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-1);transition:all var(--duration-base) var(--ease-out);cursor:pointer;position:relative}.calendar-day-cell:hover{background:var(--color-neutral-50);z-index:2}.calendar-day-cell.other-month{background:var(--color-neutral-50);opacity:.5}.calendar-day-cell.today{background:oklch(99% .01 var(--brand-hue));border:1px solid oklch(90% .05 var(--brand-hue))}.calendar-day-cell.today .day-number{color:var(--color-brand-primary);font-weight:900}.day-number{font-size:var(--fs-sm);font-weight:700;color:var(--text-secondary)}.calendar-entry-dot{width:6px;height:6px;border-radius:var(--radius-full)}.calendar-day-entries{display:flex;flex-wrap:wrap;gap:4px;margin-top:auto}.calendar-entry-pill{font-size:10px;font-weight:800;padding:2px 6px;border-radius:var(--radius-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.calendar-layout-secondary{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-8)}@media(max-width:1024px){.calendar-layout-secondary{grid-template-columns:1fr}}.day-detail-panel{background:var(--bg-surface);border-radius:var(--radius-xl);padding:var(--space-6);border:1px solid rgba(0,0,0,.06);box-shadow:0 1px 3px #0000000f,0 1px 2px #0000000a}.cal-detail-panel,.cal-idle-panel,.highlight-card{background:var(--bg-surface)!important;border-radius:24px!important;padding:24px!important;border:1px solid rgba(15,23,42,.06)!important;box-shadow:0 18px 44px #0f172a0f!important;transition:all .25s cubic-bezier(.4,0,.2,1)!important}@media(max-width:768px){.calendar-day-cell{min-height:60px;padding:var(--space-1)}.day-number{font-size:var(--fs-xs)}.calendar-entry-pill{display:none}.calendar-day-entries{justify-content:center}.calendar-tab-view{padding:0 0 120px!important;padding-bottom:calc(120px + env(safe-area-inset-bottom))!important}.calendar-main-header{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:10px!important;padding:0 var(--space-2)!important;margin-bottom:8px!important}.calendar-main-header .title-group{text-align:left!important;align-items:flex-start!important;margin-bottom:2px!important;width:100%!important}.cal-header-total{width:100%!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;padding:14px 16px!important;border-radius:20px!important;background:#eaf2ff!important;background:oklch(96% .025 260)!important;border:1px solid oklch(88% .06 260)!important;box-sizing:border-box!important;position:relative!important;cursor:pointer!important;transition:transform .15s cubic-bezier(.34,1.56,.64,1),box-shadow .2s ease,border-color .2s ease!important;min-height:72px!important}.cal-header-total:active{transform:scale(.96)!important;box-shadow:0 4px 16px #1c69e326!important;border-color:#80a5e3!important}.cal-header-total-label{font-size:11px!important;color:#2a5397!important;font-weight:500!important;line-height:1.3!important}.cal-header-total-value{font-size:22px!important;font-weight:800!important;color:var(--color-brand-primary)!important;margin-top:4px!important;line-height:1.2!important;letter-spacing:-.03em!important;word-break:keep-all!important}.calendar-overview-strip{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:6px!important;padding:0 var(--space-2)!important;margin-top:0!important}.calendar-overview-card.emphasis,.calendar-overview-strip .calendar-overview-card:nth-child(2),.calendar-overview-strip .calendar-overview-card:nth-child(3){grid-column:unset!important;grid-row:unset!important}.calendar-overview-card{padding:10px!important;border-radius:20px!important;border:1px solid rgba(0,0,0,.04)!important;background:var(--bg-surface)!important;box-shadow:0 4px 12px #00000008,0 1px 2px #00000005!important;box-sizing:border-box!important;height:auto!important;min-height:64px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:flex-start!important;margin:0!important;position:relative!important;cursor:pointer!important;transition:transform .15s cubic-bezier(.34,1.56,.64,1),box-shadow .2s ease,border-color .2s ease!important}.calendar-overview-card:active{transform:scale(.96)!important;background:#f0f6ff!important;background:oklch(97% .015 260)!important;border-color:#9ab9eb!important;box-shadow:0 2px 8px #1c69e31a!important}.calendar-overview-card .overview-label{font-size:10px!important;color:var(--text-muted)!important;margin:0!important;line-height:1.2!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:100%!important}.calendar-overview-card strong{font-size:16px!important;font-weight:700!important;color:var(--text-primary)!important;margin-top:3px!important;display:block!important;line-height:1.2!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:100%!important}.calendar-overview-card p{display:none!important}.card-chevron{position:absolute!important;top:8px!important;right:8px!important;opacity:.3!important;color:var(--text-muted)!important;flex-shrink:0!important}.calendar-dashboard-grid{grid-template-columns:1fr!important;gap:20px!important;padding:0 var(--space-2)!important;margin-top:12px!important}.calendar-bento-card{padding:var(--space-3)!important;border-radius:20px!important}.cal-month-nav{display:flex!important;flex-direction:column!important;align-items:center!important;gap:8px!important;width:100%!important;margin-bottom:12px!important}.month-nav-controls{display:flex!important;align-items:center!important;justify-content:center!important;gap:14px!important;width:100%!important;position:relative!important}.month-nav-controls h4{font-size:1.15rem!important;font-weight:850!important;color:var(--text-primary)!important;margin:0!important;min-width:70px!important;text-align:center!important;letter-spacing:-.03em!important}.nav-btn-mini{width:34px!important;height:34px!important;border-radius:50%!important;background:var(--color-neutral-100)!important;border:1px solid rgba(0,0,0,.06)!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;transition:all var(--duration-base) var(--ease-out)!important}.nav-btn-mini:active{transform:scale(.92)!important;background:var(--color-neutral-200)!important;transition:transform .1s ease!important}.nav-text-arrow{font-size:14px!important;font-weight:800!important;color:var(--text-primary)!important}.today-reset-btn{position:absolute!important;right:0!important;padding:6px 12px!important;font-size:11px!important;font-weight:700!important;border-radius:var(--radius-full)!important;background:var(--bg-surface)!important;border:1px solid rgba(0,0,0,.07)!important;color:var(--color-brand-primary)!important;top:50%!important;transform:translateY(-50%)!important}.calendar-selection-copy{display:none!important}.cal-legend-wrap{position:relative!important;margin:6px 0 8px!important}.cal-legend-wrap:after{content:""!important;position:absolute!important;top:0!important;right:0!important;bottom:0!important;width:44px!important;background:linear-gradient(to right,transparent,var(--bg-surface) 90%)!important;pointer-events:none!important;z-index:1!important}.cal-legend{display:flex!important;flex-direction:row!important;align-items:center!important;gap:5px!important;width:100%!important;overflow-x:auto!important;overflow-y:visible!important;white-space:nowrap!important;padding:2px 44px 4px 0!important;margin:0!important;border:none!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important}.cal-legend::-webkit-scrollbar{display:none!important}.cal-legend-item{display:inline-flex!important;align-items:center!important;gap:4px!important;font-size:10px!important;font-weight:600!important;color:var(--text-muted)!important;flex-shrink:0!important;background:var(--color-neutral-100)!important;border-radius:9999px!important;padding:3px 8px!important;border:1px solid rgba(0,0,0,.06)!important}.cal-legend-item .dot{display:inline-block!important;width:6px!important;height:6px!important;flex-shrink:0!important;margin-right:0!important}.cal-grid-premium{display:grid!important;grid-template-columns:repeat(7,1fr)!important;column-gap:4px!important;row-gap:8px!important;width:100%!important;box-sizing:border-box!important;padding:0!important;margin:0!important}.cal-weekday-label{display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;font-size:11px!important;padding:4px 0!important;font-weight:800!important;color:var(--text-secondary)!important;letter-spacing:.04em!important}.cal-cell-p{min-height:0!important;height:auto!important;aspect-ratio:1!important;padding:0 0 8px!important;border-radius:8px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;position:relative!important;overflow:hidden!important;border:1px solid transparent!important;background:var(--bg-surface)!important;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .15s ease!important}.cal-cell-p.weekend .day-num{color:#ce7069!important}.cal-cell-p .day-num{font-size:13px!important;font-weight:800!important;color:var(--text-secondary)!important;margin-top:0!important;line-height:1!important;display:flex!important;align-items:center!important;justify-content:center!important}.cal-cell-p .cal-cell-head{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important}.cal-cell-p.today{background:oklch(98% .01 var(--brand-hue))!important;border:1.5px solid var(--color-brand-primary)!important}.cal-cell-p.today .day-num{color:var(--color-brand-primary)!important;font-weight:900!important}.cal-cell-p.today .today-chip{display:none!important}.cal-cell-p.selected{border:1.5px solid var(--color-brand-primary)!important;box-shadow:0 0 0 2px #b2cfff80!important;box-shadow:0 0 0 2px oklch(85% .08 260 / .5)!important;transform:scale(1.06)!important;z-index:5!important}.cal-cell-p .day-total-sum,.cal-cell-p .event-dot-container,.calendar-panel-hint{display:none!important}.cal-cell-p.marked:after{content:""!important;position:absolute!important;bottom:3px!important;left:50%!important;transform:translate(-50%)!important;width:4px!important;height:4px!important;border-radius:50%!important;display:block!important;z-index:2!important}.cal-cell-p.marked.type-recurring:after{background:var(--color-brand-primary)!important;box-shadow:0 0 4px var(--color-brand-primary)!important}.cal-cell-p.marked.type-one-time:after{background:#57b04f!important;box-shadow:0 0 4px #57b04f!important}.cal-cell-p.marked.mixed:after{width:8px!important;height:4px!important;border-radius:2px!important;background:linear-gradient(90deg,var(--color-brand-primary) 50%,oklch(68% .16 142) 50%)!important;box-shadow:none!important}.cal-cell-p.urgent{border-color:transparent!important}.cal-cell-p.urgent:after{background:#ca545a!important;box-shadow:0 0 6px #ca545a!important}}.cal-idle-panel{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-5)}.cal-idle-header{display:flex;align-items:center;gap:var(--space-2)}.cal-idle-header h3{font-size:var(--fs-base);font-weight:700;color:var(--text-primary);margin:0}.cal-idle-icon{color:var(--color-brand-primary);flex-shrink:0}.calendar-side-overview{display:flex;flex-direction:column}.calendar-side-stat{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid rgba(0,0,0,.03)}.calendar-side-stat:last-child{border-bottom:none}.calendar-side-label{font-size:var(--fs-xs);color:var(--text-muted);font-weight:500}.calendar-side-label:after{content:" :";color:var(--text-muted);margin-left:2px}.cal-side-value{display:flex;align-items:baseline;gap:3px}.cal-side-value strong{font-size:var(--fs-base);font-weight:800;color:var(--text-primary);letter-spacing:-.02em}.cal-side-unit{font-size:var(--fs-xs);color:var(--text-muted)}.cal-due-section{display:flex;flex-direction:column;gap:var(--space-2)}.cal-due-section-label{font-size:var(--fs-xs);font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.notification-flow{display:flex;flex-direction:column;gap:var(--space-2)}.notif-bar-mini{display:flex;align-items:center;gap:var(--space-3);padding:12px 16px;border-radius:16px;border:1px solid rgba(0,0,0,.04);background:var(--bg-surface);box-shadow:0 4px 12px #00000005,0 1px 2px #00000005;cursor:pointer;transition:transform .15s cubic-bezier(.34,1.56,.64,1),background .15s ease,border-color .15s ease,box-shadow .15s ease}.notif-bar-mini:hover{background:var(--color-neutral-50);box-shadow:0 4px 12px #0000000f}.notif-bar-mini:active{transform:scale(.96)}.notif-bar-mini.notif-urgent{border-color:#fbd7d6;background:#fffcfc;background:oklch(99.5% .008 20)}.notif-bar-mini.notif-near{border-color:#d6e2f6;background:#fcfdff;background:oklch(99.5% .006 260)}.dday-badge{font-size:11px;font-weight:800;padding:3px 8px;border-radius:9999px;flex-shrink:0;letter-spacing:-.02em}.dday-badge.badge-urgent{background:#ffe0df;background:oklch(94% .06 20);color:#930023;color:oklch(42% .18 20)}.dday-badge.badge-near{background:#e0ecff;background:oklch(94% .04 260);color:var(--color-brand-primary)}.notif-info{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.notif-name-row{display:flex;align-items:center;gap:var(--space-2)}.notif-name{font-size:var(--fs-sm);font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notif-price{font-size:var(--fs-xs);color:var(--text-muted);white-space:nowrap!important}.notif-type-chip{display:inline-flex;align-items:center;gap:4px;flex-shrink:0;font-size:10px;font-weight:700;padding:2px 7px;border-radius:9999px;white-space:nowrap;line-height:1.4}.notif-type-chip svg{flex-shrink:0;display:block}.notif-type-chip.chip-recurring{background:#dbe9ff;background:oklch(93% .04 260);color:var(--color-brand-primary);border:1px solid oklch(85% .08 260 / .3)}.notif-type-chip.chip-one-time{background:#d2f3ce;color:#055200;color:oklch(38% .14 142);border:1px solid oklch(85% .1 142 / .3)}.calendar-empty-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-6) var(--space-4);color:var(--text-muted);text-align:center;background:radial-gradient(circle at 50% 50%,#f5f9ff99,#eef2f91a);background:radial-gradient(circle at 50% 50%,color(xyz 0.894 0.942 1.115 / 0.6),#eef2f91a);border:1px dashed oklch(85% .05 260 / .6);border-radius:16px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:inset 0 0 12px #fffc}.calendar-empty-panel span{font-size:var(--fs-sm);font-weight:700;color:var(--color-brand-primary);margin-top:4px}.calendar-empty-panel p{font-size:var(--fs-xs);color:var(--text-secondary);margin:0;opacity:.85}.stat-summary-pro{display:flex;flex-direction:column;margin-top:var(--space-2)}.pro-stat-item{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid rgba(0,0,0,.04)}.pro-stat-item:last-child{border-bottom:none;padding-bottom:2px}.stat-label{display:flex;align-items:center;gap:5px;font-size:var(--fs-xs);font-weight:500;color:var(--text-muted);line-height:1.2;flex-shrink:1!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.stat-label svg{flex-shrink:0;opacity:.6}.stat-title-icon{display:inline-block;vertical-align:middle;margin-left:6px;opacity:.5;color:var(--color-brand-primary)}.stat-value{font-size:var(--fs-base);font-weight:800;color:var(--text-primary);letter-spacing:-.02em;line-height:1.2;text-align:right;white-space:nowrap!important;flex-shrink:0!important}.cal-side-value{white-space:nowrap!important;flex-shrink:0!important}.stat-value span{font-size:var(--fs-xs);font-weight:500;color:var(--text-muted);margin-left:1px}.stat-value-sm{font-size:var(--fs-sm);font-weight:600;color:var(--text-primary);text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100px}@media(max-width:768px){.stat-summary-pro{margin-top:var(--space-1)!important}.pro-stat-item{flex-direction:row!important;padding:10px 0!important;background:none!important;border-bottom:1px solid rgba(0,0,0,.04)!important;box-shadow:none!important;border-radius:0!important}}.cal-detail-panel{margin-bottom:28px!important}@media(max-width:768px){.cal-detail-panel,.cal-idle-panel,.highlight-card{padding:16px!important;border-radius:20px!important}}.bento-header-dash{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-3)}.bento-header-dash h3{font-size:var(--fs-base);font-weight:700;color:var(--text-primary);margin:0;line-height:1.3}.back-mini-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;border:1px solid rgba(0,0,0,.07);background:var(--color-neutral-50);color:var(--text-secondary);cursor:pointer;flex-shrink:0;transition:background .15s ease,border-color .15s ease}.back-mini-btn:active{background:var(--color-neutral-100);border-color:var(--color-neutral-300)}.calendar-selected-summary{display:flex;align-items:center!important;justify-content:space-between;gap:var(--space-2);padding:10px 14px;border-radius:16px;background:var(--color-neutral-50);border:1px solid rgba(0,0,0,.05);margin-bottom:var(--space-3)}.summary-left{display:flex;align-items:center;gap:6px;flex:1;min-width:0}.item-count-badge{font-size:var(--fs-sm);font-weight:700;color:var(--color-brand-primary);background:#dbe9ff;background:oklch(93% .04 260);padding:2px 8px;border-radius:9999px;white-space:nowrap;flex-shrink:0}.item-status-text{font-size:var(--fs-xs);color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.summary-right{flex-shrink:0}.summary-total-price{font-size:14px!important;font-weight:600!important;color:var(--text-secondary)!important;letter-spacing:-.01em}.daily-detail-list{display:flex;flex-direction:column;gap:var(--space-2)}.sub-item-premium-row.mini.detail-row{display:flex!important;align-items:center!important;padding:12px 18px!important}.sub-item-premium-row.mini.detail-row .row-arrow{color:var(--text-muted);opacity:.75;flex-shrink:0}.daily-total-footer{display:flex;align-items:center;justify-content:space-between;width:100%;border-top:1px solid rgba(0,0,0,.05);padding-top:12px;margin-top:var(--space-3);padding-left:4px;padding-right:4px}.daily-total-footer span{font-size:var(--fs-sm);font-weight:600;color:var(--text-secondary)}.daily-total-footer strong{font-size:var(--fs-base);font-weight:800;color:var(--text-primary);letter-spacing:-.02em}@media(max-width:768px){.cal-detail-panel{margin-bottom:28px!important}.bento-header-dash{margin-bottom:var(--space-3)!important}.sub-item-premium-row.mini.detail-row{display:flex!important;align-items:center!important;padding:12px 18px!important}.sub-item-premium-row.mini.detail-row .row-arrow{opacity:.75!important}}.dot.recurring{background:var(--color-brand-primary);border-radius:50%}.dot.one-time{background:#57b04f;border-radius:50%}.dot.urgent{background:#ca545a;border-radius:50%}.dot.today{background:var(--color-brand-primary);border-radius:50%;outline:2px solid oklch(85% .08 260 / .5);outline-offset:1px}@media(min-width:769px){.calendar-tab-view{padding:0 0 40px}.calendar-main-header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:16px;padding:0;margin-bottom:16px}.calendar-main-header .title-group{flex-shrink:0;align-items:flex-start;text-align:left}.cal-header-total{display:flex;flex-direction:row;align-items:center;gap:8px;padding:10px 16px;border-radius:20px;background:#eaf2ff;background:oklch(96% .025 260);border:1px solid oklch(88% .06 260);box-shadow:0 2px 8px #0000000f;cursor:pointer;transition:transform .15s cubic-bezier(.34,1.56,.64,1),box-shadow .2s ease,border-color .2s ease;white-space:nowrap;flex-shrink:0}.cal-header-total:active{transform:scale(.97)}.cal-header-total:hover{box-shadow:0 4px 16px #1c69e31f;border-color:#89afed}.cal-header-total-label{font-size:12px;color:#2a5397;font-weight:500;line-height:1.3}.cal-header-total-value{font-size:16px;font-weight:800;color:var(--color-brand-primary);letter-spacing:-.02em;line-height:1.2}.card-chevron{opacity:.35;color:var(--text-muted);flex-shrink:0}.calendar-overview-strip{display:flex;flex-direction:row;align-items:stretch;gap:12px;margin-bottom:20px;margin-top:0}.calendar-overview-card{flex:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;padding:16px 16px 14px;border-radius:20px;border:1px solid rgba(0,0,0,.04);background:var(--bg-surface);box-shadow:0 4px 12px #00000008,0 1px 2px #00000005;position:relative;cursor:pointer;transition:transform .15s cubic-bezier(.34,1.56,.64,1),box-shadow .2s ease,border-color .2s ease;min-height:88px}.calendar-overview-card:hover{box-shadow:0 4px 12px #00000017;border-color:#0000001a}.calendar-overview-card:active{transform:scale(.98);transition:transform .1s ease}.calendar-overview-card .overview-label{font-size:11px;color:var(--text-muted);font-weight:500;line-height:1.3;flex-shrink:0}.calendar-overview-card strong{font-size:20px;font-weight:800;color:var(--text-primary);margin-top:0;display:block;line-height:1.2;letter-spacing:-.02em}.calendar-overview-card p{display:block;font-size:11px;color:var(--text-muted);margin:3px 0 0;line-height:1.4}.calendar-dashboard-grid{display:grid;grid-template-columns:28fr 72fr;gap:20px;padding:0;margin-top:0}.side-stats-col{order:-1;display:flex;flex-direction:column;gap:16px}.main-list-col{order:1}.calendar-bento-card{padding:20px 20px 16px;border-radius:20px}.calendar-header-premium{display:grid;grid-template-columns:1fr auto;align-items:start;gap:12px;margin-bottom:12px}.cal-month-nav{display:flex;flex-direction:column;gap:8px;min-width:0}.month-nav-controls{display:flex;align-items:center;justify-content:center;gap:12px;position:static}.month-nav-controls h4{font-size:1.1rem;font-weight:850;color:var(--text-primary);margin:0;letter-spacing:-.03em;text-align:center;min-width:80px}.nav-btn-mini{width:36px;height:36px;border-radius:50%;background:var(--color-neutral-100);border:1px solid rgba(0,0,0,.06);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .1s ease;flex-shrink:0}.nav-btn-mini:hover{background:var(--color-neutral-200)}.nav-btn-mini:active{transform:scale(.92);background:var(--color-neutral-200);transition:transform .1s ease}.nav-text-arrow{font-size:14px;font-weight:800;color:var(--text-primary)}.today-reset-btn{position:static;transform:none;padding:6px 14px;font-size:12px;font-weight:700;border-radius:9999px;background:var(--bg-surface);border:1px solid rgba(0,0,0,.07);color:var(--color-brand-primary);cursor:pointer;transition:background .15s ease,transform .1s ease;white-space:nowrap}.today-reset-btn:hover{background:#eaf2ff;background:oklch(96% .025 260)}.today-reset-btn:active{transform:scale(.96);background:#e0ecff;background:oklch(94% .03 260);transition:transform .1s ease}.calendar-selection-copy{display:block;font-size:11px;color:var(--text-muted);line-height:1.4}.cal-legend-wrap{margin:0;justify-self:end;align-self:start;max-width:100%;overflow:hidden}.cal-legend-wrap:after{display:none}.cal-legend{display:flex;flex-direction:row;align-items:center;gap:6px;flex-wrap:wrap;overflow:hidden;padding:0;border:none;margin:0;max-width:100%}.cal-legend-item{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600;color:var(--text-muted);background:var(--color-neutral-100);border-radius:9999px;padding:4px 10px;border:1px solid rgba(0,0,0,.06);flex-shrink:0;white-space:nowrap}.cal-legend-item .dot{width:7px;height:7px;flex-shrink:0}.cal-grid-premium{display:grid;grid-template-columns:repeat(7,1fr);column-gap:4px;row-gap:6px;width:100%;box-sizing:border-box;padding:0;margin:0}.cal-weekday-label{display:flex;align-items:center;justify-content:center;text-align:center;font-size:11px;font-weight:700;color:var(--text-secondary);letter-spacing:.04em;padding:6px 0}.cal-cell-p{min-height:90px;height:auto;aspect-ratio:unset;padding:8px 6px 6px;border-radius:10px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;position:relative;overflow:hidden;border:1px solid transparent;background:var(--bg-surface);transition:transform .15s cubic-bezier(.34,1.56,.64,1),background .15s ease,border-color .15s ease,box-shadow .15s ease;cursor:default}.cal-cell-p.marked{cursor:pointer;background:var(--bg-surface)}.cal-cell-p:hover{background:var(--color-neutral-50)}.cal-cell-p.marked:hover{background:#f0f6ff;background:oklch(97% .02 260);border-color:#b7cff6}.cal-cell-p.marked:active{transform:scale(.96)!important;transition:transform .15s cubic-bezier(.34,1.56,.64,1)!important}.cal-cell-p.weekend .day-num{color:#c65954}.cal-cell-p .cal-cell-head{display:flex;align-items:center;justify-content:flex-start;gap:4px;width:100%;margin-bottom:0}.cal-cell-p .day-num{font-size:13px;font-weight:700;color:var(--text-secondary);line-height:1}.cal-cell-p.today{background:oklch(98% .01 var(--brand-hue));border:1.5px solid var(--color-brand-primary)}.cal-cell-p.today .day-num{color:var(--color-brand-primary);font-weight:900}.cal-cell-p.today .today-chip{display:inline-flex;align-items:center;font-size:9px;font-weight:700;color:#fff;background:var(--color-brand-primary);border-radius:9999px;padding:1px 5px;line-height:1.4;flex-shrink:0}.cal-cell-p.selected{border:1.5px solid var(--color-brand-primary);box-shadow:0 0 0 2px #b2cfff66;box-shadow:0 0 0 2px oklch(85% .08 260 / .4);background:#f0f6ff;background:oklch(97% .02 260);z-index:5}.cal-cell-p.urgent{border-color:#f4b0af;background:snow;background:oklch(99% .01 20)}.cal-cell-p.urgent .day-total-sum{color:#7f041e}.cal-cell-p.selected .day-total-sum{color:var(--color-brand-primary);font-weight:800}.cal-cell-p .event-dot-container{display:flex;flex-direction:column;gap:3px;width:100%;overflow:hidden;margin-top:6px;margin-bottom:6px}.cal-cell-p .day-total-sum{display:block;width:100%;text-align:right;font-size:10px;font-weight:700;color:var(--color-brand-primary);letter-spacing:-.01em;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:auto}.event-summary-row{display:flex;align-items:center;gap:4px;overflow:hidden}.event-count-badge{font-size:9px;font-weight:700;color:#0f3778;background:#dbe9ff;background:oklch(93% .04 260);border:1px solid oklch(85% .08 260 / .3);padding:1px 5px;border-radius:9999px;white-space:nowrap;flex-shrink:0}.event-urgency-copy{font-size:9px;font-weight:700;color:#7f041e;background:#ffe8e8;background:oklch(95% .05 20);border:1px solid oklch(82% .1 20 / .35);padding:1px 5px;border-radius:9999px;white-space:nowrap;flex-shrink:0}.event-service-list{display:flex;flex-direction:column;gap:2px;width:100%;overflow:hidden}.event-pill-mini{display:flex;align-items:center;gap:3px;font-size:10px;font-weight:700;padding:2px 5px;border-radius:9999px;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;line-height:1.4;transition:opacity .15s ease;text-align:left;background:none}.event-pill-mini:hover{opacity:.75}.event-pill-mini.pill-recurring{background:#dbe9ff;background:oklch(93% .04 260);color:var(--color-brand-primary);border:1px solid oklch(85% .08 260 / .3)}.event-pill-mini.pill-one-time{background:#d2f3ce;color:#055200;color:oklch(38% .14 142);border:1px solid oklch(85% .1 142 / .3)}.pill-type-icon{flex-shrink:0}.event-copy{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.event-more-count{font-size:9px;font-weight:600;color:var(--text-muted);padding:1px 4px;background:var(--color-neutral-100);border-radius:9999px;display:inline-block;margin-top:1px;width:fit-content}.cal-cell-p.marked:after{display:none}.calendar-panel-hint{display:block}.stat-summary-pro{margin-top:var(--space-2)}.notif-name{flex:1;min-width:0;font-size:var(--fs-sm);font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notif-name-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);width:100%}.notif-price{font-size:var(--fs-xs);color:var(--text-secondary);font-weight:500}}@media(min-width:1024px){.calendar-dashboard-grid{grid-template-columns:26fr 74fr;gap:24px}.calendar-overview-card{min-height:96px;padding:18px 18px 16px}.calendar-overview-card strong{font-size:22px}.cal-cell-p{min-height:110px;padding:10px 8px 8px}.cal-cell-p .day-num{font-size:14px;font-weight:800}.cal-cell-p .day-total-sum{font-size:11px}.event-pill-mini{font-size:10px;padding:2px 6px}.cal-grid-premium{column-gap:5px;row-gap:8px}.calendar-bento-card{padding:24px 24px 20px;border-radius:24px}}.status-badge{background:var(--color-vibe-mint);color:#fff;padding:2px 8px;border-radius:6px;font-size:.75rem;font-weight:700}.full-modal-overlay{position:fixed;inset:0;background:#f8fafc;z-index:5000;display:flex;justify-content:center}.full-modal-content{width:100%;max-width:480px;height:100%;background:#f8fafc;display:flex;flex-direction:column}.inquiry-modal-header{padding:1.5rem 1.5rem .5rem;display:flex;flex-direction:column;align-items:flex-start;gap:1.5rem;border-bottom:none}.close-modal-btn{padding:8px;margin-left:-8px;color:#94a3b8;transition:color .2s}.close-modal-btn:hover{color:var(--text-main)}.modal-title{font-size:1.6rem;font-weight:800;color:var(--text-main);margin:0;padding-left:.2rem}.inquiry-container{flex:1;overflow-y:auto;padding:1.5rem 1.5rem 3rem;scrollbar-width:thin}.inquiry-form{background:#fff;padding:1.5rem;border-radius:24px;border:1px solid var(--glass-border);margin-bottom:3rem;box-shadow:0 10px 40px #0000001a;width:100%;box-sizing:border-box}.inquiry-input{width:100%;display:block;background:#f1f5f9;border:1px solid var(--glass-border);border-radius:16px;padding:1.1rem 1.2rem;color:var(--text-main);font-size:1rem;font-weight:700;outline:none;font-family:inherit;box-sizing:border-box;transition:all .3s cubic-bezier(.4,0,.2,1)}.inquiry-input:focus{border-color:var(--accent-color);background:#fff;box-shadow:0 0 15px #00e67633}.textarea-group{margin-bottom:1.5rem}.inquiry-textarea{width:100%;display:block;height:200px;background:#f1f5f9;border:1px solid var(--glass-border);border-radius:16px;padding:1.2rem 1.2rem 2.5rem;color:var(--text-main);font-family:inherit;font-size:1rem;resize:none;outline:none;line-height:1.6;box-sizing:border-box;transition:all .3s cubic-bezier(.4,0,.2,1)}.inquiry-textarea:focus{border-color:var(--accent-color);background:#fff;box-shadow:0 0 15px #00e67633}.char-counter{position:absolute;bottom:15px;right:18px;font-size:.75rem;color:#64748b;font-weight:600;pointer-events:none}.char-counter span.at-limit{color:#f43f5e}.inquiry-submit-btn{width:100%;padding:1.2rem;background:var(--accent-color);color:#011627;font-weight:800;border-radius:18px;border:none;display:flex;align-items:center;justify-content:center;gap:.6rem;font-size:1.1rem;cursor:pointer;box-sizing:border-box;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 24px #00e6764d}.inquiry-direct-contact{margin-top:1.5rem;text-align:center}.inquiry-direct-contact p{font-size:.8rem;color:#64748b;margin:0 0 .4rem;font-weight:500}.email-link{display:inline-flex;align-items:center;gap:.4rem;color:#94a3b8;font-size:.85rem;font-weight:700;text-decoration:none;background:#00000008;padding:.4rem .8rem;border-radius:10px;transition:all .2s}.email-link:hover{background:#00e6761a;color:var(--accent-color);transform:translateY(-1px)}.inquiry-submit-btn:hover:not(:disabled){transform:translateY(-2px);filter:brightness(1.05);box-shadow:0 6px 25px #00e67659}.inquiry-submit-btn:active:not(:disabled){transform:translateY(0)}.inquiry-submit-btn:disabled,.inquiry-submit-btn.v-disabled{background:#cbd5e1;color:#94a3b8;cursor:pointer;box-shadow:none}.inquiry-submit-btn:disabled{cursor:not-allowed}.my-inquiries-section h4{margin:0 0 1.5rem;font-size:1.4rem;color:var(--text-main);font-weight:800;padding-left:.2rem}.inquiry-card{background:#fff;border:1px solid var(--glass-border);padding:1.5rem;border-radius:22px;margin-bottom:1.5rem;transition:all .3s ease;cursor:pointer}.inquiry-card:hover{border-color:var(--accent-blue);transform:translate(4px);background:#f8fafc}.inquiry-card.answered{border-left:5px solid #00df82}.inquiry-card.pending{border-left:5px solid #64748b}.card-top{display:flex;justify-content:space-between;margin-bottom:.8rem;align-items:center}.status-badge{font-size:.7rem;font-weight:800;padding:.3rem .6rem;border-radius:6px;text-transform:uppercase}.status-badge.pending{background:#94a3b826;color:#94a3b8}.status-badge.answered{background:#00e67626;color:#00df82}.card-date{font-size:.75rem;color:#64748b}.card-title{font-weight:700;font-size:1.1rem;margin-bottom:.8rem;display:flex;align-items:center;gap:.6rem;color:#f1f5f9}.new-tag{background:#f43f5e;color:#fff;font-size:.6rem;padding:.1rem .4rem;border-radius:5px;font-weight:900}.card-content{font-size:.95rem;color:#94a3b8;line-height:1.6;white-space:pre-wrap}.empty-inquiry{text-align:center;padding:4rem 1.5rem;color:#64748b;display:flex;flex-direction:column;align-items:center;gap:1.2rem}.empty-inquiry p{margin:0;font-size:1rem;font-weight:500}.admin-reply{margin-top:1.5rem;background:#10b98114;padding:1.2rem;border-radius:16px;border-left:4px solid #00df82;animation:fadeIn .5s ease-out}.reply-header{display:flex;align-items:center;gap:.5rem;font-size:.8rem;font-weight:900;color:#00df82;margin-bottom:.8rem}.reply-body{font-size:.95rem;color:#f1f5f9;line-height:1.6}.unread-dot{background:#f43f5e;color:#fff;font-size:.65rem;font-weight:900;min-width:18px;height:18px;border-radius:9px;display:flex;align-items:center;justify-content:center;margin-left:auto;box-shadow:0 0 10px #f43f5e66}.restricted-access{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;text-align:center;padding:20px;background-color:var(--bg-color);color:var(--text-main)}.restricted-access h2{margin-bottom:1rem;color:var(--text-main)}.restricted-access .user-email{margin:1rem 0;padding:8px 16px;background:var(--card-bg);border-radius:8px;font-weight:700;border:1px solid var(--glass-border)}.restricted-access button{margin-top:20px;padding:10px 20px;background-color:var(--text-main);color:#fff;border:none;border-radius:8px;cursor:pointer;transition:opacity .2s}.restricted-access button:hover{opacity:.9}.admin-container{min-height:100vh;background-color:#f8fafc;color:#1e293b;padding:1.5rem;font-family:Pretendard,sans-serif;max-width:1200px;margin:0 auto}.cyan-text{color:#06b6d4}.gold-text{color:#d97706}.green-text{color:#059669}.summary-banner{background:linear-gradient(90deg,#00f2ff1a,#a855f71a);border:1px solid rgba(0,242,255,.2);padding:1rem 1.5rem;border-radius:16px;margin-bottom:2rem;font-size:.95rem;font-weight:600;color:#334155;display:flex;align-items:center;gap:.8rem}.summary-banner .highlight{color:#06b6d4;font-weight:800;font-size:1.1rem}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid rgba(0,0,0,.05)}.header-left{display:flex;align-items:center;gap:1rem}.admin-header h1{font-size:1.5rem;font-weight:800;margin:0}.header-right{display:flex;align-items:center;gap:1rem}.icon-btn{background:#0000000d;border:none;color:#64748b;padding:.5rem;border-radius:12px;cursor:pointer}.refresh-btn{display:flex;align-items:center;gap:.5rem;background:#fff;border:1px solid #e2e8f0;color:#64748b;padding:.6rem 1rem;border-radius:12px;font-weight:600;cursor:pointer;transition:all .2s}.refresh-btn:hover{background:#f1f5f9;color:#1e293b}.spinning{animation:spin 1s linear infinite}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:2rem}@media(min-width:768px){.stats-grid{grid-template-columns:repeat(4,1fr)}}.stat-card{padding:1.5rem;border-radius:20px;background:#fff;display:flex;flex-direction:column;gap:1rem;border:1px solid #e2e8f0;box-shadow:0 4px 6px -1px #0000000d}.stat-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center}.stat-card.gold .stat-icon{background:#d977061a;color:#d97706}.stat-card.cyan .stat-icon{background:#06b6d41a;color:#06b6d4}.stat-card.purple .stat-icon{background:#a855f71a;color:#a855f7}.stat-card.green .stat-icon{background:#10b9811a;color:#10b981}.stat-info{display:flex;flex-direction:column}.stat-label{font-size:.85rem;color:#94a3b8;margin-bottom:.3rem}.stat-value{font-size:1.5rem;font-weight:800}.stat-delta{font-size:.75rem;font-weight:700;margin-top:.4rem;color:#64748b}.stat-delta.up{color:#10b981}.stats-grid.mini{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:-1rem;margin-bottom:2rem}.mini-stat-card{background:#fff;padding:1rem;border-radius:16px;border:1px solid #e2e8f0}.mini-stat-card.core{background:#00f2ff0d;border-color:#00f2ff33}.mini-label{font-size:.75rem;color:#94a3b8}.mini-value-row{display:flex;align-items:baseline;gap:.4rem;margin-top:.2rem}.mini-value{font-size:1.1rem;font-weight:700}.mini-percent{font-size:.8rem;color:#64748b;font-weight:500}.mini-delta.up{font-size:.7rem;color:#10b981;font-weight:800;margin-top:.2rem;display:block}.user-management-section{background:#fff;padding:1.5rem;border-radius:24px;border:1px solid #e2e8f0;margin-bottom:2rem;box-shadow:0 4px 6px -1px #0000000d}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.section-header h3{margin:0;font-size:1.1rem;display:flex;align-items:center;gap:.6rem;color:#1e293b}.analytics-link-btn{background:#00f2ff1a;color:#00f2ff;border:1px solid rgba(0,242,255,.2);padding:.5rem 1rem;border-radius:10px;font-size:.85rem;font-weight:700;display:flex;align-items:center;gap:.3rem;cursor:pointer;transition:all .2s}.analytics-link-btn:hover{background:#00f2ff33;transform:translate(3px)}.admin-user-list-mini{display:flex;flex-direction:column;gap:.6rem}.user-row-mini{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#f8fafc;border-radius:16px;border:1px solid #e2e8f0;cursor:pointer;transition:all .2s}.user-row-mini:hover{background:#f1f5f9;border-color:#00f2ff66}.user-main{display:flex;align-items:center;gap:1rem}.u-avatar-mini{width:32px;height:32px;border-radius:50%;border:1.5px solid #e2e8f0}.u-info{display:flex;flex-direction:column}.u-name{font-weight:700;font-size:.95rem;color:#1e293b}.u-time{font-size:.75rem;color:#64748b}.user-states{display:flex;gap:.4rem}.s-icon{font-size:.8rem;background:#f1f5f9;padding:2px 5px;border-radius:6px}.charts-row{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}@media(min-width:1024px){.charts-row{flex-direction:row}}.chart-box{flex:1;background:#fff;padding:1.5rem;border-radius:24px;border:1px solid #e2e8f0;box-shadow:0 4px 6px -1px #0000000d}.chart-box h3{display:flex;align-items:center;gap:.5rem;font-size:1rem;margin:0 0 1.5rem;color:#64748b}.pie-legend{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-top:1rem}.legend-item{display:flex;align-items:center;gap:.4rem}.legend-item .dot{width:8px;height:8px;border-radius:50%}.legend-item .name{font-size:.75rem;color:#94a3b8}.log-section{background:#fff;padding:1.5rem;border-radius:24px;border:1px solid #e2e8f0;box-shadow:0 4px 6px -1px #0000000d}.log-list{display:flex;flex-direction:column;gap:.8rem}.log-card{display:flex;justify-content:space-between;align-items:center;padding:1.2rem;background:#fff;border-radius:18px;border:1px solid #e2e8f0;transition:all .2s ease}.log-card:hover{background:#f8fafc;border-color:#cbd5e1;transform:translateY(-2px)}.sub-avatar{width:36px;height:36px;background:#f1f5f9;border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:700;color:#00f2ff}.name-row{display:flex;align-items:center;gap:.5rem}.sub-name{font-weight:700;font-size:1rem;color:#1e293b}.uid-tag{font-size:.7rem;color:#94a3b8;background:#f1f5f9;padding:2px 6px;border-radius:4px;font-family:monospace}.user-status-icons{display:flex;gap:.3rem}.icon-pwa,.icon-push{font-size:.8rem}.sub-price{font-size:.95rem;color:#10b981;font-weight:700;margin-top:.2rem;display:block}.log-meta{text-align:right;display:flex;flex-direction:column;gap:.3rem}.cycle-badge{font-size:.7rem;color:#00f2ff;background:#00f2ff1a;padding:2px 6px;border-radius:4px;font-weight:700}.log-time{font-size:.85rem;color:#94a3b8}.admin-tabs{display:flex;background:#e2e8f0;padding:.3rem;border-radius:12px;margin-right:1rem}.tab-btn{display:flex;align-items:center;gap:.5rem;padding:.6rem 1.2rem;border:none;border-radius:9px;background:transparent;color:#94a3b8;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s;position:relative}.tab-btn.active{background:#fff;color:#00f2ff;box-shadow:0 4px 12px #0000001a}.pending-count{background:#f43f5e;color:#fff;font-size:.7rem;padding:.1rem .4rem;border-radius:10px;margin-left:.3rem}.admin-inquiry-section{animation:fadeIn .4s ease-out}.inquiry-filter-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding:1rem;background:#fff;border-radius:16px;border:1px solid #e2e8f0}.filter-group{display:flex;gap:1rem;align-items:center}.filter-group select{background:#fff;border:1px solid #e2e8f0;color:#1e293b;padding:.6rem 1rem;border-radius:12px;outline:none;font-size:.85rem;cursor:pointer}.inquiry-count{font-size:.9rem;color:#64748b}.admin-inquiry-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem;margin-bottom:2rem}.admin-inquiry-card{background:#fff;border:1px solid #e2e8f0;padding:1.2rem;border-radius:18px;cursor:pointer;transition:all .2s;box-shadow:0 4px 6px -1px #0000000d}.admin-inquiry-card:hover{border-color:#00f2ff;transform:translateY(-3px);background:#f8fafc}.admin-inquiry-card.selected{border-color:#00f2ff;background:#00f2ff0d}.inquiry-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.status-badge{padding:.3rem .6rem;border-radius:8px;font-size:.75rem;font-weight:600}.status-badge.pending{background:#eab3081a;color:#eab308;border:1px solid rgba(234,179,8,.2)}.status-badge.answered{background:#10b9811a;color:#10b981;border:1px solid rgba(16,185,129,.2)}.inquiry-meta{display:flex;gap:.8rem;font-size:.75rem;color:#64748b}.inquiry-title{font-size:1rem;font-weight:700;margin:.8rem 0}.inquiry-user{font-size:.8rem;color:#94a3b8}.inquiry-detail-overlay{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:2000;padding:1.5rem}.inquiry-detail-modal{background:#fff;width:100%;max-width:650px;border-radius:28px;border:1px solid #e2e8f0;overflow:hidden;animation:modalSlide .3s cubic-bezier(.175,.885,.32,1.275)}.detail-header{padding:1.5rem 2rem;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center}.detail-header h3{margin:0;font-size:1.2rem}.detail-header .close-btn{background:#f1f5f9;border:none;color:#64748b;padding:.5rem;border-radius:50%;cursor:pointer}.detail-body{padding:2rem;max-height:75vh;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.detail-inquiry{margin-bottom:2.5rem;padding-bottom:2rem;border-bottom:1px solid #e2e8f0}.q-label,.a-label{font-size:.7rem;font-weight:800;color:#00f2ff;margin-bottom:1rem;letter-spacing:.15em;text-transform:uppercase}.q-title{font-size:1.4rem;font-weight:800;margin-bottom:1rem}.q-content{line-height:1.7;color:#475569;white-space:pre-wrap}.reply-textarea{width:100%;min-height:180px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:20px;padding:1.2rem;color:#1e293b;font-family:inherit;font-size:1rem;margin-bottom:1.5rem;outline:none}.reply-submit-btn{width:100%;padding:1.2rem;background:linear-gradient(135deg,#00f2ff,#22d3ee);color:#020617;font-weight:800;border-radius:16px;border:none;cursor:pointer}@keyframes modalSlide{0%{transform:translateY(40px);opacity:0}to{transform:translateY(0);opacity:1}}.skeleton-card{height:120px;background:#e2e8f0;border-radius:20px;padding:1.5rem;animation:pulse 1.5s infinite}@keyframes pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.analytics-page{max-width:1400px}.filter-summary-row{margin-bottom:.8rem;display:flex;justify-content:flex-start}.filter-summary{font-size:.85rem;color:#475569;background:#e2e8f0;padding:.4rem .8rem;border-radius:8px;display:flex;align-items:center;gap:.5rem}.filter-summary .highlight{color:#00f2ff;font-weight:700}.filtered-tag{font-size:.7rem;background:#a855f733;color:#a855f7;padding:2px 6px;border-radius:4px;font-weight:700}.controls-row{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.search-box{flex:1;min-width:250px;position:relative;display:flex;align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:0 1rem}.search-box input{background:transparent;border:none;color:#1e293b;padding:.8rem .5rem;width:100%;outline:none;font-size:.9rem}.filter-group{display:flex;gap:.6rem;flex-wrap:wrap}.filter-group select{background:#fff;border:1px solid #e2e8f0;color:#334155;padding:.6rem .8rem;border-radius:10px;font-size:.8rem;outline:none;cursor:pointer;transition:all .2s}.filter-group select:hover{border-color:#00f2ff;background:#f1f5f9}.analytics-layout{display:flex;gap:1.5rem;position:relative;min-height:70vh}.analytics-main{flex:1;min-width:0}.user-table-wrapper{background:#fff;border-radius:20px;border:1px solid #e2e8f0;overflow:hidden}.user-table{width:100%;border-collapse:collapse;font-size:.85rem}.user-table th{text-align:left;padding:1.2rem 1rem;background:#f8fafc;color:#64748b;font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #e2e8f0}.user-table td{padding:1rem;border-bottom:1px solid #f1f5f9;vertical-align:middle}.user-table tr{transition:all .2s;cursor:pointer}.user-table tr:nth-child(2n){background:#f8fafc}.user-table tr:hover{background:#f1f5f9}.user-table tr.selected{background:#00f2ff14}.u-info-cell{display:flex;align-items:center;gap:.8rem}.u-avatar{width:32px;height:32px;border-radius:50%;border:1px solid #e2e8f0}.u-text{display:flex;flex-direction:column}.u-name{font-weight:700;color:#1e293b}.u-id{font-size:.7rem;color:#64748b;font-family:monospace}.status-cell{display:flex;gap:.4rem;flex-wrap:wrap}.status-badge{padding:2px 6px;border-radius:6px;font-size:.7rem;font-weight:800}.status-badge.pwa{background:#10b9811a;color:#10b981;border:1px solid rgba(16,185,129,.2)}.status-badge.pwa.active{background:#10b981;color:#020617}.status-badge.push.active{background:#00f2ff1a;color:#00f2ff;border:1px solid rgba(0,242,255,.2)}.status-badge.push.disabled{background:#f43f5e1a;color:#f43f5e;border:1px solid rgba(244,63,94,.2)}.status-badge.push.warning{background:#eab3081a;color:#eab308;border:1px solid rgba(234,179,8,.2)}.access-mode-label{font-size:.7rem;color:#64748b;margin-top:.3rem;display:block}.ref-cell{display:flex;align-items:center;gap:.5rem}.ref-label{color:#cbd5e1}.ref-link{display:inline-flex;align-items:center;gap:.2rem;background:#f1f5f9;padding:2px 6px;border-radius:4px;color:#94a3b8;text-decoration:none;font-size:.7rem;font-weight:700}.ref-link:hover{background:#e2e8f0;color:#1e293b}.active-text{color:#94a3b8;font-size:.8rem}.analytics-side{width:0;opacity:0;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);background:#fff;border-radius:20px;border:1px solid #e2e8f0;position:sticky;top:1.5rem;height:fit-content;max-height:calc(100vh - 8rem)}.analytics-side.active{width:360px;opacity:1;margin-left:.5rem}.side-content{padding:1.5rem}.side-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.side-header h3{margin:0;font-size:1.1rem;color:#1e293b}.side-header .close-btn{background:#f1f5f9;border:none;color:#64748b;padding:.4rem;border-radius:8px;cursor:pointer}.user-overview{text-align:center;margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid #e2e8f0}.large-avatar{width:64px;height:64px;border-radius:50%;margin-bottom:1rem;border:2px solid #00f2ff}.id-sub{font-size:.75rem;color:#64748b;margin-top:.2rem}.ua-info,.token-sync-info{display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.75rem;color:#94a3b8;margin-top:.8rem}.timeline-container{display:flex;flex-direction:column;padding-left:.5rem}.timeline-step{position:relative;padding-left:2rem;padding-bottom:1.5rem}.timeline-step:before{content:"";position:absolute;left:4px;top:1rem;bottom:0;width:1px;border-left:1px dashed #cbd5e1}.timeline-step:last-child:before{display:none}.step-point{position:absolute;left:0;top:.35rem;width:10px;height:10px;background:#fff;border:2px solid #00f2ff;border-radius:50%;z-index:1}.timeline-step.join .step-point{border-color:gold}.timeline-step.pwa .step-point{border-color:#10b981}.timeline-step.push .step-point{border-color:#3b82f6}.step-info{display:flex;flex-direction:column}.step-label{font-size:.85rem;font-weight:700;color:#334155}.step-time{font-size:.75rem;color:#64748b;margin-top:.2rem}.side-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:300px;color:#475569}.side-empty p{font-size:.9rem;margin-top:1rem}@media(max-width:1024px){.analytics-layout{flex-direction:column}.analytics-side.active{width:100%;margin-left:0;margin-top:1rem}}.legal-loading-view{display:flex;justify-content:center;align-items:center;height:100vh;color:var(--accent-color);font-weight:700}.back-btn{background:none;border:none;color:var(--text-main);cursor:pointer;padding:4px;display:flex;align-items:center;transition:transform .2s}.back-btn:active{transform:translate(-4px)}.privacy-page{padding:1.5rem 2rem 4rem}.p-intro{background:#38bdf80d;border-left:4px solid var(--accent-sky);padding:1.2rem;border-radius:0 16px 16px 0;margin-bottom:2.5rem;font-size:.95rem;line-height:1.6;color:var(--text-muted)}.p-intro strong{color:var(--accent-sky)}.privacy-content{text-align:left}.p-section{margin-bottom:2rem}.p-section-title{display:flex;align-items:center;gap:.8rem;margin-bottom:1rem}.p-icon{color:var(--accent-sky);opacity:.8}.p-section h3{font-size:1.15rem;color:var(--text-main);margin:0;font-weight:700}.p-section p{font-size:.95rem;color:var(--text-muted);line-height:1.6;margin-bottom:1rem}.p-section strong{color:var(--text-main)}.high-pink{color:var(--accent-pink)!important}.p-guide-list{padding:0;margin:0;display:flex;flex-direction:column;gap:1.2rem}.p-guide-list li{list-style:none;display:flex;flex-direction:column;gap:.3rem}.p-guide-list li strong{font-size:.95rem}.p-guide-list li span{font-size:.85rem;color:var(--text-muted);line-height:1.5;padding-left:.2rem}.p-divider{height:1px;background:linear-gradient(to right,var(--glass-border),transparent);margin:2.5rem 0}.p-contact-box{display:inline-flex;align-items:center;gap:.6rem;background:#f8fafc;padding:.8rem 1.2rem;border-radius:12px;border:1px solid var(--glass-border);color:var(--accent-sky);font-weight:600;font-size:.9rem;margin-top:.5rem}.login-consent-text{margin-top:1.5rem;font-size:.75rem;color:#64748b;opacity:.8}.login-consent-text .p-link{color:var(--accent-blue);text-decoration:underline;margin-left:2px}.summary-widgets-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--space-4);margin-bottom:var(--space-6)}.summary-card-premium{background:var(--bg-surface);border-radius:var(--radius-md);padding:var(--space-6);border:1px solid var(--color-neutral-200);box-shadow:0 1px 2px #00000005,0 8px 16px #0000000a;transition:transform var(--duration-base) var(--ease-out),box-shadow var(--duration-base) var(--ease-out),border-color var(--duration-base) var(--ease-out);display:flex;flex-direction:column;gap:var(--space-2);position:relative;overflow:hidden}.summary-card-premium:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--color-brand-primary)}.summary-card-premium:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--card-accent-color, var(--color-brand-primary));opacity:.8}.summary-card-premium .card-label{font-size:var(--fs-xs);font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.summary-card-premium .card-value{font-size:var(--fs-xl);font-weight:800;color:var(--text-primary);margin:0;letter-spacing:-.02em}.summary-card-premium .card-trend{font-size:var(--fs-xs);font-weight:700;display:flex;align-items:center;gap:4px}.card-trend.up{color:#ca545a}.card-trend.down{color:#25984d}.premium-controls-bar{display:flex;align-items:center;gap:var(--space-4);background:#ffffffe6;padding:var(--space-4) var(--space-6);border-radius:var(--radius-md);border:1px solid var(--color-neutral-200);box-shadow:0 4px 12px #00000008;position:sticky;top:0;z-index:20;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);margin-bottom:var(--space-4)}.premium-search-box{flex:1;position:relative;display:flex;align-items:center}.premium-search-box .icon-left{position:absolute;left:14px;color:var(--text-muted)}.premium-search-box input{width:100%;height:48px;background:var(--color-neutral-100);border:1.5px solid transparent;border-radius:var(--radius-sm);padding-left:42px;padding-right:14px;font-size:var(--fs-sm);font-weight:500;color:var(--text-primary);transition:all var(--duration-base) var(--ease-out)}.premium-search-box input:focus{background:var(--bg-surface);border-color:var(--color-brand-primary);box-shadow:0 0 0 4px oklch(var(--brand-hue) .1 var(--brand-hue) / .1)}.filter-pills{display:flex;gap:var(--space-2);overflow-x:auto;scrollbar-width:none;padding:4px 0}.filter-pills::-webkit-scrollbar{display:none}.pill-btn{white-space:nowrap;padding:8px 16px;border-radius:var(--radius-full);background:var(--color-neutral-100);border:1.5px solid transparent;font-size:var(--fs-xs);font-weight:700;color:var(--text-secondary);cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.pill-btn:hover{background:var(--color-neutral-200);color:var(--text-primary)}.pill-btn.active{background:var(--color-brand-primary);color:#fff;box-shadow:var(--shadow-sm)}.premium-sub-list{display:flex;flex-direction:column;gap:var(--space-3)}.sub-item-premium{background:var(--bg-surface);border-radius:var(--radius-md);padding:var(--space-4) var(--space-6);border:1px solid var(--color-neutral-200);box-shadow:0 1px 2px #00000005;display:flex;align-items:center;gap:var(--space-5);transition:transform var(--duration-base) var(--ease-out),box-shadow var(--duration-base) var(--ease-out),border-color var(--duration-base) var(--ease-out);position:relative;overflow:hidden;cursor:pointer}.sub-item-premium:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--color-brand-primary)}.sub-item-premium.selected{background:var(--color-neutral-50);border-color:var(--color-brand-primary)}.item-left-area{display:flex;align-items:center;gap:var(--space-4);flex:1.5;min-width:0}.service-icon-container{width:48px;height:48px;border-radius:var(--radius-md);background:#fff;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm);flex-shrink:0;border:1px solid var(--color-neutral-100)}.service-meta{display:flex;flex-direction:column;gap:2px;min-width:0}.service-name-row{display:flex;align-items:center;gap:var(--space-2)}.service-name-row h4{margin:0;font-size:var(--fs-base);font-weight:700;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.01em}.badge-cycle{font-size:10px;font-weight:800;background:var(--color-neutral-100);color:var(--text-muted);padding:2px 6px;border-radius:var(--radius-sm);text-transform:uppercase}.row-meta{display:flex;align-items:center;gap:var(--space-2);font-size:var(--fs-xs)}.row-cat{font-weight:600;color:var(--color-brand-primary)}.row-date{color:var(--text-muted)}.item-mid-area{flex:1;display:flex;flex-direction:column;gap:4px}.payment-date-info{font-size:var(--fs-sm);font-weight:600;color:var(--text-secondary);display:flex;align-items:center;gap:6px}.memo-area{font-size:var(--fs-xs);color:var(--text-muted);font-style:italic;max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-right-area{display:flex;align-items:center;gap:var(--space-6);flex-shrink:0}.price-stack{text-align:right;display:flex;flex-direction:column}.monthly-price{font-size:var(--fs-lg);font-weight:800;color:var(--text-primary);letter-spacing:-.01em}.yearly-price{font-size:var(--fs-xs);color:var(--text-muted);font-weight:600}.d-day-container{min-width:80px;display:flex;flex-direction:column;align-items:flex-end;gap:6px}.d-day-chip{padding:4px 12px;border-radius:var(--radius-full);font-size:var(--fs-xs);font-weight:800;color:#fff;text-align:center;box-shadow:0 4px 10px #0000001a}.d-day-chip.urgent{background:#ca545a}.d-day-chip.near{background:#eab532}.d-day-chip.safe{background:#25984d}.progress-bar-mini{width:60px;height:4px;background:var(--color-neutral-100);border-radius:var(--radius-full);overflow:hidden}.progress-fill{height:100%;background:currentColor}.hover-actions{position:absolute;right:var(--space-5);top:50%;transform:translateY(-50%);display:flex;gap:var(--space-2);opacity:0;pointer-events:none;transition:all var(--duration-base) var(--ease-out);background:linear-gradient(90deg,transparent,var(--bg-surface) 30%);padding-left:var(--space-8)}.sub-item-premium:hover .hover-actions{opacity:1;pointer-events:auto}.action-icon-btn{width:36px;height:36px;border-radius:var(--radius-sm);border:1px solid var(--color-neutral-200);background:var(--bg-surface);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.action-icon-btn:hover{background:var(--color-neutral-100);color:var(--color-brand-primary);border-color:var(--color-brand-primary)}.action-icon-btn.delete:hover{color:#ca545a;border-color:#ffb7b6;border-color:oklch(85% .1 20);background:#fff6f6;background:oklch(98% .02 20)}@media(max-width:768px){.premium-controls-bar{flex-direction:column;align-items:stretch;gap:var(--space-3)}.sub-item-premium{flex-direction:column;align-items:flex-start;gap:var(--space-4)}.item-left-area{width:100%}.item-mid-area{display:none}.item-right-area{width:100%;justify-content:space-between}.hover-actions{position:static;transform:none;opacity:1;pointer-events:auto;background:none;padding-left:0;margin-top:var(--space-2)}}.list-limit-notice{background:linear-gradient(180deg,#f1f5f9eb,#f8fafcf5);border:1px dashed rgba(99,102,241,.18);padding:1.5rem;border-radius:var(--radius-md);margin-top:1rem;text-align:center;color:var(--text-secondary)}.list-pagination{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:2rem;padding-bottom:2rem}.pagination-btn{width:40px;height:40px;border-radius:var(--radius-sm);border:1px solid var(--layered-border);background:var(--bg-surface);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.pagination-btn:not(:disabled):hover{background:#f1f5f9;border-color:var(--color-brand-primary);color:var(--color-brand-primary)}.page-indicator{font-size:.9rem;font-weight:600;color:var(--text-secondary)}.empty-list-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;background:var(--bg-surface);border-radius:var(--radius-md);border:1px dashed var(--input-border);color:var(--text-muted)}.empty-icon{margin-bottom:1rem;opacity:.5}.empty-list-state h4{margin:0 0 .5rem;color:var(--text-primary)}.empty-list-state p{margin:0;font-size:.9rem}@media(max-width:768px){.premium-controls-bar{flex-direction:column;align-items:stretch;gap:.75rem}.sub-item-premium{flex-direction:column;align-items:flex-start;gap:1rem}.item-left-area{width:100%}.item-mid-area{display:none}.item-right-area{width:100%;justify-content:space-between}.hover-actions{position:static;transform:none;opacity:1;pointer-events:auto;background:none;padding-left:0;margin-top:.5rem}}.list-controls-bar{display:flex;gap:12px;margin-bottom:20px;padding:0 4px}.search-input-wrapper{flex:1;position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:14px;color:#94a3b8;pointer-events:none}.search-input-wrapper input{width:100%;padding:12px 14px 12px 42px;background:#fff;border:1px solid var(--glass-border);border-radius:var(--radius-sm);font-size:.95rem;color:var(--text-main);transition:all .2s;box-shadow:0 2px 6px #00000005}.search-input-wrapper input:focus{outline:none;border-color:var(--color-vibe-mint);box-shadow:0 0 0 4px #00e67614}.search-clear-btn{position:absolute;right:12px;background:#f1f5f9;border:none;border-radius:50%;width:22px;height:22px;display:flex;align-items:center;justify-content:center;color:#64748b;cursor:pointer}.filter-select-wrapper{position:relative;display:flex;align-items:center}.sort-icon{position:absolute;left:12px;color:#64748b;pointer-events:none}.list-sort-select{padding:12px 14px 12px 36px;background:#fff;border:1px solid var(--glass-border);border-radius:var(--radius-sm);font-size:.9rem;font-weight:600;color:var(--text-main);cursor:pointer;appearance:none;min-width:120px}.list-table-header{display:flex;align-items:center;padding:12px 16px;background:#f8fafc;border-radius:var(--radius-sm);margin-bottom:8px;font-size:.75rem;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em}.full-sub-list-advanced{display:flex;flex-direction:column;gap:10px;padding-bottom:100px}.sub-item-advanced-row{display:flex;align-items:center;padding:14px 16px;background:#fff;border:1px solid var(--glass-border);border-radius:var(--radius-md);cursor:pointer;transition:all .2s;position:relative}.sub-item-advanced-row:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0000000a;border-color:#00e67633}.sub-item-advanced-row.selected{background:#f0fdf4;border-color:var(--color-vibe-mint)}.col-check{margin-right:16px;flex-shrink:0}.col-main{flex:1;display:flex;align-items:center;gap:14px;min-width:0}.row-name{display:block;font-weight:700;font-size:1rem;color:var(--text-main);margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row-meta{display:flex;align-items:center;gap:8px}.row-date{font-size:.8rem;color:var(--text-muted)}.row-cat{font-size:.7rem;background:#f1f5f9;color:#64748b;padding:1px 6px;border-radius:4px;font-weight:600}.col-price{text-align:right;margin-left:12px;flex-shrink:0}.price-label{display:block;font-weight:800;font-size:1rem;color:var(--text-main)}.dday-label{font-size:.75rem;font-weight:600;color:var(--color-vibe-mint)}.col-arrow{margin-left:12px;color:#e2e8f0}.custom-checkbox{width:28px;height:28px;border-radius:9px;border:2px solid #e2e8f0;display:flex;align-items:center;justify-content:center;background:#fff;transition:all .2s cubic-bezier(.4,0,.2,1);flex-shrink:0;cursor:pointer}.custom-checkbox.checked{background:var(--color-vibe-mint);border-color:var(--color-vibe-mint);box-shadow:0 4px 12px #00e67633}.custom-checkbox.readonly{background:#f1f5f9;border-color:#e2e8f0;cursor:default}.custom-checkbox.mini{width:22px;height:22px;border-radius:7px;border:2px solid #e2e8f0}.bulk-action-bar{position:fixed;bottom:80px;left:50%;transform:translate(-50%);width:min(90%,400px);background:#1e293b;color:#fff;padding:14px 20px;border-radius:20px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 10px 30px #0003;z-index:1000}.bulk-info{font-size:.9rem}.bulk-info strong{color:var(--color-vibe-mint);font-size:1.1rem}.bulk-actions{display:flex;gap:8px}.bulk-btn{padding:8px 14px;border-radius:10px;font-size:.85rem;font-weight:700;cursor:pointer;border:none;display:flex;align-items:center;gap:6px;transition:all .2s}.bulk-btn.delete{background:#ef4444;color:#fff}.bulk-btn.delete:hover{background:#dc2626}.bulk-btn.cancel{background:#ffffff1a;color:#fff}.bulk-btn.cancel:hover{background:#fff3}.animate-slide-up{animation:slideUp .3s cubic-bezier(.16,1,.3,1)}@keyframes slideUp{0%{transform:translate(-50%,100%);opacity:0}to{transform:translate(-50%);opacity:1}}@media(max-width:600px){.list-table-header{display:none}.col-price{min-width:80px}.row-meta{flex-direction:column;align-items:flex-start;gap:2px}.bulk-action-bar{bottom:90px;width:calc(100% - 32px)}}.sub-item-premium-row.mini{display:flex;align-items:center;gap:12px;padding:14px;background:#fcfdfe;border:1px solid rgba(0,0,0,.04);border-radius:16px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.sub-item-premium-row.mini:hover{background:#fff;border-color:var(--color-vibe-mint);transform:translate(6px) scale(1.01);box-shadow:0 10px 20px #0000000a}.row-price{font-size:.75rem;color:var(--text-muted)}.row-arrow{color:#cbd5e1}.full-sub-list{display:flex;flex-direction:column;gap:.75rem}.sub-item-premium-row{background:#fff;padding:1.25rem 1.5rem;border-radius:20px;display:flex;align-items:center;gap:1.25rem;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);border:1px solid var(--lp-glass-border)}.sub-item-premium-row:hover{transform:translate(8px);border-color:var(--color-vibe-mint);box-shadow:var(--shadow-soft)}.row-date{font-size:.85rem;color:var(--color-muted-stone)}.row-price{font-size:1.1rem;font-weight:800;color:var(--color-midnight-slate)}.row-arrow{color:#cbd5e1;transition:transform .2s}.sub-item-premium-row:hover .row-arrow{transform:translate(4px);color:var(--color-vibe-mint)}.premium-placeholder-card{background:#fff;border-radius:24px;padding:4rem 2rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;border:2px dashed #e2e8f0;color:var(--color-muted-stone);font-weight:600}.placeholder-icon{opacity:.3}.bg-indigo{background-color:#6366f1!important}.bg-rose{background-color:#f43f5e!important}.bg-amber{background-color:#f59e0b!important}.bg-emerald{background-color:#10b981!important}.bg-sky{background-color:#0ea5e9!important}.bg-violet{background-color:#8b5cf6!important}.premium-list-container{display:flex;flex-direction:column;gap:var(--space-6);max-width:1200px;margin:0 auto;width:100%}.premium-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-8);background:var(--bg-surface);border-radius:var(--radius-xl);border:2px dashed var(--input-border);text-align:center;gap:var(--space-4)}.empty-illustration{width:200px;height:200px;background:radial-gradient(circle,rgba(99,102,241,.1),transparent);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-4)}.empty-title{font-size:1.5rem;font-weight:800;color:var(--text-primary);margin:0}.empty-desc{color:var(--text-secondary);font-weight:500;max-width:300px;line-height:1.6}.quick-add-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:var(--space-6)}.quick-add-btn{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px;border-radius:var(--radius-lg);border:1px solid var(--input-border);background:transparent;cursor:pointer;transition:all .2s}.quick-add-btn:hover{background:#f8fafc;border-color:var(--color-brand-primary);transform:translateY(-2px)}.quick-add-btn span{font-size:.75rem;font-weight:700;color:var(--text-secondary)}.premium-pagination{display:flex;align-items:center;justify-content:center;gap:var(--space-4);margin-top:var(--space-8);padding-bottom:var(--space-4)}.pagination-btn{width:36px;height:36px;border-radius:10px;border:1px solid var(--input-border);background:var(--bg-surface);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);cursor:pointer;transition:all .2s;padding:0;line-height:1;font-size:1rem}.pagination-btn:hover:not(:disabled){background:#f1f5f9;color:var(--color-brand-primary);border-color:var(--color-brand-primary)}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.page-numbers{display:flex;gap:8px}.page-num-btn{width:36px;height:36px;border-radius:10px;border:1px solid transparent;background:transparent;color:var(--text-secondary);font-weight:700;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;padding:0;line-height:1}.page-num-btn:hover{background:#f1f5f9}.page-num-btn.active{background:var(--color-brand-primary);color:#fff;box-shadow:0 4px 12px #6366f133}@media(max-width:380px){.sub-item-modern,.timeline-content,.sub-item-premium-row{padding:12px!important;border-radius:14px!important;gap:10px!important}.brand-info .category,.secondary-text,.row-price{font-size:.74rem!important}}.bento-item,.bento-item-dash,.summary-card-premium,.security-card,.membership-card-premium,.account-profile-card{border:1px solid rgba(15,23,42,.06)!important;box-shadow:0 18px 44px #0f172a0f!important}.sub-item-modern,.sub-item-premium,.sub-item-premium-row,.sub-item-advanced-row{border-radius:18px!important}@media(max-width:767px){.item-status .price,.timeline-content .price,.row-price{max-width:100px!important;font-size:.98rem!important;font-weight:900!important;line-height:1.2!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.sub-item-premium .row-cat,.sub-item-premium .row-date{font-size:.76rem!important;line-height:1.35!important}.sub-item-premium-row.mini{min-width:0!important;display:grid!important;grid-template-columns:32px minmax(0,1fr) 18px!important;gap:10px!important;align-items:center!important;padding:12px!important;border-radius:16px!important}.row-name,.row-price{max-width:100%!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}}.brand-info .meta,.policy-inline-copy,.placeholder-note,.empty-desc{color:#64748b!important}.sub-item-premium:hover .item-right-area{opacity:0}.action-text-btn{padding:6px 14px;height:34px;border-radius:8px;background:#f8fafc;border:1px solid var(--input-border);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:.85rem;font-weight:700;cursor:pointer;transition:all .2s}.action-text-btn:hover{background:var(--color-brand-secondary);color:#fff;transform:scale(1.05);border-color:var(--color-brand-secondary)}.action-text-btn.delete-btn:hover{background:var(--color-brand-danger);border-color:var(--color-brand-danger)}.sub-item-premium.is-pending-cancel{opacity:.75;filter:grayscale(.4)}.sub-item-premium.is-pending-cancel:hover{opacity:.9;filter:grayscale(.2)}.badge-status{display:inline-flex;align-items:center;padding:3px 8px;border-radius:6px;font-size:.72rem;font-weight:700;letter-spacing:-.01em}.badge-status.cancel{background:#f43f5e1a;color:#e11d48;border:1px solid rgba(244,63,94,.15);margin-left:6px}.sub-item-premium.is-pending-cancel .monthly-price,.sub-item-premium.is-pending-cancel .yearly-price{color:#94a3b8!important;text-decoration:line-through}@media(max-width:768px){.sub-item-premium{flex-direction:column;align-items:flex-start;padding:var(--space-4);gap:var(--space-4)}.item-left-area{width:100%}.item-mid-area{width:100%;border-top:1px solid #f1f5f9;padding-top:var(--space-2)}.item-right-area{width:100%;justify-content:space-between;border-top:1px solid #f1f5f9;padding-top:var(--space-2)}.hover-actions{position:static;transform:none;opacity:1;pointer-events:auto;width:100%;justify-content:flex-end;margin-top:var(--space-2)}.sub-item-premium:hover .item-right-area{opacity:1}}.sub-item-modern,.sub-item-premium{background:#f8fafcd1!important;border:1px solid rgba(15,23,42,.05)!important}.sub-item-modern:hover,.sub-item-premium:hover{background:#fff!important;border-color:#6366f129!important;box-shadow:0 18px 36px #0f172a12!important}@media(max-width:767px){.premium-search-box{width:100%!important;min-width:0!important;height:56px!important;padding:0 14px 0 46px!important;border-radius:18px!important}.premium-search-box .icon-left{left:14px!important;width:18px!important;height:18px!important}.premium-search-box input{min-width:0!important;width:100%!important;font-size:.9rem!important}.filter-pills{width:100%!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important}.pill-btn{width:100%!important;min-width:0!important;min-height:40px!important;padding:0 8px!important;border-radius:999px!important;font-size:.78rem!important;font-weight:800!important;line-height:1.1!important;white-space:nowrap!important}.premium-sub-list{gap:12px!important}.sub-preview-list,.premium-sub-list,.timeline-flow{width:100%!important;min-width:0!important;gap:12px!important;overflow:visible!important}}@media(max-width:380px){.premium-search-box{height:52px!important;padding-left:42px!important}.premium-search-box .icon-left{left:12px!important}.pill-btn{font-size:.72rem!important}.sub-item-premium{padding:12px!important}.sub-item-premium .badge-cycle{display:none!important}.sub-item-premium .item-left-area{grid-template-columns:24px 42px minmax(0,1fr)!important}.sub-item-premium .item-right-area{grid-template-columns:minmax(0,1fr) 68px!important}.sub-item-premium{padding:14px!important}.sub-item-premium .item-left-area{grid-template-columns:26px 44px minmax(0,1fr)!important;gap:10px!important}.sub-item-premium .service-icon-container{width:44px!important;height:44px!important;min-width:44px!important}.sub-item-premium .item-right-area{grid-template-columns:minmax(0,1fr) 66px!important}.sub-item-premium .d-day-container{width:66px!important;min-width:66px!important;max-width:66px!important}.sub-item-premium .item-right-area{grid-template-columns:minmax(0,1fr) 52px!important;column-gap:8px!important}.sub-item-premium .d-day-container,.sub-item-premium .d-day-chip,.sub-item-premium .progress-bar-mini{width:52px!important;min-width:52px!important;max-width:52px!important}.sub-item-premium .d-day-chip{padding:0 4px!important;font-size:.66rem!important}}@media(min-width:381px)and (max-width:767px){.sub-item-modern,.sub-item-premium,.timeline-content{padding:16px!important}}.dday-chip,.d-day-chip{color:#334155!important;background:#f8fafc!important;border-color:#64748b2e!important}.dday-chip.urgent,.d-day-chip.urgent{color:#be123c!important;background:#fff1f2!important;border-color:#f43f5e38!important}.sub-item-row:hover .service-icon-container{transform:scale(1.1) rotate(5deg);box-shadow:0 8px 20px #0000001a}.sub-items-list{display:flex;flex-direction:column;gap:1rem}.sub-item-row{display:flex;justify-content:space-between;align-items:center;padding:1.25rem;border-radius:20px;background:#f8fafc;cursor:pointer;transition:all .2s}.sub-item-row:hover{background:#f1f5f9;transform:translate(4px)}.sub-item{display:flex;align-items:center;gap:1rem;padding:1.1rem;background:#fff;border-radius:20px;border:1px solid var(--glass-border);box-shadow:0 4px 6px -1px #0000000d;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer}.sub-item:hover{transform:translateY(-2px);background:#00000008;border-color:#0000001a}.sub-item.urgent-item{border:1px solid rgba(248,113,113,.3);background:#f871710d;box-shadow:0 0 15px #f871711a}.sub-item.urgent-item:hover{border-color:#f8717180}.sub-list-container h3{font-size:1.1rem;margin-bottom:1rem}.sub-list{display:flex;flex-direction:column;gap:.8rem;padding-bottom:80px}.sub-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#f1f5f9;border-radius:12px;overflow:hidden}.sub-info{flex:1}.sub-name{font-weight:600;font-size:1rem}.sub-date{font-size:.8rem;color:var(--text-muted)}.sub-meta{text-align:right;display:flex;flex-direction:column;gap:.2rem}.sub-dday{font-size:.75rem;color:var(--text-muted);font-weight:600}.sub-dday.urgent{color:#f87171;font-weight:700}.sub-price{font-weight:700;color:var(--accent-color);font-size:1rem}@media(max-width:480px){.sub-item-mock-mini{padding:10px!important;gap:10px!important}.sub-name-mock{font-size:.88rem!important}.sub-date-mock{font-size:.72rem!important}.sub-price-mock{font-size:.88rem!important;white-space:nowrap!important}.sub-icon-mock{width:34px!important;height:34px!important;font-size:.75rem!important;border-radius:10px!important}}.sub-icon-mock{border:none!important}.sub-icon-mock span{color:#fff!important;text-shadow:0 1px 2px rgba(0,0,0,.1)}@media(max-width:767px){.premium-controls-bar{width:100%!important;display:grid!important;grid-template-columns:1fr!important;gap:12px!important;margin-bottom:14px!important}}.sub-item-premium.sub-card{background:#fff!important;border:1px solid rgba(15,23,42,.07)!important;border-radius:20px!important;box-shadow:0 2px 8px -2px #0f172a0d,0 1px 2px #0f172a08!important;padding:18px 20px!important;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease!important;overflow:visible!important}.sub-item-premium.sub-card:hover{transform:translateY(-2px)!important;box-shadow:0 12px 28px -8px #0f172a17,0 4px 8px -4px #6366f10f!important;border-color:#6366f126!important;background:#fff!important}.sub-item-premium.sub-card.selected{background:#eef2ff99!important;border-color:#6366f14d!important;box-shadow:0 0 0 3px #6366f114!important}.badge-cycle{display:inline-flex!important;align-items:center!important;gap:4px!important;font-size:.68rem!important;font-weight:700!important;padding:3px 8px!important;border-radius:8px!important;white-space:nowrap!important;flex-shrink:0!important;letter-spacing:.01em!important}.badge-cycle.recurring{background:#6366f11a!important;color:#4f46e5!important;border:1px solid rgba(99,102,241,.15)!important}.badge-cycle.one-time{background:#10b9811a!important;color:#059669!important;border:1px solid rgba(16,185,129,.15)!important}.d-day-chip{font-size:.78rem!important;font-weight:800!important;padding:4px 10px!important;border-radius:10px!important;border:1px solid transparent!important;box-shadow:none!important}.d-day-chip.safe{background:#f1f5f9f2!important;color:#475569!important;border-color:#94a3b833!important}.d-day-chip.near{background:#ffedd5e6!important;color:#c2410c!important;border-color:#f9731633!important}.d-day-chip.urgent{background:#fff1f2f2!important;color:#be123c!important;border-color:#f43f5e38!important}.sub-item-premium.sub-card:has(.d-day-chip.urgent){border-color:#f43f5e1f!important}.action-icon-btn{width:30px!important;height:30px!important;border-radius:9px!important;border:1px solid rgba(15,23,42,.08)!important;background:#f8fafc!important;color:#64748b!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;transition:all .15s ease!important}.action-icon-btn:hover{background:#eef2ff!important;color:#4f46e5!important;border-color:#6366f133!important}.action-icon-btn.delete:hover{background:#fff1f2!important;color:#e11d48!important;border-color:#f43f5e33!important}.sub-item-premium.sub-card .hover-actions{background:linear-gradient(90deg,transparent,#ffffff 25%)!important;padding-left:24px!important;gap:6px!important}@media(max-width:767px){.sub-item-premium.sub-card{display:grid!important;grid-template-columns:1fr auto!important;padding:16px!important;gap:12px 8px!important;background:#fff!important;border:1px solid rgba(15,23,42,.06)!important;border-radius:20px!important;box-shadow:0 4px 12px #0f172a08!important;position:relative!important;align-items:center!important}.sub-item-premium .item-left-area{grid-column:1!important;display:flex!important;align-items:center!important;gap:10px!important;min-width:0!important}.sub-item-premium .service-meta{display:flex!important;flex-direction:column!important;gap:1px!important;min-width:0!important}.sub-item-premium .service-name-row h4{font-size:.95rem!important;font-weight:700!important;color:#0f172a!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:140px!important}.sub-item-premium .item-right-area{grid-column:2!important;grid-row:1!important;display:flex!important;flex-direction:column!important;align-items:flex-end!important;gap:0!important}.sub-item-premium .monthly-price{font-size:1.05rem!important;font-weight:800!important;color:#4f46e5!important;letter-spacing:-.01em!important}.sub-item-premium .yearly-price{display:none!important}.sub-item-premium .row-meta{grid-column:1!important;grid-row:2!important;display:flex!important;align-items:center!important;gap:6px!important;margin-top:2px!important}.sub-item-premium .row-cat{font-size:.7rem!important;font-weight:600!important;color:#64748b!important;background:#f1f5f9!important;padding:2px 8px!important;border-radius:6px!important}.sub-item-premium .d-day-container{display:inline-flex!important;margin:0!important;padding:0!important}.sub-item-premium.sub-card .hover-actions{grid-column:2!important;grid-row:2!important;position:static!important;display:flex!important;gap:8px!important;opacity:1!important;pointer-events:auto!important}.sub-item-premium.sub-card .hover-actions .action-icon-btn{width:32px!important;height:32px!important;border-radius:8px!important;background:#f8fafc!important;border:1px solid rgba(15,23,42,.06)!important;color:#64748b!important;display:flex!important;align-items:center!important;justify-content:center!important}.sub-item-premium.sub-card .hover-actions .action-icon-btn svg{width:14px!important;height:14px!important}.sub-item-premium .col-check{width:18px!important;margin-right:-4px!important}.sub-item-premium .service-icon-container{width:36px!important;height:36px!important;min-width:36px!important}.sub-item-premium .item-mid-area,.sub-item-premium .row-date,.sub-item-premium .row-source{display:none!important}}.premium-empty-state{padding:3rem 2rem!important;gap:1rem!important}.empty-illustration{width:100px!important;height:100px!important;margin-bottom:.5rem!important}.empty-title{font-size:1.15rem!important;margin:0!important}.empty-desc{font-size:.88rem!important;color:#64748b!important;max-width:260px!important;line-height:1.55!important;margin:0!important}.empty-add-cta{display:inline-flex;align-items:center;gap:6px;padding:10px 22px;background:#4f46e5;color:#fff;font-size:.9rem;font-weight:700;border:none;border-radius:12px;cursor:pointer;transition:background .2s ease,transform .15s ease;margin-top:4px}.empty-add-cta:hover{background:#4338ca;transform:translateY(-1px)}.quick-add-heading{font-size:.78rem!important;font-weight:700!important;color:#94a3b8!important;text-transform:uppercase!important;letter-spacing:.06em!important;margin:0 0 4px!important}.subscriptions-tab .premium-controls-bar{z-index:10!important}@media(max-width:767px){.sub-item-premium.sub-card{padding:14px!important;border-radius:18px!important;overflow:hidden!important}}@media(max-width:380px){.sub-item-premium.sub-card{padding:12px!important}.badge-cycle{font-size:.62rem!important;padding:2px 6px!important}}.sl-controls-area{display:flex;flex-direction:column;gap:10px}.sl-controls-area .premium-controls-bar{margin-bottom:0!important}.type-filter-tabs{display:flex;gap:8px;padding:4px 0}.type-tab{display:inline-flex;align-items:center;gap:5px;padding:7px 14px;border-radius:var(--radius-full, 999px);border:1px solid rgba(15,23,42,.1);background:#f8fafc;font-size:.85rem;font-weight:600;color:var(--text-secondary, #64748b);cursor:pointer;transition:all .18s ease;white-space:nowrap}.type-tab:hover{background:#f1f5f9;border-color:#6366f133}.type-tab.active{background:#eef2ff;color:#4f46e5;border-color:#6366f14d;box-shadow:0 2px 8px #6366f11a}.type-tab.recurring.active{background:#eef2ff;color:#4f46e5;border-color:#6366f14d}.type-tab.one-time.active{background:#ecfdf5;color:#059669;border-color:#10b9814d}.tab-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:18px;padding:0 5px;background:#0f172a14;border-radius:999px;font-size:.72rem;font-weight:800;line-height:1}.type-tab.active .tab-count{background:#4f46e526;color:#4f46e5}.type-tab.one-time.active .tab-count{background:#10b98126;color:#059669}.row-source{font-size:.72rem;font-weight:600;color:#94a3b8;background:#f1f5f9;padding:1px 6px;border-radius:5px;white-space:nowrap}.sub-item-premium.sub-card.type-recurring:before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:3px;background:#6366f1;border-radius:0 3px 3px 0;opacity:.7}.sub-item-premium.sub-card.type-one-time:before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:3px;background:#10b981;border-radius:0 3px 3px 0;opacity:.7}.card-value-unit{font-size:1rem;font-weight:600;color:var(--text-secondary, #64748b);margin-left:2px}.summary-card-premium[onClick],.summary-card-premium[style*=cursor]{cursor:pointer}.summary-widgets-grid .summary-card-premium:nth-child(2),.summary-widgets-grid .summary-card-premium:nth-child(3){cursor:pointer}@media(max-width:767px){.type-filter-tabs{overflow-x:auto;scrollbar-width:none;padding-bottom:2px}.type-filter-tabs::-webkit-scrollbar{display:none}.type-tab{font-size:.8rem;padding:6px 12px;flex-shrink:0}}@media(max-width:380px){.type-tab{font-size:.75rem;padding:5px 10px}}.cancel-guide-btn{display:inline-flex;align-items:center;gap:6px;margin-top:10px;padding:8px 14px;background:#00e67614;border:1px solid rgba(0,230,118,.2);border-radius:10px;color:var(--color-brand-accent, #00e676);font-size:.85rem;font-weight:700;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);width:fit-content}.cancel-guide-btn:hover{background:var(--color-brand-accent, #00e676);color:#fff;border-color:var(--color-brand-accent, #00e676);transform:translateY(-2px);box-shadow:0 4px 12px #00e67633}.cancel-guide-btn svg{transition:transform .2s ease}.cancel-guide-btn:hover svg{transform:translate(2px,-2px)}.item-right-area .cancel-guide-btn-mini{padding:4px;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;color:#64748b;display:flex;align-items:center;justify-content:center;transition:all .2s}.item-right-area .cancel-guide-btn-mini:hover{background:var(--color-brand-accent, #00e676);color:#fff;border-color:var(--color-brand-accent, #00e676)}.filter-pills-container{display:flex!important;align-items:center!important;gap:8px!important}.filter-pills-label{display:flex!important;align-items:center!important;justify-content:center!important;width:32px!important;height:32px!important;border-radius:50%!important;background:var(--color-neutral-100, #f1f5f9)!important;color:var(--text-muted, #64748b)!important;border:1px solid var(--color-neutral-200, #e2e8f0)!important;flex-shrink:0!important}.filter-pills-label .sort-icon-muted{color:var(--text-muted, #64748b)!important;opacity:.8}.pill-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;padding:8px 16px!important;border-radius:999px!important;font-weight:600!important;transition:all var(--duration-fast, .15s) var(--ease-out, ease)!important}.pill-check-icon{margin-right:-2px!important;animation:scaleIn .2s ease-out forwards}@keyframes scaleIn{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@media(max-width:768px){.premium-list-container.subscriptions-tab{margin-top:16px!important;padding-bottom:110px!important}.premium-list-container .main-header.compact{flex-direction:column!important;align-items:stretch!important;gap:12px!important;text-align:left!important;padding:0 4px!important}.premium-list-container .main-header.compact .title-group{width:100%!important}.premium-list-container .main-header.compact .title-group h3{font-size:1.1rem!important;line-height:1.35!important;margin-top:4px!important}.premium-list-container .main-header.compact .dashboard-primary-action-premium{width:100%!important;justify-content:center!important;height:48px!important;border-radius:var(--radius-sm, 8px)!important;font-size:.95rem!important;font-weight:700!important;padding:0!important}.subscriptions-tab .summary-widgets-grid{grid-template-columns:1fr 1fr!important;gap:8px!important;margin-bottom:12px!important}.subscriptions-tab .summary-widgets-grid .summary-card-premium{padding:10px 12px 14px!important;gap:2px!important;min-height:auto!important;border-radius:12px!important}.subscriptions-tab .summary-widgets-grid .summary-card-premium:first-child{grid-column:span 2!important}.subscriptions-tab .summary-widgets-grid .summary-card-premium:nth-child(2),.subscriptions-tab .summary-widgets-grid .summary-card-premium:nth-child(3){grid-column:span 1!important}.subscriptions-tab .summary-card-premium .card-label{font-size:9.5px!important;letter-spacing:.01em!important}.subscriptions-tab .summary-card-premium .card-value{font-size:1.15rem!important;font-weight:800!important}.subscriptions-tab .summary-card-premium .card-trend{font-size:9.5px!important;margin-top:2px!important;gap:3px!important}.subscriptions-tab .summary-card-premium .card-trend svg{width:12px!important;height:12px!important}.sl-controls-area{gap:8px!important}.sl-controls-area .premium-controls-bar{flex-direction:column!important;align-items:stretch!important;gap:10px!important;padding:10px 12px!important;background:#fffffff2!important}.sl-controls-area .premium-search-box{width:100%!important}.sl-controls-area .premium-search-box input{height:40px!important;font-size:.85rem!important}.sl-controls-area .filter-pills-container{width:100%!important;display:flex!important;align-items:center!important;gap:8px!important}.sl-controls-area .filter-pills-label{width:28px!important;height:28px!important;border-radius:50%!important;background:#0f172a0d!important;color:var(--text-muted, #64748b)!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0!important}.sl-controls-area .filter-pills{flex:1!important;display:flex!important;gap:6px!important;overflow-x:auto!important;white-space:nowrap!important;-webkit-overflow-scrolling:touch!important;padding:2px 0!important;scrollbar-width:none!important}.sl-controls-area .filter-pills::-webkit-scrollbar{display:none!important}.sl-controls-area .pill-btn{padding:6px 12px!important;font-size:.75rem!important;flex-shrink:0!important;border-radius:999px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:4px!important;width:auto!important}.type-filter-tabs{gap:6px!important;padding:2px 0!important}.type-tab{padding:6px 12px!important;font-size:.78rem!important}}.mission-banner{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);background:#ffffff0d;border-radius:var(--radius-xl);border:1px solid oklch(100% 0 0 / .1);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:relative;overflow:hidden;transition:all var(--duration-base) var(--ease-out);cursor:pointer;width:100%;max-width:400px}.mission-banner:hover{background:#ffffff14;border-color:#fff3;transform:translateY(-2px)}.mission-info{display:flex;align-items:center;gap:var(--space-4)}.streak-emoji{font-size:2rem;filter:drop-shadow(0 0 10px oklch(70% .2 20 / .3));flex-shrink:0}.streak-text-group{display:flex;flex-direction:column}.streak-label{font-size:10px;color:#ffffff80;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.streak-value{font-size:var(--fs-md);font-weight:800;color:#fff;display:flex;align-items:center;gap:4px}.check-in-btn{display:flex;align-items:center;gap:var(--space-2);padding:8px 14px;background:#fff;color:oklch(20% .05 var(--brand-hue));border:none;border-radius:var(--radius-lg);font-weight:800;font-size:var(--fs-xs);cursor:pointer;transition:all var(--duration-base) var(--ease-out);flex-shrink:0}.check-in-btn:hover:not(:disabled){background:oklch(95% .02 var(--brand-hue));transform:scale(1.05)}.check-in-btn:disabled{background:#ffffff1a;color:#fff6;cursor:default}.mission-modal{max-width:520px}.mission-summary{padding:var(--space-5) var(--space-6);background:linear-gradient(135deg,#fff8ea,#fff5f0);background:linear-gradient(135deg,#fff8ea,color(xyz 0.914 0.936 0.938));border-bottom:1px solid oklch(90% .05 85)}.summary-text{font-size:var(--fs-sm);color:var(--text-secondary);margin-bottom:var(--space-3)}.summary-text strong{color:#a27900;color:oklch(60% .15 85);font-weight:800}.summary-progress-bg{height:10px;background:var(--color-neutral-200);border-radius:var(--radius-full);width:100%;overflow:hidden}.summary-progress-bar{height:100%;background:linear-gradient(90deg,#eab532,#f6921f,#fe6a00);border-radius:var(--radius-full);transition:width var(--duration-slow) var(--ease-out)}.mission-tab-nav{display:flex;padding:0 var(--space-6);gap:var(--space-6);border-bottom:1px solid var(--color-neutral-100)}.mission-tab-item{padding:var(--space-4) 0;background:none;border:none;font-size:var(--fs-sm);font-weight:700;color:var(--text-muted);cursor:pointer;position:relative;transition:color var(--duration-base) var(--ease-out)}.mission-tab-item.active{color:var(--color-brand-primary)}.mission-tab-item.active:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:3px;background:var(--color-brand-primary);border-radius:var(--radius-full) var(--radius-full) 0 0}.mission-list{display:flex;flex-direction:column;gap:var(--space-3)}.mission-card{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);background:var(--color-neutral-50);border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);transition:all var(--duration-base) var(--ease-out)}.mission-card:hover{background:var(--bg-surface);border-color:#eab532;box-shadow:var(--shadow-sm);transform:translate(4px)}.m-left{display:flex;align-items:center;gap:var(--space-4);flex:1}.m-icon-box{width:48px;height:48px;background:var(--bg-surface);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:1.5rem;box-shadow:var(--shadow-sm);border:1px solid var(--color-neutral-100)}.m-content{flex:1}.m-title{font-size:var(--fs-base);font-weight:700;color:var(--text-primary);margin-bottom:2px}.m-caption{font-size:.75rem;color:var(--text-muted);line-height:1.4;margin-bottom:4px}.m-progress-container{width:100%;max-width:140px}.m-progress-bg{height:6px;background:var(--color-neutral-200);border-radius:var(--radius-full);overflow:hidden}.m-progress-bar{height:100%;background:var(--color-neutral-400);border-radius:var(--radius-full);transition:width var(--duration-slow) var(--ease-out)}.mission-card.completed{background:#f0fdf1;border-color:#c8e8cd}.mission-card.completed .m-progress-bar{background:#3aa85b}.m-reward{text-align:right;margin-left:var(--space-4);min-width:80px}.m-points{font-size:var(--fs-base);font-weight:800;color:#c79600;color:oklch(70% .15 85)}.m-status-complete{display:flex;align-items:center;gap:4px;color:#25984d;font-size:var(--fs-xs);font-weight:800;justify-content:flex-end}.history-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);background:var(--bg-surface);border:1px solid var(--color-neutral-100);border-radius:var(--radius-md);margin-bottom:var(--space-2)}.h-left{display:flex;align-items:center;gap:var(--space-3)}.h-icon{width:40px;height:40px;border-radius:var(--radius-sm);background:var(--color-neutral-100);display:flex;align-items:center;justify-content:center;font-size:1.2rem}.h-reason{font-size:var(--fs-sm);font-weight:700;color:var(--text-primary)}.h-date{font-size:var(--fs-xs);color:var(--text-muted)}.h-points{font-size:var(--fs-base);font-weight:800}.h-points.plus{color:#25984d}.h-points.minus{color:#ca545a}@keyframes pulse-fire{0%{transform:scale(1);filter:drop-shadow(0 0 10px oklch(70% .2 20 / .3))}50%{transform:scale(1.1);filter:drop-shadow(0 0 20px oklch(70% .2 20 / .5))}to{transform:scale(1);filter:drop-shadow(0 0 10px oklch(70% .2 20 / .3))}}.point-toast-container{position:fixed;inset:auto auto 24px 50%;transform:translate(-50%);z-index:9999;pointer-events:none;display:flex;flex-direction:column;align-items:center;gap:8px}.point-toast{background:var(--bg-surface);padding:10px 20px;border-radius:var(--radius-full);display:flex;align-items:center;gap:var(--space-3);box-shadow:var(--shadow-lg);border:1.5px solid oklch(80% .15 85);animation:toast-up 1.5s cubic-bezier(.23,1,.32,1) forwards;width:max-content;max-width:min(360px,90vw)}@keyframes toast-up{0%{transform:translateY(20px) scale(.8);opacity:0}20%{transform:translateY(0) scale(1);opacity:1}80%{transform:translateY(-10px) scale(1);opacity:1}to{transform:translateY(-30px) scale(.9);opacity:0}}@media(max-width:768px){.mission-banner{max-width:100%;padding:var(--space-3) var(--space-4);border-radius:var(--radius-xl)}.streak-emoji{font-size:1.5rem}.streak-value{font-size:var(--fs-base)}.check-in-btn{padding:6px 12px;font-size:11px;border-radius:var(--radius-md)}.point-toast-container{inset:auto auto 90px 50%;transform:translate(-50%);align-items:center}}@media(max-width:380px){.mission-banner{gap:var(--space-2)}.streak-emoji{font-size:1.2rem}.check-in-btn span{display:none}.check-in-btn{padding:8px}}.point-discount-entry-banner{display:block;width:100%;padding:16px;margin-top:24px;background:linear-gradient(135deg,#6366f1,#4f46e5,#7c3aed);color:#fff;border:none;border-radius:16px;font-size:.95rem;font-weight:800;text-align:center;cursor:pointer;transition:all .25s cubic-bezier(.16,1,.3,1);box-shadow:0 10px 20px -5px #6366f166,0 4px 6px -2px #7c3aed33;position:relative;overflow:hidden}.point-discount-entry-banner:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,#fff0,#fff3,#fff0);transition:all .6s ease}.point-discount-entry-banner:hover{transform:translateY(-3px) scale(1.01);box-shadow:0 15px 25px -5px #6366f180,0 8px 12px -2px #7c3aed4d;filter:brightness(1.05)}.point-discount-entry-banner:hover:before{left:100%;transition:all .8s ease}.point-discount-entry-banner:active{transform:translateY(-1px) scale(.99)}.home-report-banner{margin:0;padding:var(--space-4) var(--space-6);background:linear-gradient(135deg,#1c50a7,#003481);background:linear-gradient(135deg,#1c50a7,color(xyz 0.054 0.04 0.232));border-radius:var(--radius-md);display:flex;justify-content:space-between;align-items:center;color:#fff;position:relative;overflow:hidden;cursor:pointer;border:1px solid oklch(100% 0 0 / .15);box-shadow:0 10px 30px -10px #0000004d;transition:all var(--duration-base) var(--ease-out)}.home-report-banner:hover{transform:translateY(-4px) scale(1.01);background:linear-gradient(135deg,#2a5fb7,#0b4196);border-color:#ffffff40;box-shadow:0 20px 40px -15px #0006}.home-report-banner:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at top left,oklch(100% 0 0 / .15),transparent 70%);pointer-events:none}.report-banner-content{display:flex;align-items:center;gap:var(--space-6);z-index:1}.report-banner-icon{width:48px;height:48px;background:#ffffff26;color:#fff;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid oklch(100% 0 0 / .1);box-shadow:0 8px 16px -4px #0003}.report-banner-text h4{margin:0;font-size:var(--fs-md);font-weight:800;letter-spacing:-.02em;color:#fff}.report-banner-text p{margin:var(--space-1) 0 0;font-size:var(--fs-sm);color:#ffffffd9;font-weight:600}.report-banner-action{background:#fff;color:#003483;color:oklch(35% .15 260);padding:10px 20px;border-radius:var(--radius-full);font-size:var(--fs-xs);font-weight:800;display:flex;align-items:center;gap:var(--space-2);flex-shrink:0;box-shadow:0 4px 12px #0003;transition:all var(--duration-fast) var(--ease-out)}.home-report-banner:hover .report-banner-action{background:#e7effc;transform:translate(4px)}.home-savings-banner{background:linear-gradient(135deg,#007835,#00672d,#005723);background:linear-gradient(135deg,color(xyz 0.055 0.141 0.028),color(xyz 0.036 0.104 0.014),color(xyz 0.022 0.074 0.004));border-radius:var(--radius-md);padding:var(--space-4) var(--space-6);margin:0;color:#fff;display:flex;align-items:center;position:relative;overflow:hidden;cursor:pointer;border:1px solid oklch(100% 0 0 / .15);box-shadow:0 10px 30px -10px #00672d4d;box-shadow:0 10px 30px -10px oklch(45% .2 150 / .3);transition:all var(--duration-base) var(--ease-out)}.home-savings-banner:hover{transform:translateY(-4px) scale(1.005);background:linear-gradient(135deg,#00893d,#00672d);background:linear-gradient(135deg,color(xyz 0.08 0.186 0.047),color(xyz 0.036 0.104 0.014));border-color:#ffffff40;box-shadow:0 20px 40px -15px #00672d66;box-shadow:0 20px 40px -15px oklch(45% .2 150 / .4)}.home-savings-banner:before{content:"";position:absolute;top:-50%;right:-10%;width:150px;height:150px;background:#ffffff1a;border-radius:50%;filter:blur(30px)}.savings-content{display:flex;align-items:center;gap:var(--space-4);position:relative;z-index:1;flex:1;min-width:0}.savings-icon-glow{width:48px;height:48px;background:#fff3;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;box-shadow:0 0 20px #ffffff4d;flex-shrink:0}.savings-text{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.savings-label{font-size:var(--fs-xs);font-weight:600;color:#ffffffe6;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.savings-amount{font-size:var(--fs-md);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.savings-amount strong{font-size:var(--fs-lg);font-weight:800;margin:0 2px}@media(max-width:767px){.home-report-banner{padding:var(--space-4) var(--space-5);border-radius:var(--radius-md)}.report-banner-content{gap:var(--space-3)}.report-banner-icon{width:40px;height:40px}.report-banner-text h4{font-size:var(--fs-base)}.report-banner-text p{font-size:var(--fs-xs)}.report-banner-action{padding:6px 12px;font-size:var(--fs-xs)}.home-savings-banner{padding:var(--space-4);border-radius:var(--radius-lg)}.savings-content{gap:var(--space-3)}.savings-icon-glow{width:40px;height:40px}.savings-label{font-size:var(--fs-xs)}.savings-amount{font-size:var(--fs-sm)}}@media(max-width:380px){.home-report-banner{padding:var(--space-3) var(--space-4)}.report-banner-icon{width:32px;height:32px}.report-banner-action{display:none}.report-banner-text h4{font-size:var(--fs-sm)}}.report-container{padding:16px;max-width:100%;margin:0 auto;animation:fadeIn .6s ease-out}.report-header{margin-bottom:24px;text-align:left}.report-title{font-size:1.5rem;font-weight:900;color:var(--text-main);margin-bottom:4px;letter-spacing:-.5px}.report-period{color:var(--text-muted);font-size:.9rem}.report-hero{background:linear-gradient(135deg,#6366f1,#8b5cf6)!important;border-radius:20px;padding:24px;color:#fff!important;margin-bottom:24px;box-shadow:0 15px 30px #6366f133;display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;gap:16px;position:relative;overflow:hidden}.hero-left{display:flex;flex-direction:column;gap:8px;flex:1;min-width:0}.hero-right{display:none;flex-direction:column;align-items:flex-end;gap:6px;flex-shrink:0}.hero-mini-chart{width:150px;height:68px;opacity:.9}.hero-chart-caption{font-size:.72rem;color:#ffffffa6;font-weight:600;letter-spacing:.02em;text-transform:none}.hero-amount{font-size:clamp(1.6rem,5vw,2.2rem);font-weight:900;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.15}.hero-label{font-size:.85rem;color:#fffc;font-weight:600}.hero-change{display:inline-flex;align-items:center;gap:6px;background:#fff3;padding:6px 12px;border-radius:100px;font-size:.85rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:fit-content}.report-summary-grid{display:grid;grid-template-columns:1fr;gap:12px;margin-bottom:24px}.summary-card{background:var(--card-bg);padding:16px;border-radius:16px;border:1px solid var(--glass-border);box-shadow:var(--shadow-soft)}.summary-value{font-size:1.25rem;font-weight:800;color:var(--text-main)}.report-charts-grid{display:grid;grid-template-columns:1fr;gap:16px;margin-bottom:24px}.chart-box{background:var(--card-bg);padding:20px;border-radius:20px;border:1px solid var(--glass-border)}.report-legend-list{margin-top:16px;display:flex;flex-direction:column;gap:8px}.report-insights{background:#f8fafc;border-radius:24px;padding:24px;margin-bottom:32px;border:1px solid var(--glass-border)}.insight-title{font-size:1.15rem;font-weight:800;color:var(--text-main);margin-bottom:20px;display:flex;align-items:center;gap:8px}.insight-list{display:flex;flex-direction:column;gap:12px}.insight-item{display:flex;align-items:flex-start;gap:14px;margin-bottom:12px;padding:16px;background:#fff;border-radius:16px;box-shadow:0 4px 12px #00000008;transition:transform .2s ease}@media(max-width:380px){.hero-amount{font-size:1.8rem}.report-title{font-size:1.3rem}.summary-card{padding:12px}}@media(min-width:381px)and (max-width:767px){.report-container{padding:20px}}@media(min-width:768px){.report-container{padding:32px}.report-title{font-size:2rem}.report-hero{padding:28px 36px;justify-content:space-between}.hero-right{display:flex}.hero-mini-chart{width:160px;height:72px}.hero-amount{font-size:clamp(1.8rem,3.5vw,2.75rem)}.report-summary-grid{grid-template-columns:repeat(3,1fr);gap:20px}}@media(min-width:1024px){.report-container{max-width:1000px}.report-charts-grid{grid-template-columns:1.2fr .8fr;gap:24px}.report-hero{padding:28px 40px}.hero-amount{font-size:clamp(2rem,3vw,3.2rem)}.hero-mini-chart{width:180px;height:76px}}@media(min-width:1024px)and (max-width:1180px){.report-container{padding:24px}}@media(min-width:1280px){.report-container{max-width:1100px;padding:40px}.hero-amount{font-size:clamp(2.2rem,2.8vw,3.5rem)}}.legend-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.legend-item{display:flex;align-items:center;gap:10px;font-size:.9rem;padding:10px 14px;background:#fff;border-radius:12px;border:1px solid var(--glass-border);width:100%;box-sizing:border-box}.legend-name{color:var(--text-main);font-weight:600;flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.legend-value{font-weight:800;color:var(--text-main);font-variant-numeric:tabular-nums;white-space:nowrap;flex-shrink:0}.summary-amount{white-space:nowrap;word-break:keep-all}.summary-value--text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.summary-card.savings-clickable{cursor:pointer;position:relative;transition:background-color .15s ease,box-shadow .15s ease,border-color .15s ease}.summary-card.savings-clickable:hover,.summary-card.savings-clickable:focus-within{background-color:#f0f4ff;border-color:#c7d2fe;box-shadow:0 4px 16px #6366f11f}.savings-chevron{position:absolute;top:50%;right:14px;transform:translateY(-50%);color:#6366f1;opacity:.7}.insight-item{display:flex;align-items:flex-start;gap:14px;padding:16px;background:#fff;border-radius:16px;box-shadow:0 4px 12px #00000008;transition:transform .2s ease}.insight-item:active{transform:scale(.98)}.insight-icon{width:38px;height:38px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:12px}.insight-icon--info{background:#eff6ff;color:#6366f1}.insight-icon--warning{background:#fff7ed;color:#f59e0b}.insight-icon--success{background:#f0fdf4;color:#22c55e}.insight-body{display:flex;flex-direction:column;gap:10px;flex:1;min-width:0}.insight-text{font-size:.9rem;color:var(--text-main);line-height:1.6;margin:0}.insight-text strong{color:#6366f1;font-weight:800}.btn-report-cta{display:inline-flex;align-items:center;gap:6px;border:none;border-radius:10px;font-size:.875rem;font-weight:700;cursor:pointer;transition:background-color .15s ease,box-shadow .15s ease;padding:0 16px;height:36px;white-space:nowrap;text-decoration:none;align-self:flex-start}.btn-report-cta--primary{background:#6366f1;color:#fff}.btn-report-cta--primary:hover{background:#4f46e5;box-shadow:0 4px 12px #6366f140}.btn-report-cta--secondary{background:#f1f5f9;color:#6366f1}.btn-report-cta--secondary:hover{background:#e0e7ff}.report-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:56px 24px;text-align:center}.empty-icon-wrap{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:#f1f5f9;border-radius:20px;color:#94a3b8}.empty-title{font-size:1.1rem;font-weight:800;color:var(--text-main);margin:0}.empty-desc{font-size:.9rem;color:var(--text-muted);margin:0;line-height:1.6}.report-mission-claim{margin-bottom:32px}.claim-card{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 20px;border-radius:20px;border:2px solid transparent;transition:transform .18s cubic-bezier(.34,1.56,.64,1),box-shadow .18s ease,border-color .18s ease}.claim-card:active{transform:scale(.97)}.claim-card--active{background:#fff;border-color:transparent;background-clip:padding-box;position:relative;box-shadow:0 0 0 2px #6366f1,0 8px 24px #6366f126}.claim-card--active:before{content:"";position:absolute;inset:-2px;border-radius:22px;background:linear-gradient(135deg,#6366f1,#8b5cf6,#a78bfa);z-index:-1}.claim-card--locked{background:#f1f5f9b3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-color:#cbd5e199;box-shadow:0 2px 8px #0000000a}.claim-card-left{display:flex;align-items:center;gap:14px;flex:1;min-width:0}.claim-icon{font-size:1.6rem;flex-shrink:0;line-height:1}.claim-text{display:flex;flex-direction:column;gap:4px;min-width:0}.claim-title{font-size:.95rem;font-weight:800;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.claim-card--locked .claim-title{color:var(--text-muted)}.claim-desc{font-size:.8rem;color:var(--text-muted);line-height:1.4}.claim-btn{flex-shrink:0;height:40px;min-width:64px;padding:0 18px;border:none;border-radius:12px;font-size:.9rem;font-weight:800;cursor:pointer;transition:transform .15s cubic-bezier(.34,1.56,.64,1),box-shadow .15s ease,background .15s ease;display:flex;align-items:center;justify-content:center}.claim-btn--active{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;box-shadow:0 4px 14px #6366f159}.claim-btn--active:hover:not(:disabled){box-shadow:0 6px 20px #6366f173;transform:translateY(-1px)}.claim-btn--active:active:not(:disabled){transform:scale(.95)}.claim-btn--locked{background:#94a3b833;color:var(--text-muted);cursor:default}.claim-btn:disabled{opacity:.7;cursor:not-allowed}.custom-tooltip{background:#fffffff2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:12px 16px;border-radius:14px;border:1px solid rgba(255,255,255,.4);box-shadow:0 10px 25px #00000014}.tooltip-label{font-size:.8rem;color:var(--text-muted);margin-bottom:4px;font-weight:600}.tooltip-value{font-size:.95rem;color:var(--text-main);display:flex;align-items:center;gap:6px;white-space:nowrap}.tooltip-dot{width:8px;height:8px;border-radius:50%;display:inline-block;flex-shrink:0}.pwa-install-banner{margin:var(--space-4);padding:var(--space-4) var(--space-6);background:linear-gradient(135deg,#18386ecc,#011d50e6);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:space-between;color:#fff;box-shadow:0 20px 40px -15px #0006;cursor:pointer;transition:all var(--duration-base) var(--ease-out);animation:slideInDown .6s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;border:1px solid oklch(100% 0 0 / .08)}.pwa-install-banner:hover{transform:translateY(-2px) scale(1.005);border-color:#ffffff2e}.pwa-install-banner:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at top left,oklch(100% 0 0 / .15),transparent 70%);pointer-events:none}.banner-content{display:flex;align-items:center;gap:var(--space-4)}.banner-icon{width:40px;height:40px;background:#fff3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid oklch(100% 0 0 / .1)}.banner-text{display:flex;flex-direction:column}.banner-text .title{font-weight:800;font-size:var(--fs-base);letter-spacing:-.02em}.banner-text .desc{font-size:var(--fs-xs);opacity:.8;font-weight:500;margin-top:1px}.banner-actions{display:flex;align-items:center;gap:var(--space-3)}.btn-install{background:#fff;color:#1c69e3;border:none;padding:8px 16px;border-radius:var(--radius-full);font-weight:800;font-size:var(--fs-xs);display:flex;align-items:center;cursor:pointer;transition:all var(--duration-fast) var(--ease-out);box-shadow:0 4px 12px #0000001a}.btn-install:hover{background:#f5f9ff;transform:translateY(-1px)}.btn-close{background:#ffffff1a;border:none;color:#fff;width:32px;height:32px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--duration-fast)}.btn-close:hover{background:#fff3}.pwa-guide-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0f172acc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10000;display:flex;align-items:center;justify-content:center;padding:20px}.pwa-guide-modal{background:#fff;width:100%;max-width:400px;border-radius:28px;padding:32px;position:relative;text-align:center;box-shadow:0 25px 50px -12px #00000040;animation:modalPop .4s cubic-bezier(.175,.885,.32,1.275)}@keyframes modalPop{0%{transform:scale(.9) translateY(20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.pwa-guide-close{position:absolute;top:20px;right:20px;background:#f1f5f9;border:none;color:#64748b;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.pwa-app-icon-wrapper{margin-bottom:20px}.pwa-app-icon{width:80px;height:80px;border-radius:20px;box-shadow:0 10px 20px #0000001a}.pwa-guide-modal h2{font-size:1.5rem;font-weight:800;color:#1e293b;margin-bottom:8px}.pwa-guide-modal .subtitle{color:#64748b;font-size:.95rem;line-height:1.5;margin-bottom:32px}.pwa-steps{display:flex;flex-direction:column;gap:16px;text-align:left;margin-bottom:32px}.pwa-step{display:flex;gap:16px;padding:16px;background:#f8fafc;border-radius:16px;border:1px solid #f1f5f9}.step-number{background:#6366f1;color:#fff;width:24px;height:24px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:800;flex-shrink:0;margin-top:2px}.step-text{font-size:.9rem;color:#334155;line-height:1.6;display:flex;flex-wrap:wrap;align-items:center;gap:4px}.pwa-guide-actions{display:flex;gap:12px}.pwa-btn-later{flex:1;background:#f1f5f9;color:#64748b;border:none;padding:14px;border-radius:14px;font-weight:600;cursor:pointer}.pwa-btn-confirm{flex:2;background:#6366f1;color:#fff;border:none;padding:14px;border-radius:14px;font-weight:700;cursor:pointer;box-shadow:0 4px 12px #6366f14d}.offline-indicator{position:fixed;bottom:0;left:0;width:100%;background:#f43f5e;color:#fff;text-align:center;padding:8px;font-size:.85rem;font-weight:600;z-index:10001;display:flex;align-items:center;justify-content:center;gap:8px;animation:slideUp .3s ease-out}@keyframes slideInDown{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media(max-width:768px){.pwa-install-banner{padding:10px 14px!important;margin-bottom:20px!important}}@media(max-width:640px){.pwa-install-banner{flex-direction:column;align-items:stretch;padding:var(--space-4);gap:var(--space-4);margin:var(--space-3);position:relative}.banner-content{padding-right:36px;gap:var(--space-3)}.banner-icon{width:36px;height:36px;background:#ffffff1f}.banner-text .title{font-size:var(--fs-sm);line-height:var(--lh-tight);font-weight:700}.banner-text .desc{font-size:11px;line-height:1.4;margin-top:2px;opacity:.85;word-break:keep-all}.banner-actions{width:100%;gap:0}.btn-install{width:100%;justify-content:center;padding:10px var(--space-4);height:40px;font-size:12px;font-weight:700}.btn-close{position:absolute;top:var(--space-3);right:var(--space-3);width:30px;height:30px;background:#ffffff14}}.pwa-reload-prompt{position:fixed;bottom:24px;right:24px;left:24px;z-index:11000;display:flex;justify-content:center;pointer-events:none}.prompt-content{pointer-events:auto;background:#0f172ae6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);padding:16px 20px;border-radius:20px;display:flex;align-items:center;gap:16px;color:#fff;box-shadow:0 20px 40px #0006;max-width:500px;width:100%;animation:slideUpFade .5s cubic-bezier(.16,1,.3,1)}@keyframes slideUpFade{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.prompt-icon{width:44px;height:44px;background:#6366f133;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#818cf8;flex-shrink:0}.spin-icon{animation:spin 3s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.prompt-text{flex:1;display:flex;flex-direction:column;gap:2px}.prompt-text .title{font-weight:700;font-size:.95rem}.prompt-text .desc{font-size:.8rem;opacity:.7}.prompt-actions{display:flex;align-items:center;gap:12px}.btn-update{background:#6366f1;color:#fff;border:none;padding:8px 16px;border-radius:12px;font-weight:700;font-size:.85rem;cursor:pointer;white-space:nowrap;transition:all .2s}.btn-update:hover{background:#4f46e5;transform:translateY(-1px)}.btn-close-prompt{background:#ffffff1a;border:none;color:#fff;width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.btn-close-prompt:hover{background:#fff3}@media(min-width:641px){.pwa-reload-prompt{left:auto;width:auto;min-width:400px}}@media(max-width:640px){.pwa-reload-prompt{bottom:16px;left:16px;right:16px}.prompt-content{flex-wrap:wrap;padding:16px;border-radius:20px;gap:12px;position:relative}.prompt-icon{width:36px;height:36px;border-radius:10px}.prompt-text{flex:1;padding-right:32px}.prompt-text .title{font-size:.9rem;font-weight:700;line-height:1.3}.prompt-text .desc{font-size:.75rem;line-height:1.4;opacity:.85;word-break:keep-all}.btn-close-prompt{position:absolute;top:16px;right:16px;background:#ffffff14;border-radius:50%;width:32px;height:32px;flex-shrink:0}.prompt-actions{width:100%;display:flex;justify-content:flex-end}.btn-update{width:100%;height:42px;border-radius:12px;font-size:.85rem;font-weight:700;background:linear-gradient(135deg,#6483ff,#4272ff,#1c69e3);background:linear-gradient(135deg,color(xyz 0.354 0.254 1.321),color(xyz 0.267 0.203 1.008),#1c69e3);box-shadow:0 4px 12px #1c69e34d;display:flex;align-items:center;justify-content:center;margin-top:4px;transition:all .2s var(--ease-out)}.btn-update:active{transform:scale(.98);filter:brightness(.95)}}.ob-backdrop{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;background:oklch(10% .05 var(--brand-hue) / .55);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);padding:var(--space-4)}.ob-modal{position:relative;width:100%;max-width:400px;background:#fffffff7;border:1px solid var(--color-brand-primary-light);border-radius:var(--radius-lg);padding:var(--space-10) var(--space-8) var(--space-8);box-shadow:var(--shadow-premium);display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-3)}.ob-close{position:absolute;top:var(--space-4);right:var(--space-4);display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--color-neutral-100);border:none;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:background var(--duration-base) var(--ease-out),color var(--duration-base) var(--ease-out),transform var(--duration-base) var(--ease-out)}.ob-close:hover{background:var(--color-neutral-200);color:var(--text-primary);transform:rotate(90deg)}.ob-close:active{transform:rotate(90deg) scale(.88)}.ob-emoji{font-size:2rem;line-height:1;margin-bottom:var(--space-1)}.ob-title{font-size:var(--fs-xl);font-weight:850;color:var(--text-primary);letter-spacing:-.025em;margin:0;line-height:1.3}.ob-desc{font-size:var(--fs-base);line-height:1.65;color:var(--text-secondary);margin:0;word-break:keep-all}.ob-badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-4);background:linear-gradient(135deg,oklch(var(--brand-hue) .18 var(--brand-hue) / .12),oklch(var(--brand-hue) .22 var(--brand-hue) / .18));border:1px solid var(--color-brand-primary-light);border-radius:var(--radius-full);font-size:var(--fs-sm);font-weight:700;color:var(--color-brand-primary);letter-spacing:.01em;animation:ob-badge-pop .4s var(--ease-out) both}@keyframes ob-badge-pop{0%{transform:scale(.75);opacity:0}to{transform:scale(1);opacity:1}}.ob-dots{display:flex;gap:var(--space-2);margin-top:var(--space-2)}.ob-dot{width:8px;height:8px;border-radius:var(--radius-full);background:var(--color-neutral-200);transition:width var(--duration-slow) var(--ease-out),background var(--duration-slow) var(--ease-out)}.ob-dot.active{width:24px;background:var(--color-brand-primary);box-shadow:0 0 10px var(--color-brand-primary-light)}.ob-dot.done{background:var(--color-success)}.ob-footer{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:var(--space-2);gap:var(--space-3)}.ob-nav{display:flex;align-items:center;gap:var(--space-2)}.ob-skip{background:none;border:none;font-size:var(--fs-sm);color:var(--text-muted);cursor:pointer;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);transition:color var(--duration-base) var(--ease-out),background var(--duration-base) var(--ease-out);flex-shrink:0}.ob-skip:hover{color:var(--text-secondary);background:var(--color-neutral-100)}.ob-skip:active{transform:scale(.94)}.ob-prev{display:inline-flex;align-items:center;gap:4px;padding:var(--space-2) var(--space-4);background:var(--color-neutral-100);border:1px solid var(--color-neutral-200);border-radius:var(--radius-sm);font-size:var(--fs-sm);font-weight:600;color:var(--text-secondary);cursor:pointer;transition:background var(--duration-base) var(--ease-out),border-color var(--duration-base) var(--ease-out),transform var(--duration-base) var(--ease-out);white-space:nowrap}.ob-prev:hover{background:var(--color-neutral-200);border-color:var(--color-neutral-300)}.ob-prev:active{transform:scale(.93)}.ob-next{display:inline-flex;align-items:center;gap:4px;padding:var(--space-2) var(--space-5);background:var(--color-brand-primary);border:none;border-radius:var(--radius-sm);font-size:var(--fs-sm);font-weight:700;color:#fff;cursor:pointer;transition:background var(--duration-base) var(--ease-out),box-shadow var(--duration-base) var(--ease-out),transform var(--duration-base) var(--ease-out);white-space:nowrap}.ob-next:hover{background:var(--color-brand-primary-dark, var(--color-brand-primary));box-shadow:0 4px 12px #1e88e533;transform:scale(1.02)}.ob-next:active{transform:scale(.92);box-shadow:none}.ob-finish{display:inline-flex;align-items:center;gap:6px;padding:var(--space-2) var(--space-5);background:var(--color-brand-primary);border:none;border-radius:var(--radius-sm);font-size:var(--fs-sm);font-weight:800;color:#fff;cursor:pointer;letter-spacing:.01em;transition:transform var(--duration-base) var(--ease-out),box-shadow var(--duration-base) var(--ease-out),background var(--duration-base) var(--ease-out);white-space:nowrap;box-shadow:0 4px 12px #1e88e533}.ob-finish:hover{transform:scale(1.02);background:var(--color-brand-primary-dark, var(--color-brand-primary));box-shadow:0 4px 12px #1e88e533}.ob-finish:active{transform:scale(.92);box-shadow:none}@media(max-width:480px){.ob-modal{padding:var(--space-8) var(--space-5) var(--space-5);gap:var(--space-2);border-radius:var(--radius-md)}.ob-title{font-size:var(--fs-lg)}.ob-desc{font-size:var(--fs-sm)}.ob-footer{flex-direction:column-reverse;align-items:stretch;gap:var(--space-2)}.ob-nav{width:100%;justify-content:space-between}.ob-next,.ob-finish{flex:1;justify-content:center}.ob-skip{text-align:center;width:100%}}.st-discount-overlay{position:fixed;inset:0;background:#0f172aa6;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:1000}.st-discount-bottomsheet{position:fixed;bottom:0;left:0;right:0;max-width:520px;margin:0 auto;background:#fff;border-top-left-radius:24px;border-top-right-radius:24px;padding:12px 20px 32px;box-shadow:0 -10px 25px -5px #00000026,0 -5px 10px -5px #0000001a;z-index:1001;max-height:88vh;overflow-y:auto;scrollbar-width:none}.st-discount-bottomsheet::-webkit-scrollbar{display:none}.st-discount-handle{width:48px;height:5px;background:#e2e8f0;border-radius:999px;margin:0 auto 16px;cursor:pointer;transition:background .2s}.st-discount-handle:hover{background:#cbd5e1}.st-discount-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.st-discount-title-group{display:flex;align-items:center;gap:10px}.st-discount-icon-badge{background:linear-gradient(135deg,#f59e0b,#d97706);width:32px;height:32px;border-radius:10px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 6px -1px #f59e0b4d}.st-zap-icon{color:#fff;fill:#fff;width:16px;height:16px}.st-discount-header h3{font-size:1.15rem;font-weight:700;color:#0f172a;margin:0;letter-spacing:-.03em}.st-discount-close-btn{background:#f1f5f9;border:none;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#64748b;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1)}.st-discount-close-btn:hover{background:#e2e8f0;color:#0f172a;transform:rotate(90deg)}.st-discount-content{display:flex;flex-direction:column;gap:16px}.st-discount-points-card{background:linear-gradient(135deg,#1e293b,#0f172a);border-radius:16px;padding:16px 20px;color:#fff;display:flex;flex-direction:column;gap:4px;box-shadow:0 10px 15px -3px #0f172a1a;position:relative;overflow:hidden}.st-discount-points-card:after{content:"";position:absolute;top:-50%;right:-20%;width:150px;height:150px;background:radial-gradient(circle,#f59e0b26,#0000 70%);pointer-events:none}.st-points-label{font-size:.8rem;font-weight:500;color:#94a3b8;letter-spacing:.02em}.st-points-value-row{display:flex;align-items:baseline;gap:4px}.st-points-zap{color:#fbbf24;fill:#fbbf24;margin-right:4px;align-self:center}.st-points-num{font-size:2rem;font-weight:800;font-family:Outfit,Inter,sans-serif;letter-spacing:-.02em}.st-points-unit{font-size:1.1rem;font-weight:700;color:#fbbf24;margin-left:2px}.st-discount-target-info{display:flex;align-items:center;gap:8px;background:#f8fafc;border:1px dashed #e2e8f0;border-radius:12px;padding:12px 14px;font-size:.82rem;color:#475569}.st-ticket-icon{color:#6366f1;flex-shrink:0}.st-discount-target-info strong{color:#6366f1;font-weight:600}.st-discount-applied-banner{background:#ecfdf5;border:1px solid #a7f3d0;border-radius:12px;padding:12px 14px;display:flex;gap:10px;align-items:flex-start;color:#065f46}.st-applied-check{color:#10b981;flex-shrink:0;margin-top:1px}.st-applied-text{display:flex;flex-direction:column;gap:2px}.st-applied-title{font-size:.85rem;font-weight:700}.st-applied-desc{font-size:.78rem;line-height:1.4;color:#047857}.st-discount-list{display:flex;flex-direction:column;gap:12px}.st-discount-item{display:flex;align-items:center;justify-content:space-between;background:#fff;border:2px solid #e2e8f0;border-radius:16px;padding:16px;cursor:pointer;position:relative;transition:all .2s cubic-bezier(.16,1,.3,1);overflow:hidden}.st-discount-item:hover:not(.st-disabled):not(.st-applied-disabled){border-color:#fbbf24;background:#fffbeb;transform:translateY(-2px);box-shadow:0 4px 12px #f59e0b14}.st-discount-item:hover:not(.st-disabled):not(.st-applied-disabled) .st-item-exchange-btn:not(.st-btn-purple){background:#d97706;transform:scale(1.03)}.st-discount-item:hover:not(.st-disabled):not(.st-applied-disabled) .st-btn-purple{background:#4f46e5;transform:scale(1.03)}.st-item-badge{background:#fef3c7;color:#d97706;font-size:.72rem;font-weight:800;padding:4px 8px;border-radius:8px;position:absolute;top:14px;left:16px;letter-spacing:-.01em}.st-badge-purple{background:#e0e7ff;color:#4f46e5}.st-item-details{display:flex;flex-direction:column;gap:4px;padding-top:16px;flex:1}.st-item-name{font-size:.92rem;font-weight:700;color:#1e293b}.st-item-price-diff{font-size:.82rem;color:#64748b;display:flex;align-items:center;gap:5px}.st-price-arrow{color:#94a3b8}.st-item-price-diff strong{color:#0f172a;font-size:.95rem;font-weight:800}.st-item-exchange-btn{background:#f59e0b;color:#fff;border:none;font-size:.85rem;font-weight:700;padding:8px 16px;border-radius:10px;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 6px -1px #f59e0b33;align-self:flex-end}.st-btn-purple{background:#6366f1;box-shadow:0 4px 6px -1px #6366f133}.st-discount-item.st-disabled{opacity:.65;background:#fafafa;border-color:#e2e8f0;cursor:not-allowed}.st-discount-item.st-disabled .st-item-exchange-btn{background:#cbd5e1;color:#64748b;box-shadow:none;cursor:not-allowed}.st-discount-item.st-applied-disabled{opacity:.6;border-color:#cbd5e1;background:#f8fafc;cursor:not-allowed}.st-discount-item.st-applied-disabled .st-item-exchange-btn{background:#cbd5e1;color:#64748b;box-shadow:none;cursor:not-allowed}.st-discount-warning-box{display:flex;gap:8px;background:#fffbeb;border:1px solid #fef3c7;border-radius:12px;padding:12px 14px;margin-top:6px}.st-warning-icon{color:#d97706;flex-shrink:0;margin-top:2px}.st-discount-warning-box p{font-size:.74rem;line-height:1.45;color:#b45309;margin:0;font-weight:500}.st-confirm-dialog-wrapper{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:1100;padding:20px}.st-confirm-dialog-overlay{position:absolute;width:100%;height:100%;background:#0f172a66;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.st-confirm-dialog-body{background:#fff;border-radius:20px;padding:24px;max-width:380px;width:100%;box-shadow:0 20px 25px -5px #00000026,0 10px 10px -5px #0000000a;position:relative;z-index:1;text-align:center;display:flex;flex-direction:column;align-items:center}.st-confirm-warning-icon-wrapper{background:#fffbeb;border:2px solid #fef3c7;width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:14px}.st-confirm-warning-icon{color:#d97706}.st-confirm-dialog-body h4{font-size:1.05rem;font-weight:800;color:#0f172a;margin:0 0 10px}.st-confirm-desc{font-size:.88rem;color:#475569;line-height:1.5;margin:0 0 16px}.st-confirm-desc strong{color:#0f172a;font-weight:700}.st-confirm-benefit-highlight{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:12px 14px;width:100%;display:flex;flex-direction:column;gap:4px;font-size:.8rem;color:#334155;font-weight:600;margin-bottom:12px;text-align:left}.st-confirm-alert-text{font-size:.72rem;font-weight:500;color:#ef4444;margin:0 0 20px;line-height:1.4}.st-confirm-btn-group{display:flex;gap:10px;width:100%}.st-confirm-cancel-btn{flex:1;background:#f1f5f9;border:none;color:#64748b;font-size:.85rem;font-weight:700;padding:12px;border-radius:12px;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1)}.st-confirm-cancel-btn:hover{background:#e2e8f0;color:#334155}.st-confirm-ok-btn{flex:1.5;background:#0f172a;border:none;color:#fff;font-size:.85rem;font-weight:700;padding:12px;border-radius:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .2s cubic-bezier(.16,1,.3,1)}.st-confirm-ok-btn:hover{background:#1e293b;transform:translateY(-1px)}.st-confirm-ok-btn:disabled,.st-confirm-cancel-btn:disabled{opacity:.5;cursor:not-allowed}.st-spinner{animation:rotate 1s linear infinite}@keyframes rotate{to{transform:rotate(360deg)}}.st-discount-item.st-trial-disabled{opacity:.65;background:#fafafa;border-color:#cbd5e1;cursor:not-allowed}.st-discount-item.st-trial-disabled .st-item-exchange-btn{background:#cbd5e1;color:#64748b;box-shadow:none;cursor:not-allowed}.st-discount-trial-banner{background:#fff8f6;border:1px solid #fecaca;border-radius:12px;padding:12px 14px;display:flex;gap:10px;align-items:flex-start;color:#991b1b}.st-trial-alert-icon{color:#ef4444;flex-shrink:0;margin-top:1px}.st-trial-text{display:flex;flex-direction:column;gap:2px}.st-trial-title{font-size:.85rem;font-weight:700}.st-trial-desc{font-size:.78rem;line-height:1.45;color:#b91c1c}.st-discount-free-banner{background:#f5f3ff;border:1px solid #ddd6fe;border-radius:12px;padding:12px 14px;display:flex;gap:10px;align-items:flex-start;color:#5b21b6;box-shadow:0 2px 8px #8b5cf60d}.st-free-alert-icon{color:#8b5cf6;flex-shrink:0;margin-top:1px}.st-free-text{display:flex;flex-direction:column;gap:2px}.st-free-title{font-size:.85rem;font-weight:700;color:#6d28d9}.st-free-desc{font-size:.78rem;line-height:1.45;color:#7c3aed}.st-discount-no-sub-banner{background:#fffbeb;border:1px solid #fde68a;border-radius:12px;padding:12px 14px;display:flex;gap:10px;align-items:flex-start;color:#92400e;box-shadow:0 2px 8px #f59e0b0d}.st-no-sub-alert-icon{color:#f59e0b;flex-shrink:0;margin-top:1px}.st-no-sub-text{display:flex;flex-direction:column;gap:2px}.st-no-sub-title{font-size:.85rem;font-weight:700;color:#b45309}.st-no-sub-desc{font-size:.78rem;line-height:1.45;color:#d97706}.item-info{flex:1}.icon-spin{animation:spin 1s linear infinite}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}html,body{overflow-x:hidden!important}.service-icon-container{width:48px;height:48px;border-radius:14px;background-color:#fff;display:flex!important;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 12px #0000000d;transition:all .3s cubic-bezier(.175,.885,.32,1.275);border:1px solid rgba(0,0,0,.05);overflow:hidden;padding:0!important;margin:0!important;line-height:1!important}.row-info{flex:1;display:flex;flex-direction:column;min-width:0!important}.row-name{font-size:1.1rem;font-weight:800;color:var(--color-midnight-slate)}.animate-fade-in{animation:fadeIn .4s ease-out}.error-boundary-overlay{position:fixed;inset:0;background:radial-gradient(circle at center,var(--bg-app) 0%,var(--color-neutral-100) 100%);display:flex;align-items:center;justify-content:center;padding:var(--space-8);z-index:9999}.error-boundary-card{max-width:440px;width:100%;background:var(--bg-surface);border-radius:var(--radius-2xl);padding:var(--space-12) var(--space-8);text-align:center;box-shadow:var(--shadow-premium);border:1px solid var(--color-neutral-200);animation:modalScaleUp var(--duration-slow) var(--ease-out)}.error-icon-container{position:relative;width:80px;height:80px;margin:0 auto var(--space-8);display:flex;align-items:center;justify-content:center}.error-icon{color:var(--color-danger);position:relative;z-index:2}.error-icon-pulse{position:absolute;inset:0;background:#ca545a1a;border-radius:var(--radius-full);animation:error-pulse 2s infinite}@keyframes error-pulse{0%{transform:scale(1);opacity:.6}70%{transform:scale(1.6);opacity:0}to{transform:scale(1.6);opacity:0}}.error-title{font-size:var(--fs-xl);font-weight:850;color:var(--text-primary);margin-bottom:var(--space-4);letter-spacing:-.03em}.error-desc{color:var(--text-secondary);line-height:1.6;margin-bottom:var(--space-10);font-size:var(--fs-base)}.error-stack-trace{margin-bottom:var(--space-8);padding:var(--space-4);background:var(--color-neutral-50);border-radius:var(--radius-lg);text-align:left;font-size:var(--fs-xs);max-height:160px;overflow-y:auto;color:var(--text-muted);border:1px solid var(--color-neutral-200);font-family:monospace}.error-actions{display:flex;flex-direction:column;gap:var(--space-3)}@media(max-width:480px){.error-boundary-card{padding:var(--space-10) var(--space-6)}}