.confirm-overlay{position:fixed;inset:0;z-index:calc(var(--z-modal) + 10);background:#00000073;display:flex;align-items:center;justify-content:center;padding:var(--space-4);animation:confirm-fade-in .2s ease}@keyframes confirm-fade-in{0%{opacity:0}to{opacity:1}}.confirm-modal{background:#fff;border-radius:var(--radius-2xl);padding:var(--space-8);max-width:400px;width:100%;text-align:center;animation:confirm-scale-in .25s cubic-bezier(.34,1.56,.64,1)}@keyframes confirm-scale-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.confirm-icon{width:56px;height:56px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-5)}.confirm-title{font-family:var(--font-display);font-size:1.125rem;font-weight:700;color:var(--dark-900);margin:0 0 var(--space-2)}.confirm-message{font-size:.9375rem;color:var(--dark-500);line-height:1.5;margin:0 0 var(--space-6);white-space:pre-line}.confirm-actions{display:flex;gap:var(--space-3);justify-content:center}.confirm-cancel-btn,.confirm-confirm-btn{flex:1;padding:var(--space-3) var(--space-5);font-size:.9375rem;font-weight:600;border-radius:var(--radius-xl);cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),opacity var(--transition-fast)}.confirm-cancel-btn{background:var(--dark-100);color:var(--dark-700);border:none}.confirm-cancel-btn:hover{background:var(--dark-200)}@media(max-width:480px){.confirm-modal{padding:var(--space-6)}}.toast-container{position:fixed;top:var(--space-4);right:var(--space-4);z-index:var(--z-toast);display:flex;flex-direction:column;gap:var(--space-3);max-width:420px;pointer-events:none}.toast{background:#fff;border-radius:var(--radius-lg);padding:var(--space-4);padding-bottom:var(--space-3);display:flex;align-items:flex-start;gap:var(--space-3);animation:toastSlideIn .35s cubic-bezier(.34,1.56,.64,1);pointer-events:auto;position:relative;overflow:hidden}.toast-exit{animation:toastSlideOut .35s ease-in forwards}.toast-icon{flex-shrink:0;margin-top:1px}.toast-message{flex:1;font-size:.9375rem;color:var(--dark-700);line-height:1.4}.toast-close{background:transparent;border:none;color:var(--dark-400);cursor:pointer;padding:var(--space-1);border-radius:var(--radius-sm);transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),opacity var(--transition-fast);flex-shrink:0;margin-top:-2px}.toast-close:hover{background:var(--dark-100);color:var(--dark-600)}.toast-progress{position:absolute;bottom:0;left:0;right:0;height:3px;background:#0000000a}.toast-progress-bar{height:100%;width:100%;transform-origin:left;animation:toastProgress linear forwards;border-radius:0 0 0 var(--radius-lg)}@keyframes toastSlideIn{0%{opacity:0;transform:translate(60px) scale(.95)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes toastSlideOut{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(60px) scale(.95)}}@keyframes toastProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.header{position:fixed;top:0;left:0;right:0;z-index:var(--z-sticky);padding:var(--space-4) 0;transition:background-color var(--transition-base),border-color var(--transition-base),color var(--transition-base),opacity var(--transition-base)}.header-scrolled{background:var(--glass-light-bg);border-bottom:1px solid var(--glass-light-border)}.header-container{max-width:1400px;margin:0 auto;padding:0 var(--space-6);display:flex;align-items:center;justify-content:space-between;gap:var(--space-8)}.header-logo{display:flex;align-items:center;gap:var(--space-2);text-decoration:none;color:var(--dark-900);font-family:var(--font-body);font-weight:700;font-size:1.375rem}.logo-image{height:52px;width:auto;object-fit:contain;border-radius:var(--radius-md);overflow:hidden}.logo-text{font-family:var(--font-decorative);font-size:1.5rem;font-weight:800;color:var(--dark-900);letter-spacing:-.02em}.header-nav{display:flex;align-items:center;gap:var(--space-8)}.nav-link{font-size:.9375rem;font-weight:500;color:var(--dark-600);text-decoration:none;transition:color var(--transition-fast)}.nav-link:hover{color:var(--primary-600)}.view-switcher{display:flex;gap:var(--space-1)}.view-tab{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-size:.875rem;font-weight:600;color:var(--dark-500);background:var(--dark-50);border:1px solid transparent;border-radius:var(--radius-full);cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),opacity var(--transition-fast)}.view-tab:hover{color:var(--dark-700)}.view-tab.active{background:#fff;color:var(--primary-600);border:1px solid rgba(var(--primary-rgb),.1)}.header-actions{display:flex;align-items:center;gap:var(--space-3)}.profile-dropdown{position:relative}.profile-trigger{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1);padding-right:var(--space-3);background:var(--dark-100);border:none;border-radius:var(--radius-full);cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),opacity var(--transition-fast)}.profile-trigger:hover{background:var(--dark-200)}.avatar-small{width:32px;height:32px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--primary-400) 0%,var(--accent-400) 100%);display:flex;align-items:center;justify-content:center;font-weight:600;color:#fff;font-size:.75rem;overflow:hidden}.profile-trigger svg{color:var(--dark-500);transition:transform var(--transition-fast)}.profile-trigger svg.rotate{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:calc(100% + var(--space-2));right:0;min-width:220px;background:#fff;border-radius:var(--radius-xl);border:1px solid var(--dark-200);overflow:hidden;animation:scaleIn var(--transition-fast) ease}.dropdown-header{padding:var(--space-4)}.dropdown-name{font-weight:600;color:var(--dark-900);margin-bottom:var(--space-1)}.dropdown-email{font-size:.8125rem;color:var(--dark-500);margin:0}.dropdown-divider{height:1px;background:var(--dark-200)}.dropdown-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);font-size:.9375rem;color:var(--dark-600);text-decoration:none;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),opacity var(--transition-fast);cursor:pointer;background:transparent;border:none;width:100%;text-align:left}.dropdown-item:hover{background:var(--dark-50);color:var(--dark-900)}.dropdown-item-danger:hover{background:var(--error-50);color:var(--error-600)}.mobile-menu-toggle{display:none;background:transparent;border:none;color:var(--dark-600);cursor:pointer;padding:var(--space-2)}.mobile-menu{position:absolute;top:100%;left:0;right:0;background:#fff;border-top:1px solid var(--dark-200);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2);animation:slideDown var(--transition-fast) ease}.mobile-nav-link{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);font-size:1rem;font-weight:500;color:var(--dark-700);text-decoration:none;border-radius:var(--radius-lg);transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),opacity var(--transition-fast);background:transparent;border:none;width:100%;text-align:left;cursor:pointer}.mobile-nav-link:hover,.mobile-nav-link.active{background:var(--primary-50);color:var(--primary-600)}.mobile-nav-link.danger:hover{background:var(--error-50);color:var(--error-600)}.mobile-menu-divider{height:1px;background:var(--dark-200);margin:var(--space-2) 0}.btn-block{width:100%}@media(max-width:1023px){.header-nav{display:none}}@media(max-width:767px){.header{padding:0}.mobile-menu-toggle{display:block;padding:0}.header-actions .btn,.profile-dropdown{display:none}.header-container{padding:.75rem var(--space-4)}.header-logo{font-size:1.1rem}.logo-image{width:32px;height:32px}}.footer{background:var(--dark-900);color:var(--dark-300);padding:var(--space-16) 0 var(--space-8);margin-top:auto}.footer-container{max-width:1400px;margin:0 auto;padding:0 var(--space-6)}.footer-top{display:grid;grid-template-columns:1.5fr 2fr;gap:var(--space-16);margin-bottom:var(--space-12)}.footer-brand{max-width:320px}.footer-logo{display:flex;align-items:center;gap:var(--space-2);text-decoration:none;color:#fff;font-family:var(--font-display);font-weight:700;font-size:1.25rem;margin-bottom:var(--space-4)}.footer-logo .logo-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary-500) 0%,var(--accent-500) 100%);border-radius:var(--radius-lg);color:#fff}.footer-tagline{font-size:.9375rem;line-height:1.7;margin-bottom:var(--space-6);color:var(--dark-400)}.footer-social{display:flex;gap:var(--space-3)}.social-link{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--dark-800);border-radius:var(--radius-lg);color:var(--dark-400);transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),opacity var(--transition-fast)}.social-link:hover{background:var(--primary-600);color:#fff}.footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-8)}.footer-col h4{font-family:var(--font-display);font-size:.875rem;font-weight:600;color:#fff;margin-bottom:var(--space-4);text-transform:uppercase;letter-spacing:.05em}.footer-col a{display:block;font-size:.9375rem;color:var(--dark-400);text-decoration:none;padding:var(--space-2) 0;transition:color var(--transition-fast)}.footer-col a:hover{color:var(--primary-400)}@media(max-width:1023px){.footer-top{grid-template-columns:1fr;gap:var(--space-10)}.footer-links{grid-template-columns:repeat(2,1fr)}}@media(max-width:639px){.footer{padding-top:var(--space-10)}.footer-brand{max-width:100%;display:flex;flex-direction:column;align-items:center;text-align:center}.footer-links{grid-template-columns:repeat(3,1fr);gap:var(--space-6) var(--space-2);text-align:left}.footer-col{display:flex;flex-direction:column;align-items:flex-start}}.public-layout{display:flex;flex-direction:column;min-height:100vh}.public-main{flex:1;padding-top:80px}@media(max-width:767px){.public-main{padding-top:50px}}.is-salon-layout{background:#fff}.is-salon-layout .public-main{padding-top:0}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--primary-50: #F5F3FF;--primary-100: #EDE9FE;--primary-200: #DDD6FE;--primary-300: #C4B5FD;--primary-400: #A78BFA;--primary-500: #8B5CF6;--primary-600: #7C3AED;--primary-700: #6D28D9;--primary-800: #5B21B6;--primary-900: #4C1D95;--primary-rgb: 139, 92, 246;--accent-rgb: 236, 72, 153;--accent-50: #FDF2F8;--accent-100: #FCE7F3;--accent-200: #FBCFE8;--accent-300: #F9A8D4;--accent-400: #F472B6;--accent-500: #EC4899;--accent-600: #DB2777;--accent-700: #BE185D;--success-50: #ECFDF5;--success-100: #D1FAE5;--success-500: #10B981;--success-600: #059669;--warning-50: #FFFBEB;--warning-100: #FEF3C7;--warning-500: #F59E0B;--warning-600: #D97706;--error-50: #FEF2F2;--error-100: #FEE2E2;--error-500: #EF4444;--error-600: #DC2626;--dark-50: #F8FAFC;--dark-100: #F1F5F9;--dark-200: #E2E8F0;--dark-300: #CBD5E1;--dark-400: #94A3B8;--dark-500: #64748B;--dark-600: #475569;--dark-700: #334155;--dark-800: #1E293B;--dark-900: #0F172A;--dark-950: #020617;--status-active-bg: var(--success-100);--status-active-text: var(--success-600);--status-pending-bg: var(--warning-100);--status-pending-text: var(--warning-600);--status-error-bg: var(--error-100);--status-error-text: var(--error-600);--status-accent-bg: var(--accent-100);--status-accent-text: var(--accent-600);--status-neutral-bg: var(--dark-100);--status-neutral-text: var(--dark-600);--glass-bg: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .1);--glass-light-bg: rgba(255, 255, 255, .92);--glass-light-border: rgba(255, 255, 255, .6);--input-bg: rgba(245, 243, 255, .45);--input-bg-hover: rgba(245, 243, 255, .6);--input-bg-focus: rgba(255, 255, 255, .9);--input-border: rgba(var(--primary-rgb), .12);--input-border-hover: rgba(var(--primary-rgb), .25);--input-focus-ring: 2px solid var(--primary-400);--font-display: "Outfit", sans-serif;--font-body: "Outfit", sans-serif;--font-decorative: "Playfair Display", serif;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--radius-xs: .25rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-3xl: 2rem;--radius-full: 9999px;--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .35s ease;--transition-spring: .5s cubic-bezier(.34, 1.56, .64, 1);--transition-material: .2s cubic-bezier(.4, 0, .2, 1);--transition-smooth: .3s cubic-bezier(.16, 1, .3, 1);--z-base: 1;--z-above: 2;--z-raised: 10;--z-nav: 50;--z-header: 100;--z-dropdown: 1000;--z-overlay: 1050;--z-sticky: 1100;--z-modal: 1200;--z-popover: 1300;--z-lightbox: 1350;--z-tooltip: 1400;--z-toast: 1500;--btn-primary-gradient: linear-gradient(135deg, var(--primary-500) 0%, var(--primary-600) 50%, var(--accent-500) 100%);--header-border: 1px solid rgba(var(--primary-rgb), .1);--card-border: 1px solid var(--dark-100);--title-gradient: linear-gradient(135deg, var(--dark-900) 0%, var(--primary-600) 100%)}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-synthesis:none}body{font-family:var(--font-body);font-size:16px;line-height:1.6;color:var(--dark-800);background:linear-gradient(135deg,var(--primary-50) 0%,white 50%,var(--accent-50) 100%);min-height:100vh;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;line-height:1.2;color:var(--dark-900);font-variant-numeric:lining-nums;letter-spacing:-.01em}h1{font-size:clamp(2.5rem,5vw,4rem)}h2{font-size:clamp(2rem,4vw,3rem)}h3{font-size:clamp(1.5rem,3vw,2rem)}h4{font-size:clamp(1.25rem,2vw,1.5rem)}h5{font-size:1.125rem}h6{font-size:1rem}p{color:var(--dark-600);font-weight:400;font-style:normal;margin-bottom:var(--space-4)}a{color:var(--primary-600);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--primary-700)}.page-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--space-8);gap:var(--space-4);padding-bottom:var(--space-6);border-bottom:var(--header-border)}.page-title h1{font-size:2rem;font-weight:800;margin-bottom:var(--space-2);background:var(--title-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2;display:inline-block;padding-right:.1em}.page-title p{color:var(--dark-500);margin:0;font-size:1rem;font-weight:400}.page-header-actions{display:flex;gap:var(--space-3);align-items:center}@media(max-width:639px){.page-header{flex-direction:column;align-items:flex-start}.page-header-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}}.flex{display:flex}.inline-flex{display:inline-flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.flex-wrap{flex-wrap:wrap}.gap-2{gap:var(--space-2)}.grid{display:grid}.mb-2{margin-bottom:var(--space-2)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mt-2{margin-top:var(--space-2)}.w-full{width:100%}.text-center{text-align:center}.font-bold{font-weight:700}.uppercase{text-transform:uppercase}.hidden{display:none!important}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-family:var(--font-body);font-size:.9375rem;font-weight:600;line-height:1;border-radius:var(--radius-xl);border:none;cursor:pointer;transition:background-color var(--transition-base),border-color var(--transition-base),color var(--transition-base),opacity var(--transition-base);position:relative;overflow:hidden;white-space:nowrap;letter-spacing:.01em}.btn:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.2) 0%,transparent 50%);opacity:0;transition:opacity var(--transition-fast)}.btn:hover:before{opacity:1}.btn-primary{background:var(--btn-primary-gradient);background-size:200% 200%;color:#fff}.btn-primary:hover{background-position:100% 100%;color:#fff}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--glass-light-bg);color:var(--primary-600);border:1px solid rgba(var(--primary-rgb),.15)}.btn-secondary:hover{background:var(--primary-50);border-color:rgba(var(--primary-rgb),.3);color:var(--primary-700)}.btn-ghost{background:transparent;color:var(--dark-600)}.btn-ghost:hover{background:var(--dark-100);color:var(--dark-800)}.btn-sm{padding:var(--space-2) var(--space-4);font-size:.875rem}.btn-lg{padding:var(--space-4) var(--space-8);font-size:1.0625rem}.btn-icon{padding:var(--space-3)}.btn-icon.btn-sm{padding:var(--space-2)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.card{background:var(--glass-light-bg);border:1px solid var(--glass-light-border);border-radius:var(--radius-2xl);padding:var(--space-6);transition:background-color var(--transition-base),border-color var(--transition-base),color var(--transition-base),opacity var(--transition-base);position:relative}@media(hover:hover){.card:hover{border-color:rgba(var(--primary-rgb),.2)}}.form-group{margin-bottom:var(--space-5)}.form-label{display:block;font-size:.875rem;font-weight:500;color:var(--dark-600);margin-bottom:var(--space-2);letter-spacing:.01em}.form-input{width:100%;padding:var(--space-3) var(--space-4);font-family:var(--font-body);font-size:.9375rem;color:var(--dark-800);background:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--radius-xl);transition:background-color var(--transition-base),border-color var(--transition-base),color var(--transition-base),opacity var(--transition-base)}.form-input:hover{border-color:var(--input-border-hover);background:var(--input-bg-hover)}.form-input:focus{outline:var(--input-focus-ring);outline-offset:1px;border-color:var(--primary-400);background:var(--input-bg-focus)}.form-input::placeholder{color:var(--dark-400);font-weight:400}.form-input-icon{position:relative}.form-input-icon .icon{position:absolute;left:var(--space-4);top:50%;transform:translateY(-50%);color:var(--dark-400);pointer-events:none;transition:color var(--transition-base)}.form-input-icon:focus-within .icon{color:var(--primary-500)}.form-input-icon input{padding-left:var(--space-10)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);font-size:.75rem;font-weight:600;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.025em}.badge-primary{background:var(--primary-100);color:var(--primary-700)}.badge-success{background:var(--success-100);color:var(--success-600)}.badge-warning{background:var(--warning-100);color:var(--warning-600)}.badge-accent{background:var(--accent-100);color:var(--accent-600)}.table-container{overflow-x:auto;border-radius:var(--radius-xl);border:1px solid rgba(var(--primary-rgb),.08);background:#fff9}.table{width:100%;border-collapse:collapse;font-size:.875rem}.table th{text-align:left;padding:var(--space-4);font-weight:600;color:var(--dark-600);background:#f5f3ff80;border-bottom:1px solid rgba(var(--primary-rgb),.08);letter-spacing:.01em}.table td{padding:var(--space-4);border-bottom:1px solid rgba(var(--primary-rgb),.05);color:var(--dark-700)}.table tr:hover td{background:#f5f3ff66}.stat-card{background:#ffffffe0;border-radius:var(--radius-xl);padding:var(--space-5);border:1px solid rgba(var(--primary-rgb),.08);transition:background-color var(--transition-base),border-color var(--transition-base),color var(--transition-base),opacity var(--transition-base)}@media(hover:hover){.stat-card:hover{border-color:rgba(var(--primary-rgb),.18)}}.stat-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);margin-bottom:var(--space-3)}.stat-icon.purple{background:var(--primary-100);color:var(--primary-600)}.stat-icon.pink{background:var(--accent-100);color:var(--accent-600)}.stat-icon.green{background:var(--success-100);color:var(--success-600)}.stat-icon.yellow{background:var(--warning-100);color:var(--warning-600)}.stat-value{font-family:var(--font-display);font-size:1.75rem;font-weight:700;color:var(--dark-900);line-height:1;margin-bottom:var(--space-1)}.stat-label{font-size:.8125rem;color:var(--dark-500)}.skeleton{background:linear-gradient(90deg,var(--dark-100) 25%,var(--dark-50) 50%,var(--dark-100) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:var(--radius-md)}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.avatar{width:40px;height:40px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--primary-400) 0%,var(--accent-400) 100%);display:flex;align-items:center;justify-content:center;font-weight:600;color:#fff;font-size:.875rem;flex-shrink:0}.divider{height:1px;background:linear-gradient(90deg,transparent,rgba(var(--primary-rgb),.15),rgba(var(--accent-rgb),.1),transparent);margin:var(--space-6) 0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:none}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes shimmer-shine{0%{left:-100%}20%{left:100%}to{left:100%}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmerGradient{0%{background-position:0% center}to{background-position:200% center}}@keyframes sectionReveal{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes floatOrb{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-50px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}}@keyframes slideInRight{0%{transform:translate(40px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fadeInTab{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{transform:scale(.9);opacity:.8}50%{transform:scale(1.1);opacity:1}to{transform:scale(.9);opacity:.8}}@keyframes cardFadeUp{0%{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.animate-fade-in{animation:fadeIn var(--transition-base) ease forwards}.animate-slide-up{animation:slideUp var(--transition-slow) ease forwards}.animate-scale-in{animation:scaleIn var(--transition-base) ease forwards}.text-gradient{background:linear-gradient(135deg,var(--primary-500) 0%,var(--accent-500) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;padding-bottom:.1em;padding-right:.05em;display:inline-block;line-height:inherit;vertical-align:baseline}[style*="background-clip: text"],[style*="background-clip:text"]{padding-bottom:.1em;padding-right:.05em;display:inline-block;line-height:inherit;vertical-align:baseline}.font-display{font-family:var(--font-display)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--space-4)}@media(min-width:640px){.container{padding:0 var(--space-6)}}@media(min-width:1024px){.container{padding:0 var(--space-8)}}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}@media(max-width:1023px){.lg\:grid-cols-3,.lg\:grid-cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:767px){.grid-cols-2,.grid-cols-3,.grid-cols-4,.lg\:grid-cols-3,.lg\:grid-cols-4{grid-template-columns:1fr}}.gap-6{gap:var(--space-6)}html{overflow-y:scroll}body{overflow-x:hidden}.toast-container{position:fixed;top:var(--space-4);right:var(--space-4);z-index:var(--z-toast);display:flex;flex-direction:column;gap:var(--space-3)}.toast{background:#ffffffeb;border-radius:var(--radius-xl);padding:var(--space-4);display:flex;align-items:center;gap:var(--space-3);min-width:300px;max-width:400px;animation:slideDown .4s cubic-bezier(.22,1,.36,1)}.modal-overlay{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:var(--space-4);animation:fadeIn var(--transition-fast) ease}.modal{background:#fffffff5;border-radius:var(--radius-2xl);max-width:500px;width:100%;max-height:90vh;overflow-y:auto;animation:scaleIn .35s cubic-bezier(.22,1,.36,1)}.modal-header{padding:var(--space-6);border-bottom:1px solid rgba(var(--primary-rgb),.08);display:flex;align-items:center;justify-content:space-between}.modal-body{padding:var(--space-6)}.modal-footer{padding:var(--space-4) var(--space-6);border-top:1px solid rgba(var(--primary-rgb),.08);display:flex;justify-content:flex-end;gap:var(--space-3)}.tabs{display:flex;border-bottom:1px solid rgba(var(--primary-rgb),.1);margin-bottom:var(--space-6)}.tab{padding:var(--space-3) var(--space-5);font-size:.9375rem;font-weight:500;color:var(--dark-500);border:none;background:transparent;cursor:pointer;position:relative;transition:background-color var(--transition-base),border-color var(--transition-base),color var(--transition-base),opacity var(--transition-base)}.tab:hover{color:var(--primary-600)}.tab.active{color:var(--primary-600);font-weight:600}.tab.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--primary-500);border-radius:var(--radius-full)}.empty-state{text-align:center;padding:var(--space-12)}.progress{height:8px;background:rgba(var(--primary-rgb),.08);border-radius:var(--radius-full);overflow:hidden}.progress-bar{height:100%;background:linear-gradient(90deg,var(--primary-500) 0%,var(--accent-500) 100%);background-size:200% 200%;animation:gradient-shift 3s ease infinite;border-radius:var(--radius-full);transition:width var(--transition-slow)}.toggle{position:relative;width:44px;height:24px;background:var(--dark-300);border-radius:var(--radius-full);cursor:pointer;transition:background-color var(--transition-base),border-color var(--transition-base),color var(--transition-base),opacity var(--transition-base)}.toggle.active{background:linear-gradient(135deg,var(--primary-500),var(--accent-500))}.toggle:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;background:#fff;border-radius:var(--radius-full);transition:transform var(--transition-base)}.toggle.active:after{transform:translate(20px)}.loading-screen{display:flex;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,var(--primary-50) 0%,white 50%,var(--accent-50) 100%)}.loading-spinner{width:40px;height:40px;border:3px solid var(--primary-100);border-top-color:var(--primary-500);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.page-loader{display:flex;align-items:center;justify-content:center;min-height:60vh;width:100%;animation:fadeIn .2s ease}.page-loader-content{display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.page-loader-spinner{width:36px;height:36px;border:3px solid var(--primary-100);border-top-color:var(--primary-500);border-radius:50%;animation:spin .7s linear infinite}.page-loader-text{font-size:.875rem;font-weight:500;color:var(--dark-400);letter-spacing:.02em}.text-red-500{color:var(--error-500)}.text-red-600{color:var(--error-600)}.text-purple-500{color:var(--primary-500)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.rotate-180{transform:rotate(180deg)}.maps-picker-overlay{position:fixed;inset:0;background:#00000040;z-index:9999;display:flex;align-items:center;justify-content:center;animation:mapsFadeIn .15s ease}@keyframes mapsFadeIn{0%{opacity:0}to{opacity:1}}@keyframes mapsPopIn{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.maps-picker-sheet{background:#2c2c2eeb;backdrop-filter:blur(50px);-webkit-backdrop-filter:blur(50px);border-radius:14px;padding:0;min-width:250px;max-width:280px;animation:mapsPopIn .2s cubic-bezier(.32,.72,0,1);box-shadow:0 10px 50px #00000059,0 0 0 .5px #ffffff14;overflow:hidden}.maps-picker-option{display:flex;align-items:center;justify-content:center;width:100%;padding:15px 20px;background:transparent;border:none;border-bottom:.5px solid rgba(255,255,255,.1);cursor:pointer;transition:background .1s ease;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Outfit,sans-serif}.maps-picker-option:last-child{border-bottom:none}.maps-picker-option:hover{background:#ffffff14}.maps-picker-option:active{background:#ffffff24}.maps-picker-option span{font-size:1rem;font-weight:400;color:#ffffffeb;letter-spacing:-.01em}.dashboard-page{animation:fadeInUp .5s ease both}.dashboard-page .page-header{position:relative;z-index:1}.card-header h2 svg{color:var(--primary-500)}@media(max-width:767px){.btn,.btn-primary{min-height:44px}.page-header{flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-5)}.page-title h1{font-size:1.5rem}.page-title p{font-size:.875rem}.settings-header{flex-direction:column;align-items:flex-start;gap:var(--space-3)}.settings-header .save-btn{width:100%;justify-content:center;padding:var(--space-4)}.card-header{margin-bottom:var(--space-4);padding-bottom:var(--space-3)}.card-header h2{font-size:1rem}.search-wrap{width:100%;max-width:none}.search-wrap input{width:100%}.plan-card{padding:var(--space-5)}.plan-price-tag .amount{font-size:1.5rem}.empty-state{padding:var(--space-8) var(--space-4)}.sub-title h1{font-size:1.25rem}}@media(max-width:375px){.plan-price-tag .amount{font-size:1.375rem}.page-title h1{font-size:1.25rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.post-card,.comment-item,.table tr,.stat-card{content-visibility:auto;contain-intrinsic-size:auto 200px}