*{margin:0;padding:0}body{line-height:1.5}html:focus-within{scroll-behavior:smooth}a:not([class]){-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto}button,input,select,textarea{font:inherit}@media (prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}table{border-collapse:collapse;border-spacing:0}fieldset,hr{border:none}hr{border-top:1px solid #1e1e2e;border-top:1px solid var(--color-border,#1e1e2e)}h1,h2,h3,h4,h5,h6{text-wrap:balance}p{text-wrap:pretty}a{color:inherit}:focus-visible{outline:2px solid #6366f1;outline:2px solid var(--color-primary,#6366f1)}:root{--brand-primary:#7c3aed;--brand-secondary:#06b6d4;--brand-accent:#f472b6;--gradient-start:#7c3aed;--gradient-mid:#a855f7;--gradient-end:#06b6d4;--color-primary:#7c3aed;--color-primary-light:#a78bfa;--color-primary-dark:#5b21b6;--color-primary-50:#f5f3ff;--color-primary-100:#ede9fe;--color-primary-200:#ddd6fe;--color-primary-300:#c4b5fd;--color-primary-400:#a78bfa;--color-primary-500:#8b5cf6;--color-primary-600:#7c3aed;--color-primary-700:#6d28d9;--color-primary-800:#5b21b6;--color-primary-900:#4c1d95;--color-secondary:#06b6d4;--color-secondary-light:#67e8f9;--color-secondary-dark:#0891b2;--color-secondary-50:#ecfeff;--color-secondary-100:#cffafe;--color-secondary-200:#a5f3fc;--color-secondary-300:#67e8f9;--color-secondary-400:#22d3ee;--color-secondary-500:#06b6d4;--color-secondary-600:#0891b2;--color-secondary-700:#0e7490;--color-secondary-800:#155e75;--color-secondary-900:#164e63;--color-accent:#f472b6;--color-accent-light:#f9a8d4;--color-accent-dark:#ec4899;--color-success:#10b981;--color-success-light:#d1fae5;--color-success-dark:#059669;--color-success-50:#ecfdf5;--color-success-100:#d1fae5;--color-success-500:#10b981;--color-success-600:#059669;--color-warning:#f59e0b;--color-warning-light:#fef3c7;--color-warning-dark:#d97706;--color-warning-50:#fffbeb;--color-warning-100:#fef3c7;--color-warning-500:#f59e0b;--color-warning-600:#d97706;--color-error:#ef4444;--color-error-light:#fee2e2;--color-error-dark:#dc2626;--color-error-50:#fef2f2;--color-error-100:#fee2e2;--color-error-500:#ef4444;--color-error-600:#dc2626;--color-info:#3b82f6;--color-info-light:#dbeafe;--color-info-dark:#2563eb;--color-bg-primary:#0a0a0f;--color-bg-secondary:#0f0f17;--color-bg-tertiary:#151520;--color-bg-elevated:#1a1a28;--color-bg-card:#ffffff08;--color-bg-card-hover:#ffffff0f;--glass-bg:#ffffff0d;--glass-bg-strong:#ffffff14;--glass-border:#ffffff1a;--glass-border-strong:#ffffff26;--surface-primary:var(--color-bg-primary);--surface-secondary:var(--color-bg-secondary);--surface-tertiary:var(--color-bg-tertiary);--surface-elevated:var(--color-bg-elevated);--surface-overlay:#000c;--background-body:var(--color-bg-primary);--background-page:var(--color-bg-secondary);--overlay-bg:#000000b3;--text-primary:#fff;--text-secondary:#ffffffb3;--text-tertiary:#ffffff80;--text-disabled:#ffffff4d;--text-inverse:#0a0a0f;--text-button:#fff;--text-link:var(--color-primary-400);--text-link-hover:var(--color-primary-300);--border-light:#ffffff14;--border-medium:#ffffff1f;--border-dark:#fff3;--border-focus:var(--color-primary);--gradient-primary:linear-gradient(135deg,var(--gradient-start) 0%,var(--gradient-end) 100%);--gradient-secondary:linear-gradient(135deg,var(--color-secondary) 0%,var(--color-primary) 100%);--gradient-accent:linear-gradient(135deg,var(--color-accent) 0%,var(--color-primary) 100%);--gradient-hero:radial-gradient(ellipse 80% 50% at 50% -20%,#7c3aed4d 0%,#0000 50%);--gradient-glow:radial-gradient(ellipse at center,#7c3aed26 0%,#0000 70%);--gradient-card:linear-gradient(180deg,#ffffff0d,#fff0);--gradient-text:linear-gradient(90deg,#a855f7,#06b6d4 50%,#f472b6);--gradient-border:linear-gradient(135deg,#7c3aed80,#06b6d480);--font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;--font-family-mono:"JetBrains Mono","Fira Code",Consolas,Monaco,monospace;--font-family-display:"Inter",var(--font-family);--font-size-xs:0.7rem;--font-size-sm:0.8rem;--font-size-base:0.9rem;--font-size-lg:1rem;--font-size-xl:1.15rem;--font-size-2xl:1.35rem;--font-size-3xl:1.6rem;--font-size-4xl:2rem;--font-size-5xl:2.75rem;--font-size-6xl:3.25rem;--font-size-7xl:3.75rem;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--line-height-tight:1.1;--line-height-snug:1.2;--line-height-normal:1.4;--line-height-relaxed:1.6;--letter-spacing-tighter:-0.05em;--letter-spacing-tight:-0.025em;--letter-spacing-normal:0;--letter-spacing-wide:0.025em;--letter-spacing-wider:0.05em;--spacing-0:0;--spacing-1:0.25rem;--spacing-2:0.375rem;--spacing-3:0.5rem;--spacing-4:0.75rem;--spacing-5:1rem;--spacing-6:1.25rem;--spacing-8:1.5rem;--spacing-10:2rem;--spacing-12:2.5rem;--spacing-16:3rem;--spacing-20:4rem;--spacing-24:5rem;--spacing-32:6rem;--spacing-xs:var(--spacing-1);--spacing-sm:var(--spacing-2);--spacing-md:var(--spacing-4);--spacing-lg:var(--spacing-6);--spacing-xl:var(--spacing-8);--spacing-2xl:var(--spacing-12);--spacing-3xl:var(--spacing-16);--spacing-4xl:var(--spacing-24);--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1280px;--container-2xl:1440px;--radius-none:0;--radius-sm:0.25rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-3xl:2rem;--radius-full:9999px;--shadow-xs:0 1px 2px 0 #0000004d;--shadow-sm:0 1px 3px 0 #0006,0 1px 2px -1px #0006;--shadow-md:0 4px 6px -1px #0006,0 2px 4px -2px #0006;--shadow-lg:0 10px 15px -3px #0006,0 4px 6px -4px #0006;--shadow-xl:0 20px 25px -5px #0006,0 8px 10px -6px #0006;--shadow-2xl:0 25px 50px -12px #0009;--shadow-glow:0 0 40px #7c3aed4d;--shadow-glow-lg:0 0 80px #7c3aed66;--shadow-inner:inset 0 2px 4px 0 #0000004d;--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-normal:250ms cubic-bezier(0.4,0,0.2,1);--transition-slow:350ms cubic-bezier(0.4,0,0.2,1);--transition-slower:500ms cubic-bezier(0.4,0,0.2,1);--transition-spring:500ms cubic-bezier(0.34,1.56,0.64,1);--z-negative:-1;--z-base:0;--z-dropdown:100;--z-sticky:200;--z-fixed:300;--z-header:400;--z-sidebar:500;--z-overlay:600;--z-modal:700;--z-popover:800;--z-tooltip:900;--z-max:999;--animation-pulse:pulse 2s cubic-bezier(0.4,0,0.6,1) infinite;--animation-bounce:bounce 1s infinite;--animation-spin:spin 1s linear infinite;--animation-ping:ping 1s cubic-bezier(0,0,0.2,1) infinite;--animation-float:float 6s ease-in-out infinite;--animation-glow:glow 2s ease-in-out infinite alternate;--blur-sm:4px;--blur-md:8px;--blur-lg:16px;--blur-xl:24px;--blur-2xl:40px;--blur-3xl:64px;--icon-color:#fff;--icon-color-muted:#ffffffb3;--icon-color-primary:var(--color-primary);--icon-color-secondary:var(--color-secondary);--icon-color-success:var(--color-success);--icon-color-warning:var(--color-warning);--icon-color-error:var(--color-error)}[data-theme=light]{--color-bg-primary:#fff;--color-bg-secondary:#f9fafb;--color-bg-tertiary:#f3f4f6;--color-bg-elevated:#fff;--color-bg-card:#00000005;--color-bg-card-hover:#0000000a;--glass-bg:#ffffffb3;--glass-bg-strong:#ffffffe6;--glass-border:#00000014;--glass-border-strong:#0000001f;--text-primary:#111827;--text-secondary:#4b5563;--text-tertiary:#9ca3af;--text-disabled:#d1d5db;--text-inverse:#fff;--text-button:#fff;--border-light:#0000000f;--border-medium:#0000001a;--border-dark:#0003;--gradient-hero:radial-gradient(ellipse 80% 50% at 50% -20%,#7c3aed26 0%,#0000 50%);--gradient-glow:radial-gradient(ellipse at center,#7c3aed14 0%,#0000 70%);--gradient-card:linear-gradient(180deg,#fff,#f9fafb);--shadow-glow:0 0 40px #7c3aed26;--shadow-glow-lg:0 0 80px #7c3aed33;--icon-color:#374151;--icon-color-muted:#6b7280}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;font-size:15px;scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-bg-primary);color:var(--text-primary);font-family:var(--font-family);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);overflow-x:hidden}#root,body{min-height:100vh;min-height:100dvh}#root{display:flex;flex-direction:column}h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-tight);line-height:var(--line-height-tight)}h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}h5{font-size:var(--font-size-lg)}h6{font-size:var(--font-size-base)}@media (min-width:768px){h1{font-size:var(--font-size-5xl)}h2{font-size:var(--font-size-4xl)}h3{font-size:var(--font-size-3xl)}}@media (min-width:1024px){h1{font-size:var(--font-size-6xl)}h2{font-size:var(--font-size-5xl)}}p{color:var(--text-secondary);line-height:var(--line-height-relaxed)}a{color:var(--text-link);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--text-link-hover)}button,input,select,textarea{color:inherit;font-family:inherit;font-size:inherit;line-height:inherit}button{background:none;border:none;cursor:pointer}input,select,textarea{background:var(--glass-bg);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--spacing-3) var(--spacing-4);transition:all var(--transition-fast)}input:focus,select:focus,textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #7c3aed26;outline:none}input::placeholder,textarea::placeholder{color:var(--text-tertiary)}canvas,img,picture,svg,video{display:block;height:auto;max-width:100%}svg.lucide{color:var(--icon-color)}.title-icon{color:var(--color-primary)!important}.card-title svg,.stat-icon{color:var(--icon-color)}.stat-icon--success{color:var(--color-success)}.stat-icon--warning{color:var(--color-warning)}.stat-icon--danger,.stat-icon--error{color:var(--color-error)}.stat-icon--info{color:var(--color-info)}.empty-icon{color:var(--text-tertiary)}.status-icon--success{color:var(--color-success)}.status-icon--warning{color:var(--color-warning)}.status-icon--error{color:var(--color-error)}ol,ul{list-style:none}.container{max-width:var(--container-xl);padding-left:var(--spacing-4);padding-right:var(--spacing-4)}@media (min-width:640px){.container{padding-left:var(--spacing-6);padding-right:var(--spacing-6)}}@media (min-width:1024px){.container{padding-left:var(--spacing-8);padding-right:var(--spacing-8)}}.container-sm{max-width:var(--container-sm)}.container-md{max-width:var(--container-md)}.container-lg{max-width:var(--container-lg)}.container-2xl{max-width:var(--container-2xl)}.section{padding-bottom:var(--spacing-16);padding-top:var(--spacing-16)}@media (min-width:768px){.section{padding-bottom:var(--spacing-24);padding-top:var(--spacing-24)}}.section-header{margin-bottom:var(--spacing-12);margin-left:auto;margin-right:auto;max-width:800px;text-align:center}.section-title{margin-bottom:var(--spacing-4)}.section-subtitle{color:var(--text-secondary);font-size:var(--font-size-lg)}.gradient-text{-webkit-text-fill-color:#0000;background:var(--gradient-text);-webkit-background-clip:text;background-clip:text}.glass-card{backdrop-filter:blur(var(--blur-lg));-webkit-backdrop-filter:blur(var(--blur-lg));background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-2xl);transition:all var(--transition-normal)}.glass-card:hover{background:var(--glass-bg-strong);border-color:var(--glass-border-strong);transform:translateY(-2px)}.btn{flex-direction:row;flex-wrap:nowrap;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);line-height:1;padding:var(--spacing-3) var(--spacing-5);transition:all var(--transition-fast);white-space:nowrap}.btn-primary{background:var(--gradient-primary);border:none;box-shadow:var(--shadow-glow);color:var(--text-primary)}.btn-primary:hover{box-shadow:var(--shadow-glow-lg);transform:translateY(-2px)}.btn-secondary{background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-primary)}.btn-secondary:hover{background:var(--glass-bg-strong);border-color:var(--glass-border-strong)}.btn-ghost{background:#0000;border:none;color:var(--text-secondary)}.btn-ghost:hover{background:var(--glass-bg);color:var(--text-primary)}.btn-lg{font-size:var(--font-size-lg);padding:var(--spacing-4) var(--spacing-8)}.btn-sm{padding:var(--spacing-2) var(--spacing-4)}.badge,.btn-sm{font-size:var(--font-size-sm)}.badge{align-items:center;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-full);color:var(--text-secondary);display:inline-flex;font-weight:var(--font-weight-medium);gap:var(--spacing-2);padding:var(--spacing-1) var(--spacing-3)}.badge-primary{background:#7c3aed26;border-color:#7c3aed4d;color:var(--color-primary-400)}.badge-success{background:#10b98126;border-color:#10b9814d;color:var(--color-success)}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.gap-1{gap:var(--spacing-1)}.gap-2{gap:var(--spacing-2)}.gap-3{gap:var(--spacing-3)}.gap-4{gap:var(--spacing-4)}.gap-6{gap:var(--spacing-6)}.gap-8{gap:var(--spacing-8)}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}@media (min-width:640px){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}.m-auto{margin:auto}.mx-auto{margin-left:auto;margin-right:auto}.my-auto{margin-bottom:auto;margin-top:auto}.mt-4{margin-top:var(--spacing-4)}.mt-6{margin-top:var(--spacing-6)}.mt-8{margin-top:var(--spacing-8)}.mb-4{margin-bottom:var(--spacing-4)}.mb-6{margin-bottom:var(--spacing-6)}.mb-8{margin-bottom:var(--spacing-8)}.p-4{padding:var(--spacing-4)}.p-6{padding:var(--spacing-6)}.p-8{padding:var(--spacing-8)}.px-4{padding-left:var(--spacing-4);padding-right:var(--spacing-4)}.py-4{padding-bottom:var(--spacing-4);padding-top:var(--spacing-4)}.hidden{display:none}.block{display:block}.inline-block{display:inline-block}.inline-flex{display:inline-flex}@media (min-width:768px){.md\:block{display:block}.md\:flex{display:flex}.md\:hidden{display:none}}@media (min-width:1024px){.lg\:block{display:block}.lg\:flex{display:flex}.lg\:hidden{display:none}}.h-full{height:100%}.min-h-screen{min-height:100vh;min-height:100dvh}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes glow{0%{box-shadow:0 0 20px #7c3aed4d}to{box-shadow:0 0 40px #7c3aed99}}.animate-fadeIn{animation:fadeIn .5s ease-out}.animate-fadeInUp{animation:fadeInUp .5s ease-out}.animate-fadeInDown{animation:fadeInDown .5s ease-out}.animate-slideInLeft{animation:slideInLeft .5s ease-out}.animate-slideInRight{animation:slideInRight .5s ease-out}.animate-float{animation:float 6s ease-in-out infinite}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-glow{animation:glow 2s ease-in-out infinite alternate}.animate-spin{animation:spin 1s linear infinite}.stagger-1{animation-delay:.1s}.stagger-2{animation-delay:.2s}.stagger-3{animation-delay:.3s}.stagger-4{animation-delay:.4s}.stagger-5{animation-delay:.5s}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:var(--color-bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--border-dark)}::selection{background:#7c3aed4d;color:var(--text-primary)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@supports (padding:env(safe-area-inset-top)){body{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}}.container{margin-left:auto;margin-right:auto;padding-left:var(--spacing-md);padding-right:var(--spacing-md);width:100%}@media (min-width:640px){.container{max-width:640px;padding-left:var(--spacing-lg);padding-right:var(--spacing-lg)}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}@media (min-width:640px){.sm\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width:768px){.md\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}}@media (min-width:1024px){.lg\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}}@media (min-width:640px){.sm\:flex{display:flex}.sm\:flex-row{flex-direction:row}.sm\:flex-col{flex-direction:column}}@media (min-width:768px){.md\:flex{display:flex}.md\:flex-row{flex-direction:row}.md\:flex-col{flex-direction:column}}@media (min-width:1024px){.lg\:flex{display:flex}.lg\:flex-row{flex-direction:row}.lg\:flex-col{flex-direction:column}}@media (max-width:639px){.sm\:hidden{display:none!important}}@media (min-width:640px) and (max-width:767px){.sm-only{display:block}}@media (max-width:767px){.md\:hidden{display:none!important}}@media (min-width:768px) and (max-width:1023px){.md-only{display:block}}@media (max-width:1023px){.lg\:hidden{display:none!important}}@media (min-width:1024px){.lg\:block{display:block!important}.lg\:flex{display:flex!important}}@media (min-width:768px){.md\:p-lg{padding:var(--spacing-lg)}.md\:p-xl{padding:var(--spacing-xl)}.md\:m-lg{margin:var(--spacing-lg)}.md\:m-xl{margin:var(--spacing-xl)}}@media (min-width:1024px){.lg\:p-xl{padding:var(--spacing-xl)}.lg\:p-2xl{padding:var(--spacing-2xl)}.lg\:m-xl{margin:var(--spacing-xl)}.lg\:m-2xl{margin:var(--spacing-2xl)}}@media (min-width:768px){.md\:text-lg{font-size:var(--font-size-lg)}.md\:text-xl{font-size:var(--font-size-xl)}.md\:text-2xl{font-size:var(--font-size-2xl)}}@media (min-width:1024px){.lg\:text-xl{font-size:var(--font-size-xl)}.lg\:text-2xl{font-size:var(--font-size-2xl)}.lg\:text-3xl{font-size:var(--font-size-3xl)}}:root{--toastify-color-light:#fff;--toastify-color-dark:#121212;--toastify-color-info:#3498db;--toastify-color-success:#07bc0c;--toastify-color-warning:#f1c40f;--toastify-color-error:#e74d3c;--toastify-color-transparent:#ffffffb3;--toastify-icon-color-info:var(--toastify-color-info);--toastify-icon-color-success:var(--toastify-color-success);--toastify-icon-color-warning:var(--toastify-color-warning);--toastify-icon-color-error:var(--toastify-color-error);--toastify-container-width:fit-content;--toastify-toast-width:320px;--toastify-toast-offset:16px;--toastify-toast-top:max(var(--toastify-toast-offset),env(safe-area-inset-top));--toastify-toast-right:max(var(--toastify-toast-offset),env(safe-area-inset-right));--toastify-toast-left:max(var(--toastify-toast-offset),env(safe-area-inset-left));--toastify-toast-bottom:max(var(--toastify-toast-offset),env(safe-area-inset-bottom));--toastify-toast-background:#fff;--toastify-toast-padding:14px;--toastify-toast-min-height:64px;--toastify-toast-max-height:800px;--toastify-toast-bd-radius:6px;--toastify-toast-shadow:0px 4px 12px #0000001a;--toastify-font-family:sans-serif;--toastify-z-index:9999;--toastify-text-color-light:#757575;--toastify-text-color-dark:#fff;--toastify-text-color-info:#fff;--toastify-text-color-success:#fff;--toastify-text-color-warning:#fff;--toastify-text-color-error:#fff;--toastify-spinner-color:#616161;--toastify-spinner-color-empty-area:#e0e0e0;--toastify-color-progress-light:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);--toastify-color-progress-dark:#bb86fc;--toastify-color-progress-info:var(--toastify-color-info);--toastify-color-progress-success:var(--toastify-color-success);--toastify-color-progress-warning:var(--toastify-color-warning);--toastify-color-progress-error:var(--toastify-color-error);--toastify-color-progress-bgo:0.2}.Toastify__toast-container{box-sizing:border-box;color:#fff;display:flex;flex-direction:column;position:fixed;-webkit-transform:translateZ(9999);-webkit-transform:translateZ(var(--toastify-z-index));width:-webkit-fit-content;width:fit-content;width:var(--toastify-container-width);z-index:9999;z-index:var(--toastify-z-index)}.Toastify__toast-container--top-left{left:max(16px,env(safe-area-inset-left));left:var(--toastify-toast-left);top:max(16px,env(safe-area-inset-top));top:var(--toastify-toast-top)}.Toastify__toast-container--top-center{align-items:center;left:50%;top:max(16px,env(safe-area-inset-top));top:var(--toastify-toast-top);transform:translateX(-50%)}.Toastify__toast-container--top-right{align-items:end;right:max(16px,env(safe-area-inset-right));right:var(--toastify-toast-right);top:max(16px,env(safe-area-inset-top));top:var(--toastify-toast-top)}.Toastify__toast-container--bottom-left{bottom:max(16px,env(safe-area-inset-bottom));bottom:var(--toastify-toast-bottom);left:max(16px,env(safe-area-inset-left));left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{align-items:center;bottom:max(16px,env(safe-area-inset-bottom));bottom:var(--toastify-toast-bottom);left:50%;transform:translateX(-50%)}.Toastify__toast-container--bottom-right{align-items:end;bottom:max(16px,env(safe-area-inset-bottom));bottom:var(--toastify-toast-bottom);right:max(16px,env(safe-area-inset-right));right:var(--toastify-toast-right)}.Toastify__toast{--y:0;align-items:center;border-radius:6px;border-radius:var(--toastify-toast-bd-radius);box-shadow:0 4px 12px #0000001a;box-shadow:var(--toastify-toast-shadow);box-sizing:border-box;display:flex;flex:1 1 auto;font-family:sans-serif;font-family:var(--toastify-font-family);margin-bottom:1rem;max-height:800px;max-height:var(--toastify-toast-max-height);min-height:64px;min-height:var(--toastify-toast-min-height);padding:14px;padding:var(--toastify-toast-padding);position:relative;touch-action:none;width:320px;width:var(--toastify-toast-width);word-break:break-word;z-index:0}@media only screen and (max-width:480px){.Toastify__toast-container{left:env(safe-area-inset-left);margin:0;width:100vw}.Toastify__toast-container--top-center,.Toastify__toast-container--top-left,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translateX(0)}.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translateX(0)}.Toastify__toast-container--rtl{left:auto;right:env(safe-area-inset-right)}.Toastify__toast{--toastify-toast-width:100%;border-radius:0;margin-bottom:0}}.Toastify__toast-container[data-stacked=true]{width:320px;width:var(--toastify-toast-width)}.Toastify__toast--stacked{position:absolute;transform:translate3d(0,var(--y),0) scale(var(--s));transition:transform .3s;width:100%}.Toastify__toast--stacked[data-collapsed] .Toastify__close-button,.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{bottom:100%;content:"";height:calc(var(--g)*1px);left:0;position:absolute;right:0}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{bottom:0;content:"";height:100%;left:0;position:absolute;right:0;transform:scaleY(3);z-index:-1}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-icon{-webkit-margin-end:10px;display:flex;flex-shrink:0;margin-inline-end:10px;width:22px}.Toastify--animate{animation-duration:.5s;animation-fill-mode:both}.Toastify--animate-icon{animation-duration:.3s;animation-fill-mode:both}.Toastify__toast-theme--dark{background:#121212;background:var(--toastify-color-dark);color:#fff;color:var(--toastify-text-color-dark)}.Toastify__toast-theme--colored.Toastify__toast--default,.Toastify__toast-theme--light{background:#fff;background:var(--toastify-color-light);color:#757575;color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{background:#3498db;background:var(--toastify-color-info);color:#fff;color:var(--toastify-text-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{background:#07bc0c;background:var(--toastify-color-success);color:#fff;color:var(--toastify-text-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{background:#f1c40f;background:var(--toastify-color-warning);color:#fff;color:var(--toastify-text-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{background:#e74d3c;background:var(--toastify-color-error);color:#fff;color:var(--toastify-text-color-error)}.Toastify__progress-bar-theme--light{background:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:#bb86fc;background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:#3498db;background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:#07bc0c;background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:#f1c40f;background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:#e74d3c;background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning{background:#ffffffb3;background:var(--toastify-color-transparent)}.Toastify__close-button{background:#0000;border:none;color:#fff;cursor:pointer;opacity:.7;outline:none;padding:0;position:absolute;right:6px;top:6px;transition:.3s ease;z-index:1}.Toastify__toast--rtl .Toastify__close-button{left:6px;right:auto}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:focus,.Toastify__close-button:hover{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{bottom:0;height:100%;left:0;opacity:.7;position:absolute;transform-origin:left;width:100%;z-index:1}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{border-bottom-left-radius:0;left:auto;right:0;transform-origin:right}.Toastify__progress-bar--wrp{border-bottom-left-radius:6px;border-bottom-left-radius:var(--toastify-toast-bd-radius);border-bottom-right-radius:6px;border-bottom-right-radius:var(--toastify-toast-bd-radius);bottom:0;height:5px;left:0;overflow:hidden;position:absolute;width:100%}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{height:100%;opacity:.2;opacity:var(--toastify-color-progress-bgo);width:100%}.Toastify__spinner{animation:Toastify__spin .65s linear infinite;border:2px solid #e0e0e0;border-color:var(--toastify-spinner-color-empty-area);border-radius:100%;border-right-color:#616161;border-right-color:var(--toastify-spinner-color);box-sizing:border-box;height:20px;width:20px}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,var(--y),0)}to{opacity:0;transform:translate3d(2000px,var(--y),0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,var(--y),0)}to{opacity:0;transform:translate3d(-2000px,var(--y),0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--bottom-left,.Toastify__bounce-enter--top-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--bottom-right,.Toastify__bounce-enter--top-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--bottom-left,.Toastify__bounce-exit--top-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--bottom-right,.Toastify__bounce-exit--top-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0,var(--y),0) scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{animation-timing-function:ease-in;opacity:0;transform:perspective(400px) rotateX(90deg)}40%{animation-timing-function:ease-in;transform:perspective(400px) rotateX(-20deg)}60%{opacity:1;transform:perspective(400px) rotateX(10deg)}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0,var(--y),0) perspective(400px)}30%{opacity:1;transform:translate3d(0,var(--y),0) perspective(400px) rotateX(-20deg)}to{opacity:0;transform:translate3d(0,var(--y),0) perspective(400px) rotateX(90deg)}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(110%,var(--y),0);visibility:hidden}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(-110%,var(--y),0);visibility:hidden}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(0,500px,0);visibility:hidden}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(0,-500px,0);visibility:hidden}}.Toastify__slide-enter--bottom-left,.Toastify__slide-enter--top-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--bottom-right,.Toastify__slide-enter--top-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--bottom-left,.Toastify__slide-exit--top-left{animation-duration:.3s;animation-name:Toastify__slideOutLeft;animation-timing-function:ease-in}.Toastify__slide-exit--bottom-right,.Toastify__slide-exit--top-right{animation-duration:.3s;animation-name:Toastify__slideOutRight;animation-timing-function:ease-in}.Toastify__slide-exit--top-center{animation-duration:.3s;animation-name:Toastify__slideOutUp;animation-timing-function:ease-in}.Toastify__slide-exit--bottom-center{animation-duration:.3s;animation-name:Toastify__slideOutDown;animation-timing-function:ease-in}@keyframes Toastify__spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.header{left:0;padding:var(--spacing-4) 0;position:fixed;right:0;top:0;transition:all var(--transition-normal);z-index:var(--z-header)}.header--scrolled{backdrop-filter:blur(var(--blur-lg));-webkit-backdrop-filter:blur(var(--blur-lg));background:#0a0a0fcc;border-bottom:1px solid var(--border-light);padding:var(--spacing-3) 0}.header-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:var(--container-xl);padding:0 var(--spacing-4)}@media(min-width:768px){.header-container{padding:0 var(--spacing-6)}}.header-logo{align-items:center;display:flex;gap:var(--spacing-2);text-decoration:none;z-index:10}.logo-icon{height:32px;object-fit:contain;width:32px}.logo-text{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.header-nav{align-items:center;display:none;gap:var(--spacing-1)}@media(min-width:768px){.header-nav{display:flex}}.nav-link{border-radius:var(--radius-lg);color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--spacing-3) var(--spacing-4);text-decoration:none;transition:all var(--transition-fast)}.nav-link:hover{background:var(--glass-bg);color:var(--text-primary)}.header-actions{align-items:center;display:none;gap:var(--spacing-3)}@media(min-width:768px){.header-actions{display:flex}}.header-actions .btn{font-size:var(--font-size-sm)}.header-actions .btn-icon{margin-right:var(--spacing-1)}.mobile-toggle{align-items:center;background:#0000;border:none;cursor:pointer;display:flex;flex-direction:column;gap:5px;height:40px;justify-content:center;padding:0;width:40px;z-index:10}@media(min-width:768px){.mobile-toggle{display:none}}.mobile-toggle span{background:var(--text-primary);border-radius:var(--radius-full);display:block;height:2px;transition:all var(--transition-fast);width:24px}.mobile-toggle.active span:first-child{transform:translateY(7px) rotate(45deg)}.mobile-toggle.active span:nth-child(2){opacity:0;transform:scaleX(0)}.mobile-toggle.active span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.mobile-menu{background:var(--color-bg-secondary);border-left:1px solid var(--border-light);bottom:0;display:flex;flex-direction:column;max-width:320px;overflow-y:auto;padding:var(--spacing-20) var(--spacing-6) var(--spacing-6);position:fixed;right:0;top:0;transform:translateX(100%);transition:transform var(--transition-normal);width:100%;z-index:var(--z-sidebar)}.mobile-menu.open{transform:translateX(0)}@media(min-width:768px){.mobile-menu{display:none}}.mobile-nav{display:flex;flex-direction:column;gap:var(--spacing-2)}.mobile-nav-link{align-items:center;border-radius:var(--radius-xl);color:var(--text-secondary);display:flex;font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);gap:var(--spacing-3);padding:var(--spacing-4);text-decoration:none;transition:all var(--transition-fast)}.mobile-nav-link:hover{background:var(--glass-bg);color:var(--text-primary)}.nav-icon{font-size:20px}.mobile-actions{border-top:1px solid var(--border-light);margin-top:auto;padding-top:var(--spacing-6)}.w-full{width:100%}.mobile-overlay{backdrop-filter:blur(var(--blur-sm));-webkit-backdrop-filter:blur(var(--blur-sm));background:#0009;inset:0;position:fixed;z-index:calc(var(--z-sidebar) - 1)}@media(min-width:768px){.mobile-overlay{display:none}}.footer{background:var(--color-bg-secondary);border-top:1px solid var(--border-light);padding:var(--spacing-16) 0 var(--spacing-8)}.footer-top{grid-gap:var(--spacing-12);display:grid;gap:var(--spacing-12);grid-template-columns:1fr;margin-bottom:var(--spacing-12)}@media(min-width:768px){.footer-top{grid-template-columns:1.5fr 2fr}}.footer-brand{max-width:320px}.footer-logo{align-items:center;display:inline-flex;gap:var(--spacing-2);margin-bottom:var(--spacing-4);text-decoration:none}.footer-logo .logo-icon{font-size:24px}.footer-logo .logo-text{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}.footer-tagline{color:var(--text-tertiary);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-6)}.footer-social{display:flex;gap:var(--spacing-3)}.social-link{align-items:center;background:var(--glass-bg);border:1px solid var(--border-light);border-radius:var(--radius-lg);color:var(--text-tertiary);display:flex;height:40px;justify-content:center;transition:all var(--transition-fast);width:40px}.social-link:hover{background:var(--glass-bg-strong);border-color:var(--border-medium);color:var(--text-primary);transform:translateY(-2px)}.social-link svg{height:18px;width:18px}.footer-links{grid-gap:var(--spacing-8);display:grid;gap:var(--spacing-8);grid-template-columns:repeat(2,1fr)}@media(min-width:640px){.footer-links{grid-template-columns:repeat(3,1fr)}}.footer-column{display:flex;flex-direction:column}.footer-heading{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-wide);margin-bottom:var(--spacing-4);text-transform:uppercase}.footer-list{display:flex;flex-direction:column;gap:var(--spacing-3)}.footer-link{color:var(--text-tertiary);font-size:var(--font-size-sm);text-decoration:none;transition:color var(--transition-fast)}.footer-link:hover{color:var(--text-primary)}.footer-bottom{align-items:center;border-top:1px solid var(--border-light);display:flex;flex-direction:column;gap:var(--spacing-2);padding-top:var(--spacing-8);text-align:center}@media(min-width:640px){.footer-bottom{flex-direction:row;justify-content:space-between}}.copyright,.footer-note{color:var(--text-tertiary);font-size:var(--font-size-sm)}.main-layout{background:var(--color-bg-primary);display:flex;flex-direction:column;min-height:100vh;min-height:100dvh}.main-content{flex:1 1;padding:72px var(--spacing-4) var(--spacing-4)}@media(min-width:768px){.main-content{padding:72px var(--spacing-6) var(--spacing-6)}}@media(min-width:1024px){.main-content{padding:72px var(--spacing-8) var(--spacing-8)}}.main-content:has(#about),.main-content:has(#contact),.main-content:has(#home){padding:0}.loading{gap:var(--spacing-4)}.loading,.loading-fullscreen{align-items:center;display:flex;flex-direction:column;justify-content:center}.loading-fullscreen{background:var(--color-bg-primary);inset:0;position:fixed;z-index:9999}.loading-spinner{animation:spin .8s linear infinite;border:3px solid var(--color-border);border-radius:50%;border-top-color:var(--color-primary);position:relative}.loading-spinner:after{animation:spin 1.2s linear infinite reverse;border:3px solid #0000;border-radius:50%;border-top-color:#6366f14d;content:"";inset:-3px;position:absolute}.loading--sm .loading-spinner{height:24px;width:24px}.loading--md .loading-spinner{height:48px;width:48px}.loading--lg .loading-spinner{height:72px;width:72px}.loading-text{animation:pulse 2s ease-in-out infinite;color:var(--color-text-secondary);font-size:.875rem;margin:0}.loading-dots{display:flex;gap:var(--spacing-2)}.loading-dots span{animation:bounce 1.4s ease-in-out infinite both;background:var(--color-primary);border-radius:50%;height:10px;width:10px}.loading-dots span:first-child{animation-delay:-.32s}.loading-dots span:nth-child(2){animation-delay:-.16s}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}:root{--sidebar-width:260px;--sidebar-collapsed-width:72px;--header-height:64px}.dashboard-layout{background:var(--color-bg-primary);display:flex;flex-direction:column;min-height:100vh;min-height:100dvh}.dashboard-container{display:flex;flex:1 1}.dashboard-sidebar{background:var(--color-bg-secondary);border-right:1px solid var(--border-light);bottom:0;display:flex;flex-direction:column;left:0;overflow:hidden;position:fixed;top:0;transition:width var(--transition-normal);width:72px;width:var(--sidebar-collapsed-width);z-index:var(--z-sidebar)}.dashboard-sidebar--open{width:260px;width:var(--sidebar-width)}.sidebar-header{border-bottom:1px solid var(--border-light);justify-content:space-between;min-height:64px;min-height:var(--header-height);padding:var(--spacing-4);position:relative}.sidebar-header,.sidebar-logo{align-items:center;display:flex}.sidebar-logo{gap:var(--spacing-2);overflow:hidden;text-decoration:none}.dashboard-sidebar:not(.dashboard-sidebar--open) .sidebar-logo{position:relative}.dashboard-sidebar:not(.dashboard-sidebar--open) .sidebar-logo:after{background:var(--glass-bg-strong);border:1px solid var(--border-light);border-radius:var(--radius-md);color:var(--text-primary);content:attr(title);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);left:110%;opacity:0;padding:var(--spacing-2) var(--spacing-3);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:opacity var(--transition-fast);white-space:nowrap;z-index:1000}.dashboard-sidebar:not(.dashboard-sidebar--open) .sidebar-logo:hover:after{opacity:1}.sidebar-logo .logo-icon{align-items:center;border-radius:var(--radius-lg);display:flex;flex-shrink:0;height:40px;justify-content:center;object-fit:contain;width:40px}.sidebar-logo .logo-text{color:var(--text-primary);display:inline-block;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);max-width:0;opacity:0;overflow:hidden;transition:opacity var(--transition-fast),max-width var(--transition-fast);white-space:nowrap}.dashboard-sidebar--open .sidebar-logo .logo-text{max-width:240px;opacity:1}.sidebar-toggle{align-items:center;background:var(--glass-bg);border:1px solid var(--border-light);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:none;height:32px;justify-content:center;transition:all var(--transition-fast);width:32px}.sidebar-toggle:hover{background:var(--glass-bg-strong);color:var(--text-primary)}@media(min-width:1024px){.sidebar-toggle{display:flex}}.sidebar-toggle svg{height:16px;transition:transform var(--transition-fast);width:16px}.dashboard-sidebar--open .sidebar-toggle svg{transform:rotate(180deg)}.dashboard-nav{flex:1 1;overflow-y:auto;padding:var(--spacing-4)}.dashboard-nav,.nav-section{display:flex;flex-direction:column;gap:var(--spacing-1)}.nav-section{margin-bottom:var(--spacing-4)}.nav-section-title{color:var(--text-tertiary);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:.5px;max-height:20px;opacity:1;padding:var(--spacing-2) var(--spacing-3);text-transform:uppercase;transition:opacity var(--transition-fast),max-height var(--transition-fast)}.dashboard-sidebar:not(.dashboard-sidebar--open) .nav-section-title{margin:0;max-height:0;opacity:0;padding:0}.dashboard-nav-item{align-items:center;border-radius:var(--radius-lg);color:var(--text-secondary);display:flex;gap:var(--spacing-3);overflow:hidden;padding:var(--spacing-3);text-decoration:none;transition:all var(--transition-fast);white-space:nowrap}.dashboard-nav-item:hover{background:var(--glass-bg);color:var(--text-primary)}.dashboard-nav-item--active{background:#7c3aed26;color:var(--color-primary-400)}.dashboard-nav-item--active:hover{background:#7c3aed33}.nav-icon{align-items:center;display:flex;flex-shrink:0;font-size:var(--font-size-lg);justify-content:center;min-width:24px;text-align:center}.nav-icon svg{stroke-width:2}.nav-label{display:inline-block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);max-width:0;opacity:0;overflow:hidden;transition:opacity var(--transition-fast),max-width var(--transition-fast)}.dashboard-sidebar--open .nav-label{max-width:200px;opacity:1}.dashboard-sidebar:not(.dashboard-sidebar--open) .nav-label,.dashboard-sidebar:not(.dashboard-sidebar--open) .sidebar-logo .logo-text,.dashboard-sidebar:not(.dashboard-sidebar--open) .user-info{display:none}.dashboard-sidebar:not(.dashboard-sidebar--open) .dashboard-nav-item{justify-content:center;padding-left:.5rem;padding-right:.5rem}.dashboard-sidebar:not(.dashboard-sidebar--open) .sidebar-header{justify-content:center}.dashboard-sidebar:not(.dashboard-sidebar--open) .sidebar-toggle{background:var(--glass-bg);border:1px solid var(--border-light);border-radius:8px;display:none;height:32px;left:16px;padding:0;position:absolute;top:50%;transform:translateY(-50%);width:32px}.dashboard-sidebar:not(.dashboard-sidebar--open) .sidebar-header:hover .sidebar-toggle{display:flex}.dashboard-sidebar:not(.dashboard-sidebar--open) .sidebar-header:hover .sidebar-logo{display:none}.dashboard-sidebar:not(.dashboard-sidebar--open) .sidebar-toggle svg{height:16px;transition:transform var(--transition-fast);width:16px}.dashboard-sidebar:not(.dashboard-sidebar--open) .sidebar-footer{border-top:1px solid var(--border-light);padding:.5rem}.dashboard-sidebar:not(.dashboard-sidebar--open) .sidebar-user{gap:.25rem;justify-content:center;min-width:0;padding:.25rem}.dashboard-sidebar:not(.dashboard-sidebar--open) .user-avatar{flex-shrink:0;font-size:.75rem;height:28px;line-height:28px;width:28px}.dashboard-sidebar:not(.dashboard-sidebar--open) .avatar-with-progress{height:36px;width:36px}.dashboard-sidebar:not(.dashboard-sidebar--open) .avatar-with-progress .user-avatar{height:28px;width:28px}.dashboard-sidebar:not(.dashboard-sidebar--open) .progress-ring{height:36px;width:36px}.logout-btn{background:#0000;border:none;cursor:pointer;font-family:inherit;margin-top:auto;width:100%}.logout-btn:hover{background:#ef44441a;color:#ef4444}.logout-btn .nav-icon svg{color:currentColor}.sidebar-footer{border-top:1px solid var(--border-light);padding:var(--spacing-4)}.sidebar-user{background:var(--glass-bg);border-radius:var(--radius-lg);gap:var(--spacing-3);overflow:hidden;padding:var(--spacing-3)}.sidebar-user,.user-avatar{align-items:center;display:flex}.user-avatar{background:var(--gradient-primary);border-radius:var(--radius-full);color:#fff;flex-shrink:0;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);height:36px;justify-content:center;width:36px}.avatar-with-progress{flex-shrink:0;height:44px;position:relative;width:44px}.avatar-with-progress .user-avatar{height:34px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:34px}.progress-ring{height:44px;transform:rotate(-90deg);width:44px}.progress-ring-bg{stroke:#ffffff1a}.progress-ring-fill{stroke:url(#progressGradient);stroke:#10b981;stroke-linecap:round;transition:stroke-dashoffset .5s ease}.user-info{display:flex;flex-direction:column;min-width:0;opacity:0;transition:opacity var(--transition-fast)}.dashboard-sidebar--open .user-info{opacity:1}.user-name{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-role{color:var(--text-tertiary);font-size:var(--font-size-xs)}.dashboard-main{background:var(--color-bg-primary);flex:1 1;margin-left:72px;margin-left:var(--sidebar-collapsed-width);min-height:100vh;min-height:100dvh;overflow-x:hidden;padding:var(--spacing-4);transition:margin-left var(--transition-normal);width:100%}.dashboard-sidebar--open~.dashboard-main{margin-left:260px;margin-left:var(--sidebar-width)}@media(min-width:768px){.dashboard-main{padding:var(--spacing-6)}}@media(min-width:1024px){.dashboard-main{padding:var(--spacing-8)}}@media(max-width:1023px){.dashboard-sidebar{transform:translateX(-100%);width:260px;width:var(--sidebar-width)}.dashboard-sidebar--open{transform:translateX(0)}.dashboard-sidebar .nav-label,.dashboard-sidebar .sidebar-logo .logo-text,.dashboard-sidebar .user-info{opacity:1}.dashboard-main,.dashboard-sidebar--open~.dashboard-main{margin-left:0}}.sidebar-overlay{backdrop-filter:blur(var(--blur-sm));-webkit-backdrop-filter:blur(var(--blur-sm));background:#0009;inset:0;opacity:0;position:fixed;transition:all var(--transition-fast);visibility:hidden;z-index:calc(var(--z-sidebar) - 1)}.sidebar-overlay--visible{opacity:1;visibility:visible}@media(min-width:1024px){.sidebar-overlay{display:none}}.mobile-menu-btn{align-items:center;background:var(--glass-bg);border:1px solid var(--border-light);border-radius:var(--radius-lg);color:var(--text-primary);cursor:pointer;display:flex;height:40px;justify-content:center;left:var(--spacing-4);position:fixed;top:var(--spacing-4);width:40px;z-index:var(--z-header)}@media(min-width:1024px){.mobile-menu-btn{display:none}}.mobile-logo{align-items:center;display:flex;gap:var(--spacing-2);text-decoration:none}.mobile-logo .logo-icon{align-items:center;background:linear-gradient(135deg,#7c3aed,#6366f1);border-radius:var(--radius-md);color:#fff;display:flex;font-size:20px;height:32px;justify-content:center;width:32px}.mobile-logo .logo-icon svg{height:20px;width:20px}.mobile-logo .logo-text{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.dashboard-main.dashboard-main--full-width{max-width:100%;padding:0!important}@media(max-width:1024px){.dashboard-main .header-content{margin-left:48px}}.admin-layout{background:var(--color-bg-primary);min-height:100vh;min-height:100dvh;overflow:hidden;position:relative}.admin-layout:before{background:var(--gradient-hero);bottom:0;content:"";left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:0}.admin-loading{align-items:center;background:var(--color-bg-primary);color:var(--text-primary);display:flex;flex-direction:column;justify-content:center;min-height:100vh}.admin-loading .spinner{animation:spin 1s linear infinite;border:4px solid var(--border-light);border-radius:var(--radius-full);border-top-color:var(--color-primary);height:50px;width:50px}.admin-mobile-header{align-items:center;backdrop-filter:blur(var(--blur-lg));-webkit-backdrop-filter:blur(var(--blur-lg));background:var(--color-bg-secondary);border-bottom:1px solid var(--border-light);display:none;justify-content:space-between;padding:var(--spacing-4);position:-webkit-sticky;position:sticky;top:0;z-index:var(--z-header)}.admin-mobile-menu-btn{align-items:center;background:var(--glass-bg);border:1px solid var(--border-light);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;display:flex;justify-content:center;padding:var(--spacing-2);transition:all var(--transition-fast)}.admin-mobile-menu-btn:hover{background:var(--glass-bg-strong);border-color:var(--color-primary)}.admin-mobile-logo{align-items:center;color:var(--text-primary);display:flex;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);gap:var(--spacing-2)}.admin-mobile-logo svg{color:var(--color-primary)}.admin-container{display:flex;min-height:100vh;min-height:100dvh;position:relative;z-index:1}.admin-sidebar{background:var(--color-bg-secondary);border-right:1px solid var(--border-light);display:flex;flex-direction:column;height:100vh;height:100dvh;left:0;position:fixed;top:0;transition:transform var(--transition-normal);width:280px;z-index:var(--z-sidebar)}.admin-sidebar-header{align-items:center;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;padding:var(--spacing-6) var(--spacing-4)}.admin-sidebar-logo{align-items:center;color:var(--text-primary);display:flex;gap:var(--spacing-3)}.admin-logo-icon{align-items:center;background:var(--gradient-primary);border-radius:var(--radius-lg);color:#fff;display:flex;height:40px;justify-content:center;width:40px}.admin-logo-icon svg{height:24px;width:24px}.admin-logo-text{-webkit-text-fill-color:#0000;background:var(--gradient-text);-webkit-background-clip:text;background-clip:text;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}.admin-sidebar-toggle{align-items:center;background:var(--glass-bg);border:1px solid var(--border-light);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all var(--transition-fast);width:32px}.admin-sidebar-toggle:hover{background:var(--glass-bg-strong);border-color:var(--color-primary);color:var(--text-primary)}.admin-nav{display:flex;flex:1 1;flex-direction:column;overflow-y:auto;padding:var(--spacing-4)}.admin-nav-section{margin-bottom:var(--spacing-6)}.admin-nav-section-title{color:var(--text-tertiary);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-wide);margin-bottom:var(--spacing-2);padding:0 var(--spacing-4);text-transform:uppercase}.admin-nav-item{align-items:center;background:none;border:none;border-radius:var(--radius-lg);color:var(--text-secondary);cursor:pointer;display:flex;font-family:inherit;font-size:var(--font-size-sm);gap:var(--spacing-3);margin-bottom:var(--spacing-1);padding:var(--spacing-3) var(--spacing-4);text-decoration:none;transition:all var(--transition-fast);width:100%}.admin-nav-item:hover{background:var(--glass-bg);color:var(--text-primary)}.admin-nav-item--active{background:#7c3aed26;color:var(--color-primary-400)}.admin-nav-item--active:hover{background:#7c3aed33}.admin-nav-icon{align-items:center;display:flex;justify-content:center;min-width:24px}.admin-nav-icon svg{height:20px;width:20px}.admin-nav-label{font-weight:var(--font-weight-medium)}.admin-logout-btn{border-top:1px solid var(--border-light);margin-top:auto;padding-top:var(--spacing-4)}.admin-logout-btn:hover{background:#ef44441a;color:var(--color-error)}.admin-sidebar-footer{border-top:1px solid var(--border-light);padding:var(--spacing-4)}.admin-sidebar-user{align-items:center;background:var(--glass-bg);border-radius:var(--radius-lg);display:flex;gap:var(--spacing-3);padding:var(--spacing-3)}.admin-user-avatar{align-items:center;background:var(--gradient-primary);border-radius:var(--radius-full);color:#fff;display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);height:40px;justify-content:center;width:40px}.admin-user-info{display:flex;flex:1 1;flex-direction:column;gap:var(--spacing-1);min-width:0}.admin-user-name{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-user-role{color:var(--text-tertiary);font-size:var(--font-size-xs);text-transform:capitalize}.admin-main{background:#0000;flex:1 1;margin-left:280px;min-height:100vh;min-height:100dvh;padding:var(--spacing-8);position:relative;z-index:1}.admin-sidebar-overlay{backdrop-filter:blur(var(--blur-sm));-webkit-backdrop-filter:blur(var(--blur-sm));background:var(--overlay-bg);bottom:0;display:none;left:0;opacity:0;position:fixed;right:0;top:0;transition:opacity var(--transition-fast);z-index:calc(var(--z-sidebar) - 1)}.admin-sidebar-overlay--visible{display:block;opacity:1}@media(max-width:1024px){.admin-mobile-header{display:flex}.admin-sidebar{transform:translateX(-100%)}.admin-sidebar--open{transform:translateX(0)}.admin-main{margin-left:0;padding:var(--spacing-4)}.admin-container{min-height:calc(100vh - 64px);min-height:calc(100dvh - 64px)}}.admin-nav::-webkit-scrollbar{width:6px}.admin-nav::-webkit-scrollbar-track{background:#0000}.admin-nav::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:var(--radius-full)}.admin-nav::-webkit-scrollbar-thumb:hover{background:var(--border-medium)}#home .home-page{min-height:100vh;overflow-x:hidden}#home .hero{align-items:center;display:flex;min-height:100vh;min-height:100dvh;overflow:hidden;padding:100px 0 var(--spacing-16);position:relative}#home .hero-video-container{inset:0;position:absolute;z-index:0}#home .hero-video{height:100%;object-fit:cover;opacity:.85;width:100%}#home .hero-thumbnail{background:linear-gradient(135deg,#0a0a0fe6,#1e192de6)}#home .showcase-thumbnail{background:linear-gradient(135deg,#0f0f19f2,#281e3cf2)}#home .cta-thumbnail{background:linear-gradient(135deg,#7c3aed66,#06b6d466);height:100%;width:100%}#home .hero-video-overlay{background:linear-gradient(180deg,#0a0a0f4d,#0a0a0f80 50%,#0a0a0fbf);inset:0;position:absolute}#home .hero-particles{inset:0;overflow:hidden;pointer-events:none;position:absolute;z-index:1}#home .particle{animation:float-up var(--duration) ease-in-out var(--delay) infinite;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border-radius:50%;bottom:-10px;box-shadow:0 0 10px currentColor;height:4px;height:var(--size,4px);left:var(--x);opacity:.7;position:absolute;width:4px;width:var(--size,4px)}#home .hero-container{justify-content:center;margin:0 auto;max-width:900px;position:relative;z-index:2}#home .hero-container,#home .hero-content{align-items:center;display:flex;flex-direction:column;text-align:center}#home .hero-badge{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#7c3aed26;border:1px solid #7c3aed4d;border-radius:var(--radius-full);color:var(--color-primary-light);display:inline-flex;font-size:var(--font-size-sm);gap:var(--spacing-2);margin-bottom:var(--spacing-6);padding:var(--spacing-2) var(--spacing-4)}#home .badge-pulse{animation:pulse 2s ease-in-out infinite;background:var(--color-success);border-radius:50%;box-shadow:0 0 12px var(--color-success);height:8px;width:8px}#home .hero-title{font-size:clamp(2.8rem,8vw,5rem);font-weight:var(--font-weight-bold);letter-spacing:-.03em;line-height:1.05;margin-bottom:var(--spacing-8)}#home .title-line{display:block}#home .title-gradient{-webkit-text-fill-color:#0000;animation:gradient-shift 6s ease-in-out infinite;background:linear-gradient(135deg,#a855f7,#06b6d4 50%,#f472b6);-webkit-background-clip:text;background-clip:text;background-size:200% 200%;display:block;font-size:1.1em}@keyframes gradient-shift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}#home .hero-subtitle{color:var(--text-secondary);font-size:var(--font-size-lg);line-height:var(--line-height-relaxed);margin:0 auto var(--spacing-10);max-width:600px;text-shadow:0 2px 15px #0006}@media(min-width:768px){#home .hero-subtitle{font-size:var(--font-size-xl)}}#home .hero-actions{display:flex;flex-direction:column;gap:var(--spacing-4);margin-bottom:var(--spacing-10)}@media(min-width:640px){#home .hero-actions{flex-direction:row;justify-content:center}}#home .btn-glow{overflow:hidden;position:relative}#home .btn-glow:before{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border-radius:inherit;content:"";filter:blur(12px);inset:-2px;opacity:0;position:absolute;transition:opacity .3s ease;z-index:-1}#home .btn-glow:hover:before{opacity:.7}#home .btn-glass{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff14;border:1px solid #ffffff26;color:var(--text-primary)}#home .btn-glass:hover{background:#ffffff26;border-color:#ffffff40}#home .btn-white{background:#fff;border:none;color:var(--color-bg-primary)}#home .btn-white:hover{background:#ffffffe6;transform:translateY(-2px)}#home .hero-trust{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-4)}@media(min-width:640px){#home .hero-trust{flex-direction:row;justify-content:center}}#home .trust-avatar,#home .trust-avatars{align-items:center;display:flex}#home .trust-avatar{background:linear-gradient(135deg,#7c3aed4d,#06b6d44d);border:3px solid var(--color-bg-primary);border-radius:50%;height:44px;justify-content:center;margin-left:-12px;overflow:hidden;transition:transform .2s ease;width:44px}#home .trust-avatar img{height:100%;object-fit:cover;width:100%}#home .trust-avatar:first-child{margin-left:0}#home .trust-avatar:hover{transform:translateY(-4px) scale(1.1);z-index:1}#home .trust-more{background:var(--gradient-primary);color:#fff;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold)}#home .trust-info{display:flex;flex-direction:column;gap:var(--spacing-1)}#home .trust-stars{color:#fbbf24;display:flex;gap:2px}#home .trust-text{color:var(--text-tertiary);font-size:var(--font-size-sm)}#home .hero-visual{display:none;position:relative}@media(min-width:1024px){#home .hero-visual{display:block}}#home .hero-showcase{position:relative}#home .showcase-main{border:1px solid #ffffff1a;border-radius:var(--radius-2xl);box-shadow:0 25px 80px #7c3aed40;overflow:hidden;position:relative}#home .showcase-image{display:block;height:400px;object-fit:cover;transition:transform .5s ease;width:100%}#home .showcase-main:hover .showcase-image{transform:scale(1.05)}#home .showcase-badge{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#10b981e6;border-radius:var(--radius-full);color:#fff;display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);position:absolute;right:var(--spacing-4);top:var(--spacing-4)}#home .showcase-thumbnails{display:flex;gap:var(--spacing-3);justify-content:center;margin-top:var(--spacing-4)}#home .showcase-thumb{background:none;border:2px solid #0000;border-radius:var(--radius-lg);cursor:pointer;height:70px;overflow:hidden;padding:0;transition:all .3s ease;width:70px}#home .showcase-thumb img{height:100%;object-fit:cover;width:100%}#home .showcase-thumb:hover{transform:translateY(-4px)}#home .showcase-thumb.active{border-color:var(--color-primary);box-shadow:0 0 20px #7c3aed66}#home .hero-scroll-indicator{align-items:center;animation:fade-in 1s ease-out 1.5s both;bottom:var(--spacing-8);color:var(--text-tertiary);display:flex;flex-direction:column;font-size:var(--font-size-xs);gap:var(--spacing-2);left:50%;position:absolute;transform:translateX(-50%);z-index:2}@keyframes fade-in{0%{opacity:0}to{opacity:1}}#home .scroll-mouse{border:2px solid var(--border-medium);border-radius:12px;display:flex;height:38px;justify-content:center;padding-top:8px;width:24px}#home .scroll-wheel{animation:scroll-bounce 1.5s ease-in-out infinite;background:var(--text-tertiary);border-radius:2px;height:8px;width:4px}#home .tools-bar{background:#7c3aed14;border-bottom:1px solid #7c3aed33;border-top:1px solid #7c3aed33;overflow:hidden;padding:var(--spacing-4) 0}#home .tools-marquee{overflow:hidden;width:100%}#home .tools-track{animation:marquee 30s linear infinite;display:flex;gap:var(--spacing-6);width:-webkit-max-content;width:max-content}@keyframes marquee{0%{transform:translateX(0)}to{transform:translateX(-50%)}}#home .tool-chip{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:var(--radius-full);display:flex;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-5);transition:all .3s ease;white-space:nowrap}#home .tool-chip:hover{background:#7c3aed33;border-color:#7c3aed66}#home .tool-chip svg{color:var(--color-primary-light)}#home .tool-name{color:var(--text-primary);font-weight:var(--font-weight-medium)}#home .tool-desc{color:var(--text-tertiary);font-size:var(--font-size-xs)}#home .stats-section{background:linear-gradient(180deg,#7c3aed0d,#0000);padding:var(--spacing-16) 0}#home .stats-grid{grid-gap:var(--spacing-6);display:grid;gap:var(--spacing-6);grid-template-columns:repeat(2,1fr)}@media(min-width:768px){#home .stats-grid{gap:var(--spacing-8);grid-template-columns:repeat(4,1fr)}}#home .stat-card{background:#ffffff08;border:1px solid var(--border-light);border-radius:var(--radius-xl);padding:var(--spacing-6);text-align:center;transition:all .3s ease}#home .stat-card:hover{background:#ffffff0f;border-color:#7c3aed4d;box-shadow:0 16px 32px #7c3aed26;transform:translateY(-6px)}#home .stat-icon{align-items:center;background:#7c3aed26;border-radius:var(--radius-lg);color:var(--color-primary-light);display:inline-flex;height:40px;justify-content:center;margin-bottom:var(--spacing-3);width:40px}#home .stat-value{-webkit-text-fill-color:#0000;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);line-height:1;margin-bottom:var(--spacing-2)}@media(min-width:768px){#home .stat-value{font-size:var(--font-size-3xl)}}#home .stat-label{color:var(--text-tertiary);font-size:var(--font-size-sm)}#home .section{padding:var(--spacing-20) 0}#home .section-header{margin-bottom:var(--spacing-16);text-align:center}#home .section-badge{align-items:center;background:#7c3aed1a;border:1px solid #7c3aed33;border-radius:var(--radius-full);color:var(--color-primary-light);display:inline-flex;font-size:var(--font-size-sm);gap:var(--spacing-2);margin-bottom:var(--spacing-4);padding:var(--spacing-2) var(--spacing-4)}#home .section-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-4)}@media(min-width:768px){#home .section-title{font-size:var(--font-size-4xl)}}#home .section-subtitle{color:var(--text-secondary);font-size:var(--font-size-lg);margin:0 auto;max-width:600px}#home .features-section{background:var(--color-bg-secondary)}#home .features-grid{grid-gap:var(--spacing-6);display:grid;gap:var(--spacing-6);grid-template-columns:1fr}@media(min-width:768px){#home .features-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1200px){#home .features-grid{grid-template-columns:repeat(4,1fr)}}#home .feature-card{animation:fade-in-up .6s ease-out var(--delay) both;background:#ffffff05;border:1px solid var(--border-light);border-radius:var(--radius-2xl);overflow:hidden;position:relative;transition:all .4s ease}#home .feature-card:hover{border-color:#0000;box-shadow:0 30px 60px #0000004d;transform:translateY(-12px)}#home .feature-image{height:180px;overflow:hidden;position:relative}#home .feature-image img{height:100%;object-fit:cover;transition:transform .5s ease;width:100%}#home .feature-card:hover .feature-image img{transform:scale(1.1)}#home .feature-image-overlay{background:linear-gradient(0deg,#0f0f14,#0000);inset:0;position:absolute}#home .feature-content{margin-top:-40px;padding:var(--spacing-6);position:relative}#home .feature-icon-wrapper{align-items:center;border:1px solid #ffffff1a;border-radius:var(--radius-xl);display:flex;height:56px;justify-content:center;margin-bottom:var(--spacing-4);transition:transform .3s ease;width:56px}#home .feature-purple .feature-icon-wrapper{background:#a855f733;color:#a855f7}#home .feature-cyan .feature-icon-wrapper{background:#06b6d433;color:#06b6d4}#home .feature-pink .feature-icon-wrapper{background:#f472b633;color:#f472b6}#home .feature-orange .feature-icon-wrapper{background:#fb923c33;color:#fb923c}#home .feature-card:hover .feature-icon-wrapper{transform:scale(1.1) rotate(5deg)}#home .feature-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-3)}#home .feature-description{color:var(--text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-4)}#home .feature-link{align-items:center;color:#fff;display:inline-flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);gap:var(--spacing-2);text-shadow:0 1px 3px #0000004d;transition:all .3s ease}#home .feature-link:hover{color:var(--color-primary-light);gap:var(--spacing-3)}#home .gallery-section{background:linear-gradient(180deg,var(--color-bg-secondary),var(--color-bg-primary));overflow:hidden}#home .gallery-scroll{margin-top:var(--spacing-8);overflow:hidden}#home .gallery-track{animation:gallery-scroll 40s linear infinite;display:flex;gap:var(--spacing-4);width:-webkit-max-content;width:max-content}@keyframes gallery-scroll{0%{transform:translateX(0)}to{transform:translateX(-50%)}}#home .gallery-item{border-radius:var(--radius-2xl);cursor:pointer;flex-shrink:0;height:320px;overflow:hidden;position:relative;width:280px}#home .gallery-item img{height:100%;object-fit:cover;transition:transform .5s ease;width:100%}#home .gallery-item:hover img{transform:scale(1.1)}#home .gallery-overlay{align-items:center;background:#7c3aedcc;color:#fff;display:flex;inset:0;justify-content:center;opacity:0;position:absolute;transition:opacity .3s ease}#home .gallery-item:hover .gallery-overlay{opacity:1}#home .how-it-works-section{background:var(--color-bg-primary)}#home .steps-container{position:relative}#home .steps-line{display:none}@media(min-width:768px){#home .steps-line{background:linear-gradient(90deg,var(--color-primary),var(--color-secondary),var(--color-primary));border-radius:2px;display:block;height:3px;left:20%;opacity:.4;position:absolute;right:20%;top:60px}}#home .steps-grid{grid-gap:var(--spacing-8);display:grid;gap:var(--spacing-8);grid-template-columns:1fr}@media(min-width:768px){#home .steps-grid{gap:var(--spacing-6);grid-template-columns:repeat(3,1fr)}}#home .step-card{animation:fade-in-up .6s ease-out var(--delay) both;padding:var(--spacing-6);text-align:center}#home .step-number-wrapper{align-items:center;display:inline-flex;justify-content:center;margin-bottom:var(--spacing-6);position:relative}#home .step-number{align-items:center;background:linear-gradient(135deg,#7c3aed,#06b6d4);border-radius:20px;box-shadow:0 15px 50px #7c3aed59;color:#fff;display:flex;font-size:1.75rem;font-weight:700;height:90px;justify-content:center;transition:transform .3s ease;width:90px}#home .step-card:hover .step-number{transform:scale(1.1) rotate(5deg)}#home .step-icon{align-items:center;background:var(--color-bg-primary);border:2px solid var(--color-primary);border-radius:var(--radius-lg);bottom:-10px;color:var(--color-primary);display:flex;height:44px;justify-content:center;position:absolute;right:-10px;width:44px}#home .step-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-3)}#home .step-description{color:var(--text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);margin:0 auto;max-width:280px}#home .video-showcase-section{background:var(--color-bg-secondary)}#home .video-showcase{margin:0 auto;max-width:1000px}#home .video-frame{border:1px solid var(--border-light);border-radius:var(--radius-3xl);box-shadow:0 50px 100px #00000080;overflow:hidden;position:relative}#home .showcase-video{display:block;height:auto;width:100%}#home .video-play-overlay{align-items:center;background:#0006;display:flex;inset:0;justify-content:center;opacity:0;position:absolute;transition:opacity .3s ease}#home .video-frame:hover .video-play-overlay{opacity:1}#home .video-play-btn{align-items:center;background:var(--gradient-primary);border:none;border-radius:50%;box-shadow:0 10px 40px #7c3aed80;cursor:pointer;display:flex;height:90px;justify-content:center;padding-left:8px;transition:transform .3s ease;width:90px}#home .video-play-btn:hover{transform:scale(1.15)}#home .testimonials-section{background:var(--color-bg-primary)}#home .testimonials-grid{grid-gap:var(--spacing-6);display:grid;gap:var(--spacing-6);grid-template-columns:1fr}@media(min-width:768px){#home .testimonials-grid{grid-template-columns:repeat(3,1fr)}}#home .testimonial-card{animation:fade-in-up .6s ease-out var(--delay) both;background:#ffffff05;border:1px solid var(--border-light);border-radius:var(--radius-2xl);padding:var(--spacing-8);transition:all .3s ease}#home .testimonial-card:hover{background:#ffffff0d;border-color:#7c3aed4d;box-shadow:0 20px 40px #7c3aed1a;transform:translateY(-8px)}#home .testimonial-rating{color:#fbbf24;display:flex;gap:4px;margin-bottom:var(--spacing-4)}#home .testimonial-quote{color:var(--text-primary);font-size:var(--font-size-lg);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-6)}#home .testimonial-author{align-items:center;display:flex;gap:var(--spacing-3)}#home .author-avatar{border:2px solid #7c3aed4d;border-radius:50%;height:52px;overflow:hidden;width:52px}#home .author-avatar img{height:100%;object-fit:cover;width:100%}#home .author-name{font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-1)}#home .author-role{color:var(--text-tertiary);font-size:var(--font-size-sm)}#home .cta-section{padding:var(--spacing-20) 0 var(--spacing-24)}#home .cta-card{border-radius:var(--radius-3xl);overflow:hidden;padding:var(--spacing-20) var(--spacing-8);position:relative;text-align:center}#home .cta-video-bg{inset:0;position:absolute;z-index:0}#home .cta-video-bg video{height:100%;object-fit:cover;width:100%}#home .cta-overlay{background:linear-gradient(135deg,#7c3aede6,#06b6d4e6);inset:0;position:absolute;z-index:1}#home .cta-content{margin:0 auto;max-width:650px;position:relative;z-index:2}#home .cta-title{color:#fff;font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-4)}@media(min-width:768px){#home .cta-title{font-size:var(--font-size-4xl)}}#home .cta-subtitle{color:#ffffffe6;font-size:var(--font-size-lg);margin-bottom:var(--spacing-8)}#home .cta-actions{display:flex;justify-content:center;margin-bottom:var(--spacing-6)}#home .cta-features{color:#ffffffe6;display:flex;flex-wrap:wrap;font-size:var(--font-size-sm);gap:var(--spacing-4) var(--spacing-8);justify-content:center}#home .cta-features span{align-items:center;display:inline-flex;gap:var(--spacing-2)}#home .animate-fadeInDown{animation:fadeInDown .6s ease-out both}#home .animate-fadeInUp{animation:fadeInUp .6s ease-out both}#home .stagger-1{animation-delay:.1s}#home .stagger-2{animation-delay:.2s}#home .stagger-3{animation-delay:.3s}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.location-picker{position:relative;width:100%}.location-picker__input-wrapper{align-items:center;display:flex;position:relative}.location-picker__icon{align-items:center;color:#9ca3af;display:flex;justify-content:center;left:14px;position:absolute;z-index:1}.location-picker__spinner{animation:spin 1s linear infinite}.location-picker__input{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;color:#fff;font-size:14px;padding:12px 40px 12px 44px;transition:all .2s ease;width:100%}.location-picker__input::placeholder{color:#6b7280}.location-picker__input:focus{border-color:#a855f7;box-shadow:0 0 0 3px #a855f71a;outline:none}.location-picker__input:disabled{cursor:not-allowed;opacity:.6}.location-picker__clear{align-items:center;background:none;border:none;border-radius:4px;color:#9ca3af;cursor:pointer;display:flex;justify-content:center;padding:4px;position:absolute;right:12px;transition:all .2s ease}.location-picker__clear:hover{background:#ffffff1a;color:#fff}.location-picker__dropdown{background:#1f2937;border:1px solid #ffffff1a;border-radius:10px;box-shadow:0 10px 40px #0000004d;left:0;max-height:280px;overflow-y:auto;position:absolute;right:0;top:calc(100% + 8px);z-index:100}.location-picker__suggestion{align-items:flex-start;background:none;border:none;color:#fff;cursor:pointer;display:flex;gap:12px;padding:12px 14px;text-align:left;transition:background .2s ease;width:100%}.location-picker__suggestion:hover{background:#a855f71a}.location-picker__suggestion:first-child{border-radius:10px 10px 0 0}.location-picker__suggestion:last-child{border-radius:0 0 10px 10px}.location-picker__suggestion:only-child{border-radius:10px}.location-picker__suggestion+.location-picker__suggestion{border-top:1px solid #ffffff0d}.location-picker__suggestion-icon{color:#9ca3af;flex-shrink:0;margin-top:2px}.location-picker__suggestion-text{display:flex;flex-direction:column;gap:2px;min-width:0}.location-picker__suggestion-main{color:#fff;font-size:14px;font-weight:500}.location-picker__suggestion-secondary{color:#9ca3af;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.location-picker__selected{align-items:center;background:#a855f71a;border-radius:8px;color:#a855f7;display:flex;font-size:12px;gap:6px;margin-top:8px;padding:8px 12px}.location-picker__selected span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.location-picker__error{color:#ef4444;display:block;font-size:12px;margin-top:6px}.location-picker--error .location-picker__input{border-color:#ef4444}.location-picker--error .location-picker__input:focus{box-shadow:0 0 0 3px #ef44441a}#login .login-page{align-items:center;background:var(--color-bg-primary);display:flex;justify-content:center;min-height:100vh;min-height:100dvh;overflow:hidden;position:relative}#login .login-bg{inset:0;overflow:hidden;pointer-events:none;position:absolute}#login .bg-glow{border-radius:50%;filter:blur(100px);position:absolute}#login .bg-glow-1{background:#7c3aed26;height:600px;left:-100px;top:-200px;width:600px}#login .bg-glow-2{background:#06b6d41a;bottom:-200px;height:500px;right:-100px;width:500px}#login .bg-grid{background-image:linear-gradient(#ffffff05 1px,#0000 0),linear-gradient(90deg,#ffffff05 1px,#0000 0);background-size:40px 40px;inset:0;opacity:.5;position:absolute}#login .login-container{grid-gap:var(--spacing-8);align-items:center;display:grid;gap:var(--spacing-8);grid-template-columns:1fr;margin:0 auto;max-width:100%;padding:var(--spacing-6) var(--spacing-5);position:relative;width:100%;z-index:1}@media(min-width:640px){#login .login-container{max-width:520px;padding:var(--spacing-8)}}@media(min-width:1024px){#login .login-container{gap:var(--spacing-16);grid-template-columns:1fr 1fr;max-width:var(--container-2xl);padding:var(--spacing-10)}}#login .login-branding{display:none}@media(min-width:1024px){#login .login-branding{display:flex;flex-direction:column;justify-content:center;padding:var(--spacing-8)}}#login .brand-logo{align-items:center;display:inline-flex;gap:var(--spacing-2);margin-bottom:var(--spacing-8);text-decoration:none}#login .logo-icon{height:40px;object-fit:contain;width:40px}#login .logo-text{color:var(--text-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold)}#login .branding-title{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin-bottom:var(--spacing-6)}#login .branding-subtitle{color:var(--text-secondary);font-size:var(--font-size-lg);margin-bottom:var(--spacing-8);max-width:480px}#login .branding-features{display:flex;flex-direction:column;gap:var(--spacing-4)}#login .brand-feature{align-items:center;color:var(--text-secondary);display:flex;gap:var(--spacing-3)}#login .feature-check{align-items:center;background:#10b98126;border-radius:50%;color:var(--color-success);display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);height:24px;justify-content:center;width:24px}#login .branding-visual{height:200px;margin-top:var(--spacing-12);position:relative}#login .visual-mockup{height:100%;position:relative;width:100%}#login .mockup-item{align-items:center;animation:float 6s ease-in-out infinite;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);display:flex;font-size:32px;height:80px;justify-content:center;position:absolute;width:80px}#login .mockup-1{animation-delay:0s;left:10%;top:20%}#login .mockup-2{animation-delay:1s;left:40%;top:50%}#login .mockup-3{animation-delay:2s;left:70%;top:10%}#login .login-form-panel{align-items:stretch;display:flex;flex-direction:column;gap:var(--spacing-6);justify-content:center;max-width:100%;width:100%}@media(min-width:640px){#login .login-form-panel{gap:var(--spacing-6);margin:0 auto;max-width:420px}}@media(min-width:1024px){#login .login-form-panel{gap:var(--spacing-6);margin:0 auto;max-width:500px}}#login .login-card{backdrop-filter:blur(var(--blur-xl));-webkit-backdrop-filter:blur(var(--blur-xl));background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-3xl);box-shadow:var(--shadow-xl);padding:var(--spacing-8) var(--spacing-6);width:100%}@media(min-width:640px){#login .login-card{padding:var(--spacing-10) var(--spacing-8)}}@media(min-width:1024px){#login .login-card{padding:var(--spacing-12) var(--spacing-10)}}#login .login-header{margin-bottom:var(--spacing-10);text-align:center}#login .login-title{-webkit-text-fill-color:#0000;background:var(--gradient-text);-webkit-background-clip:text;background-clip:text;font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-3)}#login .login-subtitle{color:var(--text-secondary);font-size:var(--font-size-base)}#login .login-error{align-items:center;background:#ef44441a;border:1px solid #ef444433;border-radius:var(--radius-lg);color:var(--color-error);display:flex;font-size:var(--font-size-sm);gap:var(--spacing-2);margin-bottom:var(--spacing-6);padding:var(--spacing-3) var(--spacing-4)}#login .login-error svg{flex-shrink:0}#login .login-body{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-4);width:100%}#login .google-button-wrapper{align-items:center;display:flex;justify-content:center;margin-bottom:var(--spacing-4);min-height:56px;padding:var(--spacing-3) 0;position:relative;width:100%}@media(max-width:768px){#login .google-button-wrapper .L5Fo6c-sM5MNb{display:none!important}}#login .google-button-wrapper button,#login .google-button-wrapper div[role=button],#login .google-button-wrapper>div{align-items:center!important;display:flex!important;justify-content:center!important;max-width:320px!important;width:100%!important}#login .google-button-wrapper button,#login .google-button-wrapper div[role=button]{background-color:#fff!important;border:1px solid #dadce0!important;border-radius:12px!important;box-shadow:0 4px 12px #00000026!important;color:#3c4043!important;cursor:pointer!important;font-family:Roboto,Helvetica Neue,Arial,sans-serif!important;font-size:16px!important;font-weight:500!important;gap:12px!important;height:48px!important;padding:0 24px!important;transition:all .3s ease!important}#login .google-button-wrapper button:hover,#login .google-button-wrapper div[role=button]:hover{background-color:#f8f9fa!important;box-shadow:0 6px 16px #0003!important;transform:translateY(-2px)!important}#login .google-button-wrapper button:active,#login .google-button-wrapper div[role=button]:active{box-shadow:0 2px 8px #0000001a!important;transform:translateY(0)!important}#login .login-loading{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;gap:var(--spacing-3);padding:var(--spacing-6)}#login .loading-spinner{animation:spin 1s linear infinite;border:3px solid var(--border-light);border-radius:50%;border-top-color:var(--color-primary);height:32px;width:32px}#login .login-divider{align-items:center;color:var(--text-tertiary);display:flex;font-size:var(--font-size-sm);gap:var(--spacing-4);width:100%}#login .login-divider:after,#login .login-divider:before{background:var(--border-light);content:"";flex:1 1;height:1px}#login .login-benefits{display:flex;flex-direction:column;gap:var(--spacing-4);width:100%}#login .benefit-item{align-items:flex-start;background:var(--glass-bg);border-radius:var(--radius-lg);display:flex;gap:var(--spacing-3);padding:var(--spacing-3)}#login .benefit-icon{flex-shrink:0;font-size:20px}#login .benefit-content{display:flex;flex-direction:column;gap:var(--spacing-1)}#login .benefit-content strong{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}#login .benefit-content span{color:var(--text-tertiary);font-size:var(--font-size-xs)}#login .login-footer{border-top:1px solid var(--border-light);margin-top:var(--spacing-8);padding-top:var(--spacing-6)}#login .terms-text{color:var(--text-tertiary);font-size:var(--font-size-xs);text-align:center}#login .terms-text .link{color:var(--text-link);text-decoration:none}#login .terms-text .link:hover{text-decoration:underline}#login .login-help{align-items:center;color:var(--text-tertiary);display:flex;flex-direction:row;font-size:var(--font-size-sm);gap:var(--spacing-2);justify-content:center;margin-top:var(--spacing-2);padding:var(--spacing-4) 0;text-align:center}#login .login-help span{display:inline;font-weight:var(--font-weight-medium)}#login .help-link{border-radius:var(--radius-md);color:var(--text-link);font-weight:var(--font-weight-medium);padding:var(--spacing-1) var(--spacing-2);text-decoration:none;transition:all var(--transition-fast)}#login .help-link:hover{background-color:#7c3aed0d;color:var(--color-primary);text-decoration:underline}#login .mobile-brand-logo{align-items:center;display:none;gap:var(--spacing-2);justify-content:center;margin-bottom:var(--spacing-6);text-decoration:none}#login .mobile-logo-icon{height:36px;object-fit:contain;width:36px}#login .mobile-logo-text{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}@media(max-width:1023px){#login .mobile-brand-logo{display:flex}}#login .login-card--profile .login-body{align-items:stretch}#login .profile-form{display:flex;flex-direction:column;gap:var(--spacing-4);width:100%}#login .profile-field{display:flex;flex-direction:column;gap:6px}#login .profile-label{align-items:center;color:var(--text-secondary);display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:6px}#login .profile-input-wrapper{align-items:stretch;display:flex}#login .profile-prefix{align-items:center;background:#ffffff0d;border:1px solid var(--border-light);border-radius:var(--radius-lg) 0 0 var(--radius-lg);border-right:none;color:var(--text-tertiary);display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:0 12px}#login .profile-input{background:#ffffff08;border:1px solid var(--border-light);border-radius:var(--radius-lg);color:var(--text-primary);flex:1 1;font-size:var(--font-size-sm);padding:10px 14px;transition:all .2s ease}#login .profile-input::placeholder{color:var(--text-tertiary)}#login .profile-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #7c3aed1a;outline:none}#login .profile-input--error{border-color:var(--color-error)}#login .profile-input--error:focus{box-shadow:0 0 0 3px #ef44441a}#login .profile-input-wrapper .profile-input{border-radius:0 var(--radius-lg) var(--radius-lg) 0}#login .profile-error{color:var(--color-error);font-size:var(--font-size-xs)}#login .profile-hint{color:var(--text-tertiary);font-size:var(--font-size-xs);margin-top:2px}#login .profile-field-row{grid-gap:var(--spacing-3);display:grid;gap:var(--spacing-3);grid-template-columns:1fr 1fr}@media(max-width:480px){#login .profile-field-row{grid-template-columns:1fr}}#login .profile-bank-section{background:#ffffff05;border:1px solid var(--border-light);border-radius:var(--radius-lg);margin-top:var(--spacing-2);overflow:hidden}#login .profile-bank-toggle{align-items:center;background:none;border:none;color:var(--text-primary);cursor:pointer;display:flex;justify-content:space-between;padding:var(--spacing-3);transition:background .2s ease;width:100%}#login .profile-bank-toggle:hover{background:#ffffff08}#login .profile-bank-toggle-left{align-items:center;display:flex;gap:10px;text-align:left}#login .profile-bank-title{color:var(--text-primary);display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}#login .profile-bank-subtitle{color:var(--text-tertiary);display:block;font-size:var(--font-size-xs);margin-top:2px}#login .profile-bank-content{border-top:1px solid var(--border-light);display:flex;flex-direction:column;gap:var(--spacing-3);padding:0 var(--spacing-3) var(--spacing-3);padding-top:var(--spacing-3)}#login .profile-submit{align-items:center;background:linear-gradient(135deg,var(--color-primary) 0,#6366f1 100%);border:none;border-radius:var(--radius-lg);color:#fff;cursor:pointer;display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);gap:8px;justify-content:center;margin-top:var(--spacing-3);padding:12px 20px;transition:all .3s ease}#login .profile-submit:hover:not(:disabled){box-shadow:0 6px 20px #7c3aed4d;transform:translateY(-2px)}#login .profile-submit:disabled{cursor:not-allowed;opacity:.7}#login .profile-spinner{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}#notfound .not-found-page{align-items:center;background:var(--color-bg-primary);display:flex;justify-content:center;min-height:100vh;min-height:100dvh;overflow:hidden;padding:var(--spacing-8);position:relative}#notfound .not-found-glow{background:radial-gradient(circle,#7c3aed26 0,#0000 70%);height:600px;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:600px}#notfound .not-found-content{max-width:480px;position:relative;text-align:center;z-index:1}#notfound .not-found-code{-webkit-text-fill-color:#0000;background:var(--gradient-text);-webkit-background-clip:text;background-clip:text;font-size:clamp(6rem,20vw,12rem);font-weight:var(--font-weight-extrabold);line-height:1;margin-bottom:var(--spacing-4)}#notfound .not-found-title{color:var(--text-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-4)}#notfound .not-found-text{color:var(--text-secondary);font-size:var(--font-size-lg);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-8)}#notfound .not-found-page .btn{gap:var(--spacing-2)}#notfound .not-found-page .btn svg{order:-1}#adminlogin.admin-login-page{align-items:center;background:linear-gradient(135deg,#0a0a0f,#1a1a2e 50%,#16213e);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:2rem;position:relative}#adminlogin.admin-login-page .admin-login-bg{inset:0;overflow:hidden;pointer-events:none;position:absolute}#adminlogin.admin-login-page .admin-bg-glow{border-radius:50%;filter:blur(100px);opacity:.3;position:absolute}#adminlogin.admin-login-page .admin-bg-glow-1{animation:pulse 8s ease-in-out infinite;background:linear-gradient(135deg,#667eea,#764ba2);height:600px;right:-200px;top:-200px;width:600px}#adminlogin.admin-login-page .admin-bg-glow-2{animation:pulse 10s ease-in-out infinite reverse;background:linear-gradient(135deg,#f093fb,#f5576c);bottom:-150px;height:500px;left:-150px;width:500px}#adminlogin.admin-login-page .admin-bg-grid{background-image:linear-gradient(#ffffff08 1px,#0000 0),linear-gradient(90deg,#ffffff08 1px,#0000 0);background-size:50px 50px;inset:0;position:absolute}#adminlogin.admin-login-page .admin-login-container{display:flex;flex-direction:column;gap:1.5rem;max-width:var(--container-sm);position:relative;width:100%;z-index:10}#adminlogin.admin-login-page .admin-login-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:24px;box-shadow:0 25px 50px -12px #00000080;padding:2.5rem}#adminlogin.admin-login-page .admin-login-header{margin-bottom:2rem;text-align:center}#adminlogin.admin-login-page .admin-logo{align-items:center;background:linear-gradient(135deg,#667eea33,#764ba233);border-radius:100px;display:inline-flex;gap:.75rem;margin-bottom:1.5rem;padding:.75rem 1.5rem}#adminlogin.admin-login-page .admin-logo-icon{font-size:1.5rem}#adminlogin.admin-login-page .admin-logo-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:1rem;font-weight:600}#adminlogin.admin-login-page .admin-login-title{color:#fff;font-size:1.75rem;font-weight:700;margin-bottom:.5rem}#adminlogin.admin-login-page .admin-login-subtitle{color:#fff9;font-size:.95rem}#adminlogin.admin-login-page .admin-login-error{align-items:center;background:#ef44441a;border:1px solid #ef44444d;border-radius:12px;color:#fca5a5;display:flex;font-size:.9rem;gap:.75rem;margin-bottom:1.5rem;padding:1rem}#adminlogin.admin-login-page .admin-login-error svg{flex-shrink:0}#adminlogin.admin-login-page .admin-login-form{display:flex;flex-direction:column;gap:1.5rem}#adminlogin.admin-login-page .admin-form-group{display:flex;flex-direction:column;gap:.5rem}#adminlogin.admin-login-page .admin-form-label{color:#fffc;font-size:.875rem;font-weight:500}#adminlogin.admin-login-page .admin-input-wrapper{align-items:center;display:flex;position:relative}#adminlogin.admin-login-page .admin-input-icon{align-items:center;color:#fff6;display:flex;justify-content:center;left:1rem;pointer-events:none;position:absolute}#adminlogin.admin-login-page .admin-form-input{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;color:#fff;font-size:1rem;padding:1rem 1rem 1rem 3rem;transition:all .3s ease;width:100%}#adminlogin.admin-login-page .admin-form-input:focus{background:#ffffff14;border-color:#667eea;box-shadow:0 0 0 4px #667eea33;outline:none}#adminlogin.admin-login-page .admin-form-input::placeholder{color:#ffffff4d}#adminlogin.admin-login-page .admin-form-input:disabled{cursor:not-allowed;opacity:.6}#adminlogin.admin-login-page .admin-password-toggle{align-items:center;background:none;border:none;color:#fff6;cursor:pointer;display:flex;justify-content:center;padding:.25rem;position:absolute;right:1rem;transition:color .3s ease}#adminlogin.admin-login-page .admin-password-toggle:hover{color:#ffffffb3}#adminlogin.admin-login-page .admin-submit-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.75rem;justify-content:center;margin-top:.5rem;padding:1rem 1.5rem;transition:all .3s ease;width:100%}#adminlogin.admin-login-page .admin-submit-btn:hover:not(:disabled){box-shadow:0 10px 20px -5px #667eea66;transform:translateY(-2px)}#adminlogin.admin-login-page .admin-submit-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}#adminlogin.admin-login-page .admin-spinner{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:20px;width:20px}#adminlogin.admin-login-page .admin-login-footer{border-top:1px solid #ffffff1a;margin-top:2rem;padding-top:1.5rem;text-align:center}#adminlogin.admin-login-page .admin-back-link{align-items:center;color:#fff9;display:inline-flex;font-size:.9rem;gap:.5rem;text-decoration:none;transition:color .3s ease}#adminlogin.admin-login-page .admin-back-link:hover{color:#667eea}#adminlogin.admin-login-page .admin-security-notice{align-items:center;background:#22c55e1a;border:1px solid #22c55e33;border-radius:12px;color:#86efaccc;display:flex;font-size:.85rem;gap:.5rem;justify-content:center;padding:1rem}#adminlogin.admin-login-page .admin-security-notice svg{flex-shrink:0}@media(max-width:480px){#adminlogin.admin-login-page .admin-login-page{padding:1rem}#adminlogin.admin-login-page .admin-login-card{border-radius:20px;padding:1.5rem}#adminlogin.admin-login-page .admin-login-title{font-size:1.5rem}#adminlogin.admin-login-page .admin-login-subtitle{font-size:.875rem}}#admin-overview-page .admin-page{min-height:calc(100vh - 4rem);padding:0}#admin-overview-page .admin-page-header{margin-bottom:var(--spacing-8)}#admin-overview-page .admin-page-title{-webkit-text-fill-color:#0000;background:var(--gradient-text);-webkit-background-clip:text;background-clip:text;color:var(--text-primary);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-2)}#admin-overview-page .admin-page-subtitle{color:var(--text-secondary);font-size:var(--font-size-base)}#admin-overview-page .admin-loading-state{align-items:center;color:var(--text-primary);display:flex;flex-direction:column;justify-content:center;min-height:400px}#admin-overview-page .admin-loading-state .spinner{animation:spin 1s linear infinite;border:4px solid var(--border-light);border-radius:var(--radius-full);border-top-color:var(--color-primary);height:50px;margin-bottom:var(--spacing-4);width:50px}#admin-overview-page .admin-stats-grid{grid-gap:var(--spacing-4);display:grid;gap:var(--spacing-4);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));margin-bottom:var(--spacing-8)}#admin-overview-page .admin-stat-card{align-items:center;backdrop-filter:blur(var(--blur-lg));-webkit-backdrop-filter:blur(var(--blur-lg));background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);display:flex;gap:var(--spacing-3);padding:var(--spacing-4);transition:all var(--transition-normal)}#admin-overview-page .admin-stat-card:hover{background:var(--glass-bg-strong);border-color:var(--glass-border-strong);box-shadow:var(--shadow-glow);transform:translateY(-2px)}#admin-overview-page .admin-stat-icon{align-items:center;border-radius:var(--radius-md);color:#fff;display:flex;flex-shrink:0;height:44px;justify-content:center;width:44px}#admin-overview-page .admin-stat-icon svg{height:20px;width:20px}#admin-overview-page .admin-stat-icon--purple{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-dark) 100%)}#admin-overview-page .admin-stat-icon--blue{background:linear-gradient(135deg,var(--color-secondary) 0,var(--color-secondary-dark) 100%)}#admin-overview-page .admin-stat-icon--green{background:linear-gradient(135deg,var(--color-success) 0,var(--color-success-dark) 100%)}#admin-overview-page .admin-stat-icon--orange{background:linear-gradient(135deg,var(--color-warning) 0,var(--color-warning-dark) 100%)}#admin-overview-page .admin-stat-icon--success{background:linear-gradient(135deg,var(--color-success) 0,var(--color-success-dark) 100%)}#admin-overview-page .admin-stat-icon--warning{background:linear-gradient(135deg,var(--color-warning) 0,var(--color-warning-dark) 100%)}#admin-overview-page .admin-stat-icon--danger{background:linear-gradient(135deg,var(--color-error) 0,var(--color-error-dark) 100%)}#admin-overview-page .admin-stat-icon--info{background:linear-gradient(135deg,var(--color-info) 0,var(--color-info-dark) 100%)}#admin-overview-page .admin-stat-icon--violet{background:linear-gradient(135deg,var(--color-accent) 0,var(--color-primary) 100%)}#admin-overview-page .admin-stat-content{display:flex;flex:1 1;flex-direction:column;gap:var(--spacing-1)}#admin-overview-page .admin-stat-label{color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}#admin-overview-page .admin-stat-value{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}#admin-overview-page .admin-stat-meta{color:var(--text-tertiary);font-size:var(--font-size-xs)}@media(max-width:768px){#admin-overview-page .admin-stats-grid{gap:.5rem;grid-template-columns:repeat(2,1fr)!important}#admin-overview-page .admin-stat-card{align-items:flex-start;flex-direction:column;gap:.5rem;padding:.625rem}#admin-overview-page .admin-stat-icon{height:32px;width:32px}#admin-overview-page .admin-stat-icon svg{height:16px;width:16px}#admin-overview-page .admin-stat-label{font-size:.65rem}#admin-overview-page .admin-stat-value{font-size:var(--font-size-base)}#admin-overview-page .admin-stat-meta{font-size:.6rem}#admin-overview-page .admin-page-title{font-size:var(--font-size-xl)}}#admin-users-page .admin-page{min-height:calc(100vh - 4rem);padding:0}#admin-users-page .admin-page-header{margin-bottom:var(--spacing-8)}#admin-users-page .admin-page-title{-webkit-text-fill-color:#0000;background:var(--gradient-text);-webkit-background-clip:text;background-clip:text;color:var(--text-primary);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-2)}#admin-users-page .admin-page-subtitle{color:var(--text-secondary);font-size:var(--font-size-base)}#admin-users-page .admin-loading-state{align-items:center;color:var(--text-primary);display:flex;flex-direction:column;justify-content:center;min-height:400px}#admin-users-page .admin-loading-state .spinner{animation:spin 1s linear infinite;border:4px solid var(--border-light);border-radius:var(--radius-full);border-top-color:var(--color-primary);height:50px;margin-bottom:var(--spacing-4);width:50px}#admin-users-page .admin-stats-grid{grid-gap:var(--spacing-4);display:grid;gap:var(--spacing-4);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));margin-bottom:var(--spacing-8)}#admin-users-page .admin-stat-card{align-items:center;backdrop-filter:blur(var(--blur-lg));-webkit-backdrop-filter:blur(var(--blur-lg));background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);display:flex;gap:var(--spacing-3);padding:var(--spacing-4);transition:all var(--transition-normal)}#admin-users-page .admin-stat-card:hover{background:var(--glass-bg-strong);border-color:var(--glass-border-strong);box-shadow:var(--shadow-glow);transform:translateY(-2px)}#admin-users-page .admin-stat-icon{align-items:center;border-radius:var(--radius-md);color:#fff;display:flex;flex-shrink:0;height:44px;justify-content:center;width:44px}#admin-users-page .admin-stat-content{display:flex;flex:1 1;flex-direction:column;gap:var(--spacing-1)}#admin-users-page .admin-stat-label{color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}#admin-users-page .admin-stat-value{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}#admin-users-page .admin-table-container{backdrop-filter:blur(var(--blur-lg));-webkit-backdrop-filter:blur(var(--blur-lg));background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-xl);overflow:hidden}#admin-users-page .admin-table-wrapper{max-width:100%;overflow-x:auto}#admin-users-page .admin-table-header{align-items:center;border-bottom:1px solid var(--border-light);display:flex;flex-wrap:wrap;gap:var(--spacing-4);justify-content:space-between;padding:var(--spacing-4) var(--spacing-5)}#admin-users-page .admin-table-title{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}#admin-users-page .admin-table-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-3)}#admin-users-page .admin-btn{align-items:center;border:none;border-radius:var(--radius-lg);cursor:pointer;display:flex;flex-shrink:0;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-5);transition:all var(--transition-normal)}#admin-users-page .admin-table .admin-btn{justify-content:center;min-width:32px;padding:var(--spacing-2) var(--spacing-3)}#admin-users-page .admin-btn-primary{background:var(--gradient-primary);color:var(--text-button)}#admin-users-page .admin-btn-primary:hover{box-shadow:var(--shadow-glow);transform:translateY(-2px)}#admin-users-page .admin-btn-secondary{background:var(--glass-bg-strong);border:1px solid var(--border-light);color:var(--text-primary)}#admin-users-page .admin-btn-secondary:hover{background:var(--glass-border);border-color:var(--border-medium)}#admin-users-page .admin-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}#admin-users-page .admin-table{border-collapse:collapse;font-size:clamp(.7rem,1.2vw,.875rem);min-width:600px;table-layout:auto;width:100%}#admin-users-page .admin-table thead{background:var(--glass-bg)}#admin-users-page .admin-table th{color:var(--text-secondary);font-size:clamp(.6rem,1vw,.7rem);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-wide);padding:var(--spacing-3) var(--spacing-3);text-align:left;text-transform:uppercase;white-space:nowrap}#admin-users-page .admin-table th:last-child{white-space:nowrap;width:1%}#admin-users-page .admin-table td{border-top:1px solid var(--border-light);color:var(--text-secondary);max-width:150px;overflow:hidden;padding:var(--spacing-3) var(--spacing-3);text-overflow:ellipsis;white-space:nowrap}#admin-users-page .admin-table td:last-child{max-width:none;overflow:visible;white-space:nowrap;width:1%}#admin-users-page .admin-table tbody tr{transition:all var(--transition-fast)}#admin-users-page .admin-table tbody tr:hover{background:var(--glass-bg)}#admin-users-page .admin-table tbody tr.clickable-row{cursor:pointer}#admin-users-page .admin-table tbody tr.clickable-row:hover{background:var(--glass-bg-strong)}#admin-users-page .admin-search-bar{align-items:center;background:var(--glass-bg);border:1px solid var(--border-light);border-radius:var(--radius-md);display:flex;flex:1 1;gap:var(--spacing-2);max-width:400px;padding:var(--spacing-1) var(--spacing-3);transition:all var(--transition-fast)}#admin-users-page .admin-search-bar:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px #7c3aed1a}#admin-users-page .admin-search-bar input{background:none;border:none;color:var(--text-primary);flex:1 1;font-size:var(--font-size-sm);outline:none}#admin-users-page .admin-search-bar input::placeholder,#admin-users-page .admin-search-bar svg{color:var(--text-tertiary)}#admin-users-page .admin-select{background:var(--glass-bg);border:1px solid var(--border-light);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;font-size:var(--font-size-sm);outline:none;padding:var(--spacing-1) var(--spacing-3);transition:all var(--transition-fast)}#admin-users-page .admin-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #7c3aed1a}#admin-users-page .admin-select option{background:var(--color-bg-elevated);color:var(--text-primary)}#admin-users-page .admin-badge{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);gap:var(--spacing-1);padding:var(--spacing-1) var(--spacing-3);text-transform:capitalize}#admin-users-page .admin-badge--active{background:var(--color-success-light);color:var(--color-success-dark)}#admin-users-page .admin-badge--inactive{background:var(--color-error-light);color:var(--color-error-dark)}#admin-users-page .admin-badge--customer{background:var(--color-secondary-100);color:var(--color-secondary-700)}#admin-users-page .admin-badge--hot{background:#f472b633;color:var(--color-accent)}#admin-users-page .admin-badge--chairman{background:var(--color-primary-100);color:var(--color-primary-700)}#admin-users-page .admin-badge--admin{background:var(--color-error-100);color:var(--color-error-600)}#admin-users-page .admin-pagination{align-items:center;border-top:1px solid var(--border-light);display:flex;justify-content:space-between;padding:var(--spacing-6)}#admin-users-page .admin-pagination-info{color:var(--text-secondary);font-size:var(--font-size-sm)}#admin-users-page .admin-pagination-buttons{align-items:center;display:flex;gap:var(--spacing-2)}#admin-users-page .admin-pagination-btn{background:var(--glass-bg);border:1px solid var(--border-light);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;font-size:var(--font-size-sm);padding:var(--spacing-3) var(--spacing-4);transition:all var(--transition-fast)}#admin-users-page .admin-pagination-btn:hover:not(:disabled){background:var(--glass-bg-strong);border-color:var(--color-primary)}#admin-users-page .admin-pagination-btn:disabled{cursor:not-allowed;opacity:.3}#admin-users-page .admin-header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-2)}@media(max-width:1400px){#admin-users-page .admin-table th{font-size:clamp(.55rem,.9vw,.65rem);padding:var(--spacing-2) var(--spacing-2)}#admin-users-page .admin-table td{max-width:130px;padding:var(--spacing-2) var(--spacing-2)}#admin-users-page .admin-table{font-size:clamp(.65rem,1vw,.8rem)}}@media(max-width:1200px){#admin-users-page .admin-table th{font-size:.6rem;padding:var(--spacing-2)}#admin-users-page .admin-table td{max-width:110px;padding:var(--spacing-2)}#admin-users-page .admin-table{font-size:.75rem}#admin-users-page .admin-table-title{font-size:var(--font-size-base)}}@media(max-width:992px){#admin-users-page .admin-table th{font-size:.55rem}#admin-users-page .admin-table td{max-width:100px}#admin-users-page .admin-table{font-size:.7rem}}@media(max-width:768px){#admin-users-page .admin-stats-grid{gap:.5rem;grid-template-columns:repeat(2,1fr)!important}#admin-users-page .admin-stat-card{align-items:flex-start;flex-direction:column;gap:.5rem;padding:.625rem}#admin-users-page .admin-stat-icon{height:32px;width:32px}#admin-users-page .admin-stat-label{font-size:.65rem}#admin-users-page .admin-stat-value{font-size:var(--font-size-base)}#admin-users-page .admin-table-header{align-items:stretch;flex-direction:column;padding:var(--spacing-3)}#admin-users-page .admin-search-bar{max-width:none}#admin-users-page .admin-table{font-size:.7rem;min-width:500px}#admin-users-page .admin-table td,#admin-users-page .admin-table th{padding:var(--spacing-2) var(--spacing-1)}#admin-users-page .admin-table th{font-size:.5rem}#admin-users-page .admin-table td{max-width:80px}#admin-users-page .admin-pagination{flex-direction:column;gap:var(--spacing-4);padding:var(--spacing-4)}#admin-users-page .admin-pagination-info{font-size:.7rem}#admin-users-page .admin-page-title{font-size:var(--font-size-xl)}#admin-users-page .admin-table-title{font-size:var(--font-size-sm)}#admin-users-page .admin-header-actions{justify-content:flex-start;margin-top:var(--spacing-3);width:100%}}#admin-withdrawals-page .admin-page{min-height:calc(100vh - 4rem);padding:0}#admin-withdrawals-page .admin-page-header{margin-bottom:var(--spacing-8)}#admin-withdrawals-page .admin-page-title{-webkit-text-fill-color:#0000;background:var(--gradient-text);-webkit-background-clip:text;background-clip:text;color:var(--text-primary);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-2)}#admin-withdrawals-page .admin-page-subtitle{color:var(--text-secondary);font-size:var(--font-size-base)}#admin-withdrawals-page .admin-loading-state{align-items:center;color:var(--text-primary);display:flex;flex-direction:column;justify-content:center;min-height:400px}#admin-withdrawals-page .admin-loading-state .spinner{animation:spin 1s linear infinite;border:4px solid var(--border-light);border-radius:var(--radius-full);border-top-color:var(--color-primary);height:50px;margin-bottom:var(--spacing-4);width:50px}#admin-withdrawals-page .admin-table-container{backdrop-filter:blur(var(--blur-lg));-webkit-backdrop-filter:blur(var(--blur-lg));background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-xl);overflow:hidden}#admin-withdrawals-page .admin-table-header{align-items:center;border-bottom:1px solid var(--border-light);display:flex;flex-wrap:wrap;gap:var(--spacing-4);justify-content:space-between;padding:var(--spacing-4) var(--spacing-5)}#admin-withdrawals-page .admin-table-title{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}#admin-withdrawals-page .admin-table-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-3)}#admin-withdrawals-page .admin-btn{align-items:center;border:none;border-radius:var(--radius-lg);cursor:pointer;display:flex;flex-shrink:0;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-5);transition:all var(--transition-normal)}#admin-withdrawals-page .admin-btn-secondary{background:var(--glass-bg-strong);border:1px solid var(--border-light);color:var(--text-primary)}#admin-withdrawals-page .admin-btn-secondary:hover{background:var(--glass-border);border-color:var(--border-medium)}#admin-withdrawals-page .admin-table{border-collapse:collapse;font-size:clamp(.7rem,1.2vw,.875rem);min-width:600px;table-layout:auto;width:100%}#admin-withdrawals-page .admin-table thead{background:var(--glass-bg)}#admin-withdrawals-page .admin-table th{color:var(--text-secondary);font-size:clamp(.6rem,1vw,.7rem);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-wide);padding:var(--spacing-3);text-align:left;text-transform:uppercase;white-space:nowrap}#admin-withdrawals-page .admin-table td{border-top:1px solid var(--border-light);color:var(--text-secondary);max-width:150px;overflow:hidden;padding:var(--spacing-3);text-overflow:ellipsis;white-space:nowrap}#admin-withdrawals-page .admin-table tbody tr{transition:all var(--transition-fast)}#admin-withdrawals-page .admin-table tbody tr:hover{background:var(--glass-bg)}#admin-withdrawals-page .admin-table tbody tr.clickable-row{cursor:pointer}#admin-withdrawals-page .admin-table tbody tr.clickable-row:hover{background:var(--glass-bg-strong)}#admin-withdrawals-page .admin-search-bar{align-items:center;background:var(--glass-bg);border:1px solid var(--border-light);border-radius:var(--radius-md);display:flex;flex:1 1;gap:var(--spacing-2);max-width:400px;padding:var(--spacing-1) var(--spacing-3);transition:all var(--transition-fast)}#admin-withdrawals-page .admin-search-bar:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px #7c3aed1a}#admin-withdrawals-page .admin-search-bar input{background:none;border:none;color:var(--text-primary);flex:1 1;font-size:var(--font-size-sm);outline:none}#admin-withdrawals-page .admin-search-bar input::placeholder,#admin-withdrawals-page .admin-search-bar svg{color:var(--text-tertiary)}#admin-withdrawals-page .admin-select{background:var(--glass-bg);border:1px solid var(--border-light);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;font-size:var(--font-size-sm);outline:none;padding:var(--spacing-1) var(--spacing-3);transition:all var(--transition-fast)}#admin-withdrawals-page .admin-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #7c3aed1a}#admin-withdrawals-page .admin-select option{background:var(--color-bg-elevated);color:var(--text-primary)}#admin-withdrawals-page .admin-badge{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);gap:var(--spacing-1);padding:var(--spacing-1) var(--spacing-3);text-transform:capitalize}#admin-withdrawals-page .admin-badge--active{background:var(--color-success-light);color:var(--color-success-dark)}#admin-withdrawals-page .admin-badge--pending{background:var(--color-warning-light);color:var(--color-warning-dark)}#admin-withdrawals-page .admin-badge--inactive{background:var(--color-error-light);color:var(--color-error-dark)}#admin-withdrawals-page .admin-pagination{align-items:center;border-top:1px solid var(--border-light);display:flex;justify-content:space-between;padding:var(--spacing-6)}#admin-withdrawals-page .admin-pagination-info{color:var(--text-secondary);font-size:var(--font-size-sm)}#admin-withdrawals-page .admin-pagination-buttons{align-items:center;display:flex;gap:var(--spacing-2)}#admin-withdrawals-page .admin-pagination-btn{background:var(--glass-bg);border:1px solid var(--border-light);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;font-size:var(--font-size-sm);padding:var(--spacing-3) var(--spacing-4);transition:all var(--transition-fast)}#admin-withdrawals-page .admin-pagination-btn:hover:not(:disabled){background:var(--glass-bg-strong);border-color:var(--color-primary)}#admin-withdrawals-page .admin-pagination-btn:disabled{cursor:not-allowed;opacity:.3}@media(max-width:768px){#admin-withdrawals-page .admin-table-header{align-items:stretch;flex-direction:column;padding:var(--spacing-3)}#admin-withdrawals-page .admin-search-bar{max-width:none}#admin-withdrawals-page .admin-page-title{font-size:var(--font-size-xl)}#admin-withdrawals-page .admin-pagination{flex-direction:column;gap:var(--spacing-4);padding:var(--spacing-4)}}#admin-settings-page .admin-page{min-height:calc(100vh - 4rem);padding:0}#admin-settings-page .admin-page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-8)}#admin-settings-page .admin-page-title{-webkit-text-fill-color:#0000;background:var(--gradient-text);-webkit-background-clip:text;background-clip:text;color:var(--text-primary);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-2)}#admin-settings-page .admin-page-subtitle{color:var(--text-secondary);font-size:var(--font-size-base)}#admin-settings-page .admin-loading-state{align-items:center;color:var(--text-primary);display:flex;flex-direction:column;justify-content:center;min-height:400px}#admin-settings-page .admin-loading-state .spinner{animation:spin 1s linear infinite;border:4px solid var(--border-light);border-radius:var(--radius-full);border-top-color:var(--color-primary);height:50px;margin-bottom:var(--spacing-4);width:50px}#admin-settings-page .admin-btn{align-items:center;border:none;border-radius:var(--radius-lg);cursor:pointer;display:flex;flex-shrink:0;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-5);transition:all var(--transition-normal)}#admin-settings-page .admin-btn-primary{background:var(--gradient-primary);color:var(--text-button)}#admin-settings-page .admin-btn-primary:hover{box-shadow:var(--shadow-glow);transform:translateY(-2px)}#admin-settings-page .admin-btn-secondary{background:var(--glass-bg-strong);border:1px solid var(--border-light);color:var(--text-primary)}#admin-settings-page .admin-btn-secondary:hover{background:var(--glass-border);border-color:var(--border-medium)}#admin-settings-page .admin-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}#admin-settings-page .admin-card{backdrop-filter:blur(var(--blur-lg));-webkit-backdrop-filter:blur(var(--blur-lg));background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-xl);overflow:hidden}#admin-settings-page .admin-card-header{border-bottom:1px solid var(--border-light);flex-wrap:wrap;justify-content:space-between;padding:var(--spacing-5) var(--spacing-6)}#admin-settings-page .admin-card-header,#admin-settings-page .admin-card-header-left{align-items:center;display:flex;gap:var(--spacing-4)}#admin-settings-page .admin-card-icon{align-items:center;background:var(--gradient-primary);border-radius:var(--radius-lg);color:#fff;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}#admin-settings-page .admin-card-title{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-1)}#admin-settings-page .admin-card-subtitle{color:var(--text-secondary);font-size:var(--font-size-sm)}#admin-settings-page .admin-settings-grid{grid-gap:var(--spacing-6);display:grid;gap:var(--spacing-6);grid-template-columns:repeat(2,1fr);padding:var(--spacing-6)}#admin-settings-page .admin-settings-section{border-bottom:1px solid var(--border-light);padding:var(--spacing-5) var(--spacing-6)}#admin-settings-page .admin-settings-section:last-child{border-bottom:none}#admin-settings-page .admin-settings-section .admin-settings-grid{padding:var(--spacing-4) 0 0 0}#admin-settings-page .admin-settings-section-title{color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);letter-spacing:.05em;margin-bottom:var(--spacing-2);text-transform:uppercase}#admin-settings-page .admin-card+.admin-card{margin-top:var(--spacing-6)}#admin-settings-page .admin-settings-item{background:var(--glass-bg);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--spacing-5);transition:all var(--transition-normal)}#admin-settings-page .admin-settings-item:hover{background:var(--glass-bg-strong);border-color:var(--color-primary)}#admin-settings-page .admin-form-group{display:flex;flex-direction:column;gap:var(--spacing-2)}#admin-settings-page .admin-form-label{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}#admin-settings-page .admin-input-wrapper{align-items:center;display:flex;position:relative}#admin-settings-page .admin-form-input{background:var(--glass-bg);border:1px solid var(--border-light);border-radius:var(--radius-lg);color:var(--text-primary);flex:1 1;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);outline:none;padding:var(--spacing-3) var(--spacing-4);padding-right:var(--spacing-10);transition:all var(--transition-fast);width:100%}#admin-settings-page .admin-form-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #7c3aed1a}#admin-settings-page .admin-form-input::placeholder{color:var(--text-tertiary)}#admin-settings-page .admin-input-suffix{color:var(--text-secondary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);pointer-events:none;position:absolute;right:var(--spacing-4)}#admin-settings-page .admin-form-hint{color:var(--text-tertiary);font-size:var(--font-size-xs);line-height:1.4;margin-top:var(--spacing-1)}@media(max-width:992px){#admin-settings-page .admin-settings-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){#admin-settings-page .admin-page-title{font-size:var(--font-size-xl)}#admin-settings-page .admin-page-subtitle{font-size:var(--font-size-sm)}#admin-settings-page .admin-card-header{align-items:flex-start;flex-direction:column;gap:var(--spacing-4)}#admin-settings-page .admin-card-header .admin-btn{justify-content:center;width:100%}#admin-settings-page .admin-settings-grid{gap:.75rem;grid-template-columns:repeat(2,1fr)!important;padding:var(--spacing-4)}#admin-settings-page .admin-settings-item{padding:var(--spacing-4)}#admin-settings-page .admin-card-icon{height:40px;width:40px}#admin-settings-page .admin-card-title,#admin-settings-page .admin-form-input,#admin-settings-page .admin-input-suffix{font-size:var(--font-size-base)}}#admin-chairmen-page .admin-page{min-height:calc(100vh - 4rem);padding:0}#admin-chairmen-page .admin-page-header{margin-bottom:var(--spacing-8)}#admin-chairmen-page .admin-page-title{-webkit-text-fill-color:#0000;background:var(--gradient-text);-webkit-background-clip:text;background-clip:text;color:var(--text-primary);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-2)}#admin-chairmen-page .admin-page-subtitle{color:var(--text-secondary);font-size:var(--font-size-base)}#admin-chairmen-page .admin-loading-state{align-items:center;color:var(--text-primary);display:flex;flex-direction:column;justify-content:center;min-height:400px}#admin-chairmen-page .admin-loading-state .spinner{animation:spin 1s linear infinite;border:4px solid var(--border-light);border-radius:var(--radius-full);border-top-color:var(--color-primary);height:50px;margin-bottom:var(--spacing-4);width:50px}#admin-chairmen-page .admin-stats-grid{grid-gap:var(--spacing-4);display:grid;gap:var(--spacing-4);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));margin-bottom:var(--spacing-8)}#admin-chairmen-page .admin-stat-card{align-items:center;backdrop-filter:blur(var(--blur-lg));-webkit-backdrop-filter:blur(var(--blur-lg));background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);display:flex;gap:var(--spacing-3);padding:var(--spacing-4);transition:all var(--transition-normal)}#admin-chairmen-page .admin-stat-card:hover{background:var(--glass-bg-strong);border-color:var(--glass-border-strong);box-shadow:var(--shadow-glow);transform:translateY(-2px)}#admin-chairmen-page .admin-stat-icon{align-items:center;border-radius:var(--radius-md);color:#fff;display:flex;flex-shrink:0;height:44px;justify-content:center;width:44px}#admin-chairmen-page .admin-stat-content{display:flex;flex:1 1;flex-direction:column;gap:var(--spacing-1)}#admin-chairmen-page .admin-stat-label{color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}#admin-chairmen-page .admin-stat-value{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}#admin-chairmen-page .admin-table-container{backdrop-filter:blur(var(--blur-lg));-webkit-backdrop-filter:blur(var(--blur-lg));background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-xl);overflow:hidden}#admin-chairmen-page .admin-table-header{align-items:center;border-bottom:1px solid var(--border-light);display:flex;flex-wrap:wrap;gap:var(--spacing-4);justify-content:space-between;padding:var(--spacing-4) var(--spacing-5)}#admin-chairmen-page .admin-table-title{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}#admin-chairmen-page .admin-table-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-3)}#admin-chairmen-page .admin-btn{align-items:center;border:none;border-radius:var(--radius-lg);cursor:pointer;display:flex;flex-shrink:0;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-5);transition:all var(--transition-normal)}#admin-chairmen-page .admin-btn-primary{background:var(--gradient-primary);color:var(--text-button)}#admin-chairmen-page .admin-btn-primary:hover{box-shadow:var(--shadow-glow);transform:translateY(-2px)}#admin-chairmen-page .admin-btn-secondary{background:var(--glass-bg-strong);border:1px solid var(--border-light);color:var(--text-primary)}#admin-chairmen-page .admin-btn-secondary:hover{background:var(--glass-border);border-color:var(--border-medium)}#admin-chairmen-page .admin-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}#admin-chairmen-page .admin-table{border-collapse:collapse;font-size:clamp(.7rem,1.2vw,.875rem);min-width:600px;table-layout:auto;width:100%}#admin-chairmen-page .admin-table thead{background:var(--glass-bg)}#admin-chairmen-page .admin-table th{color:var(--text-secondary);font-size:clamp(.6rem,1vw,.7rem);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-wide);padding:var(--spacing-3);text-align:left;text-transform:uppercase;white-space:nowrap}#admin-chairmen-page .admin-table td{border-top:1px solid var(--border-light);color:var(--text-secondary);max-width:150px;overflow:hidden;padding:var(--spacing-3);text-overflow:ellipsis;white-space:nowrap}#admin-chairmen-page .admin-table tbody tr{transition:all var(--transition-fast)}#admin-chairmen-page .admin-table tbody tr:hover{background:var(--glass-bg)}#admin-chairmen-page .admin-table tbody tr.clickable-row{cursor:pointer}#admin-chairmen-page .admin-table tbody tr.clickable-row:hover{background:var(--glass-bg-strong)}#admin-chairmen-page .admin-search-bar{align-items:center;background:var(--glass-bg);border:1px solid var(--border-light);border-radius:var(--radius-md);display:flex;flex:1 1;gap:var(--spacing-2);max-width:400px;padding:var(--spacing-1) var(--spacing-3);transition:all var(--transition-fast)}#admin-chairmen-page .admin-search-bar:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px #7c3aed1a}#admin-chairmen-page .admin-search-bar input{background:none;border:none;color:var(--text-primary);flex:1 1;font-size:var(--font-size-sm);outline:none}#admin-chairmen-page .admin-search-bar input::placeholder,#admin-chairmen-page .admin-search-bar svg{color:var(--text-tertiary)}#admin-chairmen-page .admin-badge{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);gap:var(--spacing-1);padding:var(--spacing-1) var(--spacing-3);text-transform:capitalize}#admin-chairmen-page .admin-badge--hot{background:#f472b633;color:var(--color-accent)}#admin-chairmen-page .admin-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:var(--spacing-4);position:fixed;right:0;top:0;z-index:1000}#admin-chairmen-page .admin-modal{background:var(--color-bg-elevated);border:1px solid var(--glass-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-glow);max-height:90vh;max-width:500px;overflow-y:auto;width:100%}#admin-chairmen-page .admin-modal-header{align-items:center;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;padding:var(--spacing-6)}#admin-chairmen-page .admin-modal-header h2{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin:0}#admin-chairmen-page .admin-modal-close{background:none;border:none;border-radius:var(--radius-md);color:var(--text-tertiary);cursor:pointer;padding:var(--spacing-2);transition:all var(--transition-fast)}#admin-chairmen-page .admin-modal-close:hover{background:var(--glass-bg);color:var(--text-primary)}#admin-chairmen-page .admin-modal form{display:flex;flex-direction:column;gap:var(--spacing-4);padding:var(--spacing-6)}#admin-chairmen-page .admin-form-group{display:flex;flex-direction:column;gap:var(--spacing-2)}#admin-chairmen-page .admin-form-group label{color:var(--text-secondary);display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-1)}#admin-chairmen-page .admin-form-input{background:var(--glass-bg);border:1px solid var(--border-light);border-radius:var(--radius-lg);color:var(--text-primary);font-size:var(--font-size-base);outline:none;padding:var(--spacing-3) var(--spacing-4);transition:all var(--transition-fast)}#admin-chairmen-page .admin-form-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #7c3aed1a}#admin-chairmen-page .admin-form-input::placeholder{color:var(--text-tertiary)}#admin-chairmen-page .admin-form-error{background:var(--color-error-light);border:1px solid #ef44444d;border-radius:var(--radius-md);color:var(--color-error-dark);font-size:var(--font-size-sm);padding:var(--spacing-3) var(--spacing-4)}#admin-chairmen-page .admin-modal-body{display:flex;flex-direction:column;gap:var(--spacing-4);padding:var(--spacing-6)}#admin-chairmen-page .admin-modal>.admin-form-group{margin-top:var(--spacing-4);padding:0 var(--spacing-6)}#admin-chairmen-page .admin-modal>.admin-form-group:first-of-type{margin-top:0;padding-top:var(--spacing-6)}#admin-chairmen-page .admin-modal-actions{border-top:1px solid var(--border-light);display:flex;gap:var(--spacing-3);justify-content:flex-end;margin-top:var(--spacing-4);padding-top:var(--spacing-4)}#admin-chairmen-page .admin-modal>.admin-modal-actions{margin-top:0;padding:var(--spacing-4) var(--spacing-6) var(--spacing-6)}@media(max-width:768px){#admin-chairmen-page .admin-stats-grid{gap:.5rem;grid-template-columns:repeat(2,1fr)!important}#admin-chairmen-page .admin-stat-card{align-items:flex-start;flex-direction:column;gap:.5rem;padding:.625rem}#admin-chairmen-page .admin-stat-icon{height:32px;width:32px}#admin-chairmen-page .admin-stat-label{font-size:.65rem}#admin-chairmen-page .admin-stat-value{font-size:var(--font-size-base)}#admin-chairmen-page .admin-table-header{align-items:stretch;flex-direction:column;padding:var(--spacing-3)}#admin-chairmen-page .admin-search-bar{max-width:none}#admin-chairmen-page .admin-page-title{font-size:var(--font-size-xl)}}@media(max-width:640px){#admin-chairmen-page .admin-modal{margin:var(--spacing-4);max-width:100%}}#admin-hots-page .admin-page{min-height:calc(100vh - 4rem);padding:0}#admin-hots-page .admin-page-header{margin-bottom:var(--spacing-8)}#admin-hots-page .admin-page-title{-webkit-text-fill-color:#0000;background:var(--gradient-text);-webkit-background-clip:text;background-clip:text;color:var(--text-primary);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-2)}#admin-hots-page .admin-page-subtitle{color:var(--text-secondary);font-size:var(--font-size-base)}#admin-hots-page .admin-loading-state{align-items:center;color:var(--text-primary);display:flex;flex-direction:column;justify-content:center;min-height:400px}#admin-hots-page .admin-loading-state .spinner{animation:spin 1s linear infinite;border:4px solid var(--border-light);border-radius:var(--radius-full);border-top-color:var(--color-primary);height:50px;margin-bottom:var(--spacing-4);width:50px}#admin-hots-page .admin-stats-grid{grid-gap:var(--spacing-4);display:grid;gap:var(--spacing-4);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));margin-bottom:var(--spacing-8)}#admin-hots-page .admin-stat-card{align-items:center;backdrop-filter:blur(var(--blur-lg));-webkit-backdrop-filter:blur(var(--blur-lg));background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);display:flex;gap:var(--spacing-3);padding:var(--spacing-4);transition:all var(--transition-normal)}#admin-hots-page .admin-stat-card:hover{background:var(--glass-bg-strong);border-color:var(--glass-border-strong);box-shadow:var(--shadow-glow);transform:translateY(-2px)}#admin-hots-page .admin-stat-icon{align-items:center;border-radius:var(--radius-md);color:#fff;display:flex;flex-shrink:0;height:44px;justify-content:center;width:44px}#admin-hots-page .admin-stat-content{display:flex;flex:1 1;flex-direction:column;gap:var(--spacing-1)}#admin-hots-page .admin-stat-label{color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}#admin-hots-page .admin-stat-value{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}#admin-hots-page .admin-table-container{backdrop-filter:blur(var(--blur-lg));-webkit-backdrop-filter:blur(var(--blur-lg));background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-xl);overflow:hidden}#admin-hots-page .admin-table-header{align-items:center;border-bottom:1px solid var(--border-light);display:flex;flex-wrap:wrap;gap:var(--spacing-4);justify-content:space-between;padding:var(--spacing-4) var(--spacing-5)}#admin-hots-page .admin-table-title{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}#admin-hots-page .admin-table-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-3)}#admin-hots-page .admin-btn{align-items:center;border:none;border-radius:var(--radius-lg);cursor:pointer;display:flex;flex-shrink:0;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-5);transition:all var(--transition-normal)}#admin-hots-page .admin-btn-primary{background:var(--gradient-primary);color:var(--text-button)}#admin-hots-page .admin-btn-primary:hover{box-shadow:var(--shadow-glow);transform:translateY(-2px)}#admin-hots-page .admin-btn-secondary{background:var(--glass-bg-strong);border:1px solid var(--border-light);color:var(--text-primary)}#admin-hots-page .admin-btn-secondary:hover{background:var(--glass-border);border-color:var(--border-medium)}#admin-hots-page .admin-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}#admin-hots-page .admin-table{border-collapse:collapse;font-size:clamp(.7rem,1.2vw,.875rem);min-width:600px;table-layout:auto;width:100%}#admin-hots-page .admin-table thead{background:var(--glass-bg)}#admin-hots-page .admin-table th{font-size:clamp(.6rem,1vw,.7rem);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-wide);text-align:left;text-transform:uppercase}#admin-hots-page .admin-table td,#admin-hots-page .admin-table th{color:var(--text-secondary);padding:var(--spacing-3);white-space:nowrap}#admin-hots-page .admin-table td{border-top:1px solid var(--border-light);max-width:150px;overflow:hidden;text-overflow:ellipsis}#admin-hots-page .admin-table tbody tr{transition:all var(--transition-fast)}#admin-hots-page .admin-table tbody tr:hover{background:var(--glass-bg)}#admin-hots-page .admin-table tbody tr.clickable-row{cursor:pointer}#admin-hots-page .admin-table tbody tr.clickable-row:hover{background:var(--glass-bg-strong)}#admin-hots-page .admin-search-bar{align-items:center;background:var(--glass-bg);border:1px solid var(--border-light);border-radius:var(--radius-md);display:flex;flex:1 1;gap:var(--spacing-2);max-width:400px;padding:var(--spacing-1) var(--spacing-3);transition:all var(--transition-fast)}#admin-hots-page .admin-search-bar:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px #7c3aed1a}#admin-hots-page .admin-search-bar input{background:none;border:none;color:var(--text-primary);flex:1 1;font-size:var(--font-size-sm);outline:none}#admin-hots-page .admin-search-bar input::placeholder,#admin-hots-page .admin-search-bar svg{color:var(--text-tertiary)}#admin-hots-page .admin-badge{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);gap:var(--spacing-1);padding:var(--spacing-1) var(--spacing-3);text-transform:capitalize}#admin-hots-page .admin-badge--chairman{background:var(--color-primary-100);color:var(--color-primary-700)}#admin-hots-page .admin-badge--inactive{background:var(--color-error-light);color:var(--color-error-dark)}#admin-hots-page .admin-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:var(--spacing-4);position:fixed;right:0;top:0;z-index:1000}#admin-hots-page .admin-modal{background:var(--color-bg-elevated);border:1px solid var(--glass-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-glow);max-height:90vh;max-width:500px;overflow-y:auto;width:100%}#admin-hots-page .admin-modal-header{align-items:center;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;padding:var(--spacing-6)}#admin-hots-page .admin-modal-header h2{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin:0}#admin-hots-page .admin-modal-close{background:none;border:none;border-radius:var(--radius-md);color:var(--text-tertiary);cursor:pointer;padding:var(--spacing-2);transition:all var(--transition-fast)}#admin-hots-page .admin-modal-close:hover{background:var(--glass-bg);color:var(--text-primary)}#admin-hots-page .admin-modal form{display:flex;flex-direction:column;gap:var(--spacing-4);padding:var(--spacing-6)}#admin-hots-page .admin-form-group{display:flex;flex-direction:column;gap:var(--spacing-2)}#admin-hots-page .admin-form-group label{color:var(--text-secondary);display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-1)}#admin-hots-page .admin-form-input{background:var(--glass-bg);border:1px solid var(--border-light);border-radius:var(--radius-lg);color:var(--text-primary);font-size:var(--font-size-base);outline:none;padding:var(--spacing-3) var(--spacing-4);transition:all var(--transition-fast)}#admin-hots-page .admin-form-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #7c3aed1a}#admin-hots-page .admin-form-input::placeholder{color:var(--text-tertiary)}#admin-hots-page .admin-form-select{background:var(--glass-bg);border:1px solid var(--border-light);border-radius:var(--radius-lg);color:var(--text-primary);cursor:pointer;font-size:var(--font-size-base);outline:none;padding:var(--spacing-3) var(--spacing-4);transition:all var(--transition-fast);width:100%}#admin-hots-page .admin-form-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #7c3aed1a}#admin-hots-page .admin-form-select option{background:var(--color-bg-elevated);color:var(--text-primary)}#admin-hots-page .admin-form-error{background:var(--color-error-light);border:1px solid #ef44444d;border-radius:var(--radius-md);color:var(--color-error-dark);font-size:var(--font-size-sm);padding:var(--spacing-3) var(--spacing-4)}#admin-hots-page .admin-modal-body{display:flex;flex-direction:column;gap:var(--spacing-4);padding:var(--spacing-6)}#admin-hots-page .admin-modal>.admin-form-group{margin-top:var(--spacing-4);padding:0 var(--spacing-6)}#admin-hots-page .admin-modal>.admin-form-group:first-of-type{margin-top:0;padding-top:var(--spacing-6)}#admin-hots-page .admin-modal-actions{border-top:1px solid var(--border-light);display:flex;gap:var(--spacing-3);justify-content:flex-end;margin-top:var(--spacing-4);padding-top:var(--spacing-4)}#admin-hots-page .admin-modal>.admin-modal-actions{margin-top:0;padding:var(--spacing-4) var(--spacing-6) var(--spacing-6)}@media(max-width:768px){#admin-hots-page .admin-stats-grid{gap:.5rem;grid-template-columns:repeat(2,1fr)!important}#admin-hots-page .admin-stat-card{align-items:flex-start;flex-direction:column;gap:.5rem;padding:.625rem}#admin-hots-page .admin-stat-icon{height:32px;width:32px}#admin-hots-page .admin-stat-label{font-size:.65rem}#admin-hots-page .admin-stat-value{font-size:var(--font-size-base)}#admin-hots-page .admin-table-header{align-items:stretch;flex-direction:column;padding:var(--spacing-3)}#admin-hots-page .admin-search-bar{max-width:none}#admin-hots-page .admin-page-title{font-size:var(--font-size-xl)}}@media(max-width:640px){#admin-hots-page .admin-modal{margin:var(--spacing-4);max-width:100%}}.breadcrumb{align-items:center;display:flex}.breadcrumb .breadcrumb-list{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;margin:0;padding:0}.breadcrumb .breadcrumb-item{align-items:center;color:var(--text-tertiary);display:flex;font-size:var(--font-size-sm);font-weight:500;gap:.5rem}.breadcrumb .breadcrumb-item.active{color:var(--text-primary);font-weight:600}.breadcrumb .breadcrumb-link{align-items:center;color:var(--text-tertiary);display:flex;gap:.375rem;text-decoration:none;transition:color .2s ease}.breadcrumb .breadcrumb-link:hover{color:var(--color-primary);text-decoration:none}.breadcrumb .breadcrumb-text{align-items:center;display:flex;gap:.375rem}.breadcrumb .breadcrumb-icon{align-items:center;display:flex;justify-content:center}.breadcrumb .breadcrumb-separator{align-items:center;color:var(--text-quaternary);display:flex}#admin-user-detail-page .admin-page{min-height:calc(100vh - 4rem);padding:0}#admin-user-detail-page .admin-page-header{margin-bottom:var(--spacing-8)}#admin-user-detail-page .admin-page-title{-webkit-text-fill-color:#0000;background:var(--gradient-text);-webkit-background-clip:text;background-clip:text;color:var(--text-primary);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-2)}#admin-user-detail-page .admin-page-subtitle{color:var(--text-secondary);font-size:var(--font-size-base)}#admin-user-detail-page .admin-loading-state{align-items:center;color:var(--text-primary);display:flex;flex-direction:column;justify-content:center;min-height:400px}#admin-user-detail-page .admin-loading-state .spinner{animation:spin 1s linear infinite;border:4px solid var(--border-light);border-radius:var(--radius-full);border-top-color:var(--color-primary);height:50px;margin-bottom:var(--spacing-4);width:50px}#admin-user-detail-page .admin-btn{align-items:center;border:none;border-radius:var(--radius-lg);cursor:pointer;display:flex;flex-shrink:0;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--spacing-2);padding:var(--spacing-4) var(--spacing-5);transition:all var(--transition-normal)}#admin-user-detail-page .admin-table .admin-btn{justify-content:center;min-width:32px;padding:var(--spacing-3) var(--spacing-3)}#admin-user-detail-page .admin-btn-primary{background:var(--gradient-primary);color:var(--text-button)}#admin-user-detail-page .admin-btn-primary:hover{box-shadow:var(--shadow-glow);transform:translateY(-2px)}#admin-user-detail-page .admin-btn-secondary{background:var(--glass-bg-strong);border:1px solid var(--border-light);color:var(--text-primary)}#admin-user-detail-page .admin-btn-secondary:hover{background:var(--glass-border);border-color:var(--border-medium)}#admin-user-detail-page .admin-btn-success{background:linear-gradient(135deg,var(--color-success) 0,var(--color-success-dark) 100%);color:var(--text-button)}#admin-user-detail-page .admin-btn-success:hover{box-shadow:0 4px 12px #10b98166;transform:translateY(-2px)}#admin-user-detail-page .admin-btn-danger{background:linear-gradient(135deg,var(--color-error) 0,var(--color-error-dark) 100%);color:var(--text-button)}#admin-user-detail-page .admin-btn-danger:hover{box-shadow:0 4px 12px #ef444466;transform:translateY(-2px)}#admin-user-detail-page .admin-btn-warning{background:linear-gradient(135deg,var(--color-warning) 0,var(--color-warning-dark) 100%);color:var(--text-button)}#admin-user-detail-page .admin-btn-warning:hover{box-shadow:0 4px 12px #f59e0b66;transform:translateY(-2px)}#admin-user-detail-page .admin-btn-ghost{background:#0000;border:none;color:var(--text-secondary)}#admin-user-detail-page .admin-btn-ghost:hover{background:var(--glass-bg);color:var(--text-primary)}#admin-user-detail-page .admin-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}#admin-user-detail-page .admin-empty-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:var(--spacing-16);text-align:center}#admin-user-detail-page .admin-empty-state svg{color:var(--text-tertiary);height:64px;margin-bottom:var(--spacing-4);width:64px}#admin-user-detail-page .admin-empty-state h3{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-2)}#admin-user-detail-page .admin-empty-state p{color:var(--text-secondary);font-size:var(--font-size-sm)}#admin-user-detail-page .admin-tabs{border-bottom:1px solid var(--border-light);display:flex;flex-wrap:wrap;gap:var(--spacing-2);margin-bottom:var(--spacing-6);padding-bottom:var(--spacing-2)}#admin-user-detail-page .admin-tab{align-items:center;background:#0000;border:none;border-radius:var(--radius-lg);color:var(--text-secondary);cursor:pointer;display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-4);transition:all var(--transition-fast)}#admin-user-detail-page .admin-tab:hover{background:var(--glass-bg);color:var(--text-primary)}#admin-user-detail-page .admin-tab--active{background:var(--gradient-primary);color:#fff}#admin-user-detail-page .admin-card{backdrop-filter:blur(var(--blur-lg));-webkit-backdrop-filter:blur(var(--blur-lg));background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--spacing-6)}#admin-user-detail-page .admin-card-title{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-4)}#admin-user-detail-page .admin-info-grid{grid-gap:var(--spacing-4);display:grid;gap:var(--spacing-4);grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}#admin-user-detail-page .admin-info-item{display:flex;flex-direction:column;gap:var(--spacing-1)}#admin-user-detail-page .admin-info-label{color:var(--text-tertiary);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase}#admin-user-detail-page .admin-info-value{color:var(--text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-medium)}#admin-user-detail-page .admin-stats-mini{display:flex;flex-wrap:wrap;gap:var(--spacing-6);margin-top:var(--spacing-4)}#admin-user-detail-page .admin-stat-mini{display:flex;flex-direction:column;gap:var(--spacing-1)}#admin-user-detail-page .admin-stat-mini .stat-value{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}#admin-user-detail-page .admin-stat-mini .stat-label{color:var(--text-secondary);font-size:var(--font-size-xs)}#admin-user-detail-page .admin-tab-content{min-height:400px}#admin-user-detail-page .admin-badge{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);gap:var(--spacing-1);padding:var(--spacing-1) var(--spacing-3);text-transform:capitalize}#admin-user-detail-page .admin-badge--active{background:var(--color-success-light);color:var(--color-success-dark)}#admin-user-detail-page .admin-badge--inactive{background:var(--color-error-light);color:var(--color-error-dark)}#admin-user-detail-page .admin-badge--pending,#admin-user-detail-page .admin-badge--warning{background:var(--color-warning-light);color:var(--color-warning-dark)}#admin-user-detail-page .admin-badge--customer{background:var(--color-secondary-100);color:var(--color-secondary-700)}#admin-user-detail-page .admin-badge--hot{background:#f472b633;color:var(--color-accent)}#admin-user-detail-page .admin-badge--chairman{background:var(--color-primary-100);color:var(--color-primary-700)}#admin-user-detail-page .admin-badge--admin{background:var(--color-error-100);color:var(--color-error-600)}#admin-user-detail-page .admin-table{border-collapse:collapse;font-size:clamp(.7rem,1.2vw,.875rem);min-width:600px;table-layout:auto;width:100%}#admin-user-detail-page .admin-table thead{background:var(--glass-bg)}#admin-user-detail-page .admin-table th{font-size:clamp(.6rem,1vw,.7rem);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-wide);text-align:left;text-transform:uppercase}#admin-user-detail-page .admin-table td,#admin-user-detail-page .admin-table th{color:var(--text-secondary);padding:var(--spacing-3) var(--spacing-3);white-space:nowrap}#admin-user-detail-page .admin-table td{border-top:1px solid var(--border-light);max-width:150px;overflow:hidden;text-overflow:ellipsis}#admin-user-detail-page .admin-table tbody tr{transition:all var(--transition-fast)}#admin-user-detail-page .admin-table tbody tr:hover{background:var(--glass-bg)}#admin-user-detail-page .admin-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:var(--spacing-4);position:fixed;right:0;top:0;z-index:1000}#admin-user-detail-page .admin-modal{background:var(--color-bg-elevated);border:1px solid var(--glass-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-glow);max-height:90vh;max-width:500px;overflow-y:auto;width:100%}#admin-user-detail-page .admin-modal-lg{max-width:600px}#admin-user-detail-page .admin-modal-header{align-items:center;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;padding:var(--spacing-6)}#admin-user-detail-page .admin-modal-header h2{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin:0}#admin-user-detail-page .admin-modal-close{background:none;border:none;border-radius:var(--radius-md);color:var(--text-tertiary);cursor:pointer;padding:var(--spacing-2);transition:all var(--transition-fast)}#admin-user-detail-page .admin-modal-close:hover{background:var(--glass-bg);color:var(--text-primary)}#admin-user-detail-page .admin-modal form,#admin-user-detail-page .admin-modal-body{display:flex;flex-direction:column;gap:var(--spacing-4);padding:var(--spacing-6)}#admin-user-detail-page .admin-modal>.admin-form-group{margin-top:var(--spacing-4);padding:0 var(--spacing-6)}#admin-user-detail-page .admin-modal>.admin-form-group:first-of-type{margin-top:0;padding-top:var(--spacing-6)}#admin-user-detail-page .admin-form-group{display:flex;flex-direction:column;gap:var(--spacing-2)}#admin-user-detail-page .admin-form-group label{color:var(--text-secondary);display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-1)}#admin-user-detail-page .admin-form-input{background:var(--glass-bg);border:1px solid var(--border-light);border-radius:var(--radius-lg);color:var(--text-primary);font-size:var(--font-size-base);outline:none;padding:var(--spacing-3) var(--spacing-4);transition:all var(--transition-fast)}#admin-user-detail-page .admin-form-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #7c3aed1a}#admin-user-detail-page .admin-form-input::placeholder{color:var(--text-tertiary)}#admin-user-detail-page .admin-form-select{background:var(--glass-bg);border:1px solid var(--border-light);border-radius:var(--radius-lg);color:var(--text-primary);cursor:pointer;font-size:var(--font-size-base);outline:none;padding:var(--spacing-3) var(--spacing-4);transition:all var(--transition-fast);width:100%}#admin-user-detail-page .admin-form-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #7c3aed1a}#admin-user-detail-page .admin-form-select option{background:var(--color-bg-elevated);color:var(--text-primary)}#admin-user-detail-page .admin-form-error{background:var(--color-error-light);border:1px solid #ef44444d;border-radius:var(--radius-md);color:var(--color-error-dark);font-size:var(--font-size-sm);padding:var(--spacing-3) var(--spacing-4)}#admin-user-detail-page .admin-modal-actions{border-top:1px solid var(--border-light);display:flex;gap:var(--spacing-3);justify-content:flex-end;margin-top:var(--spacing-4);padding-top:var(--spacing-4)}#admin-user-detail-page .admin-modal>.admin-modal-actions{margin-top:0;padding:var(--spacing-4) var(--spacing-6) var(--spacing-6)}#admin-user-detail-page .admin-header-actions,#admin-user-detail-page .admin-role-actions{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-2)}#admin-user-detail-page .admin-role-actions{margin-top:var(--spacing-2)}#admin-user-detail-page .admin-role-actions .admin-badge{margin-right:var(--spacing-2)}#admin-user-detail-page .admin-role-actions .admin-btn{font-size:var(--font-size-xs);padding:var(--spacing-1) var(--spacing-2)}@media(max-width:768px){#admin-user-detail-page .admin-header-actions{justify-content:flex-start;margin-top:var(--spacing-3);width:100%}#admin-user-detail-page .admin-role-actions{align-items:flex-start;flex-direction:column;gap:var(--spacing-2)}#admin-user-detail-page .admin-role-actions .admin-badge{margin-bottom:var(--spacing-2)}#admin-user-detail-page .admin-page-title{font-size:var(--font-size-xl)}}@media(max-width:640px){#admin-user-detail-page .admin-modal{margin:var(--spacing-4);max-width:100%}}#admin-recharges-page .admin-page{min-height:calc(100vh - 4rem);padding:0}#admin-recharges-page .admin-page-header{margin-bottom:var(--spacing-8)}#admin-recharges-page .admin-page-title{-webkit-text-fill-color:#0000;background:var(--gradient-text);-webkit-background-clip:text;background-clip:text;color:var(--text-primary);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-2)}#admin-recharges-page .admin-page-subtitle{color:var(--text-secondary);font-size:var(--font-size-base)}#admin-recharges-page .admin-loading-state{align-items:center;color:var(--text-primary);display:flex;flex-direction:column;justify-content:center;min-height:400px}#admin-recharges-page .admin-loading-state .spinner{animation:spin 1s linear infinite;border:4px solid var(--border-light);border-radius:var(--radius-full);border-top-color:var(--color-primary);height:50px;margin-bottom:var(--spacing-4);width:50px}#admin-recharges-page .admin-stats-grid{grid-gap:var(--spacing-4);display:grid;gap:var(--spacing-4);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));margin-bottom:var(--spacing-8)}#admin-recharges-page .admin-stat-card{align-items:center;backdrop-filter:blur(var(--blur-lg));-webkit-backdrop-filter:blur(var(--blur-lg));background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);display:flex;gap:var(--spacing-3);padding:var(--spacing-4);transition:all var(--transition-normal)}#admin-recharges-page .admin-stat-card:hover{background:var(--glass-bg-strong);border-color:var(--glass-border-strong);box-shadow:var(--shadow-glow);transform:translateY(-2px)}#admin-recharges-page .admin-stat-icon{align-items:center;border-radius:var(--radius-md);color:#fff;display:flex;flex-shrink:0;height:44px;justify-content:center;width:44px}#admin-recharges-page .admin-stat-content{display:flex;flex:1 1;flex-direction:column;gap:var(--spacing-1)}#admin-recharges-page .admin-stat-label{color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}#admin-recharges-page .admin-stat-value{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}#admin-recharges-page .admin-table-container{backdrop-filter:blur(var(--blur-lg));-webkit-backdrop-filter:blur(var(--blur-lg));background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-xl);overflow:hidden}#admin-recharges-page .admin-table-header{align-items:center;border-bottom:1px solid var(--border-light);display:flex;flex-wrap:wrap;gap:var(--spacing-4);justify-content:space-between;padding:var(--spacing-4) var(--spacing-5)}#admin-recharges-page .admin-table-title{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}#admin-recharges-page .admin-table-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-3)}#admin-recharges-page .admin-btn{align-items:center;border:none;border-radius:var(--radius-lg);cursor:pointer;display:flex;flex-shrink:0;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-5);transition:all var(--transition-normal)}#admin-recharges-page .admin-btn-secondary{background:var(--glass-bg-strong);border:1px solid var(--border-light);color:var(--text-primary)}#admin-recharges-page .admin-btn-secondary:hover{background:var(--glass-border);border-color:var(--border-medium)}#admin-recharges-page .admin-table{border-collapse:collapse;font-size:clamp(.7rem,1.2vw,.875rem);min-width:600px;table-layout:auto;width:100%}#admin-recharges-page .admin-table thead{background:var(--glass-bg)}#admin-recharges-page .admin-table th{color:var(--text-secondary);font-size:clamp(.6rem,1vw,.7rem);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-wide);padding:var(--spacing-3);text-align:left;text-transform:uppercase;white-space:nowrap}#admin-recharges-page .admin-table td{border-top:1px solid var(--border-light);color:var(--text-secondary);max-width:150px;overflow:hidden;padding:var(--spacing-3);text-overflow:ellipsis;white-space:nowrap}#admin-recharges-page .admin-table tbody tr{transition:all var(--transition-fast)}#admin-recharges-page .admin-table tbody tr:hover{background:var(--glass-bg)}#admin-recharges-page .admin-table tbody tr.clickable-row{cursor:pointer}#admin-recharges-page .admin-table tbody tr.clickable-row:hover{background:var(--glass-bg-strong)}#admin-recharges-page .admin-search-bar{align-items:center;background:var(--glass-bg);border:1px solid var(--border-light);border-radius:var(--radius-md);display:flex;flex:1 1;gap:var(--spacing-2);max-width:400px;padding:var(--spacing-1) var(--spacing-3);transition:all var(--transition-fast)}#admin-recharges-page .admin-search-bar:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px #7c3aed1a}#admin-recharges-page .admin-search-bar input{background:none;border:none;color:var(--text-primary);flex:1 1;font-size:var(--font-size-sm);outline:none}#admin-recharges-page .admin-search-bar input::placeholder,#admin-recharges-page .admin-search-bar svg{color:var(--text-tertiary)}#admin-recharges-page .admin-select{background:var(--glass-bg);border:1px solid var(--border-light);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;font-size:var(--font-size-sm);outline:none;padding:var(--spacing-1) var(--spacing-3);transition:all var(--transition-fast)}#admin-recharges-page .admin-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #7c3aed1a}#admin-recharges-page .admin-select option{background:var(--color-bg-elevated);color:var(--text-primary)}#admin-recharges-page .admin-badge{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);gap:var(--spacing-1);padding:var(--spacing-1) var(--spacing-3);text-transform:capitalize}#admin-recharges-page .admin-badge--active{background:var(--color-success-light);color:var(--color-success-dark)}#admin-recharges-page .admin-badge--pending{background:var(--color-warning-light);color:var(--color-warning-dark)}#admin-recharges-page .admin-badge--inactive{background:var(--color-error-light);color:var(--color-error-dark)}#admin-recharges-page .admin-pagination{align-items:center;border-top:1px solid var(--border-light);display:flex;justify-content:space-between;padding:var(--spacing-6)}#admin-recharges-page .admin-pagination-info{color:var(--text-secondary);font-size:var(--font-size-sm)}#admin-recharges-page .admin-pagination-buttons{align-items:center;display:flex;gap:var(--spacing-2)}#admin-recharges-page .admin-pagination-btn{background:var(--glass-bg);border:1px solid var(--border-light);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;font-size:var(--font-size-sm);padding:var(--spacing-3) var(--spacing-4);transition:all var(--transition-fast)}#admin-recharges-page .admin-pagination-btn:hover:not(:disabled){background:var(--glass-bg-strong);border-color:var(--color-primary)}#admin-recharges-page .admin-pagination-btn:disabled{cursor:not-allowed;opacity:.3}@media(max-width:768px){#admin-recharges-page .admin-stats-grid{gap:.5rem;grid-template-columns:repeat(2,1fr)!important}#admin-recharges-page .admin-stat-card{align-items:flex-start;flex-direction:column;gap:.5rem;padding:.625rem}#admin-recharges-page .admin-stat-icon{height:32px;width:32px}#admin-recharges-page .admin-stat-label{font-size:.65rem}#admin-recharges-page .admin-stat-value{font-size:var(--font-size-base)}#admin-recharges-page .admin-table-header{align-items:stretch;flex-direction:column;padding:var(--spacing-3)}#admin-recharges-page .admin-search-bar{max-width:none}#admin-recharges-page .admin-page-title{font-size:var(--font-size-xl)}#admin-recharges-page .admin-pagination{flex-direction:column;gap:var(--spacing-4);padding:var(--spacing-4)}}#admin-withdrawal-detail-page .admin-page{min-height:calc(100vh - 4rem);padding:0}#admin-withdrawal-detail-page .admin-page-header{margin-bottom:var(--spacing-8)}#admin-withdrawal-detail-page .admin-page-title{-webkit-text-fill-color:#0000;background:var(--gradient-text);-webkit-background-clip:text;background-clip:text;color:var(--text-primary);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-2)}#admin-withdrawal-detail-page .admin-page-subtitle{color:var(--text-secondary);font-size:var(--font-size-base)}#admin-withdrawal-detail-page .admin-loading-state{align-items:center;color:var(--text-primary);display:flex;flex-direction:column;justify-content:center;min-height:400px}#admin-withdrawal-detail-page .admin-loading-state .spinner{animation:spin 1s linear infinite;border:4px solid var(--border-light);border-radius:var(--radius-full);border-top-color:var(--color-primary);height:50px;margin-bottom:var(--spacing-4);width:50px}#admin-withdrawal-detail-page .admin-btn{align-items:center;border:none;border-radius:var(--radius-lg);cursor:pointer;display:flex;flex-shrink:0;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-5);transition:all var(--transition-normal)}#admin-withdrawal-detail-page .admin-btn-primary{background:var(--gradient-primary);color:var(--text-button)}#admin-withdrawal-detail-page .admin-btn-primary:hover{box-shadow:var(--shadow-glow);transform:translateY(-2px)}#admin-withdrawal-detail-page .admin-btn-success{background:linear-gradient(135deg,var(--color-success) 0,var(--color-success-dark) 100%);color:var(--text-button)}#admin-withdrawal-detail-page .admin-btn-success:hover{box-shadow:0 4px 12px #10b98166;transform:translateY(-2px)}#admin-withdrawal-detail-page .admin-btn-danger{background:linear-gradient(135deg,var(--color-error) 0,var(--color-error-dark) 100%);color:var(--text-button)}#admin-withdrawal-detail-page .admin-btn-danger:hover{box-shadow:0 4px 12px #ef444466;transform:translateY(-2px)}#admin-withdrawal-detail-page .admin-btn-ghost{background:#0000;border:none;color:var(--text-secondary)}#admin-withdrawal-detail-page .admin-btn-ghost:hover{background:var(--glass-bg);color:var(--text-primary)}#admin-withdrawal-detail-page .admin-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}#admin-withdrawal-detail-page .admin-empty-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:var(--spacing-16);text-align:center}#admin-withdrawal-detail-page .admin-empty-state p{color:var(--text-secondary);font-size:var(--font-size-sm)}#admin-withdrawal-detail-page .admin-card{backdrop-filter:blur(var(--blur-lg));-webkit-backdrop-filter:blur(var(--blur-lg));background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--spacing-6)}#admin-withdrawal-detail-page .admin-card-title{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-4)}#admin-withdrawal-detail-page .admin-info-grid{grid-gap:var(--spacing-4);display:grid;gap:var(--spacing-4);grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}#admin-withdrawal-detail-page .admin-info-item{display:flex;flex-direction:column;gap:var(--spacing-1)}#admin-withdrawal-detail-page .admin-info-label{color:var(--text-tertiary);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase}#admin-withdrawal-detail-page .admin-info-value{color:var(--text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-medium)}#admin-withdrawal-detail-page .admin-badge{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);gap:var(--spacing-1);padding:var(--spacing-1) var(--spacing-3);text-transform:capitalize}#admin-withdrawal-detail-page .admin-badge--active{background:var(--color-success-light);color:var(--color-success-dark)}#admin-withdrawal-detail-page .admin-badge--pending,#admin-withdrawal-detail-page .admin-badge--warning{background:var(--color-warning-light);color:var(--color-warning-dark)}#admin-withdrawal-detail-page .admin-badge--inactive{background:var(--color-error-light);color:var(--color-error-dark)}#admin-withdrawal-detail-page .admin-header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-2)}@media(max-width:768px){#admin-withdrawal-detail-page .admin-page-title{font-size:var(--font-size-xl)}#admin-withdrawal-detail-page .admin-header-actions{justify-content:flex-start;margin-top:var(--spacing-3);width:100%}}#admin-recharge-detail-page .admin-page{min-height:calc(100vh - 4rem);padding:0}#admin-recharge-detail-page .admin-page-header{margin-bottom:var(--spacing-8)}#admin-recharge-detail-page .admin-page-title{-webkit-text-fill-color:#0000;background:var(--gradient-text);-webkit-background-clip:text;background-clip:text;color:var(--text-primary);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-2)}#admin-recharge-detail-page .admin-page-subtitle{color:var(--text-secondary);font-size:var(--font-size-base)}#admin-recharge-detail-page .admin-loading-state{align-items:center;color:var(--text-primary);display:flex;flex-direction:column;justify-content:center;min-height:400px}#admin-recharge-detail-page .admin-loading-state .spinner{animation:spin 1s linear infinite;border:4px solid var(--border-light);border-radius:var(--radius-full);border-top-color:var(--color-primary);height:50px;margin-bottom:var(--spacing-4);width:50px}#admin-recharge-detail-page .admin-btn{align-items:center;border:none;border-radius:var(--radius-lg);cursor:pointer;display:flex;flex-shrink:0;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-5);transition:all var(--transition-normal)}#admin-recharge-detail-page .admin-btn-primary{background:var(--gradient-primary);color:var(--text-button)}#admin-recharge-detail-page .admin-btn-primary:hover{box-shadow:var(--shadow-glow);transform:translateY(-2px)}#admin-recharge-detail-page .admin-btn-ghost{background:#0000;border:none;color:var(--text-secondary)}#admin-recharge-detail-page .admin-btn-ghost:hover{background:var(--glass-bg);color:var(--text-primary)}#admin-recharge-detail-page .admin-empty-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:var(--spacing-16);text-align:center}#admin-recharge-detail-page .admin-empty-state p{color:var(--text-secondary);font-size:var(--font-size-sm)}#admin-recharge-detail-page .admin-card{backdrop-filter:blur(var(--blur-lg));-webkit-backdrop-filter:blur(var(--blur-lg));background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--spacing-6)}#admin-recharge-detail-page .admin-card-title{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-4)}#admin-recharge-detail-page .admin-info-grid{grid-gap:var(--spacing-4);display:grid;gap:var(--spacing-4);grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}#admin-recharge-detail-page .admin-info-item{display:flex;flex-direction:column;gap:var(--spacing-1)}#admin-recharge-detail-page .admin-info-label{color:var(--text-tertiary);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase}#admin-recharge-detail-page .admin-info-value{color:var(--text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-medium)}#admin-recharge-detail-page .admin-badge{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);gap:var(--spacing-1);padding:var(--spacing-1) var(--spacing-3);text-transform:capitalize}#admin-recharge-detail-page .admin-badge--active{background:var(--color-success-light);color:var(--color-success-dark)}#admin-recharge-detail-page .admin-badge--pending,#admin-recharge-detail-page .admin-badge--warning{background:var(--color-warning-light);color:var(--color-warning-dark)}#admin-recharge-detail-page .admin-badge--inactive{background:var(--color-error-light);color:var(--color-error-dark)}#admin-recharge-detail-page .admin-table{border-collapse:collapse;font-size:clamp(.7rem,1.2vw,.875rem);min-width:600px;table-layout:auto;width:100%}#admin-recharge-detail-page .admin-table thead{background:var(--glass-bg)}#admin-recharge-detail-page .admin-table th{color:var(--text-secondary);font-size:clamp(.6rem,1vw,.7rem);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-wide);padding:var(--spacing-3);text-align:left;text-transform:uppercase;white-space:nowrap}#admin-recharge-detail-page .admin-table td{border-top:1px solid var(--border-light);color:var(--text-secondary);padding:var(--spacing-3)}#admin-recharge-detail-page .admin-table tbody tr{transition:all var(--transition-fast)}#admin-recharge-detail-page .admin-table tbody tr:hover{background:var(--glass-bg)}@media(max-width:768px){#admin-recharge-detail-page .admin-page-title{font-size:var(--font-size-xl)}}.card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-xl);transition:all .3s cubic-bezier(.4,0,.2,1)}.card--default{box-shadow:0 4px 24px #0003}.card--elevated{box-shadow:0 8px 40px #0000004d}.card--outlined{background:#ffffff05;border:1px solid var(--color-border);box-shadow:none}.card--glass{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:var(--glass-bg);border:1px solid #ffffff1a}.card--padding-none{padding:0}.card--padding-sm{padding:var(--spacing-4)}.card--padding-md{padding:var(--spacing-6)}.card--padding-lg{padding:var(--spacing-8)}.card--clickable{cursor:pointer}.card--clickable:hover{border-color:#6366f14d;box-shadow:0 12px 40px #6366f126;transform:translateY(-4px)}.card-header{border-bottom:1px solid var(--color-border);margin-bottom:var(--spacing-4);padding-bottom:var(--spacing-4)}.card-title{color:var(--color-text-primary);font-size:1rem;font-weight:600;margin:0}.card-subtitle{font-size:.75rem;margin-top:var(--spacing-1)}.card-body,.card-subtitle{color:var(--color-text-secondary)}.card-footer{border-top:1px solid var(--color-border);display:flex;gap:var(--spacing-3);justify-content:flex-end;margin-top:var(--spacing-4);padding-top:var(--spacing-4)}.btn{align-items:center;border:none;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-family:var(--font-family);font-weight:600;gap:var(--spacing-2);justify-content:center;overflow:hidden;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.btn:hover:before{left:100%}.btn:disabled{cursor:not-allowed;opacity:.5;transform:none!important}.btn--sm{font-size:.875rem;padding:.5rem .75rem}.btn--md{font-size:1rem;padding:.65rem 1rem}.btn--lg{font-size:1.125rem;padding:.875rem 1.25rem}.btn--primary{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));box-shadow:0 4px 15px #6366f14d;color:var(--text-button)}.btn--primary:hover:not(:disabled){box-shadow:0 8px 25px #6366f166;transform:translateY(-2px)}.btn--primary:active:not(:disabled){transform:translateY(0)}.btn--secondary{background:linear-gradient(135deg,var(--color-secondary),#0e7490);box-shadow:0 4px 15px #06b6d44d;color:var(--text-button)}.btn--secondary:hover:not(:disabled){box-shadow:0 8px 25px #06b6d466;transform:translateY(-2px)}.btn--outline{background:#0000;border:2px solid var(--color-primary);color:var(--text-button)}.btn--outline:hover:not(:disabled){background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));box-shadow:0 8px 25px #6366f14d;color:var(--text-button);transform:translateY(-2px)}.btn--ghost{background:#0000;color:var(--color-text-secondary)}.btn--ghost:hover:not(:disabled){background:#ffffff0d;color:var(--color-text-primary)}.btn--danger{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 15px #ef44444d;color:var(--text-inverse)}.btn--danger:hover:not(:disabled){box-shadow:0 8px 25px #ef444466;transform:translateY(-2px)}.btn--glass{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--color-text-primary)}.btn--glass:hover:not(:disabled){background:#ffffff1a;border-color:#fff3;transform:translateY(-2px)}.btn--full-width{width:100%}.btn--loading{pointer-events:none;position:relative}.btn-spinner{animation:spin .8s linear infinite;border:2px solid;border-radius:50%;border-top:2px solid #0000;height:18px;width:18px}.btn-icon{align-items:center;display:flex}.btn-icon svg{color:currentColor}.btn-icon--left{margin-right:var(--spacing-2)}.btn-icon--right{margin-left:var(--spacing-2)}.btn-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn--danger .btn-icon svg,.btn--primary .btn-icon svg,.btn--secondary .btn-icon svg{color:#fff}.btn--outline .btn-icon svg{color:var(--icon-color)}.btn--outline:hover .btn-icon svg{color:#fff}.btn--ghost .btn-icon svg{color:var(--icon-color)}.modal-overlay{animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000b3;padding:var(--spacing-6);z-index:9999}.modal{animation:slideUp .3s ease-out;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-2xl);box-shadow:0 25px 80px #00000080;display:flex;flex-direction:column;max-height:90vh;overflow:hidden}.modal--sm{max-width:400px;width:100%}.modal--md{max-width:560px;width:100%}.modal--lg{max-width:720px;width:100%}.modal--xl{max-width:960px;width:100%}.modal-header{border-bottom:1px solid var(--color-border);padding:var(--spacing-6)}.modal-title{color:var(--color-text-primary);font-size:1.25rem;font-weight:600;margin:0}.modal-close{align-items:center;background:#ffffff0d;border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-muted);cursor:pointer;display:flex;font-size:1.25rem;height:36px;justify-content:center;padding:var(--spacing-2);transition:all .2s ease;width:36px}.modal-close:hover{background:#ffffff1a;border-color:#fff3;color:var(--color-text-primary)}.modal-content{color:var(--color-text-secondary);overflow-y:auto;padding:var(--spacing-6)}.modal-footer{border-top:1px solid var(--color-border);gap:var(--spacing-3);justify-content:flex-end;padding:var(--spacing-6)}.model-section{min-height:-webkit-fit-content;min-height:fit-content}.model-tabs{background:var(--color-bg-secondary);border-radius:8px;margin-bottom:.625rem;padding:.25rem}.model-tab,.model-tabs{display:flex;gap:.375rem}.model-tab{align-items:center;background:#0000;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;flex:1 1;font-size:.75rem;font-weight:500;justify-content:center;padding:.45rem .75rem;transition:all .2s ease}.model-tab:hover{background:var(--color-bg-tertiary);color:var(--text-primary)}.model-tab.active{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));box-shadow:0 4px 12px #7c3aed4d;color:#fff}.model-tab svg{height:16px;width:16px}.models-tab-content{display:flex;flex-direction:column;gap:.625rem}.generate-model-btn{align-items:center;background:linear-gradient(135deg,#7c3aed1a,#8b5cf60d);border:2px dashed var(--color-primary);border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.8rem;font-weight:500;gap:.375rem;justify-content:center;padding:.5rem .75rem;transition:all .3s ease}.generate-model-btn:hover{background:linear-gradient(135deg,#7c3aed33,#8b5cf61a);transform:translateY(-2px)}.models-section{margin-bottom:.75rem;margin-top:.75rem}.models-section:first-of-type{margin-top:.25rem}h4.section-title{align-items:center;color:var(--text-secondary);display:flex;font-size:.8rem;font-weight:600;gap:.375rem;letter-spacing:.5px;margin-bottom:.5rem}.models-grid{grid-gap:.625rem;display:grid;gap:.625rem;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));padding:0;width:100%}.models-grid::-webkit-scrollbar{width:4px}.models-grid::-webkit-scrollbar-track{background:#0000}.models-grid::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:2px}.model-card{aspect-ratio:3/4;border:2px solid #0000;border-radius:6px;cursor:pointer;min-width:60px;overflow:hidden;position:relative;transition:all .2s ease;width:100%}.model-card:hover{border-color:var(--color-primary);transform:scale(1.05)}.model-card.selected{border-color:var(--color-primary);box-shadow:0 0 0 2px #7c3aed4d}.model-card img{display:block;height:100%;object-fit:cover;width:100%}.model-card-info{background:linear-gradient(0deg,#000000e6,#0006);bottom:0;left:0;max-height:35%;padding:.35rem;position:absolute;right:0}.model-name{color:#fff;display:block;font-size:.6rem;font-weight:600;line-height:1.1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.default-tag{background:#7c3aedcc;border-radius:4px;color:#fff;font-size:.5rem;padding:.15rem .35rem}.selected-indicator{align-items:center;background:var(--color-primary);border-radius:50%;color:#fff;display:flex;height:20px;justify-content:center;position:absolute;right:.25rem;top:.25rem;width:20px}.selected-model-preview{align-items:center;background:var(--color-bg-secondary);border-radius:8px;display:flex;gap:.5rem;margin-top:.375rem;padding:.5rem}.selected-model-preview img{border-radius:4px;height:48px;object-fit:cover;width:36px}.selected-model-preview span{color:var(--text-primary);font-size:.8rem;font-weight:500}.upload-tab-content{margin-top:.5rem}.model-upload-zone{align-items:center;background:var(--color-bg-secondary);border:2px dashed var(--glass-border);border-radius:10px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-height:130px;overflow:hidden;transition:all .3s ease;width:100%}.model-upload-zone:hover{background:var(--color-bg-tertiary);border-color:var(--color-primary)}.uploaded-model-preview{height:100%;min-height:130px;position:relative;width:100%}.uploaded-model-preview img{height:100%;object-fit:cover;width:100%}.remove-upload{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000b3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;position:absolute;right:.5rem;top:.5rem;transition:all .2s ease;width:32px}.remove-upload:hover{background:var(--color-error);transform:scale(1.1)}.inline-model-generator{animation:slideInUp .3s ease}@keyframes slideInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.inline-generator-form{background:var(--color-bg-secondary);border-radius:12px;overflow:hidden}.inline-generator-header{align-items:center;background:linear-gradient(135deg,#7c3aed1a,#8b5cf60d);border-bottom:1px solid var(--glass-border);display:flex;gap:.75rem;padding:1rem}.back-btn{align-items:center;background:var(--color-bg-tertiary);border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;min-width:32px;transition:all .2s ease;width:32px}.back-btn:hover:not(:disabled){background:var(--color-bg-primary);color:var(--text-primary)}.back-btn:disabled{cursor:not-allowed;opacity:.5}.header-info{align-items:center;display:flex;flex:1 1;gap:.5rem}.header-info svg{color:var(--color-primary);flex-shrink:0}.header-info h4{color:var(--color-primary);font-size:.95rem;font-weight:600;line-height:1.3;margin:0}.header-info p{color:var(--text-secondary);font-size:.75rem;line-height:1.3;margin:0}.inline-form-content{display:flex;flex-direction:column;gap:1rem;padding:1rem}.inline-form-group{display:flex;flex-direction:column;gap:.5rem}.inline-form-group label{align-items:center;color:var(--text-primary);display:flex;font-size:.75rem;font-weight:500;gap:.5rem;letter-spacing:.5px;text-transform:uppercase}.inline-form-group label svg{color:var(--color-primary);flex-shrink:0}.inline-option-buttons{display:flex;flex-wrap:wrap;gap:.5rem}.inline-option-btn{background:var(--color-bg-primary);border:2px solid var(--glass-border);border-radius:8px;color:var(--text-secondary);cursor:pointer;flex:1 1;font-size:.75rem;font-weight:500;min-width:70px;padding:.5rem .75rem;transition:all .2s ease}.inline-option-btn:hover{border-color:var(--color-primary);color:var(--text-primary)}.inline-option-btn.active{background:linear-gradient(135deg,#7c3aed26,#8b5cf61a);border-color:var(--color-primary);color:var(--color-primary);font-weight:600}.custom-age-container{align-items:center;border-top:1px dashed var(--glass-border);display:flex;gap:.5rem;margin-top:.5rem;padding-top:.5rem}.custom-age-label{color:var(--text-secondary);font-size:.7rem;white-space:nowrap}.custom-age-input{background:var(--color-bg-primary);border:2px solid var(--glass-border);border-radius:6px;color:var(--text-primary);font-size:.75rem;padding:.4rem .6rem;text-align:center;transition:all .2s ease;width:80px}.custom-age-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #7c3aed1a;outline:none}.custom-age-input::placeholder{color:var(--text-tertiary);font-size:.65rem}.custom-age-input::-webkit-inner-spin-button,.custom-age-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.custom-age-input[type=number]{-webkit-appearance:textfield;appearance:textfield}.inline-skin-tone-options{display:flex;flex-wrap:wrap;gap:.5rem}.inline-skin-tone-btn{border:3px solid #0000;border-radius:50%;box-shadow:0 2px 8px #00000026;cursor:pointer;height:36px;transition:all .2s ease;width:36px}.inline-skin-tone-btn:hover{transform:scale(1.1)}.inline-skin-tone-btn.active{border-color:var(--color-primary);box-shadow:0 0 0 3px #7c3aed4d}.inline-bg-color-options{display:flex;flex-wrap:wrap;gap:.5rem}.inline-bg-color-btn{border:3px solid var(--glass-border);border-radius:8px;cursor:pointer;height:36px;transition:all .2s ease;width:36px}.inline-bg-color-btn:hover{transform:scale(1.1)}.inline-bg-color-btn.active{border-color:var(--color-primary);box-shadow:0 0 0 3px #7c3aed4d}.inline-bg-color-container{display:flex;flex-direction:column;gap:.75rem}.color-picker-container{align-items:center;display:flex;gap:.5rem}.color-picker{background:none;border:none;border-radius:8px;cursor:pointer;height:40px;padding:0;width:40px}.color-picker::-webkit-color-swatch-wrapper{padding:0}.color-picker::-webkit-color-swatch{border:3px solid var(--glass-border);border-radius:6px}.color-picker-label{color:var(--text-secondary);font-size:.75rem;font-weight:500}.inline-form-group textarea{background:var(--color-bg-primary);border:2px solid var(--glass-border);border-radius:8px;color:var(--text-primary);font-family:inherit;font-size:.8rem;line-height:1.4;min-height:70px;padding:.65rem;resize:vertical;transition:all .2s ease}.inline-form-group textarea:focus{border-color:var(--color-primary);outline:none}.inline-form-group textarea::placeholder{color:var(--text-tertiary)}.inline-generator-footer{background:var(--glass-bg);border-top:1px solid var(--glass-border);padding:1rem}.inline-generate-btn{align-items:center;display:inline-flex!important;font-size:.875rem!important;gap:.5rem;justify-content:center;padding:.75rem 1rem!important;width:100%}.inline-generated-preview{animation:slideInUp .3s ease;background:var(--color-bg-secondary);border-radius:12px;overflow:hidden}.preview-success-header{align-items:center;background:linear-gradient(135deg,#10b9811a,#0596690d);border-bottom:1px solid var(--glass-border);display:flex;gap:.75rem;padding:1rem}.success-icon{align-items:center;background:var(--color-success);border-radius:50%;color:#fff;display:flex;height:40px;justify-content:center;min-width:40px;width:40px}.preview-success-header h4{color:var(--text-primary);font-size:.95rem;font-weight:600;line-height:1.3;margin:0}.preview-success-header p{color:var(--text-secondary);font-size:.75rem;line-height:1.3;margin:0}.inline-preview-image{aspect-ratio:3/4;background:var(--color-bg-tertiary);overflow:hidden;width:100%}.inline-preview-image img{height:100%;object-fit:cover;width:100%}.inline-preview-actions{border-top:1px solid var(--glass-border);display:flex;gap:.75rem;padding:1rem}.inline-preview-actions button{flex:1 1;font-size:.8rem!important;padding:.65rem .75rem!important}@media(max-width:640px){.model-tabs{padding:.25rem}.model-tab{font-size:.8rem;padding:.5rem .75rem}.model-tab svg{height:14px;width:14px}.models-section{margin-bottom:1rem;margin-top:1rem}.models-grid{gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(70px,1fr))}.model-card{min-width:70px}.inline-option-buttons{flex-wrap:wrap}.inline-option-btn{flex-basis:calc(50% - 0.25rem);flex-grow:1;flex-shrink:1;min-width:65px}}.section-title-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.models-count{color:var(--text-tertiary);font-size:.75rem;font-weight:500}.show-more-btn{align-items:center;background:var(--color-bg-tertiary);border:1px solid var(--glass-border);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.85rem;font-weight:500;gap:.5rem;justify-content:center;margin-top:1rem;padding:.75rem 1rem;transition:all .2s ease;width:100%}.show-more-btn:hover{background:var(--color-bg-secondary);border-color:var(--color-primary);color:var(--text-primary)}.show-more-btn svg{transition:transform .2s ease}.show-more-btn:hover svg{transform:translateX(4px)}.empty-models-state{align-items:center;display:flex;flex-direction:column;gap:.5rem;justify-content:center;padding:2rem 1rem;text-align:center}.empty-models-state svg{color:var(--text-tertiary);margin-bottom:.5rem;opacity:.5}.empty-models-state p{color:var(--text-secondary);font-size:.9rem;font-weight:500;margin:0}.empty-models-state span{color:var(--text-tertiary);font-size:.8rem}.models-modal-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:2rem;position:fixed;right:0;top:0;z-index:1000}.models-modal{animation:slideUp .3s ease;background:var(--color-bg-primary);border-radius:16px;box-shadow:0 20px 50px #0006;display:flex;flex-direction:column;max-height:80vh;max-width:800px;overflow:hidden;width:100%}.models-modal-header{align-items:center;background:var(--color-bg-secondary);border-bottom:1px solid var(--glass-border);display:flex;justify-content:space-between;padding:1.25rem 1.5rem}.models-modal-header h3{color:var(--text-primary);font-size:1.1rem;font-weight:600;margin:0}.modal-close-btn{align-items:center;background:var(--color-bg-tertiary);border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.modal-close-btn:hover{background:var(--color-error);color:#fff}.models-modal-content{flex:1 1;overflow-y:auto;padding:1.5rem}.models-modal-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.modal-model-card{aspect-ratio:3/4;border:2px solid #0000;border-radius:10px;cursor:pointer;overflow:hidden;position:relative;transition:all .2s ease}.modal-model-card:hover{border-color:var(--color-primary);transform:scale(1.03)}.modal-model-card.selected{border-color:var(--color-primary);box-shadow:0 0 0 3px #7c3aed4d}.modal-model-card img{display:block;height:100%;object-fit:cover;width:100%}.modal-model-info{background:linear-gradient(0deg,#000000e6,#0006);bottom:0;left:0;padding:.75rem;position:absolute;right:0}.modal-model-info .model-name{color:#fff;display:block;font-size:.8rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.loading-more{align-items:center;color:var(--text-secondary);display:flex;gap:.75rem;justify-content:center;padding:1.5rem}.loading-more .spinning{animation:spin 1s linear infinite}.loading-more span{font-size:.85rem;font-weight:500}.no-more-models{color:var(--text-tertiary);font-size:.8rem;padding:1rem;text-align:center}@media(max-width:640px){.models-modal-overlay{padding:1rem}.models-modal{max-height:90vh}.models-modal-content,.models-modal-header{padding:1rem}.models-modal-grid{gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(90px,1fr))}}.garment-section{min-height:-webkit-fit-content;min-height:fit-content}.mode-selector{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.75rem}.mode-option{align-items:center;background:var(--color-bg-secondary);border:2px solid var(--glass-border);border-radius:10px;cursor:pointer;display:flex;gap:.625rem;padding:.625rem;text-align:left;transition:all .3s ease}.mode-option:hover{background:var(--color-bg-tertiary);border-color:var(--color-primary)}.mode-option.active{background:linear-gradient(135deg,#7c3aed1a,#8b5cf60d);border-color:var(--color-primary)}.mode-icon{align-items:center;background:var(--color-bg-tertiary);border-radius:10px;color:var(--text-secondary);display:flex;flex-shrink:0;height:36px;justify-content:center;transition:all .3s ease;width:36px}.mode-option.active .mode-icon{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:#fff}.mode-info{display:flex;flex:1 1;flex-direction:column;gap:.25rem}.mode-name{color:var(--text-primary);font-size:.85rem;font-weight:600}.mode-desc{color:var(--text-secondary);font-size:.7rem}.mode-arrow{color:var(--text-tertiary);transition:all .3s ease}.mode-option.active .mode-arrow{color:var(--color-primary);transform:translateX(4px)}.garment-upload-area{margin-top:.5rem}.single-garment-upload{width:100%}.garment-upload-zone{align-items:center;background:var(--color-bg-secondary);border:2px dashed var(--glass-border);border-radius:10px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-height:140px;overflow:hidden;transition:all .3s ease;width:100%}.garment-upload-zone:hover{background:var(--color-bg-tertiary);border-color:var(--color-primary)}.garment-upload-zone.small{aspect-ratio:3/4;min-height:120px}.upload-placeholder-content{align-items:center;display:flex;flex-direction:column;gap:.5rem;padding:1.5rem;text-align:center}.upload-placeholder-content svg{color:var(--color-primary);margin-bottom:.25rem;opacity:.7}.upload-placeholder-content span{color:var(--text-secondary);font-size:.8rem;font-weight:500;line-height:1.3}.upload-placeholder-content small{color:var(--text-tertiary);font-size:.7rem;line-height:1.2}.garment-preview{height:100%;position:relative;width:100%}.garment-preview img{height:100%;object-fit:cover;width:100%}.remove-garment{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000b3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;position:absolute;right:.5rem;top:.5rem;transition:all .2s ease;width:32px;z-index:2}.remove-garment:hover{background:var(--color-error);transform:scale(1.1)}.multiple-garment-upload{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}.garment-slot{display:flex;flex-direction:column;gap:.5rem}.slot-label{color:var(--text-secondary);font-size:.75rem;font-weight:500;text-align:center}.garment-description-field{margin-top:.5rem}.garment-description-input{background:var(--color-bg-secondary);border:1px solid var(--glass-border);border-radius:6px;box-sizing:border-box;color:var(--text-primary);font-size:.75rem;padding:.5rem .75rem;transition:all .2s ease;width:100%}.garment-description-input::placeholder{color:var(--text-tertiary);font-size:.7rem}.garment-description-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px #7c3aed1a;outline:none}.garment-slot-description{background:var(--color-bg-secondary);border:1px solid var(--glass-border);border-radius:6px;box-sizing:border-box;color:var(--text-primary);font-size:.75rem;margin-top:.25rem;padding:.5rem .625rem;transition:all .2s ease;width:100%}.garment-slot-description::placeholder{color:var(--text-tertiary);font-size:.6875rem}.garment-slot-description:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px #7c3aed1a;outline:none}.garment-description-input.analyzing,.garment-slot-description.analyzing{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,var(--color-bg-secondary),var(--color-bg-tertiary),var(--color-bg-secondary));background-size:200% 100%;cursor:not-allowed;opacity:.7}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.garment-analyzing-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000a6;bottom:0;display:flex;flex-direction:column;gap:.75rem;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:1}.garment-analyzing-overlay span{color:#fff;font-size:.8125rem;font-weight:500;text-shadow:0 1px 2px #0000004d}.analyzing-spinner{animation:spin .8s linear infinite;border:3px solid #fff3;border-radius:50%;border-top:3px solid var(--color-primary);height:36px;width:36px}.upload-input{display:none}@media(max-width:640px){.mode-option{gap:.75rem;padding:.75rem}.mode-icon{height:40px;width:40px}.mode-name{font-size:.85rem}.mode-desc{font-size:.7rem}.garment-upload-zone{min-height:160px}.garment-upload-zone.small{min-height:140px}.upload-placeholder-content svg{height:28px;width:28px}.upload-placeholder-content span{font-size:.8rem}.upload-placeholder-content small{font-size:.7rem}.garment-description-input{font-size:.75rem;padding:.5rem .75rem}.multiple-garment-upload{gap:.75rem;grid-template-columns:1fr 1fr}.garment-slot-description{font-size:.7rem;padding:.4rem .5rem}}#draping.draping-page{background:var(--color-bg-primary);display:flex;flex-direction:column;height:100vh;max-height:100vh;overflow:hidden;padding:0;width:100%}#draping .draping-header{align-items:center;-webkit-backdrop-filter:blur(var(--blur-lg));backdrop-filter:blur(var(--blur-lg));background:var(--glass-bg);border-bottom:1px solid var(--border-light);display:flex;flex-shrink:0;justify-content:space-between;margin:0;padding:var(--spacing-4) var(--spacing-6)}@media(max-width:768px){#draping .draping-header{align-items:flex-start;flex-direction:column;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4)}}#draping .header-content .page-title{align-items:center;color:var(--text-primary);display:flex;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);gap:var(--spacing-2);margin:0}#draping .header-content .page-title .title-icon{color:var(--color-primary)}#draping .header-content .page-subtitle{color:var(--text-tertiary);font-size:var(--font-size-sm);margin:var(--spacing-1) 0 0}#draping .header-actions{align-items:center;display:flex;gap:var(--spacing-3)}#draping .header-actions .btn{align-items:center;background:var(--glass-bg);border:1px solid var(--border-light);border-radius:var(--radius-lg);color:var(--text-secondary);cursor:pointer;display:flex;font-size:var(--font-size-sm);gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);transition:var(--transition-fast)}#draping .header-actions .btn:hover{background:var(--glass-bg-strong);color:var(--text-primary)}#draping .studio-error{align-items:center;animation:slideDown .3s ease;background:linear-gradient(135deg,#ef44441a,#ef44440d);border:1px solid #ef44444d;border-radius:12px;color:var(--color-error);display:flex;justify-content:space-between;margin-bottom:1.5rem;padding:1rem 1.5rem}#draping .studio-error button{background:none;border:none;border-radius:4px;color:var(--color-error);cursor:pointer;display:flex;padding:4px;transition:background .2s}#draping .studio-error button:hover{background:#ef444433}#draping .studio-layout{grid-gap:.75rem;display:grid;flex:1 1;gap:.75rem;grid-template-columns:min(520px,100%) 1fr;height:auto;max-width:100%;min-height:0;overflow:hidden}#draping .control-panel{display:flex;flex-direction:column;height:100%;overflow:hidden}#draping .control-panel-scrollable{display:flex;flex:1 1;flex-direction:column;gap:.625rem;overflow-y:auto;padding-bottom:.5rem;padding-right:.375rem}#draping .control-panel-scrollable::-webkit-scrollbar{width:6px}#draping .control-panel-scrollable::-webkit-scrollbar-track{background:#0000}#draping .control-panel-scrollable::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:3px}#draping .control-panel-fixed{flex-shrink:0;padding-top:.5rem}#draping .control-section{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;padding:.75rem;transition:all .3s ease}#draping .control-section:hover{border-color:var(--glass-border-strong);box-shadow:0 4px 16px #00000014}#draping .section-header{align-items:center;display:flex;gap:.5rem;margin-bottom:.625rem;text-align:left}#draping .section-icon{align-items:center;background:var(--color-bg-tertiary);border-radius:8px;color:var(--color-primary);display:flex;flex-shrink:0;height:28px;justify-content:center;min-width:28px;width:28px}#draping .section-icon.gradient{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:#fff}#draping .section-title{display:flex;flex-direction:column;justify-content:center;min-width:0;text-align:left}#draping .section-title h3{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:600;line-height:1.2;margin:0}#draping .section-title p{color:var(--text-secondary);font-size:var(--font-size-xs);line-height:1.2;margin:0}#draping .generation-section{background:linear-gradient(135deg,var(--glass-bg),#7c3aed0d);border-color:#7c3aed33;padding:.625rem .75rem}#draping .generation-section .generate-btn{margin-bottom:0}#draping .generate-btn{align-items:center;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary))!important;border-radius:10px!important;display:inline-flex;font-size:.875rem!important;font-weight:600!important;gap:.375rem;justify-content:center;padding:.625rem 1rem!important;transition:all .3s ease!important;white-space:nowrap;width:100%}#draping .generate-btn span,#draping .generate-btn svg{flex-shrink:0}#draping .generate-btn:hover:not(:disabled){box-shadow:0 12px 32px #7c3aed80!important;transform:translateY(-2px)}#draping .generate-btn:disabled{cursor:not-allowed;opacity:.6}#draping .credit-badge{background:#ffffff40;border-radius:16px;display:inline-flex;font-weight:700;margin-left:.375rem;padding:.125rem .375rem}#draping .credit-badge,#draping .credits-info{align-items:center;font-size:.65rem;justify-content:center}#draping .credits-info{color:var(--text-tertiary);display:flex;gap:.375rem;margin-top:.5rem;text-align:center;width:100%}#draping .credits-info svg{color:var(--color-primary);flex-shrink:0}#draping .results-panel{height:100%;min-width:0}#draping .results-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:16px;display:flex;flex-direction:column;height:100%;overflow:hidden;width:100%}#draping .processing-overlay{align-items:center;display:flex;flex:1 1;height:100%;justify-content:center;padding:2rem;width:100%}#draping .processing-content{align-items:center;display:flex;flex-direction:column;max-width:400px;text-align:center}#draping .processing-spinner{align-items:center;animation:pulse 2s ease-in-out infinite,spin 3s linear infinite;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border-radius:50%;box-shadow:0 0 30px #7c3aed66;color:#fff;display:flex;height:100px;justify-content:center;margin-bottom:2rem;position:relative;width:100px}#draping .processing-spinner:before{animation:spin 4s linear infinite reverse;background:conic-gradient(from 0deg,#7c3aed80,#8b5cf680,#7c3aed00);border-radius:50%;content:"";inset:-10px;position:absolute}#draping .processing-spinner svg{position:relative;z-index:1}#draping .processing-content h3{color:var(--text-primary);font-size:var(--font-size-2xl);font-weight:600;margin:0 0 .5rem}#draping .processing-content p{color:var(--text-secondary);font-size:var(--font-size-base);margin:0 0 2rem}#draping .processing-progress{background:var(--color-bg-tertiary);border-radius:3px;height:6px;overflow:hidden;width:100%}#draping .progress-bar-animated{animation:progressSlide 1.5s ease-in-out infinite;background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));border-radius:3px;height:100%;width:30%}@keyframes progressSlide{0%{transform:translateX(-100%)}to{transform:translateX(400%)}}#draping .results-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr);height:100%;overflow-y:auto;padding:1.5rem;perspective:1200px;width:100%}.result-item{aspect-ratio:3/4;background:var(--color-bg-secondary);border-radius:12px;opacity:1;overflow:hidden;position:relative}.result-item:first-child{animation-delay:.1s}.result-item:nth-child(2){animation-delay:.3s}.result-item:nth-child(3){animation-delay:.5s}.result-item:nth-child(4){animation-delay:.7s}.result-item img{animation:magicBorderGlow 3s ease-in-out infinite;animation-delay:.3s;border-radius:12px;box-shadow:inset 0 0 20px #7c3aed00;display:block;height:100%;object-fit:cover;width:100%}@keyframes magicBorderGlow{0%,to{box-shadow:inset 0 0 10px #7c3aed4d,0 0 20px #7c3aed00 outset}50%{box-shadow:inset 0 0 20px #7c3aed99,0 0 30px #7c3aed66 outset}}.result-overlay{align-items:flex-end;background:linear-gradient(0deg,#000000b3,#0000);display:flex;inset:0;justify-content:center;opacity:0;padding:1rem;position:absolute;transition:opacity .3s ease}.result-item:hover .result-overlay{opacity:1}.download-btn{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fff3!important;border-radius:50%!important;height:48px!important;padding:0!important;width:48px!important}.download-btn:hover{background:var(--color-primary)!important}.empty-results{flex:1 1;flex-direction:column;margin:auto;max-width:400px;padding:3rem;text-align:center}.empty-illustration,.empty-results{align-items:center;display:flex;justify-content:center}.empty-illustration{background:var(--color-bg-secondary);border-radius:50%;color:var(--text-tertiary);height:120px;margin-bottom:2rem;width:120px}.empty-results h3{color:var(--text-primary);font-size:var(--font-size-2xl);font-weight:600;margin:0 0 .5rem}.empty-results>p{color:var(--text-secondary);font-size:var(--font-size-base);margin:0 0 2rem}.empty-steps{display:flex;flex-direction:column;gap:1rem;width:100%}.empty-step{background:var(--color-bg-secondary);border-radius:12px;gap:1rem;padding:1rem;text-align:left}.empty-step,.step-num{align-items:center;display:flex}.step-num{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border-radius:50%;color:#fff;flex-shrink:0;font-size:.875rem;font-weight:600;height:32px;justify-content:center;width:32px}.empty-step span:last-child{color:var(--text-primary);font-size:.95rem}.results-header{display:none}.generations-scroll-container{display:flex;flex:1 1;flex-direction:column;gap:1.5rem;max-height:100%;min-height:0;overflow-x:hidden;overflow-y:auto;padding:1.5rem}.generations-scroll-container::-webkit-scrollbar{width:6px}.generations-scroll-container::-webkit-scrollbar-track{background:#0000}.generations-scroll-container::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:3px}.generation-card{background:var(--color-bg-secondary);border:1px solid var(--glass-border);border-radius:12px;display:flex;flex-direction:column;gap:1rem;padding:1.25rem;transition:all .3s ease}.generation-card:hover{border-color:var(--color-primary);box-shadow:0 8px 24px #7c3aed26;transform:translateY(-2px)}.generation-card.completed{border-left:4px solid var(--color-success)}.generation-card.failed{border-left:4px solid var(--color-error)}.generation-card.pending,.generation-card.processing,.generation-card.queued,.generation-card.staged{border-left:4px solid var(--color-warning)}.generation-divider{display:none}.generation-image{align-items:center;aspect-ratio:3/4;background:linear-gradient(135deg,var(--color-bg-tertiary),var(--color-bg-secondary));border-radius:10px;display:flex;flex-shrink:0;justify-content:center;max-height:300px;overflow:hidden;position:relative;width:100%}.generation-image img{display:block;height:100%;object-fit:cover;object-position:center top;width:auto}.generation-image-overlay{align-items:flex-end;background:linear-gradient(0deg,#000000b3,#0003);bottom:0;display:flex;justify-content:center;left:0;opacity:0;padding:1rem;position:absolute;right:0;top:0;transition:opacity .3s ease}.generation-image:hover .generation-image-overlay{opacity:1}.generation-error,.generation-loading{align-items:center;color:var(--text-tertiary);display:flex;flex-direction:column;gap:.5rem;height:100%;justify-content:center;padding:1rem;text-align:center}.generation-error{color:var(--color-error)}.generation-error .error-message{font-size:.7rem;margin-top:.25rem;opacity:.8}.generation-loading .progress-bar{background:var(--color-bg-tertiary);border-radius:2px;height:4px;margin-top:.5rem;overflow:hidden;width:80%}.generation-loading .progress-fill{background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));border-radius:2px;height:100%;transition:width .3s ease}.generation-info-compact{grid-gap:.75rem;background:var(--color-bg-tertiary);border:1px solid var(--glass-border);border-radius:8px;display:grid;gap:.75rem;grid-template-columns:repeat(2,1fr);padding:.75rem}.info-row{color:var(--text-primary);display:flex;flex-direction:column;font-size:.85rem;gap:.3rem;line-height:1.4}.info-label{color:var(--text-secondary);font-size:.7rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.info-value{color:var(--text-primary);flex:1 1;font-size:.85rem;word-break:break-word}.generation-info{display:none}.generation-meta{display:flex;flex-direction:column;gap:.5rem}.meta-row{gap:.5rem;justify-content:space-between}.meta-label,.meta-row{align-items:center;display:flex}.meta-label{color:var(--text-secondary);font-size:.75rem;gap:.35rem}.meta-label svg{color:var(--color-primary);flex-shrink:0}.meta-value{color:var(--text-primary);font-size:.75rem;font-weight:600}.status-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:.65rem;font-weight:600;gap:.25rem;padding:.25rem .5rem;text-transform:capitalize}.status-badge.completed{background:#10b98126;color:var(--color-success)}.status-badge.failed{background:#ef444426;color:var(--color-error)}.status-badge.pending,.status-badge.processing,.status-badge.queued{background:#f59e0b26;color:var(--color-warning)}.input-images-preview{border-top:1px solid var(--glass-border);display:flex;flex-wrap:wrap;gap:.5rem;margin-top:auto;padding-top:.5rem}.input-thumb{background:var(--color-bg-tertiary);border:1px solid var(--glass-border);border-radius:6px;height:64px;overflow:hidden;position:relative;width:48px}.input-thumb img{height:100%;object-fit:cover;width:100%}.thumb-label{background:#000000b3;bottom:0;color:#fff;font-size:.55rem;font-weight:500;left:0;padding:.15rem .25rem;position:absolute;right:0;text-align:center}.history-panel{animation:slideIn .3s ease;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--glass-bg);border-left:1px solid var(--glass-border);display:flex;flex-direction:column;height:100vh;position:fixed;right:0;top:0;width:320px;z-index:100}.history-header{align-items:center;border-bottom:1px solid var(--glass-border);display:flex;justify-content:space-between;padding:1.5rem}.history-header h3{color:var(--text-primary);font-size:1.125rem;font-weight:600;margin:0}.history-header button{background:none;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;display:flex;padding:4px;transition:all .2s}.history-header button:hover{background:var(--color-bg-tertiary);color:var(--text-primary)}.history-list{flex:1 1;overflow-y:auto;padding:1rem}.history-empty{color:var(--text-tertiary);flex-direction:column;gap:.75rem;height:200px;justify-content:center}.history-empty,.history-item{align-items:center;display:flex}.history-item{background:var(--color-bg-secondary);border:2px solid #0000;border-radius:12px;cursor:pointer;gap:1rem;margin-bottom:.75rem;padding:.75rem;transition:all .2s ease}.history-item.selected,.history-item:hover{background:var(--color-bg-tertiary)}.history-item.active,.history-item.selected{border-color:var(--color-primary)}.history-item.active{background:linear-gradient(135deg,#7c3aed1a,#6366f10d)}.history-thumb{align-items:center;background:var(--color-bg-tertiary);border-radius:8px;display:flex;flex-shrink:0;height:64px;justify-content:center;overflow:hidden;width:48px}.history-thumb img{height:100%;object-fit:cover;width:100%}.history-thumb svg{color:var(--text-tertiary)}.history-info{flex:1 1;min-width:0}.history-name{color:var(--text-primary);display:block;font-size:.875rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-date{color:var(--text-secondary);font-size:.75rem}.history-mode{background:#6366f11a;background:rgba(var(--color-primary-rgb,99,102,241),.1);color:var(--color-primary)}.history-generations,.history-mode{border-radius:4px;display:inline-block;font-size:.65rem;margin-top:.25rem;padding:.125rem .375rem}.history-generations{background:#8b5cf61a;color:var(--color-secondary)}.history-status{align-items:center;border-radius:50%;display:flex;flex-shrink:0;height:28px;justify-content:center;width:28px}.history-status.status--success{background:#10b9811a;color:var(--color-success)}.history-status.status--warning{background:#f59e0b1a;color:var(--color-warning)}.history-status.status--error{background:#ef44441a;color:var(--color-error)}.history-status.status--info{background:#3b82f61a;color:var(--color-info)}.generation-metadata{display:flex;flex-direction:column;gap:16px}.generation-info-grid{grid-gap:12px;background:#0000;border:none;border-radius:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));padding:16px}.info-item{display:flex;flex-direction:column;gap:4px}.info-item .info-label{color:var(--text-tertiary);font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.info-item .info-value{color:var(--text-primary);font-size:13px;font-weight:600;word-break:break-word}.generation-input-images{display:flex;gap:0}.input-image-thumb{aspect-ratio:1/1.3;background:var(--color-bg-tertiary);border:1px solid var(--glass-border);border-radius:10px;max-height:120px;overflow:hidden;position:relative;transition:all .3s ease}.input-image-thumb:hover{border-color:var(--color-primary);box-shadow:0 4px 12px #7c3aed33;transform:translateY(-2px)}.input-image-thumb:hover img{transform:scale(1.05)}.input-image-thumb img{display:block;height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.input-image-thumb .thumb-label{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000c;border-radius:4px;bottom:4px;color:#fff;font-size:9px;font-weight:600;left:4px;padding:2px 6px;position:absolute;z-index:1}.input-image-thumb .thumb-fullscreen-btn{align-items:center;background:#0009;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;justify-content:center;opacity:0;padding:4px 6px;position:absolute;right:4px;top:4px;transition:all .3s ease;z-index:2}.input-image-thumb .thumb-fullscreen-btn:hover{background:#000000e6}.input-image-thumb:hover .thumb-fullscreen-btn{opacity:1}.mobile-view-tabs{background:var(--glass-bg);border-bottom:1px solid var(--glass-border);display:none;gap:.5rem;padding:0 .5rem .5rem}.mobile-view-tabs .mobile-tab{align-items:center;background:var(--color-bg-secondary);border:1px solid var(--glass-border);border-radius:10px;color:var(--text-secondary);cursor:pointer;display:flex;flex:1 1;font-size:.9rem;font-weight:500;gap:.5rem;justify-content:center;padding:.75rem 1rem;transition:all .3s ease}.mobile-view-tabs .mobile-tab svg{flex-shrink:0}.mobile-view-tabs .mobile-tab:hover{background:var(--glass-bg-strong);color:var(--text-primary)}.mobile-view-tabs .mobile-tab.active{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border-color:#0000;color:#fff}.mobile-view-tabs .mobile-tab.active svg{color:#fff}.mobile-view-tabs .mobile-tab .results-badge{align-items:center;background:#ffffff40;border-radius:10px;display:inline-flex;font-size:.7rem;font-weight:700;height:20px;justify-content:center;min-width:20px;padding:0 6px}@media(max-width:1400px){.studio-layout{grid-template-columns:min(480px,100%) 1fr}}@media(max-width:1200px){.studio-layout{grid-template-columns:min(420px,100%) 1fr}.models-grid{grid-template-columns:repeat(auto-fill,minmax(70px,1fr))}}@media(max-width:1024px){.mobile-view-tabs{display:flex}.studio-layout{grid-template-columns:1fr;height:auto}.control-panel.mobile-hidden{display:none!important}.control-panel.mobile-visible{display:flex}.results-panel.mobile-hidden{display:none!important}.results-panel.mobile-visible{display:block;height:auto;min-height:calc(100vh - 200px)}.control-panel{height:auto;max-width:100%;overflow:visible;width:100%}.control-panel-scrollable{overflow-y:visible;padding-right:0}.control-section{box-sizing:border-box;max-width:100%;width:100%}.results-panel{height:auto;min-height:500px}.history-panel{width:100%}.models-grid{grid-template-columns:repeat(auto-fill,minmax(85px,1fr))}}@media(max-width:640px){.draping-page{overflow-x:hidden;padding:.5rem}.draping-header{margin-bottom:.5rem;padding:0}.page-title{font-size:1.1rem!important}.page-subtitle{font-size:.7rem!important}.header-actions{gap:.5rem;width:100%}.header-actions .btn{flex:1 1;font-size:.8rem;padding:.5rem .75rem}.studio-layout{gap:1rem}.control-panel{max-width:100%;width:100%}.control-panel-scrollable{gap:.75rem}.control-section{border-radius:12px;box-sizing:border-box;max-width:100%;padding:1rem;width:100%}.section-header{margin-bottom:1rem}.section-icon{height:32px;min-width:32px;width:32px}.section-title h3{font-size:.9rem}.section-title p{font-size:.75rem}.model-tabs{padding:.25rem}.model-tab{font-size:.8rem;padding:.5rem .75rem}.model-tab svg{height:14px;width:14px}.models-section,.modes-section{margin-bottom:1rem;margin-top:1rem}.models-grid{gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(70px,1fr))}.model-card{min-width:70px}.mode-option{gap:.75rem;padding:.75rem}.mode-icon{height:40px;width:40px}.mode-name{font-size:.85rem}.mode-desc{font-size:.7rem}.garment-upload-zone{min-height:160px}.garment-upload-zone.small{min-height:140px}.upload-placeholder-content svg{height:28px;width:28px}.upload-placeholder-content span{font-size:.8rem}.upload-placeholder-content small{font-size:.7rem}.garment-description-input{font-size:.75rem;padding:.5rem .75rem}.multiple-garment-upload{gap:.75rem;grid-template-columns:1fr 1fr}.garment-slot-description{font-size:.7rem;padding:.4rem .5rem}.generation-option{margin-bottom:.75rem}.option-label{font-size:.75rem;margin-bottom:.4rem}.option-buttons{gap:.25rem}.option-btn{border-radius:6px;font-size:.7rem;padding:.4rem .5rem}.option-buttons.aspect-ratio-buttons{gap:.25rem;grid-template-columns:repeat(4,1fr)}.option-btn.aspect-ratio-btn{padding:.3rem}.aspect-ratio-icon{height:20px}.aspect-ratio-icon svg{height:20px;width:20px}.aspect-ratio-label{font-size:.55rem}.generation-section{padding:.75rem 1rem}.generate-btn{font-size:.9rem!important;padding:.75rem 1rem!important}.credits-info{font-size:.7rem;margin-top:.5rem}.results-panel{height:400px}.results-grid{grid-template-columns:1fr}.output-options{gap:.5rem}.output-option{font-size:.875rem;padding:.5rem}.models-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}.inline-option-buttons{flex-wrap:wrap}.inline-option-btn{flex-basis:calc(50% - 0.25rem);flex-grow:1;flex-shrink:1;min-width:65px}.generation-card{background:var(--color-bg-secondary);border:1px solid var(--glass-border);border-radius:12px;box-shadow:none;display:flex;flex-direction:column;gap:1rem;margin-bottom:1rem;padding:1rem;transition:all .3s ease}.generation-card:hover{border-color:var(--color-primary);box-shadow:0 8px 24px #7c3aed26;transform:translateY(-2px)}.generation-card.completed{border-left:4px solid var(--color-success)}.generation-card.failed{border-left:4px solid var(--color-error)}.generation-card.pending,.generation-card.processing,.generation-card.queued{border-left:4px solid var(--color-warning)}.generation-main-content{display:flex;flex-direction:column;gap:1rem;margin-bottom:0}.generation-image{aspect-ratio:2/3;background:linear-gradient(135deg,var(--color-bg-tertiary),var(--color-bg-secondary));border-radius:10px;max-height:250px;overflow:hidden;position:relative;width:100%}.generation-image .result-image{display:block;height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.generation-image:hover .result-image{transform:scale(1.02)}.generation-image:hover .generation-image-overlay{opacity:1}.generation-image-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.generation-image-overlay .download-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3!important;border:1px solid #ffffff4d!important;border-radius:12px!important;color:#fff!important;padding:12px 16px!important;transition:all .3s ease}.generation-image-overlay .download-btn:hover{background:#ffffff4d!important;transform:scale(1.1)}.generation-loading{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;gap:16px;height:100%;justify-content:center}.generation-loading svg{animation:spin 2s linear infinite;color:var(--color-primary)}.generation-loading .progress-bar{background:#e2e8f0cc;border-radius:3px;height:6px;margin-top:8px;overflow:hidden;width:100%}.generation-loading .progress-fill{background:linear-gradient(90deg,#7c3aed,#6366f1);height:100%;transition:width .3s ease}.generation-error{align-items:center;color:var(--color-error);display:flex;flex-direction:column;gap:12px;height:100%;justify-content:center}.generation-error svg{height:48px;opacity:.7;width:48px}.generation-error .error-message{color:var(--text-secondary);font-size:12px;max-width:200px;text-align:center}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}}@media(max-width:1024px){.draping-page{height:auto!important;max-height:none!important;overflow:auto!important}.draping-page .studio-layout{display:flex;flex-direction:column;grid-template-columns:1fr;height:auto!important;overflow:visible}.draping-page .control-panel{height:auto;max-height:none;overflow:visible}.draping-page .control-panel-scrollable{overflow:visible}.draping-page .results-panel{height:auto;min-height:500px;overflow:visible}}#ai-draping.ai-draping-page{background:var(--color-bg-primary);display:flex;flex-direction:column;height:100vh;overflow:hidden;padding:0;width:100%}#ai-draping.ai-draping-page .page-header{align-items:center;-webkit-backdrop-filter:blur(var(--blur-lg));backdrop-filter:blur(var(--blur-lg));background:var(--glass-bg);border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;margin-bottom:0;padding:var(--spacing-4) var(--spacing-6)}@media(max-width:768px){#ai-draping.ai-draping-page .page-header{align-items:flex-start;flex-direction:column;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4)}}#ai-draping.ai-draping-page .page-header .header-content{flex:1 1}#ai-draping.ai-draping-page .page-header .page-title{align-items:center;color:var(--text-primary);display:flex;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);gap:var(--spacing-2);margin:0}#ai-draping.ai-draping-page .page-header .page-title .title-icon{color:var(--color-primary)}#ai-draping.ai-draping-page .page-header .page-subtitle{color:var(--text-tertiary);font-size:var(--font-size-sm);margin:var(--spacing-1) 0 0}#ai-draping.ai-draping-page .categories-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));margin:0 auto;max-width:1200px;padding:1rem}#ai-draping.ai-draping-page .category-card{border-radius:16px;cursor:pointer;min-height:180px;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}#ai-draping.ai-draping-page .category-card .card-glow{background:var(--bg-gradient);inset:0;opacity:0;position:absolute;transition:opacity .4s ease;z-index:0}#ai-draping.ai-draping-page .category-card .card-bg{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1e1e23b3;background:rgba(var(--bg-card-rgb,30,30,35),.7);border:1px solid #ffffff14;border-radius:20px;inset:0;position:absolute;transition:all .4s ease;z-index:1}#ai-draping.ai-draping-page .category-card .card-content{display:flex;flex-direction:column;gap:1rem;height:100%;padding:1.75rem;position:relative;z-index:2}#ai-draping.ai-draping-page .category-card .icon-wrapper{align-items:center;border-radius:12px;display:flex;height:56px;justify-content:center;margin-bottom:.375rem;position:relative;width:56px}#ai-draping.ai-draping-page .category-card .icon-wrapper .icon-bg{background:var(--bg-gradient);border-radius:16px;inset:0;position:absolute;transition:all .4s ease}#ai-draping.ai-draping-page .category-card .icon-wrapper svg{color:var(--accent-color);position:relative;transition:all .4s ease}#ai-draping.ai-draping-page .category-card .text-content{display:flex;flex:1 1;flex-direction:column;gap:.5rem}#ai-draping.ai-draping-page .category-card .card-title{color:var(--text-primary);font-size:1rem;font-weight:600;transition:color .3s ease}#ai-draping.ai-draping-page .category-card .card-description{color:var(--text-secondary);font-size:.75rem;line-height:1.4}#ai-draping.ai-draping-page .category-card .coming-soon-badge{align-items:center;background:#ffffff0d;border-radius:20px;color:var(--text-tertiary);display:inline-flex;font-size:.75rem;font-weight:500;gap:.5rem;margin-top:auto;padding:.375rem .75rem;width:-webkit-fit-content;width:fit-content}#ai-draping.ai-draping-page .category-card .disabled-overlay{align-items:center;display:flex;inset:0;justify-content:center;opacity:0;pointer-events:none;position:absolute;transition:opacity .3s ease;z-index:3}#ai-draping.ai-draping-page .category-card .disabled-overlay .tooltip{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000d9;border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 8px 32px #0006;color:var(--text-primary);display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.75rem 1.25rem;transform:translateY(10px);transition:transform .3s ease}#ai-draping.ai-draping-page .category-card .disabled-overlay .tooltip svg{color:var(--warning)}#ai-draping.ai-draping-page .category-card.active.hovered,#ai-draping.ai-draping-page .category-card.active:hover{transform:translateY(-8px)}#ai-draping.ai-draping-page .category-card.active.hovered .card-glow,#ai-draping.ai-draping-page .category-card.active:hover .card-glow{opacity:1}#ai-draping.ai-draping-page .category-card.active.hovered .card-bg,#ai-draping.ai-draping-page .category-card.active:hover .card-bg{border-color:var(--accent-color);box-shadow:0 20px 40px #0000004d,0 0 60px #6366f126;box-shadow:0 20px 40px #0000004d,0 0 60px rgba(var(--accent-color-rgb,99,102,241),.15)}#ai-draping.ai-draping-page .category-card.active.hovered .icon-wrapper .icon-bg,#ai-draping.ai-draping-page .category-card.active.hovered .icon-wrapper svg,#ai-draping.ai-draping-page .category-card.active:hover .icon-wrapper .icon-bg,#ai-draping.ai-draping-page .category-card.active:hover .icon-wrapper svg{transform:scale(1.1)}#ai-draping.ai-draping-page .category-card.active.hovered .card-title,#ai-draping.ai-draping-page .category-card.active:hover .card-title{color:var(--accent-color)}#ai-draping.ai-draping-page .category-card.disabled{cursor:not-allowed}#ai-draping.ai-draping-page .category-card.disabled .card-bg{opacity:.6}#ai-draping.ai-draping-page .category-card.disabled .icon-wrapper svg{opacity:.5}#ai-draping.ai-draping-page .category-card.disabled .card-description,#ai-draping.ai-draping-page .category-card.disabled .card-title{opacity:.6}#ai-draping.ai-draping-page .category-card.disabled.hovered,#ai-draping.ai-draping-page .category-card.disabled:hover{transform:none}#ai-draping.ai-draping-page .category-card.disabled.hovered .disabled-overlay,#ai-draping.ai-draping-page .category-card.disabled:hover .disabled-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;border-radius:20px;opacity:1;pointer-events:auto}#ai-draping.ai-draping-page .category-card.disabled.hovered .disabled-overlay .tooltip,#ai-draping.ai-draping-page .category-card.disabled:hover .disabled-overlay .tooltip{transform:translateY(0)}@media(max-width:768px){#ai-draping.ai-draping-page{padding:0}#ai-draping.ai-draping-page .page-header{margin-bottom:0}#ai-draping.ai-draping-page .categories-grid{gap:.75rem;grid-template-columns:repeat(2,1fr);padding:1rem}#ai-draping.ai-draping-page .category-card{border-radius:12px;min-height:140px}#ai-draping.ai-draping-page .category-card .card-content{gap:.75rem;padding:1rem}#ai-draping.ai-draping-page .category-card .icon-wrapper{height:40px;margin-bottom:.25rem;width:40px}#ai-draping.ai-draping-page .category-card .icon-wrapper .icon-bg{border-radius:10px}#ai-draping.ai-draping-page .category-card .icon-wrapper svg{height:20px;width:20px}#ai-draping.ai-draping-page .category-card .card-title{font-size:.875rem}#ai-draping.ai-draping-page .category-card .card-description{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:.7rem;overflow:hidden}#ai-draping.ai-draping-page .category-card .coming-soon-badge{font-size:.65rem;padding:.25rem .5rem}}@media(max-width:480px){#ai-draping.ai-draping-page{padding:0}#ai-draping.ai-draping-page .page-header{margin-bottom:0;padding:var(--spacing-3)}#ai-draping.ai-draping-page .categories-grid{gap:.5rem}#ai-draping.ai-draping-page .category-card{border-radius:10px;min-height:120px}#ai-draping.ai-draping-page .category-card .card-content{gap:.5rem;padding:.75rem}#ai-draping.ai-draping-page .category-card .icon-wrapper{height:36px;width:36px}#ai-draping.ai-draping-page .category-card .icon-wrapper svg{height:18px;width:18px}#ai-draping.ai-draping-page .category-card .card-title{font-size:.8rem}#ai-draping.ai-draping-page .category-card .card-description{-webkit-line-clamp:2;font-size:.65rem}}@media(max-width:1024px){.ai-draping-page{height:auto!important;min-height:100vh;overflow:auto!important}.ai-draping-page .page-header{align-items:flex-start;flex-direction:column;gap:1rem;margin-bottom:0}.ai-draping-page .categories-grid{gap:1rem;grid-template-columns:1fr}.ai-draping-page .category-card{min-height:180px}}.tool-modal-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000b3;display:flex;inset:0;justify-content:center;position:fixed;z-index:10000}.tool-modal{animation:slideUp .3s ease;background:linear-gradient(145deg,#1e1e28fa,#14141efa);border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 25px 50px -12px #00000080,0 0 0 1px #ffffff0d;display:flex;flex-direction:column;max-height:85vh;max-width:480px;overflow:hidden;width:90%}.tool-modal.video-modal{max-width:560px}.modal-header{padding:20px 24px}.modal-header .modal-title{align-items:center;color:#fff;display:flex;font-size:18px;font-weight:600;gap:12px}.modal-header .modal-title svg{color:#8b5cf6}.modal-header .close-btn{color:#fff9;height:36px;width:36px}.modal-header .close-btn:hover{background:#ffffff1a;color:#fff}.modal-body{flex:1 1;overflow-y:auto;padding:24px}.config-section{margin-bottom:24px}.config-section:last-child{margin-bottom:0}.config-label{color:#ffffffb3;display:block;font-size:13px;font-weight:600;letter-spacing:.5px;margin-bottom:12px;text-transform:uppercase}.option-grid{display:flex;flex-wrap:wrap;gap:8px}.option-btn{background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;color:#ffffffb3;font-size:14px;min-width:70px;padding:12px 16px}.option-btn:hover{background:#ffffff14;border-color:#fff3;color:#fff}.option-btn.active{background:linear-gradient(135deg,#8b5cf64d,#3b82f64d);border-color:#8b5cf6;box-shadow:0 0 20px #8b5cf633}.option-btn .credit-badge{font-size:11px;font-weight:600;margin-left:4px;opacity:.8}.confirm-btn .credit-badge{align-items:center;background:#fff3;border-radius:12px;display:inline-flex;font-size:12px;font-weight:700;justify-content:center;margin-left:8px;padding:2px 8px}.size-option-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(3,1fr)}.size-option-btn{align-items:center;background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;color:#ffffffb3;cursor:pointer;display:flex;flex-direction:column;font-size:11px;font-weight:500;gap:6px;justify-content:center;padding:12px 8px;transition:all .2s ease}.size-option-btn:hover{background:#ffffff14;border-color:#fff3;color:#fff}.size-option-btn:hover .size-icon{border-color:#ffffff80}.size-option-btn.active{background:linear-gradient(135deg,#8b5cf64d,#3b82f64d);border-color:#8b5cf6;box-shadow:0 0 20px #8b5cf633;color:#fff}.size-option-btn.active .size-icon{background:#8b5cf633;border-color:#8b5cf6}.size-option-btn span{white-space:nowrap}.size-icon{border:2px solid #ffffff4d;border-radius:3px;transition:all .2s ease}.size-icon.square{height:20px;width:20px}.size-icon.portrait-4-3{height:20px;width:16px}.size-icon.portrait-16-9{height:20px;width:12px}.size-icon.landscape-4-3{height:16px;width:20px}.size-icon.landscape-16-9{height:14px;width:22px}.model-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr)}.model-list{gap:8px}.model-btn,.model-list{display:flex;flex-direction:column}.model-btn{align-items:flex-start;background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;cursor:pointer;padding:14px 16px;text-align:left;transition:all .2s ease}.model-btn.horizontal{align-items:center;flex-direction:row;gap:12px}.model-btn .model-name{color:#ffffffe6;font-size:14px;font-weight:600}.model-btn .model-desc{color:#ffffff80;font-size:12px;margin-top:2px}.model-btn:hover{background:#ffffff14;border-color:#fff3}.model-btn.active{background:linear-gradient(135deg,#8b5cf640,#3b82f640);border-color:#8b5cf6;box-shadow:0 0 20px #8b5cf626}.model-btn.active .model-name{color:#fff}.model-btn.active .model-desc{color:#ffffffb3}.toggle-row{align-items:center;color:#fffc;cursor:pointer;display:flex;font-size:14px;gap:12px}.toggle-row input[type=checkbox]{accent-color:#8b5cf6;cursor:pointer;height:20px;width:20px}.prompt-input{background:#0000004d;border:1px solid #ffffff1a;border-radius:12px;color:#fff;font-family:inherit;font-size:14px;min-height:80px;padding:14px 16px;resize:vertical;transition:all .2s ease;width:100%}.prompt-input::placeholder{color:#fff6}.prompt-input:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf626;outline:none}.modal-footer{background:#0003;border-top:1px solid #ffffff14;display:flex;gap:12px;padding:20px 24px}.cancel-btn{background:#0000;border:1px solid #ffffff26;border-radius:12px;color:#ffffffb3;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:14px 20px;transition:all .2s ease}.cancel-btn:hover{background:#ffffff0d;border-color:#ffffff40;color:#fff}.confirm-btn{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:12px;box-shadow:0 4px 15px #10b9814d;color:#fff;cursor:pointer;display:flex;flex:2 1;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:14px 24px;transition:all .3s ease}.confirm-btn:hover:not(:disabled){box-shadow:0 6px 20px #10b98166;transform:translateY(-2px)}.confirm-btn:disabled{cursor:not-allowed;opacity:.5}.confirm-btn.bg-remove{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 4px 15px #f59e0b4d}.confirm-btn.bg-remove:hover:not(:disabled){box-shadow:0 6px 20px #f59e0b66}.confirm-btn.video{background:linear-gradient(135deg,#ec4899,#db2777);box-shadow:0 4px 15px #ec48994d}.confirm-btn.video:hover:not(:disabled){box-shadow:0 6px 20px #ec489966}.confirm-btn.variation{background:linear-gradient(135deg,#8b5cf6,#7c3aed);box-shadow:0 4px 15px #8b5cf64d}.confirm-btn.variation:hover:not(:disabled){box-shadow:0 6px 20px #8b5cf666}@media(max-width:768px){.tool-modal{margin:20px;max-height:90vh;width:95%}.modal-header{padding:16px 20px}.modal-header .modal-title{font-size:16px}.modal-body{padding:20px}.modal-footer{padding:16px 20px}.model-grid{grid-template-columns:1fr}.option-btn{font-size:13px;min-width:60px;padding:10px 12px}}.variation-settings-list{display:flex;flex-direction:column;gap:8px}.variation-item{background:#0003;border:1px solid #ffffff1a;border-radius:12px;overflow:hidden}.variation-header{align-items:center;background:#ffffff08;border:none;color:#fffc;cursor:pointer;display:flex;font-size:14px;font-weight:500;justify-content:space-between;padding:12px 16px;transition:all .2s ease;width:100%}.variation-header .variation-title{align-items:center;display:flex;gap:8px}.variation-header .variation-title svg{color:#8b5cf6;opacity:.7}.variation-header:hover{background:#ffffff14;color:#fff}.variation-header:hover .variation-title svg{opacity:1}.variation-header.expanded{background:#8b5cf61a;border-bottom:1px solid #8b5cf633;color:#fff}.variation-header.expanded .variation-title svg{opacity:1}.variation-header .expand-icon{align-items:center;color:#ffffff80;display:flex;transition:color .2s ease}.variation-header.expanded .expand-icon,.variation-header:hover .expand-icon{color:#8b5cf6}.variation-options{animation:slideDown .2s ease;display:flex;flex-direction:column;gap:14px;padding:16px}.option-row{align-items:center;display:flex;gap:12px}.option-row>label{color:#fff9;flex-shrink:0;font-size:12px;font-weight:500;width:90px}.option-row.full{align-items:flex-start;flex-direction:column}.option-row.full>label{margin-bottom:8px;width:100%}.option-row.full textarea{background:#0000004d;border:1px solid #ffffff1a;border-radius:8px;color:#fff;font-family:inherit;font-size:13px;min-height:50px;padding:10px 12px;resize:vertical;width:100%}.option-row.full textarea::placeholder{color:#fff6}.option-row.full textarea:focus{border-color:#8b5cf6;outline:none}.color-input-wrapper{align-items:center;display:flex;gap:8px}.color-input-wrapper input[type=color]{background:#0000;border:2px solid #fff3;border-radius:8px;cursor:pointer;height:36px;padding:0;width:36px}.color-input-wrapper input[type=color]::-webkit-color-swatch-wrapper{padding:2px}.color-input-wrapper input[type=color]::-webkit-color-swatch{border:none;border-radius:4px}.color-input-wrapper .clear-btn{align-items:center;background:#ffffff1a;border:none;border-radius:6px;color:#ffffff80;cursor:pointer;display:flex;font-size:16px;height:24px;justify-content:center;transition:all .2s ease;width:24px}.color-input-wrapper .clear-btn:hover{background:#ef44444d;color:#ef4444}.option-grid.small{flex:1 1;gap:6px}.option-btn.small{border-radius:8px;flex:1 1;font-size:11px;min-width:50px;padding:8px 10px}@media(max-width:480px){.option-row{flex-wrap:wrap}.option-row>label{margin-bottom:6px;width:100%}.variation-options{padding:12px}.option-btn.small{font-size:10px;padding:6px 8px}}.slider{-webkit-appearance:none;appearance:none;background:#ffffff1a;border-radius:3px;cursor:pointer;height:6px;margin:8px 0;outline:none;width:100%}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border-radius:50%;box-shadow:0 2px 8px #8b5cf666;cursor:pointer;height:18px;-webkit-transition:transform .2s ease,box-shadow .2s ease;transition:transform .2s ease,box-shadow .2s ease;width:18px}.slider::-webkit-slider-thumb:hover{box-shadow:0 4px 12px #8b5cf680;transform:scale(1.1)}.slider::-moz-range-thumb{background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;border-radius:50%;box-shadow:0 2px 8px #8b5cf666;cursor:pointer;height:18px;width:18px}.slider::-webkit-slider-runnable-track{background:linear-gradient(90deg,#8b5cf680,#8b5cf633);border-radius:3px;height:6px}.slider::-moz-range-track{background:linear-gradient(90deg,#8b5cf680,#8b5cf633);border-radius:3px;height:6px}.variation-settings-section{margin-top:8px;margin-top:var(--spacing-2,8px)}.variation-item.expanded{border-color:#8b5cf64d;box-shadow:0 0 15px #8b5cf614}.color-picker-wrapper{align-items:center;display:flex;gap:12px;gap:var(--spacing-3,12px);margin-bottom:12px;margin-bottom:var(--spacing-3,12px)}.color-picker-wrapper .color-input{background:#0000;border:2px solid #ffffff1a;border-radius:8px;border-radius:var(--radius-md,8px);cursor:pointer;height:40px;transition:all .2s ease;width:60px}.color-picker-wrapper .color-input:hover{border-color:#8b5cf680;transform:scale(1.05)}.color-picker-wrapper .color-hex-input{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;border-radius:var(--radius-md,8px);color:#fff;color:var(--text-primary,#fff);flex:1 1;font-family:monospace;font-size:14px;padding:8px 12px;padding:var(--spacing-2,8px) var(--spacing-3,12px);transition:all .2s ease}.color-picker-wrapper .color-hex-input:focus{background:#ffffff14;border-color:#8b5cf680;outline:none}.color-picker-wrapper .color-hex-input::placeholder{color:#ffffff4d}.color-presets{grid-gap:8px;grid-gap:var(--spacing-2,8px);display:grid;gap:8px;gap:var(--spacing-2,8px);grid-template-columns:repeat(6,1fr);margin-top:8px;margin-top:var(--spacing-2,8px)}.color-presets .preset-btn{aspect-ratio:1;border:2px solid #fff3;border-radius:6px;border-radius:var(--radius-sm,6px);cursor:pointer;position:relative;transition:all .2s ease;width:100%}.color-presets .preset-btn:hover{border-color:#ffffff80;box-shadow:0 4px 12px #0000004d;transform:scale(1.1)}.color-presets .preset-btn.active{border-color:#8b5cf6;border-width:3px;box-shadow:0 0 15px #8b5cf680}.color-presets .preset-btn.active:after{align-items:center;color:#fff;content:"✓";display:flex;font-size:16px;font-weight:700;inset:0;justify-content:center;position:absolute;text-shadow:0 2px 4px #00000080}.gradient-preview{border:2px solid #ffffff1a;border-radius:8px;border-radius:var(--radius-md,8px);box-shadow:inset 0 2px 8px #0003;height:100px;transition:all .3s ease;width:100%}.gradient-preview:hover{border-color:#8b5cf64d}.cost-info{align-items:center;background:#8b5cf61a;border:1px solid #8b5cf633;border-radius:8px;border-radius:var(--radius-md,8px);color:#fff;color:var(--text-primary,#fff);display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 16px}.cost-info svg{color:#f59e0b;flex-shrink:0}
/*!
 * TOAST UI ImageEditor
 * @version 3.15.3
 * @license MIT
 */body>textarea{position:fixed!important}.tui-image-editor-container{background-color:#282828;-webkit-box-sizing:border-box;box-sizing:border-box;height:100%;letter-spacing:.3px;margin:0;min-height:300px;overflow:hidden;padding:0;position:relative}.tui-image-editor-container div,.tui-image-editor-container input,.tui-image-editor-container label,.tui-image-editor-container li,.tui-image-editor-container ul{-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;-ms-user-select:none;-moz-user-select:-moz-none;-webkit-user-select:none;user-select:none}.tui-image-editor-container .tui-image-editor-header{background-color:#151515;min-width:533px;position:absolute;top:0;width:100%}.tui-image-editor-container .tui-image-editor-controls-buttons,.tui-image-editor-container .tui-image-editor-header-buttons{float:right;margin:8px}.tui-image-editor-container .tui-image-editor-controls-logo,.tui-image-editor-container .tui-image-editor-header-logo{float:left;padding:17px;width:30%}.tui-image-editor-container .tui-image-editor-controls-buttons,.tui-image-editor-container .tui-image-editor-controls-logo{display:none;height:100%;width:270px}.tui-image-editor-container .tui-image-editor-controls-buttons button,.tui-image-editor-container .tui-image-editor-controls-buttons div,.tui-image-editor-container .tui-image-editor-header-buttons button,.tui-image-editor-container .tui-image-editor-header-buttons div{border:1px solid #ddd;border-radius:20px;cursor:pointer;display:inline-block;font-family:Noto Sans,sans-serif;font-size:12px;font-weight:700;height:40px;letter-spacing:.3px;line-height:40px;outline:none;padding:0;position:relative;text-align:center;vertical-align:middle;width:120px}.tui-image-editor-container .tui-image-editor-download-btn{background-color:#fdba3b;border-color:#fdba3b;color:#fff}.tui-image-editor-container .tui-image-editor-load-btn{bottom:0;cursor:pointer;display:inline-block;left:0;opacity:0;position:absolute;right:0;top:0;width:100%}.tui-image-editor-container .tui-image-editor-main-container{bottom:64px;position:absolute;top:0;width:100%}.tui-image-editor-container .tui-image-editor-main{bottom:0;left:0;position:absolute;right:0;text-align:center;top:64px}.tui-image-editor-container .tui-image-editor-wrap{bottom:0;overflow:auto;width:100%}.tui-image-editor-container .tui-image-editor-wrap .tui-image-editor-size-wrap{display:table;height:100%;width:100%}.tui-image-editor-container .tui-image-editor-wrap .tui-image-editor-size-wrap .tui-image-editor-align-wrap{display:table-cell;vertical-align:middle}.tui-image-editor-container .tui-image-editor{display:inline-block;position:relative}.tui-image-editor-container .tui-image-editor-help-menu,.tui-image-editor-container .tui-image-editor-menu{display:table-cell;list-style:none;margin:0 auto;padding:0;text-align:center;vertical-align:middle;white-space:nowrap;width:auto}.tui-image-editor-container .tui-image-editor-help-menu>.tui-image-editor-item,.tui-image-editor-container .tui-image-editor-menu>.tui-image-editor-item{border-radius:2px;cursor:pointer;display:inline-block;margin:0 4px;padding:7px 8px 3px;position:relative}.tui-image-editor-container .tui-image-editor-help-menu>.tui-image-editor-item[tooltip-content]:hover:before,.tui-image-editor-container .tui-image-editor-menu>.tui-image-editor-item[tooltip-content]:hover:before{border-left:7px solid #0000;border-right:7px solid #0000;border-top:7px solid #2f2f2f;content:"";display:inline-block;height:0;left:13px;margin:0 auto;position:absolute;top:-2px;width:0}.tui-image-editor-container .tui-image-editor-help-menu>.tui-image-editor-item[tooltip-content]:hover:after,.tui-image-editor-container .tui-image-editor-menu>.tui-image-editor-item[tooltip-content]:hover:after{background-color:#2f2f2f;border-radius:3px;color:#fff;content:attr(tooltip-content);display:inline-block;font-size:11px;font-weight:lighter;left:0;max-height:23px;min-width:24px;padding:5px 8px;position:absolute;top:-25px}.tui-image-editor-container .tui-image-editor-help-menu>.tui-image-editor-item.active,.tui-image-editor-container .tui-image-editor-menu>.tui-image-editor-item.active{background-color:#fff;-webkit-transition:all .3s ease;transition:all .3s ease}.tui-image-editor-container .tui-image-editor-wrap{position:absolute}.tui-image-editor-container .tui-image-editor-grid-visual{border:1px solid #ffffffb3;display:none;height:100%;position:absolute;width:100%}.tui-image-editor-container .tui-image-editor-main.tui-image-editor-menu-flip .tui-image-editor,.tui-image-editor-container .tui-image-editor-main.tui-image-editor-menu-rotate .tui-image-editor{-webkit-transition:none;transition:none}.tui-image-editor-container .tui-image-editor-main.tui-image-editor-menu-flip .tui-image-editor-grid-visual,.tui-image-editor-container .tui-image-editor-main.tui-image-editor-menu-resize .tui-image-editor-grid-visual,.tui-image-editor-container .tui-image-editor-main.tui-image-editor-menu-rotate .tui-image-editor-grid-visual{display:block}.tui-image-editor-container .tui-image-editor-grid-visual table{border-collapse:collapse;height:100%;width:100%}.tui-image-editor-container .tui-image-editor-grid-visual table td{border:1px solid #ffffff4d}.tui-image-editor-container .tui-image-editor-grid-visual table td.dot:before{background-color:#fff;border:0;border-radius:100%;-webkit-box-shadow:0 0 1px 0 #0000004d;box-shadow:0 0 1px 0 #0000004d;-webkit-box-sizing:border-box;box-sizing:border-box;content:"";height:10px;position:absolute;width:10px}.tui-image-editor-container .tui-image-editor-grid-visual table td.dot.left-top:before{left:-5px;top:-5px}.tui-image-editor-container .tui-image-editor-grid-visual table td.dot.right-top:before{right:-5px;top:-5px}.tui-image-editor-container .tui-image-editor-grid-visual table td.dot.left-bottom:before{bottom:-5px;left:-5px}.tui-image-editor-container .tui-image-editor-grid-visual table td.dot.right-bottom:before{bottom:-5px;right:-5px}.tui-image-editor-container .tui-image-editor-submenu{bottom:0;display:none;height:150px;position:absolute;white-space:nowrap;width:100%;z-index:2}.tui-image-editor-container .tui-image-editor-submenu .tui-image-editor-button:hover svg>use.active{display:block}.tui-image-editor-container .tui-image-editor-submenu .tui-image-editor-submenu-item li{display:inline-block;vertical-align:top}.tui-image-editor-container .tui-image-editor-submenu .tui-image-editor-submenu-item .tui-image-editor-newline{display:block;margin-top:0}.tui-image-editor-container .tui-image-editor-submenu .tui-image-editor-submenu-item .tui-image-editor-button{cursor:pointer;display:inline-block;font-size:11px;font-weight:400;margin:0 9px;position:relative}.tui-image-editor-container .tui-image-editor-submenu .tui-image-editor-submenu-item .tui-image-editor-button.preset{margin:0 9px 20px 5px}.tui-image-editor-container .tui-image-editor-submenu .tui-image-editor-submenu-item label>span{cursor:pointer;display:inline-block;font-family:Noto Sans,sans-serif;font-size:11px;padding-top:5px}.tui-image-editor-container .tui-image-editor-submenu .tui-image-editor-submenu-item .tui-image-editor-button.apply label,.tui-image-editor-container .tui-image-editor-submenu .tui-image-editor-submenu-item .tui-image-editor-button.cancel label{vertical-align:7px}.tui-image-editor-container .tui-image-editor-submenu>div{display:none;vertical-align:bottom}.tui-image-editor-container .tui-image-editor-submenu .tui-image-editor-submenu-style{bottom:0;display:block;left:0;opacity:.95;position:absolute;right:0;top:0;z-index:-1}.tui-image-editor-container .tui-image-editor-partition>div{border-left:1px solid #3c3c3c;height:52px;margin:0 8px;width:1px}.tui-image-editor-container .tui-image-editor-main.tui-image-editor-menu-filter .tui-image-editor-partition>div{height:108px;margin:0 29px 0 0}.tui-image-editor-container .tui-image-editor-submenu-align{margin-right:30px;text-align:left}.tui-image-editor-container .tui-image-editor-submenu-align label>span{white-space:nowrap;width:55px}.tui-image-editor-container .tui-image-editor-submenu-align:first-child{margin-right:0}.tui-image-editor-container .tui-image-editor-submenu-align:first-child label>span{width:70px}.tui-image-editor-container .tui-image-editor-main.tui-image-editor-menu-crop .tui-image-editor-submenu>div.tui-image-editor-menu-crop,.tui-image-editor-container .tui-image-editor-main.tui-image-editor-menu-draw .tui-image-editor-submenu>div.tui-image-editor-menu-draw,.tui-image-editor-container .tui-image-editor-main.tui-image-editor-menu-filter .tui-image-editor-submenu>div.tui-image-editor-menu-filter,.tui-image-editor-container .tui-image-editor-main.tui-image-editor-menu-flip .tui-image-editor-submenu>div.tui-image-editor-menu-flip,.tui-image-editor-container .tui-image-editor-main.tui-image-editor-menu-icon .tui-image-editor-submenu>div.tui-image-editor-menu-icon,.tui-image-editor-container .tui-image-editor-main.tui-image-editor-menu-mask .tui-image-editor-submenu>div.tui-image-editor-menu-mask,.tui-image-editor-container .tui-image-editor-main.tui-image-editor-menu-resize .tui-image-editor-submenu>div.tui-image-editor-menu-resize,.tui-image-editor-container .tui-image-editor-main.tui-image-editor-menu-rotate .tui-image-editor-submenu>div.tui-image-editor-menu-rotate,.tui-image-editor-container .tui-image-editor-main.tui-image-editor-menu-shape .tui-image-editor-submenu>div.tui-image-editor-menu-shape,.tui-image-editor-container .tui-image-editor-main.tui-image-editor-menu-text .tui-image-editor-submenu>div.tui-image-editor-menu-text,.tui-image-editor-container .tui-image-editor-main.tui-image-editor-menu-zoom .tui-image-editor-submenu>div.tui-image-editor-menu-zoom{display:table-cell}.tui-image-editor-container .tui-image-editor-main.tui-image-editor-menu-crop .tui-image-editor-submenu,.tui-image-editor-container .tui-image-editor-main.tui-image-editor-menu-draw .tui-image-editor-submenu,.tui-image-editor-container .tui-image-editor-main.tui-image-editor-menu-filter .tui-image-editor-submenu,.tui-image-editor-container .tui-image-editor-main.tui-image-editor-menu-flip .tui-image-editor-submenu,.tui-image-editor-container .tui-image-editor-main.tui-image-editor-menu-icon .tui-image-editor-submenu,.tui-image-editor-container .tui-image-editor-main.tui-image-editor-menu-mask .tui-image-editor-submenu,.tui-image-editor-container .tui-image-editor-main.tui-image-editor-menu-resize .tui-image-editor-submenu,.tui-image-editor-container .tui-image-editor-main.tui-image-editor-menu-rotate .tui-image-editor-submenu,.tui-image-editor-container .tui-image-editor-main.tui-image-editor-menu-shape .tui-image-editor-submenu,.tui-image-editor-container .tui-image-editor-main.tui-image-editor-menu-text .tui-image-editor-submenu,.tui-image-editor-container .tui-image-editor-main.tui-image-editor-menu-zoom .tui-image-editor-submenu{display:table}.tui-image-editor-container .tui-image-editor-help-menu{background-color:#ffffff0f;border-radius:20px;list-style:none;margin:0 auto;padding:0;position:absolute;text-align:center;vertical-align:middle;z-index:2}.tui-image-editor-container .tui-image-editor-help-menu .tie-panel-history{background-color:#fff;-webkit-box-shadow:0 2px 6px 0 #00000026;box-shadow:0 2px 6px 0 #00000026;color:#444;cursor:auto;display:none;height:276px;padding:4px 2px;position:absolute;-webkit-transform:translateX(calc(-50% + 12px));transform:translateX(calc(-50% + 12px));width:196px}.tui-image-editor-container .tui-image-editor-help-menu .tie-panel-history .history-list{height:268px;list-style:none;overflow:hidden scroll;padding:0}.tui-image-editor-container .tui-image-editor-help-menu .tie-panel-history .history-list .history-item{font-size:11px;height:24px;line-height:24px}.tui-image-editor-container .tui-image-editor-help-menu .tie-panel-history .history-list .history-item .tui-image-editor-history-item{cursor:pointer;height:24px;position:relative}.tui-image-editor-container .tui-image-editor-help-menu .tie-panel-history .history-list .history-item .tui-image-editor-history-item svg{height:24px;width:24px}.tui-image-editor-container .tui-image-editor-help-menu .tie-panel-history .history-list .history-item .tui-image-editor-history-item span{display:inline-block;height:24px;text-align:left;width:128px}.tui-image-editor-container .tui-image-editor-help-menu .tie-panel-history .history-list .history-item .tui-image-editor-history-item .history-item-icon{display:inline-block;height:24px;left:6px;position:absolute;top:6px;width:24px}.tui-image-editor-container .tui-image-editor-help-menu .tie-panel-history .history-list .history-item .tui-image-editor-history-item .history-item-checkbox{display:none;height:24px;position:absolute;right:-6px;top:5px;width:24px}.tui-image-editor-container .tui-image-editor-help-menu .tie-panel-history .history-list .history-item.selected-item{background-color:#7777771f}.tui-image-editor-container .tui-image-editor-help-menu .tie-panel-history .history-list .history-item.selected-item .history-item-checkbox{display:inline-block}.tui-image-editor-container .tui-image-editor-help-menu .tie-panel-history .history-list .history-item.disabled-item{color:#333;opacity:.3}.tui-image-editor-container .tui-image-editor-help-menu .opened .tie-panel-history{display:block}.tui-image-editor-container .tui-image-editor-help-menu .opened .tie-panel-history:before{content:"";display:inline-block;height:0;margin:0 auto;position:absolute;width:0}.tui-image-editor-container .filter-color-item{display:inline-block}.tui-image-editor-container .filter-color-item .tui-image-editor-checkbox{display:block}.tui-image-editor-container .tui-image-editor-checkbox-wrap{display:inline-block!important;text-align:left}.tui-image-editor-container .tui-image-editor-checkbox-wrap.fixed-width{white-space:normal;width:187px}.tui-image-editor-container .tui-image-editor-checkbox{display:inline-block;margin:1px 0}.tui-image-editor-container .tui-image-editor-checkbox input{height:14px;opacity:0;width:14px}.tui-image-editor-container .tui-image-editor-checkbox>label>span{color:#fff;height:14px;position:relative}.tui-image-editor-container .tui-image-editor-checkbox input+label:before,.tui-image-editor-container .tui-image-editor-checkbox>label>span:before{background-color:#fff;border:0;border-radius:2px;-webkit-box-sizing:border-box;box-sizing:border-box;content:"";display:inline-block;font-size:11px;height:14px;left:-19px;margin:0;padding-top:1px;position:absolute;text-align:center;top:6px;width:14px}.tui-image-editor-container .tui-image-editor-checkbox input[type=checkbox]:checked+span:before{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAAXNSR0IArs4c6QAAAMBJREFUKBWVkjEOwjAMRe2WgZW7IIHEDdhghhuwcQ42rlJugAQS54Cxa5cq1QM5TUpByZfS2j9+dlJVt/tX5ZxbS4ZU9VLkQvSHKTIGRaVJYFmKrBbTCJxE2UgCdDzMZDkHrOV6b95V0US6UmgKodujEZbJg0B0ZgEModO5lrY1TMQf1TpyJGBEjD+E2NPN7ukIUDiF/BfEXgRiGEw8NgkffYGYwCi808fpn/6OvfUfsDr/Vc1IfRf8sKnFVqeiVQfDu0tf/nWH9gAAAABJRU5ErkJggg==);background-size:cover}.tui-image-editor-container .tui-image-editor-selectlist-wrap{position:relative}.tui-image-editor-container .tui-image-editor-selectlist-wrap select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border:1px solid #cbdbdb;border-radius:0;height:28px;margin-top:4px;outline:0;padding:0 7px 0 10px;width:100%}.tui-image-editor-container .tui-image-editor-selectlist-wrap .tui-image-editor-selectlist{background-color:#fff;border:1px solid #ccc;border-top:0;display:none;padding:4px 0;position:relative;top:-1px}.tui-image-editor-container .tui-image-editor-selectlist-wrap .tui-image-editor-selectlist li{display:block;font-family:Noto Sans,sans-serif;padding:7px 10px;text-align:left}.tui-image-editor-container .tui-image-editor-selectlist-wrap .tui-image-editor-selectlist li:hover{background-color:#515ce60d}.tui-image-editor-container .tui-image-editor-selectlist-wrap:before{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAAXNSR0IArs4c6QAAAHlJREFUKBVjYBgFOEOAEVkmPDxc89+/f6eAYjzI4kD2FyYmJrOVK1deh4kzwRggGiQBVJCELAZig8SQNYHEmEEEMrh69eo1HR0dfqCYJUickZGxf9WqVf3IakBsFBthklpaWmVA9mEQhrJhUoTp0NBQCRAmrHL4qgAAuu4cWZOZIGsAAAAASUVORK5CYII=);background-size:cover;content:"";display:inline-block;height:14px;position:absolute;right:5px;top:10px;width:14px}.tui-image-editor-container .tui-image-editor-selectlist-wrap select::-ms-expand{display:none}.tui-image-editor-container .tui-image-editor-virtual-range-bar .tui-image-editor-disabled,.tui-image-editor-container .tui-image-editor-virtual-range-pointer .tui-image-editor-disabled,.tui-image-editor-container .tui-image-editor-virtual-range-subbar .tui-image-editor-disabled{backbround-color:red}.tui-image-editor-container .tui-image-editor-range{display:inline-block;height:17px;position:relative;top:5px;width:166px}.tui-image-editor-container .tui-image-editor-virtual-range-bar{background-color:#666;height:2px;position:absolute;top:7px;width:100%}.tui-image-editor-container .tui-image-editor-virtual-range-subbar{background-color:#d1d1d1;height:100%;left:0;position:absolute;right:0}.tui-image-editor-container .tui-image-editor-virtual-range-pointer{background-color:#fff;border-radius:100%;cursor:pointer;height:12px;left:0;position:absolute;top:-5px;width:12px}.tui-image-editor-container .tui-image-editor-range-wrap{display:inline-block;margin-left:4px}.tui-image-editor-container .tui-image-editor-range-wrap.short .tui-image-editor-range{width:100px}.tui-image-editor-container .color-picker-control .tui-image-editor-range{margin-left:10px;width:108px}.tui-image-editor-container .color-picker-control .tui-image-editor-virtual-range-pointer{background-color:#333}.tui-image-editor-container .color-picker-control .tui-image-editor-virtual-range-bar{background-color:#ccc}.tui-image-editor-container .color-picker-control .tui-image-editor-virtual-range-subbar{background-color:#606060}.tui-image-editor-container .tui-image-editor-range-wrap.tui-image-editor-newline.short{margin-left:19px;margin-top:-2px}.tui-image-editor-container .tui-image-editor-range-wrap.tui-image-editor-newline.short label{color:#8e8e8e;font-weight:400}.tui-image-editor-container .tui-image-editor-range-wrap label{color:#fff;font-size:11px;margin-right:7px;vertical-align:initial}.tui-image-editor-container .tui-image-editor-range-value{background-color:#1c1c1c;border:1px solid #d5d5d5;border-radius:2px;-webkit-box-shadow:none;box-shadow:none;color:#fff;cursor:default;font-family:Noto Sans,sans-serif;font-weight:lighter;height:24px;margin-left:4px;margin-top:15px;outline:none;text-align:center;vertical-align:initial;width:40px}.tui-image-editor-container .tui-image-editor-controls{background-color:#151515;bottom:0;display:table;height:64px;position:absolute;width:100%;z-index:2}.tui-image-editor-container .tui-image-editor-icpartition{background-color:#444;display:inline-block;height:24px;width:1px}.tui-image-editor-container.left .tui-image-editor-menu>.tui-image-editor-item[tooltip-content]:before{border-bottom:7px solid #0000;border-right:7px solid #2f2f2f;border-top:7px solid #0000;left:28px;top:11px}.tui-image-editor-container.left .tui-image-editor-menu>.tui-image-editor-item[tooltip-content]:after{left:42px;top:7px;white-space:nowrap}.tui-image-editor-container.left .tui-image-editor-submenu{height:100%;left:0;width:248px}.tui-image-editor-container.left .tui-image-editor-main-container{height:100%;left:64px;width:calc(100% - 64px)}.tui-image-editor-container.left .tui-image-editor-controls{display:table;height:100%;width:64px}.tui-image-editor-container.left .tui-image-editor-menu,.tui-image-editor-container.right .tui-image-editor-menu{white-space:inherit}.tui-image-editor-container.left .tui-image-editor-submenu,.tui-image-editor-container.right .tui-image-editor-submenu{white-space:normal}.tui-image-editor-container.left .tui-image-editor-submenu>div,.tui-image-editor-container.right .tui-image-editor-submenu>div{vertical-align:middle}.tui-image-editor-container.left .tui-image-editor-controls li,.tui-image-editor-container.right .tui-image-editor-controls li{display:inline-block;margin:4px auto}.tui-image-editor-container.left .tui-image-editor-icpartition,.tui-image-editor-container.right .tui-image-editor-icpartition{height:1px;position:relative;top:-7px;width:24px}.tui-image-editor-container.left .tui-image-editor-submenu .tui-image-editor-partition,.tui-image-editor-container.right .tui-image-editor-submenu .tui-image-editor-partition{display:block;margin:auto;width:75%}.tui-image-editor-container.left .tui-image-editor-submenu .tui-image-editor-partition>div,.tui-image-editor-container.right .tui-image-editor-submenu .tui-image-editor-partition>div{border-bottom:1px solid #3c3c3c;border-left:0;height:10px;margin:0;width:100%}.tui-image-editor-container.left .tui-image-editor-submenu .tui-image-editor-submenu-align,.tui-image-editor-container.right .tui-image-editor-submenu .tui-image-editor-submenu-align{margin-right:0}.tui-image-editor-container.left .tui-image-editor-submenu .tui-image-editor-submenu-item li,.tui-image-editor-container.right .tui-image-editor-submenu .tui-image-editor-submenu-item li{margin-top:15px}.tui-image-editor-container.left .tui-image-editor-submenu .tui-image-editor-submenu-item .tui-colorpicker-clearfix li,.tui-image-editor-container.right .tui-image-editor-submenu .tui-image-editor-submenu-item .tui-colorpicker-clearfix li{margin-top:0}.tui-image-editor-container.left .tui-image-editor-checkbox-wrap.fixed-width,.tui-image-editor-container.right .tui-image-editor-checkbox-wrap.fixed-width{white-space:normal;width:182px}.tui-image-editor-container.left .tui-image-editor-range-wrap.tui-image-editor-newline label.range,.tui-image-editor-container.right .tui-image-editor-range-wrap.tui-image-editor-newline label.range{display:block;margin:auto;text-align:left;width:75%}.tui-image-editor-container.left .tui-image-editor-range,.tui-image-editor-container.right .tui-image-editor-range{width:136px}.tui-image-editor-container.right .tui-image-editor-menu>.tui-image-editor-item[tooltip-content]:before{border-bottom:7px solid #0000;border-left:7px solid #2f2f2f;border-top:7px solid #0000;left:-3px;top:11px}.tui-image-editor-container.right .tui-image-editor-menu>.tui-image-editor-item[tooltip-content]:after{left:auto;right:43px;top:7px;white-space:nowrap}.tui-image-editor-container.right .tui-image-editor-submenu{height:100%;right:0;width:248px}.tui-image-editor-container.right .tui-image-editor-main-container{height:100%;right:64px;width:calc(100% - 64px)}.tui-image-editor-container.right .tui-image-editor-controls{display:table;height:100%;right:0;width:64px}.tui-image-editor-container.bottom .tui-image-editor-submenu .tui-image-editor-partition.only-left-right,.tui-image-editor-container.top .tui-image-editor-submenu .tui-image-editor-partition.only-left-right{display:none}.tui-image-editor-container.bottom .tui-image-editor-submenu>div{padding-bottom:24px}.tui-image-editor-container.top .color-picker-control .triangle{border-bottom:8px solid #fff;border-left:7px solid #0000;border-right:7px solid #0000;border-top:0;top:-8px}.tui-image-editor-container.top .tui-image-editor-size-wrap{height:100%}.tui-image-editor-container.top .tui-image-editor-main-container{bottom:0}.tui-image-editor-container.top .tui-image-editor-menu>.tui-image-editor-item[tooltip-content]:before{border-bottom:7px solid #2f2f2f;border-top:0;left:13px;top:33px}.tui-image-editor-container.top .tui-image-editor-menu>.tui-image-editor-item[tooltip-content]:after{top:38px}.tui-image-editor-container.top .tui-image-editor-submenu{bottom:auto;top:0}.tui-image-editor-container.top .tui-image-editor-submenu>div{padding-top:24px;vertical-align:top}.tui-image-editor-container.top .tui-image-editor-controls-buttons,.tui-image-editor-container.top .tui-image-editor-controls-logo{display:table-cell}.tui-image-editor-container.top .tui-image-editor-main{height:calc(100% - 64px);top:64px}.tui-image-editor-container.top .tui-image-editor-controls{bottom:inherit;top:0}.tui-image-editor-container .tui-image-editor-help-menu.top{height:40px;left:50%;top:8px;-webkit-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap;width:506px}.tui-image-editor-container .tui-image-editor-help-menu.top .tie-panel-history{top:45px}.tui-image-editor-container .tui-image-editor-help-menu.top .opened .tie-panel-history:before{border-bottom:8px solid #fff;border-left:8px solid #0000;border-right:8px solid #0000;left:90px;top:-8px}.tui-image-editor-container .tui-image-editor-help-menu.top>.tui-image-editor-item[tooltip-content]:before{border:7px solid #0000;border-bottom:7px solid #2f2f2f;border-top:none;left:13px;top:35px}.tui-image-editor-container .tui-image-editor-help-menu.top>.tui-image-editor-item[tooltip-content]:after{left:-4px;top:41px;white-space:nowrap}.tui-image-editor-container .tui-image-editor-help-menu.top>.tui-image-editor-item[tooltip-content].opened:after,.tui-image-editor-container .tui-image-editor-help-menu.top>.tui-image-editor-item[tooltip-content].opened:before{content:none}.tui-image-editor-container .tui-image-editor-help-menu.bottom{bottom:8px;height:40px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap;width:506px}.tui-image-editor-container .tui-image-editor-help-menu.bottom .tie-panel-history{bottom:45px}.tui-image-editor-container .tui-image-editor-help-menu.bottom .opened .tie-panel-history:before{border-left:8px solid #0000;border-right:8px solid #0000;border-top:8px solid #fff;bottom:-8px;left:90px}.tui-image-editor-container .tui-image-editor-help-menu.bottom>.tui-image-editor-item[tooltip-content]:before{border:7px solid #0000;border-bottom:none;border-top-color:#2f2f2f;bottom:36px;left:13px;top:auto}.tui-image-editor-container .tui-image-editor-help-menu.bottom>.tui-image-editor-item[tooltip-content]:after{bottom:41px;left:-4px;top:auto;white-space:nowrap}.tui-image-editor-container .tui-image-editor-help-menu.bottom>.tui-image-editor-item[tooltip-content].opened:after,.tui-image-editor-container .tui-image-editor-help-menu.bottom>.tui-image-editor-item[tooltip-content].opened:before{content:none}.tui-image-editor-container .tui-image-editor-help-menu.left{height:506px;left:8px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);white-space:inherit;width:40px}.tui-image-editor-container .tui-image-editor-help-menu.left .tie-panel-history{left:140px;top:-4px}.tui-image-editor-container .tui-image-editor-help-menu.left .opened .tie-panel-history:before{border-bottom:8px solid #0000;border-right:8px solid #fff;border-top:8px solid #0000;left:-8px;top:14px}.tui-image-editor-container .tui-image-editor-help-menu.left .tui-image-editor-item{margin:4px auto;padding:6px 8px}.tui-image-editor-container .tui-image-editor-help-menu.left>.tui-image-editor-item[tooltip-content]:before{border:7px solid #0000;border-left:none;border-right-color:#2f2f2f;left:27px;top:11px}.tui-image-editor-container .tui-image-editor-help-menu.left>.tui-image-editor-item[tooltip-content]:after{left:40px;top:7px;white-space:nowrap}.tui-image-editor-container .tui-image-editor-help-menu.left>.tui-image-editor-item[tooltip-content].opened:after,.tui-image-editor-container .tui-image-editor-help-menu.left>.tui-image-editor-item[tooltip-content].opened:before{content:none}.tui-image-editor-container .tui-image-editor-help-menu.right{height:506px;right:8px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);white-space:inherit;width:40px}.tui-image-editor-container .tui-image-editor-help-menu.right .tie-panel-history{right:-30px;top:-4px}.tui-image-editor-container .tui-image-editor-help-menu.right .opened .tie-panel-history:before{border-bottom:8px solid #0000;border-left:8px solid #fff;border-top:8px solid #0000;right:-8px;top:14px}.tui-image-editor-container .tui-image-editor-help-menu.right .tui-image-editor-item{margin:4px auto;padding:6px 8px}.tui-image-editor-container .tui-image-editor-help-menu.right>.tui-image-editor-item[tooltip-content]:before{border:7px solid #0000;border-left:7px solid #2f2f2f;border-right:none;left:-6px;top:11px}.tui-image-editor-container .tui-image-editor-help-menu.right>.tui-image-editor-item[tooltip-content]:after{left:auto;right:39px;top:7px;white-space:nowrap}.tui-image-editor-container .tui-image-editor-help-menu.right>.tui-image-editor-item[tooltip-content].opened:after,.tui-image-editor-container .tui-image-editor-help-menu.right>.tui-image-editor-item[tooltip-content].opened:before{content:none}.tui-image-editor-container .tie-icon-add-button .tui-image-editor-button{min-width:42px}.tui-image-editor-container .svg_ic-helpmenu,.tui-image-editor-container .svg_ic-menu{height:24px;width:24px}.tui-image-editor-container .svg_ic-submenu{height:32px;width:32px}.tui-image-editor-container .svg_img-bi{height:26px;width:257px}.tui-image-editor-container .tui-image-editor-controls svg>use,.tui-image-editor-container .tui-image-editor-help-menu svg>use{display:none}.tui-image-editor-container .tui-image-editor-controls .enabled svg:hover>use.hover,.tui-image-editor-container .tui-image-editor-controls .normal svg:hover>use.hover,.tui-image-editor-container .tui-image-editor-help-menu .enabled svg:hover>use.hover,.tui-image-editor-container .tui-image-editor-help-menu .normal svg:hover>use.hover{display:block}.tui-image-editor-container .tui-image-editor-controls .active svg:hover>use.hover,.tui-image-editor-container .tui-image-editor-help-menu .active svg:hover>use.hover{display:none}.tui-image-editor-container .tui-image-editor-controls .active svg>use.active,.tui-image-editor-container .tui-image-editor-controls .enabled svg>use.enabled,.tui-image-editor-container .tui-image-editor-controls .on svg>use.hover,.tui-image-editor-container .tui-image-editor-controls .opened svg>use.hover,.tui-image-editor-container .tui-image-editor-controls svg>use.normal,.tui-image-editor-container .tui-image-editor-help-menu .active svg>use.active,.tui-image-editor-container .tui-image-editor-help-menu .enabled svg>use.enabled,.tui-image-editor-container .tui-image-editor-help-menu .on svg>use.hover,.tui-image-editor-container .tui-image-editor-help-menu .opened svg>use.hover,.tui-image-editor-container .tui-image-editor-help-menu svg>use.normal{display:block}.tui-image-editor-container .tui-image-editor-controls .active svg>use.normal,.tui-image-editor-container .tui-image-editor-controls .enabled svg>use.normal,.tui-image-editor-container .tui-image-editor-help-menu .active svg>use.normal,.tui-image-editor-container .tui-image-editor-help-menu .enabled svg>use.normal{display:none}.tui-image-editor-container .tui-image-editor-controls .help svg>use.disabled,.tui-image-editor-container .tui-image-editor-controls .help.enabled svg>use.normal,.tui-image-editor-container .tui-image-editor-help-menu .help svg>use.disabled,.tui-image-editor-container .tui-image-editor-help-menu .help.enabled svg>use.normal{display:block}.tui-image-editor-container .tui-image-editor-controls .help.enabled svg>use.disabled,.tui-image-editor-container .tui-image-editor-help-menu .help.enabled svg>use.disabled{display:none}.tui-image-editor-container .tui-image-editor-controls:hover{z-index:3}.tui-image-editor-container div.tui-colorpicker-clearfix{background-color:#f5f5f5;border:1px solid #d5d5d5;border-radius:2px;height:28px;margin-top:6px;padding:4px 7px;width:159px}.tui-image-editor-container .tui-colorpicker-palette-hex{background-color:#f5f5f5;border:0;font-family:Noto Sans,sans-serif;font-size:11px;margin-top:2px;width:114px}.tui-image-editor-container .tui-colorpicker-palette-hex[value=""]+.tui-colorpicker-palette-preview,.tui-image-editor-container .tui-colorpicker-palette-hex[value="#ffffff"]+.tui-colorpicker-palette-preview{border:1px solid #ccc}.tui-image-editor-container .tui-colorpicker-palette-hex[value=""]+.tui-colorpicker-palette-preview{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAdBJREFUWAnFl0FuwjAQRZ0ukiugHqFSOQNdseuKW3ALzkA4BateICvUGyCxrtRFd4WuunH/TzykaYJrnLEYaTJJsP2+x8GZZCbQrLU5mj7Bn+EP8HvnCObd+R7xBV5lWfaNON4AnsA38E94qLEt+0yiFaBzAV/Bv+Cxxr4co7hKCDpw1q9wLeNYYdlAwyn8TYt8Hme3+8D5ozcTaMCZ68PXa2tnM2sbEcOZAJhrrpl2DAcTOGNjZPSfCdzkw6JrfbiMv+osBe4y9WOedhm4jZfhbENWuxS44H9Wz/xw4WzqLOAqh1+zycgAwzEMzr5k5gaHOa9ULBwuuDkFlHI1Kl4PJ66kgIpnoywOTmRFAYcbwYk9UMApWkD8zAV5ihcwHk4Rx7gl0IFTQL0EFc+CTQ9OZHWH3YhlVJiVpTHbrTGLhTHLZVgff6s9lyBsI9KduSS83oj+34rTwJutmBmCnMsvozRwZqB5GTkBw6/jdPDu69iJ6BYk6eCcfbcgcQIK/MByaaiMqm8rHcjol2TnpWDhyAKSGdA3FrxtJUToX0ODqatetfGE+8tyEUOV8GY5dGRwLP/MBS4RHQr4bT7NRAQjlcOTfZxmv2G+c4hI8nn+Ax5PG/zhI393AAAAAElFTkSuQmCC);background-size:cover}.tui-image-editor-container .tui-colorpicker-palette-preview{border:0;border-radius:100%;float:left;height:17px;width:17px}.tui-image-editor-container .color-picker-control{background-color:#fff;border-radius:2px;-webkit-box-shadow:0 3px 22px 6px #00000026;box-shadow:0 3px 22px 6px #00000026;display:none;padding:16px;position:absolute;width:192px;z-index:99}.tui-image-editor-container .color-picker-control .tui-colorpicker-palette-toggle-slider{display:none}.tui-image-editor-container .color-picker-control .tui-colorpicker-palette-button{background-size:cover;border:0;border-radius:100%;font-size:1px;margin:2px}.tui-image-editor-container .color-picker-control .tui-colorpicker-palette-button[title=""],.tui-image-editor-container .color-picker-control .tui-colorpicker-palette-button[title="#ffffff"]{border:1px solid #ccc}.tui-image-editor-container .color-picker-control .triangle{border-left:7px solid #0000;border-right:7px solid #0000;border-top:8px solid #fff;bottom:-8px;height:0;left:84px;position:absolute;width:0}.tui-image-editor-container .color-picker-control .tui-colorpicker-container,.tui-image-editor-container .color-picker-control .tui-colorpicker-palette-container,.tui-image-editor-container .color-picker-control .tui-colorpicker-palette-container ul{height:auto;width:100%}.tui-image-editor-container .filter-color-item .color-picker-control label{font-color:#333;font-weight:400;margin-right:7pxleft}.tui-image-editor-container .filter-color-item .tui-image-editor-checkbox{margin-top:0}.tui-image-editor-container .filter-color-item .tui-image-editor-checkbox input+label:before,.tui-image-editor-container .filter-color-item .tui-image-editor-checkbox>label:before{left:-16px}.tui-image-editor-container .color-picker{height:auto;width:100%}.tui-image-editor-container .color-picker-value{border:0;border-radius:100%;height:32px;margin:auto auto 1px;width:32px}.tui-image-editor-container .color-picker-value.transparent{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAdBJREFUWAnFl0FuwjAQRZ0ukiugHqFSOQNdseuKW3ALzkA4BateICvUGyCxrtRFd4WuunH/TzykaYJrnLEYaTJJsP2+x8GZZCbQrLU5mj7Bn+EP8HvnCObd+R7xBV5lWfaNON4AnsA38E94qLEt+0yiFaBzAV/Bv+Cxxr4co7hKCDpw1q9wLeNYYdlAwyn8TYt8Hme3+8D5ozcTaMCZ68PXa2tnM2sbEcOZAJhrrpl2DAcTOGNjZPSfCdzkw6JrfbiMv+osBe4y9WOedhm4jZfhbENWuxS44H9Wz/xw4WzqLOAqh1+zycgAwzEMzr5k5gaHOa9ULBwuuDkFlHI1Kl4PJ66kgIpnoywOTmRFAYcbwYk9UMApWkD8zAV5ihcwHk4Rx7gl0IFTQL0EFc+CTQ9OZHWH3YhlVJiVpTHbrTGLhTHLZVgff6s9lyBsI9KduSS83oj+34rTwJutmBmCnMsvozRwZqB5GTkBw6/jdPDu69iJ6BYk6eCcfbcgcQIK/MByaaiMqm8rHcjol2TnpWDhyAKSGdA3FrxtJUToX0ODqatetfGE+8tyEUOV8GY5dGRwLP/MBS4RHQr4bT7NRAQjlcOTfZxmv2G+c4hI8nn+Ax5PG/zhI393AAAAAElFTkSuQmCC);background-size:cover;border:1px solid #cbcbcb}.tui-image-editor-container .color-picker-value+label{color:#fff}.tui-image-editor-container .tui-image-editor-submenu svg>use{display:none}.tie-icon-add-button.icon-arrow .tui-image-editor-button[data-icontype=icon-arrow] svg>use.active,.tie-icon-add-button.icon-arrow-2 .tui-image-editor-button[data-icontype=icon-arrow-2] svg>use.active,.tie-icon-add-button.icon-arrow-3 .tui-image-editor-button[data-icontype=icon-arrow-3] svg>use.active,.tie-icon-add-button.icon-bubble .tui-image-editor-button[data-icontype=icon-bubble] svg>use.active,.tie-icon-add-button.icon-heart .tui-image-editor-button[data-icontype=icon-heart] svg>use.active,.tie-icon-add-button.icon-location .tui-image-editor-button[data-icontype=icon-location] svg>use.active,.tie-icon-add-button.icon-polygon .tui-image-editor-button[data-icontype=icon-polygon] svg>use.active,.tie-icon-add-button.icon-star .tui-image-editor-button[data-icontype=icon-star] svg>use.active,.tie-icon-add-button.icon-star-2 .tui-image-editor-button[data-icontype=icon-star-2] svg>use.active,.tui-image-editor-container .tui-image-editor-submenu svg>use.normal{display:block}.tie-draw-line-select-button.free .tui-image-editor-button.free svg>use.normal,.tie-draw-line-select-button.line .tui-image-editor-button.line svg>use.normal{display:none}.tie-draw-line-select-button.free .tui-image-editor-button.free svg>use.active,.tie-draw-line-select-button.line .tui-image-editor-button.line svg>use.active{display:block}.tie-flip-button.flipX .tui-image-editor-button.flipX svg>use.normal,.tie-flip-button.flipY .tui-image-editor-button.flipY svg>use.normal,.tie-flip-button.resetFlip .tui-image-editor-button.resetFlip svg>use.normal{display:none}.tie-flip-button.flipX .tui-image-editor-button.flipX svg>use.active,.tie-flip-button.flipY .tui-image-editor-button.flipY svg>use.active,.tie-flip-button.resetFlip .tui-image-editor-button.resetFlip svg>use.active{display:block}.tie-mask-apply.apply.active .tui-image-editor-button.apply label{color:#fff}.tie-mask-apply.apply.active .tui-image-editor-button.apply svg>use.active{display:block}.tie-crop-button .tui-image-editor-button.apply,.tie-crop-preset-button .tui-image-editor-button.apply{margin-right:24px}.tie-crop-button .tui-image-editor-button.apply.active svg>use.active,.tie-crop-button .tui-image-editor-button.preset.active svg>use.active,.tie-crop-preset-button .tui-image-editor-button.apply.active svg>use.active,.tie-crop-preset-button .tui-image-editor-button.preset.active svg>use.active{display:block}.tie-resize-button .tui-image-editor-button.apply,.tie-resize-preset-button .tui-image-editor-button.apply{margin-right:24px}.tie-resize-button .tui-image-editor-button.apply.active svg>use.active,.tie-resize-button .tui-image-editor-button.preset.active svg>use.active,.tie-resize-preset-button .tui-image-editor-button.apply.active svg>use.active,.tie-resize-preset-button .tui-image-editor-button.preset.active svg>use.active{display:block}.tie-shape-button.circle .tui-image-editor-button.circle svg>use.normal,.tie-shape-button.rect .tui-image-editor-button.rect svg>use.normal,.tie-shape-button.triangle .tui-image-editor-button.triangle svg>use.normal{display:none}.tie-shape-button.circle .tui-image-editor-button.circle svg>use.active,.tie-shape-button.rect .tui-image-editor-button.rect svg>use.active,.tie-shape-button.triangle .tui-image-editor-button.triangle svg>use.active,.tie-text-align-button.tie-text-align-center .tui-image-editor-button.center svg>use.active,.tie-text-align-button.tie-text-align-left .tui-image-editor-button.left svg>use.active,.tie-text-align-button.tie-text-align-right .tui-image-editor-button.right svg>use.active,.tie-text-effect-button .tui-image-editor-button.active svg>use.active{display:block}.tie-icon-image-file,.tie-mask-image-file{border:1px solid green;cursor:inherit;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}.tie-zoom-button.flipX .tui-image-editor-button.flipX svg>use.normal,.tie-zoom-button.flipY .tui-image-editor-button.flipY svg>use.normal,.tie-zoom-button.resetFlip .tui-image-editor-button.resetFlip svg>use.normal{display:none}.tie-zoom-button.flipX .tui-image-editor-button.flipX svg>use.active,.tie-zoom-button.flipY .tui-image-editor-button.flipY svg>use.active,.tie-zoom-button.resetFlip .tui-image-editor-button.resetFlip svg>use.active{display:block}.tui-image-editor-container.top.tui-image-editor-top-optimization .tui-image-editor-controls ul{text-align:right}.tui-image-editor-container.top.tui-image-editor-top-optimization .tui-image-editor-controls-logo{display:none}

/*!
 * TOAST UI Color Picker
 * @version 2.2.8
 * @author NHN Cloud FE Development Team <dl_javascript@nhn.com>
 * @license MIT
 */.tui-colorpicker-clearfix{zoom:1}.tui-colorpicker-clearfix:after{clear:both;content:"";display:block}.tui-colorpicker-vml{behavior:url(#default#VML);display:block}.tui-colorpicker-container,.tui-colorpicker-palette-container{width:152px}.tui-colorpicker-palette-container ul{margin:0;padding:0;width:152px}.tui-colorpicker-palette-container li{float:left;list-style:none;margin:0;padding:0 3px 3px 0}.tui-colorpicker-palette-button{border:1px solid #ccc;cursor:pointer;display:block;height:16px;margin:0;outline:none;overflow:hidden;padding:0;width:16px}.tui-colorpicker-palette-button.tui-colorpicker-selected{border:2px solid #000}.tui-colorpicker-palette-button.tui-colorpicker-color-transparent{barckground-repeat:repeat;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAOCAYAAAD0f5bSAAABfGlDQ1BJQ0MgUHJvZmlsZQAAKJFjYGAqSSwoyGFhYGDIzSspCnJ3UoiIjFJgv8PAzcDDIMRgxSCemFxc4BgQ4MOAE3y7xsAIoi/rgsxK8/x506a1fP4WNq+ZclYlOrj1gQF3SmpxMgMDIweQnZxSnJwLZOcA2TrJBUUlQPYMIFu3vKQAxD4BZIsUAR0IZN8BsdMh7A8gdhKYzcQCVhMS5AxkSwDZAkkQtgaInQ5hW4DYyRmJKUC2B8guiBvAgNPDRcHcwFLXkYC7SQa5OaUwO0ChxZOaFxoMcgcQyzB4MLgwKDCYMxgwWDLoMjiWpFaUgBQ65xdUFmWmZ5QoOAJDNlXBOT+3oLQktUhHwTMvWU9HwcjA0ACkDhRnEKM/B4FNZxQ7jxDLX8jAYKnMwMDcgxBLmsbAsH0PA4PEKYSYyjwGBn5rBoZt5woSixLhDmf8xkKIX5xmbARh8zgxMLDe+///sxoDA/skBoa/E////73o//+/i4H2A+PsQA4AJHdp4IxrEg8AAAGbaVRYdFhNTDpjb20uYWRvYmUueG1wAAAAAAA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJYTVAgQ29yZSA1LjQuMCI+CiAgIDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+CiAgICAgIDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiCiAgICAgICAgICAgIHhtbG5zOmV4aWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20vZXhpZi8xLjAvIj4KICAgICAgICAgPGV4aWY6UGl4ZWxYRGltZW5zaW9uPjEzPC9leGlmOlBpeGVsWERpbWVuc2lvbj4KICAgICAgICAgPGV4aWY6UGl4ZWxZRGltZW5zaW9uPjE0PC9leGlmOlBpeGVsWURpbWVuc2lvbj4KICAgICAgPC9yZGY6RGVzY3JpcHRpb24+CiAgIDwvcmRmOlJERj4KPC94OnhtcG1ldGE+CghrN1AAAABzSURBVCgVldKxEYAgDAXQD5VOpLuwgi4jlrTMqF00oOd5Aia/CcV/F4oYOgNlrLjvVyCEVJchBjEC25538PeaWTzRMBLxvIL7UZwFwL06qoA6aoAy+gFfJABvJAQPUoCMlICRRd8BzgHzJL4ok9aJ67l4AK9AxVKhHryUAAAAAElFTkSuQmCC);background-repeat:no-repeat}.tui-colorpicker-palette-hex{font-family:monospace;width:60px}.tui-colorpicker-palette-hex,.tui-colorpicker-palette-preview{zoom:1;display:inline-block;*display:inline;vertical-align:middle}.tui-colorpicker-palette-preview{border:1px solid #ccc;height:12px;overflow:hidden;width:12px}.tui-colorpicker-palette-toggle-slider{zoom:1;display:inline-block;*display:inline;float:right;vertical-align:middle}.tui-colorpicker-slider-container{zoom:1;height:122px;margin:5px 0 0}.tui-colorpicker-slider-container:after{clear:both;content:"";display:block}.tui-colorpicker-slider-left{float:left;height:120px;width:120px}.tui-colorpicker-slider-right{float:right;height:120px;width:32px}.tui-colorpicker-svg{display:block}.tui-colorpicker-slider-handle{height:1px;left:0;opacity:.9;overflow:visible;position:absolute;top:0;width:1px;z-index:2}.tui-colorpicker-svg-slider,.tui-colorpicker-vml-slider{border:1px solid #ccc;height:120px;overflow:hidden;width:120px}.tui-colorpicker-vml-slider{position:relative}.tui-colorpicker-vml-slider-bg{height:122px;left:0;margin:-1px 0 0 -1px;position:absolute;top:0;width:122px}.tui-colorpicker-svg-huebar{border:1px solid #ccc;float:right;height:120px;overflow:visible;width:18px}.tui-colorpicker-vml-huebar{position:relative;width:32px}.tui-colorpicker-vml-huebar-bg{height:121px;position:absolute;right:0;top:0;width:18px}svg:has(>defs#tui-image-editor-svg-default-icons),svg[xmlns="http://www.w3.org/2000/svg"][display=none]{height:0!important;overflow:hidden!important;pointer-events:none!important;position:absolute!important;visibility:hidden!important;width:0!important}.image-editor-modal-overlay{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#000000f2;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.image-editor-modal{animation:slideUp .3s ease-out;background:#0a0a0f;display:flex;flex-direction:column;height:100%;width:100%}.modal-header{align-items:center;background:linear-gradient(180deg,#18181bf2,#18181bcc);border-bottom:1px solid #ffffff14;display:flex;flex-shrink:0;justify-content:space-between;padding:1rem 1.5rem}.modal-header .header-left{align-items:center;display:flex;gap:1rem}.modal-header .header-left h2{color:#fff;font-size:1.25rem;font-weight:600;margin:0}.modal-header .header-left .image-name{background:#8b5cf626;border:1px solid #8b5cf64d;border-radius:9999px;color:#a1a1aa;font-size:.875rem;padding:.25rem .75rem}.modal-header .header-actions{align-items:center;display:flex;gap:.75rem}.modal-header .action-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}@media(max-width:768px){.modal-header .action-btn span{display:none}}.modal-header .action-btn.reset{background:#ef444426;border:1px solid #ef44444d;color:#f87171}.modal-header .action-btn.reset:hover{background:#ef444440;transform:translateY(-1px)}.modal-header .action-btn.download{background:#3b82f626;border:1px solid #3b82f64d;color:#60a5fa}.modal-header .action-btn.download:hover{background:#3b82f640;transform:translateY(-1px)}.modal-header .action-btn.save{background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;box-shadow:0 4px 15px #8b5cf64d;color:#fff}.modal-header .action-btn.save:hover{background:linear-gradient(135deg,#9f75ff,#8b5cf6);box-shadow:0 6px 20px #8b5cf666;transform:translateY(-1px)}.modal-header .action-btn:active{transform:translateY(0)}.modal-header .close-btn{align-items:center;background:#ffffff0d;border:none;border-radius:10px;color:#a1a1aa;cursor:pointer;display:flex;height:40px;justify-content:center;margin-left:.5rem;transition:all .2s ease;width:40px}.modal-header .close-btn:hover{background:#ef444433;color:#f87171;transform:rotate(90deg)}.editor-wrapper{flex:1 1;min-height:0;overflow:hidden;position:relative}.loading-overlay{align-items:center;background:#0a0a0f;bottom:0;display:flex;flex-direction:column;gap:1rem;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:10}.loading-overlay .loading-spinner{animation:spin .8s linear infinite;border:3px solid #8b5cf633;border-radius:50%;border-top-color:#8b5cf6;height:40px;width:40px}.loading-overlay span{color:#a1a1aa;font-size:.875rem}.editor-container{height:100%;width:100%}.image-editor-modal .tui-image-editor-container{background-color:#0a0a0f!important}.image-editor-modal .tui-image-editor-container .tui-image-editor-header{display:none!important}.image-editor-modal .tui-image-editor-container .tui-image-editor-main-container{background-color:#0a0a0f!important}.image-editor-modal .tui-image-editor-container .tui-image-editor-submenu{background-color:#18181b!important;border-color:#27272a!important}.image-editor-modal .tui-image-editor-container .tui-image-editor-menu{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#18181bf2!important}.image-editor-modal .tui-image-editor-container.left .tui-image-editor-menu{border-right:1px solid #ffffff14;width:64px}.image-editor-modal .tui-image-editor-container .tui-image-editor-button:hover{background-color:#8b5cf626}.image-editor-modal .tui-image-editor-container .tui-image-editor-button.active{background-color:#8b5cf640}.image-editor-modal .tui-image-editor-container .tui-image-editor-range .tui-image-editor-virtual-range-pointer{background-color:#8b5cf6;box-shadow:0 0 10px #8b5cf680}.image-editor-modal .tui-image-editor-container .tui-image-editor-range .tui-image-editor-virtual-range-subbar{background-color:#8b5cf6}.image-editor-modal .tui-image-editor-container .tui-image-editor-range .tui-image-editor-virtual-range-bar{background-color:#27272a}.image-editor-modal .tui-image-editor-container .tui-image-editor-partition>div{background-color:#27272a!important}.image-editor-modal .tui-image-editor-container .tui-image-editor-controls{background-color:#18181b;border-top:1px solid #27272a}.image-editor-modal .tui-image-editor-container .tui-image-editor-canvas-container{background-color:#0a0a0f!important}.image-editor-modal .tui-image-editor-container .tui-image-editor-checkbox input:checked+label:before{background-color:#8b5cf6;border-color:#8b5cf6}.image-editor-modal .tui-image-editor-container .tui-image-editor-icon-button,.image-editor-modal .tui-image-editor-container .tui-image-editor-shape-button{background-color:#18181b;border:1px solid #3f3f46}.image-editor-modal .tui-image-editor-container .tui-image-editor-icon-button:hover,.image-editor-modal .tui-image-editor-container .tui-image-editor-shape-button:hover{border-color:#8b5cf6}.image-editor-modal .tui-image-editor-container .tui-image-editor-icon-button.active,.image-editor-modal .tui-image-editor-container .tui-image-editor-shape-button.active{background-color:#8b5cf633;border-color:#8b5cf6}.image-editor-modal .tui-image-editor-container .tui-image-editor-filter-button{background-color:#18181b;border:1px solid #3f3f46}.image-editor-modal .tui-image-editor-container .tui-image-editor-filter-button:hover{border-color:#8b5cf6}.image-editor-modal .tui-image-editor-container .tui-image-editor-filter-button.apply{background-color:#10b98133;border-color:#10b981}.image-editor-modal .tui-image-editor-container .tui-image-editor-help-menu{background-color:#0000}.image-editor-modal .tui-image-editor-container .tui-image-editor-help-menu .tui-image-editor-item:hover{background-color:#8b5cf626}@media(max-width:768px){.modal-header{padding:.75rem 1rem}.modal-header .header-left h2{font-size:1rem}.modal-header .header-left .image-name{display:none}.modal-header .action-btn{padding:.5rem}.image-editor-modal .tui-image-editor-container.left .tui-image-editor-menu{width:48px}}.photo-studio-page{background:var(--color-bg-primary);display:flex;flex-direction:column;height:100%;min-height:calc(100vh - 80px);overflow:hidden}.photo-studio-page .page-header{align-items:center;-webkit-backdrop-filter:blur(var(--blur-lg));backdrop-filter:blur(var(--blur-lg));background:var(--glass-bg);border-bottom:1px solid var(--border-light);display:flex;flex-shrink:0;justify-content:space-between;margin:0;padding:var(--spacing-4) var(--spacing-6)}@media(max-width:768px){.photo-studio-page .page-header{align-items:flex-start;flex-direction:column;gap:var(--spacing-4);padding:var(--spacing-4)}}.photo-studio-page .page-header .header-content .page-title{align-items:center;color:var(--text-primary);display:flex;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);gap:var(--spacing-3);margin:0}.photo-studio-page .page-header .header-content .page-title .title-icon{color:var(--color-primary)}.photo-studio-page .page-header .header-content .page-subtitle{color:var(--text-tertiary);font-size:var(--font-size-sm);margin:var(--spacing-1) 0 0}.photo-studio-page .page-header .header-actions{align-items:center;display:flex;gap:var(--spacing-3)}@media(max-width:768px){.photo-studio-page .page-header .header-actions{justify-content:space-between;width:100%}}.photo-studio-page .page-header .header-actions .undo-redo-group{background:var(--glass-bg);border:1px solid var(--border-light);border-radius:var(--radius-lg);display:flex;gap:var(--spacing-1);padding:var(--spacing-1)}.photo-studio-page .page-header .header-actions .undo-redo-group .redo-btn,.photo-studio-page .page-header .header-actions .undo-redo-group .undo-btn{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:flex;height:36px;justify-content:center;transition:var(--transition-fast);width:36px}.photo-studio-page .page-header .header-actions .undo-redo-group .redo-btn:hover:not(:disabled),.photo-studio-page .page-header .header-actions .undo-redo-group .undo-btn:hover:not(:disabled){background:#7c3aed26;color:var(--color-primary)}.photo-studio-page .page-header .header-actions .undo-redo-group .redo-btn.disabled,.photo-studio-page .page-header .header-actions .undo-redo-group .redo-btn:disabled,.photo-studio-page .page-header .header-actions .undo-redo-group .undo-btn.disabled,.photo-studio-page .page-header .header-actions .undo-redo-group .undo-btn:disabled{cursor:not-allowed;opacity:.3}.photo-studio-page .page-header .header-actions .layout-toggle,.photo-studio-page .page-header .header-actions .view-toggle{background:var(--glass-bg);border:1px solid var(--border-light);border-radius:var(--radius-lg);display:flex;padding:var(--spacing-1)}.photo-studio-page .page-header .header-actions .layout-toggle .toggle-btn,.photo-studio-page .page-header .header-actions .view-toggle .toggle-btn{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);color:var(--text-tertiary);cursor:pointer;display:flex;height:36px;justify-content:center;transition:var(--transition-fast);width:36px}.photo-studio-page .page-header .header-actions .layout-toggle .toggle-btn:hover,.photo-studio-page .page-header .header-actions .view-toggle .toggle-btn:hover{background:var(--glass-bg);color:var(--text-primary)}.photo-studio-page .page-header .header-actions .layout-toggle .toggle-btn.active,.photo-studio-page .page-header .header-actions .view-toggle .toggle-btn.active{background:#7c3aed26;color:var(--color-primary)}.photo-studio-page .page-header .header-actions .header-btn{align-items:center;background:var(--glass-bg);border:1px solid var(--border-light);border-radius:var(--radius-lg);color:var(--text-secondary);cursor:pointer;display:flex;font-size:var(--font-size-sm);gap:var(--spacing-2);height:46px;padding:0 var(--spacing-3);transition:var(--transition-fast)}.photo-studio-page .page-header .header-actions .header-btn:hover{background:var(--glass-bg-strong);color:var(--text-primary)}@media(max-width:768px){.photo-studio-page .page-header .header-actions .header-btn .btn-text{display:none}}.photo-studio-page .studio-layout{display:block;flex:1 1;overflow:hidden;position:relative}.photo-studio-page .tools-sidebar{left:var(--spacing-4);max-height:calc(100% - var(--spacing-4));overflow-y:auto;pointer-events:auto;position:absolute;top:var(--spacing-4);width:260px;z-index:100}.photo-studio-page .tools-sidebar .tools-panel{-webkit-backdrop-filter:blur(var(--blur-lg));backdrop-filter:blur(var(--blur-lg));background:var(--glass-bg-strong);border:1px solid var(--border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);padding:var(--spacing-4)}.photo-studio-page .tools-sidebar .tools-panel .panel-title{align-items:center;color:var(--text-primary);display:flex;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);gap:var(--spacing-2);margin:0 0 var(--spacing-4)}.photo-studio-page .tools-sidebar .tools-panel .tools-list{display:flex;flex-direction:column;gap:var(--spacing-2)}.photo-studio-page .tools-sidebar .tools-panel .tool-btn{align-items:center;background:var(--glass-bg);border:1px solid var(--border-light);border-radius:var(--radius-lg);color:var(--text-secondary);cursor:pointer;display:flex;font-size:var(--font-size-sm);gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4);transition:var(--transition-fast);width:100%}.photo-studio-page .tools-sidebar .tools-panel .tool-btn svg:first-child{color:var(--tool-color);flex-shrink:0}.photo-studio-page .tools-sidebar .tools-panel .tool-btn span:first-of-type{flex:1 1;text-align:left}.photo-studio-page .tools-sidebar .tools-panel .tool-btn .cost-badge{align-items:center;border-radius:var(--radius-sm);display:flex;flex-shrink:0;font-size:10px;font-weight:500;gap:3px;padding:2px 6px}.photo-studio-page .tools-sidebar .tools-panel .tool-btn .cost-badge svg{height:12px;width:12px}.photo-studio-page .tools-sidebar .tools-panel .tool-btn .cost-badge.free{background:#10b98126;border:1px solid #10b9814d;color:#10b981}.photo-studio-page .tools-sidebar .tools-panel .tool-btn .cost-badge.credits{background:#f59e0b26;border:1px solid #f59e0b4d;color:#f59e0b}.photo-studio-page .tools-sidebar .tools-panel .tool-btn:hover:not(:disabled){background:var(--glass-bg-strong);border-color:var(--tool-color);color:var(--text-primary);transform:translateX(4px)}.photo-studio-page .tools-sidebar .tools-panel .tool-btn:disabled{cursor:not-allowed;opacity:.4}.photo-studio-page .tools-sidebar .tools-panel .tools-hint{color:var(--text-tertiary);font-size:var(--font-size-xs);margin-top:var(--spacing-4);text-align:center}@media(max-width:768px){.photo-studio-page .tools-sidebar{display:none}}.photo-studio-page .canvas-area{background:radial-gradient(circle at center,var(--color-bg-tertiary) 0,var(--color-bg-primary) 100%);inset:0;overflow:hidden;position:absolute}.photo-studio-page .canvas-area:before{background-image:radial-gradient(circle,var(--text-tertiary) 1px,#0000 1px);background-size:24px 24px;content:"";filter:blur(.5px);inset:0;opacity:.15;pointer-events:none;position:absolute}.photo-studio-page .upload-zone{align-items:center;background:var(--glass-bg);border:2px dashed var(--border-medium);border-radius:var(--radius-2xl);cursor:pointer;display:flex;inset:var(--spacing-8);justify-content:center;position:absolute;transition:var(--transition-normal)}@media(max-width:768px){.photo-studio-page .upload-zone{height:auto;inset:auto;left:50%;max-height:80vh;min-height:300px;padding:var(--spacing-6);top:50%;transform:translate(-50%,-50%);width:calc(100% - var(--spacing-8))}}.photo-studio-page .upload-zone.dragging,.photo-studio-page .upload-zone:hover{background:#7c3aed0d;border-color:var(--color-primary)}.photo-studio-page .upload-zone.dragging .upload-icon,.photo-studio-page .upload-zone:hover .upload-icon{color:var(--color-primary);transform:scale(1.1)}.photo-studio-page .upload-zone .hidden-input{display:none}.photo-studio-page .upload-zone .upload-content{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-3);text-align:center}.photo-studio-page .upload-zone .upload-icon{align-items:center;background:var(--gradient-primary);border-radius:var(--radius-full);color:#fff;display:flex;height:100px;justify-content:center;transition:var(--transition-normal);width:100px}.photo-studio-page .upload-zone h3{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin:0}.photo-studio-page .upload-zone p{color:var(--text-secondary);font-size:var(--font-size-base);margin:0}.photo-studio-page .upload-zone .upload-hint{color:var(--text-tertiary);font-size:var(--font-size-xs)}.photo-studio-page .node-canvas{cursor:grab;inset:0;overflow:visible;position:absolute}.photo-studio-page .node-canvas.panning{cursor:grabbing}.photo-studio-page .node-canvas .canvas-inner{left:50%;position:absolute;top:50%;transform-origin:center center;transition:transform .15s ease-out}.photo-studio-page .node-canvas .connections-svg{z-index:0}.photo-studio-page .node-canvas .node-wrapper{position:absolute;transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:1}.photo-studio-page .node-canvas .node-wrapper:hover{z-index:10}.photo-studio-page .node-card{background:var(--glass-bg-strong);border:1px solid var(--border-light);border-radius:var(--radius-xl);cursor:pointer;overflow:hidden;position:relative;transition:var(--transition-fast);width:160px}.photo-studio-page .node-card:hover{border-color:var(--type-color);box-shadow:var(--shadow-lg),0 0 20px #7c3aed33;transform:translateY(-4px)}.photo-studio-page .node-card.selected{border-color:var(--color-primary);box-shadow:0 0 0 2px #7c3aed4d}.photo-studio-page .node-card.processing .node-thumbnail{filter:blur(2px)}.photo-studio-page .node-card .node-thumbnail{align-items:center;aspect-ratio:4/5;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffff1a,#ffffff0d);display:flex;justify-content:center;overflow:hidden;position:relative}.photo-studio-page .node-card .node-thumbnail:before{background:radial-gradient(ellipse at center,#7c3aed14 0,#0000 70%);content:"";inset:0;pointer-events:none;position:absolute}.photo-studio-page .node-card .node-thumbnail img{height:100%;object-fit:contain;position:relative;width:100%;z-index:1}.photo-studio-page .node-card .node-thumbnail .processing-overlay{align-items:center;background:#000000b3;color:var(--text-primary);display:flex;flex-direction:column;font-size:var(--font-size-xs);gap:var(--spacing-2);inset:0;justify-content:center;position:absolute}.photo-studio-page .node-card .node-thumbnail .processing-overlay .spin{animation:spin 1s linear infinite}.photo-studio-page .node-card .node-thumbnail .processing-overlay .estimated-time{color:var(--color-primary);font-size:var(--font-size-xs);margin-top:var(--spacing-1);opacity:.9}.photo-studio-page .node-card .node-thumbnail .video-thumb{align-items:center;color:var(--text-tertiary);display:flex;flex-direction:column;gap:var(--spacing-2)}.photo-studio-page .node-card .node-thumbnail .video-thumb span{font-size:var(--font-size-xs)}.photo-studio-page .node-card .node-thumbnail .video-thumb-container{align-items:center;display:flex;height:100%;justify-content:center;position:relative;width:100%}.photo-studio-page .node-card .node-thumbnail .video-thumb-container img,.photo-studio-page .node-card .node-thumbnail .video-thumb-container video{height:100%;object-fit:cover;width:100%}.photo-studio-page .node-card .node-thumbnail .video-thumb-container .play-icon-overlay{align-items:center;background:#0006;color:#fff;display:flex;inset:0;justify-content:center;position:absolute;transition:var(--transition-fast)}.photo-studio-page .node-card .node-thumbnail .video-thumb-container .play-icon-overlay svg{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.photo-studio-page .node-card .node-thumbnail .video-thumb-container:hover .play-icon-overlay{background:#ec489999}.photo-studio-page .node-card .node-thumbnail .no-image{color:var(--text-tertiary)}.photo-studio-page .node-card .node-info{display:flex;flex-direction:column;gap:var(--spacing-1);padding:var(--spacing-2) var(--spacing-3)}.photo-studio-page .node-card .node-info .node-type{align-items:center;display:flex;font-size:var(--font-size-xs);gap:var(--spacing-1);text-transform:capitalize}.photo-studio-page .node-card .node-info .node-label{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.photo-studio-page .node-card .selection-ring{animation:pulse 2s ease-in-out infinite;border:2px solid var(--color-primary);border-radius:var(--radius-xl);inset:-3px;pointer-events:none;position:absolute}.photo-studio-page .node-card .mobile-fullscreen-btn{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#0009;border:1px solid #fff3;border-radius:var(--radius-lg);color:#fff;cursor:pointer;display:flex;height:36px;justify-content:center;position:absolute;right:var(--spacing-2);top:var(--spacing-2);transition:var(--transition-fast);width:36px;z-index:10}.photo-studio-page .node-card .mobile-fullscreen-btn:active,.photo-studio-page .node-card .mobile-fullscreen-btn:hover{background:#7c3aedcc;border-color:var(--color-primary)}.photo-studio-page .gallery-view{inset:0;overflow-y:auto;padding:var(--spacing-6);padding-left:300px;padding-right:304px;position:absolute}@media(max-width:768px){.photo-studio-page .gallery-view{padding-left:var(--spacing-4);padding-right:var(--spacing-4)}}.photo-studio-page .gallery-view .gallery-grid{grid-gap:var(--spacing-4);display:grid;gap:var(--spacing-4);grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.photo-studio-page .canvas-controls{align-items:center;-webkit-backdrop-filter:blur(var(--blur-lg));backdrop-filter:blur(var(--blur-lg));background:var(--glass-bg-strong);border:1px solid var(--border-light);border-radius:var(--radius-full);bottom:var(--spacing-4);display:flex;gap:var(--spacing-2);left:50%;padding:var(--spacing-2);position:absolute;transform:translateX(-50%)}.photo-studio-page .canvas-controls button{align-items:center;background:#0000;border:none;border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;transition:var(--transition-fast);width:32px}.photo-studio-page .canvas-controls button:hover{background:var(--glass-bg);color:var(--text-primary)}.photo-studio-page .canvas-controls .zoom-level{color:var(--text-tertiary);font-size:var(--font-size-xs);min-width:40px;text-align:center}.photo-studio-page .add-more-btn{align-items:center;background:var(--gradient-primary);border:none;border-radius:var(--radius-full);bottom:var(--spacing-4);box-shadow:var(--shadow-lg),var(--shadow-glow);color:#fff;cursor:pointer;display:flex;height:48px;justify-content:center;position:absolute;right:var(--spacing-4);transition:var(--transition-normal);width:48px}.photo-studio-page .add-more-btn:hover{transform:scale(1.1)}.photo-studio-page .properties-sidebar{max-height:calc(100% - var(--spacing-4));overflow-y:auto;pointer-events:auto;position:absolute;right:0;top:var(--spacing-4);width:280px;z-index:100}@media(max-width:768px){.photo-studio-page .properties-sidebar{display:none}}.photo-studio-page .properties-panel{-webkit-backdrop-filter:blur(var(--blur-lg));backdrop-filter:blur(var(--blur-lg));background:var(--glass-bg-strong);border:1px solid var(--border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);padding:var(--spacing-4)}.photo-studio-page .properties-panel.empty{align-items:center;display:flex;justify-content:center;min-height:200px}.photo-studio-page .properties-panel.empty .empty-state{align-items:center;color:var(--text-tertiary);display:flex;flex-direction:column;gap:var(--spacing-3);text-align:center}.photo-studio-page .properties-panel .panel-title{align-items:center;color:var(--text-primary);display:flex;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);gap:var(--spacing-2);margin:0 0 var(--spacing-4)}.photo-studio-page .properties-panel .property-preview{aspect-ratio:4/5;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border-radius:var(--radius-lg);cursor:pointer;margin-bottom:var(--spacing-4);overflow:hidden;position:relative}.photo-studio-page .properties-panel .property-preview:before{background:radial-gradient(ellipse at center,#7c3aed14 0,#0000 70%);content:"";inset:0;pointer-events:none;position:absolute}.photo-studio-page .properties-panel .property-preview img{height:100%;object-fit:contain;position:relative;width:100%;z-index:1}.photo-studio-page .properties-panel .property-preview .preview-loading,.photo-studio-page .properties-panel .property-preview .preview-video{align-items:center;color:var(--text-tertiary);display:flex;flex-direction:column;gap:var(--spacing-2);height:100%;justify-content:center;width:100%}.photo-studio-page .properties-panel .property-preview .video-player{background:#000;border-radius:var(--radius-md);height:100%;object-fit:contain;width:100%}.photo-studio-page .properties-panel .property-preview .spin{animation:spin 1s linear infinite}.photo-studio-page .properties-panel .property-details{display:flex;flex-direction:column;gap:var(--spacing-3);margin-bottom:var(--spacing-4)}.photo-studio-page .properties-panel .property-details .detail-row{align-items:center;display:flex;font-size:var(--font-size-sm);gap:var(--spacing-2);justify-content:space-between;min-width:0}.photo-studio-page .properties-panel .property-details .detail-row .label{color:var(--text-tertiary);flex-shrink:0}.photo-studio-page .properties-panel .property-details .detail-row .value{color:var(--text-primary);max-width:60%;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap}.photo-studio-page .properties-panel .property-details .detail-row .value.type-badge{background:var(--glass-bg);border-radius:var(--radius-sm);padding:var(--spacing-1) var(--spacing-2);text-transform:capitalize}.photo-studio-page .properties-panel .property-details .detail-row .value.status-completed{color:var(--color-success)}.photo-studio-page .properties-panel .property-details .detail-row .value.status-processing{color:var(--color-warning)}.photo-studio-page .properties-panel .property-details .detail-row .value.status-failed{color:var(--color-error)}.photo-studio-page .properties-panel .property-actions{display:flex;gap:var(--spacing-2)}.photo-studio-page .properties-panel .property-actions .action-btn{align-items:center;background:var(--glass-bg);border:1px solid var(--border-light);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:flex;flex:1 1;font-size:var(--font-size-sm);gap:var(--spacing-2);justify-content:center;padding:var(--spacing-2) var(--spacing-3);transition:var(--transition-fast)}.photo-studio-page .properties-panel .property-actions .action-btn:hover:not(:disabled){border-color:var(--text-secondary);color:var(--text-primary)}.photo-studio-page .properties-panel .property-actions .action-btn:disabled{cursor:not-allowed;opacity:.4}.photo-studio-page .properties-panel .property-actions .action-btn.delete:hover:not(:disabled){border-color:var(--color-error);color:var(--color-error)}.photo-studio-page .history-overlay{background:#00000080;inset:0;position:absolute;z-index:var(--z-overlay)}.photo-studio-page .history-sidebar{animation:slideIn .2s ease;background:var(--color-bg-secondary);border-left:1px solid var(--border-light);bottom:0;display:flex;flex-direction:column;position:absolute;right:0;top:0;width:320px}.photo-studio-page .history-sidebar .history-header{align-items:center;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;padding:var(--spacing-4)}.photo-studio-page .history-sidebar .history-header h3{align-items:center;color:var(--text-primary);display:flex;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);gap:var(--spacing-2);margin:0}.photo-studio-page .history-sidebar .history-header button{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);color:var(--text-tertiary);cursor:pointer;display:flex;height:32px;justify-content:center;width:32px}.photo-studio-page .history-sidebar .history-header button:hover{background:var(--glass-bg);color:var(--text-primary)}.photo-studio-page .history-timeline{flex:1 1;overflow-y:auto;padding:var(--spacing-4)}.photo-studio-page .history-timeline.empty{align-items:center;color:var(--text-tertiary);display:flex;flex-direction:column;gap:var(--spacing-3);justify-content:center}.photo-studio-page .history-timeline .timeline-node{margin-left:calc(var(--level)*var(--spacing-4))}.photo-studio-page .history-timeline .timeline-item{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);cursor:pointer;display:flex;gap:var(--spacing-3);padding:var(--spacing-2) var(--spacing-3);text-align:left;transition:var(--transition-fast);width:100%}.photo-studio-page .history-timeline .timeline-item:hover{background:var(--glass-bg)}.photo-studio-page .history-timeline .timeline-item.selected{background:#7c3aed26}.photo-studio-page .history-timeline .timeline-item.selected .timeline-marker{background:var(--color-primary);box-shadow:0 0 8px var(--color-primary)}.photo-studio-page .history-timeline .timeline-item .timeline-marker{background:var(--text-tertiary);border-radius:var(--radius-full);flex-shrink:0;height:10px;width:10px}.photo-studio-page .history-timeline .timeline-item .timeline-content{display:flex;flex-direction:column;gap:2px}.photo-studio-page .history-timeline .timeline-item .timeline-content .timeline-label{color:var(--text-primary);font-size:var(--font-size-sm)}.photo-studio-page .history-timeline .timeline-item .timeline-content .timeline-time{color:var(--text-tertiary);font-size:var(--font-size-xs)}.photo-studio-page .history-timeline .timeline-children{border-left:1px solid var(--border-light);margin-left:var(--spacing-2);padding-left:var(--spacing-2)}.photo-studio-page .action-menu{animation:fadeIn .15s ease;background:var(--color-bg-elevated);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);min-width:200px;padding:var(--spacing-2);position:fixed;z-index:var(--z-popover)}.photo-studio-page .action-menu .action-item{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:flex;font-size:var(--font-size-sm);gap:var(--spacing-3);padding:var(--spacing-2) var(--spacing-3);transition:var(--transition-fast);width:100%}.photo-studio-page .action-menu .action-item svg:first-child{color:var(--action-color);flex-shrink:0}.photo-studio-page .action-menu .action-item span:first-of-type{flex:1 1;text-align:left}.photo-studio-page .action-menu .action-item .cost-badge{align-items:center;border-radius:var(--radius-sm);display:flex;flex-shrink:0;font-size:10px;font-weight:500;gap:4px;padding:2px 6px}.photo-studio-page .action-menu .action-item .cost-badge svg{height:12px;width:12px}.photo-studio-page .action-menu .action-item .cost-badge.free{background:#10b98126;border:1px solid #10b9814d;color:#10b981}.photo-studio-page .action-menu .action-item .cost-badge.credits{background:#f59e0b26;border:1px solid #f59e0b4d;color:#f59e0b}.photo-studio-page .action-menu .action-item:hover:not(:disabled){background:var(--glass-bg);color:var(--text-primary)}.photo-studio-page .action-menu .action-item:disabled{cursor:not-allowed;opacity:.4}.photo-studio-page .mobile-bottom-toolbar{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#121218bf;border-top:1px solid #ffffff14;bottom:0;display:none;left:0;padding:var(--spacing-3) 0;padding-bottom:calc(var(--spacing-3) + env(safe-area-inset-bottom));position:fixed;right:0;z-index:var(--z-fixed)}.photo-studio-page .mobile-bottom-toolbar .toolbar-scroll{display:flex;justify-content:space-between;padding:0 var(--spacing-4);width:100%}.photo-studio-page .mobile-bottom-toolbar .toolbar-tool-btn{align-items:center;background:#0000;border:none;color:#ffffffb3;cursor:pointer;display:flex;flex-direction:column;font-size:11px;font-weight:500;gap:6px;justify-content:center;letter-spacing:.2px;padding:var(--spacing-2) var(--spacing-3);transition:all .2s cubic-bezier(.4,0,.2,1)}.photo-studio-page .mobile-bottom-toolbar .toolbar-tool-btn svg{color:var(--tool-color);filter:drop-shadow(0 0 6px var(--tool-color));transition:all .2s ease}.photo-studio-page .mobile-bottom-toolbar .toolbar-tool-btn:hover:not(:disabled){color:#fff;transform:translateY(-2px)}.photo-studio-page .mobile-bottom-toolbar .toolbar-tool-btn:hover:not(:disabled) svg{filter:drop-shadow(0 0 12px var(--tool-color));transform:scale(1.15)}.photo-studio-page .mobile-bottom-toolbar .toolbar-tool-btn:active:not(:disabled){transform:scale(.95) translateY(0);transition-duration:.1s}.photo-studio-page .mobile-bottom-toolbar .toolbar-tool-btn:disabled{cursor:not-allowed;opacity:.35}.photo-studio-page .mobile-bottom-toolbar .toolbar-tool-btn:disabled svg{filter:none}.photo-studio-page .bottom-sheet-overlay{background:#00000080;display:none;inset:0;position:fixed;z-index:var(--z-modal)}.photo-studio-page .bottom-sheet{animation:slideUp .3s ease;background:var(--color-bg-elevated);border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;bottom:0;display:flex;flex-direction:column;left:0;max-height:70vh;position:absolute;right:0}.photo-studio-page .bottom-sheet .sheet-handle{cursor:grab;display:flex;justify-content:center;padding:var(--spacing-3)}.photo-studio-page .bottom-sheet .sheet-handle .handle-bar{background:var(--border-medium);border-radius:var(--radius-full);height:4px;width:40px}.photo-studio-page .bottom-sheet .sheet-tabs{border-bottom:1px solid var(--border-light);display:flex}.photo-studio-page .bottom-sheet .sheet-tabs .sheet-tab{background:#0000;border:none;border-bottom:2px solid #0000;color:var(--text-tertiary);cursor:pointer;flex:1 1;font-size:var(--font-size-sm);padding:var(--spacing-3)}.photo-studio-page .bottom-sheet .sheet-tabs .sheet-tab.active{border-bottom-color:var(--color-primary);color:var(--color-primary)}.photo-studio-page .bottom-sheet .sheet-content{flex:1 1;overflow-y:auto;padding:var(--spacing-4)}.photo-studio-page .mobile-tools{grid-gap:var(--spacing-3);display:grid;gap:var(--spacing-3);grid-template-columns:repeat(2,1fr)}.photo-studio-page .mobile-tools .mobile-tool-btn{align-items:center;background:var(--glass-bg);border:1px solid var(--border-light);border-radius:var(--radius-lg);color:var(--text-secondary);cursor:pointer;display:flex;flex-direction:column;font-size:var(--font-size-sm);gap:var(--spacing-2);padding:var(--spacing-4);position:relative}.photo-studio-page .mobile-tools .mobile-tool-btn svg:first-child{color:var(--tool-color)}.photo-studio-page .mobile-tools .mobile-tool-btn .cost-badge{align-items:center;border-radius:var(--radius-sm);display:flex;font-size:9px;font-weight:500;gap:2px;padding:2px 5px;position:absolute;right:6px;top:6px}.photo-studio-page .mobile-tools .mobile-tool-btn .cost-badge svg{height:10px;width:10px}.photo-studio-page .mobile-tools .mobile-tool-btn .cost-badge.free{background:#10b98133;color:#10b981}.photo-studio-page .mobile-tools .mobile-tool-btn .cost-badge.credits{background:#f59e0b33;color:#f59e0b}.photo-studio-page .mobile-tools .mobile-tool-btn:hover:not(:disabled){background:var(--glass-bg-strong);border-color:var(--tool-color)}.photo-studio-page .mobile-tools .mobile-tool-btn:disabled{cursor:not-allowed;opacity:.4}.photo-studio-page .fullscreen-preview{align-items:center;background:#000000f2;cursor:pointer;display:flex;inset:0;justify-content:center;position:fixed;z-index:var(--z-modal)}.photo-studio-page .fullscreen-preview .close-btn{align-items:center;background:var(--glass-bg);border:1px solid var(--border-light);border-radius:var(--radius-full);color:var(--text-primary);cursor:pointer;display:flex;height:44px;justify-content:center;position:absolute;right:var(--spacing-4);top:var(--spacing-4);transition:var(--transition-fast);width:44px}.photo-studio-page .fullscreen-preview .close-btn:hover{background:var(--glass-bg-strong)}.photo-studio-page .fullscreen-preview .download-btn{align-items:center;background:var(--glass-bg);border:1px solid var(--border-light);border-radius:var(--radius-full);color:var(--text-primary);cursor:pointer;display:flex;height:44px;justify-content:center;position:absolute;right:calc(var(--spacing-4) + 56px);top:var(--spacing-4);transition:var(--transition-fast);width:44px}.photo-studio-page .fullscreen-preview .download-btn:hover{background:#3b82f64d;border-color:#3b82f6;color:#3b82f6}.photo-studio-page .fullscreen-preview .preview-content{align-items:center;cursor:default;display:flex;flex-direction:column;gap:var(--spacing-3);height:90vh;max-height:90vh;max-width:95vw;width:95vw}.photo-studio-page .fullscreen-preview .preview-content img{border-radius:var(--radius-lg);max-height:calc(90vh - 60px);max-width:100%;object-fit:contain}.photo-studio-page .fullscreen-preview .preview-content .video-placeholder{align-items:center;aspect-ratio:16/9;background:var(--color-bg-tertiary);border-radius:var(--radius-lg);color:var(--text-tertiary);display:flex;flex-direction:column;gap:var(--spacing-3);justify-content:center;max-width:800px;width:80vw}.photo-studio-page .fullscreen-preview .preview-content .fullscreen-video{background:#000;border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);max-height:calc(90vh - 60px);max-width:95vw}.photo-studio-page .fullscreen-preview .preview-content .preview-info{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000b3;border-radius:var(--radius-lg);bottom:var(--spacing-4);left:50%;padding:var(--spacing-2) var(--spacing-4);position:absolute;text-align:center;transform:translateX(-50%)}.photo-studio-page .fullscreen-preview .preview-content .preview-info h3{color:var(--text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin:0}.photo-studio-page .fullscreen-preview .preview-content .preview-info p{color:var(--text-tertiary);font-size:var(--font-size-xs);margin:var(--spacing-1) 0 0}.photo-studio-page .zoomable-image-container{align-items:center;border-radius:var(--radius-lg);cursor:zoom-in;display:flex;height:calc(90vh - 60px);justify-content:center;max-height:calc(90vh - 60px);max-width:95vw;overflow:hidden;position:relative;width:100%}.photo-studio-page .zoomable-image-container.hovering{cursor:crosshair}.photo-studio-page .zoomable-image-container.zoomed{cursor:grab}.photo-studio-page .zoomable-image-container.zoomed:active{cursor:grabbing}.photo-studio-page .zoomable-image-container .zoomable-image{display:block;max-height:calc(90vh - 60px);max-width:95vw;object-fit:contain;transform-origin:center center;transition:transform .15s ease-out}.photo-studio-page .zoomable-image-container .zoom-lens{animation:fadeInZoom .15s ease forwards;background-repeat:no-repeat;border:3px solid #fffc;border-radius:var(--radius-full);box-shadow:0 0 0 3px #0000004d,0 8px 32px #00000080,inset 0 0 40px #0000001a;height:200px;opacity:0;pointer-events:none;position:absolute;transform:translate(-50%,-50%);width:200px;z-index:10}.photo-studio-page .zoomable-image-container .zoom-controls{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#000000b3;border:1px solid #fff3;border-radius:var(--radius-full);bottom:var(--spacing-3);display:flex;gap:var(--spacing-2);left:50%;padding:var(--spacing-2) var(--spacing-3);position:absolute;transform:translateX(-50%);z-index:20}.photo-studio-page .zoomable-image-container .zoom-controls button{align-items:center;background:#ffffff26;border:1px solid #fff3;border-radius:var(--radius-full);color:#fff;cursor:pointer;display:flex;font-size:18px;font-weight:700;height:28px;justify-content:center;transition:var(--transition-fast);width:28px}.photo-studio-page .zoomable-image-container .zoom-controls button:hover:not(:disabled){background:var(--color-primary);border-color:var(--color-primary)}.photo-studio-page .zoomable-image-container .zoom-controls button:disabled{cursor:not-allowed;opacity:.3}.photo-studio-page .zoomable-image-container .zoom-controls .zoom-level{color:#fff;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);min-width:36px;text-align:center}@keyframes fadeInZoom{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{transform:translateX(100%)}to{transform:translateX(0)}}.photo-studio-page .desktop-only{display:block}@media(max-width:768px){.photo-studio-page .properties-sidebar,.photo-studio-page .tools-sidebar{display:none!important}.photo-studio-page .studio-header{padding:var(--spacing-3) var(--spacing-4)}.photo-studio-page .studio-header .header-content .page-title{font-size:var(--font-size-lg)}.photo-studio-page .studio-header .header-content .page-subtitle{display:none}.photo-studio-page .studio-header .header-actions .view-toggle .toggle-btn{height:32px;width:32px}.photo-studio-page .studio-layout{grid-template-columns:1fr;padding-bottom:80px}.photo-studio-page .desktop-only{display:none!important}.photo-studio-page .mobile-bottom-toolbar{display:flex!important}.photo-studio-page .bottom-sheet-overlay{display:block}.photo-studio-page .add-more-btn,.photo-studio-page .canvas-controls{bottom:calc(var(--spacing-4) + 90px)}.photo-studio-page .gallery-view{padding:var(--spacing-4);padding-bottom:90px}.photo-studio-page .gallery-view .gallery-grid{gap:var(--spacing-3);grid-template-columns:repeat(2,1fr)}.photo-studio-page .node-card{width:100%}.photo-studio-page .node-canvas{touch-action:none;-webkit-user-select:none;user-select:none}.photo-studio-page .node-canvas .canvas-inner{transition:transform .1s ease-out}.photo-studio-page .node-canvas .node-wrapper .node-card{min-width:200px;width:200px}.photo-studio-page .node-canvas .node-wrapper .node-card .node-thumbnail{aspect-ratio:4/5;min-height:200px}.photo-studio-page .node-canvas .node-wrapper .node-card .node-info{padding:var(--spacing-3) var(--spacing-4)}.photo-studio-page .node-canvas .node-wrapper .node-card .node-info .node-type{font-size:var(--font-size-sm)}.photo-studio-page .node-canvas .node-wrapper .node-card .node-info .node-label{font-size:var(--font-size-base)}.photo-studio-page .connections-svg{transition:transform .1s ease-out}.photo-studio-page .zoomable-image-container{height:calc(100vh - 180px);max-height:calc(100vh - 180px)}.photo-studio-page .fullscreen-preview .preview-info,.photo-studio-page .zoomable-image-container .zoom-controls{bottom:calc(var(--spacing-4) + 100px)}}.photo-studio-page .sessions-overlay{animation:fadeIn .2s ease;background:#00000080;inset:0;position:fixed;z-index:1000}.photo-studio-page .sessions-panel{animation:slideInFromRight .3s ease;background:var(--color-bg-secondary);border-left:1px solid var(--border-light);bottom:0;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;max-width:90vw;overflow:hidden;position:fixed;right:0;top:0;width:360px;z-index:1001}.photo-studio-page .sessions-panel .sessions-header{align-items:center;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;padding:var(--spacing-4) var(--spacing-5)}.photo-studio-page .sessions-panel .sessions-header h3{align-items:center;color:var(--text-primary);display:flex;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);gap:var(--spacing-2);margin:0}.photo-studio-page .sessions-panel .sessions-header .close-btn{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;transition:var(--transition-fast);width:32px}.photo-studio-page .sessions-panel .sessions-header .close-btn:hover{background:var(--glass-bg);color:var(--text-primary)}.photo-studio-page .sessions-panel .sessions-list{flex:1 1;overflow-y:auto;padding:var(--spacing-3)}.photo-studio-page .sessions-panel .sessions-empty,.photo-studio-page .sessions-panel .sessions-loading{color:var(--text-tertiary);padding:var(--spacing-8);text-align:center}.photo-studio-page .sessions-panel .sessions-empty{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-2)}.photo-studio-page .sessions-panel .sessions-empty p{color:var(--text-secondary);font-size:var(--font-size-base);margin:0}.photo-studio-page .sessions-panel .sessions-empty span{font-size:var(--font-size-sm)}.photo-studio-page .sessions-panel .session-item{align-items:center;background:var(--glass-bg);border:1px solid var(--border-light);border-radius:var(--radius-lg);cursor:pointer;display:flex;gap:var(--spacing-3);margin-bottom:var(--spacing-2);padding:var(--spacing-3);transition:var(--transition-fast);width:100%}.photo-studio-page .sessions-panel .session-item:last-child{margin-bottom:0}.photo-studio-page .sessions-panel .session-item:hover{background:var(--glass-bg-strong);border-color:var(--color-primary);transform:translateX(4px)}.photo-studio-page .sessions-panel .session-item.active{background:#7c3aed1a;border-color:var(--color-primary)}.photo-studio-page .sessions-panel .session-item .session-thumb{align-items:center;background:var(--color-bg-tertiary);border-radius:var(--radius-md);display:flex;flex-shrink:0;height:56px;justify-content:center;overflow:hidden;width:56px}.photo-studio-page .sessions-panel .session-item .session-thumb img{height:100%;object-fit:cover;width:100%}.photo-studio-page .sessions-panel .session-item .session-thumb svg{color:var(--text-tertiary)}.photo-studio-page .sessions-panel .session-item .session-info{display:flex;flex-direction:column;gap:var(--spacing-1);min-width:0;text-align:left}.photo-studio-page .sessions-panel .session-item .session-info .session-name{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.photo-studio-page .sessions-panel .session-item .session-info .session-meta{color:var(--text-tertiary);font-size:var(--font-size-xs)}@keyframes slideInFromRight{0%{transform:translateX(100%)}to{transform:translateX(0)}}@media(max-width:768px){.photo-studio-page .mobile-bottom-toolbar{display:flex!important}}#referrals .referrals-page{background:var(--color-bg-primary);min-height:100vh;padding:0;width:100%}#referrals .page-header{align-items:center;-webkit-backdrop-filter:blur(var(--blur-lg));backdrop-filter:blur(var(--blur-lg));background:var(--glass-bg);border-bottom:1px solid var(--border-light);display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:0;padding:var(--spacing-4) var(--spacing-6)}#referrals .page-content{display:flex;flex-direction:column;gap:2rem;margin:0 auto;max-width:1600px;padding:2rem}#referrals .header-content{flex:1 1}#referrals .page-title{align-items:center;color:var(--text-primary);display:flex;font-size:var(--font-size-2xl);font-weight:700;gap:.75rem;margin-bottom:.5rem}#referrals .title-icon{color:var(--color-primary)}#referrals .page-subtitle{color:var(--text-secondary);font-size:var(--font-size-base)}#referrals .header-actions{display:flex;gap:1rem}#referrals .referral-link-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--glass-bg);border:1px solid var(--glass-border);margin-bottom:2rem}#referrals .referral-link-header{align-items:center;display:flex;gap:.75rem;margin-bottom:.5rem}#referrals .referral-link-header h2{color:var(--text-primary);font-size:var(--font-size-2xl);font-weight:600}#referrals .link-icon{color:var(--color-primary)}#referrals .referral-description{color:var(--text-secondary);margin-bottom:1.5rem}#referrals .referral-link-container{display:flex;gap:1rem}#referrals .referral-input{background:var(--color-bg-secondary);border:1px solid var(--glass-border);border-radius:8px;color:var(--text-primary);flex:1 1;font-family:Courier New,monospace;font-size:.95rem;padding:.875rem 1rem}#referrals .copy-button{min-width:120px}#referrals .stats-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:1.5rem}#referrals .stat-card-wrapper{cursor:pointer;padding:var(--spacing-5);transition:all .4s cubic-bezier(.4,0,.2,1)}#referrals .stat-card-wrapper:hover .stat-trend-icon{opacity:.6;transform:scale(1.1)}#referrals .stat-card{align-items:center;display:flex;gap:1rem;position:relative;transition:all .3s ease;z-index:2}#referrals .stat-card:hover{transform:translateY(-4px)}#referrals .stat-icon-wrapper{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:1px solid #ffffff1a;border-radius:12px;display:flex;height:44px;justify-content:center;position:relative;transition:all .3s ease;width:44px}#referrals .stat-icon-wrapper:before{background:linear-gradient(135deg,#ffffff1a,#0000);border-radius:inherit;content:"";inset:0;opacity:0;position:absolute;transition:opacity .3s ease}#referrals .stat-card-wrapper:hover .stat-icon-wrapper:before{opacity:1}#referrals .stat-card--primary .stat-icon-wrapper{background:linear-gradient(135deg,#7c3aed26,#7c3aed0d);border-color:#7c3aed33;box-shadow:0 8px 16px #7c3aed1a;color:#7c3aed}#referrals .stat-card--success .stat-icon-wrapper{background:linear-gradient(135deg,#10b98126,#10b9810d);border-color:#10b98133;box-shadow:0 8px 16px #10b9811a;color:#10b981}#referrals .stat-card--info .stat-icon-wrapper{background:linear-gradient(135deg,#3b82f626,#3b82f60d);border-color:#3b82f633;box-shadow:0 8px 16px #3b82f61a;color:#3b82f6}#referrals .stat-card--warning .stat-icon-wrapper{background:linear-gradient(135deg,#f59e0b26,#f59e0b0d);border-color:#f59e0b33;box-shadow:0 8px 16px #f59e0b1a;color:#f59e0b}#referrals .stat-card--secondary .stat-icon-wrapper{background:linear-gradient(135deg,#8b5cf626,#8b5cf60d);border-color:#8b5cf633;box-shadow:0 8px 16px #8b5cf61a;color:#8b5cf6}#referrals .stat-card--accent .stat-icon-wrapper{background:linear-gradient(135deg,#06b6d426,#06b6d40d);border-color:#06b6d433;box-shadow:0 8px 16px #06b6d41a;color:#06b6d4}#referrals .stat-content{display:flex;flex:1 1;flex-direction:column;gap:.5rem}#referrals .stat-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--text-primary),#fffc);-webkit-background-clip:text;background-clip:text;color:var(--text-primary);font-size:var(--font-size-2xl);font-weight:800;line-height:1}#referrals .stat-label{color:var(--text-secondary);font-size:var(--font-size-xs);font-weight:500;letter-spacing:.05em;opacity:.8;text-transform:uppercase}#referrals .stat-trend-icon{color:var(--color-primary);opacity:.3;position:absolute;right:1rem;top:1rem;transition:all .3s ease}#referrals .section-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}#referrals .section-title{align-items:center;color:var(--text-primary);display:flex;font-size:var(--font-size-xl);font-weight:600;gap:.5rem}#referrals .filter-buttons{display:flex;gap:.5rem}#referrals .filter-btn{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:8px;color:var(--text-secondary);cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}#referrals .filter-btn:hover{background:var(--glass-bg-strong);border-color:var(--glass-border-strong)}#referrals .filter-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}#referrals .commission-table{display:flex;flex-direction:column;gap:.5rem}#referrals .table-header{border-radius:8px;color:var(--text-secondary);font-size:.875rem;font-weight:600;letter-spacing:.05em;padding:.75rem 1rem;text-transform:uppercase}#referrals .table-header,#referrals .table-row{grid-gap:1rem;background:var(--glass-bg);display:grid;gap:1rem;grid-template-columns:2fr 1fr 1fr 1fr 1fr}#referrals .table-row{align-items:center;border:1px solid var(--glass-border);border-radius:8px;padding:1rem;transition:all .2s ease}#referrals .table-row:hover{background:var(--glass-bg-strong);border-color:var(--glass-border-strong)}#referrals .referral-info,#referrals .table-col{align-items:center;display:flex}#referrals .referral-info{gap:.75rem}#referrals .referral-avatar{align-items:center;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border-radius:50%;color:#fff;display:flex;font-size:.875rem;font-weight:600;height:36px;justify-content:center;width:36px}#referrals .referral-name{color:var(--text-primary);font-weight:500}#referrals .level-badge{background:#3b82f61a;border-radius:12px;color:var(--color-info);font-size:.75rem;font-weight:600;padding:.25rem .75rem}#referrals .amount{color:var(--text-primary);font-size:1rem;font-weight:600}#referrals .status-badge{align-items:center;border-radius:12px;display:flex;font-size:.75rem;font-weight:600;gap:.375rem;padding:.375rem .75rem;width:-webkit-fit-content;width:fit-content}#referrals .status--paid{background:#10b9811a;color:var(--color-success)}#referrals .status--pending{background:#f59e0b1a;color:var(--color-warning)}#referrals .date{color:var(--text-secondary);font-size:.875rem}#referrals .empty-state{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:4rem 2rem;text-align:center}#referrals .empty-icon{color:var(--color-primary);opacity:.3}#referrals .empty-state h3{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:600;margin:0}#referrals .empty-state p{color:var(--text-secondary);margin:0}@media(max-width:968px){#referrals .table-header{display:none}#referrals .table-row{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;display:flex;flex-direction:column;gap:.75rem;padding:1rem}#referrals .table-col{align-items:center;display:flex;flex-direction:row;justify-content:space-between;padding:.25rem 0;width:100%}#referrals .table-col:before{color:var(--text-secondary);content:attr(data-label);font-size:.875rem;font-weight:600}#referrals .referral-info{justify-content:flex-end}#referrals .status-badge{margin-left:auto}}@media(max-width:768px){#referrals .referrals-page{padding:0}#referrals .page-header{padding:var(--spacing-3) var(--spacing-4)}#referrals .page-content{gap:1.25rem;padding:1rem}#referrals .page-title{font-size:var(--font-size-xl);gap:.5rem}#referrals .stats-grid{gap:.5rem;grid-template-columns:repeat(2,1fr)!important}#referrals .stat-card-wrapper{padding:.625rem}#referrals .stat-card{align-items:flex-start;flex-direction:column;gap:.5rem}#referrals .stat-icon-wrapper{border-radius:8px;height:32px;width:32px}#referrals .stat-value{font-size:var(--font-size-lg)}#referrals .stat-label{font-size:.6rem}#referrals .referral-link-container{flex-direction:column}#referrals .copy-button{width:100%}}#earnings .earnings-page{min-height:100vh;padding:2rem;width:100%}#earnings .page-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem}#earnings .header-content{flex:1 1}#earnings .page-title{align-items:center;color:var(--text-primary);display:flex;font-size:var(--font-size-3xl);font-weight:700;gap:.75rem;margin-bottom:.5rem}#earnings .title-icon{color:var(--color-primary)}#earnings .page-subtitle{color:var(--text-secondary);font-size:var(--font-size-base)}#earnings .header-actions{display:flex;gap:1rem}#earnings .stats-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:1.5rem}#earnings .stat-card-wrapper{cursor:pointer;padding:var(--spacing-5);transition:all .4s cubic-bezier(.4,0,.2,1)}#earnings .stat-card{align-items:center;display:flex;gap:1rem;position:relative;transition:all .3s ease;z-index:2}#earnings .stat-card:hover{transform:translateY(-4px)}#earnings .stat-icon-wrapper{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:1px solid #ffffff1a;border-radius:12px;display:flex;height:44px;justify-content:center;position:relative;transition:all .3s ease;width:44px}#earnings .stat-icon-wrapper:before{background:linear-gradient(135deg,#ffffff1a,#0000);border-radius:inherit;content:"";inset:0;opacity:0;position:absolute;transition:opacity .3s ease}#earnings .stat-card-wrapper:hover .stat-icon-wrapper:before{opacity:1}#earnings .stat-card--primary .stat-icon-wrapper{background:linear-gradient(135deg,#7c3aed26,#7c3aed0d);border-color:#7c3aed33;box-shadow:0 8px 16px #7c3aed1a;color:#7c3aed}#earnings .stat-card--success .stat-icon-wrapper{background:linear-gradient(135deg,#10b98126,#10b9810d);border-color:#10b98133;box-shadow:0 8px 16px #10b9811a;color:#10b981}#earnings .stat-card--info .stat-icon-wrapper{background:linear-gradient(135deg,#3b82f626,#3b82f60d);border-color:#3b82f633;box-shadow:0 8px 16px #3b82f61a;color:#3b82f6}#earnings .stat-card--warning .stat-icon-wrapper{background:linear-gradient(135deg,#f59e0b26,#f59e0b0d);border-color:#f59e0b33;box-shadow:0 8px 16px #f59e0b1a;color:#f59e0b}#earnings .stat-content{display:flex;flex:1 1;flex-direction:column;gap:.5rem}#earnings .stat-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--text-primary),#fffc);-webkit-background-clip:text;background-clip:text;color:var(--text-primary);font-size:var(--font-size-2xl);font-weight:800;line-height:1}#earnings .stat-label{color:var(--text-secondary);font-size:var(--font-size-xs);font-weight:500;letter-spacing:.05em;opacity:.8;text-transform:uppercase}#earnings .stat-trend-icon{color:var(--color-success);opacity:.3;position:absolute;right:0;top:0}#earnings .section-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}#earnings .section-title{align-items:center;color:var(--text-primary);display:flex;font-size:var(--font-size-xl);font-weight:600;gap:.5rem}#earnings .filter-buttons{display:flex;gap:.5rem}#earnings .filter-btn{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:8px;color:var(--text-secondary);cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}#earnings .filter-btn:hover{background:var(--glass-bg-strong);border-color:var(--glass-border-strong)}#earnings .filter-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}#earnings .commission-table{display:flex;flex-direction:column;gap:.5rem}#earnings .table-header{border-radius:8px;color:var(--text-secondary);font-size:.875rem;font-weight:600;letter-spacing:.05em;padding:.75rem 1rem;text-transform:uppercase}#earnings .table-header,#earnings .table-row{grid-gap:1rem;background:var(--glass-bg);display:grid;gap:1rem;grid-template-columns:2fr 1fr 1fr 1fr 1fr}#earnings .table-row{align-items:center;border:1px solid var(--glass-border);border-radius:8px;padding:1rem;transition:all .2s ease}#earnings .table-row:hover{background:var(--glass-bg-strong);border-color:var(--glass-border-strong)}#earnings .referral-info,#earnings .table-col{align-items:center;display:flex}#earnings .referral-info{gap:.75rem}#earnings .referral-avatar{align-items:center;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border-radius:50%;color:#fff;display:flex;font-size:.875rem;font-weight:600;height:36px;justify-content:center;width:36px}#earnings .referral-name{color:var(--text-primary);font-weight:500}#earnings .level-badge{background:#3b82f61a;border-radius:12px;color:var(--color-info);font-size:.75rem;font-weight:600;padding:.25rem .75rem}#earnings .amount{color:var(--text-primary);font-size:1rem;font-weight:600}#earnings .status-badge{align-items:center;border-radius:12px;display:flex;font-size:.75rem;font-weight:600;gap:.375rem;padding:.375rem .75rem;width:-webkit-fit-content;width:fit-content}#earnings .status--paid{background:#10b9811a;color:var(--color-success)}#earnings .status--pending{background:#f59e0b1a;color:var(--color-warning)}#earnings .date{color:var(--text-secondary);font-size:.875rem}#earnings .empty-state{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:4rem 2rem;text-align:center}#earnings .empty-icon{color:var(--color-primary);opacity:.3}#earnings .empty-state h3{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:600;margin:0}#earnings .empty-state p{color:var(--text-secondary);margin:0}@media(max-width:968px){#earnings .table-header{display:none}#earnings .table-row{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;display:flex;flex-direction:column;gap:.75rem;padding:1rem}#earnings .table-col{align-items:center;display:flex;flex-direction:row;justify-content:space-between;padding:.25rem 0;width:100%}#earnings .table-col:before{color:var(--text-secondary);content:attr(data-label);font-size:.875rem;font-weight:600}#earnings .referral-info{justify-content:flex-end}#earnings .status-badge{margin-left:auto}}@media(max-width:640px){#earnings .earnings-page{padding:1rem}#earnings .page-title{font-size:var(--font-size-xl);gap:.5rem}#earnings .stats-grid{gap:.5rem;grid-template-columns:repeat(2,1fr)!important}#earnings .stat-card-wrapper{padding:.625rem}#earnings .stat-card{align-items:flex-start;flex-direction:column;gap:.5rem}#earnings .stat-icon-wrapper{border-radius:8px;height:32px;width:32px}#earnings .stat-value{font-size:var(--font-size-lg)}#earnings .stat-label{font-size:.6rem}}#wallet .wallet-page{background:var(--color-bg-primary);min-height:100vh;padding:0;width:100%}#wallet .page-header{align-items:center;-webkit-backdrop-filter:blur(var(--blur-lg));backdrop-filter:blur(var(--blur-lg));background:var(--glass-bg);border-bottom:1px solid var(--border-light);display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:0;padding:var(--spacing-4) var(--spacing-6)}#wallet .page-content{display:flex;flex-direction:column;gap:2rem;margin:0 auto;max-width:1600px;padding:2rem}#wallet .header-content{flex:1 1}#wallet .page-title{align-items:center;color:var(--text-primary);display:flex;font-size:var(--font-size-2xl);font-weight:700;gap:.75rem;margin-bottom:.5rem}#wallet .title-icon{color:var(--color-primary)}#wallet .page-subtitle{color:var(--text-secondary);font-size:var(--font-size-base)}#wallet .header-actions{display:flex;gap:.75rem}#wallet .balance-card{background:linear-gradient(135deg,#7c3aed1a,#6366f11a);border:1px solid #7c3aed33;margin-bottom:2rem}#wallet .balance-header{align-items:center;border-bottom:1px solid var(--glass-border);display:flex;gap:1.5rem;margin-bottom:2rem;padding-bottom:2rem}#wallet .balance-icon-wrapper{align-items:center;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border-radius:16px;color:#fff;display:flex;height:64px;justify-content:center;width:64px}#wallet .balance-info{display:flex;flex-direction:column;gap:.5rem}#wallet .balance-label{color:var(--text-secondary);font-size:.875rem;font-weight:500}#wallet .balance-amount{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));-webkit-background-clip:text;background-clip:text;color:var(--text-primary);font-size:var(--font-size-4xl);font-weight:700}#wallet .balance-stats{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}#wallet .balance-stat{align-items:center;cursor:pointer;display:flex;gap:1rem;padding:1.25rem;transition:all .3s cubic-bezier(.4,0,.2,1)}#wallet .balance-stat:hover{transform:translateY(-4px)}#wallet .balance-stat>div{display:flex;flex:1 1;flex-direction:column;gap:.375rem}#wallet .balance-stat .stat-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--text-primary),#fffc);-webkit-background-clip:text;background-clip:text;color:var(--text-primary);font-size:var(--font-size-2xl);font-weight:700;line-height:1.2}#wallet .balance-stat .stat-label{color:var(--text-secondary);font-size:var(--font-size-xs);font-weight:500;letter-spacing:.05em;opacity:.8;text-transform:uppercase}#wallet .section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}#wallet .section-title{align-items:center;color:var(--text-primary);display:flex;font-size:var(--font-size-xl);font-weight:600;gap:.5rem}#wallet .transaction-list{display:flex;flex-direction:column;gap:.75rem}#wallet .transaction-item{align-items:center;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;display:flex;gap:1rem;padding:1rem;transition:all .2s ease}#wallet .transaction-item:hover{background:var(--glass-bg-strong);border-color:var(--glass-border-strong)}#wallet .transaction-icon-wrapper{align-items:center;border-radius:10px;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}#wallet .transaction-icon-wrapper[data-type=credit]{background:#10b9811a;color:var(--color-success)}#wallet .transaction-icon-wrapper[data-type=debit]{background:#ef44441a;color:var(--color-error)}#wallet .transaction-details{display:flex;flex:1 1;flex-direction:column;gap:.25rem}#wallet .transaction-description{color:var(--text-primary);font-size:.938rem;font-weight:500}#wallet .transaction-date{color:var(--text-secondary);font-size:.813rem}#wallet .transaction-amount-wrapper{align-items:flex-end;display:flex;flex-direction:column;gap:.5rem}#wallet .transaction-amount{font-size:1.125rem;font-weight:600}#wallet .transaction-amount.amount--credit{color:var(--color-success)}#wallet .transaction-amount.amount--debit{color:var(--color-error)}#wallet .transaction-status{align-items:center;border-radius:12px;display:flex;font-size:.75rem;font-weight:600;gap:.375rem;padding:.25rem .625rem;text-transform:capitalize}#wallet .transaction-status.status--completed{background:#10b9811a;color:var(--color-success)}#wallet .transaction-status.status--pending{background:#f59e0b1a;color:var(--color-warning)}#wallet .transaction-status.status--failed{background:#ef44441a;color:var(--color-error)}#wallet .empty-state{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:4rem 2rem;text-align:center}#wallet .empty-icon{color:var(--color-primary);opacity:.3}#wallet .empty-state h3{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:600;margin:0}#wallet .empty-state p{color:var(--text-secondary);margin:0}#wallet .kyc-warning-banner{align-items:center;background:#f59e0b1a;border:1px solid #f59e0b33;border-radius:12px;display:flex;gap:1.5rem;justify-content:space-between;margin-bottom:2rem;padding:1rem 1.5rem}#wallet .kyc-warning-banner .banner-content{align-items:center;display:flex;gap:1rem}#wallet .kyc-warning-banner .banner-content svg{color:var(--color-warning);flex-shrink:0}#wallet .kyc-warning-banner .banner-content h3{color:var(--text-primary);font-size:1rem;font-weight:600;margin:0 0 .25rem}#wallet .kyc-warning-banner .banner-content p{color:var(--text-secondary);font-size:.875rem;margin:0}#wallet .kyc-warning-banner .complete-kyc-btn{color:var(--color-warning);font-weight:500}#wallet .kyc-warning-banner .complete-kyc-btn:hover{background:#f59e0b1a}@media(max-width:640px){#wallet .kyc-warning-banner{align-items:flex-start;flex-direction:column;gap:1rem}#wallet .kyc-warning-banner .complete-kyc-btn{align-self:flex-end}}#wallet .modal-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}#wallet .modal-content{background:var(--bg-primary);border:1px solid var(--glass-border);border-radius:16px;max-height:90vh;max-width:500px;overflow-y:auto;width:100%}#wallet .modal-header{align-items:center;border-bottom:1px solid var(--glass-border);display:flex;justify-content:space-between;padding:1.5rem}#wallet .modal-header h3{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:600;margin:0}#wallet .modal-close{align-items:center;background:none;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:2rem;height:32px;justify-content:center;transition:all .2s ease;width:32px}#wallet .modal-close:hover{background:var(--glass-bg);color:var(--text-primary)}#wallet .modal-body{padding:1.5rem}#wallet .form-group{margin-bottom:1.5rem}#wallet .form-group label{color:var(--text-primary);display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem}#wallet .form-group input{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:8px;color:var(--text-primary);font-size:1rem;padding:.75rem 1rem;transition:all .2s ease;width:100%}#wallet .form-group input:focus{background:var(--glass-bg-strong);border-color:var(--color-primary);outline:none}#wallet .form-hint{color:var(--text-secondary);font-size:.813rem;margin-top:.5rem}#wallet .quick-amounts{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(4,1fr)}#wallet .quick-amounts button{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:8px;color:var(--text-primary);cursor:pointer;font-size:.875rem;font-weight:500;padding:.625rem;transition:all .2s ease}#wallet .quick-amounts button:hover{background:var(--glass-bg-strong);border-color:var(--color-primary);color:var(--color-primary)}#wallet .modal-footer{border-top:1px solid var(--glass-border);display:flex;gap:.75rem;padding:1.5rem}#wallet .modal-footer button{flex:1 1}#wallet .conversion-preview{align-items:center;background:linear-gradient(135deg,var(--color-primary),#9333ea);background:linear-gradient(135deg,var(--color-primary),var(--color-secondary,#9333ea));border-radius:.5rem;color:#fff;display:flex;font-weight:500;gap:.5rem;justify-content:center;margin-bottom:1rem;padding:.75rem 1rem}#wallet .credits-preview{background:#22c55e1a;border-radius:.25rem;color:#22c55e;color:var(--color-success,#22c55e);font-size:.875rem;margin-top:.5rem;padding:.5rem;text-align:center}#wallet .info-banner{align-items:center;background:#3b82f61a;border-radius:.5rem;color:#3b82f6;color:var(--color-info,#3b82f6);display:flex;font-size:.875rem;gap:.75rem;margin-top:1rem;padding:.75rem 1rem}#wallet .info-banner svg{flex-shrink:0}#wallet .quick-amounts button:disabled{cursor:not-allowed;opacity:.5}@media(max-width:640px){#wallet .wallet-page{padding:0}#wallet .page-header{gap:.75rem;padding:var(--spacing-3) var(--spacing-4)}#wallet .page-content{gap:1.25rem;padding:1rem}#wallet .page-title{font-size:var(--font-size-xl);gap:.5rem}#wallet .page-subtitle{font-size:var(--font-size-sm)}#wallet .balance-card{border-radius:12px;margin-bottom:1rem}#wallet .balance-header{gap:1rem;margin-bottom:1.25rem;padding-bottom:1.25rem}#wallet .balance-icon-wrapper{border-radius:12px;height:48px;width:48px}#wallet .balance-label{font-size:.75rem}#wallet .balance-amount{font-size:var(--font-size-2xl)}#wallet .balance-stats{gap:.75rem;grid-template-columns:repeat(2,1fr)}#wallet .balance-stat{gap:.75rem;padding:.875rem}#wallet .balance-stat .stat-value{font-size:var(--font-size-lg)}#wallet .balance-stat .stat-label{font-size:.65rem}#wallet .section-header{margin-bottom:1rem}#wallet .section-title{font-size:var(--font-size-base)}#wallet .transaction-list{gap:.5rem}#wallet .transaction-item{align-items:center;border-radius:10px;flex-direction:row;gap:.75rem;padding:.875rem}#wallet .transaction-icon-wrapper{border-radius:8px;height:36px;width:36px}#wallet .transaction-details{flex:1 1;min-width:0;text-align:left}#wallet .transaction-description{font-size:.813rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#wallet .transaction-date{font-size:.7rem}#wallet .transaction-amount-wrapper{align-items:flex-end;flex-shrink:0;width:auto}#wallet .transaction-amount{font-size:.938rem}#wallet .transaction-status{font-size:.65rem;padding:.2rem .5rem}#wallet .quick-amounts{grid-template-columns:repeat(2,1fr)}#wallet .empty-state{padding:2.5rem 1.5rem}#wallet .empty-state h3{font-size:var(--font-size-lg)}#wallet .empty-state p{font-size:var(--font-size-sm)}#wallet .header-actions{justify-content:flex-end;width:100%}}.profile-page{background:var(--color-bg-primary);min-height:100vh;padding:0;width:100%}.profile-page .page-header{align-items:center;-webkit-backdrop-filter:blur(var(--blur-lg));backdrop-filter:blur(var(--blur-lg));background:var(--glass-bg);border-bottom:1px solid var(--border-light);display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:0;padding:var(--spacing-4) var(--spacing-6)}.profile-page .page-header .header-content{flex:1 1}.profile-page .page-header .page-title{align-items:center;color:var(--text-primary);display:flex;font-size:var(--font-size-xl);font-weight:700;gap:.5rem;margin-bottom:.25rem}.profile-page .page-header .title-icon{color:var(--color-primary)}.profile-page .page-header .page-subtitle{color:var(--text-secondary);font-size:.938rem}.profile-page .page-header .header-actions{display:flex;gap:.75rem}.profile-page .page-content{display:flex;flex-direction:column;gap:1.25rem;margin:0 auto;max-width:1600px;padding:1.25rem}.profile-page .profile-grid{display:flex;flex-direction:column;gap:1rem}@media(min-width:968px){.profile-page .profile-grid{grid-gap:1.25rem;align-items:start;display:grid;gap:1.25rem;grid-template-columns:320px 1fr}.profile-page .profile-card{position:-webkit-sticky;position:sticky;top:1.5rem}.profile-page .info-section{display:flex;flex-direction:column;gap:1rem}}.profile-page .profile-card{display:flex;flex-direction:column;gap:1.25rem;padding:1.5rem!important}.profile-page .profile-avatar-section{align-items:center;display:flex;flex-direction:column;gap:1rem;text-align:center}.profile-page .avatar-wrapper{position:relative}.profile-page .avatar-image,.profile-page .avatar-placeholder{border-radius:50%;height:100px;object-fit:cover;width:100px}.profile-page .avatar-placeholder{align-items:center;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:#fff;display:flex;font-size:2.5rem;font-weight:700;justify-content:center}.profile-page .avatar-upload-btn{align-items:center;background:var(--color-primary);border:3px solid var(--bg-primary);border-radius:50%;bottom:0;color:#fff;cursor:pointer;display:flex;height:36px;justify-content:center;position:absolute;right:0;transition:all .2s ease;width:36px}.profile-page .avatar-upload-btn:hover{background:var(--color-secondary);transform:scale(1.1)}.profile-page .profile-info{align-items:center;display:flex;flex-direction:column;gap:.5rem}.profile-page .profile-name{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:700;margin:0}.profile-page .role-badge{align-items:center;border-radius:12px;display:inline-flex;font-size:.688rem;font-weight:700;gap:.375rem;letter-spacing:.05em;padding:.25rem .75rem;text-transform:uppercase}.profile-page .role-badge.role--customer{background:#3b82f61a;color:var(--color-info)}.profile-page .role-badge.role--hot{background:#f59e0b1a;color:var(--color-warning)}.profile-page .role-badge.role--chairman{background:#7c3aed1a;color:var(--color-primary)}.profile-page .profile-stats{border-top:1px solid var(--glass-border);display:flex;flex-direction:column;gap:.75rem;padding-top:1.25rem}.profile-page .stat-item{align-items:center;color:var(--text-secondary);display:flex;gap:.75rem}.profile-page .stat-item>svg{flex-shrink:0;height:16px;width:16px}.profile-page .stat-item>div{display:flex;flex:1 1;flex-direction:column;gap:.125rem}.profile-page .stat-label{color:var(--text-secondary);font-size:.688rem;font-weight:500}.profile-page .stat-value{color:var(--text-primary);font-size:.875rem;font-weight:600}.profile-page .info-card{display:flex;flex-direction:column;gap:1rem;padding:1.25rem!important}.profile-page .card-title{align-items:center;border-bottom:1px solid var(--glass-border);color:var(--text-primary);display:flex;font-size:var(--font-size-base);font-weight:600;gap:.5rem;margin:0;padding-bottom:.75rem}.profile-page .card-title svg{color:var(--color-primary);height:18px;width:18px}.profile-page .info-grid{grid-gap:.875rem;display:grid;gap:.875rem;grid-template-columns:1fr}@media(min-width:640px){.profile-page .info-grid{gap:1rem;grid-template-columns:repeat(2,1fr)}.profile-page .info-field.full-width{grid-column:1/-1}}.profile-page .info-field{display:flex;flex-direction:column;gap:.375rem}.profile-page .info-field label{align-items:center;color:var(--text-secondary);display:flex;font-size:.75rem;font-weight:500;gap:.375rem}.profile-page .info-field label svg{height:14px;width:14px}.profile-page .info-field input,.profile-page .info-field textarea{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:8px;color:var(--text-primary);font-family:inherit;font-size:.875rem;padding:.625rem .875rem;transition:all .2s ease}.profile-page .info-field input:focus,.profile-page .info-field textarea:focus{background:var(--glass-bg-strong);border-color:var(--color-primary);outline:none}.profile-page .info-field textarea{min-height:60px;resize:vertical}.profile-page .field-value{align-items:center;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:8px;color:var(--text-primary);display:flex;font-size:.875rem;min-height:40px;padding:.625rem .875rem}.profile-page .identity-upload-section{margin-top:.25rem}.profile-page .upload-controls{display:flex;flex-direction:column;gap:.5rem}@media(min-width:640px){.profile-page .upload-controls{flex-direction:row}}.profile-page .identity-input{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:8px;color:var(--text-primary);flex:1 1;font-size:.875rem;padding:.625rem .875rem;transition:all .2s ease}.profile-page .identity-input:focus{background:var(--glass-bg-strong);border-color:var(--color-primary);outline:none}.profile-page .file-input-wrapper{position:relative}.profile-page .file-input-wrapper input[type=file]{display:none}.profile-page .upload-btn{align-items:center;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:8px;color:var(--text-primary);cursor:pointer;display:inline-flex;font-size:.813rem;font-weight:500;gap:.375rem;padding:.6rem 1rem;transition:all .2s ease;white-space:nowrap}.profile-page .upload-btn:hover{background:var(--glass-bg-strong);border-color:var(--color-primary);color:var(--color-primary)}.profile-page .upload-btn svg{color:var(--text-secondary);height:14px;width:14px}.profile-page .upload-btn:hover svg{color:var(--color-primary)}.profile-page .identity-display{align-items:center;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:8px;display:flex;gap:.75rem;justify-content:space-between;padding:.625rem .875rem}.profile-page .identity-display .id-number{color:var(--text-primary);font-size:.875rem;font-weight:500}.profile-page .identity-display .view-doc-link{align-items:center;color:var(--color-primary);display:inline-flex;flex-shrink:0;font-size:.75rem;gap:.25rem;text-decoration:none}.profile-page .identity-display .view-doc-link:hover{text-decoration:underline}.profile-page .status-missing{background:#ef44441a;color:var(--color-error)}.profile-page .verified-badge{background:#10b9811a;color:#10b981;color:var(--color-success,#10b981)}.profile-page .pending-badge,.profile-page .verified-badge{align-items:center;border-radius:10px;display:inline-flex;font-size:.688rem;font-weight:600;gap:3px;margin-left:auto;padding:3px 8px}.profile-page .pending-badge{background:#f59e0b1a;color:#f59e0b;color:var(--color-warning,#f59e0b)}@media(max-width:640px){.profile-page{padding:1rem}.profile-page .page-header{margin-bottom:1rem}.profile-page .page-title,.profile-page .profile-name{font-size:var(--font-size-xl)}.profile-page .avatar-image,.profile-page .avatar-placeholder{height:80px;width:80px}.profile-page .avatar-placeholder{font-size:2rem}.profile-page .info-card,.profile-page .profile-card{padding:1rem!important}}#settings .settings-page{background:var(--color-bg-primary);min-height:100vh;padding:0;width:100%}#settings .page-header{align-items:center;-webkit-backdrop-filter:blur(var(--blur-lg));backdrop-filter:blur(var(--blur-lg));background:var(--glass-bg);border-bottom:1px solid var(--border-light);display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:0;padding:var(--spacing-4) var(--spacing-6)}#settings .page-content{display:flex;flex-direction:column;gap:2rem;margin:0 auto;max-width:1600px;padding:2rem}#settings .header-content{flex:1 1}#settings .page-title{align-items:center;color:var(--text-primary);display:flex;font-size:var(--font-size-2xl);font-weight:700;gap:.75rem;margin-bottom:.5rem}#settings .title-icon{color:var(--color-primary)}#settings .page-subtitle{color:var(--text-secondary);font-size:var(--font-size-base)}#settings .settings-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr}@media(min-width:968px){#settings .settings-grid{grid-template-columns:repeat(2,1fr)}}#settings .settings-card{display:flex;flex-direction:column;gap:1.5rem}#settings .card-header{align-items:center;display:flex;justify-content:space-between}#settings .card-title{align-items:center;color:var(--text-primary);display:flex;font-size:var(--font-size-xl);font-weight:600;gap:.5rem;margin:0}#settings .card-title svg{color:var(--color-primary)}#settings .settings-section{display:flex;flex-direction:column;gap:1.5rem}#settings .setting-item{align-items:center;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;display:flex;gap:1rem;justify-content:space-between;padding:1rem;transition:all .2s ease}#settings .setting-item:hover{background:var(--glass-bg-strong);border-color:var(--glass-border-strong)}#settings .setting-info{display:flex;flex:1 1;flex-direction:column;gap:.25rem}#settings .setting-label{align-items:center;color:var(--text-primary);display:flex;font-size:.938rem;font-weight:500;gap:.5rem}#settings .setting-label svg{color:var(--icon-color)}#settings .setting-description{color:var(--text-secondary);font-size:.813rem}#settings .setting-control{flex-shrink:0}#settings .theme-toggle{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:24px;cursor:pointer;display:flex;padding:.25rem;position:relative;transition:all .3s ease}#settings .toggle-option{align-items:center;color:var(--text-secondary);display:flex;font-size:.875rem;font-weight:500;gap:.375rem;padding:.5rem 1rem;transition:color .3s ease;z-index:1}#settings .toggle-option svg{color:currentColor}#settings .theme-toggle.active .toggle-option:first-child{color:var(--text-secondary)}#settings .theme-toggle.active .toggle-option:last-child,#settings .theme-toggle:not(.active) .toggle-option:first-child{color:#fff}#settings .toggle-slider{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border-radius:20px;height:calc(100% - .5rem);left:.25rem;position:absolute;top:.25rem;transition:transform .3s ease;width:calc(50% - .25rem)}#settings .theme-toggle.active .toggle-slider{transform:translateX(100%)}#settings .toggle-switch{display:inline-block;height:26px;position:relative;width:48px}#settings .toggle-switch input{height:0;opacity:0;width:0}#settings .toggle-slider-round{background-color:var(--glass-bg-strong);border:1px solid var(--glass-border);border-radius:26px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.3s}#settings .toggle-slider-round:before{background-color:#fff;border-radius:50%;bottom:3px;content:"";height:18px;left:3px;position:absolute;transition:.3s;width:18px}#settings .toggle-switch input:checked+.toggle-slider-round{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border-color:#0000}#settings .toggle-switch input:checked+.toggle-slider-round:before{transform:translateX(22px)}#settings .password-form{display:flex;flex-direction:column;gap:1.5rem}#settings .form-group{display:flex;flex-direction:column;gap:.5rem}#settings .form-group label{color:var(--text-primary);font-size:.875rem;font-weight:500}#settings .password-input-wrapper{align-items:center;display:flex;position:relative}#settings .password-input-wrapper input{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:8px;color:var(--text-primary);font-size:.938rem;padding:.75rem 3rem .75rem 1rem;transition:all .2s ease;width:100%}#settings .password-input-wrapper input:focus{background:var(--glass-bg-strong);border-color:var(--color-primary);outline:none}#settings .password-toggle{align-items:center;background:none;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;padding:.5rem;position:absolute;right:.75rem;transition:all .2s ease}#settings .password-toggle svg{color:var(--icon-color)}#settings .password-toggle:hover{background:var(--glass-bg);color:var(--text-primary)}@media(max-width:640px){#settings .settings-page{padding:1rem}#settings .page-title{font-size:var(--font-size-2xl)}#settings .setting-item{align-items:flex-start;flex-direction:column}#settings .setting-control{display:flex;justify-content:flex-end;width:100%}#settings .theme-toggle{width:100%}#settings .toggle-option{flex:1 1;justify-content:center}}#credit-points .credit-points-page{background:var(--color-bg-primary);min-height:100vh;padding:0;width:100%}#credit-points .page-header{align-items:center;-webkit-backdrop-filter:blur(var(--blur-lg));backdrop-filter:blur(var(--blur-lg));background:var(--glass-bg);border-bottom:1px solid var(--border-light);display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:0;padding:var(--spacing-4) var(--spacing-6)}#credit-points .page-content{display:flex;flex-direction:column;gap:2rem;margin:0 auto;max-width:1600px;padding:2rem}#credit-points .header-content{flex:1 1}#credit-points .page-title{align-items:center;color:var(--text-primary);display:flex;font-size:var(--font-size-2xl);font-weight:700;gap:.75rem;margin-bottom:.5rem}#credit-points .title-icon{color:var(--color-primary)}#credit-points .page-subtitle{color:var(--text-secondary);font-size:var(--font-size-base)}#credit-points .header-actions{display:flex;gap:1rem}#credit-points .stats-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin-bottom:1.5rem}#credit-points .stat-card-wrapper{cursor:pointer;padding:var(--spacing-8);transition:all .4s cubic-bezier(.4,0,.2,1)}#credit-points .stat-card-wrapper:hover .stat-trend-icon{opacity:.6;transform:scale(1.1)}#credit-points .stat-card{align-items:center;display:flex;gap:1.25rem;position:relative;transition:all .3s ease;z-index:2}#credit-points .stat-card:hover{transform:translateY(-4px)}#credit-points .stat-icon-wrapper{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:1px solid #ffffff1a;border-radius:16px;display:flex;height:56px;justify-content:center;position:relative;transition:all .3s ease;width:56px}#credit-points .stat-icon-wrapper:before{background:linear-gradient(135deg,#ffffff1a,#0000);border-radius:inherit;content:"";inset:0;opacity:0;position:absolute;transition:opacity .3s ease}#credit-points .stat-card-wrapper:hover .stat-icon-wrapper:before{opacity:1}#credit-points .stat-card--primary .stat-icon-wrapper{background:linear-gradient(135deg,#7c3aed26,#7c3aed0d);border-color:#7c3aed33;box-shadow:0 8px 16px #7c3aed1a;color:#7c3aed}#credit-points .stat-card--success .stat-icon-wrapper{background:linear-gradient(135deg,#10b98126,#10b9810d);border-color:#10b98133;box-shadow:0 8px 16px #10b9811a;color:#10b981}#credit-points .stat-card--info .stat-icon-wrapper{background:linear-gradient(135deg,#3b82f626,#3b82f60d);border-color:#3b82f633;box-shadow:0 8px 16px #3b82f61a;color:#3b82f6}#credit-points .stat-card--warning .stat-icon-wrapper{background:linear-gradient(135deg,#f59e0b26,#f59e0b0d);border-color:#f59e0b33;box-shadow:0 8px 16px #f59e0b1a;color:#f59e0b}#credit-points .stat-content{display:flex;flex:1 1;flex-direction:column;gap:.5rem}#credit-points .stat-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--text-primary),#fffc);-webkit-background-clip:text;background-clip:text;color:var(--text-primary);font-size:var(--font-size-3xl);font-weight:800;line-height:1}#credit-points .stat-label{color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:500;letter-spacing:.05em;opacity:.8;text-transform:uppercase}#credit-points .stat-trend-icon{color:var(--color-primary);opacity:.3;position:absolute;right:1rem;top:1rem;transition:all .3s ease}#credit-points .section-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}#credit-points .section-title{align-items:center;color:var(--text-primary);display:flex;font-size:var(--font-size-xl);font-weight:600;gap:.5rem}#credit-points .filter-buttons{display:flex;gap:.5rem}#credit-points .filter-btn{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:8px;color:var(--text-secondary);cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}#credit-points .filter-btn:hover{background:var(--glass-bg-strong);border-color:var(--glass-border-strong)}#credit-points .filter-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}#credit-points .transaction-table{display:flex;flex-direction:column;gap:.5rem}#credit-points .table-header{border-radius:8px;color:var(--text-secondary);font-size:.875rem;font-weight:600;letter-spacing:.05em;padding:.75rem 1rem;text-transform:uppercase}#credit-points .table-header,#credit-points .table-row{grid-gap:1rem;background:var(--glass-bg);display:grid;gap:1rem;grid-template-columns:2fr 1fr 1fr 1fr 1fr}#credit-points .table-row{align-items:center;border:1px solid var(--glass-border);border-radius:8px;padding:1rem;transition:all .2s ease}#credit-points .table-row:hover{background:var(--glass-bg-strong);border-color:var(--glass-border-strong)}#credit-points .table-col{align-items:center;display:flex}#credit-points .transaction-info{align-items:center;display:flex;gap:.75rem}#credit-points .transaction-avatar{align-items:center;border-radius:50%;display:flex;font-size:.875rem;font-weight:600;height:36px;justify-content:center;width:36px}#credit-points .transaction-avatar.credit{background:linear-gradient(135deg,#10b98133,#10b9811a);color:#10b981}#credit-points .transaction-avatar.debit{background:linear-gradient(135deg,#f59e0b33,#f59e0b1a);color:#f59e0b}#credit-points .transaction-desc{color:var(--text-primary);font-weight:500}#credit-points .category-badge{background:#3b82f61a;border-radius:12px;color:var(--color-info);font-size:.75rem;font-weight:600;padding:.25rem .75rem}#credit-points .amount{font-size:1rem;font-weight:600}#credit-points .amount.credit{color:#10b981}#credit-points .amount.debit{color:#f59e0b}#credit-points .status-badge{align-items:center;border-radius:12px;display:flex;font-size:.75rem;font-weight:600;gap:.375rem;padding:.375rem .75rem;width:-webkit-fit-content;width:fit-content}#credit-points .status--completed{background:#10b9811a;color:var(--color-success)}#credit-points .status--pending{background:#f59e0b1a;color:var(--color-warning)}#credit-points .status--failed{background:#ef44441a;color:var(--color-error)}#credit-points .date{color:var(--text-secondary);font-size:.875rem}#credit-points .empty-state{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:4rem 2rem;text-align:center}#credit-points .empty-icon{color:var(--color-primary);opacity:.3}#credit-points .empty-state h3{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:600;margin:0}#credit-points .empty-state p{color:var(--text-secondary);margin:0}@media(max-width:968px){#credit-points .table-header{display:none}#credit-points .table-row{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;display:flex;flex-direction:column;gap:.75rem;padding:1rem}#credit-points .table-col{align-items:center;display:flex;flex-direction:row;justify-content:space-between;padding:.25rem 0;width:100%}#credit-points .table-col:before{color:var(--text-secondary);content:attr(data-label);font-size:.875rem;font-weight:600}#credit-points .transaction-info{justify-content:flex-end}#credit-points .status-badge{margin-left:auto}}@media(max-width:768px){#credit-points .credit-points-page{padding:0}#credit-points .page-header{padding:var(--spacing-3) var(--spacing-4)}#credit-points .page-content{gap:1.25rem;padding:1rem}#credit-points .page-title{font-size:var(--font-size-xl);gap:.5rem}#credit-points .stats-grid{gap:.5rem;grid-template-columns:repeat(2,1fr)!important}#credit-points .stat-card-wrapper{padding:.625rem}#credit-points .stat-card{align-items:flex-start;flex-direction:column;gap:.5rem}#credit-points .stat-icon-wrapper{border-radius:8px;height:32px;width:32px}#credit-points .stat-value{font-size:var(--font-size-lg)}#credit-points .stat-label{font-size:.6rem}#credit-points .quick-amounts{grid-template-columns:repeat(2,1fr)}}#add-credits-page{background:var(--color-bg-primary);min-height:100vh;width:100%}#add-credits-page .page-header{align-items:center;-webkit-backdrop-filter:blur(var(--blur-lg));backdrop-filter:blur(var(--blur-lg));background:var(--glass-bg);border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;margin-bottom:0;padding:var(--spacing-4) var(--spacing-6)}#add-credits-page .header-content{display:flex;flex-direction:column;gap:.25rem}#add-credits-page .back-btn{align-items:center;background:none;border:none;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:var(--font-size-sm);gap:.375rem;margin-bottom:.5rem;padding:0;transition:color .2s ease}#add-credits-page .back-btn:hover{color:var(--color-primary)}#add-credits-page .page-title{align-items:center;color:var(--text-primary);display:flex;font-size:var(--font-size-xl);font-weight:700;gap:.5rem;margin:0}#add-credits-page .title-icon{color:var(--color-primary)}#add-credits-page .page-subtitle{color:var(--text-tertiary);font-size:var(--font-size-sm);margin:0}#add-credits-page .page-content{margin:0 auto;max-width:1100px;padding:1.25rem}#add-credits-page .checkout-grid{grid-gap:1.25rem;align-items:start;display:grid;gap:1.25rem;grid-template-columns:1fr 380px}@media(max-width:968px){#add-credits-page .checkout-grid{grid-template-columns:1fr}}#add-credits-page .checkout-main{display:flex;flex-direction:column;gap:1rem}#add-credits-page .checkout-sidebar{position:-webkit-sticky;position:sticky;top:1.25rem}#add-credits-page .card-header-section{align-items:center;border-bottom:1px solid var(--glass-border);display:flex;gap:.5rem;margin-bottom:1rem;padding-bottom:.75rem}#add-credits-page .card-header-section h2{color:var(--text-primary);flex:1 1;font-size:var(--font-size-base);font-weight:600;margin:0}#add-credits-page .card-icon{align-items:center;background:linear-gradient(135deg,#7c3aed26,#7c3aed0d);border-radius:8px;color:var(--color-primary);display:flex;height:32px;justify-content:center;width:32px}#add-credits-page .card-icon.success{background:linear-gradient(135deg,#10b98126,#10b9810d);color:var(--color-success)}#add-credits-page .optional-tag{background:var(--glass-bg);border-radius:10px;color:var(--text-tertiary);font-size:var(--font-size-xs);padding:.125rem .5rem}#add-credits-page .amount-grid{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(3,1fr);margin-bottom:.75rem}@media(max-width:480px){#add-credits-page .amount-grid{grid-template-columns:repeat(2,1fr)}}#add-credits-page .amount-btn{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:8px;color:var(--text-primary);cursor:pointer;font-size:var(--font-size-sm);font-weight:500;padding:.625rem .75rem;transition:all .2s ease}#add-credits-page .amount-btn:hover{background:#7c3aed14;border-color:var(--color-primary)}#add-credits-page .amount-btn.active{background:linear-gradient(135deg,#7c3aed26,#7c3aed1a);border-color:var(--color-primary);color:var(--color-primary);font-weight:600}#add-credits-page .custom-input-wrapper{margin-bottom:.75rem;position:relative}#add-credits-page .currency-symbol{color:var(--text-secondary);font-size:var(--font-size-base);font-weight:500;left:.75rem;position:absolute;top:50%;transform:translateY(-50%)}#add-credits-page .custom-input{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:8px;color:var(--text-primary);font-size:var(--font-size-base);padding:.625rem .75rem .625rem 1.75rem;transition:all .2s ease;width:100%}#add-credits-page .custom-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #7c3aed1a;outline:none}#add-credits-page .custom-input::placeholder{color:var(--text-tertiary)}#add-credits-page .conversion-badge{align-items:center;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border-radius:16px;color:#fff;display:inline-flex;font-size:var(--font-size-xs);font-weight:500;gap:.375rem;padding:.375rem .75rem}#add-credits-page .billing-fields{display:flex;flex-direction:column;gap:.75rem}#add-credits-page .field-group{display:flex;flex-direction:column;gap:.375rem}#add-credits-page .field-group label{align-items:center;color:var(--text-secondary);display:flex;font-size:var(--font-size-xs);font-weight:500;gap:.375rem}#add-credits-page .field-input,#add-credits-page .field-select{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:8px;color:var(--text-primary);font-size:var(--font-size-sm);padding:.5rem .75rem;transition:all .2s ease}#add-credits-page .field-input:focus,#add-credits-page .field-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #7c3aed1a;outline:none}#add-credits-page .field-select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;cursor:pointer;padding-right:2rem}#add-credits-page .summary-card{background:var(--glass-bg-strong)!important}#add-credits-page .summary-rows{display:flex;flex-direction:column;gap:.625rem;margin-bottom:1rem}#add-credits-page .summary-row{align-items:center;color:var(--text-secondary);display:flex;font-size:var(--font-size-sm);justify-content:space-between}#add-credits-page .summary-row.total{border-top:1px solid var(--glass-border);color:var(--text-primary);font-size:var(--font-size-base);font-weight:600;padding-top:.625rem}#add-credits-page .credits-preview{align-items:center;background:#10b9811a;border-radius:8px;color:var(--color-success);display:flex;font-size:var(--font-size-sm);gap:.375rem;justify-content:center;margin-bottom:1rem;padding:.625rem}#add-credits-page .credits-preview strong{font-weight:700}#add-credits-page .security-badge{align-items:center;background:var(--glass-bg);border-radius:6px;color:var(--text-tertiary);display:flex;font-size:var(--font-size-xs);gap:.375rem;justify-content:center;margin-bottom:.75rem;padding:.5rem}#add-credits-page .pay-btn{margin-bottom:.75rem}#add-credits-page .info-note{align-items:center;color:var(--text-tertiary);display:flex;font-size:var(--font-size-xs);gap:.25rem;justify-content:center}@media(max-width:768px){#add-credits-page .page-header{padding:var(--spacing-3) var(--spacing-4)}#add-credits-page .page-content{padding:1rem}#add-credits-page .checkout-sidebar{position:static}}#about .about-page{min-height:100vh;overflow-x:hidden}#about .about-hero{align-items:center;display:flex;min-height:80vh;overflow:hidden;padding:120px 0 80px;position:relative}#about .hero-video-container{inset:0;position:absolute;z-index:0}#about .hero-video{height:100%;object-fit:cover;opacity:.5;width:100%}#about .hero-video-overlay{background:linear-gradient(180deg,#0a0a0f99,#0a0a0fd9 70%,#0a0a0f);inset:0;position:absolute}#about .hero-particles{inset:0;pointer-events:none;position:absolute;z-index:1}#about .particle{animation:float-up var(--duration) ease-in-out var(--delay) infinite;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border-radius:50%;bottom:-10px;height:4px;left:var(--x);opacity:.6;position:absolute;width:4px}#about .about-hero-content{margin:0 auto;max-width:800px;position:relative;text-align:center;z-index:2}#about .hero-badge{align-items:center;background:#7c3aed26;border:1px solid #7c3aed4d;border-radius:var(--radius-full);color:var(--color-primary-light);display:inline-flex;font-size:var(--font-size-sm);gap:var(--spacing-2);margin-bottom:var(--spacing-6);padding:var(--spacing-2) var(--spacing-4)}#about .about-title{font-size:clamp(2.5rem,5vw,4rem);font-weight:var(--font-weight-bold);line-height:1.1;margin-bottom:var(--spacing-6)}#about .about-subtitle{color:var(--text-secondary);font-size:var(--font-size-xl);line-height:var(--line-height-relaxed);margin:0 auto;max-width:600px}#about .hero-scroll-indicator{bottom:var(--spacing-8);left:50%;position:absolute;transform:translateX(-50%);z-index:2}#about .scroll-mouse{border:2px solid var(--border-medium);border-radius:12px;display:flex;height:38px;justify-content:center;padding-top:8px;width:24px}#about .scroll-wheel{animation:scroll-bounce 1.5s ease-in-out infinite;background:var(--text-tertiary);border-radius:2px;height:8px;width:4px}@keyframes scroll-bounce{0%,to{opacity:1;transform:translateY(0)}50%{opacity:.3;transform:translateY(8px)}}#about .stats-section{background:linear-gradient(180deg,#0000,#7c3aed0d);padding:var(--spacing-16) 0}#about .stats-grid{grid-gap:var(--spacing-6);display:grid;gap:var(--spacing-6);grid-template-columns:repeat(2,1fr)}@media(min-width:768px){#about .stats-grid{grid-template-columns:repeat(4,1fr)}}#about .stat-card{animation:fade-in-up .6s ease-out var(--delay) both;background:#ffffff05;border:1px solid var(--border-light);border-radius:var(--radius-2xl);padding:var(--spacing-8);text-align:center;transition:all .3s ease}#about .stat-card:hover{background:#ffffff0d;border-color:#7c3aed4d;transform:translateY(-8px)}#about .stat-icon{align-items:center;background:#7c3aed26;border-radius:var(--radius-xl);color:var(--color-primary-light);display:inline-flex;height:56px;justify-content:center;margin-bottom:var(--spacing-4);width:56px}#about .stat-value{-webkit-text-fill-color:#0000;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-2)}#about .stat-label{color:var(--text-tertiary);font-size:var(--font-size-sm)}#about .about-section{padding:var(--spacing-20) 0}#about .section-header{margin-bottom:var(--spacing-16);text-align:center}#about .section-badge{align-items:center;background:#7c3aed1a;border:1px solid #7c3aed33;border-radius:var(--radius-full);color:var(--color-primary-light);display:inline-flex;font-size:var(--font-size-sm);gap:var(--spacing-2);margin-bottom:var(--spacing-4);padding:var(--spacing-2) var(--spacing-4)}#about .section-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-4)}@media(min-width:768px){#about .section-title{font-size:var(--font-size-4xl)}}#about .section-subtitle{color:var(--text-secondary);font-size:var(--font-size-lg);margin:0 auto;max-width:600px}#about .mission-section{background:var(--color-bg-secondary)}#about .mission-grid{grid-gap:var(--spacing-12);align-items:center;display:grid;gap:var(--spacing-12);grid-template-columns:1fr}@media(min-width:1024px){#about .mission-grid{gap:var(--spacing-16);grid-template-columns:1fr 1fr}}#about .mission-content .section-title{margin:var(--spacing-4) 0 var(--spacing-6)}#about .mission-text{color:var(--text-secondary);font-size:var(--font-size-lg);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-6)}#about .mission-image-grid{grid-gap:var(--spacing-4);display:grid;gap:var(--spacing-4);grid-template-columns:repeat(2,1fr)}#about .mission-feature-card{animation:fade-in-up .6s ease-out var(--delay) both;background:#ffffff08;border:1px solid var(--border-light);border-radius:var(--radius-xl);padding:var(--spacing-6);transition:all .3s ease}#about .mission-feature-card:hover{background:#ffffff0f;border-color:#7c3aed4d;transform:translateY(-4px)}#about .mission-feature-icon{align-items:center;background:#7c3aed26;border-radius:var(--radius-lg);color:var(--color-primary-light);display:inline-flex;height:48px;justify-content:center;margin-bottom:var(--spacing-3);width:48px}#about .mission-feature-card h4{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-2)}#about .mission-feature-card p{color:var(--text-tertiary);font-size:var(--font-size-xs);line-height:var(--line-height-relaxed)}#about .values-section{background:var(--color-bg-primary)}#about .values-grid{grid-gap:var(--spacing-6);display:grid;gap:var(--spacing-6);grid-template-columns:1fr}@media(min-width:768px){#about .values-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){#about .values-grid{grid-template-columns:repeat(4,1fr)}}#about .value-card{animation:fade-in-up .6s ease-out var(--delay) both;background:#ffffff05;border:1px solid var(--border-light);border-radius:var(--radius-2xl);padding:var(--spacing-8);text-align:center;transition:all .3s ease}#about .value-card:hover{border-color:#0000;transform:translateY(-8px)}#about .value-purple:hover{border-color:#a855f766;box-shadow:0 20px 40px #a855f733}#about .value-pink:hover{border-color:#f472b666;box-shadow:0 20px 40px #f472b633}#about .value-cyan:hover{border-color:#06b6d466;box-shadow:0 20px 40px #06b6d433}#about .value-orange:hover{border-color:#fb923c66;box-shadow:0 20px 40px #fb923c33}#about .value-icon{align-items:center;border-radius:var(--radius-xl);display:flex;height:64px;justify-content:center;margin:0 auto var(--spacing-5);width:64px}#about .value-purple .value-icon{background:#a855f726;color:#a855f7}#about .value-pink .value-icon{background:#f472b626;color:#f472b6}#about .value-cyan .value-icon{background:#06b6d426;color:#06b6d4}#about .value-orange .value-icon{background:#fb923c26;color:#fb923c}#about .value-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-3)}#about .value-description{color:var(--text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed)}#about .about-cta{padding:var(--spacing-20) 0}#about .cta-card{border-radius:var(--radius-3xl);overflow:hidden;padding:var(--spacing-20) var(--spacing-8);position:relative;text-align:center}#about .cta-video-bg{inset:0;position:absolute;z-index:0}#about .cta-video-bg video{height:100%;object-fit:cover;width:100%}#about .cta-overlay{background:linear-gradient(135deg,#7c3aede6,#06b6d4e6);inset:0;position:absolute;z-index:1}#about .cta-content{margin:0 auto;max-width:600px;position:relative;z-index:2}#about .cta-title{color:#fff;font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-4)}@media(min-width:768px){#about .cta-title{font-size:var(--font-size-4xl)}}#about .cta-subtitle{color:#ffffffe6;font-size:var(--font-size-lg);margin-bottom:var(--spacing-8)}#contact .contact-page{min-height:100vh;overflow-x:hidden}#contact .contact-hero{align-items:center;display:flex;min-height:60vh;overflow:hidden;padding:120px 0 80px;position:relative}#contact .hero-video-container{inset:0;position:absolute;z-index:0}#contact .hero-video{height:100%;object-fit:cover;opacity:.4;width:100%}#contact .hero-video-overlay{background:linear-gradient(180deg,#0a0a0fb3,#0a0a0fe6 70%,#0a0a0f);inset:0;position:absolute}#contact .hero-particles{inset:0;pointer-events:none;position:absolute;z-index:1}#contact .particle{animation:float-up var(--duration) ease-in-out var(--delay) infinite;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border-radius:50%;bottom:-10px;height:4px;left:var(--x);opacity:.6;position:absolute;width:4px}@keyframes float-up{0%{opacity:0;transform:translateY(0) scale(0)}10%{opacity:.6;transform:scale(1)}90%{opacity:.4}to{opacity:0;transform:translateY(-60vh) scale(0)}}#contact .contact-hero-content{margin:0 auto;max-width:700px;position:relative;text-align:center;z-index:2}#contact .hero-badge{align-items:center;background:#7c3aed26;border:1px solid #7c3aed4d;border-radius:var(--radius-full);color:var(--color-primary-light);display:inline-flex;font-size:var(--font-size-sm);gap:var(--spacing-2);margin-bottom:var(--spacing-6);padding:var(--spacing-2) var(--spacing-4)}#contact .contact-title{font-size:clamp(2.5rem,5vw,4rem);font-weight:var(--font-weight-bold);line-height:1.1;margin-bottom:var(--spacing-6)}#contact .contact-subtitle{color:var(--text-secondary);font-size:var(--font-size-xl);line-height:var(--line-height-relaxed)}#contact .contact-info-section{background:linear-gradient(180deg,#0000,#7c3aed0d);padding:var(--spacing-16) 0}#contact .contact-info-grid{display:flex;flex-wrap:wrap;gap:var(--spacing-6)}#contact .contact-info-card{animation:fade-in-up .6s ease-out var(--delay) both;background:#ffffff05;border:1px solid var(--border-light);border-radius:var(--radius-2xl);flex:1 1 300px;padding:var(--spacing-8);text-align:center;transition:all .3s ease}#contact .contact-info-card:hover{border-color:#0000;transform:translateY(-8px)}#contact .info-purple:hover{border-color:#a855f766;box-shadow:0 20px 40px #a855f733}#contact .info-cyan:hover{border-color:#06b6d466;box-shadow:0 20px 40px #06b6d433}#contact .info-pink:hover{border-color:#f472b666;box-shadow:0 20px 40px #f472b633}#contact .info-orange:hover{border-color:#fb923c66;box-shadow:0 20px 40px #fb923c33}#contact .info-icon{align-items:center;border-radius:var(--radius-xl);display:flex;height:64px;justify-content:center;margin:0 auto var(--spacing-4);width:64px}#contact .info-purple .info-icon{background:#a855f726;color:#a855f7}#contact .info-cyan .info-icon{background:#06b6d426;color:#06b6d4}#contact .info-pink .info-icon{background:#f472b626;color:#f472b6}#contact .info-orange .info-icon{background:#fb923c26;color:#fb923c}#contact .info-title{color:var(--text-tertiary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-2)}#contact .info-value{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-1)}#contact .info-description{color:var(--text-tertiary);font-size:var(--font-size-sm)}#contact .contact-form-section{background:var(--color-bg-secondary);padding:var(--spacing-20) 0}#contact .contact-grid{grid-gap:var(--spacing-12);display:grid;gap:var(--spacing-12);grid-template-columns:1fr}@media(min-width:1024px){#contact .contact-grid{grid-template-columns:1.5fr 1fr}}#contact .contact-form-wrapper{background:#ffffff05;border:1px solid var(--border-light);border-radius:var(--radius-3xl);padding:var(--spacing-10)}#contact .form-header{margin-bottom:var(--spacing-8)}#contact .section-badge{align-items:center;background:#7c3aed1a;border:1px solid #7c3aed33;border-radius:var(--radius-full);color:var(--color-primary-light);display:inline-flex;font-size:var(--font-size-sm);gap:var(--spacing-2);margin-bottom:var(--spacing-4);padding:var(--spacing-2) var(--spacing-4)}#contact .form-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-2)}#contact .form-subtitle{color:var(--text-secondary);font-size:var(--font-size-base)}#contact .contact-form .form-row{grid-gap:var(--spacing-6);display:grid;gap:var(--spacing-6);grid-template-columns:1fr}@media(min-width:640px){#contact .contact-form .form-row{grid-template-columns:1fr 1fr}}#contact .contact-form .form-group{margin-bottom:var(--spacing-6)}#contact .contact-form label{color:var(--text-secondary);display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-2)}#contact .contact-form input,#contact .contact-form select,#contact .contact-form textarea{background:#ffffff08;border:1px solid var(--border-light);border-radius:var(--radius-xl);color:var(--text-primary);font-size:var(--font-size-base);padding:var(--spacing-4);transition:all .3s ease;width:100%}#contact .contact-form input:focus,#contact .contact-form select:focus,#contact .contact-form textarea:focus{background:#ffffff0d;border-color:var(--color-primary);box-shadow:0 0 0 3px #7c3aed26;outline:none}#contact .contact-form input::placeholder,#contact .contact-form textarea::placeholder{color:var(--text-tertiary)}#contact .contact-form textarea{min-height:140px;resize:vertical}#contact .contact-form select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%239ca3af' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:20px;cursor:pointer;padding-right:44px}#contact .btn-glow{overflow:hidden;position:relative}#contact .btn-glow:before{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border-radius:inherit;content:"";filter:blur(12px);inset:-2px;opacity:0;position:absolute;transition:opacity .3s ease;z-index:-1}#contact .btn-glow:hover:before{opacity:.6}#contact .btn-spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:18px;width:18px}#contact .contact-faqs{padding:var(--spacing-2) 0}#contact .faq-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-6)}#contact .faq-list{display:flex;flex-direction:column;gap:var(--spacing-4)}#contact .faq-item{animation:fade-in-up .6s ease-out var(--delay) both;background:#ffffff05;border:1px solid var(--border-light);border-radius:var(--radius-xl);display:flex;gap:var(--spacing-4);padding:var(--spacing-6);transition:all .3s ease}#contact .faq-item:hover{background:#ffffff0d;border-color:#7c3aed4d;transform:translateX(8px)}#contact .faq-icon{align-items:center;background:#7c3aed26;border-radius:var(--radius-lg);color:var(--color-primary-light);display:flex;flex-shrink:0;height:44px;justify-content:center;width:44px}#contact .faq-content{flex:1 1}#contact .faq-question{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-2)}#contact .faq-answer{color:var(--text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed)}#contact .faq-cta{background:#7c3aed1a;border:1px solid #7c3aed33;border-radius:var(--radius-xl);margin-top:var(--spacing-8);padding:var(--spacing-6);text-align:center}#contact .faq-cta p{color:var(--text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--spacing-4)}#contact .btn-glass{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff14;border:1px solid #ffffff26;color:var(--text-primary)}#contact .btn-glass:hover{background:#ffffff26;border-color:#ffffff40}@keyframes fade-in-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media(max-width:640px){#contact .contact-hero{min-height:50vh;padding:100px 0 60px}#contact .contact-form-wrapper{padding:var(--spacing-6)}}.privacy-page{background:var(--bg-primary);min-height:100vh}.privacy-hero{overflow:hidden;padding:8rem 0 4rem;position:relative}.privacy-hero .hero-glow{background:radial-gradient(circle,#8b5cf626 0,#0000 70%);height:800px;left:50%;pointer-events:none;position:absolute;top:-50%;transform:translateX(-50%);width:800px}.privacy-hero-content{margin:0 auto;max-width:700px;text-align:center}.privacy-title{color:var(--text-primary);font-size:clamp(2rem,5vw,3.5rem);font-weight:800;line-height:1.2;margin:1.5rem 0}.privacy-subtitle{color:var(--text-secondary);font-size:1.25rem;line-height:1.6;margin-bottom:1.5rem}.privacy-intro{padding:0 0 3rem}.intro-card{align-items:flex-start;border-radius:16px;display:flex;gap:1.5rem;padding:2rem}.intro-icon{color:var(--primary);flex-shrink:0}.intro-card p{color:var(--text-secondary);font-size:1.1rem;line-height:1.8;margin:0}.privacy-content{background:var(--bg-secondary);padding:3rem 0}.privacy-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr)}.privacy-section{border-radius:16px;padding:2rem}.privacy-section .section-header{align-items:center;display:flex;gap:1rem;margin-bottom:1.5rem}.privacy-section .section-icon{align-items:center;background:linear-gradient(135deg,#8b5cf633,#3b82f633);border-radius:12px;color:var(--primary);display:flex;height:48px;justify-content:center;width:48px}.privacy-section .section-title{color:var(--text-primary);font-size:1.25rem;font-weight:700;margin:0}.section-list{list-style:none;margin:0;padding:0}.section-list li{color:var(--text-secondary);font-size:.95rem;line-height:1.6;margin-bottom:.75rem;padding-left:1.5rem;position:relative}.section-list li:before{background:var(--primary);border-radius:50%;content:"";height:6px;left:0;position:absolute;top:.6rem;width:6px}.section-list li:last-child{margin-bottom:0}.privacy-contact{padding:3rem 0}.privacy-contact .contact-card{border-radius:16px;margin:0 auto;max-width:600px;padding:2.5rem;text-align:center}.privacy-contact h2{color:var(--text-primary);font-size:1.5rem;font-weight:700;margin-bottom:1rem}.privacy-contact p{color:var(--text-secondary);font-size:1rem;line-height:1.6}.privacy-contact a{color:var(--primary);font-weight:600;text-decoration:none}.privacy-contact a:hover{text-decoration:underline}@media(max-width:1024px){.privacy-grid{grid-template-columns:1fr}}@media(max-width:640px){.privacy-hero{padding:6rem 0 3rem}.intro-card{flex-direction:column;text-align:center}.privacy-section{padding:1.5rem}}.terms-page{background:var(--bg-primary);min-height:100vh}.terms-hero{overflow:hidden;padding:8rem 0 4rem;position:relative}.terms-hero .hero-glow{background:radial-gradient(circle,#8b5cf626 0,#0000 70%);height:800px;left:50%;pointer-events:none;position:absolute;top:-50%;transform:translateX(-50%);width:800px}.terms-hero-content{margin:0 auto;max-width:700px;text-align:center}.terms-title{color:var(--text-primary);font-size:clamp(2rem,5vw,3.5rem);font-weight:800;line-height:1.2;margin:1.5rem 0}.terms-subtitle{color:var(--text-secondary);font-size:1.25rem;line-height:1.6;margin-bottom:1.5rem}.terms-content{background:var(--bg-secondary);padding:3rem 0}.terms-list{display:flex;flex-direction:column;gap:1.5rem;margin:0 auto;max-width:900px}.terms-section{border-radius:16px;padding:2rem}.terms-section .section-header{align-items:center;display:flex;gap:1rem;margin-bottom:1.25rem}.section-number{border-radius:6px;font-size:.8rem;font-weight:700;padding:.375rem .75rem}.section-number,.terms-section .section-icon{background:linear-gradient(135deg,#8b5cf633,#3b82f633);color:var(--primary)}.terms-section .section-icon{align-items:center;border-radius:12px;display:flex;height:44px;justify-content:center;width:44px}.terms-section .section-title{color:var(--text-primary);flex:1 1;font-size:1.25rem;font-weight:700;margin:0}.section-content{color:var(--text-secondary);font-size:1rem;line-height:1.8;margin:0}.terms-contact{padding:3rem 0}.terms-contact .contact-card{border-radius:16px;margin:0 auto;max-width:600px;padding:2.5rem;text-align:center}.terms-contact h2{color:var(--text-primary);font-size:1.5rem;font-weight:700;margin-bottom:1rem}.terms-contact p{color:var(--text-secondary);font-size:1rem;line-height:1.6}.terms-contact a{color:var(--primary);font-weight:600;text-decoration:none}.terms-contact a:hover{text-decoration:underline}@media(max-width:768px){.terms-hero{padding:6rem 0 3rem}.terms-section{padding:1.5rem}.terms-section .section-header{flex-wrap:wrap}.section-number{order:-1}}.refund-page{background:var(--bg-primary);min-height:100vh}.refund-hero{overflow:hidden;padding:8rem 0 4rem;position:relative}.refund-hero .hero-glow{background:radial-gradient(circle,#8b5cf626 0,#0000 70%);height:800px;left:50%;pointer-events:none;position:absolute;top:-50%;transform:translateX(-50%);width:800px}.refund-hero-content{margin:0 auto;max-width:700px;text-align:center}.refund-title{color:var(--text-primary);font-size:clamp(2rem,5vw,3.5rem);font-weight:800;line-height:1.2;margin:1.5rem 0}.refund-subtitle{color:var(--text-secondary);font-size:1.25rem;line-height:1.6;margin-bottom:1.5rem}.last-updated{align-items:center;background:var(--bg-tertiary);border-radius:8px;color:var(--text-secondary);display:inline-flex;font-size:.9rem;gap:.5rem;padding:.5rem 1rem}.refund-overview{padding:3rem 0}.overview-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(3,1fr)}.overview-card{border-radius:16px;padding:2rem;text-align:center;transition:transform .3s ease}.overview-card:hover{transform:translateY(-5px)}.overview-icon{align-items:center;background:linear-gradient(135deg,#8b5cf633,#3b82f633);border-radius:16px;color:var(--primary);display:flex;height:64px;justify-content:center;margin:0 auto 1rem;width:64px}.overview-card h3{color:var(--text-primary);font-size:1.15rem;font-weight:700;margin-bottom:.5rem}.overview-card p{color:var(--text-secondary);font-size:.9rem;margin:0}.refund-eligibility{background:var(--bg-secondary);padding:4rem 0}.eligibility-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(2,1fr);margin-top:3rem}.eligibility-column{display:flex;flex-direction:column;gap:1rem}.column-title{align-items:center;display:flex;font-size:1.25rem;font-weight:700;gap:.75rem;margin-bottom:.5rem}.column-title.eligible{color:#10b981}.column-title.not-eligible{color:#ef4444}.eligibility-list{display:flex;flex-direction:column;gap:1rem}.eligibility-item{border-radius:12px;display:flex;gap:1rem;padding:1.25rem;transition:transform .3s ease}.eligibility-item:hover{transform:translateX(5px)}.eligibility-item.eligible .item-icon{color:#10b981}.eligibility-item.not-eligible .item-icon{color:#ef4444}.item-icon{flex-shrink:0;margin-top:.125rem}.item-content h4{color:var(--text-primary);font-size:1rem;font-weight:600;margin-bottom:.25rem}.item-content p{color:var(--text-secondary);font-size:.9rem;line-height:1.5;margin:0}.refund-process{padding:4rem 0}.process-steps{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr);margin-top:3rem}.process-step{border-radius:16px;padding:2rem;position:relative;text-align:center}.refund-page .step-number{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary),var(--secondary));-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:800;margin-bottom:1rem}.step-title{color:var(--text-primary);font-size:1.15rem;font-weight:700;margin-bottom:.75rem}.step-description{color:var(--text-secondary);font-size:.95rem;line-height:1.6;margin:0}.step-connector{color:var(--primary);height:24px;position:absolute;right:-1.5rem;top:50%;transform:translateY(-50%);width:24px}.refund-note{background:var(--bg-secondary);padding:3rem 0}.note-card{border-left:4px solid #f59e0b;border-radius:16px;display:flex;gap:1.5rem;margin:0 auto;max-width:800px;padding:2rem}.note-icon{color:#f59e0b;flex-shrink:0}.note-content h3{color:var(--text-primary);font-size:1.25rem;font-weight:700;margin-bottom:.75rem}.note-content p{color:var(--text-secondary);font-size:1rem;line-height:1.7;margin:0}.refund-contact{padding:4rem 0}.refund-contact .contact-card{border-radius:20px;margin:0 auto;max-width:600px;padding:3rem;text-align:center}.contact-icon{color:var(--primary);margin-bottom:1.5rem}.refund-contact h2{color:var(--text-primary);font-size:1.75rem;font-weight:700;margin-bottom:.75rem}.refund-contact p{color:var(--text-secondary);font-size:1rem;margin-bottom:1.5rem}.contact-actions{display:flex;gap:1rem;justify-content:center}@media(max-width:1024px){.eligibility-grid,.overview-grid,.process-steps{grid-template-columns:1fr}.step-connector{display:none}}@media(max-width:640px){.refund-hero{padding:6rem 0 3rem}.note-card{text-align:center}.contact-actions,.note-card{flex-direction:column}}.stat-card{overflow:hidden;padding:1rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.stat-card:before{background:linear-gradient(90deg,var(--card-color-start),var(--card-color-end));content:"";height:4px;left:0;opacity:.8;position:absolute;right:0;top:0}.stat-card--primary{--card-color-start:#667eea;--card-color-end:#764ba2}.stat-card--success{--card-color-start:#48bb78;--card-color-end:#38a169}.stat-card--warning{--card-color-start:#ed8936;--card-color-end:#dd6b20}.stat-card--danger{--card-color-start:#f56565;--card-color-end:#e53e3e}.stat-card--info{--card-color-start:#4299e1;--card-color-end:#3182ce}.stat-card:hover{transform:translateY(-4px)}.stat-card__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.stat-card__icon-wrapper{align-items:center;background:linear-gradient(135deg,var(--card-color-start),var(--card-color-end));border-radius:10px;box-shadow:0 4px 12px #00000026;display:flex;height:40px;justify-content:center;width:40px}.stat-card__icon{stroke-width:2;color:#fff}.stat-card__trend{align-items:center;border-radius:20px;display:flex;font-size:.75rem;font-weight:600;gap:.25rem;padding:.25rem .75rem}.stat-card__trend--positive{background:#48bb781a;color:#38a169}.stat-card__trend--negative{background:#f565651a;color:#e53e3e}.trend-icon{font-size:.875rem}.stat-card__body{display:flex;flex-direction:column;gap:.375rem}.stat-card__title{color:#718096;font-size:.75rem;font-weight:500;letter-spacing:.05em;margin:0;text-transform:uppercase}.stat-card__value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--card-color-start),var(--card-color-end));-webkit-background-clip:text;background-clip:text;color:#1a202c;font-size:1.5rem;font-weight:700;line-height:1}.stat-card__subtitle{color:#a0aec0;font-size:.8125rem;margin:0}@media(max-width:768px){.stat-card{padding:.75rem}.stat-card__header{margin-bottom:.5rem}.stat-card__icon-wrapper{border-radius:8px;height:32px;width:32px}.stat-card__icon{font-size:.875rem}.stat-card__body{gap:.25rem}.stat-card__title{font-size:.65rem}.stat-card__value{font-size:1.125rem}.stat-card__subtitle{font-size:.75rem}.stat-card__trend{font-size:.65rem;padding:.2rem .5rem}}.data-table-container{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffff0d;background:var(--glass-bg,#ffffff0d);border:1px solid #ffffff1a;border:1px solid var(--glass-border,#ffffff1a);border-radius:16px;box-shadow:0 4px 20px #00000026;overflow:hidden}.data-table-wrapper{overflow-x:auto}.data-table{border-collapse:collapse;font-size:clamp(.7rem,1.2vw,.875rem);min-width:600px;width:100%}.data-table thead{background:linear-gradient(135deg,#7c3aed26,#6366f11a);border-bottom:1px solid #ffffff1a;border-bottom:1px solid var(--glass-border,#ffffff1a)}.data-table th{color:#ffffffb3;color:var(--text-secondary,#ffffffb3);font-size:clamp(.55rem,1vw,.7rem);font-weight:600;letter-spacing:.05em;padding:.75rem 1rem;text-align:left;text-transform:uppercase;white-space:nowrap}.data-table tbody tr{border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--border-light,#ffffff14);transition:all .2s ease}.data-table tbody tr:last-child{border-bottom:none}.data-table tbody tr:hover{background:#7c3aed14}.data-table tbody tr.clickable{cursor:pointer}.data-table tbody tr.clickable:hover{background:#7c3aed26}.data-table td{color:#fff;color:var(--text-primary,#fff);max-width:150px;overflow:hidden;padding:.75rem 1rem;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap}.data-table-empty,.data-table-loading{align-items:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffff0d;background:var(--glass-bg,#ffffff0d);border:1px solid #ffffff1a;border:1px solid var(--glass-border,#ffffff1a);border-radius:16px;box-shadow:0 4px 20px #00000026;display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem}.data-table-empty p,.data-table-loading p{color:#ffffffb3;color:var(--text-secondary,#ffffffb3);font-size:1rem;margin:0}.spinner{animation:spin 1s linear infinite;border:4px solid #7c3aed33;border-radius:50%;border-top-color:#7c3aed;height:40px;margin-bottom:1rem;width:40px}.empty-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}@media(max-width:1400px){.data-table th{font-size:clamp(.5rem,.9vw,.6rem);padding:.5rem .75rem}.data-table td{max-width:130px;padding:.5rem .75rem}.data-table{font-size:clamp(.65rem,1vw,.8rem)}}@media(max-width:1200px){.data-table th{font-size:.55rem;padding:.5rem}.data-table td{max-width:110px;padding:.5rem}.data-table{font-size:.75rem}}@media(max-width:992px){.data-table th{font-size:.5rem}.data-table td{max-width:100px}.data-table{font-size:.7rem;min-width:550px}}@media(max-width:768px){.data-table td,.data-table th{padding:.5rem;text-align:left}.data-table th{font-size:.5rem;text-align:left}.data-table td{max-width:80px;text-align:left}.data-table{font-size:.65rem;min-width:500px}}[data-theme=light] .data-table-container{background:#ffffffe6;border-color:#00000014;box-shadow:0 4px 20px #00000014}[data-theme=light] .data-table thead{background:linear-gradient(135deg,#7c3aed14,#6366f10d);border-bottom-color:#00000014}[data-theme=light] .data-table th{color:#6b7280}[data-theme=light] .data-table tbody tr{border-bottom-color:#0000000f}[data-theme=light] .data-table tbody tr:hover{background:#7c3aed0a}[data-theme=light] .data-table tbody tr.clickable:hover{background:#7c3aed14}[data-theme=light] .data-table td{color:#111827}[data-theme=light] .data-table-empty,[data-theme=light] .data-table-loading{background:#ffffffe6;border-color:#00000014}[data-theme=light] .data-table-empty p,[data-theme=light] .data-table-loading p{color:#6b7280}.assign-hot-page{margin:0 auto;max-width:1400px;padding:var(--spacing-lg)}.page-header{margin-bottom:var(--spacing-xl)}.page-header .page-title{align-items:center;color:var(--text-primary);display:flex;font-size:1.75rem;font-weight:700;gap:var(--spacing-sm);margin:0}.page-header .page-title svg{color:var(--primary-color)}.page-header .page-subtitle{color:var(--text-secondary);font-size:1rem;margin-top:var(--spacing-xs)}.alert{align-items:center;border-radius:var(--radius-md);display:flex;font-weight:500;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);padding:var(--spacing-md)}.alert.alert-success{background:#22c55e1a;border:1px solid #22c55e4d;color:var(--success-color)}.alert.alert-error{background:#ef44441a;border:1px solid #ef44444d;color:var(--error-color)}.alert .alert-close{background:#0000;border:none;border-radius:var(--radius-sm);color:inherit;cursor:pointer;margin-left:auto;opacity:.7;padding:var(--spacing-2xs);transition:opacity .2s}.alert .alert-close:hover{opacity:1}.search-section{align-items:center;display:flex;gap:var(--spacing-lg);justify-content:space-between;margin-bottom:var(--spacing-lg)}@media(max-width:768px){.search-section{align-items:stretch;flex-direction:column}}.search-box{flex:1 1;max-width:500px;position:relative}.search-box .search-icon{color:var(--text-muted);left:var(--spacing-md);position:absolute;top:50%;transform:translateY(-50%)}.search-box input{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-primary);font-size:1rem;padding:var(--spacing-md) var(--spacing-md) var(--spacing-md) calc(var(--spacing-md)*2 + 18px);transition:all .2s;width:100%}.search-box input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.1);outline:none}.search-box input::placeholder{color:var(--text-muted)}.stats-info{display:flex;gap:var(--spacing-md)}.stats-info .stat-item{color:var(--text-secondary)}.stats-info .stat-item strong{color:var(--primary-color)}.users-table-card{overflow:hidden}.user-cell{align-items:center;display:flex;gap:var(--spacing-sm)}.user-cell .user-avatar{align-items:center;background:var(--gradient-primary);border-radius:50%;color:#fff;display:flex;font-size:1rem;font-weight:600;height:40px;justify-content:center;width:40px}.user-cell .user-info{display:flex;flex-direction:column}.user-cell .user-info .user-name{color:var(--text-primary);font-weight:600}.user-cell .user-info .user-email{color:var(--text-muted);font-size:.85rem}.date-cell,.phone-cell,.pincode-cell{align-items:center;color:var(--text-secondary);display:flex;gap:var(--spacing-xs)}.date-cell svg,.phone-cell svg,.pincode-cell svg{color:var(--text-muted)}.referrals-badge{background:rgba(var(--primary-rgb),.1);border-radius:var(--radius-full);color:var(--primary-color);display:inline-flex;font-size:.9rem;font-weight:600;min-width:32px;padding:var(--spacing-2xs) var(--spacing-sm)}.pagination,.referrals-badge{align-items:center;justify-content:center}.pagination{border-top:1px solid var(--border-color);display:flex;gap:var(--spacing-md);padding:var(--spacing-lg)}.pagination .page-info{color:var(--text-secondary);font-size:.9rem}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;display:flex;inset:0;justify-content:center;padding:var(--spacing-lg);position:fixed;z-index:1000}.confirm-modal{animation:slideUp .3s ease;max-width:500px;padding:var(--spacing-xl);width:100%}.confirm-modal h2{color:var(--text-primary);font-size:1.5rem;margin:0 0 var(--spacing-sm)}.confirm-modal>p{color:var(--text-secondary);margin-bottom:var(--spacing-lg)}.selected-user-details{background:var(--surface-alt);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);padding:var(--spacing-lg)}.selected-user-details .detail-row{color:var(--text-primary);display:flex;gap:var(--spacing-sm);padding:var(--spacing-xs) 0}.selected-user-details .detail-row strong{color:var(--text-secondary);min-width:80px}.selected-user-details .detail-row:not(:last-child){border-bottom:1px solid var(--border-color)}.modal-actions{display:flex;gap:var(--spacing-sm);justify-content:flex-end}#teamreport .team-report-page{background:var(--color-bg-primary);min-height:100vh;padding:0;width:100%}#teamreport .page-header{align-items:center;-webkit-backdrop-filter:blur(var(--blur-lg));backdrop-filter:blur(var(--blur-lg));background:var(--glass-bg);border-bottom:1px solid var(--border-light);display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:0;padding:var(--spacing-4) var(--spacing-6)}@media(max-width:768px){#teamreport .page-header{align-items:flex-start;flex-direction:column;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4)}}#teamreport .header-left{align-items:center;display:flex;flex:1 1;gap:var(--spacing-4)}@media(max-width:768px){#teamreport .header-left{width:100%}}#teamreport .header-content{flex:1 1}#teamreport .page-title{-webkit-text-fill-color:unset;align-items:center;background:none;-webkit-background-clip:unset;background-clip:initial;color:var(--text-primary);display:flex;font-size:var(--font-size-2xl);font-weight:700;gap:.75rem;margin-bottom:.25rem}#teamreport .title-icon{color:var(--color-primary)}#teamreport .page-subtitle{color:var(--text-secondary);font-size:.938rem}#teamreport .header-actions{display:flex;gap:var(--spacing-3)}#teamreport .page-content{display:flex;flex-direction:column;gap:2rem;margin:0 auto;max-width:1600px;padding:2rem}#teamreport .stats-grid{grid-gap:var(--spacing-4);display:grid;gap:var(--spacing-4);grid-template-columns:repeat(2,1fr);margin-bottom:var(--spacing-6)}@media(min-width:768px){#teamreport .stats-grid{grid-template-columns:repeat(4,1fr)}}#teamreport .filters-section{display:flex;flex-direction:column;gap:var(--spacing-4);margin-bottom:var(--spacing-6)}@media(min-width:768px){#teamreport .filters-section{align-items:center;flex-direction:row;justify-content:space-between}}#teamreport .search-box{flex:1 1;max-width:400px;position:relative}#teamreport .search-icon{color:var(--text-tertiary);left:var(--spacing-4);position:absolute;top:50%;transform:translateY(-50%)}#teamreport .search-input{background:var(--glass-bg);border:1px solid var(--border-light);border-radius:var(--radius-lg);color:var(--text-primary);font-size:var(--font-size-sm);padding:var(--spacing-3) var(--spacing-4);padding-left:calc(var(--spacing-4) + 24px);transition:all .2s ease;width:100%}#teamreport .search-input:focus,#teamreport .search-input:hover{border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed1a;outline:none}#teamreport .date-filters{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-3)}#teamreport .date-input-wrapper{align-items:center;background:var(--glass-bg);border:1px solid var(--border-light);border-radius:var(--radius-lg);color:var(--text-tertiary);display:flex;gap:var(--spacing-2);height:40px;padding:6px var(--spacing-3)}#teamreport .date-input-wrapper:focus-within{border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed1a}#teamreport .date-input{background:#0000;border:none;color:var(--text-primary);font-size:var(--font-size-sm);outline:none}#teamreport .date-separator{color:var(--text-tertiary);font-size:var(--font-size-sm)}#teamreport .team-table-card{border-radius:var(--radius-xl)!important;overflow:hidden}#teamreport .member-cell{align-items:center;display:flex;gap:var(--spacing-3)}#teamreport .member-avatar{align-items:center;background:linear-gradient(135deg,#7c3aed,#6366f1);border-radius:var(--radius-full);color:#fff;display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);height:40px;justify-content:center;width:40px}#teamreport .member-info{display:flex;flex-direction:column;gap:2px}#teamreport .member-name{color:var(--text-primary);font-weight:var(--font-weight-semibold)}#teamreport .member-email,#teamreport .member-phone{color:var(--text-tertiary);font-size:var(--font-size-xs)}#teamreport .location-text{color:var(--text-secondary)}#teamreport .referral-badge{align-items:center;background:linear-gradient(135deg,#3b82f61a,#2563eb1a);border-radius:var(--radius-full);color:#2563eb;display:inline-flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);justify-content:center;min-width:32px;padding:var(--spacing-1) var(--spacing-3)}#teamreport .amount{color:var(--text-primary);font-weight:var(--font-weight-semibold)}#teamreport .status-badge{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);padding:var(--spacing-1) var(--spacing-3);text-transform:capitalize}#teamreport .status-badge--active{background:#10b9811a;color:#059669}#teamreport .status-badge--inactive{background:#ef44441a;color:#dc2626}#teamreport .pagination{align-items:center;border-top:1px solid var(--border-light);display:flex;gap:var(--spacing-4);justify-content:center;margin-top:var(--spacing-6);padding-top:var(--spacing-6)}#teamreport .pagination-info{color:var(--text-secondary);font-size:var(--font-size-sm)}#teamreport .dashboard-loading{align-items:center;color:var(--text-secondary);display:flex;font-size:var(--font-size-lg);justify-content:center;min-height:100vh}@media(max-width:768px){#teamreport .date-filters{width:100%}#teamreport .date-input-wrapper{flex:1 1}#teamreport .search-box{max-width:100%}}#teammemberdetail.member-detail-page{background:linear-gradient(135deg,#7c3aed08,#6366f108);min-height:100vh;padding:var(--spacing-6);width:100%}@media(min-width:768px){#teammemberdetail.member-detail-page{padding:var(--spacing-8)}}#teammemberdetail .page-header{margin-bottom:var(--spacing-6)}#teammemberdetail .not-found{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-4);justify-content:center;min-height:50vh;text-align:center}#teammemberdetail .not-found h2{color:var(--text-primary);font-size:var(--font-size-2xl)}#teammemberdetail .not-found p{color:var(--text-secondary)}#teammemberdetail .profile-card{border-radius:var(--radius-xl)!important;margin-bottom:var(--spacing-6)}#teammemberdetail .profile-header{align-items:center;border-bottom:1px solid var(--border-light);display:flex;gap:var(--spacing-5);margin-bottom:var(--spacing-6);padding-bottom:var(--spacing-6)}#teammemberdetail .profile-avatar{align-items:center;background:linear-gradient(135deg,#7c3aed,#6366f1);border-radius:var(--radius-full);color:#fff;display:flex;flex-shrink:0;font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);height:80px;justify-content:center;width:80px}#teammemberdetail .profile-info{flex:1 1}#teammemberdetail .profile-name{color:var(--text-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin:0 0 var(--spacing-2)}#teammemberdetail .profile-meta{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-4)}#teammemberdetail .status-badge{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);gap:var(--spacing-1);padding:var(--spacing-1) var(--spacing-3);text-transform:capitalize}#teammemberdetail .status-badge--active{background:#10b9811a;color:#059669}#teammemberdetail .status-badge--inactive{background:#ef44441a;color:#dc2626}#teammemberdetail .joined-date{align-items:center;color:var(--text-secondary);display:flex;font-size:var(--font-size-sm);gap:var(--spacing-2)}#teammemberdetail .profile-details{grid-gap:var(--spacing-4);display:grid;gap:var(--spacing-4);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}#teammemberdetail .detail-item{align-items:flex-start;background:linear-gradient(135deg,#7c3aed0d,#6366f10d);border-radius:var(--radius-lg);display:flex;gap:var(--spacing-3);padding:var(--spacing-4)}#teammemberdetail .detail-icon{color:#7c3aed;flex-shrink:0;margin-top:2px}#teammemberdetail .detail-content{display:flex;flex-direction:column;gap:2px}#teammemberdetail .detail-label{color:var(--text-tertiary);font-size:var(--font-size-xs);letter-spacing:.05em;text-transform:uppercase}#teammemberdetail .detail-value{color:var(--text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-medium)}#teammemberdetail .stats-grid{grid-gap:var(--spacing-4);display:grid;gap:var(--spacing-4);grid-template-columns:repeat(2,1fr);margin-bottom:var(--spacing-6)}@media(min-width:768px){#teammemberdetail .stats-grid{grid-template-columns:repeat(4,1fr)}}#teammemberdetail .stat-card{align-items:center;border-radius:var(--radius-lg)!important;display:flex;gap:var(--spacing-3)}#teammemberdetail .stat-icon{align-items:center;border-radius:var(--radius-md);display:flex;flex-shrink:0;height:44px;justify-content:center;width:44px}#teammemberdetail .stat-icon.primary{background:linear-gradient(135deg,#7c3aed26,#6366f126);color:#7c3aed}#teammemberdetail .stat-icon.info{background:linear-gradient(135deg,#3b82f626,#2563eb26);color:#2563eb}#teammemberdetail .stat-icon.success{background:linear-gradient(135deg,#10b98126,#05966926);color:#059669}#teammemberdetail .stat-icon.warning{background:linear-gradient(135deg,#f59e0b26,#d9770626);color:#d97706}#teammemberdetail .stat-content{display:flex;flex-direction:column;gap:2px}#teammemberdetail .stat-content .stat-value{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}#teammemberdetail .stat-content .stat-label{color:var(--text-secondary);font-size:var(--font-size-sm)}#teammemberdetail .history-card{border-radius:var(--radius-xl)!important}#teammemberdetail .section-title{align-items:center;color:var(--text-primary);display:flex;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);gap:var(--spacing-2);margin:0 0 var(--spacing-5)}#teammemberdetail .section-title svg{color:#7c3aed}#teammemberdetail .history-list{display:flex;flex-direction:column;gap:var(--spacing-3)}#teammemberdetail .history-item{align-items:center;background:linear-gradient(135deg,#7c3aed08,#6366f108);border:1px solid #7c3aed1a;border-radius:var(--radius-lg);display:flex;justify-content:space-between;padding:var(--spacing-4);transition:all .2s ease}#teammemberdetail .history-item:hover{border-color:#7c3aed4d;transform:translateX(4px)}#teammemberdetail .history-month{color:var(--text-primary);font-weight:var(--font-weight-semibold)}#teammemberdetail .history-stats{display:flex;gap:var(--spacing-6)}#teammemberdetail .history-stat{align-items:flex-end;display:flex;flex-direction:column;gap:2px}#teammemberdetail .history-stat .stat-label{color:var(--text-tertiary);font-size:var(--font-size-xs)}#teammemberdetail .history-stat .stat-value{color:var(--text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}#teammemberdetail .history-stat .stat-value.success{color:#059669}#teammemberdetail .dashboard-loading{align-items:center;color:var(--text-secondary);display:flex;font-size:var(--font-size-lg);justify-content:center;min-height:100vh}@media(max-width:768px){#teammemberdetail .profile-header{flex-direction:column;text-align:center}#teammemberdetail .profile-meta{justify-content:center}#teammemberdetail .history-item{align-items:flex-start;flex-direction:column;gap:var(--spacing-3)}#teammemberdetail .history-stats{justify-content:space-between;width:100%}#teammemberdetail .history-stat{align-items:flex-start}}#hotreport .hot-report-page{background:var(--color-bg-primary);min-height:100vh;padding:0;width:100%}#hotreport .page-header{align-items:center;-webkit-backdrop-filter:blur(var(--blur-lg));backdrop-filter:blur(var(--blur-lg));background:var(--glass-bg);border-bottom:1px solid var(--border-light);display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:0;padding:var(--spacing-4) var(--spacing-6)}@media(max-width:768px){#hotreport .page-header{align-items:flex-start;flex-direction:column;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4)}}#hotreport .header-left{align-items:center;display:flex;flex:1 1;gap:var(--spacing-4)}@media(max-width:768px){#hotreport .header-left{width:100%}}#hotreport .header-content{flex:1 1}#hotreport .page-title{-webkit-text-fill-color:unset;align-items:center;background:none;-webkit-background-clip:unset;background-clip:initial;color:var(--text-primary);display:flex;font-size:var(--font-size-2xl);font-weight:700;gap:.75rem;margin-bottom:.25rem}#hotreport .title-icon{color:var(--color-primary)}#hotreport .page-subtitle{color:var(--text-secondary);font-size:.938rem}#hotreport .header-actions{display:flex;gap:var(--spacing-3)}#hotreport .page-content{display:flex;flex-direction:column;gap:2rem;margin:0 auto;max-width:1600px;padding:2rem}#hotreport .stats-grid{grid-gap:var(--spacing-4);display:grid;gap:var(--spacing-4);grid-template-columns:repeat(2,1fr);margin-bottom:var(--spacing-6)}@media(min-width:768px){#hotreport .stats-grid{grid-template-columns:repeat(4,1fr)}}#hotreport .filters-section{display:flex;flex-direction:column;gap:var(--spacing-4);margin-bottom:var(--spacing-6)}@media(min-width:768px){#hotreport .filters-section{align-items:center;flex-direction:row;justify-content:space-between}}#hotreport .search-box{flex:1 1;max-width:400px;position:relative}#hotreport .search-icon{color:var(--text-tertiary);left:var(--spacing-4);position:absolute;top:50%;transform:translateY(-50%)}#hotreport .search-input{background:var(--glass-bg);border:1px solid var(--border-light);border-radius:var(--radius-lg);color:var(--text-primary);font-size:var(--font-size-sm);padding:var(--spacing-3) var(--spacing-4);padding-left:calc(var(--spacing-4) + 24px);transition:all .2s ease;width:100%}#hotreport .search-input:focus,#hotreport .search-input:hover{border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed1a;outline:none}#hotreport .filter-controls{display:flex;gap:var(--spacing-3)}#hotreport .filter-select{background:var(--glass-bg);border:1px solid var(--border-light);border-radius:var(--radius-lg);color:var(--text-primary);cursor:pointer;font-size:var(--font-size-sm);padding:var(--spacing-3) var(--spacing-4);transition:all .2s ease}#hotreport .filter-select:focus,#hotreport .filter-select:hover{border-color:#7c3aed;outline:none}#hotreport .hot-table-card{border-radius:var(--radius-xl)!important;overflow:hidden}#hotreport .name-cell{align-items:center;display:flex;gap:var(--spacing-3)}#hotreport .partner-avatar{align-items:center;background:linear-gradient(135deg,#7c3aed,#6366f1);border-radius:var(--radius-full);color:#fff;display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);height:40px;justify-content:center;width:40px}#hotreport .partner-info{display:flex;flex-direction:column;gap:2px}#hotreport .partner-name{color:var(--text-primary);font-weight:var(--font-weight-semibold)}#hotreport .partner-location{color:var(--text-tertiary);font-size:var(--font-size-xs)}#hotreport .code-badge{background:linear-gradient(135deg,#7c3aed1a,#6366f11a);border-radius:var(--radius-md);color:#7c3aed;font-family:JetBrains Mono,monospace;font-weight:var(--font-weight-semibold)}#hotreport .code-badge,#hotreport .team-badge{display:inline-flex;font-size:var(--font-size-sm);padding:var(--spacing-1) var(--spacing-3)}#hotreport .team-badge{background:linear-gradient(135deg,#3b82f61a,#2563eb1a);border-radius:var(--radius-full);color:#2563eb;font-weight:var(--font-weight-medium)}#hotreport .amount{color:var(--text-primary);font-weight:var(--font-weight-semibold)}#hotreport .commission{color:#059669;font-weight:var(--font-weight-bold)}#hotreport .status-badge{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);padding:var(--spacing-1) var(--spacing-3);text-transform:capitalize}#hotreport .status-badge--active{background:#10b9811a;color:#059669}#hotreport .status-badge--inactive{background:#ef44441a;color:#dc2626}#hotreport .pagination{align-items:center;border-top:1px solid var(--border-light);display:flex;gap:var(--spacing-4);justify-content:center;margin-top:var(--spacing-6);padding-top:var(--spacing-6)}#hotreport .pagination-info{color:var(--text-secondary);font-size:var(--font-size-sm)}#hotreport .dashboard-loading{align-items:center;color:var(--text-secondary);display:flex;font-size:var(--font-size-lg);justify-content:center;min-height:100vh}@media(max-width:768px){#hotreport .filter-controls{width:100%}#hotreport .filter-select{flex:1 1}#hotreport .search-box{max-width:100%}}#hotpartnerdetail.partner-detail-page{background:linear-gradient(135deg,#7c3aed08,#6366f108);min-height:100vh;padding:var(--spacing-6);width:100%}@media(min-width:768px){#hotpartnerdetail.partner-detail-page{padding:var(--spacing-8)}}#hotpartnerdetail .page-header{margin-bottom:var(--spacing-6)}#hotpartnerdetail .not-found{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-4);justify-content:center;min-height:50vh;text-align:center}#hotpartnerdetail .not-found h2{color:var(--text-primary);font-size:var(--font-size-2xl)}#hotpartnerdetail .not-found p{color:var(--text-secondary)}#hotpartnerdetail .profile-card{border-radius:var(--radius-xl)!important;margin-bottom:var(--spacing-6)}#hotpartnerdetail .profile-header{align-items:center;border-bottom:1px solid var(--border-light);display:flex;gap:var(--spacing-5);margin-bottom:var(--spacing-6);padding-bottom:var(--spacing-6)}#hotpartnerdetail .profile-avatar{align-items:center;background:linear-gradient(135deg,#7c3aed,#6366f1);border-radius:var(--radius-full);color:#fff;display:flex;flex-shrink:0;font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);height:80px;justify-content:center;width:80px}#hotpartnerdetail .profile-info{flex:1 1}#hotpartnerdetail .profile-name{color:var(--text-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin:0 0 var(--spacing-1)}#hotpartnerdetail .profile-code{background:linear-gradient(135deg,#7c3aed1a,#6366f11a);border-radius:var(--radius-md);color:#7c3aed;display:inline-block;font-family:JetBrains Mono,monospace;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-3);padding:var(--spacing-1) var(--spacing-3)}#hotpartnerdetail .profile-meta{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-4)}#hotpartnerdetail .status-badge{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);gap:var(--spacing-1);padding:var(--spacing-1) var(--spacing-3);text-transform:capitalize}#hotpartnerdetail .status-badge--active{background:#10b9811a;color:#059669}#hotpartnerdetail .status-badge--inactive{background:#ef44441a;color:#dc2626}#hotpartnerdetail .joined-date{align-items:center;color:var(--text-secondary);display:flex;font-size:var(--font-size-sm);gap:var(--spacing-2)}#hotpartnerdetail .profile-details{grid-gap:var(--spacing-4);display:grid;gap:var(--spacing-4);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}#hotpartnerdetail .detail-item{align-items:flex-start;background:linear-gradient(135deg,#7c3aed0d,#6366f10d);border-radius:var(--radius-lg);display:flex;gap:var(--spacing-3);padding:var(--spacing-4)}#hotpartnerdetail .detail-icon{color:#7c3aed;flex-shrink:0;margin-top:2px}#hotpartnerdetail .detail-content{display:flex;flex-direction:column;gap:2px}#hotpartnerdetail .detail-label{color:var(--text-tertiary);font-size:var(--font-size-xs);letter-spacing:.05em;text-transform:uppercase}#hotpartnerdetail .detail-value{color:var(--text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-medium)}#hotpartnerdetail .stats-grid{grid-gap:var(--spacing-4);display:grid;gap:var(--spacing-4);grid-template-columns:repeat(2,1fr);margin-bottom:var(--spacing-6)}@media(min-width:768px){#hotpartnerdetail .stats-grid{grid-template-columns:repeat(4,1fr)}}#hotpartnerdetail .stat-card{align-items:center;border-radius:var(--radius-lg)!important;display:flex;gap:var(--spacing-3)}#hotpartnerdetail .stat-icon{align-items:center;border-radius:var(--radius-md);display:flex;flex-shrink:0;height:44px;justify-content:center;width:44px}#hotpartnerdetail .stat-icon.primary{background:linear-gradient(135deg,#7c3aed26,#6366f126);color:#7c3aed}#hotpartnerdetail .stat-icon.info{background:linear-gradient(135deg,#3b82f626,#2563eb26);color:#2563eb}#hotpartnerdetail .stat-icon.success{background:linear-gradient(135deg,#10b98126,#05966926);color:#059669}#hotpartnerdetail .stat-icon.warning{background:linear-gradient(135deg,#f59e0b26,#d9770626);color:#d97706}#hotpartnerdetail .stat-content{display:flex;flex-direction:column;gap:2px}#hotpartnerdetail .stat-content .stat-value{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}#hotpartnerdetail .stat-content .stat-label{color:var(--text-secondary);font-size:var(--font-size-sm)}#hotpartnerdetail .history-card{border-radius:var(--radius-xl)!important}#hotpartnerdetail .section-title{align-items:center;color:var(--text-primary);display:flex;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);gap:var(--spacing-2);margin:0 0 var(--spacing-5)}#hotpartnerdetail .section-title svg{color:#7c3aed}#hotpartnerdetail .history-list{display:flex;flex-direction:column;gap:var(--spacing-3)}#hotpartnerdetail .history-item{align-items:center;background:linear-gradient(135deg,#7c3aed08,#6366f108);border:1px solid #7c3aed1a;border-radius:var(--radius-lg);display:flex;justify-content:space-between;padding:var(--spacing-4);transition:all .2s ease}#hotpartnerdetail .history-item:hover{border-color:#7c3aed4d;transform:translateX(4px)}#hotpartnerdetail .history-month{color:var(--text-primary);font-weight:var(--font-weight-semibold)}#hotpartnerdetail .history-stats{display:flex;gap:var(--spacing-6)}#hotpartnerdetail .history-stat{align-items:flex-end;display:flex;flex-direction:column;gap:2px}#hotpartnerdetail .history-stat .stat-label{color:var(--text-tertiary);font-size:var(--font-size-xs)}#hotpartnerdetail .history-stat .stat-value{color:var(--text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}#hotpartnerdetail .history-stat .stat-value.success{color:#059669}#hotpartnerdetail .dashboard-loading{align-items:center;color:var(--text-secondary);display:flex;font-size:var(--font-size-lg);justify-content:center;min-height:100vh}@media(max-width:768px){#hotpartnerdetail .profile-header{flex-direction:column;text-align:center}#hotpartnerdetail .profile-meta{justify-content:center}#hotpartnerdetail .history-item{align-items:flex-start;flex-direction:column;gap:var(--spacing-3)}#hotpartnerdetail .history-stats{justify-content:space-between;width:100%}#hotpartnerdetail .history-stat{align-items:flex-start}}.draping-page .credits-info svg,.draping-page .section-header svg,.draping-page .title-icon{color:#ec4899!important}.draping-page .upload-area:hover{background:#ec48990d;border-color:#ec4899}.draping-page .generation-section .generate-btn{background:linear-gradient(135deg,#ec4899,#db2777)}.draping-page .generation-section .generate-btn:hover:not(:disabled){background:linear-gradient(135deg,#db2777,#be185d)}.draping-page .history-item.active,.draping-page .history-item:hover{background:#ec48991a}.draping-page .result-card .expand-btn:hover{background:#ec4899}.draping-page .credits-info svg,.draping-page .section-header svg,.draping-page .title-icon{color:#06b6d4!important}.draping-page .upload-area:hover{background:#06b6d40d;border-color:#06b6d4}.draping-page .generation-section .generate-btn{background:linear-gradient(135deg,#06b6d4,#0891b2)}.draping-page .generation-section .generate-btn:hover:not(:disabled){background:linear-gradient(135deg,#0891b2,#0e7490)}.draping-page .history-item.active,.draping-page .history-item:hover{background:#06b6d41a}.draping-page .result-card .expand-btn:hover{background:#06b6d4}.draping-page{display:flex;flex-direction:column;height:100vh;overflow:hidden;padding:0}.draping-page .draping-header{align-items:center;-webkit-backdrop-filter:blur(var(--blur-lg));backdrop-filter:blur(var(--blur-lg));background:var(--glass-bg);border-bottom:1px solid var(--border-light);display:flex;flex-shrink:0;justify-content:space-between;margin:0;padding:var(--spacing-4) var(--spacing-6)}@media(max-width:768px){.draping-page .draping-header{align-items:flex-start;flex-direction:column;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4)}}.draping-page .draping-header .header-content .page-title{align-items:center;color:var(--text-primary);display:flex;font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);gap:var(--spacing-3);margin:0}.draping-page .draping-header .header-content .page-title .title-icon{color:#10b981}.draping-page .draping-header .header-content .page-subtitle{color:var(--text-tertiary);font-size:var(--font-size-sm);margin:var(--spacing-1) 0 0}.draping-page .draping-header .header-actions{align-items:center;display:flex;gap:var(--spacing-3)}.draping-page .draping-header .header-actions .btn{align-items:center;background:var(--glass-bg);border:1px solid var(--border-light);border-radius:var(--radius-lg);color:var(--text-secondary);cursor:pointer;display:flex;font-size:var(--font-size-sm);gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);transition:var(--transition-fast)}.draping-page .draping-header .header-actions .btn:hover{background:var(--glass-bg-strong);color:var(--text-primary)}.draping-page .studio-error{align-items:center;background:#ef44441a;border:1px solid #ef44444d;border-radius:.5rem;color:#ef4444;display:flex;justify-content:space-between;margin:1rem 2rem 0;padding:.75rem 1.5rem}.draping-page .studio-error button{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:flex;justify-content:center;padding:.25rem}.draping-page .studio-error button:hover{opacity:.7}.draping-page .studio-layout{grid-gap:0;display:grid;flex:1 1;gap:0;grid-template-columns:min(520px,100%) 1fr;height:auto;min-height:0;overflow:hidden;position:relative}.draping-page .control-panel{background:var(--bg-secondary);border-right:1px solid var(--border-subtle);display:flex;flex-direction:column;height:100%;overflow:hidden}.draping-page .control-panel .control-panel-scrollable{display:flex;flex:1 1;flex-direction:column;gap:1.5rem;overflow-y:auto;padding:1.5rem}.draping-page .control-panel .control-panel-fixed{background:var(--bg-secondary);border-top:1px solid var(--border-subtle);padding:1rem 1.5rem}.draping-page .control-section{background:var(--bg-tertiary);border-radius:1rem;padding:1.25rem}.draping-page .control-section .section-header{align-items:center;color:var(--text-primary);display:flex;gap:.5rem;margin-bottom:1rem;text-align:left}.draping-page .control-section .section-header h3{color:var(--text-secondary);font-size:.8rem;font-weight:600;letter-spacing:.05em;margin:0;text-transform:uppercase}.draping-page .control-section .section-header svg{color:#10b981}.draping-page .upload-area{align-items:center;background:var(--bg-primary);border:2px dashed var(--border-subtle);border-radius:.75rem;cursor:pointer;display:flex;justify-content:center;min-height:180px;overflow:hidden;transition:all .2s ease}.draping-page .upload-area:hover{background:#10b9810d;border-color:#10b981}.draping-page .upload-area .preview-container{height:100%;position:relative;width:100%}.draping-page .upload-area .preview-container img{height:180px;object-fit:cover;width:100%}.draping-page .upload-area .preview-container .remove-btn{align-items:center;background:#000000b3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:.25rem;position:absolute;right:.5rem;top:.5rem}.draping-page .upload-area .preview-container .remove-btn:hover{background:#ef4444}.draping-page .upload-area .upload-placeholder{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;gap:.5rem;padding:2rem}.draping-page .upload-area .upload-placeholder svg{opacity:.5}.draping-page .upload-area .upload-placeholder span{font-weight:500}.draping-page .upload-area .upload-placeholder small{font-size:.75rem;opacity:.7}.draping-page .options-grid{display:flex;flex-direction:column}.draping-page .options-grid .option-group label{font-size:var(--font-size-sm)}.draping-page .options-grid .option-group select:focus{border-color:#10b981;outline:none}.draping-page .generation-section .generate-btn{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;justify-content:center;padding:.625rem 1rem;transition:all .2s ease;width:100%}.draping-page .generation-section .generate-btn:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857)}.draping-page .generation-section .credits-info{align-items:center;color:var(--text-tertiary);display:flex;font-size:.75rem;gap:.5rem;justify-content:center;margin-top:.75rem}.draping-page .generation-section .credits-info svg{color:#10b981}.draping-page .results-panel{background:var(--bg-primary);height:100%;overflow-y:auto;padding:1.5rem}.draping-page .results-panel .results-container{border-radius:1rem;min-height:100%;padding:1.5rem}.draping-page .processing-state{align-items:center;display:flex;justify-content:center;min-height:400px}.draping-page .results-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.draping-page .result-card{aspect-ratio:16/9;background:var(--bg-tertiary);border-radius:1rem;overflow:hidden;position:relative}.draping-page .result-card img{height:100%;object-fit:cover;width:100%}.draping-page .result-card .expand-btn{background:#000000b3;border:none;border-radius:.5rem;color:#fff;cursor:pointer;opacity:0;padding:.5rem;position:absolute;right:.75rem;top:.75rem;transition:opacity .2s ease}.draping-page .result-card .expand-btn:hover{background:#10b981}.draping-page .result-card:hover .expand-btn{opacity:1}.draping-page .result-card .result-placeholder{align-items:center;color:var(--text-secondary);display:flex;height:100%;justify-content:center}.draping-page .result-card .result-placeholder .error{color:#ef4444}.draping-page .empty-state{align-items:center;color:var(--text-tertiary);display:flex;flex-direction:column;justify-content:center;min-height:400px;text-align:center}.draping-page .empty-state svg{margin-bottom:1rem;opacity:.3}.draping-page .empty-state h3{color:var(--text-secondary);font-size:var(--font-size-xl);margin:0 0 .5rem}.draping-page .empty-state p{margin:0}.draping-page .history-sidebar{background:var(--bg-secondary);border-left:1px solid var(--border-subtle);display:flex;flex-direction:column;height:calc(100% - 80px);max-height:100vh;position:fixed;right:0;top:80px;width:320px;z-index:100}.draping-page .history-sidebar .history-header{align-items:center;border-bottom:1px solid var(--border-subtle);display:flex;justify-content:space-between;padding:1rem 1.5rem}.draping-page .history-sidebar .history-header h3{font-size:var(--font-size-base);margin:0}.draping-page .history-sidebar .history-header button{background:none;border:none;color:var(--text-tertiary);cursor:pointer;padding:.25rem}.draping-page .history-sidebar .history-header button:hover{color:var(--text-primary)}.draping-page .history-sidebar .history-list{display:flex;flex:1 1;flex-direction:column;gap:.75rem;overflow-y:auto;padding:1rem}.draping-page .history-sidebar .history-item{background:var(--bg-tertiary);border-radius:.75rem;cursor:pointer;display:flex;gap:.75rem;padding:.75rem;transition:background .2s ease}.draping-page .history-sidebar .history-item.active,.draping-page .history-sidebar .history-item:hover{background:#10b9811a}.draping-page .history-sidebar .history-item .history-thumbnail{align-items:center;background:var(--bg-primary);border-radius:.5rem;display:flex;height:45px;justify-content:center;overflow:hidden;width:60px}.draping-page .history-sidebar .history-item .history-thumbnail img{height:100%;object-fit:cover;width:100%}.draping-page .history-sidebar .history-item .history-thumbnail svg{color:var(--text-tertiary)}.draping-page .history-sidebar .history-item .history-info{display:flex;flex:1 1;flex-direction:column;gap:.25rem;justify-content:center}.draping-page .history-sidebar .history-item .history-info .history-name{color:var(--text-primary);font-size:.875rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.draping-page .history-sidebar .history-item .history-info .history-date{color:var(--text-tertiary);font-size:.75rem}.draping-page .history-sidebar .history-empty{align-items:center;color:var(--text-tertiary);display:flex;height:100%;justify-content:center}@media(max-width:1024px){.draping-page{height:auto!important;overflow:auto!important}.draping-page .studio-layout{display:flex;flex-direction:column;grid-template-columns:1fr;height:auto!important;overflow:visible}.draping-page .control-panel{height:auto;max-height:none;overflow:visible}.draping-page .results-panel{height:auto;min-height:500px;overflow:visible}.draping-page .history-sidebar{bottom:0;height:auto;position:fixed;top:80px;width:100%}}@media(max-width:768px){.draping-page .draping-header{align-items:flex-start;flex-direction:column;padding:1rem}.draping-page .draping-header .header-actions{justify-content:flex-end;width:100%}}.generation-options-section{min-height:-webkit-fit-content;min-height:fit-content}.generation-option{margin-bottom:.625rem}.generation-option:last-child{margin-bottom:0}.model-locked-info .locked-model-badge{align-items:center;background:linear-gradient(135deg,#7c3aed26,#8b5cf61a);border:1.5px solid #7c3aed4d;border-radius:8px;display:flex;gap:.5rem;padding:.625rem .875rem}.model-locked-info .locked-model-badge .badge-text{color:var(--color-primary);font-size:.8125rem;font-weight:600}.model-locked-info .locked-model-badge .badge-reason{color:var(--text-secondary);font-size:.75rem}.option-label{align-items:center;color:var(--text-secondary);display:flex;font-size:.7rem;font-weight:500;gap:.375rem;margin-bottom:.375rem}.option-label svg{color:var(--color-primary);flex-shrink:0;height:12px;width:12px}.option-buttons{display:flex;flex-wrap:wrap;gap:.25rem}.option-buttons.aspect-ratio-buttons{grid-gap:.25rem;display:grid;gap:.25rem;grid-template-columns:repeat(4,1fr)}.option-btn{align-items:center;background:var(--color-bg-secondary);border:1.5px solid var(--glass-border);border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;flex:1 1;font-size:.65rem;font-weight:500;gap:.25rem;justify-content:center;min-width:-webkit-fit-content;min-width:fit-content;padding:.375rem .5rem;transition:all .2s ease;white-space:nowrap}.option-btn:hover{border-color:var(--color-primary);color:var(--text-primary)}.option-btn.active{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border-color:var(--color-primary);color:#fff}.credit-cost{font-size:.65rem;font-weight:600;margin-left:.25rem;opacity:.8}.option-btn.active .credit-cost{opacity:1}.locked-model-badge .credit-cost{color:var(--color-primary);font-weight:600}.option-btn.aspect-ratio-btn{flex-direction:column;gap:.15rem;padding:.25rem}.aspect-ratio-icon{align-items:center;color:currentColor;display:flex;height:18px;justify-content:center}.aspect-ratio-icon svg{color:currentColor;height:18px;width:18px}.aspect-ratio-label{display:block;font-size:.55rem}.bg-color-buttons{display:flex;flex-wrap:wrap;gap:.5rem}.bg-color-btn{border:2px solid var(--glass-border);border-radius:6px;box-sizing:border-box;cursor:pointer;height:32px;transition:all .2s ease;width:32px}.bg-color-btn:hover{transform:scale(1.1)}.bg-color-btn.active{border-color:var(--color-primary);box-shadow:0 0 0 2px #7c3aed4d}@media(max-width:640px){.generation-option{margin-bottom:.75rem}.option-label{font-size:.75rem;margin-bottom:.4rem}.option-buttons{gap:.25rem}.option-btn{border-radius:6px;font-size:.7rem;padding:.4rem .5rem}.option-buttons.aspect-ratio-buttons{gap:.25rem;grid-template-columns:repeat(4,1fr)}.option-btn.aspect-ratio-btn{padding:.3rem}.aspect-ratio-icon{height:20px}.aspect-ratio-icon svg{height:20px;width:20px}.aspect-ratio-label{font-size:.55rem}}.custom-prompt-option{border-top:1px solid var(--glass-border);margin-top:.5rem;padding-top:.75rem}.custom-prompt-input{background:var(--color-bg-secondary);border:1.5px solid var(--glass-border);border-radius:8px;color:var(--text-primary);font-family:inherit;font-size:.75rem;min-height:60px;padding:.625rem .75rem;resize:vertical;transition:all .2s ease;width:100%}.custom-prompt-input::placeholder{color:var(--text-muted)}.custom-prompt-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #7c3aed1a;outline:none}.draping-page{--color-primary:#a855f7;--color-bg-secondary:#ffffff0d;--glass-border:#ffffff1a}.draping-page .credits-info svg,.draping-page .section-header svg,.draping-page .title-icon{color:#a855f7!important}.draping-page .upload-area:hover{background:#a855f70d;border-color:#a855f7}.draping-page .generation-section .generate-btn{background:linear-gradient(135deg,#a855f7,#9333ea)}.draping-page .generation-section .generate-btn:hover:not(:disabled){background:linear-gradient(135deg,#9333ea,#7e22ce)}.draping-page .history-item.active,.draping-page .history-item:hover{background:#a855f71a}.draping-page .result-card .expand-btn:hover{background:#a855f7}.draping-page .required-badge{background:#ef44441a;border-radius:4px;color:#ef4444;font-size:.65rem;font-weight:500;margin-left:.5rem;padding:.15rem .4rem}.draping-page .count-badge{background:#a855f726;border-radius:8px;color:#a855f7;font-size:.7rem;font-weight:500;margin-left:.5rem;padding:.15rem .5rem}.draping-page .jewellery-accordion{display:flex;flex-direction:column;gap:.5rem}.draping-page .jewellery-accordion .jewellery-accordion-item{background:#ffffff05;border:1px solid #ffffff14;border-radius:12px;overflow:hidden;transition:all .2s ease}.draping-page .jewellery-accordion .jewellery-accordion-item.enabled{background:#a855f70d;border-color:#a855f766}.draping-page .jewellery-accordion .jewellery-accordion-item .accordion-header{align-items:center;cursor:pointer;display:flex;gap:.75rem;padding:.75rem 1rem;transition:background .2s ease}.draping-page .jewellery-accordion .jewellery-accordion-item .accordion-header:hover{background:#ffffff08}.draping-page .jewellery-accordion .jewellery-accordion-item .accordion-header .type-icon{flex-shrink:0;font-size:1.25rem}.draping-page .jewellery-accordion .jewellery-accordion-item .accordion-header .type-name{color:var(--text-primary);flex:1 1;font-size:.9rem;font-weight:500}.draping-page .jewellery-accordion .jewellery-accordion-item .accordion-header .toggle-btn{align-items:center;background:none;border:none;color:#ffffff4d;cursor:pointer;display:flex;justify-content:center;padding:0;transition:color .2s ease}.draping-page .jewellery-accordion .jewellery-accordion-item .accordion-header .toggle-btn.active,.draping-page .jewellery-accordion .jewellery-accordion-item .accordion-header .toggle-btn:hover{color:#a855f7}.draping-page .jewellery-accordion .jewellery-accordion-item .accordion-header .chevron{color:#ffffff4d;transition:transform .2s ease}.draping-page .jewellery-accordion .jewellery-accordion-item .accordion-content{animation:slideDown .2s ease;padding:0 1rem 1rem}.draping-page .jewellery-accordion .jewellery-accordion-item .accordion-content .upload-area.small{min-height:80px;padding:.75rem}.draping-page .jewellery-accordion .jewellery-accordion-item .accordion-content .upload-area.small .upload-placeholder.small{gap:.25rem}.draping-page .jewellery-accordion .jewellery-accordion-item .accordion-content .upload-area.small .upload-placeholder.small svg{height:20px;width:20px}.draping-page .jewellery-accordion .jewellery-accordion-item .accordion-content .upload-area.small .upload-placeholder.small span{font-size:.75rem}.draping-page .jewellery-accordion .jewellery-accordion-item .accordion-content .upload-area.small .preview-container img{max-height:60px}.draping-page .jewellery-accordion .jewellery-accordion-item .accordion-content .upload-area.small .preview-container .remove-btn{height:20px;right:4px;top:4px;width:20px}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.draping-page .options-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}.draping-page .options-grid .option-group{display:flex;flex-direction:column;gap:.5rem}.draping-page .options-grid .option-group label{color:var(--text-secondary);font-size:.75rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.draping-page .options-grid .option-group select{background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:.5rem;color:var(--text-primary);cursor:pointer;font-size:.875rem;padding:.625rem .875rem;transition:all .2s ease}.draping-page .options-grid .option-group select:focus,.draping-page .options-grid .option-group select:hover{border-color:#a855f7;outline:none}.draping-page .options-grid .option-group select option{background:var(--color-bg-secondary);color:var(--text-primary);padding:.5rem}.draping-page .options-grid .option-group .model-badge{align-items:center;background:linear-gradient(135deg,#a855f726,#9333ea1a);border:1px solid #a855f74d;border-radius:8px;display:flex;gap:.5rem;padding:.6rem .75rem}.draping-page .options-grid .option-group .model-badge svg{color:#a855f7}.draping-page .options-grid .option-group .model-badge span{color:#a855f7;font-size:.85rem;font-weight:500}@media(max-width:480px){.draping-page .jewellery-accordion .accordion-header{padding:.6rem .75rem}.draping-page .jewellery-accordion .accordion-header .type-icon{font-size:1rem}.draping-page .jewellery-accordion .accordion-header .type-name{font-size:.8rem}.draping-page .options-grid{grid-template-columns:1fr}}#dashboard .dashboard-page{background:var(--color-bg-primary);min-height:100vh;padding:0;width:100%}@media(min-width:768px){#dashboard .dashboard-page{padding:0}}#dashboard .dashboard-header{align-items:center;-webkit-backdrop-filter:blur(var(--blur-lg));backdrop-filter:blur(var(--blur-lg));background:var(--glass-bg);border-bottom:1px solid var(--border-light);display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:0;padding:var(--spacing-4) var(--spacing-6)}@media(max-width:768px){#dashboard .dashboard-header{align-items:flex-start;flex-direction:column;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4)}}#dashboard .dashboard-header .header-content{flex:1 1}#dashboard .dashboard-header .page-title{-webkit-text-fill-color:unset;align-items:center;background:none;-webkit-background-clip:unset;background-clip:initial;color:var(--text-primary);display:flex;font-size:var(--font-size-xl);font-weight:700;gap:.5rem;margin-bottom:.25rem}#dashboard .dashboard-header .title-icon{color:var(--color-primary)}#dashboard .dashboard-header .page-subtitle{color:var(--text-secondary);font-size:var(--font-size-sm)}#dashboard .dashboard-header .header-actions{display:flex;gap:var(--spacing-3)}#dashboard .page-content{display:flex;flex-direction:column;gap:1.25rem;margin:0 auto;max-width:1600px;padding:1.25rem}#dashboard .stats-grid{grid-gap:var(--spacing-4);display:grid;gap:var(--spacing-4);grid-template-columns:repeat(2,1fr);margin-bottom:var(--spacing-8)}@media(min-width:768px){#dashboard .stats-grid{gap:var(--spacing-6);grid-template-columns:repeat(4,1fr)}}#dashboard .stat-card-wrapper{cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1)}#dashboard .stat-card-wrapper:hover:before{opacity:1}#dashboard .stat-card{align-items:center;display:flex;gap:var(--spacing-2);padding:1rem;position:relative;transition:all .3s ease;z-index:2}#dashboard .stat-card:hover{transform:translateY(-4px)}@media(min-width:768px){#dashboard .stat-card{gap:var(--spacing-3);padding:1.25rem}}#dashboard .stat-icon-wrapper{align-items:center;border-radius:var(--radius-md);color:#fff;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}#dashboard .stat-icon-wrapper svg{color:#fff}#dashboard .stat-card--primary .stat-icon-wrapper{background:linear-gradient(135deg,#7c3aed,#6366f1);box-shadow:0 4px 12px #7c3aed4d}#dashboard .stat-card--success .stat-icon-wrapper{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 12px #10b9814d}#dashboard .stat-card--warning .stat-icon-wrapper{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 4px 12px #f59e0b4d}#dashboard .stat-card--info .stat-icon-wrapper{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 4px 12px #3b82f64d}@media(min-width:768px){#dashboard .stat-icon-wrapper{height:44px;width:44px}}#dashboard .stat-content{display:flex;flex:1 1;flex-direction:column;min-width:0}#dashboard .stat-value{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);line-height:1.2}@media(min-width:768px){#dashboard .stat-value{font-size:var(--font-size-xl)}}#dashboard .stat-label{color:var(--text-tertiary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);letter-spacing:.05em;text-transform:uppercase}@media(min-width:768px){#dashboard .stat-label{font-size:var(--font-size-sm)}}#dashboard .stat-trend-icon{color:#10b981;opacity:.6;position:absolute;right:var(--spacing-2);top:var(--spacing-2)}#dashboard .dashboard-section{margin-bottom:var(--spacing-8)}#dashboard .section-title{align-items:center;color:var(--text-primary);display:flex;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);gap:var(--spacing-2);margin-bottom:var(--spacing-3)}#dashboard .section-title svg{color:var(--color-primary)}@media(min-width:768px){#dashboard .section-title{font-size:var(--font-size-lg)}}#dashboard .quick-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-3)}#dashboard .action-btn{align-items:center;border-radius:var(--radius-lg);display:flex;font-weight:var(--font-weight-medium);gap:var(--spacing-2);padding:var(--spacing-4) var(--spacing-5);transition:all .2s ease}#dashboard .action-btn:hover{transform:translateY(-2px)}#dashboard .dashboard-grid{grid-gap:var(--spacing-6);display:grid;gap:var(--spacing-6);grid-template-columns:1fr}@media(min-width:768px){#dashboard .dashboard-grid{grid-template-columns:repeat(2,1fr)}}#dashboard .activity-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-xl)!important;height:-webkit-fit-content;height:fit-content;overflow:hidden}#dashboard .card-header{align-items:center;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;margin-bottom:var(--spacing-4);padding-bottom:var(--spacing-4)}#dashboard .card-title{align-items:center;color:var(--text-primary);display:flex;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);gap:var(--spacing-2);margin:0}#dashboard .card-title svg{color:#7c3aed}#dashboard .card-header .btn{align-items:center;color:#7c3aed;display:flex;font-size:var(--font-size-sm);gap:var(--spacing-1)}@media(min-width:768px){#dashboard .card-title{font-size:var(--font-size-lg)}}#dashboard .activity-list{display:flex;flex-direction:column;gap:var(--spacing-3)}#dashboard .activity-item{align-items:center;background:#7c3aed08;border:1px solid #0000;border-radius:var(--radius-lg);display:flex;gap:var(--spacing-3);padding:var(--spacing-3);transition:all var(--transition-fast)}#dashboard .activity-item:hover{background:#7c3aed14;border-color:#7c3aed1a;transform:translateX(4px)}#dashboard .activity-icon{align-items:center;background:linear-gradient(135deg,#7c3aed,#6366f1);border-radius:var(--radius-md);color:#fff;display:flex;height:40px;justify-content:center;min-width:40px}#dashboard .activity-icon svg{color:#fff}#dashboard .activity-icon.success{background:linear-gradient(135deg,#10b981,#059669)}#dashboard .activity-icon.error{background:linear-gradient(135deg,#ef4444,#dc2626)}#dashboard .activity-content{display:flex;flex:1 1;flex-direction:column;min-width:0}#dashboard .activity-name{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#dashboard .activity-date{color:var(--text-tertiary);font-size:var(--font-size-xs)}#dashboard .activity-amount{background:#7c3aed1a;border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);padding:var(--spacing-1) var(--spacing-2)}#dashboard .activity-amount.success{background:#10b9811a;color:#059669}#dashboard .activity-amount.error{background:#ef44441a;color:#dc2626}#dashboard .no-data{align-items:center;color:var(--text-tertiary);display:flex;flex-direction:column;font-size:var(--font-size-sm);gap:var(--spacing-3);justify-content:center;padding:var(--spacing-8);text-align:center}#dashboard .no-data-icon{color:var(--text-tertiary);opacity:.5}#dashboard .app-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));margin-bottom:2rem}#dashboard .app-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--glass-bg);border:1px solid var(--glass-border);cursor:pointer;overflow:hidden;padding:1.25rem!important;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}#dashboard .app-card:before{background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:left;transition:transform .3s ease}#dashboard .app-card:hover:before{transform:scaleX(1)}#dashboard .app-card:hover{background:var(--glass-bg-strong);border-color:var(--glass-border-strong);box-shadow:0 12px 40px #7c3aed33;transform:translateY(-4px)}#dashboard .app-icon-wrapper{align-items:center;background:var(--glass-bg-strong);border-radius:12px;display:flex;height:48px;justify-content:center;margin-bottom:1rem;transition:all .3s ease;width:48px}#dashboard .app-card:hover .app-icon-wrapper{transform:scale(1.1) rotate(5deg)}#dashboard .app-card--primary .app-icon-wrapper{background:linear-gradient(135deg,#7c3aed26,#8b5cf626);color:var(--color-primary)}#dashboard .app-card--success .app-icon-wrapper{background:linear-gradient(135deg,#10b98126,#34d39926);color:var(--color-success)}#dashboard .app-card--info .app-icon-wrapper{background:linear-gradient(135deg,#3b82f626,#60a5fa26);color:var(--color-info)}#dashboard .app-card--warning .app-icon-wrapper{background:linear-gradient(135deg,#f59e0b26,#fbbf2426);color:var(--color-warning)}#dashboard .app-card--secondary .app-icon-wrapper{background:linear-gradient(135deg,#06b6d426,#22d3ee26);color:var(--color-secondary)}#dashboard .app-card--tertiary .app-icon-wrapper{background:linear-gradient(135deg,#a855f726,#c084fc26);color:#a855f7}#dashboard .app-title{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:600;margin-bottom:.375rem}#dashboard .app-description{color:var(--text-secondary);font-size:var(--font-size-sm);line-height:1.5;margin-bottom:1rem}#dashboard .app-badge{background:linear-gradient(135deg,#7c3aed,#6366f1);border-radius:20px;color:#fff;font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:.25rem .75rem;position:absolute;right:1rem;text-transform:uppercase;top:1rem}#dashboard .app-balance{background:#10b9811a;border-radius:8px;color:var(--color-success);display:inline-block;font-size:1.125rem;font-weight:700;padding:.5rem 1rem}#dashboard .app-stat{align-items:center;color:var(--text-secondary);display:flex;font-size:.875rem;font-weight:500;gap:.5rem}#dashboard .stats-grid-compact{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}#dashboard .stat-card-compact{align-items:center;display:flex;gap:1rem;padding:1.25rem!important;transition:all .3s ease}#dashboard .stat-card-compact:hover{transform:translateY(-2px)}#dashboard .stat-icon{color:var(--color-primary);flex-shrink:0}#dashboard .stat-icon--success{color:var(--color-success)}#dashboard .stat-icon--warning{color:var(--color-warning)}#dashboard .stat-icon--info{color:var(--color-info)}#dashboard .stat-info{display:flex;flex-direction:column;gap:.25rem}#dashboard .stat-value-compact{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:700}#dashboard .stat-label-compact{color:var(--text-secondary);font-size:var(--font-size-xs);letter-spacing:.05em;text-transform:uppercase}@media(max-width:1024px){#dashboard .app-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}}@media(max-width:768px){#dashboard .app-grid{gap:.5rem;grid-template-columns:repeat(2,1fr)!important}#dashboard .app-card{padding:.75rem!important}#dashboard .app-icon-wrapper{border-radius:8px!important;height:32px!important;margin-bottom:.5rem;min-width:32px!important;width:32px!important}#dashboard .app-icon-wrapper svg{height:16px!important;width:16px!important}#dashboard .app-title{font-size:var(--font-size-sm);margin-bottom:.25rem}#dashboard .app-description{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:.65rem;margin-bottom:.5rem;overflow:hidden}#dashboard .app-balance,#dashboard .app-stat{font-size:.75rem}#dashboard .app-badge{font-size:.55rem;padding:.15rem .4rem;right:.5rem;top:.5rem}#dashboard .stats-grid-compact{gap:.5rem;grid-template-columns:repeat(2,1fr)!important}#dashboard .stat-card-compact{gap:.5rem;padding:.625rem!important}#dashboard .stat-value-compact{font-size:var(--font-size-base)}#dashboard .stat-label-compact{font-size:.55rem}#dashboard .stats-grid{gap:.5rem}#dashboard .stat-card{gap:.5rem;padding:.625rem}#dashboard .stat-icon-wrapper{height:32px;width:32px}#dashboard .stat-value{font-size:var(--font-size-base)}#dashboard .stat-label{font-size:.6rem}#dashboard .page-content{gap:1rem;padding:1rem}}@media(max-width:480px){#dashboard .app-card{padding:.625rem!important}#dashboard .app-icon-wrapper{height:32px;margin-bottom:.375rem;width:32px}#dashboard .app-title{font-size:.75rem}#dashboard .app-description{font-size:.6rem}}#chairmandashboard .chairman-dashboard{background:var(--color-bg-primary);min-height:100vh;padding:0;width:100%}@media(min-width:768px){#chairmandashboard .chairman-dashboard{padding:0}}#chairmandashboard .dashboard-header{align-items:center;-webkit-backdrop-filter:blur(var(--blur-lg));backdrop-filter:blur(var(--blur-lg));background:var(--glass-bg);border-bottom:1px solid var(--border-light);display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:0;padding:var(--spacing-4) var(--spacing-6)}@media(max-width:768px){#chairmandashboard .dashboard-header{align-items:flex-start;flex-direction:column;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4)}}#chairmandashboard .header-content{flex:1 1}#chairmandashboard .dashboard-title{-webkit-text-fill-color:unset;align-items:center;background:none;-webkit-background-clip:unset;background-clip:initial;color:var(--text-primary);display:flex;font-size:var(--font-size-xl);font-weight:700;gap:.5rem;margin-bottom:.25rem}#chairmandashboard .title-icon{color:var(--color-primary)}#chairmandashboard .dashboard-subtitle{color:var(--text-secondary);font-size:var(--font-size-sm);margin:0}#chairmandashboard .dashboard-actions{display:flex;flex-wrap:wrap;gap:.75rem}#chairmandashboard .dashboard-actions .btn{align-items:center;display:flex;gap:var(--spacing-2)}#chairmandashboard .page-content{display:flex;flex-direction:column;gap:1.25rem;margin:0 auto;max-width:1600px;padding:1.25rem}#chairmandashboard .stats-grid{grid-gap:var(--spacing-4);display:grid;gap:var(--spacing-4);grid-template-columns:repeat(2,1fr);margin-bottom:var(--spacing-8)}@media(min-width:768px){#chairmandashboard .stats-grid{gap:var(--spacing-6);grid-template-columns:repeat(3,1fr)}}@media(min-width:1024px){#chairmandashboard .stats-grid{grid-template-columns:repeat(6,1fr)}}#chairmandashboard .dashboard-section{margin-bottom:var(--spacing-8)}#chairmandashboard .section-header{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-3);justify-content:space-between;margin-bottom:var(--spacing-4)}#chairmandashboard .section-title{align-items:center;color:var(--text-primary);display:flex;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);gap:var(--spacing-2);margin:0}#chairmandashboard .section-title svg{color:var(--color-primary)}@media(min-width:768px){#chairmandashboard .section-title{font-size:var(--font-size-lg)}}#chairmandashboard .filter-group{align-items:center;display:flex;gap:var(--spacing-3)}#chairmandashboard .filter-select{background:#fff;border:1px solid var(--border-light);border-radius:var(--radius-lg);color:var(--text-primary);cursor:pointer;font-size:var(--font-size-sm);min-width:150px;padding:var(--spacing-3) var(--spacing-4);transition:all .2s ease}#chairmandashboard .filter-select:hover{border-color:#7c3aed}#chairmandashboard .filter-select:focus{border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed1a;outline:none}#chairmandashboard .code-badge{align-items:center;background:linear-gradient(135deg,#7c3aed,#6366f1);border-radius:var(--radius-md);color:#fff;display:inline-flex;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.05em;padding:var(--spacing-1) var(--spacing-3)}#chairmandashboard .name-cell{display:flex;flex-direction:column;gap:var(--spacing-1)}#chairmandashboard .name-cell .name{color:var(--text-primary);font-weight:var(--font-weight-semibold)}#chairmandashboard .name-cell .location{color:var(--text-tertiary);font-size:var(--font-size-xs)}#chairmandashboard .team-size{color:var(--text-secondary);font-weight:var(--font-weight-medium)}#chairmandashboard .amount{color:var(--text-primary);font-weight:var(--font-weight-semibold)}#chairmandashboard .commission{color:#059669;font-weight:var(--font-weight-bold)}#chairmandashboard .status-badge{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);padding:var(--spacing-1) var(--spacing-3);text-transform:capitalize}#chairmandashboard .status-badge--active{background:#10b9811a;color:#059669}#chairmandashboard .status-badge--inactive{background:#6b72801a;color:#6b7280}#chairmandashboard .performance-cards{grid-gap:var(--spacing-4);display:grid;gap:var(--spacing-4);grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}#chairmandashboard .performance-card{border-radius:var(--radius-xl)!important;transition:all .3s cubic-bezier(.4,0,.2,1)}#chairmandashboard .performance-card:hover{box-shadow:0 12px 24px #0000001a;transform:translateY(-4px)}#chairmandashboard .performance-month{border-bottom:2px solid #7c3aed1a;color:var(--text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-3) 0;padding-bottom:var(--spacing-2)}#chairmandashboard .performance-stats{display:flex;flex-direction:column;gap:var(--spacing-3)}#chairmandashboard .performance-stat{align-items:center;display:flex;justify-content:space-between;padding:var(--spacing-4);transition:all .3s cubic-bezier(.4,0,.2,1)}#chairmandashboard .performance-stat:hover{transform:translateX(4px)}#chairmandashboard .performance-stat .stat-label{color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:500;letter-spacing:.05em;opacity:.8;text-transform:uppercase}#chairmandashboard .performance-stat .stat-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--text-primary),#fffc);-webkit-background-clip:text;background-clip:text;color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);line-height:1.2}#chairmandashboard .performance-stat .stat-value.success{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#10b981,#059669);-webkit-background-clip:text;background-clip:text}#chairmandashboard .quick-actions-section{margin-top:var(--spacing-8)}#chairmandashboard .quick-actions-section .section-title{margin-bottom:var(--spacing-4)}#chairmandashboard .action-buttons{display:flex;flex-wrap:wrap;gap:var(--spacing-3)}#chairmandashboard .action-buttons .btn{align-items:center;display:flex;gap:var(--spacing-2)}#chairmandashboard .dashboard-loading{align-items:center;color:var(--text-secondary);display:flex;font-size:var(--font-size-lg);justify-content:center;min-height:100vh}@media(max-width:768px){#chairmandashboard .performance-cards{grid-template-columns:1fr}#chairmandashboard .action-buttons{flex-direction:column}#chairmandashboard .action-buttons .btn{justify-content:center;width:100%}#chairmandashboard .stats-grid{gap:.5rem}#chairmandashboard .stat-card{gap:.5rem;padding:.625rem}#chairmandashboard .stat-icon-wrapper{height:32px;width:32px}#chairmandashboard .stat-value{font-size:var(--font-size-base)}#chairmandashboard .stat-label{font-size:.6rem}#chairmandashboard .page-content{gap:1rem;padding:1rem}}#hotdashboard .hot-dashboard{background:var(--color-bg-primary);min-height:100vh;padding:0;width:100%}@media(min-width:768px){#hotdashboard .hot-dashboard{padding:0}}#hotdashboard .dashboard-header{align-items:center;-webkit-backdrop-filter:blur(var(--blur-lg));backdrop-filter:blur(var(--blur-lg));background:var(--glass-bg);border-bottom:1px solid var(--border-light);display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:0;padding:var(--spacing-4) var(--spacing-6)}@media(max-width:768px){#hotdashboard .dashboard-header{align-items:flex-start;flex-direction:column;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4)}}#hotdashboard .header-content{flex:1 1}#hotdashboard .dashboard-title{-webkit-text-fill-color:unset;align-items:center;background:none;-webkit-background-clip:unset;background-clip:initial;color:var(--text-primary);display:flex;font-size:var(--font-size-xl);font-weight:700;gap:.5rem;margin-bottom:.25rem}#hotdashboard .title-icon{color:var(--color-primary)}#hotdashboard .dashboard-subtitle{color:var(--text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--spacing-3)}#hotdashboard .dashboard-actions{display:flex;flex-wrap:wrap;gap:.75rem}#hotdashboard .dashboard-actions .btn{align-items:center;display:flex;gap:var(--spacing-2)}#hotdashboard .hot-code-display{align-items:center;background:linear-gradient(135deg,#7c3aed1a,#6366f11a);border:2px solid #7c3aed33;border-radius:var(--radius-xl);display:flex;gap:var(--spacing-4);padding:var(--spacing-4)}#hotdashboard .code-label{color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}#hotdashboard .code-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#7c3aed,#6366f1);-webkit-background-clip:text;background-clip:text;font-family:JetBrains Mono,Courier New,monospace;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);letter-spacing:.1em}#hotdashboard .copy-btn{align-items:center;display:flex;gap:var(--spacing-1)}#hotdashboard .page-content{display:flex;flex-direction:column;gap:1.25rem;margin:0 auto;max-width:1600px;padding:1.25rem}#hotdashboard .stats-grid{grid-gap:var(--spacing-4);display:grid;gap:var(--spacing-4);grid-template-columns:repeat(2,1fr);margin-bottom:var(--spacing-8)}@media(min-width:768px){#hotdashboard .stats-grid{gap:var(--spacing-6);grid-template-columns:repeat(3,1fr)}}@media(min-width:1024px){#hotdashboard .stats-grid{grid-template-columns:repeat(6,1fr)}}#hotdashboard .dashboard-section{margin-bottom:var(--spacing-8)}#hotdashboard .section-header{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-3);justify-content:space-between;margin-bottom:var(--spacing-4)}#hotdashboard .section-title{align-items:center;color:var(--text-primary);display:flex;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);gap:var(--spacing-2);margin:0}#hotdashboard .section-title svg{color:var(--color-primary)}@media(min-width:768px){#hotdashboard .section-title{font-size:var(--font-size-lg)}}#hotdashboard .business-filter-card{background:var(--glass-bg);border-radius:var(--radius-xl)!important}#hotdashboard .filter-header{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-4);justify-content:space-between;margin-bottom:var(--spacing-6)}#hotdashboard .filter-title{align-items:center;color:var(--text-primary);display:flex;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);gap:var(--spacing-2);margin:0}#hotdashboard .filter-title svg{color:#7c3aed}#hotdashboard .date-filters{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-3)}#hotdashboard .date-input{background:#fff;border:1px solid var(--border-light);border-radius:var(--radius-lg);color:var(--text-primary);font-size:var(--font-size-sm);padding:var(--spacing-3) var(--spacing-4);transition:all .2s ease}#hotdashboard .date-input:hover{border-color:#7c3aed}#hotdashboard .date-input:focus{border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed1a;outline:none}#hotdashboard .date-separator{color:var(--text-tertiary);font-size:var(--font-size-sm)}#hotdashboard .business-summary{grid-gap:var(--spacing-4);display:grid;gap:var(--spacing-4);grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}#hotdashboard .business-day-card{background:linear-gradient(135deg,#7c3aed0d,#6366f10d);border:1px solid #7c3aed1a;border-radius:var(--radius-xl);padding:var(--spacing-5);transition:all .3s cubic-bezier(.4,0,.2,1)}#hotdashboard .business-day-card:hover{border-color:#7c3aed4d;box-shadow:0 12px 24px #7c3aed26;transform:translateY(-4px)}#hotdashboard .day-header{border-bottom:2px solid #7c3aed1a;margin-bottom:var(--spacing-4);padding-bottom:var(--spacing-3)}#hotdashboard .day-date{color:var(--text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}#hotdashboard .day-stats{display:flex;flex-direction:column;gap:var(--spacing-3)}#hotdashboard .day-stat{align-items:center;display:flex;gap:var(--spacing-4);padding:var(--spacing-3);transition:all .3s cubic-bezier(.4,0,.2,1)}#hotdashboard .day-stat:hover{transform:translateX(4px)}#hotdashboard .day-stat-icon{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:1px solid #ffffff1a;border-radius:var(--radius-lg);box-shadow:0 4px 12px #3b82f626;color:#3b82f6;display:flex;height:48px;justify-content:center;position:relative;transition:all .3s ease;width:48px}#hotdashboard .day-stat-icon:before{background:linear-gradient(135deg,#3b82f61a,#0000);border-radius:inherit;content:"";inset:0;opacity:0;position:absolute;transition:opacity .3s ease}#hotdashboard .day-stat:hover .day-stat-icon:before{opacity:1}#hotdashboard .day-stat-icon.member{box-shadow:0 4px 12px #7c3aed26;color:#7c3aed}#hotdashboard .day-stat-icon.member:before{background:linear-gradient(135deg,#7c3aed1a,#0000)}#hotdashboard .day-stat-icon.success{box-shadow:0 4px 12px #10b98126;color:#10b981}#hotdashboard .day-stat-icon.success:before{background:linear-gradient(135deg,#10b9811a,#0000)}#hotdashboard .day-stat div{display:flex;flex:1 1;flex-direction:column;gap:var(--spacing-1)}#hotdashboard .day-stat .stat-label{color:var(--text-tertiary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);letter-spacing:.05em;opacity:.8;text-transform:uppercase}#hotdashboard .day-stat .stat-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--text-primary),#fffc);-webkit-background-clip:text;background-clip:text;color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);line-height:1.2}#hotdashboard .day-stat .stat-value.success{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#10b981,#059669);-webkit-background-clip:text;background-clip:text}#hotdashboard .member-cell{display:flex;flex-direction:column;gap:var(--spacing-1)}#hotdashboard .member-name{color:var(--text-primary);font-weight:var(--font-weight-semibold)}#hotdashboard .member-phone{color:var(--text-tertiary);font-size:var(--font-size-xs)}#hotdashboard .referral-count{align-items:center;background:linear-gradient(135deg,#3b82f61a,#2563eb1a);border-radius:var(--radius-full);color:#2563eb;display:inline-flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);justify-content:center;min-width:32px;padding:var(--spacing-1) var(--spacing-3)}#hotdashboard .amount{color:var(--text-primary);font-weight:var(--font-weight-semibold)}#hotdashboard .commission{color:#059669;font-weight:var(--font-weight-bold)}#hotdashboard .status-badge{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);padding:var(--spacing-1) var(--spacing-3);text-transform:capitalize}#hotdashboard .status-badge--active{background:#10b9811a;color:#059669}#hotdashboard .status-badge--inactive{background:#ef44441a;color:#dc2626}#hotdashboard .earnings-timeline{grid-gap:var(--spacing-4);display:grid;gap:var(--spacing-4);grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}#hotdashboard .earnings-card{border-radius:var(--radius-xl)!important;transition:all .3s cubic-bezier(.4,0,.2,1)}#hotdashboard .earnings-card:hover{box-shadow:0 12px 24px #0000001a;transform:translateY(-4px)}#hotdashboard .earnings-month{border-bottom:2px solid #7c3aed1a;color:var(--text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-3);padding-bottom:var(--spacing-2)}#hotdashboard .earnings-details{display:flex;flex-direction:column;gap:var(--spacing-3)}#hotdashboard .earnings-detail{align-items:center;display:flex;justify-content:space-between}#hotdashboard .detail-label{color:var(--text-secondary);font-size:var(--font-size-sm)}#hotdashboard .detail-value{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}#hotdashboard .detail-value.warning{color:#d97706}#hotdashboard .quick-actions-section{margin-top:var(--spacing-8)}#hotdashboard .quick-actions-section .section-title{margin-bottom:var(--spacing-4)}#hotdashboard .action-buttons{display:flex;flex-wrap:wrap;gap:var(--spacing-3)}#hotdashboard .action-buttons .btn{align-items:center;display:flex;gap:var(--spacing-2)}#hotdashboard .filter-group,#hotdashboard .filter-group .btn{display:flex;gap:var(--spacing-2)}#hotdashboard .filter-group .btn{align-items:center}#hotdashboard .dashboard-loading{align-items:center;color:var(--text-secondary);display:flex;font-size:var(--font-size-lg);justify-content:center;min-height:100vh}@media(max-width:768px){#hotdashboard .hot-code-display{align-items:flex-start;flex-direction:column;gap:var(--spacing-3)}#hotdashboard .date-filters{flex-direction:column;width:100%}#hotdashboard .date-input{width:100%}#hotdashboard .business-summary,#hotdashboard .earnings-timeline{grid-template-columns:1fr}#hotdashboard .action-buttons{flex-direction:column}#hotdashboard .action-buttons .btn{justify-content:center;width:100%}#hotdashboard .stats-grid{gap:.5rem}#hotdashboard .stat-card{gap:.5rem;padding:.625rem}#hotdashboard .stat-icon-wrapper{height:32px;width:32px}#hotdashboard .stat-value{font-size:var(--font-size-base)}#hotdashboard .stat-label{font-size:.6rem}#hotdashboard .page-content{gap:1rem;padding:1rem}}.payment-result-page{align-items:center;background:linear-gradient(135deg,var(--bg-primary) 0,var(--bg-secondary) 100%);display:flex;justify-content:center;min-height:100vh;padding:2rem}.payment-result-page .result-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:1.5rem;box-shadow:0 20px 60px #0000004d;max-width:480px;padding:3rem;text-align:center;width:100%}.payment-result-page .result-card .icon-wrapper{align-items:center;border-radius:50%;display:flex;height:100px;justify-content:center;margin:0 auto 1.5rem;width:100px}.payment-result-page .result-card.success .icon-wrapper{background:linear-gradient(135deg,#10b98133,#10b9811a);color:#10b981}.payment-result-page .result-card.success h1{color:#10b981}.payment-result-page .result-card.failed .icon-wrapper{background:linear-gradient(135deg,#ef444433,#ef44441a);color:#ef4444}.payment-result-page .result-card.failed h1{color:#ef4444}.payment-result-page .result-card h1{font-size:1.75rem;font-weight:700;margin-bottom:.5rem}.payment-result-page .result-card .subtitle{color:var(--text-secondary);font-size:1rem;margin-bottom:2rem}.payment-result-page .result-card .details{background:var(--bg-secondary);border-radius:1rem;margin-bottom:2rem;padding:1.25rem}.payment-result-page .result-card .details .detail-row{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:.75rem 0}.payment-result-page .result-card .details .detail-row:last-child{border-bottom:none}.payment-result-page .result-card .details .detail-row.highlight .label,.payment-result-page .result-card .details .detail-row.highlight .value{color:#10b981;font-weight:600}.payment-result-page .result-card .details .detail-row.highlight .label{align-items:center;display:flex;gap:.5rem}.payment-result-page .result-card .details .detail-row .label{color:var(--text-secondary);font-size:.9rem}.payment-result-page .result-card .details .detail-row .value{color:var(--text-primary);font-weight:600}.payment-result-page .result-card .details .detail-row .value.txn{color:var(--text-secondary);font-family:monospace;font-size:.85rem}.payment-result-page .result-card .actions{display:flex;flex-direction:column;gap:.75rem}.payment-result-page .result-card .actions button{width:100%}.payment-result-page .result-card .help-text{color:var(--text-muted);font-size:.85rem;line-height:1.6;margin-top:1.5rem}.payment-result-page .result-card.verifying .icon-wrapper{background:linear-gradient(135deg,#3b82f633,#3b82f61a);color:#3b82f6}.payment-result-page .result-card.verifying .icon-wrapper.spinning{animation:pulse 2s ease-in-out infinite}.payment-result-page .result-card.verifying .icon-wrapper.spinning svg{animation:spin 1s linear infinite}.payment-result-page .result-card.verifying h1{color:#3b82f6}.payment-result-page .result-card .attempt-indicator{align-items:center;display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.payment-result-page .result-card .attempt-indicator .attempt-dots{display:flex;gap:.5rem}.payment-result-page .result-card .attempt-indicator .attempt-dots .dot{background:var(--border-color);border-radius:50%;height:10px;transition:all .3s ease;width:10px}.payment-result-page .result-card .attempt-indicator .attempt-dots .dot.done{background:#10b981}.payment-result-page .result-card .attempt-indicator .attempt-dots .dot.active{animation:pulse 1s ease-in-out infinite;background:#3b82f6}.payment-result-page .result-card .attempt-indicator .attempt-text{color:var(--text-secondary);font-size:.9rem}.payment-result-page .result-card .details.small{margin-bottom:0;padding:.75rem}.payment-result-page .result-card .details.small .detail-row{padding:.5rem 0}.payment-result-page .result-card .info-box{align-items:flex-start;background:#f59e0b1a;border:1px solid #f59e0b33;border-radius:.75rem;display:flex;gap:.75rem;margin-bottom:1.5rem;padding:1rem;text-align:left}.payment-result-page .result-card .info-box svg{color:#f59e0b;flex-shrink:0;margin-top:2px}.payment-result-page .result-card .info-box span{color:var(--text-secondary);font-size:.85rem;line-height:1.5}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@media(max-width:480px){.payment-result-page{padding:1rem}.payment-result-page .result-card{padding:2rem 1.5rem}.payment-result-page .result-card h1{font-size:1.5rem}.payment-result-page .result-card .icon-wrapper{height:80px;width:80px}.payment-result-page .result-card .icon-wrapper svg{height:48px;width:48px}}.install-prompt{animation:slideUp .4s cubic-bezier(.16,1,.3,1);bottom:20px;left:50%;max-width:420px;position:fixed;transform:translateX(-50%);width:calc(100% - 32px);z-index:9999}@keyframes slideUp{0%{opacity:0;transform:translate(-50%,100%)}to{opacity:1;transform:translate(-50%)}}.install-prompt__content{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#1a1a2e,#16213e);border:1px solid #7c3aed4d;border-radius:16px;box-shadow:0 10px 40px #0006,inset 0 0 0 1px #ffffff0d;display:flex;gap:12px;padding:16px}.install-prompt__icon{align-items:center;background:linear-gradient(135deg,#7c3aed,#a855f7);border-radius:12px;color:#fff;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.install-prompt__text{flex:1 1;min-width:0}.install-prompt__text h4{color:#fff;font-size:15px;font-weight:600;margin:0 0 2px}.install-prompt__text p{color:#fff9;font-size:13px;margin:0}.install-prompt__actions{align-items:center;display:flex;flex-shrink:0;gap:8px}.install-prompt__btn{align-items:center;border:none;cursor:pointer;display:flex;font-weight:500;gap:6px;justify-content:center;transition:all .2s ease}.install-prompt__btn--install{background:linear-gradient(135deg,#7c3aed,#a855f7);border-radius:10px;color:#fff;font-size:14px;padding:10px 16px}.install-prompt__btn--install:hover{box-shadow:0 4px 12px #7c3aed66;transform:translateY(-1px)}.install-prompt__btn--install:active{transform:translateY(0)}.install-prompt__btn--dismiss{background:#ffffff1a;border-radius:8px;color:#fff9;height:36px;padding:0;width:36px}.install-prompt__btn--dismiss:hover{background:#ffffff26;color:#fff}@media(max-width:480px){.install-prompt{bottom:16px;width:calc(100% - 24px)}.install-prompt__content{gap:10px;padding:12px}.install-prompt__icon{height:42px;width:42px}.install-prompt__text h4{font-size:14px}.install-prompt__text p{font-size:12px}.install-prompt__btn--install{font-size:13px;padding:8px 12px}.install-prompt__btn--dismiss{height:32px;width:32px}}