.landing-page{min-height:100vh;background:var(--color-surface)}.landing-nav{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-lg);max-width:1200px;margin:0 auto}.landing-logo{display:flex;align-items:center;gap:var(--space-sm)}.logo-icon{font-size:1.5rem}.logo-text{font-size:1.25rem;font-weight:700;color:var(--color-text-primary)}.landing-hero{background:linear-gradient(180deg,var(--primary-50) 0%,var(--color-surface) 100%);padding-bottom:var(--space-3xl);overflow:hidden}[data-theme=dark] .landing-hero{background:linear-gradient(180deg,rgba(14,165,233,.1) 0%,var(--color-surface) 100%)}.hero-content{max-width:1200px;margin:0 auto;padding:var(--space-3xl) var(--space-lg);text-align:center}.hero-badge{display:inline-block;background:var(--primary-100);color:var(--primary-700);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full);font-size:.875rem;font-weight:500;margin-bottom:var(--space-lg)}[data-theme=dark] .hero-badge{background:#0ea5e933;color:var(--primary-300)}.hero-title{font-size:2.5rem;font-weight:800;line-height:1.1;margin:0 0 var(--space-lg);color:var(--color-text-primary)}.gradient-text{background:linear-gradient(135deg,var(--primary-500) 0%,var(--accent-500) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:1.125rem;color:var(--color-text-secondary);max-width:500px;margin:0 auto var(--space-xl);line-height:1.6}.hero-cta{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-xl)}.btn-large{padding:var(--space-md) var(--space-xl);font-size:1.125rem}.hero-note{font-size:.875rem;color:var(--color-text-muted)}.hero-stats{display:flex;justify-content:center;gap:var(--space-xl);flex-wrap:wrap}.stat-item{display:flex;flex-direction:column;align-items:center}.stat-number{font-size:1.5rem;font-weight:700;color:var(--primary-600)}.stat-label{font-size:.75rem;color:var(--color-text-muted)}.hero-image{display:flex;justify-content:center;margin-top:var(--space-xl);padding:0 var(--space-lg)}.app-preview{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);width:100%;max-width:320px;overflow:hidden}.preview-header{display:flex;gap:6px;padding:var(--space-sm) var(--space-md);background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border)}.preview-dot{width:10px;height:10px;border-radius:50%;background:var(--color-border)}.preview-dot:first-child{background:var(--danger-400)}.preview-dot:nth-child(2){background:var(--warning-400)}.preview-dot:last-child{background:var(--success-400)}.preview-content{padding:var(--space-lg)}.preview-stat{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-lg)}.preview-icon{font-size:1.5rem}.preview-value{font-size:2rem;font-weight:700;color:var(--primary-600)}.preview-label{font-size:.875rem;color:var(--color-text-muted)}.preview-buttons{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-sm)}.preview-btn{padding:var(--space-md);border-radius:var(--radius-lg);text-align:center;font-size:.875rem;font-weight:500}.preview-btn-food{background:linear-gradient(135deg,var(--warning-100) 0%,var(--warning-200) 100%);color:var(--warning-700)}.preview-btn-walk{background:linear-gradient(135deg,var(--success-100) 0%,var(--success-200) 100%);color:var(--success-700)}.preview-btn-pee{background:linear-gradient(135deg,var(--primary-100) 0%,var(--primary-200) 100%);color:var(--primary-700)}.preview-btn-poop{background:linear-gradient(135deg,var(--accent-100) 0%,var(--accent-200) 100%);color:var(--accent-700)}.landing-section{max-width:1200px;margin:0 auto;padding:var(--space-3xl) var(--space-lg)}.landing-section .section-header{text-align:center;margin-bottom:var(--space-xl)}.landing-section .section-header h2{font-size:2rem;font-weight:700;margin:0 0 var(--space-sm);color:var(--color-text-primary)}.landing-section .section-header p{font-size:1rem;color:var(--color-text-secondary);margin:0}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-lg)}.feature-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-xl);text-align:center;transition:var(--transition-base)}.feature-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.feature-icon{font-size:2.5rem;margin-bottom:var(--space-md)}.feature-card h3{margin:0 0 var(--space-sm);font-size:1.125rem;font-weight:600;color:var(--color-text-primary)}.feature-card p{margin:0;font-size:.875rem;color:var(--color-text-secondary);line-height:1.5}.steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-lg)}.step-card{text-align:center;padding:var(--space-lg)}.step-number{width:48px;height:48px;background:linear-gradient(135deg,var(--primary-500) 0%,var(--accent-500) 100%);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:700;margin:0 auto var(--space-md)}.step-card h3{margin:0 0 var(--space-sm);font-size:1rem;font-weight:600;color:var(--color-text-primary)}.step-card p{margin:0;font-size:.875rem;color:var(--color-text-secondary)}.pricing-section{background:var(--color-bg-secondary);border-radius:var(--radius-xl);margin:var(--space-xl) var(--space-lg);max-width:calc(1200px - var(--space-lg) * 2)}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-lg);max-width:700px;margin:0 auto}.pricing-card{background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-xl);text-align:center;position:relative}.pricing-card.highlighted{border-color:var(--primary-500);box-shadow:0 0 0 4px var(--primary-100)}[data-theme=dark] .pricing-card.highlighted{box-shadow:0 0 0 4px #0ea5e933}.pricing-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,var(--warning-500) 0%,var(--warning-600) 100%);color:#fff;padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full);font-size:.75rem;font-weight:700}.pricing-icon{font-size:2rem;margin-bottom:var(--space-sm)}.pricing-name{margin:0 0 var(--space-md);font-size:1.5rem;font-weight:700;color:var(--color-text-primary)}.pricing-price{margin-bottom:var(--space-lg)}.pricing-price .price-original{font-size:1rem;color:var(--color-text-muted);text-decoration:line-through;margin-right:var(--space-xs)}.pricing-price .price-value{font-size:2.5rem;font-weight:800;color:var(--primary-600)}.pricing-price .price-period{font-size:1rem;color:var(--color-text-muted)}.pricing-features{list-style:none;padding:0;margin:0 0 var(--space-lg);text-align:left}.pricing-features li{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) 0;font-size:.875rem;color:var(--color-text-secondary)}.pricing-features .check{color:var(--success-500);font-weight:700}.pricing-cta{width:100%}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-lg)}.testimonial-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-xl)}.testimonial-text{font-size:1rem;line-height:1.6;color:var(--color-text-primary);margin:0 0 var(--space-md);font-style:italic}.testimonial-author{display:flex;flex-direction:column;gap:2px}.testimonial-author strong{font-size:.875rem;color:var(--color-text-primary)}.testimonial-author span{font-size:.75rem;color:var(--color-text-muted)}.cta-section{text-align:center;padding:var(--space-3xl) var(--space-lg);background:linear-gradient(135deg,var(--primary-500) 0%,var(--accent-500) 100%);border-radius:var(--radius-xl);margin:var(--space-xl) var(--space-lg);max-width:calc(1200px - var(--space-lg) * 2)}.cta-content h2{color:#fff;font-size:2rem;margin:0 0 var(--space-sm)}.cta-content p{color:#ffffffe6;margin:0 0 var(--space-lg)}.cta-section .btn{background:#fff;color:var(--primary-600)}.cta-section .btn:hover{background:var(--neutral-100)}.landing-footer{padding:var(--space-xl) var(--space-lg);border-top:1px solid var(--color-border)}.footer-content{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:var(--space-md)}.footer-brand{display:flex;align-items:center;gap:var(--space-sm)}.footer-links{display:flex;gap:var(--space-lg);flex-wrap:wrap;justify-content:center}.footer-link{background:none;border:none;color:var(--color-text-secondary);font-size:.875rem;cursor:pointer;padding:0;transition:color var(--transition-base)}.footer-link:hover{color:var(--primary-500);text-decoration:underline}.footer-copy{font-size:.875rem;color:var(--color-text-muted);margin:0}@media(min-width:768px){.hero-title{font-size:3.5rem}.hero-content{padding:var(--space-3xl) var(--space-xl)}.hero-cta{flex-direction:row;gap:var(--space-md)}.landing-section .section-header h2{font-size:2.5rem}.pricing-section,.cta-section{margin-left:auto;margin-right:auto}}@media(min-width:1024px){.landing-hero{display:block}.hero-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3xl);align-items:center;text-align:left;max-width:1400px}.hero-text{order:1}.hero-image{order:2;margin-top:0;padding:0}.hero-subtitle{margin-left:0;margin-right:0}.hero-cta,.hero-stats{justify-content:flex-start}.hero-title{font-size:3.5rem}.features-grid{grid-template-columns:repeat(3,1fr)}.steps-grid{grid-template-columns:repeat(4,1fr)}.pricing-grid{grid-template-columns:repeat(2,1fr);max-width:800px}.testimonials-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:1280px){.hero-title{font-size:4rem}.hero-content{padding:var(--space-3xl) var(--space-xl)}}:root{--primary-50: #f0f9ff;--primary-100: #e0f2fe;--primary-200: #bae6fd;--primary-300: #7dd3fc;--primary-500: #0ea5e9;--primary-600: #0284c7;--primary-700: #0369a1;--primary-900: #0c4a6e;--accent-50: #faf5ff;--accent-100: #f3e8ff;--accent-200: #e9d5ff;--accent-500: #8b5cf6;--accent-600: #7c3aed;--accent-700: #6d28d9;--success-50: #f0fdf4;--success-200: #bbf7d0;--success-300: #86efac;--success-500: #22c55e;--success-600: #16a34a;--success-700: #15803d;--danger-50: #fef2f2;--danger-200: #fecaca;--danger-300: #fca5a5;--danger-500: #ef4444;--danger-600: #dc2626;--danger-700: #b91c1c;--warning-50: #fffbeb;--warning-200: #fed7aa;--warning-300: #fdba74;--warning-500: #f59e0b;--warning-600: #d97706;--warning-700: #b45309;--neutral-50: #f9fafb;--neutral-100: #f3f4f6;--neutral-200: #e5e7eb;--neutral-300: #d1d5db;--neutral-400: #9ca3af;--neutral-500: #6b7280;--neutral-600: #4b5563;--neutral-700: #374151;--neutral-800: #1f2937;--neutral-900: #111827;--color-bg: #ffffff;--color-bg-secondary: var(--neutral-50);--color-bg-tertiary: var(--neutral-100);--color-surface: #ffffff;--color-surface-hover: var(--neutral-50);--color-border: var(--neutral-200);--color-border-light: var(--neutral-100);--color-text: var(--neutral-900);--color-text-secondary: var(--neutral-600);--color-text-muted: var(--neutral-500);--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);color:var(--color-text);background:var(--color-bg-secondary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;max-width:100vw}a{color:var(--primary-600);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--primary-700);text-decoration:underline}.container{max-width:1280px;margin:0 auto;padding:var(--space-md);overflow-x:hidden;box-sizing:border-box}@media(min-width:768px){.container{padding:var(--space-xl)}}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-lg);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-base),border-color var(--transition-base);overflow:hidden}.card:hover{box-shadow:var(--shadow-md);border-color:var(--neutral-300)}@media(min-width:768px){.card{padding:var(--space-xl)}}.row{display:flex;gap:var(--space-md);flex-wrap:wrap;align-items:center}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:.625rem 1.25rem;font-size:.875rem;font-weight:500;line-height:1.25rem;border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;-webkit-user-select:none;user-select:none}.btn:hover:not(:disabled){background:var(--color-surface-hover);border-color:var(--neutral-300);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.btn:active:not(:disabled){transform:translateY(0);box-shadow:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.primary{background:var(--primary-600);color:#fff;border-color:var(--primary-600);box-shadow:var(--shadow-sm)}.btn.primary:hover:not(:disabled){background:var(--primary-700);border-color:var(--primary-700);box-shadow:var(--shadow-md)}.btn.success{background:var(--success-600);color:#fff;border-color:var(--success-600)}.btn.success:hover:not(:disabled){background:var(--success-700);border-color:var(--success-700)}.btn.danger{background:var(--danger-600);color:#fff;border-color:var(--danger-600)}.btn.danger:hover:not(:disabled){background:var(--danger-700);border-color:var(--danger-700)}.btn.btn-admin,.btn-admin-mobile{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border-color:transparent;position:relative;overflow:hidden}.btn.btn-admin:before,.btn-admin-mobile:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:btn-admin-shimmer 3s infinite}@keyframes btn-admin-shimmer{0%{left:-100%}to{left:100%}}.btn.btn-admin:hover:not(:disabled),.btn-admin-mobile:hover:not(:disabled){background:linear-gradient(135deg,#4f46e5,#7c3aed);box-shadow:0 4px 15px #6366f166}.btn.warning{background:var(--warning-600);color:#fff;border-color:var(--warning-600)}.btn.warning:hover:not(:disabled){background:var(--warning-700);border-color:var(--warning-700)}.btn.sm{padding:.375rem .75rem;font-size:.75rem}.btn.lg{padding:.875rem 1.75rem;font-size:1rem}.input,select{width:100%;padding:.625rem .875rem;font-size:.875rem;line-height:1.5;color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:all var(--transition-fast)}.input:focus,select:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px var(--primary-100)}.input::placeholder{color:var(--color-text-muted)}.muted{color:var(--color-text-muted);font-size:.875rem}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2;color:var(--color-text)}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}.header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);margin-bottom:var(--space-xl);flex-wrap:wrap}.header-title{display:flex;align-items:center;gap:var(--space-md)}.header-actions{display:flex;gap:var(--space-sm);flex-wrap:wrap}table{width:100%;border-collapse:collapse;font-size:.875rem}thead{background:var(--color-bg-tertiary)}th{text-align:left;padding:.75rem 1rem;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;font-size:.75rem;letter-spacing:.05em;border-bottom:2px solid var(--color-border)}td{padding:1rem;border-bottom:1px solid var(--color-border-light);vertical-align:middle}tbody tr{transition:background var(--transition-fast)}tbody tr:hover{background:var(--color-bg-secondary)}tbody tr:last-child td{border-bottom:none}.table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 calc(-1 * var(--space-lg));padding:0 var(--space-lg)}.events-table-when{white-space:nowrap}.events-table-details{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:767px){.table-wrapper{margin:0 calc(-1 * var(--space-md));padding:0 var(--space-md)}.table-wrapper table{min-width:100%;font-size:.8rem}.table-wrapper th,.table-wrapper td{padding:var(--space-sm)}.events-table-when{font-size:.7rem}.events-table-type-label{display:none}.events-table-details{max-width:80px;font-size:.7rem}}.pill{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:var(--radius-full);background:var(--neutral-100);color:var(--neutral-700);font-size:.75rem;font-weight:500;white-space:nowrap}.pill.primary{background:var(--primary-100);color:var(--primary-700)}.pill.success{background:var(--success-50);color:var(--success-600)}.pill.danger{background:var(--danger-50);color:var(--danger-600)}.pill.warning{background:var(--warning-50);color:var(--warning-700)}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;border:none;background:transparent;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);color:var(--color-text-secondary)}.icon-btn:hover{background:var(--color-bg-secondary);color:var(--color-text)}.icon-btn.danger{color:var(--danger-500)}.icon-btn.danger:hover{background:var(--danger-50);color:var(--danger-600)}.grid{display:grid;gap:var(--space-lg)}@media(min-width:768px){.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}}.loading{display:inline-flex;align-items:center;gap:var(--space-sm);color:var(--color-text-muted);font-size:.875rem}.spinner{display:inline-block;width:1rem;height:1rem;border:2px solid var(--color-border);border-top-color:var(--primary-500);border-radius:50%;animation:spin .6s linear infinite}.alert{padding:var(--space-md) var(--space-lg);border-radius:var(--radius-lg);margin-bottom:var(--space-lg);border:1px solid}.alert.error{background:var(--danger-50);color:var(--danger-700);border-color:var(--danger-200)}.alert.success{background:var(--success-50);color:var(--success-700);border-color:var(--success-200)}.alert.info{background:var(--primary-50);color:var(--primary-700);border-color:var(--primary-200)}@media(max-width:767px){.btn{width:100%;justify-content:center}.header{flex-direction:column;align-items:stretch}.header-actions{width:100%}table{font-size:.75rem}th,td{padding:.5rem}}.text-center{text-align:center}.text-right{text-align:right}.mt-0{margin-top:0}.mb-0{margin-bottom:0}.w-full{width:100%}.flex-1{flex:1}.min-w-0{min-width:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .3s ease-out}.quick-add-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:var(--space-md)}@media(max-width:767px){.quick-add-grid{grid-template-columns:repeat(4,1fr);gap:var(--space-sm)}}.quick-add-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-lg) var(--space-md);background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);min-height:88px;color:var(--color-text)}.quick-add-btn:hover{transform:translateY(-2px) scale(1.02);box-shadow:var(--shadow-md)}.quick-add-btn:active{transform:translateY(0) scale(.98)}.quick-add-btn.primary{border-color:var(--primary-200)}.quick-add-btn.primary:hover{background:var(--primary-50);border-color:var(--primary-300)}.quick-add-btn.success{border-color:var(--success-200)}.quick-add-btn.success:hover{background:var(--success-50);border-color:var(--success-300)}.quick-add-btn.warning{border-color:var(--warning-200)}.quick-add-btn.warning:hover{background:var(--warning-50);border-color:var(--warning-300)}.quick-add-btn.danger{border-color:var(--danger-200)}.quick-add-btn.danger:hover{background:var(--danger-50);border-color:var(--danger-300)}.quick-add-btn.accent{border-color:var(--accent-200)}.quick-add-btn.accent:hover{background:var(--accent-50);border-color:var(--accent-300)}.quick-add-btn.neutral{border-color:var(--neutral-200)}.quick-add-btn.neutral:hover{background:var(--neutral-50);border-color:var(--neutral-300)}.quick-add-icon{font-size:2rem;line-height:1}.quick-add-label{font-size:.75rem;font-weight:600;color:var(--color-text)}@media(max-width:767px){.quick-add-btn{padding:var(--space-md) var(--space-sm);min-height:72px}.quick-add-icon{font-size:1.5rem}.quick-add-label{font-size:.6875rem}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.dashboard-header{background:linear-gradient(135deg,var(--primary-600) 0%,var(--primary-700) 100%);margin:calc(var(--space-md) * -1) calc(var(--space-md) * -1) var(--space-xl);padding:var(--space-xl) var(--space-md);border-radius:0 0 var(--radius-2xl) var(--radius-2xl);box-shadow:var(--shadow-lg)}@media(min-width:768px){.dashboard-header{margin:calc(var(--space-xl) * -1) calc(var(--space-xl) * -1) var(--space-2xl);padding:var(--space-2xl) var(--space-xl)}}.dashboard-header-content{max-width:1280px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:var(--space-lg);flex-wrap:wrap}.dashboard-title-section{flex:1;min-width:0}.dashboard-title{display:flex;align-items:center;gap:var(--space-md);color:#fff;font-size:1.75rem;font-weight:700;margin:0 0 var(--space-sm);letter-spacing:-.02em}.dashboard-icon{font-size:2rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.dashboard-subtitle{display:flex;align-items:center;gap:var(--space-md);flex-wrap:wrap;margin-top:var(--space-sm)}.profile-badge{display:inline-flex;align-items:center;gap:var(--space-sm);background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:.5rem 1rem;border-radius:var(--radius-full);color:#fff;font-weight:600;border:1px solid rgba(255,255,255,.3)}.profile-avatar{font-size:1.25rem}.profile-name{font-size:1rem}.profile-species{color:#fffc;font-size:.875rem;text-transform:capitalize}.loading-indicator{display:inline-flex;align-items:center;gap:var(--space-sm);color:#fffc;font-size:.875rem;margin-top:var(--space-sm)}.verify-email-banner{border-left:4px solid var(--primary-500)}.verify-email-content{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);flex-wrap:wrap}.verify-email-text{display:flex;flex-direction:column;gap:var(--space-xs);min-width:0}.verify-email-title{font-weight:800;color:var(--color-text)}.verify-email-desc{font-size:.875rem;color:var(--color-text-secondary)}.verify-email-hint{font-size:.8125rem}.activation-card{border-left:4px solid var(--success-500)}.activation-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-md);margin-bottom:var(--space-md)}.activation-title{font-weight:800;color:var(--color-text)}.activation-desc{font-size:.875rem;color:var(--color-text-secondary);margin-top:.15rem}.activation-steps{display:flex;flex-direction:column;gap:var(--space-sm)}.activation-step{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-secondary)}.activation-step.done{border-color:#22c55e59;background:#22c55e14}[data-theme=dark] .activation-step.done{border-color:#22c55e66;background:#22c55e24}.step-check{width:1.25rem;text-align:center;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;color:var(--color-text-secondary)}.activation-step.done .step-check{color:var(--success-700)}.step-text{flex:1;min-width:0;font-weight:650;color:var(--color-text)}.step-meta{font-size:.8125rem;margin-left:auto}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--space-lg);margin-bottom:var(--space-2xl)}@media(max-width:767px){.stats-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-md)}}.stat-card{display:flex;align-items:flex-start;gap:var(--space-md);padding:var(--space-lg);background:var(--color-surface);border:2px solid;border-radius:var(--radius-xl);transition:all var(--transition-base);animation:scaleIn .3s ease-out backwards}.stat-card:nth-child(2){animation-delay:.05s}.stat-card:nth-child(3){animation-delay:.1s}.stat-card:nth-child(4){animation-delay:.15s}.stat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.stat-card-icon{font-size:2.5rem;line-height:1;flex-shrink:0}.stat-card-content{flex:1;min-width:0}.stat-card-label{font-size:.75rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem}.stat-card-value{font-size:2rem;font-weight:700;line-height:1.1;margin-bottom:.25rem}@media(max-width:767px){.stat-card-value{font-size:1.5rem}}.stat-card-subtitle{font-size:.75rem;color:var(--color-text-muted)}.btn-secondary{background:var(--color-surface);border-color:var(--neutral-300)}.btn-secondary:hover:not(:disabled){background:var(--neutral-50);border-color:var(--neutral-400)}.btn-icon{font-size:1rem;line-height:1}@media(max-width:767px){.btn-text{display:none}.btn{padding:.625rem;min-width:2.5rem}}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-md);position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(circle at 12% 20%,#0ea5e938,#0ea5e900 42%),radial-gradient(circle at 88% 80%,#8b5cf633,#8b5cf600 38%),linear-gradient(160deg,#f5f9ff,#f8fbff,#f7f4ff)}.login-container:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(148,163,184,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(148,163,184,.12) 1px,transparent 1px);background-size:32px 32px;-webkit-mask-image:radial-gradient(circle at center,black 35%,transparent 85%);mask-image:radial-gradient(circle at center,black 35%,transparent 85%)}.login-container:after{content:"";position:absolute;width:24rem;height:24rem;right:-5rem;top:-5rem;border-radius:9999px;background:#0ea5e92e;filter:blur(70px);pointer-events:none}.login-card{max-width:440px;width:100%;text-align:center;box-shadow:var(--shadow-xl);border:1px solid rgba(15,23,42,.08);background:#fffffff0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:relative;z-index:1}.login-lang-selector{position:absolute;top:var(--space-md);right:var(--space-md);z-index:30;pointer-events:auto}.login-back-btn{position:absolute;top:var(--space-md);left:var(--space-md);z-index:20;background:none;border:none;color:var(--color-text-secondary);cursor:pointer;font-size:.875rem;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-md);transition:var(--transition-base)}.login-back-btn:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.login-header{margin-bottom:var(--space-2xl)}.login-logo{font-size:4rem;margin-bottom:var(--space-md);filter:drop-shadow(0 4px 12px rgba(0,0,0,.1));animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.login-title{font-size:2rem;font-weight:700;margin:0 0 var(--space-sm);background:linear-gradient(135deg,var(--primary-600),var(--accent-600));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.login-subtitle{color:var(--color-text-secondary);font-size:.9375rem;margin:0;line-height:1.5}.login-form{display:flex;flex-direction:column;gap:var(--space-lg);margin-bottom:var(--space-xl)}.consent-card{display:flex;align-items:flex-start;gap:var(--space-md);padding:var(--space-md);border-radius:var(--radius-lg);border:1px solid var(--color-border-light);background:var(--color-bg-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform var(--transition-fast),box-shadow var(--transition-fast),border-color var(--transition-fast)}.consent-card:hover{border-color:var(--color-border);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.consent-card:focus-within{outline:3px solid rgba(37,99,235,.25);outline-offset:2px}.consent-card.checked{border-color:#2563eb73;background:linear-gradient(135deg,#2563eb14,#0ea5e90f)}.consent-card input[type=checkbox]{width:1.25rem;height:1.25rem;margin-top:2px;accent-color:var(--primary-600);cursor:pointer;flex-shrink:0}.consent-copy{display:flex;flex-direction:column;gap:4px}.consent-title{font-size:.875rem;font-weight:650;color:var(--color-text);line-height:1.35}.consent-note{font-size:.75rem;color:var(--color-text-secondary);line-height:1.45}.auth-toggle{display:flex;background:var(--color-bg-secondary);border-radius:var(--radius-lg);padding:var(--space-xs);margin-bottom:var(--space-xl);gap:var(--space-xs)}.auth-toggle-btn{flex:1;padding:var(--space-sm) var(--space-md);border:none;background:transparent;border-radius:var(--radius-md);font-size:.875rem;font-weight:600;color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast)}.auth-toggle-btn:hover{color:var(--color-text)}.auth-toggle-btn.active{background:var(--color-surface);color:var(--primary-600);box-shadow:var(--shadow-sm)}[data-theme=dark] .auth-toggle-btn.active{color:var(--primary-400)}.form-group{text-align:left}.form-label{display:block;margin-bottom:var(--space-sm);font-size:.875rem;font-weight:600;color:var(--color-text)}.form-hint-inline{font-weight:400;color:var(--color-text-muted);font-size:.8125rem}.form-hint{display:block;margin-top:var(--space-xs);font-size:.75rem;color:var(--color-text-muted)}.login-footer{padding-top:var(--space-lg);border-top:1px solid var(--color-border-light);margin-top:var(--space-lg)}.login-footer .muted{font-size:.8125rem;margin:0}.link-btn{background:none;border:none;color:var(--color-primary);cursor:pointer;font-size:.875rem;padding:0;text-decoration:none}.link-btn:hover{text-decoration:underline}.oauth-section{margin-bottom:var(--space-lg)}.oauth-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-md);width:100%;padding:var(--space-md) var(--space-lg);background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-lg);font-size:.9375rem;font-weight:500;color:var(--color-text);cursor:pointer;transition:all var(--transition-base);margin-bottom:var(--space-sm)}.oauth-btn:hover{background:var(--color-bg-secondary);border-color:var(--color-border-dark);transform:translateY(-1px)}.oauth-btn:active{transform:translateY(0)}.oauth-btn svg{flex-shrink:0}.divider{display:flex;align-items:center;gap:var(--space-md);margin:var(--space-lg) 0}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--color-border)}.divider span{font-size:.8125rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.modal-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:var(--space-md);z-index:1000;animation:fadeIn .2s ease-out}.modal-container{background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);max-height:90vh;overflow-y:auto;animation:scaleIn .2s ease-out;color:var(--color-text)}.modal-sm{width:100%;max-width:360px}.modal-md{width:100%;max-width:480px}.modal-lg{width:100%;max-width:640px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-lg) var(--space-xl);border-bottom:1px solid var(--color-border-light)}.modal-title{display:flex;align-items:center;gap:var(--space-md)}.modal-title h3{margin:0;font-size:1.25rem;font-weight:600}.modal-icon{font-size:1.75rem}.modal-close{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:none;background:transparent;border-radius:var(--radius-md);cursor:pointer;font-size:1.25rem;color:var(--color-text-muted);transition:all var(--transition-fast)}.modal-close:hover{background:var(--color-bg-secondary);color:var(--color-text)}.modal-body{padding:var(--space-xl)}.modal-form{display:flex;flex-direction:column;gap:var(--space-lg)}.modal-actions{display:flex;justify-content:flex-end;gap:var(--space-md);margin-top:var(--space-md)}.modal-cancel-btn,.modal-confirm-btn{display:inline-flex;align-items:center;justify-content:center;min-height:2.5rem;padding:.55rem 1rem;border-radius:var(--radius-lg);border:1px solid var(--color-border);font-size:.875rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.modal-cancel-btn{background:var(--color-bg-secondary);color:var(--color-text)}.modal-cancel-btn:hover:not(:disabled){background:var(--color-bg-tertiary);border-color:var(--neutral-300);transform:translateY(-1px)}.modal-confirm-btn{background:var(--primary-600);border-color:var(--primary-600);color:#fff}.modal-confirm-btn:hover:not(:disabled){background:var(--primary-700);border-color:var(--primary-700);transform:translateY(-1px)}.modal-cancel-btn:disabled,.modal-confirm-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}@media(max-width:480px){.modal-actions{flex-direction:column-reverse}.modal-actions .btn{width:100%}}.form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md)}@media(max-width:480px){.form-row{grid-template-columns:1fr}}.form-hint{display:block;font-size:.75rem;color:var(--color-text-muted);margin-top:var(--space-xs)}.textarea{resize:vertical;min-height:60px;font-family:inherit}.form-checkbox{display:flex;align-items:center;gap:var(--space-sm);cursor:pointer;-webkit-user-select:none;user-select:none}.form-checkbox input[type=checkbox]{width:1.125rem;height:1.125rem;accent-color:var(--primary-600);cursor:pointer}.checkbox-label{font-size:.875rem;color:var(--color-text)}.checkbox-group{display:flex;flex-wrap:wrap;gap:var(--space-md)}.confirm-modal{text-align:center}.confirm-message{color:var(--color-text-secondary);margin:0 0 var(--space-lg);line-height:1.6}.success-toast{position:fixed;bottom:var(--space-xl);left:50%;transform:translate(-50%);display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);background:var(--success-600);color:#fff;border-radius:var(--radius-full);box-shadow:var(--shadow-lg);font-weight:500;z-index:1001;animation:toastIn .3s ease-out}@keyframes toastIn{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.toast-icon{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;background:#fff3;border-radius:50%;font-size:.875rem}.toast-message{font-size:.875rem}.species-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:var(--space-md);margin-bottom:var(--space-lg)}.species-option{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);padding:var(--space-lg);background:var(--color-bg-secondary);border:2px solid transparent;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base)}.species-option:hover{background:var(--color-bg-tertiary);transform:translateY(-2px)}.species-option.selected{background:var(--primary-50);border-color:var(--primary-500);box-shadow:0 0 0 3px rgba(var(--primary-500-rgb, 79, 70, 229),.2)}.species-icon{font-size:2rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.species-label{font-size:.75rem;font-weight:600;color:var(--color-text-secondary);text-transform:capitalize}.species-option.selected .species-label{color:var(--primary-700)}.profile-name-section{margin-top:var(--space-lg);padding-top:var(--space-lg);border-top:1px solid var(--color-border)}.profile-name-section label{display:block;margin-bottom:var(--space-sm);font-weight:600;color:var(--color-text)}.profile-name-section input{width:100%;padding:var(--space-md);border:2px solid var(--color-border);border-radius:var(--radius-lg);font-size:1rem;transition:all var(--transition-base)}.profile-name-section input:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px rgba(var(--primary-500-rgb, 79, 70, 229),.15)}.confirm-modal.danger .modal-confirm-btn{background:linear-gradient(135deg,var(--danger-500) 0%,var(--danger-600) 100%)}.confirm-modal.danger .modal-confirm-btn:hover{background:linear-gradient(135deg,var(--danger-600) 0%,var(--danger-700) 100%)}.plan-badge{display:inline-flex;align-items:center;gap:var(--space-xs);padding:.4rem .8rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;border:none;cursor:pointer;transition:all var(--transition-base)}.plan-badge.plan-free{background:#ffffff26;color:#ffffffe6;border:1px solid rgba(255,255,255,.3)}.plan-badge.plan-free:hover{background:#ffffff40;transform:scale(1.05)}.plan-badge.plan-plus{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#78350f;box-shadow:0 2px 8px #fbbf2466}.plan-badge.plan-plus:hover{transform:scale(1.05);box-shadow:0 4px 12px #fbbf2480}.plan-badge-icon{font-size:.875rem}.upgrade-modal{text-align:center}.upgrade-modal.managed{text-align:left;display:flex;flex-direction:column;gap:var(--space-sm)}.upgrade-reason{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-md);background:var(--warning-50);border:1px solid var(--warning-200);border-radius:var(--radius-lg);color:var(--warning-800);font-size:.875rem;margin-bottom:var(--space-lg)}.upgrade-reason.info{background:var(--primary-50);border-color:var(--primary-200);color:var(--primary-700)}[data-theme=dark] .upgrade-reason{background:#f59e0b24;border-color:#f59e0b40;color:#fde68af2}[data-theme=dark] .upgrade-reason.info{background:#3b82f624;border-color:#3b82f640;color:#bfdbfef2}.upgrade-reason-icon{font-size:1.25rem}.upgrade-hero{padding:var(--space-xl);background:linear-gradient(135deg,var(--primary-50) 0%,var(--primary-100) 100%);border-radius:var(--radius-xl);margin-bottom:var(--space-lg);border:1px solid var(--primary-100)}[data-theme=dark] .upgrade-hero{background:linear-gradient(135deg,#3b82f629,#6366f124);border-color:#3b82f638}.upgrade-badge{display:inline-block;padding:.5rem 1.5rem;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#78350f;font-size:1.25rem;font-weight:800;letter-spacing:.1em;border-radius:var(--radius-full);box-shadow:0 4px 12px #fbbf2466;margin-bottom:var(--space-md)}.upgrade-price{margin-top:var(--space-md)}.price-value{font-size:2.5rem;font-weight:800;color:var(--primary-600)}.price-period{font-size:1rem;color:var(--color-text-secondary)}.upgrade-annual{font-size:.875rem;color:var(--success-600);font-weight:600;margin-top:var(--space-xs)}.upgrade-features{text-align:left;margin-bottom:var(--space-lg)}.upgrade-features h4{font-size:.875rem;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;margin:0 0 var(--space-md)}.billing-overview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-sm);margin-bottom:var(--space-md)}.upgrade-badge.compact{margin-bottom:0;padding:.35rem 1rem;font-size:.95rem;letter-spacing:.08em}.managed-plan-header{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-secondary)}.managed-plan-meta{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap}.managed-plan-name{font-size:.95rem;font-weight:700;color:var(--color-text)}.managed-trial-inline{margin-left:auto;display:inline-flex;align-items:center;gap:var(--space-xs);font-size:.8rem;font-weight:600;color:var(--warning-700)}.billing-overview-card{display:flex;flex-direction:column;gap:.35rem;padding:.8rem .9rem;border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-surface)}.overview-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted)}.overview-value{font-size:.95rem;font-weight:700;color:var(--color-text)}.status-pill{display:inline-flex;align-items:center;justify-content:center;width:fit-content;padding:.2rem .55rem;border-radius:999px;font-size:.78rem;font-weight:700;letter-spacing:.01em}.status-pill.active{color:var(--success-700);background:var(--success-50)}.status-pill.trial{color:var(--warning-700);background:var(--warning-50)}.status-pill.warning,.status-pill.ending{color:var(--danger-700);background:var(--danger-50)}.billing-limits-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-sm);margin-bottom:var(--space-sm)}.billing-limit-card{display:flex;flex-direction:column;gap:.3rem;padding:.75rem .9rem;border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-bg-secondary)}.limit-title{font-size:.78rem;color:var(--color-text-secondary)}.billing-limit-card .limit-value{font-size:.93rem;font-weight:700}.features-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-sm)}.features-list li{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm);background:var(--color-bg-secondary);border-radius:var(--radius-md);font-size:.8rem}.feature-icon{font-size:1rem}.feature-text{color:var(--color-text)}.upgrade-btn{background:linear-gradient(135deg,#fbbf24,#f59e0b)!important;color:#78350f!important;font-weight:700}.upgrade-btn:hover{background:linear-gradient(135deg,#f59e0b,#d97706)!important;transform:translateY(-1px);box-shadow:0 4px 12px #fbbf2466}.plan-selector{display:flex;gap:var(--space-sm);margin-bottom:var(--space-lg)}.plan-option{flex:1;display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);padding:var(--space-md);background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text);cursor:pointer;transition:all .2s ease;position:relative}.plan-option:hover{border-color:var(--primary-500);background:var(--color-bg-secondary)}.plan-option.active{border-color:var(--primary-500);background:var(--primary-50)}[data-theme=dark] .plan-option.active{background:#3b82f626}.plan-option-name{font-size:.875rem;font-weight:600;color:var(--color-text)}.plan-option-price{font-size:1.25rem;font-weight:800;color:var(--primary-600)}.plan-option-price small{font-size:.75rem;font-weight:400;color:var(--color-text-secondary)}.plan-option-pricing{display:flex;flex-direction:column;align-items:center;gap:2px}.plan-option-original{font-size:.8rem;font-weight:600;color:var(--color-text-secondary);text-decoration:line-through;opacity:.85}.plan-option-discount{position:absolute;top:-10px;left:-10px;padding:4px 10px;background:linear-gradient(135deg,var(--warning-500) 0%,var(--warning-600) 100%);color:#111827;font-size:.7rem;font-weight:900;border-radius:var(--radius-full);box-shadow:0 6px 18px #f59e0b40;white-space:nowrap}.plan-option-discount.best{background:linear-gradient(135deg,var(--success-500) 0%,var(--success-600) 100%);color:#fff}.plan-option-save{position:absolute;top:-8px;right:-8px;padding:2px 8px;background:var(--success-500);color:#fff;font-size:.65rem;font-weight:700;border-radius:var(--radius-full);white-space:nowrap}.trial-badge{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-md);background:#34c75926;color:var(--success-600);border-radius:var(--radius-full);font-size:.875rem;font-weight:600}.trial-notice{display:flex;align-items:flex-start;gap:var(--space-sm);padding:var(--space-md);background:var(--color-bg-secondary);border-radius:var(--radius-md);font-size:.75rem;color:var(--color-text-secondary);text-align:left;margin-bottom:var(--space-lg)}.trial-notice.compact{margin-bottom:var(--space-sm);padding:var(--space-sm) var(--space-md)}.trial-notice-icon{font-size:1rem;flex-shrink:0}.manage-plan-btn{border-color:var(--color-border);color:var(--color-text-secondary);background:transparent}.manage-plan-btn:hover:not(:disabled){background:var(--color-bg-secondary);color:var(--color-text)}.manage-billing-btn{background:linear-gradient(135deg,var(--primary-600) 0%,var(--accent-600) 100%);border-color:transparent}.manage-billing-btn:hover:not(:disabled){background:linear-gradient(135deg,var(--primary-700) 0%,var(--accent-700) 100%)}.upgrade-modal.managed .billing-overview-grid,.upgrade-modal.managed .billing-limits-grid{margin-bottom:0}.upgrade-modal.managed .modal-actions{margin-top:0}.limits-info{padding:var(--space-md);background:var(--color-bg-secondary);border-radius:var(--radius-lg);margin-top:var(--space-md)}.limit-item{display:flex;flex-direction:column;gap:var(--space-xs)}.limit-item.near-limit .limit-value{color:var(--warning-600)}.limit-label{font-size:.75rem;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.limit-value{font-size:.875rem;font-weight:600;color:var(--color-text)}.limit-bar{height:4px;background:var(--color-border);border-radius:var(--radius-full);overflow:hidden}.limit-bar-fill{height:100%;background:var(--primary-500);border-radius:var(--radius-full);transition:width var(--transition-base)}.limit-item.near-limit .limit-bar-fill{background:var(--warning-500)}@media(max-width:480px){.managed-plan-header{flex-direction:column;align-items:flex-start}.managed-trial-inline{margin-left:0}.features-list,.billing-overview-grid,.billing-limits-grid{grid-template-columns:1fr}}.settings-page{max-width:800px;margin:0 auto;padding:var(--space-xl) var(--space-md)}.settings-header{display:flex;align-items:center;gap:var(--space-lg);margin-bottom:var(--space-xl)}.settings-header h1{margin:0;font-size:1.75rem;font-weight:700}.settings-layout{display:grid;grid-template-columns:280px 1fr;gap:var(--space-xl);min-height:calc(100vh - 200px)}.settings-sidebar{display:flex;flex-direction:column;gap:var(--space-md);padding:var(--space-lg);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);height:fit-content;position:sticky;top:var(--space-lg)}.settings-nav-group{display:flex;flex-direction:column;gap:var(--space-xs)}.settings-nav-group:not(:last-child){padding-bottom:var(--space-md);border-bottom:1px solid var(--color-border)}.settings-nav-group.danger{margin-top:auto}.settings-nav-label{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted);padding:var(--space-sm) var(--space-md)}.settings-nav-item{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);background:transparent;border:none;border-radius:var(--radius-lg);font-size:.875rem;font-weight:500;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-base);text-align:left;width:100%}.settings-nav-item:hover{background:var(--color-bg-secondary);color:var(--color-text)}.settings-nav-item.active{background:var(--primary-50);color:var(--primary-600);font-weight:600}[data-theme=dark] .settings-nav-item.active{background:#0ea5e926;color:var(--primary-400)}.settings-nav-item.danger{color:var(--error-500)}.settings-nav-item.danger:hover{background:var(--error-50)}[data-theme=dark] .settings-nav-item.danger:hover{background:#ef444426}.settings-nav-item.danger.active{background:var(--error-100);color:var(--error-600)}[data-theme=dark] .settings-nav-item.danger.active{background:#ef444433;color:var(--error-400)}.nav-icon{font-size:1.125rem;flex-shrink:0}.nav-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.settings-content{min-width:0}.settings-tabs{display:none;gap:var(--space-sm);margin-bottom:var(--space-xl);padding:var(--space-sm);background:var(--color-bg-secondary);border-radius:var(--radius-xl);overflow-x:auto}.settings-tab{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);background:transparent;border:none;border-radius:var(--radius-lg);font-size:.875rem;font-weight:500;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-base);white-space:nowrap}.settings-tab:hover{background:var(--color-bg-tertiary);color:var(--color-text)}.settings-tab.active{background:var(--color-surface);color:var(--primary-600);box-shadow:var(--shadow-sm)}.tab-icon{font-size:1.125rem}.settings-section{animation:fadeIn .3s ease-out}.section-header{margin-bottom:var(--space-xl)}.section-header h2{margin:0 0 var(--space-xs);font-size:1.25rem;font-weight:600}.section-header p{margin:0}.info-card{background:var(--color-bg-secondary);border-radius:var(--radius-xl);padding:var(--space-lg);margin-bottom:var(--space-xl)}.info-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md) 0;border-bottom:1px solid var(--color-border)}.info-row:last-child{border-bottom:none}.info-label{font-size:.875rem;color:var(--color-text-secondary)}.info-value{font-weight:600;color:var(--color-text)}.form-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-xl);margin-bottom:var(--space-lg)}.form-section h3{margin:0 0 var(--space-lg);font-size:1rem;font-weight:600}.form-group{margin-bottom:var(--space-md)}.form-group label{display:block;margin-bottom:var(--space-xs);font-size:.875rem;font-weight:500;color:var(--color-text)}.form-group input{width:100%;padding:var(--space-md);border:2px solid var(--color-border);border-radius:var(--radius-lg);font-size:1rem;transition:all var(--transition-base)}.form-group input:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px #0ea5e926}.sessions-list{display:flex;flex-direction:column;gap:var(--space-sm);margin-bottom:var(--space-lg)}.session-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md);background:var(--color-bg-secondary);border-radius:var(--radius-lg);border:1px solid transparent}.session-item.current{border-color:var(--primary-300);background:var(--primary-50)}.session-info{display:flex;align-items:center;gap:var(--space-md)}.session-icon{font-size:1.5rem}.session-details{display:flex;flex-direction:column}.session-name{font-weight:600;font-size:.875rem}.session-date{font-size:.75rem;color:var(--color-text-secondary)}.btn-small{padding:var(--space-xs) var(--space-md)!important;font-size:.75rem!important}.plan-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden}.plan-current{padding:var(--space-xl);background:linear-gradient(135deg,var(--primary-500) 0%,var(--primary-600) 100%);color:#fff;text-align:center}.plan-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;opacity:.8}.plan-name-large{font-size:2rem;font-weight:800;margin:var(--space-sm) 0}.plan-expires{font-size:.875rem;opacity:.8}.plan-trial-badge{display:inline-block;margin-top:var(--space-sm);padding:var(--space-xs) var(--space-md);background:linear-gradient(135deg,var(--color-primary-light) 0%,var(--color-primary) 100%);color:#fff;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;animation:pulse 2s ease-in-out infinite}.plan-current.plan-ending{border:2px solid rgba(255,149,0,.5);background:linear-gradient(135deg,#ff95000d,#ff95001a);color:var(--color-text)}.plan-current.plan-ending .plan-label{color:#b45309;opacity:1}.plan-current.plan-ending .plan-name-large{color:#78350f}.plan-current.plan-ending .plan-expires{color:var(--warning-700);opacity:1}.plan-current.plan-ending .plan-trial-badge{background:#f59e0b29;color:#92400e;border:1px solid rgba(245,158,11,.35);animation:none}.plan-ending-notice{margin-top:var(--space-md);padding:var(--space-md);background:#ff95001a;border:1px solid rgba(255,149,0,.3);border-radius:var(--radius-lg);text-align:center}.ending-badge{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-md);background:#ff9500;color:#fff;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;margin-bottom:var(--space-sm)}.ending-icon{font-size:.875rem}.ending-details{display:flex;flex-direction:column;gap:var(--space-xs);margin:var(--space-sm) 0}.ending-label{font-size:.75rem;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.ending-date{font-size:1rem;font-weight:700;color:#ff9500}.ending-info{font-size:.75rem;color:var(--color-text-secondary);margin:var(--space-sm) 0 0}.cancellation-banner{padding:var(--space-lg);background:linear-gradient(135deg,#ff95001a,#ff950026);border:2px solid rgba(255,149,0,.4);border-radius:var(--radius-lg);margin-bottom:var(--space-lg)}.cancellation-header{display:flex;align-items:flex-start;gap:var(--space-md);margin-bottom:var(--space-md)}.cancellation-icon{font-size:2rem;flex-shrink:0}.cancellation-title{display:flex;flex-direction:column;gap:var(--space-xs)}.cancellation-title strong{font-size:1rem;color:#ff9500}.cancellation-title span{font-size:.875rem;color:var(--color-text-secondary)}.cancellation-message{font-size:.875rem;color:var(--color-text-secondary);margin:0 0 var(--space-md)}.reactivate-btn{width:100%;background:linear-gradient(135deg,#34c759,#30b350)!important;border:none!important;color:#fff!important;font-weight:600;padding:var(--space-md)!important}.reactivate-btn:hover{background:linear-gradient(135deg,#30b350,#28a745)!important;transform:translateY(-1px);box-shadow:0 4px 12px #34c75966}.trial-highlight{display:inline-flex;align-items:center;gap:var(--space-xs);margin-bottom:var(--space-md);padding:var(--space-xs) var(--space-md);background:var(--color-primary-light);color:var(--color-primary);border-radius:var(--radius-full);font-size:.875rem;font-weight:600}.trial-icon{font-size:1rem}.subscription-status{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-bottom:var(--space-md)}.status-badge{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full);font-size:.75rem;font-weight:600}.status-badge.active,.status-badge.trialing{background:#34c75926;color:#34c759}.status-badge.canceled,.status-badge.past_due{background:#ff950026;color:#ff9500}.status-badge.unpaid{background:#ff3b3026;color:#ff3b30}.subscription-actions{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.btn.danger{background:transparent;border:1px solid #ff3b30;color:#ff3b30}.btn.danger:hover{background:#ff3b301a}.cancel-subscription-modal{max-width:500px;width:90%}.cancel-subscription-modal .modal-body{padding:var(--space-lg)}.cancel-warning-box{display:flex;gap:var(--space-md);padding:var(--space-lg);background:#ff95001a;border:1px solid rgba(255,149,0,.3);border-radius:var(--radius-lg);margin-bottom:var(--space-lg)}.cancel-warning-icon{font-size:2rem;flex-shrink:0}.cancel-warning-text strong{display:block;color:#ff9500;margin-bottom:var(--space-xs)}.cancel-warning-text p{margin:0;font-size:.875rem;color:var(--color-text-secondary)}.cancel-benefits-lost{margin-bottom:var(--space-lg)}.cancel-benefits-lost h4{font-size:.875rem;font-weight:600;color:var(--color-text-secondary);margin:0 0 var(--space-md)}.cancel-benefits-lost ul{list-style:none;padding:0;margin:0;display:grid;gap:var(--space-sm)}.cancel-benefits-lost li{display:flex;align-items:center;gap:var(--space-sm);font-size:.875rem;color:var(--color-text);padding:var(--space-sm);background:var(--color-bg-secondary);border-radius:var(--radius-md)}.lost-icon{font-size:.875rem;opacity:.8}.cancel-keep-access{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md);background:#34c7591a;border:1px solid rgba(52,199,89,.3);border-radius:var(--radius-md);font-size:.875rem;color:var(--success-600);margin-bottom:var(--space-lg)}.keep-icon{font-size:1rem}.cancel-reason-section{margin-bottom:var(--space-lg)}.cancel-reason-section label{display:block;font-size:.875rem;font-weight:500;color:var(--color-text-secondary);margin-bottom:var(--space-sm)}.cancel-reason-select{width:100%;padding:var(--space-sm) var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font-size:.875rem;cursor:pointer}.cancel-reason-select:focus{outline:none;border-color:var(--color-primary)}.cancel-alternative{margin-bottom:var(--space-md)}.alternative-offer{display:flex;gap:var(--space-md);padding:var(--space-md);background:linear-gradient(135deg,var(--primary-50) 0%,var(--primary-100) 100%);border-radius:var(--radius-lg);border:1px solid var(--color-primary-light)}[data-theme=dark] .alternative-offer{background:#3b82f61a}.offer-icon{font-size:1.5rem;flex-shrink:0}.offer-text strong{display:block;color:var(--color-primary);margin-bottom:var(--space-xs);font-size:.875rem}.offer-text p{margin:0;font-size:.75rem;color:var(--color-text-secondary)}.cancel-modal-footer{display:flex;gap:var(--space-md);justify-content:flex-end;padding:var(--space-lg);border-top:1px solid var(--color-border)}.cancel-modal-footer .btn{min-width:140px}.plan-limits{padding:var(--space-xl);border-bottom:1px solid var(--color-border)}.plan-limits h4{margin:0 0 var(--space-md);font-size:.875rem;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.limits-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md)}.limits-grid .limit-item{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--space-md);background:var(--color-bg-secondary);border-radius:var(--radius-lg)}.limit-icon{font-size:1.5rem;margin-bottom:var(--space-xs)}.limit-text{font-size:.75rem;color:var(--color-text-secondary)}.plan-upgrade{padding:var(--space-xl);text-align:center}.plan-upgrade h4{margin:0 0 var(--space-md);font-size:1rem;font-weight:600}.upgrade-benefits{list-style:none;padding:0;margin:0 0 var(--space-lg);text-align:left;max-width:250px;margin-left:auto;margin-right:auto}.upgrade-benefits li{padding:var(--space-xs) 0;font-size:.875rem}.upgrade-pricing{display:flex;align-items:center;justify-content:center;gap:var(--space-md);margin-bottom:var(--space-lg)}.upgrade-pricing .price{font-size:1.5rem;font-weight:700;color:var(--primary-600)}.upgrade-pricing .or{color:var(--color-text-muted);font-size:.875rem}.upgrade-pricing .price-annual{font-size:1rem;color:var(--success-600);font-weight:600}.danger-zone .section-header h2{color:var(--danger-600)}.danger-card{background:var(--danger-50);border:1px solid var(--danger-200);border-radius:var(--radius-xl);padding:var(--space-xl)}.danger-info{margin-bottom:var(--space-lg)}.danger-info h3{margin:0 0 var(--space-sm);color:var(--danger-700)}.danger-info p{margin:0;color:var(--danger-600);font-size:.875rem;line-height:1.6}.danger-zone .form-section{background:var(--color-surface);border-color:var(--danger-200)}.two-factor-section{margin-bottom:var(--space-lg)}.two-factor-status{display:flex;flex-direction:column;gap:var(--space-md);margin-top:var(--space-lg)}.status-badge{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-lg);font-weight:500}.status-badge.enabled{background:var(--success-50);color:var(--success-700);border:1px solid var(--success-200)}.status-badge.disabled{background:var(--warning-50);color:var(--warning-700);border:1px solid var(--warning-200)}.status-icon{font-size:1.25rem}.two-factor-actions{display:flex;gap:var(--space-sm);flex-wrap:wrap}.two-factor-setup{padding:var(--space-md) 0}.setup-steps{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);margin-bottom:var(--space-xl)}.setup-steps .step{width:32px;height:32px;border-radius:50%;background:var(--color-bg-secondary);color:var(--color-text-secondary);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem;transition:all var(--transition-base)}.setup-steps .step.active{background:var(--primary-500);color:#fff}.setup-steps .step-line{width:40px;height:2px;background:var(--color-border)}.setup-content{margin-bottom:var(--space-lg)}.step-item{display:flex;align-items:flex-start;gap:var(--space-md);margin-bottom:var(--space-md)}.step-number{width:24px;height:24px;border-radius:50%;background:var(--primary-100);color:var(--primary-600);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.75rem;flex-shrink:0}.step-info h4{margin:0 0 var(--space-xs);font-size:.9375rem}.step-info p{margin:0;font-size:.8125rem}.qr-container{display:flex;justify-content:center;padding:var(--space-lg);background:#fff;border-radius:var(--radius-lg);margin:var(--space-lg) 0}.qr-code{max-width:200px;border-radius:var(--radius-md)}.manual-entry{margin:var(--space-md) 0;font-size:.875rem}.manual-entry summary{cursor:pointer;color:var(--primary-600);font-weight:500}.manual-entry-content{margin-top:var(--space-md);padding:var(--space-md);background:var(--color-bg-secondary);border-radius:var(--radius-lg)}.secret-code{display:block;margin-top:var(--space-sm);padding:var(--space-md);background:var(--color-surface);border-radius:var(--radius-md);font-size:.875rem;font-family:monospace;word-break:break-all;text-align:center;-webkit-user-select:all;user-select:all}.verification-input{text-align:center;font-size:1.5rem!important;font-family:monospace;letter-spacing:.5em;padding:var(--space-lg)!important}.verification-input.large{font-size:2rem!important}.backup-codes-modal{padding:var(--space-md) 0}.warning-box{background:var(--warning-50);color:var(--warning-700);padding:var(--space-md);border-radius:var(--radius-lg);border:1px solid var(--warning-200);margin:var(--space-md) 0;font-size:.875rem}.backup-codes-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-sm);margin:var(--space-lg) 0}.backup-code{padding:var(--space-md);background:var(--color-bg-secondary);border-radius:var(--radius-md);text-align:center;font-family:monospace;font-size:.875rem;-webkit-user-select:all;user-select:all}.disable-2fa-modal{padding:var(--space-md) 0}.notification-bell-container{position:relative}.notification-bell{background:none;border:none;font-size:1.25rem;cursor:pointer;padding:var(--space-sm);border-radius:var(--radius-lg);transition:all var(--transition-base);position:relative}.notification-bell:hover{background:var(--color-bg-secondary)}.notification-badge{position:absolute;top:0;right:0;background:var(--danger-500);color:#fff;font-size:.625rem;font-weight:700;padding:2px 5px;border-radius:10px;min-width:16px;text-align:center}.notification-dropdown{position:absolute;top:100%;right:0;width:320px;max-height:400px;background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);z-index:1200;overflow:hidden}.notification-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--color-border)}.notification-header h3{margin:0;font-size:.9375rem}.notification-actions{display:flex;gap:var(--space-sm)}.notification-action{background:none;border:none;font-size:.75rem;color:var(--primary-600);cursor:pointer;padding:var(--space-xs)}.notification-action:hover{text-decoration:underline}.notification-list{max-height:300px;overflow-y:auto}.notification-empty{padding:var(--space-xl);text-align:center;color:var(--color-text-secondary)}.notification-empty .empty-icon{font-size:2rem;display:block;margin-bottom:var(--space-sm);opacity:.5}.notification-item{display:flex;gap:var(--space-md);padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--color-border);cursor:pointer;transition:background var(--transition-base)}.notification-item:hover{background:var(--color-bg-secondary)}.notification-item.unread{background:var(--primary-50)}[data-theme=dark] .notification-item.unread{background:#3b82f629}.notification-icon{font-size:1.25rem;flex-shrink:0}.notification-content{flex:1;min-width:0}.notification-message{margin:0;font-size:.8125rem;line-height:1.4;word-break:break-word}.notification-time{font-size:.6875rem;color:var(--color-text-muted)}.notification-settings-link{display:block;width:100%;padding:var(--space-md);background:var(--color-bg-secondary);border:none;border-top:1px solid var(--color-border);font-size:.8125rem;color:var(--color-text-secondary);cursor:pointer;text-align:center;transition:all var(--transition-base)}.notification-settings-link:hover{background:var(--color-border);color:var(--color-text)}.channel-list{display:flex;flex-direction:column;gap:var(--space-sm);margin-top:var(--space-md)}.channel-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md);background:var(--color-bg-secondary);border-radius:var(--radius-lg);cursor:pointer}.channel-info{display:flex;align-items:center;gap:var(--space-md)}.channel-icon{font-size:1.25rem}.channel-name{display:block;font-weight:500;font-size:.9375rem}.channel-desc{display:block;font-size:.75rem;color:var(--color-text-secondary)}.toggle{appearance:none;width:44px;height:24px;background:var(--color-border);border-radius:12px;position:relative;cursor:pointer;transition:background var(--transition-base)}.toggle:before{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;background:#fff;border-radius:50%;transition:transform var(--transition-base);box-shadow:0 1px 3px #0003}.toggle:checked{background:var(--primary-500)}.toggle:checked:before{transform:translate(20px)}.section-title-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md)}.section-title-row h3{margin:0}.empty-reminders{padding:var(--space-xl);text-align:center;color:var(--color-text-secondary)}.empty-reminders .empty-icon{font-size:2.5rem;display:block;margin-bottom:var(--space-sm);opacity:.5}.reminders-list{display:flex;flex-direction:column;gap:var(--space-sm)}.reminder-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md);background:var(--color-bg-secondary);border-radius:var(--radius-lg)}.reminder-info{display:flex;align-items:center;gap:var(--space-md)}.reminder-icon{font-size:1.5rem}.reminder-details{display:flex;flex-direction:column}.reminder-type{font-weight:600;font-size:.9375rem}.reminder-pet{font-size:.8125rem;color:var(--color-text-secondary)}.reminder-time{font-size:.75rem;color:var(--color-text-muted)}.reminder-actions{display:flex;align-items:center;gap:var(--space-sm)}.btn-icon{background:none;border:none;font-size:1rem;cursor:pointer;padding:var(--space-xs);border-radius:var(--radius-md);transition:all var(--transition-base)}.btn-icon:hover{background:var(--color-border)}.btn-icon.danger:hover{background:var(--danger-100)}.reminder-modal{width:100%;max-width:640px;overflow:hidden}.reminder-modal-header{background:linear-gradient(135deg,var(--primary-50) 0%,var(--color-surface) 100%)}[data-theme=dark] .reminder-modal-header{background:linear-gradient(135deg,rgba(14,165,233,.12) 0%,var(--color-surface) 100%)}.reminder-modal-subtitle{margin:var(--space-xs) 0 0 0;font-size:.8125rem}.reminder-modal-header-actions{display:flex;align-items:center;gap:var(--space-sm)}.reminder-status-pill{display:flex;align-items:center;gap:var(--space-sm);padding:.375rem .5rem;border-radius:var(--radius-full);border:1px solid var(--color-border);background:var(--color-bg-secondary)}.reminder-status-pill.on{border-color:var(--success-300);background:linear-gradient(135deg,var(--success-50) 0%,var(--color-bg-secondary) 100%)}[data-theme=dark] .reminder-status-pill.on{border-color:#22c55e59;background:#22c55e1f}.reminder-status-text{font-size:.75rem;font-weight:700;color:var(--color-text-secondary);white-space:nowrap}.reminder-status-pill.on .reminder-status-text{color:var(--success-700)}[data-theme=dark] .reminder-status-pill.on .reminder-status-text{color:var(--success-300)}.reminder-type-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:var(--space-sm)}.reminder-type-btn{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);padding:.625rem var(--space-md);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);box-shadow:var(--shadow-sm)}.reminder-type-btn:hover{border-color:var(--neutral-300);transform:translateY(-1px);box-shadow:var(--shadow-md)}.reminder-type-btn.active{border-color:var(--primary-500);background:linear-gradient(135deg,var(--primary-50) 0%,var(--color-surface) 100%);box-shadow:0 0 0 4px var(--primary-100)}[data-theme=dark] .reminder-type-btn.active{background:#0ea5e91f;box-shadow:0 0 0 4px #0ea5e933}.reminder-type-btn .type-icon{font-size:1.5rem}.reminder-type-btn .type-label{font-size:.75rem;text-align:center;color:var(--color-text-secondary);line-height:1.15}.reminder-type-btn.active .type-label{color:var(--primary-600)}.template-settings .form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md)}.template-actions{display:flex;gap:var(--space-sm);margin-top:var(--space-md)}.favorite-routes-list{display:flex;flex-direction:column;gap:var(--space-xs);margin-bottom:var(--space-md)}.favorite-route-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-sm) var(--space-md);background:var(--color-bg-secondary);border-radius:var(--radius-md)}.add-route-form{display:flex;gap:var(--space-sm);margin-top:var(--space-md)}.add-route-form .input{flex:1}.recent-meds-list{display:flex;flex-direction:column;gap:var(--space-xs)}.recent-med-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-sm) var(--space-md);background:var(--color-bg-secondary);border-radius:var(--radius-md)}.med-name{font-weight:500}.med-dose{font-size:.8125rem;color:var(--color-text-secondary)}.quick-med-select,.quick-route-select{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md);padding:var(--space-sm);background:var(--color-bg-secondary);border-radius:var(--radius-lg)}.quick-label{font-size:.75rem;color:var(--color-text-secondary);white-space:nowrap}.quick-med-buttons,.quick-route-buttons{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.quick-med-btn,.quick-route-btn{padding:var(--space-xs) var(--space-sm);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:.75rem;cursor:pointer;transition:all var(--transition-base)}.quick-med-btn:hover,.quick-route-btn:hover{background:var(--primary-50);border-color:var(--primary-300)}.quick-route-btn.active{background:var(--primary-100);border-color:var(--primary-500);color:var(--primary-700)}.preferences-settings{display:flex;flex-direction:column;gap:var(--space-xl)}.settings-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md)}@media(max-width:600px){.settings-grid{grid-template-columns:1fr}}.setting-item{display:flex;flex-direction:column;gap:var(--space-xs)}.setting-label{font-size:.875rem;font-weight:500;color:var(--color-text)}.theme-options{display:flex;gap:var(--space-md);flex-wrap:wrap}.theme-option{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);padding:var(--space-md) var(--space-lg);background:var(--color-bg-secondary);border:2px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);min-width:100px}.theme-option:hover{border-color:var(--primary-400);background:var(--primary-100);transform:translateY(-2px);box-shadow:0 4px 12px #0ea5e926}[data-theme=dark] .theme-option:hover{border-color:var(--primary-400);background:#0ea5e926;box-shadow:0 4px 12px #0ea5e940}.theme-option.selected{border-color:var(--primary-500);background:var(--primary-100);box-shadow:0 2px 8px #0ea5e933}[data-theme=dark] .theme-option.selected{background:#0ea5e933;box-shadow:0 2px 8px #0ea5e94d}.theme-option input[type=radio]{display:none}.theme-icon{font-size:1.5rem}.theme-label{font-size:.875rem;font-weight:500}.theme-option.selected .theme-label{color:var(--primary-600)}.data-privacy-settings{display:flex;flex-direction:column;gap:var(--space-xl)}.export-options{display:flex;align-items:flex-end;gap:var(--space-md);flex-wrap:wrap}.export-options .setting-item{flex:1;min-width:150px}.import-dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-xl);border:2px dashed var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-secondary);cursor:pointer;transition:all var(--transition-base)}.import-dropzone:hover{border-color:var(--primary-400);background:var(--primary-50)}.dropzone-icon{font-size:2rem}.dropzone-text{font-weight:500;color:var(--primary-600)}.dropzone-hint{font-size:.875rem;color:var(--color-text-secondary)}.dropzone-formats{font-size:.75rem;color:var(--color-text-muted);margin-top:var(--space-sm)}.import-progress{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md);background:var(--color-bg-secondary);border-radius:var(--radius-md);margin-top:var(--space-md)}.privacy-info-list{display:flex;flex-direction:column;gap:var(--space-md);margin-bottom:var(--space-lg)}.privacy-info-item{display:flex;gap:var(--space-md);padding:var(--space-md);background:var(--color-bg-secondary);border-radius:var(--radius-lg)}.privacy-icon{font-size:1.5rem;flex-shrink:0}.privacy-content strong{display:block;margin-bottom:var(--space-xs)}.privacy-content p{font-size:.875rem;color:var(--color-text-secondary);margin:0}.privacy-links{display:flex;gap:var(--space-lg);flex-wrap:wrap}.privacy-link{color:var(--primary-600);text-decoration:none;font-size:.875rem;background:none;border:none;cursor:pointer;padding:0;font-family:inherit}.privacy-link:hover{text-decoration:underline;color:var(--primary-700)}[data-theme=dark] .privacy-link{color:var(--primary-400)}[data-theme=dark] .privacy-link:hover{color:var(--primary-300)}.toggle-setting{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md);background:var(--color-bg-secondary);border-radius:var(--radius-lg);cursor:pointer}.toggle-content{display:flex;flex-direction:column;gap:var(--space-xs)}.toggle-label{font-weight:500}.toggle-note{font-size:.75rem;color:var(--color-text-secondary)}.toggle-setting input[type=checkbox]{display:none}.toggle-switch{position:relative;width:48px;height:24px;background:var(--color-border);border-radius:12px;transition:all var(--transition-base);flex-shrink:0}.toggle-switch:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;background:#fff;border-radius:50%;transition:transform var(--transition-base)}.toggle-setting input[type=checkbox]:checked+.toggle-switch{background:var(--primary-500)}.toggle-setting input[type=checkbox]:checked+.toggle-switch:after{transform:translate(24px)}.file-name{padding:var(--space-md);background:var(--color-bg-secondary);border-radius:var(--radius-md);font-size:.875rem;margin-top:var(--space-md)}.subscription-management{margin-top:var(--space-xl);padding-top:var(--space-xl);border-top:1px solid var(--color-border)}.subscription-info{background:var(--color-bg-secondary);border-radius:var(--radius-lg);padding:var(--space-md);margin-bottom:var(--space-md)}.subscription-actions{display:flex;gap:var(--space-sm);flex-wrap:wrap}.billing-history-list{background:var(--color-bg-secondary);border-radius:var(--radius-lg);overflow:hidden}.billing-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md);border-bottom:1px solid var(--color-border)}.billing-item:last-child{border-bottom:none}.billing-date{font-size:.875rem;color:var(--color-text-secondary)}.billing-amount{font-weight:600}.billing-status{padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-size:.75rem;font-weight:500}.billing-status.paid{background:var(--success-100);color:var(--success-700)}.billing-status.pending{background:var(--warning-100);color:var(--warning-700)}.billing-status.failed{background:var(--danger-100);color:var(--danger-700)}.empty-state{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);padding:var(--space-xl);color:var(--color-text-secondary)}.empty-icon{font-size:2rem;opacity:.5}.pet-profile-modal{display:flex;flex-direction:column;gap:var(--space-lg)}.profile-photo-section{display:flex;flex-direction:column;align-items:center;gap:var(--space-md)}.profile-photo-container{position:relative;width:120px;height:120px;border-radius:50%;overflow:hidden;background:var(--color-bg-secondary);cursor:pointer;border:3px solid var(--color-border);transition:all var(--transition-base)}.profile-photo-container:hover{border-color:var(--primary-400)}.profile-photo{width:100%;height:100%;object-fit:cover}.profile-photo-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:3rem}.photo-overlay{position:absolute;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--transition-base);color:#fff;font-size:1.5rem}.profile-photo-container:hover .photo-overlay{opacity:1}.photo-actions{display:flex;gap:var(--space-sm)}.profile-tabs{display:flex;gap:var(--space-xs);border-bottom:1px solid var(--color-border);padding-bottom:var(--space-sm);overflow-x:auto}.profile-tab{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);background:none;border:none;border-radius:var(--radius-md);font-size:.875rem;color:var(--color-text-secondary);cursor:pointer;white-space:nowrap;transition:all var(--transition-base)}.profile-tab:hover{background:var(--color-bg-secondary);color:var(--color-text)}.profile-tab.active{background:var(--primary-100);color:var(--primary-700)}.profile-tab-content{min-height:300px}.profile-form{display:flex;flex-direction:column;gap:var(--space-md)}.form-section-title{font-weight:600;margin-top:var(--space-md);margin-bottom:var(--space-sm);padding-top:var(--space-md);border-top:1px solid var(--color-border)}.form-section-title:first-child{margin-top:0;padding-top:0;border-top:none}.species-grid.compact{grid-template-columns:repeat(4,1fr)}@media(max-width:600px){.species-grid.compact{grid-template-columns:repeat(3,1fr)}}.modal-actions .actions-right{display:flex;gap:var(--space-sm);margin-left:auto}.warning-text{font-size:.875rem;color:var(--danger-600);margin-top:var(--space-sm)}.profile-card{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base)}.profile-card:hover{border-color:var(--primary-300);box-shadow:var(--shadow-sm)}.profile-card-avatar{width:50px;height:50px;border-radius:50%;overflow:hidden;background:var(--color-bg-secondary);display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0}.profile-card-avatar img{width:100%;height:100%;object-fit:cover}.profile-card-info{flex:1;min-width:0}.profile-card-name{font-weight:600;margin:0 0 var(--space-xs) 0}.profile-card-details{display:flex;gap:var(--space-sm);font-size:.75rem;color:var(--color-text-secondary)}.profile-card-details span:not(:last-child):after{content:"•";margin-left:var(--space-sm)}.profile-card-edit{background:none;border:none;padding:var(--space-sm);cursor:pointer;opacity:.5;transition:opacity var(--transition-base)}.profile-card:hover .profile-card-edit{opacity:1}.btn.btn-small{padding:var(--space-xs) var(--space-sm);font-size:.75rem}.shared-access-settings{display:flex;flex-direction:column;gap:var(--space-xl)}.invite-form-row{display:flex;gap:var(--space-md);align-items:flex-end;flex-wrap:wrap}.invite-form-row .flex-1{flex:1;min-width:200px}.roles-info{display:flex;gap:var(--space-md);margin-top:var(--space-md);flex-wrap:wrap}.role-info-item{display:flex;align-items:flex-start;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--color-bg-secondary);border-radius:var(--radius-md);flex:1;min-width:150px}.role-icon{font-size:1.25rem}.role-info-item strong{display:block;font-size:.875rem}.role-desc{font-size:.75rem;color:var(--color-text-secondary)}.members-list,.pending-list{display:flex;flex-direction:column;gap:var(--space-sm)}.member-item,.pending-item{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.member-item.owner{background:var(--primary-50);border-color:var(--primary-200)}.member-avatar{width:40px;height:40px;border-radius:50%;background:var(--color-bg-secondary);display:flex;align-items:center;justify-content:center;font-weight:600;color:var(--color-text-secondary)}.member-info{flex:1;min-width:0}.member-name{display:block;font-weight:500}.member-email{font-size:.75rem;color:var(--color-text-secondary)}.member-role{font-size:.75rem;color:var(--primary-600)}.member-badge{padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-size:.875rem}.member-badge.owner{background:var(--primary-100);color:var(--primary-700)}[data-theme=dark] .member-badge.owner{background:#0ea5e933;color:var(--primary-300)}[data-theme=dark] .member-item.owner{background:#0ea5e91a;border-color:#0ea5e94d}[data-theme=dark] .role-info-item{background:var(--color-surface);border:1px solid var(--color-border)}[data-theme=dark] .member-role{color:var(--primary-400)}.member-actions{display:flex;gap:var(--space-sm);align-items:center}.member-actions .input.compact{padding:var(--space-xs) var(--space-sm);font-size:.75rem;width:auto}.pending-info{flex:1}.pending-email{display:block;font-weight:500}.pending-role{font-size:.75rem;color:var(--color-text-secondary)}.pending-badge{padding:var(--space-xs) var(--space-sm);background:var(--warning-100);color:var(--warning-700);border-radius:var(--radius-sm);font-size:.75rem;font-weight:500}[data-theme=dark] .pending-badge{background:#f59e0b33;color:var(--warning-400)}.pending-actions{display:flex;gap:var(--space-sm)}.pet-sitter-link{display:flex;flex-direction:column;gap:var(--space-md)}.link-display{display:flex;gap:var(--space-sm)}.link-display .input{flex:1;font-family:monospace;font-size:.875rem}.link-info{display:flex;align-items:center;justify-content:space-between}.link-expires{font-size:.875rem;color:var(--color-text-secondary)}.btn.danger{background:linear-gradient(135deg,var(--danger-500) 0%,var(--danger-600) 100%);color:#fff}.btn.danger:hover{background:linear-gradient(135deg,var(--danger-600) 0%,var(--danger-700) 100%)}.alert-close{background:none;border:none;font-size:1.25rem;cursor:pointer;padding:0;margin-left:auto;opacity:.7;transition:opacity var(--transition-base)}.alert-close:hover{opacity:1}.alert{display:flex;align-items:center;gap:var(--space-md)}.alert.success{background:var(--success-50);border:1px solid var(--success-200);color:var(--success-700)}.plan-badge-inline{display:inline-flex;align-items:center;gap:var(--space-xs);padding:.25rem .75rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:600}.plan-badge-inline.free{background:var(--color-bg-secondary);color:var(--color-text-secondary)}.plan-badge-inline.plus{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#78350f}@media(max-width:900px){.settings-layout{grid-template-columns:220px 1fr;gap:var(--space-lg)}.settings-nav-item{padding:var(--space-sm) var(--space-md)}}@media(max-width:768px){.settings-layout{grid-template-columns:1fr}.settings-sidebar{position:static;flex-direction:column;gap:var(--space-xs);padding:var(--space-sm);max-height:200px;overflow-y:auto}.settings-nav-group{display:flex;flex-direction:column;gap:var(--space-xs);padding-bottom:var(--space-xs);border-bottom:1px solid var(--color-border)}.settings-nav-group:last-child{padding-bottom:0;border-bottom:none}.settings-nav-label{display:none}.settings-nav-item{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-lg);width:100%;justify-content:flex-start}.nav-icon{font-size:1rem}.nav-label{display:inline;font-size:.85rem}.limits-grid{grid-template-columns:1fr}.info-row{flex-direction:column;align-items:flex-start;gap:var(--space-xs)}}[data-theme=dark]{--color-bg: #0f172a;--color-bg-secondary: #1e293b;--color-bg-tertiary: #334155;--color-surface: #1e293b;--color-surface-hover: #334155;--color-border: #475569;--color-border-light: #334155;--color-text: #f1f5f9;--color-text-secondary: #94a3b8;--color-text-muted: #64748b;--neutral-50: #1e293b;--neutral-100: #334155;--neutral-200: #475569;--neutral-300: #64748b;--danger-50: rgba(127, 29, 29, .2);--danger-200: rgba(220, 38, 38, .3);--success-50: rgba(22, 101, 52, .2);--success-200: rgba(34, 197, 94, .3);--warning-50: rgba(120, 53, 15, .2);--warning-200: rgba(245, 158, 11, .3);--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .3);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .4), 0 2px 4px -2px rgb(0 0 0 / .3);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .4), 0 4px 6px -4px rgb(0 0 0 / .3);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .4), 0 8px 10px -6px rgb(0 0 0 / .3)}[data-theme=dark] body{color-scheme:dark}[data-theme=dark] h1,[data-theme=dark] h2,[data-theme=dark] h3,[data-theme=dark] h4,[data-theme=dark] h5,[data-theme=dark] h6{color:var(--color-text)}[data-theme=dark] .muted{color:var(--color-text-muted)}[data-theme=dark] a{color:var(--primary-400)}[data-theme=dark] a:hover{color:var(--primary-300)}[data-theme=dark] .header-brand .logo-text{background:linear-gradient(135deg,var(--primary-300) 0%,var(--accent-300) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-theme=dark] .card{background:var(--color-surface);border-color:var(--color-border)}[data-theme=dark] .card:hover{border-color:var(--color-border-light)}[data-theme=dark] .stat-card{background:var(--color-surface);border-color:var(--color-border)}[data-theme=dark] .stat-card-value{color:var(--color-text)}[data-theme=dark] .stat-card-label{color:var(--color-text-secondary)}[data-theme=dark] .stat-card-subtitle{color:var(--color-text-muted)}[data-theme=dark] input,[data-theme=dark] select,[data-theme=dark] textarea{background:var(--color-bg);color:var(--color-text);border-color:var(--color-border)}[data-theme=dark] input::placeholder,[data-theme=dark] textarea::placeholder{color:var(--color-text-muted)}[data-theme=dark] input:focus,[data-theme=dark] select:focus,[data-theme=dark] textarea:focus{border-color:var(--primary-400);box-shadow:0 0 0 3px #38bdf833}[data-theme=dark] label,[data-theme=dark] .form-label{color:var(--color-text)}[data-theme=dark] .form-hint{color:var(--color-text-muted)}[data-theme=dark] .btn{background:var(--color-surface);border-color:var(--color-border);color:var(--color-text)}[data-theme=dark] .btn:hover:not(:disabled){background:var(--color-surface-hover);border-color:var(--color-border-light)}[data-theme=dark] .btn.btn-secondary{background:var(--color-bg-secondary)}[data-theme=dark] .modal-overlay{background:#000c}[data-theme=dark] .modal-container{background:var(--color-surface);border:1px solid var(--color-border)}[data-theme=dark] .modal-header{border-bottom-color:var(--color-border)}[data-theme=dark] .modal-title h3{color:var(--color-text)}[data-theme=dark] .modal-close{color:var(--color-text-muted)}[data-theme=dark] .modal-close:hover{background:var(--color-bg-tertiary);color:var(--color-text)}[data-theme=dark] .modal-cancel-btn{background:var(--color-bg-secondary);border-color:var(--color-border);color:var(--color-text)}[data-theme=dark] .modal-cancel-btn:hover:not(:disabled){background:var(--color-surface-hover);border-color:var(--color-border-light)}[data-theme=dark] .upgrade-hero{background:linear-gradient(140deg,#1e293be6,#0f172af2);border-color:var(--color-border)}[data-theme=dark] .managed-plan-header{background:#0f172ad9;border-color:var(--color-border)}[data-theme=dark] .managed-trial-inline{color:#fcd34d}[data-theme=dark] .upgrade-reason.info{background:#38bdf81f;border-color:#38bdf847;color:#bae6fd}[data-theme=dark] .billing-overview-card,[data-theme=dark] .billing-limit-card{background:#0f172ad9;border-color:var(--color-border)}[data-theme=dark] .status-pill.active{background:#22c55e33;color:#86efac}[data-theme=dark] .status-pill.trial{background:#f59e0b33;color:#fcd34d}[data-theme=dark] .status-pill.warning,[data-theme=dark] .status-pill.ending{background:#ef444433;color:#fca5a5}[data-theme=dark] .login-container{background:radial-gradient(circle at 14% 20%,#38bdf833,#38bdf800 42%),radial-gradient(circle at 84% 78%,#818cf82e,#818cf800 42%),linear-gradient(145deg,#0b1220,#111827 48%,#1a1b3a)}[data-theme=dark] .login-container:before{background-image:linear-gradient(rgba(71,85,105,.2) 1px,transparent 1px),linear-gradient(90deg,rgba(71,85,105,.2) 1px,transparent 1px)}[data-theme=dark] .login-container:after{background:#38bdf833}[data-theme=dark] .login-card{background:#0f172ae0;border-color:var(--color-border)}[data-theme=dark] .login-card h1,[data-theme=dark] .login-card h2,[data-theme=dark] .login-card p{color:var(--color-text)}[data-theme=dark] .danger-card{background:#7f1d1d33;border-color:#dc262666}[data-theme=dark] .danger-info h3{color:var(--danger-400)}[data-theme=dark] .danger-info p{color:var(--danger-300)}[data-theme=dark] .settings-tabs{background:var(--color-bg);border-color:var(--color-border)}[data-theme=dark] .settings-tab{color:var(--color-text-secondary)}[data-theme=dark] .settings-tab:hover{background:var(--color-surface-hover);color:var(--color-text)}[data-theme=dark] .settings-tab.active{background:var(--color-surface);color:var(--primary-400)}[data-theme=dark] .settings-section{background:var(--color-surface);border-color:var(--color-border)}[data-theme=dark] .section-header h2{color:var(--color-text)}[data-theme=dark] .info-card{background:var(--color-bg);border-color:var(--color-border)}[data-theme=dark] .info-row{border-bottom-color:var(--color-border)}[data-theme=dark] .info-label{color:var(--color-text-muted)}[data-theme=dark] .info-value{color:var(--color-text)}[data-theme=dark] .form-section{background:var(--color-bg);border-color:var(--color-border)}[data-theme=dark] .form-section h3{color:var(--color-text)}[data-theme=dark] .session-item{background:var(--color-bg);border-color:var(--color-border)}[data-theme=dark] .session-item.current{background:#0ea5e91a;border-color:var(--primary-500)}[data-theme=dark] .session-name{color:var(--color-text)}[data-theme=dark] .session-date{color:var(--color-text-muted)}[data-theme=dark] .plan-card{background:var(--color-surface);border-color:var(--color-border)}[data-theme=dark] .plan-current{background:var(--color-bg)}[data-theme=dark] .plan-name-large{color:var(--color-text)}[data-theme=dark] .plan-current.plan-ending{background:linear-gradient(135deg,#f59e0b1f,#78350f40);border-color:#f59e0b73;color:var(--color-text)}[data-theme=dark] .plan-current.plan-ending .plan-label{color:#fcd34d}[data-theme=dark] .plan-current.plan-ending .plan-name-large{color:var(--color-text)}[data-theme=dark] .plan-current.plan-ending .plan-trial-badge{background:#f59e0b33;border-color:#f59e0b66;color:#fde68a}[data-theme=dark] .plan-limits{background:var(--color-bg);border-color:var(--color-border)}[data-theme=dark] .limit-item{color:var(--color-text)}[data-theme=dark] .plan-upgrade{background:linear-gradient(135deg,#8b5cf61a,#0ea5e91a);border-color:var(--accent-500)}[data-theme=dark] .alert{border-color:var(--color-border)}[data-theme=dark] .alert.success{background:#16a34a26;border-color:#22c55e4d;color:var(--success-400)}[data-theme=dark] .alert.error{background:#dc262626;border-color:#ef44444d;color:var(--danger-400)}[data-theme=dark] thead{background:var(--color-bg)}[data-theme=dark] th{background:var(--color-bg);color:var(--color-text-secondary);border-bottom-color:var(--color-border)}[data-theme=dark] td{background:var(--color-surface);color:var(--color-text);border-bottom-color:var(--color-border)}[data-theme=dark] tbody tr:hover,[data-theme=dark] tbody tr:hover td{background:var(--color-surface-hover)}[data-theme=dark] .table-wrapper{background:var(--color-surface)}[data-theme=dark] .quick-add-btn{background:var(--color-surface);border-color:var(--color-border);color:var(--color-text)}[data-theme=dark] .quick-add-btn:hover{background:var(--color-surface-hover);border-color:var(--color-border-light)}[data-theme=dark] .quick-add-btn.primary{border-color:var(--primary-500)}[data-theme=dark] .quick-add-btn.primary:hover{background:#0ea5e926;border-color:var(--primary-400)}[data-theme=dark] .quick-add-btn.success{border-color:var(--success-500)}[data-theme=dark] .quick-add-btn.success:hover{background:#22c55e26;border-color:var(--success-400)}[data-theme=dark] .quick-add-btn.warning{border-color:var(--warning-500)}[data-theme=dark] .quick-add-btn.warning:hover{background:#f59e0b26;border-color:var(--warning-400)}[data-theme=dark] .quick-add-btn.danger{border-color:var(--danger-500)}[data-theme=dark] .quick-add-btn.danger:hover{background:#ef444426;border-color:var(--danger-400)}[data-theme=dark] .quick-add-btn.accent{border-color:var(--accent-500)}[data-theme=dark] .quick-add-btn.accent:hover{background:#8b5cf626;border-color:var(--accent-400)}[data-theme=dark] .quick-add-btn.neutral{border-color:var(--color-border)}[data-theme=dark] .quick-add-btn.neutral:hover{background:var(--color-surface-hover);border-color:var(--color-border-light)}[data-theme=dark] .quick-add-label{color:var(--color-text)}[data-theme=dark] .quick-action-btn{background:var(--color-bg);border-color:var(--color-border);color:var(--color-text)}[data-theme=dark] .quick-action-btn:hover{background:var(--color-surface-hover);border-color:var(--primary-500)}[data-theme=dark] .profile-select{background:var(--color-bg);color:var(--color-text);border-color:var(--color-border)}[data-theme=dark] .chart-container{background:var(--color-surface)}.mobile-nav{display:none;position:fixed;bottom:0;left:0;right:0;background:var(--color-surface);border-top:1px solid var(--color-border);padding:.5rem 0;box-shadow:var(--shadow-lg);z-index:1000}@media(max-width:767px){.mobile-nav{display:flex;justify-content:space-around;align-items:stretch}body{padding-bottom:65px}}.mobile-nav-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;padding:.5rem .25rem;background:transparent;border:none;color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast);-webkit-tap-highlight-color:transparent;border-radius:var(--radius-lg);margin:0 .25rem}.mobile-nav-btn:hover,.mobile-nav-btn:active{color:var(--primary-600);background:var(--primary-50)}.mobile-nav-btn.primary{color:var(--primary-600)}.mobile-nav-btn.primary .mobile-nav-icon{background:var(--primary-500);color:#fff;border-radius:var(--radius-full);width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;font-size:1rem}.mobile-nav-btn.primary:hover,.mobile-nav-btn.primary:active{background:var(--primary-50)}.mobile-nav-btn.primary:hover .mobile-nav-icon,.mobile-nav-btn.primary:active .mobile-nav-icon{background:var(--primary-600)}[data-theme=dark] .mobile-nav-btn:hover,[data-theme=dark] .mobile-nav-btn:active{background:#0ea5e91a;color:var(--primary-400)}[data-theme=dark] .mobile-nav-btn.primary{color:var(--primary-400)}[data-theme=dark] .mobile-nav-btn.primary .mobile-nav-icon{background:var(--primary-500)}[data-theme=dark] .mobile-nav-btn.primary:hover .mobile-nav-icon{background:var(--primary-400)}.mobile-nav-icon{font-size:1.25rem;line-height:1;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.mobile-nav-label{font-size:.65rem;margin-top:4px;font-weight:600;letter-spacing:.01em;text-transform:uppercase}[data-theme=dark] .mobile-nav{background:var(--color-surface);border-top-color:var(--color-border)}[data-theme=dark] .toast{background:var(--color-surface);border-color:var(--color-border)}[data-theme=dark] .toast-title{color:var(--color-text)}[data-theme=dark] .toast-message{color:var(--color-text-secondary)}[data-theme=dark] ::-webkit-scrollbar{width:8px;height:8px}[data-theme=dark] ::-webkit-scrollbar-track{background:var(--color-bg)}[data-theme=dark] ::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);min-width:40px;height:40px;padding:0 var(--space-sm);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);white-space:nowrap;overflow:hidden}.theme-toggle:hover{background:var(--color-surface-hover);border-color:var(--neutral-300);transform:scale(1.05)}.theme-toggle-icon{font-size:1.25rem;line-height:1;flex-shrink:0}.theme-toggle-label{font-size:.875rem;font-weight:500;color:var(--color-text);flex-shrink:0}.theme-toggle:has(.theme-toggle-label){padding:0 var(--space-md)}.theme-selector{display:flex;gap:var(--space-sm);padding:var(--space-xs);background:var(--color-bg-secondary);border-radius:var(--radius-lg)}.theme-option{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);color:var(--color-text-secondary)}.theme-option:hover{background:var(--color-surface);color:var(--color-text)}.theme-option.active{background:var(--color-surface);color:var(--primary-600);box-shadow:var(--shadow-sm)}.theme-option-icon{font-size:1rem}.theme-option-label{font-size:.875rem;font-weight:500}.toast-container{position:fixed;top:var(--space-lg);right:var(--space-lg);z-index:9999;display:flex;flex-direction:column;gap:var(--space-sm);max-width:380px;pointer-events:none}.toast{display:flex;align-items:flex-start;gap:var(--space-md);padding:var(--space-md) var(--space-lg);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);pointer-events:auto;animation:toastSlideIn .3s ease-out}@keyframes toastSlideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.toast.exiting{animation:toastSlideOut .2s ease-in forwards}@keyframes toastSlideOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}.toast-icon{font-size:1.25rem;line-height:1;flex-shrink:0}.toast-content{flex:1;min-width:0}.toast-title{font-weight:600;font-size:.875rem;margin-bottom:var(--space-xs);color:var(--color-text)}.toast-message{font-size:.875rem;color:var(--color-text-secondary);line-height:1.4}.toast-close{flex-shrink:0;width:24px;height:24px;padding:0;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;color:var(--color-text-muted);font-size:1rem;transition:all var(--transition-fast)}.toast-close:hover{background:var(--color-bg-secondary);color:var(--color-text)}.toast.success{border-left:4px solid var(--success-500)}.toast.success .toast-icon{color:var(--success-500)}.toast.error{border-left:4px solid var(--danger-500)}.toast.error .toast-icon{color:var(--danger-500)}.toast.warning{border-left:4px solid var(--warning-500)}.toast.warning .toast-icon{color:var(--warning-500)}.toast.info{border-left:4px solid var(--primary-500)}.toast.info .toast-icon{color:var(--primary-500)}@media(max-width:480px){.toast-container{left:var(--space-md);right:var(--space-md);max-width:none}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-2xl) var(--space-lg);min-height:200px}.empty-state-illustration{font-size:4rem;margin-bottom:var(--space-lg);line-height:1;animation:emptyFloat 3s ease-in-out infinite}@keyframes emptyFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.empty-state-title{font-size:1.25rem;font-weight:600;color:var(--color-text);margin-bottom:var(--space-sm)}.empty-state-description{font-size:.875rem;color:var(--color-text-muted);max-width:320px;margin-bottom:var(--space-lg);line-height:1.6}.empty-state-action .btn{min-width:160px}.skeleton{background:linear-gradient(90deg,var(--neutral-200) 0%,var(--neutral-100) 50%,var(--neutral-200) 100%);background-size:200% 100%;animation:skeletonShimmer 1.5s ease-in-out infinite;border-radius:var(--radius-md)}[data-theme=dark] .skeleton{background:linear-gradient(90deg,var(--color-bg-tertiary) 0%,var(--color-surface) 50%,var(--color-bg-tertiary) 100%);background-size:200% 100%}@keyframes skeletonShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-text{height:1rem}.skeleton-title{height:1.5rem;width:60%}.skeleton-avatar{width:48px;height:48px;border-radius:var(--radius-full)}.skeleton-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-lg)}.skeleton-card-header{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-lg)}.skeleton-card-content{display:flex;flex-direction:column;gap:var(--space-sm)}.skeleton-card-content .skeleton{height:1rem}.skeleton-card-content .skeleton:nth-child(1){width:80%}.skeleton-card-content .skeleton:nth-child(2){width:60%}.skeleton-card-content .skeleton:nth-child(3){width:70%}.stats-skeleton{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--space-md)}.stat-skeleton{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-sm)}.stat-skeleton .skeleton-icon{width:40px;height:40px;border-radius:var(--radius-lg)}.stat-skeleton .skeleton-value{height:2rem;width:50%}.stat-skeleton .skeleton-label{height:1rem;width:70%}.table-skeleton{display:flex;flex-direction:column;gap:var(--space-sm)}.table-row-skeleton{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.table-row-skeleton .skeleton:nth-child(1){width:40px;height:40px;flex-shrink:0;border-radius:var(--radius-full)}.table-row-skeleton .skeleton:nth-child(2){flex:2;height:1rem}.table-row-skeleton .skeleton:nth-child(3){flex:1;height:1rem}.table-row-skeleton .skeleton:nth-child(4){width:80px;height:1.5rem;flex-shrink:0}.page-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;gap:var(--space-lg)}.loading-spinner{width:48px;height:48px;border:4px solid var(--color-border);border-top-color:var(--primary-500);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{color:var(--color-text-muted);font-size:.875rem}.export-section{margin-top:var(--space-lg);padding:var(--space-md);background:var(--color-bg-secondary);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);flex-wrap:wrap}.export-info{display:flex;align-items:center;gap:var(--space-md)}.export-icon{font-size:1.5rem}.export-text{display:flex;flex-direction:column;gap:2px}.export-text strong{font-size:.875rem;color:var(--color-text-primary)}.export-text .muted{font-size:.75rem}.export-btn{white-space:nowrap}.spinner-small{display:inline-block;width:14px;height:14px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:spin .8s linear infinite;margin-right:var(--space-xs)}.plan-upgrade-hero{background:linear-gradient(135deg,var(--warning-500) 0%,var(--warning-600) 100%);color:#fff;padding:var(--space-xl);border-radius:var(--radius-lg);margin-bottom:var(--space-lg);text-align:center;position:relative;overflow:hidden}.plan-upgrade-hero:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 50%);animation:shimmer 3s ease-in-out infinite;pointer-events:none;z-index:0}.plan-upgrade-hero>*{position:relative;z-index:1}.plan-upgrade-hero .muted{color:#ffffffe6!important}.plan-upgrade-hero .plan-selector{margin-bottom:0}.plan-upgrade-hero .plan-option{background:#fffffff2;border-color:#0f172a26;box-shadow:0 14px 34px #0f172a24}.plan-upgrade-hero .plan-option:hover{background:#fff;border-color:#0f172a40;transform:translateY(-1px)}.plan-upgrade-hero .plan-option.active{background:#fff;border-color:#2563ebf2;box-shadow:0 0 0 4px #3b82f62e,0 18px 45px #0f172a2e}[data-theme=dark] .plan-upgrade-hero{background:linear-gradient(135deg,#f59e0bb3,#78350fe6);border:1px solid rgba(245,158,11,.25)}[data-theme=dark] .plan-upgrade-hero .plan-option{background:#020617c7;border-color:#94a3b838;box-shadow:0 14px 34px #00000059}[data-theme=dark] .plan-upgrade-hero .plan-option:hover{background:#020617e0;border-color:#94a3b852}[data-theme=dark] .plan-upgrade-hero .plan-option.active{background:#020617f2;border-color:#3b82f6f2;box-shadow:0 0 0 4px #3b82f638,0 18px 45px #0000007a}[data-theme=dark] .plan-upgrade-hero .plan-option-name{color:#e2e8f0f2}[data-theme=dark] .plan-upgrade-hero .plan-option-original{color:#e2e8f0b3}[data-theme=dark] .plan-upgrade-hero .plan-option-price{color:#93c5fd}[data-theme=dark] .plan-upgrade-hero .plan-option-price small{color:#e2e8f0bf}@keyframes shimmer{0%,to{transform:translate(0)}50%{transform:translate(25%,25%)}}.plan-upgrade-hero h4{margin:0 0 var(--space-sm);font-size:1.25rem;font-weight:700;position:relative}.plan-upgrade-hero .promo-badge{display:inline-block;background:#ffffff40;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full);font-size:.75rem;font-weight:700;letter-spacing:.5px;margin-bottom:var(--space-sm);animation:pulse-promo 2s ease-in-out infinite}@keyframes pulse-promo{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.9}}.price-hero{position:relative}.price-hero .price-main{font-size:3rem;font-weight:800;line-height:1}.price-hero .price-period{font-size:1rem;opacity:.9}.price-hero .price-original{font-size:1rem;text-decoration:line-through;opacity:.7;margin-right:var(--space-xs)}.price-discount-badge{display:inline-block;background:#ffffff40;color:#fff;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-full);font-size:.75rem;font-weight:600;margin-top:var(--space-sm)}.price-yearly-info{margin-top:var(--space-sm);font-size:.875rem;opacity:.9}.price-yearly-original{text-decoration:line-through;opacity:.7;margin-right:var(--space-xs)}.upgrade-features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-sm);margin-bottom:var(--space-lg)}.upgrade-feature-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--color-bg-secondary);border-radius:var(--radius-md);font-size:.875rem}.upgrade-feature-item .feature-check{color:var(--success-500);font-weight:700}.upgrade-cta{text-align:center}.upgrade-cta .btn{width:100%;padding:var(--space-md) var(--space-xl);font-size:1rem}.upgrade-guarantee{margin-top:var(--space-md);font-size:.75rem;color:var(--color-text-muted)}@media(max-width:480px){.upgrade-features-grid{grid-template-columns:1fr}.export-section{flex-direction:column;align-items:stretch}.export-btn{width:100%;justify-content:center}}.analytics-container{padding:var(--space-lg) 0}.analytics-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-md);margin-bottom:var(--space-lg)}.analytics-header h2{margin:0;font-size:1.25rem;font-weight:600;color:var(--color-text-primary)}.period-selector{display:flex;gap:var(--space-xs);background:var(--color-bg-secondary);padding:var(--space-xs);border-radius:var(--radius-lg)}.period-btn{padding:var(--space-sm) var(--space-md);border:none;background:transparent;color:var(--color-text-secondary);font-size:.875rem;font-weight:500;border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-base);display:flex;align-items:center;gap:var(--space-xs)}.period-btn:hover{background:var(--color-surface);color:var(--color-text-primary)}.period-btn.active{background:var(--primary-500);color:#fff}.period-btn.locked{opacity:.7}.period-btn .lock-icon{font-size:.75rem}.analytics-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-md);margin-bottom:var(--space-lg)}.analytics-stat-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-md);text-align:center}.analytics-stat-card .stat-value{display:block;font-size:1.5rem;font-weight:700;color:var(--primary-600);margin-bottom:var(--space-xs)}.analytics-stat-card .stat-label{font-size:.75rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.analytics-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-lg)}.analytics-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-lg);overflow:hidden}.analytics-card.full-width{grid-column:1 / -1}.analytics-card h3{margin:0 0 var(--space-md);font-size:1rem;font-weight:600;color:var(--color-text-primary)}.chart-container{position:relative;width:100%}.analytics-upsell{margin-top:var(--space-xl);background:linear-gradient(135deg,var(--primary-50) 0%,var(--accent-50) 100%);border:1px solid var(--primary-200);border-radius:var(--radius-xl);padding:var(--space-lg)}[data-theme=dark] .analytics-upsell{background:linear-gradient(135deg,#0ea5e91a,#8b5cf61a);border-color:var(--primary-600)}.upsell-content{display:flex;align-items:center;gap:var(--space-lg);flex-wrap:wrap}.upsell-icon{font-size:2rem}.upsell-content>div{flex:1;min-width:200px}.upsell-content strong{display:block;font-size:1rem;margin-bottom:var(--space-xs);color:var(--color-text-primary)}.upsell-content p{margin:0;font-size:.875rem;color:var(--color-text-secondary)}@media(max-width:768px){.analytics-stats{grid-template-columns:repeat(2,1fr)}.analytics-grid{grid-template-columns:1fr}.analytics-card.full-width{grid-column:1}}@media(max-width:480px){.analytics-header{flex-direction:column;align-items:stretch}.period-selector{justify-content:center}.upsell-content{flex-direction:column;text-align:center}}.onboarding-modal{text-align:center;padding:var(--space-md) 0}.onboarding-progress{display:flex;justify-content:center;gap:var(--space-sm);margin-bottom:var(--space-xl)}.progress-dot{width:10px;height:10px;border-radius:50%;background:var(--color-border);transition:var(--transition-base)}.progress-dot.active{background:var(--primary-500);transform:scale(1.2)}.progress-dot.completed{background:var(--success-500)}.onboarding-content{min-height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center}.onboarding-icon{font-size:4rem;margin-bottom:var(--space-lg);animation:bounce 1s ease infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.onboarding-title{font-size:1.5rem;font-weight:700;margin:0 0 var(--space-md);color:var(--color-text-primary)}.onboarding-description{font-size:1rem;line-height:1.6;color:var(--color-text-secondary);max-width:400px;margin:0 auto var(--space-lg)}.onboarding-tip{display:inline-flex;align-items:center;gap:var(--space-sm);background:var(--warning-50);color:var(--warning-700);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-lg);font-size:.875rem}[data-theme=dark] .onboarding-tip{background:#f59e0b26;color:var(--warning-300)}.tip-icon{font-size:1rem}.onboarding-nav{display:flex;align-items:center;justify-content:space-between;margin-top:var(--space-xl);padding-top:var(--space-lg);border-top:1px solid var(--color-border)}.nav-left,.nav-right{flex:1}.nav-center{flex:1;text-align:center}.step-counter{font-size:.875rem;color:var(--color-text-muted)}.nav-left{text-align:left}.nav-right{text-align:right}@media(max-width:480px){.onboarding-title{font-size:1.25rem}.onboarding-description{font-size:.875rem}.onboarding-nav{flex-direction:column;gap:var(--space-md)}.nav-left,.nav-center,.nav-right{width:100%;text-align:center}.nav-left{order:2}.nav-right{order:1}.nav-center{order:3}}.language-selector{display:flex;flex-direction:column;gap:var(--space-sm)}.language-option{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);background:var(--color-bg-secondary);border:2px solid transparent;border-radius:var(--radius-lg);cursor:pointer;transition:var(--transition-base);width:100%;text-align:left}.language-option:hover{border-color:var(--color-border)}.language-option.active{border-color:var(--primary-500);background:var(--primary-50)}[data-theme=dark] .language-option.active{background:#0ea5e91a}.lang-flag{font-size:1.5rem}.lang-name{flex:1;font-weight:500;color:var(--color-text-primary)}.lang-check{color:var(--primary-500);font-weight:700}.language-selector-compact{display:flex;gap:var(--space-xs);background:var(--color-bg-secondary);padding:var(--space-xs);border-radius:var(--radius-lg)}.lang-btn{padding:var(--space-xs) var(--space-sm);border:none;background:transparent;border-radius:var(--radius-md);cursor:pointer;font-size:1.25rem;transition:var(--transition-base);opacity:.6}.lang-btn:hover{opacity:1;background:var(--color-surface)}.lang-btn.active{opacity:1;background:var(--primary-500)}.achievements-settings{display:flex;flex-direction:column;gap:var(--space-xl)}.achievements-loading{display:flex;align-items:center;justify-content:center;gap:var(--space-md);padding:var(--space-3xl);color:var(--color-text-secondary)}.loading-spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.achievement-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--space-md)}.achievement-stat-card{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-lg);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;min-width:0}.achievement-stat-icon{font-size:2rem;flex-shrink:0}.achievement-stat-content{display:flex;flex-direction:column;min-width:0;overflow:hidden}.achievement-stat-value{font-size:1.25rem;font-weight:700;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.achievement-stat-label{font-size:.7rem;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.achievement-stat-sub{font-size:.65rem;color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.streaks-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--space-md);margin-bottom:var(--space-lg)}.streak-card{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-lg);background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-lg);position:relative;overflow:hidden}.streak-card.active{border-color:var(--success-500);background:linear-gradient(135deg,var(--success-50) 0%,var(--color-surface) 100%)}[data-theme=dark] .streak-card.active{background:linear-gradient(135deg,rgba(34,197,94,.1) 0%,var(--color-surface) 100%)}.streak-card.broken{opacity:.7}.streak-icon{font-size:2rem}.streak-content{display:flex;flex-direction:column;flex:1}.streak-value{font-size:1.75rem;font-weight:700;color:var(--color-text-primary)}.streak-label{font-size:.75rem;color:var(--color-text-secondary)}.streak-broken{font-size:.7rem;color:var(--error-500)}.streak-days{font-size:.75rem;color:var(--success-600);font-weight:600}.streak-records{display:flex;gap:var(--space-lg);padding:var(--space-md);background:var(--color-bg-secondary);border-radius:var(--radius-lg)}.streak-record{display:flex;flex-direction:column;gap:var(--space-xs)}.streak-record-label{font-size:.75rem;color:var(--color-text-secondary)}.streak-record-value{font-size:1rem;font-weight:600;color:var(--color-text-primary)}.badges-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-md)}.badge-card{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);position:relative}.badge-card.unlocked{border-color:var(--warning-400);background:linear-gradient(135deg,var(--warning-50) 0%,var(--color-surface) 100%)}[data-theme=dark] .badge-card.unlocked{background:linear-gradient(135deg,rgba(251,191,36,.1) 0%,var(--color-surface) 100%)}.badge-card.locked{opacity:.6}.badge-icon-container{position:relative;width:48px;height:48px;display:flex;align-items:center;justify-content:center}.badge-icon{font-size:2rem}.badge-lock{position:absolute;bottom:-4px;right:-4px;font-size:.875rem}.badge-content{flex:1;display:flex;flex-direction:column;gap:var(--space-xs)}.badge-name{font-weight:600;color:var(--color-text-primary)}.badge-desc{font-size:.75rem;color:var(--color-text-secondary)}.badge-progress{height:4px;background:var(--color-border);border-radius:2px;overflow:hidden;margin-top:var(--space-xs)}.badge-progress-bar{height:100%;background:var(--primary-500);border-radius:2px;transition:width .3s ease}.badge-check{width:24px;height:24px;background:var(--success-500);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700}.achievements-widget-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-md);margin-bottom:var(--space-md)}.achievement-recent-unlock{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-lg);border:1px solid var(--success-300);background:linear-gradient(135deg,var(--success-50) 0%,var(--color-surface) 100%);margin-bottom:var(--space-md);animation:unlockPop .45s ease-out}[data-theme=dark] .achievement-recent-unlock{background:linear-gradient(135deg,rgba(34,197,94,.12) 0%,var(--color-surface) 100%);border-color:#22c55e59}.recent-unlock-left{display:flex;align-items:center;gap:var(--space-md);min-width:0}.recent-unlock-icon{font-size:1.75rem;flex-shrink:0}.recent-unlock-title{font-size:.75rem;letter-spacing:.05em;text-transform:uppercase;color:var(--color-text-secondary)}.recent-unlock-name{font-weight:700;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recent-unlock-check{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:var(--success-500);color:#fff;font-weight:800;flex-shrink:0}@keyframes unlockPop{0%{transform:scale(.98);opacity:.6}to{transform:scale(1);opacity:1}}.achievement-mini-empty{padding:var(--space-lg);border-radius:var(--radius-lg);border:1px dashed var(--color-border);background:var(--color-bg-secondary)}.achievement-mini-list{display:flex;flex-direction:column;gap:var(--space-sm)}.achievement-mini-card{position:relative;display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:var(--space-md) var(--space-lg);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;transition:transform var(--transition-fast),box-shadow var(--transition-fast),border-color var(--transition-fast)}.achievement-mini-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.achievement-mini-card.almost{border-color:var(--warning-400)}.achievement-mini-card.almost:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(251,191,36,.18),transparent);transform:translate(-100%);animation:almostShimmer 2.6s ease-in-out infinite;pointer-events:none}[data-theme=dark] .achievement-mini-card.almost:before{background:linear-gradient(90deg,transparent,rgba(251,191,36,.12),transparent)}@keyframes almostShimmer{0%{transform:translate(-110%)}45%{transform:translate(110%)}to{transform:translate(110%)}}.achievement-mini-left{display:flex;align-items:center;gap:var(--space-md);min-width:0}.achievement-mini-icon{font-size:1.6rem;width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.achievement-mini-text{display:flex;flex-direction:column;gap:2px;min-width:0}.achievement-mini-title{font-weight:700;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.achievement-mini-desc{font-size:.8rem;color:var(--color-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.achievement-mini-right{display:flex;align-items:center;gap:var(--space-sm);flex-shrink:0}.achievement-mini-progress{width:92px;height:7px;background:var(--color-border);border-radius:999px;overflow:hidden}.achievement-mini-progress-bar{height:100%;background:linear-gradient(90deg,var(--primary-500),var(--primary-400));border-radius:999px;transition:width .35s ease}.achievement-mini-percent{font-size:.75rem;font-weight:700;color:var(--color-text-secondary);min-width:40px;text-align:right}@media(max-width:520px){.achievements-widget-header{flex-direction:column;align-items:stretch}.achievements-widget-header .btn{width:100%}.achievement-mini-card{flex-direction:column;align-items:stretch;gap:var(--space-sm);padding:var(--space-md)}.achievement-mini-left{align-items:flex-start}.achievement-mini-title{white-space:normal;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.achievement-mini-desc{white-space:normal;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.achievement-mini-right{width:100%}.achievement-mini-progress{flex:1;width:auto}.achievement-mini-percent{min-width:36px}}.vacation-mode-settings{display:flex;flex-direction:column;gap:var(--space-lg)}.vacation-status-banner{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-lg);border-radius:var(--radius-lg);border:2px solid}.vacation-status-banner.active{background:linear-gradient(135deg,var(--success-50) 0%,var(--color-surface) 100%);border-color:var(--success-400)}[data-theme=dark] .vacation-status-banner.active{background:linear-gradient(135deg,rgba(34,197,94,.15) 0%,var(--color-surface) 100%)}.vacation-status-banner.scheduled{background:linear-gradient(135deg,var(--primary-50) 0%,var(--color-surface) 100%);border-color:var(--primary-400)}[data-theme=dark] .vacation-status-banner.scheduled{background:linear-gradient(135deg,rgba(14,165,233,.15) 0%,var(--color-surface) 100%)}.vacation-status-banner.ended{background:linear-gradient(135deg,var(--warning-50) 0%,var(--color-surface) 100%);border-color:var(--warning-400)}[data-theme=dark] .vacation-status-banner.ended{background:linear-gradient(135deg,rgba(251,191,36,.15) 0%,var(--color-surface) 100%)}.vacation-status-icon{font-size:2.5rem}.vacation-status-content{flex:1;display:flex;flex-direction:column;gap:var(--space-xs)}.vacation-status-label{font-weight:600;color:var(--color-text-primary)}.vacation-status-days{font-size:.875rem;color:var(--color-text-secondary)}.vacation-form{padding:var(--space-lg);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.vacation-form h4{margin:0 0 var(--space-lg) 0;color:var(--color-text-primary)}.vacation-dates-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md);margin-bottom:var(--space-lg)}@media(max-width:480px){.vacation-dates-grid{grid-template-columns:1fr}}.vacation-form-actions{display:flex;gap:var(--space-md);justify-content:flex-end;margin-top:var(--space-lg);padding-top:var(--space-lg);border-top:1px solid var(--color-border)}.vacation-info-section{padding:var(--space-lg);background:var(--color-bg-secondary);border-radius:var(--radius-lg)}.vacation-info-section h4{margin:0 0 var(--space-lg) 0;color:var(--color-text-primary)}.vacation-info-grid{display:flex;flex-direction:column;gap:var(--space-md)}.vacation-info-item{display:flex;align-items:flex-start;gap:var(--space-md);padding:var(--space-md);background:var(--color-surface);border-radius:var(--radius-md)}.vacation-info-icon{font-size:1.5rem;flex-shrink:0}.vacation-info-content{display:flex;flex-direction:column;gap:var(--space-xs)}.vacation-info-title{font-weight:600;color:var(--color-text-primary)}.vacation-info-desc{font-size:.875rem;color:var(--color-text-secondary)}.vacation-actions{display:flex;justify-content:center}.vacation-actions .btn{min-width:200px}.vacation-delegate-info{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);background:var(--primary-50);border-radius:var(--radius-lg);border:1px solid var(--primary-200)}[data-theme=dark] .vacation-delegate-info{background:#0ea5e91a;border-color:#0ea5e94d}.vacation-delegate-icon{font-size:1.25rem}.vacation-delegate-text{font-size:.875rem;color:var(--color-text-primary)}.legal-page{max-width:800px;margin:0 auto;padding:var(--space-lg)}.legal-header{margin-bottom:var(--space-xl);display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm)}.legal-content{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden}.legal-title-section{padding:var(--space-2xl) var(--space-2xl) var(--space-xl);background:linear-gradient(135deg,var(--primary-50) 0%,var(--color-surface) 100%);border-bottom:1px solid var(--color-border)}[data-theme=dark] .legal-title-section{background:linear-gradient(135deg,rgba(14,165,233,.1) 0%,var(--color-surface) 100%)}.legal-title-section h1{margin:0 0 var(--space-sm) 0;font-size:1.75rem;font-weight:700;color:var(--color-text-primary)}.legal-updated{margin:0;font-size:.875rem;color:var(--color-text-secondary)}.legal-body{padding:var(--space-2xl)}.legal-section{margin-bottom:var(--space-2xl)}.legal-section:last-child{margin-bottom:0}.legal-section h2{margin:0 0 var(--space-md) 0;font-size:1.125rem;font-weight:600;color:var(--color-text-primary);padding-bottom:var(--space-sm);border-bottom:2px solid var(--primary-500);display:inline-block}.legal-section p{margin:0 0 var(--space-md) 0;line-height:1.7;color:var(--color-text-secondary)}.legal-section ul{margin:0 0 var(--space-md) 0;padding-left:var(--space-lg)}.legal-section li{margin-bottom:var(--space-sm);line-height:1.6;color:var(--color-text-secondary)}.legal-section li strong{color:var(--color-text-primary)}.legal-email{display:inline-block;padding:var(--space-md) var(--space-lg);background:var(--color-bg-secondary);border-radius:var(--radius-lg);font-family:monospace;font-size:1rem;color:var(--primary-600)}@media(max-width:640px){.legal-page{padding:var(--space-md)}.legal-title-section{padding:var(--space-xl) var(--space-lg)}.legal-body{padding:var(--space-lg)}.legal-section h2{font-size:1rem}}.admin-page{max-width:1200px;margin:0 auto;padding:var(--space-lg)}.admin-access-denied{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-lg)}.access-denied-card{background:var(--color-surface);border-radius:var(--radius-xl);padding:var(--space-2xl);text-align:center;max-width:400px;box-shadow:var(--shadow-lg)}.access-denied-icon{font-size:4rem;margin-bottom:var(--space-lg)}.access-denied-card h2{margin:0 0 var(--space-sm);color:var(--color-text-primary)}.access-denied-card p{color:var(--color-text-secondary);margin-bottom:var(--space-lg)}.admin-loading,.admin-error{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-md)}.error-card{background:var(--color-surface);border-radius:var(--radius-xl);padding:var(--space-2xl);text-align:center;max-width:400px}.error-icon{font-size:3rem;margin-bottom:var(--space-md)}.error-actions{display:flex;gap:var(--space-sm);justify-content:center;margin-top:var(--space-lg)}.admin-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);margin-bottom:var(--space-xl);flex-wrap:wrap}.admin-header-title{display:flex;align-items:center;gap:var(--space-sm);flex:1;justify-content:center}.admin-header-title h1{margin:0;font-size:1.5rem}.admin-badge{background:linear-gradient(135deg,var(--primary-500),var(--secondary-500));color:#fff;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-full);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.promo-status{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-lg);margin-bottom:var(--space-xl)}.promo-status.active{background:linear-gradient(135deg,#ff6b3526,#ffc10726);border:1px solid rgba(255,107,53,.3)}.promo-status.inactive{background:var(--color-bg-secondary);border:1px solid var(--color-border)}.promo-status-icon{font-size:2rem}.promo-status-text{flex:1;display:flex;flex-direction:column;gap:2px}.promo-status-text strong{color:var(--color-text-primary)}.promo-status-text span{font-size:.875rem;color:var(--color-text-secondary)}.promo-status-prices{display:flex;align-items:center;gap:var(--space-sm)}.promo-status-prices .price-strikethrough{text-decoration:line-through;opacity:.6;font-size:.875rem}.promo-status-prices .price-current{font-weight:700;color:var(--primary-500)}.admin-section{background:var(--color-surface);border-radius:var(--radius-xl);padding:var(--space-lg);margin-bottom:var(--space-lg);border:1px solid var(--color-border)}.section-title{margin:0 0 var(--space-md);font-size:1.1rem;font-weight:600;display:flex;align-items:center;gap:var(--space-sm)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-md)}.stats-grid.small{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.stat-card{background:var(--color-bg-secondary);border-radius:var(--radius-lg);padding:var(--space-md);display:flex;align-items:flex-start;gap:var(--space-md);position:relative;overflow:hidden}.stat-card.highlight{background:linear-gradient(135deg,var(--primary-500),var(--secondary-500));color:#fff}.stat-card.highlight .stat-label{color:#fffc}.stat-card.mini{flex-direction:column;align-items:center;text-align:center;padding:var(--space-sm) var(--space-md)}.stat-icon{font-size:2rem;line-height:1}.stat-emoji{font-size:1.5rem}.stat-content{flex:1}.stat-value{font-size:1.75rem;font-weight:800;line-height:1.1}.stat-mini-value{font-size:1.25rem;font-weight:700}.stat-label,.stat-mini-label{font-size:.8rem;color:var(--color-text-secondary);margin-top:2px}.stat-trend{position:absolute;bottom:var(--space-sm);right:var(--space-sm)}.trend-badge{font-size:.7rem;padding:2px 6px;border-radius:var(--radius-sm);font-weight:600}.trend-badge.positive{background:#10b98126;color:var(--success-600)}.trend-badge.neutral{background:var(--color-surface);color:var(--color-text-secondary)}.charts-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-lg)}.chart-section{min-height:200px}.mini-chart{height:150px;display:flex;align-items:flex-end}.bar-chart{display:flex;align-items:flex-end;gap:4px;width:100%;height:100%}.bar-container{flex:1;display:flex;flex-direction:column;align-items:center;height:100%;justify-content:flex-end}.bar{width:100%;min-height:4px;background:linear-gradient(to top,var(--primary-500),var(--primary-400));border-radius:var(--radius-sm) var(--radius-sm) 0 0;transition:height .3s ease}.bar.events{background:linear-gradient(to top,var(--secondary-500),var(--secondary-400))}.bar-label{font-size:.6rem;color:var(--color-text-secondary);margin-top:4px;writing-mode:vertical-rl;text-orientation:mixed;transform:rotate(180deg);white-space:nowrap}.no-data{flex:1;display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary);font-size:.875rem}.distribution-list{display:flex;flex-direction:column;gap:var(--space-xs)}.distribution-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-sm);background:var(--color-bg-secondary);border-radius:var(--radius-md)}.distribution-rank{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--primary-500);color:#fff;border-radius:var(--radius-full);font-size:.7rem;font-weight:700}.distribution-name{flex:1;font-size:.875rem;text-transform:capitalize}.distribution-count{font-weight:600;color:var(--color-text-secondary);font-size:.875rem}.plan-distribution{display:flex;flex-direction:column;gap:var(--space-sm)}.plan-bar{position:relative;height:48px;background:var(--color-bg-secondary);border-radius:var(--radius-lg);overflow:hidden}.plan-bar-fill{position:absolute;top:0;left:0;height:100%;transition:width .5s ease}.plan-bar.free .plan-bar-fill{background:linear-gradient(90deg,var(--gray-400),var(--gray-300))}.plan-bar.plus .plan-bar-fill{background:linear-gradient(90deg,var(--primary-500),var(--secondary-500))}.plan-bar-content{position:relative;z-index:1;height:100%;display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-md)}.plan-name{font-weight:600}.plan-stats{font-size:.875rem;color:var(--color-text-secondary)}.plan-bar.plus .plan-bar-content{color:#fff}.plan-bar.plus .plan-stats{color:#fffc}.admin-footer{text-align:center;padding:var(--space-xl) 0;color:var(--color-text-secondary);font-size:.8rem}.rgpd-notice{margin-bottom:var(--space-xs)}.generated-at{opacity:.6}@media(max-width:768px){.admin-page{padding:var(--space-md)}.admin-header{gap:var(--space-sm)}.admin-header-title h1{font-size:1.25rem}.promo-status{flex-direction:column;text-align:center}.promo-status-prices{flex-direction:column;gap:2px}.stats-grid{grid-template-columns:1fr 1fr}.stats-grid.small{grid-template-columns:repeat(3,1fr)}.stat-card{flex-direction:column;text-align:center;align-items:center}.stat-trend{position:static;margin-top:var(--space-xs)}.stat-value{font-size:1.5rem}.charts-row{grid-template-columns:1fr}.bar-label{display:none}}