@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap&subset=vietnamese";@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap&subset=vietnamese";@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";*{-webkit-font-feature-settings:"liga" 1,"kern" 1;font-feature-settings:"liga" 1,"kern" 1}h1,h2,h3,h4,h5,h6,.hero-title,.section-title,.category-card-title{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-synthesis:none}.hero-title,.section-title,.category-card-title,h1,h2,h3{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif!important;font-weight:700!important}:root{--bg-base-dark: #0A0E27;--bg-base-mid: #141B3D;--bg-base-light: #1E2A5E;--bg-gradient-base: linear-gradient(135deg, #0A0E27 0%, #141B3D 50%, #1E2A5E 100%);--glow-blue-bright: rgba(59, 130, 246, .5);--glow-blue-medium: rgba(37, 99, 235, .25);--glow-blue-dark: rgba(30, 64, 175, .3);--bg-primary: #0A0E27;--bg-secondary: #141B3D;--bg-tertiary: #1E2A5E;--bg-gradient: linear-gradient(135deg, #0A0E27 0%, #141B3D 50%, #1E2A5E 100%);--bg-card: rgba(30, 42, 94, .4);--bg-card-hover: rgba(30, 42, 94, .6);--brand-burgundy: #9C0612;--brand-burgundy-dark: #6B0F1A;--brand-burgundy-light: #B91D28;--brand-gold: #FFBD59;--brand-gold-muted: #D4A574;--brand-gold-light: #DEBC81;--brand-cyan: #FFBD59;--brand-blue: #4D9DE0;--brand-purple: #8B5CF6;--brand-pink: #FF6B9D;--accent-green: #00FF88;--accent-red: #FF4757;--accent-orange: #FF9F43;--accent-yellow: #FFC312;--text-primary: #FFFFFF;--text-secondary: rgba(255, 255, 255, .85);--text-tertiary: rgba(255, 255, 255, .7);--text-muted: rgba(255, 255, 255, .5);--text-disabled: rgba(255, 255, 255, .35);--gradient-bg: linear-gradient(135deg, #0A0E27 0%, #141B3D 50%, #1E2A5E 100%);--gradient-card: linear-gradient(180deg, rgba(74, 26, 79, .35) 0%, rgba(107, 15, 26, .25) 100%);--gradient-burgundy: linear-gradient(135deg, #9C0612 0%, #6B0F1A 100%);--gradient-cyan: linear-gradient(135deg, #FFBD59 0%, #E6A64D 100%);--gradient-purple: linear-gradient(135deg, #8B5CF6 0%, #A78BFA 100%);--gradient-gold-text: linear-gradient(135deg, #FFFFFF 0%, #FFBD59 100%);--gradient-rainbow: linear-gradient(135deg, #FFBD59 0%, #8B5CF6 50%, #FF6B9D 100%);--font-display: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";--font-mono: "Fira Code", "Courier New", Courier, monospace;--text-xs: 13px;--text-sm: 15px;--text-base: 17px;--text-lg: 20px;--text-xl: 24px;--text-2xl: 32px;--text-3xl: 48px;--text-4xl: 72px;--font-size-xs: 11px;--font-size-sm: 13px;--font-size-base: 15px;--font-size-md: 17px;--font-size-lg: 20px;--font-size-xl: 22px;--font-size-2xl: 28px;--font-size-3xl: 36px;--font-light: 300;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--font-extrabold: 800;--font-black: 900;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--leading-tight: 1.1;--leading-snug: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.75;--tracking-tighter: -2px;--tracking-tight: -1px;--tracking-normal: 0;--tracking-wide: .5px;--tracking-wider: 1px;--space-0: 0;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 28px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--space-24: 96px;--space-xs: 8px;--space-sm: 16px;--space-md: 24px;--space-lg: 32px;--space-xl: 48px;--space-2xl: 64px;--space-3xl: 80px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 14px;--radius-xl: 20px;--radius-2xl: 30px;--radius-full: 50px;--radius-circle: 50%;--border-primary: rgba(255, 255, 255, .12);--border-active: rgba(255, 189, 89, .5);--border-hover: rgba(255, 255, 255, .2);--border-focus: var(--brand-gold);--bg-elevated: rgba(17, 34, 80, .6);--bg-overlay: rgba(17, 34, 80, .95);--bg-hover: rgba(255, 255, 255, .05);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .15);--shadow-md: 0 4px 16px rgba(0, 0, 0, .2);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .25);--shadow-xl: 0 12px 48px rgba(0, 0, 0, .3);--glow-gold: 0 0 30px rgba(255, 189, 89, .5);--glow-burgundy: 0 10px 40px rgba(156, 6, 18, .4);--glow-cyan: 0 0 30px rgba(255, 189, 89, .4);--glow-purple: 0 0 30px rgba(139, 92, 246, .4);--transition-fast: .15s ease;--transition-base: .3s ease;--transition-slow: .5s ease;--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--z-base: 0;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--breakpoint-sm: 480px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1400px;--breakpoint-2xl: 1920px;--course-primary: #00D9FF;--course-accent: #4A90E2;--course-glow: rgba(0, 217, 255, .3);--course-bg: rgba(0, 180, 216, .05);--tier-free-color: #3AF7A6;--tier-free-bg: rgba(58, 247, 166, .1);--tier-free-border: rgba(58, 247, 166, .3);--tier1-color: #00F0FF;--tier1-bg: rgba(0, 240, 255, .1);--tier1-border: rgba(0, 240, 255, .3);--tier2-color: #6A5BFF;--tier2-bg: rgba(106, 91, 255, .1);--tier2-border: rgba(106, 91, 255, .3);--tier3-color: #FFBD59;--tier3-bg: rgba(255, 189, 89, .1);--tier3-border: rgba(255, 189, 89, .3);--gradient-course-hero: linear-gradient(135deg, var(--course-primary) 0%, var(--course-accent) 100%);--gradient-course-card: linear-gradient(135deg, rgba(0, 217, 255, .1) 0%, rgba(74, 144, 226, .1) 100%);--bg-glass: rgba(15, 16, 48, .55);--blur-glass: 18px;--bg-glass-light: rgba(26, 27, 58, .7);--bg-glass-dark: rgba(10, 11, 26, .8);--course-accent-purple: #6A5BFF;--course-accent-cyan: #00F0FF;--course-success: #3AF7A6;--course-error: #FF6B6B;--course-warning: #FFB800;--course-info: #00F0FF;--course-card-bg: #1A1B3A;--course-card-bg-hover: #222352;--course-card-border: rgba(255, 255, 255, .08);--course-card-border-hover: rgba(255, 189, 89, .3)}:root{--brand-burgundy: #9C0612;--brand-burgundy-dark: #6B0F1A;--brand-royal: #112250;--brand-royal-dark: #0A1628;--brand-gold: #FFBD59;--brand-gold-light: #FFD699;--accent-cyan: #FFBD59;--accent-cyan-dark: #E6A64D;--accent-green: #00FF88;--accent-green-dark: #0ECB81;--accent-purple: #8B5CF6;--accent-purple-dark: #7C3AED;--success: #0ECB81;--success-bg: rgba(14, 203, 129, .15);--danger: #F6465D;--danger-bg: rgba(246, 70, 93, .15);--warning: #FFBD59;--warning-bg: rgba(255, 189, 89, .15);--info: #FFBD59;--info-bg: rgba(255, 189, 89, .15);--bg-base: #0A1628;--bg-elevated: rgba(17, 34, 80, .6);--bg-card: rgba(30, 42, 94, .4);--bg-overlay: rgba(17, 34, 80, .95);--glass-light: rgba(255, 255, 255, .08);--glass-border: rgba(255, 255, 255, .12);--glass-blur: blur(20px);--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--font-heading: "Poppins", -apple-system, BlinkMacSystemFont, sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "Fira Code", "Courier New", monospace;--text-xs: 11px;--text-sm: 13px;--text-base: 15px;--text-lg: 18px;--text-xl: 22px;--text-2xl: 28px;--text-3xl: 36px;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--font-black: 900;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--border-thin: 1px;--border-medium: 2px;--border-thick: 3px;--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .15);--shadow-md: 0 4px 16px rgba(0, 0, 0, .25);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .35);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .45);--shadow-gold: 0 0 20px rgba(255, 189, 89, .3);--shadow-cyan: 0 0 20px rgba(255, 189, 89, .3);--shadow-burgundy: 0 0 20px rgba(156, 6, 18, .4);--gradient-primary: linear-gradient(135deg, var(--brand-burgundy), var(--brand-royal));--gradient-gold: linear-gradient(135deg, #FFD699, #FFBD59);--gradient-cyan: linear-gradient(135deg, #FFBD59, #E6A64D);--gradient-purple: linear-gradient(135deg, #8B5CF6, #7C3AED);--sidebar-width-left: 20%;--sidebar-width-right: 30%;--main-content-width: 50%;--navbar-height: 60px;--z-base: 1;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;font-family:var(--font-body);line-height:1.6;font-weight:var(--font-normal);color-scheme:dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;min-width:320px;min-height:100vh;overflow-x:hidden}html{overflow-x:hidden}.page-container,.page-content,.courses-container,.course-builder-page,.module-builder-page,.lesson-editor-page,.quiz-builder-page,.student-management-page,.course-admin-page,.learning-page,.course-detail-page{max-width:100vw;overflow-x:hidden}button{font-family:inherit;cursor:pointer;border:none;background:none;transition:var(--transition-base)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#ffffff0d;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb{background:var(--gradient-primary);border-radius:var(--radius-full);border:2px solid transparent}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#9c0612,#112250)}*:focus-visible{outline:2px solid var(--brand-gold);outline-offset:2px;border-radius:var(--radius-sm)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{position:relative;font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--font-normal);line-height:var(--leading-normal);color:var(--text-secondary);background:var(--bg-gradient-base);background-attachment:fixed;background-size:cover;-webkit-font-feature-settings:"liga","kern";font-feature-settings:"liga","kern";overflow-x:hidden;min-height:100vh;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 85% 20%,var(--glow-blue-bright) 0%,var(--glow-blue-medium) 20%,transparent 50%);filter:blur(80px);pointer-events:none;z-index:0;animation:glowMove1 10s ease-in-out infinite;will-change:transform}body:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 15% 80%,var(--glow-blue-dark) 0%,transparent 40%);filter:blur(60px);pointer-events:none;z-index:0;animation:glowMove2 12s ease-in-out infinite;will-change:transform}@keyframes glowMove1{0%,to{transform:translate(0) scale(1);opacity:1}50%{transform:translate(-20px,10px) scale(1.1);opacity:.95}}@keyframes glowMove2{0%,to{transform:translate(0) scale(1);opacity:1}50%{transform:translate(15px,-20px) scale(1.05);opacity:.9}}#root,.app,main,.app-container{position:relative;z-index:1}header,nav,.header{position:relative;z-index:100}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:var(--font-bold);line-height:var(--leading-tight);color:var(--text-primary);margin-bottom:var(--space-sm)}p{margin-bottom:var(--space-md)}a{color:var(--brand-cyan);text-decoration:none;transition:color var(--transition-base)}a:hover{color:var(--brand-gold)}button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}button{cursor:pointer;border:none;background:none}button:disabled{cursor:not-allowed;opacity:.5}select{background-color:var(--bg-card, rgba(30, 42, 94, .4));color:var(--text-primary, #FFFFFF)}select option{background-color:var(--bg-base-dark, #0A0E27);color:var(--text-primary, #FFFFFF);padding:12px 16px}select option:hover,select option:focus{background-color:var(--bg-card, rgba(30, 42, 94, .6))}select option:checked{background:linear-gradient(0deg,var(--brand-gold) 0%,var(--brand-gold) 100%);color:var(--bg-base-dark, #0A0E27)}img,video{display:block;max-width:100%;height:auto}button svg,a svg,.btn svg{display:inline-block;flex-shrink:0}:focus-visible{outline:2px solid var(--brand-gold);outline-offset:4px}:focus:not(:focus-visible){outline:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--brand-burgundy);border-radius:var(--radius-full);border:2px solid var(--bg-secondary)}::-webkit-scrollbar-thumb:hover{background:var(--brand-burgundy-dark)}*{scrollbar-width:thin;scrollbar-color:var(--brand-burgundy) var(--bg-secondary)}.heading-xl{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:var(--font-black);line-height:var(--leading-tight);letter-spacing:var(--tracking-tighter);background:var(--gradient-gold-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:var(--glow-gold);animation:heroFloat 4s ease-in-out infinite}.heading-lg{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:var(--font-extrabold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);background:var(--gradient-gold-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.heading-md{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--font-bold);line-height:var(--leading-snug);color:var(--text-primary)}.heading-sm{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--font-semibold);line-height:var(--leading-normal);color:var(--text-primary)}.text-xs{font-size:var(--text-xs);line-height:var(--leading-normal)}.text-sm{font-size:var(--text-sm);line-height:var(--leading-normal)}.text-base{font-size:var(--text-base);line-height:var(--leading-normal)}.text-lg{font-size:var(--text-lg);line-height:var(--leading-relaxed)}.font-light{font-weight:var(--font-light)}.font-normal{font-weight:var(--font-normal)}.font-medium{font-weight:var(--font-medium)}.font-semibold{font-weight:var(--font-semibold)}.font-bold{font-weight:var(--font-bold)}.font-extrabold{font-weight:var(--font-extrabold)}.font-black{font-weight:var(--font-black)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-muted{color:var(--text-muted)}.text-gold{color:var(--brand-gold)}.text-cyan{color:var(--brand-cyan)}.text-burgundy{color:var(--brand-burgundy)}.text-purple{color:var(--brand-purple)}.text-green{color:var(--accent-green)}.text-red{color:var(--accent-red)}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.underline{text-decoration:underline}.no-underline{text-decoration:none}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}@media(max-width:768px){.heading-xl{font-size:48px;letter-spacing:-1px}.heading-lg{font-size:32px}.heading-md{font-size:24px}}.text-body-lg{font-family:var(--font-body);font-size:var(--text-lg);line-height:var(--leading-relaxed);color:var(--text-secondary)}.text-body-base{font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--text-secondary)}.text-body-sm{font-family:var(--font-body);font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--text-tertiary)}.text-caption{font-family:var(--font-body);font-size:var(--text-xs);line-height:var(--leading-snug);color:var(--text-muted)}.text-number{font-family:var(--font-mono);font-size:var(--text-lg);font-weight:var(--font-bold);letter-spacing:.5px;color:var(--text-primary)}.text-label{font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-semibold);letter-spacing:.5px;text-transform:uppercase;color:var(--text-tertiary)}.text-subtitle{font-family:var(--font-body);font-size:var(--text-lg);font-weight:var(--font-normal);line-height:var(--leading-relaxed);color:var(--text-secondary);opacity:.9}.text-quote{font-family:var(--font-body);font-size:var(--text-lg);font-style:italic;line-height:var(--leading-relaxed);color:var(--text-secondary);border-left:4px solid var(--brand-gold);padding-left:var(--space-md)}.text-gradient-gold{background:var(--gradient-gold-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-gradient-cyan{background:linear-gradient(135deg,#00d9ff,#4d9de0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-gradient-purple{background:linear-gradient(135deg,#8b5cf6,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-gradient-rainbow{background:var(--gradient-rainbow);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-glow-gold{color:var(--brand-gold);text-shadow:0 0 20px rgba(255,189,89,.6)}.text-glow-cyan{color:var(--brand-cyan);text-shadow:0 0 20px rgba(0,217,255,.6)}.text-shadow-dark{text-shadow:0 2px 8px rgba(0,0,0,.5)}.line-clamp-1{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-normal{white-space:normal}.whitespace-nowrap{white-space:nowrap}.whitespace-pre{white-space:pre}.whitespace-pre-line{white-space:pre-line}.whitespace-pre-wrap{white-space:pre-wrap}.break-normal{word-break:normal;overflow-wrap:normal}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.list-disc{list-style-type:disc}.list-decimal{list-style-type:decimal}.list-none{list-style-type:none}.list-inside{list-style-position:inside}.list-outside{list-style-position:outside}.link-primary{color:var(--brand-cyan);text-decoration:none;transition:color var(--transition-base)}.link-primary:hover{color:var(--brand-gold);text-decoration:underline}.link-subtle{color:var(--text-secondary);text-decoration:none;transition:color var(--transition-base)}.link-subtle:hover{color:var(--text-primary)}.pattern-name{font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:1px;color:var(--brand-cyan)}.pattern-confidence{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--text-tertiary)}.pattern-confidence.high{color:var(--accent-green)}.pattern-confidence.medium{color:var(--accent-orange)}.pattern-confidence.low{color:var(--accent-red)}.price-primary{font-family:var(--font-mono);font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--text-primary);letter-spacing:.5px}.price-secondary{font-family:var(--font-mono);font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-secondary)}.price-small{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-tertiary)}.price-change{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--font-bold)}.price-change.positive{color:var(--accent-green)}.price-change.positive:before{content:"+"}.price-change.negative{color:var(--accent-red)}.crypto-pair{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--text-primary)}.crypto-symbol{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--text-muted);text-transform:uppercase}.timeframe-label{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:.5px;color:var(--brand-purple)}.status-text{font-size:var(--text-xs);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:.5px}.status-text.active{color:var(--accent-green)}.status-text.pending{color:var(--accent-orange)}.status-text.closed{color:var(--text-muted)}.status-text.error{color:var(--accent-red)}@media(max-width:768px){.text-body-lg,.text-number{font-size:var(--text-base)}.text-quote{font-size:var(--text-base);padding-left:var(--space-sm)}.price-primary{font-size:var(--text-xl)}.crypto-pair{font-size:var(--text-base)}}@media(max-width:480px){.text-subtitle{font-size:var(--text-base)}}.html-preview .heading-xl,.html-preview .animate-float,.html-preview [class*=animate-],.wysiwyg-editor .heading-xl,.wysiwyg-editor .animate-float,.wysiwyg-editor [class*=animate-],.phone-content .heading-xl,.phone-content .animate-float,.phone-content [class*=animate-],[contenteditable=true] .heading-xl,[contenteditable=true] .animate-float,[contenteditable=true] [class*=animate-]{animation:none!important;animation-delay:0s!important;animation-duration:0s!important;animation-iteration-count:1!important;transform:none!important}.container{max-width:1400px;margin:0 auto;padding:var(--space-xl) var(--space-lg)}.container-full{width:100%;max-width:100%;padding:var(--space-xl) var(--space-lg)}@media(max-width:768px){.container,.container-full{padding:var(--space-md) var(--space-sm)}}.flex{display:flex}.inline-flex{display:inline-flex}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-row-reverse{flex-direction:row-reverse}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-evenly{justify-content:space-evenly}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.items-stretch{align-items:stretch}.items-baseline{align-items:baseline}.gap-xs{gap:var(--space-xs)}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.gap-xl{gap:var(--space-xl)}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.grid-rows-1{grid-template-rows:repeat(1,1fr)}.grid-rows-2{grid-template-rows:repeat(2,1fr)}.grid-rows-3{grid-template-rows:repeat(3,1fr)}@media(max-width:1024px){.grid-cols-4,.grid-cols-3{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.grid-cols-4,.grid-cols-3,.grid-cols-2{grid-template-columns:1fr}}.m-0{margin:0}.m-xs{margin:var(--space-xs)}.m-sm{margin:var(--space-sm)}.m-md{margin:var(--space-md)}.m-lg{margin:var(--space-lg)}.m-xl{margin:var(--space-xl)}.mt-xs{margin-top:var(--space-xs)}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mt-xl{margin-top:var(--space-xl)}.mb-xs{margin-bottom:var(--space-xs)}.mb-sm{margin-bottom:var(--space-sm)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.mb-xl{margin-bottom:var(--space-xl)}.p-0{padding:0}.p-xs{padding:var(--space-xs)}.p-sm{padding:var(--space-sm)}.p-md{padding:var(--space-md)}.p-lg{padding:var(--space-lg)}.p-xl{padding:var(--space-xl)}.px-sm{padding-left:var(--space-sm);padding-right:var(--space-sm)}.px-md{padding-left:var(--space-md);padding-right:var(--space-md)}.px-lg{padding-left:var(--space-lg);padding-right:var(--space-lg)}.py-sm{padding-top:var(--space-sm);padding-bottom:var(--space-sm)}.py-md{padding-top:var(--space-md);padding-bottom:var(--space-md)}.py-lg{padding-top:var(--space-lg);padding-bottom:var(--space-lg)}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.hidden{display:none}.w-full{width:100%}.w-auto{width:auto}.h-full{height:100%}.h-auto{height:auto}.container-sm{max-width:768px;margin:0 auto;padding:var(--space-xl) var(--space-lg)}.container-lg{max-width:1600px;margin:0 auto;padding:var(--space-xl) var(--space-lg)}.container-narrow{max-width:960px;margin:0 auto;padding:var(--space-xl) var(--space-lg)}@media(max-width:768px){.container-sm,.container-lg,.container-narrow{padding:var(--space-md) var(--space-sm)}}.section{padding:var(--space-3xl) 0}.section-sm{padding:var(--space-xl) 0}.section-lg{padding:120px 0}@media(max-width:768px){.section,.section-lg{padding:var(--space-2xl) 0}}.card{background:var(--bg-card);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-md);transition:all var(--transition-base)}.card:hover{background:var(--bg-card-hover);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.card-flat{box-shadow:none}.card-flat:hover{transform:none}.scanner-layout{display:grid;grid-template-columns:20% 50% 30%;gap:var(--space-md);height:calc(100vh - 160px);overflow:hidden}.scanner-left{overflow-y:auto;padding:var(--space-md);background:var(--bg-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.12)}.scanner-center{display:flex;flex-direction:column;gap:var(--space-sm);overflow:hidden}.scanner-right{overflow-y:auto;padding:var(--space-md);background:var(--bg-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.12)}@media(max-width:768px){.scanner-layout{grid-template-columns:1fr;grid-template-rows:auto auto auto;height:auto}.scanner-left,.scanner-center,.scanner-right{max-height:none}}.tab-navigation{display:flex;gap:var(--space-sm);padding:var(--space-md) 0;border-bottom:2px solid rgba(255,255,255,.12);overflow-x:auto;scrollbar-width:none}.tab-navigation::-webkit-scrollbar{display:none}.tab-button{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);font-family:var(--font-display);font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-tertiary);background:transparent;border:none;border-bottom:3px solid transparent;cursor:pointer;white-space:nowrap;transition:all var(--transition-base)}.tab-button:hover{color:var(--text-primary);background:#ffffff0d}.tab-button.active{color:var(--brand-gold);border-bottom-color:var(--brand-gold);background:#ffbd591a}.tab-button .icon{font-size:var(--text-lg)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-md);margin-bottom:var(--space-lg)}.stat-card{background:var(--bg-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-lg);padding:var(--space-lg);transition:all var(--transition-base)}.stat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--brand-gold)}.stat-value{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--text-primary);margin-bottom:var(--space-xs)}.stat-change{font-size:var(--text-sm);font-weight:var(--font-medium)}@media(max-width:1024px){.stats-grid{grid-template-columns:repeat(2,1fr)}}.feed-container{max-width:800px;margin:0 auto}.feed-item{background:var(--bg-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-lg);padding:var(--space-lg);margin-bottom:var(--space-md);transition:all var(--transition-base)}.feed-item:hover{border-color:var(--brand-gold);box-shadow:var(--shadow-md)}.feed-item-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-sm)}.feed-item-badge{display:inline-flex;align-items:center;gap:var(--space-xs);padding:4px 12px;font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;border-radius:var(--radius-full)}.feed-item-badge.trading{background:#00d9ff33;color:var(--brand-cyan)}.feed-item-badge.wellness{background:#8b5cf633;color:var(--brand-purple)}.feed-item-badge.integration{background:#ffbd5933;color:var(--brand-gold)}.feed-item-time{font-size:var(--text-xs);color:var(--text-muted)}.feed-item-content{margin-bottom:var(--space-sm)}.feed-item-title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:var(--space-xs)}.feed-item-description{font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--text-secondary)}.feed-item-actions{display:flex;gap:var(--space-sm);flex-wrap:wrap}.tier-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:.5px;border-radius:var(--radius-full);border:1px solid}.tier-badge.free{background:#00ff8826;border-color:var(--accent-green);color:var(--accent-green)}.tier-badge.tier1{background:#00d9ff26;border-color:var(--brand-cyan);color:var(--brand-cyan)}.tier-badge.tier2{background:#8b5cf626;border-color:var(--brand-purple);color:var(--brand-purple)}.tier-badge.tier3{background:#ffbd5926;border-color:var(--brand-gold);color:var(--brand-gold)}.tier-badge.locked{background:#ffffff0d;border-color:var(--text-muted);color:var(--text-muted)}.sub-tools-grid{display:grid;grid-template-columns:1fr;gap:var(--space-sm)}.sub-tool-button{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-md);background:#ffffff08;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base)}.sub-tool-button:hover:not(.locked){background:#ffffff14;border-color:var(--brand-gold);transform:translate(4px)}.sub-tool-button.locked{opacity:.5;cursor:not-allowed}.sub-tool-info{display:flex;align-items:center;gap:var(--space-sm)}.sub-tool-icon{font-size:var(--text-xl)}.sub-tool-label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary)}.hero-split{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3xl);align-items:center;min-height:calc(100vh - 80px);padding:var(--space-3xl) 0}.hero-left{display:flex;flex-direction:column;gap:var(--space-lg)}@media(max-width:1024px){.hero-split{grid-template-columns:1fr;gap:var(--space-2xl);min-height:auto}.hero-right{order:-1}}.data-table{width:100%;border-collapse:separate;border-spacing:0;background:var(--bg-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-lg);overflow:hidden}.data-table thead{background:#ffffff0d}.data-table th{padding:var(--space-md);text-align:left;font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid rgba(255,255,255,.12)}.data-table td{padding:var(--space-md);font-size:var(--text-sm);color:var(--text-secondary);border-bottom:1px solid rgba(255,255,255,.08)}.data-table tbody tr{transition:background var(--transition-base)}.data-table tbody tr:hover{background:#ffffff0d}.data-table tbody tr:last-child td{border-bottom:none}.table-wrapper{overflow-x:auto;border-radius:var(--radius-lg)}@media(max-width:768px){.data-table{font-size:var(--text-xs)}.data-table th,.data-table td{padding:var(--space-sm)}}.sidebar-layout{display:grid;grid-template-columns:280px 1fr;gap:var(--space-xl)}.sidebar{position:sticky;top:100px;height:fit-content;max-height:calc(100vh - 120px);overflow-y:auto;background:var(--bg-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-lg);padding:var(--space-lg)}.sidebar-main{flex:1}@media(max-width:1024px){.sidebar-layout{grid-template-columns:1fr}.sidebar{position:static;max-height:none}}.modal-overlay{position:fixed;inset:0;background:#0a1628d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:var(--space-lg);animation:fadeIn .3s ease-out}.modal-content{background:var(--bg-base-mid);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-xl);max-width:900px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-xl);animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{padding:var(--space-xl);border-bottom:1px solid rgba(255,255,255,.12);display:flex;align-items:center;justify-content:space-between}.modal-title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--text-primary)}.modal-close{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border:none;border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-base)}.modal-close:hover{background:#ffffff1a}.modal-body{padding:var(--space-xl)}.modal-footer{padding:var(--space-xl);border-top:1px solid rgba(255,255,255,.12);display:flex;gap:var(--space-md);justify-content:flex-end}.aspect-square{aspect-ratio:1 / 1}.aspect-video{aspect-ratio:16 / 9}.aspect-4-3{aspect-ratio:4 / 3}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-scroll{overflow:scroll}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-hidden{overflow-y:hidden}.overflow-auto::-webkit-scrollbar,.overflow-x-auto::-webkit-scrollbar,.overflow-y-auto::-webkit-scrollbar{width:8px;height:8px}.overflow-auto::-webkit-scrollbar-track,.overflow-x-auto::-webkit-scrollbar-track,.overflow-y-auto::-webkit-scrollbar-track{background:#ffffff0d}.overflow-auto::-webkit-scrollbar-thumb,.overflow-x-auto::-webkit-scrollbar-thumb,.overflow-y-auto::-webkit-scrollbar-thumb{background:var(--brand-burgundy);border-radius:var(--radius-full)}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.object-fill{object-fit:fill}.object-none{object-fit:none}.object-scale-down{object-fit:scale-down}.object-center{object-position:center}.object-top{object-position:top}.object-bottom{object-position:bottom}.object-left{object-position:left}.object-right{object-position:right}.visible{visibility:visible}.invisible{visibility:hidden}.opacity-0{opacity:0}.opacity-25{opacity:.25}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.opacity-100{opacity:1}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.cursor-pointer{cursor:pointer}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.cursor-wait{cursor:wait}.cursor-move{cursor:move}.cursor-help{cursor:help}.flex-1{flex:1 1 0%}.flex-auto{flex:1 1 auto}.flex-initial{flex:0 1 auto}.flex-none{flex:none}.flex-grow{flex-grow:1}.flex-grow-0{flex-grow:0}.flex-shrink{flex-shrink:1}.flex-shrink-0{flex-shrink:0}.grid-cols-5{grid-template-columns:repeat(5,1fr)}.grid-cols-6{grid-template-columns:repeat(6,1fr)}.col-span-2{grid-column:span 2 / span 2}.col-span-3{grid-column:span 3 / span 3}.col-span-4{grid-column:span 4 / span 4}.col-span-full{grid-column:1 / -1}.row-span-2{grid-row:span 2 / span 2}.row-span-3{grid-row:span 3 / span 3}.row-span-full{grid-row:1 / -1}.grid-auto-fit{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-md)}.grid-auto-fill{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-md)}.mx-auto{margin-left:auto;margin-right:auto}.my-auto{margin-top:auto;margin-bottom:auto}.-mt-md{margin-top:calc(var(--space-md) * -1)}.-mt-lg{margin-top:calc(var(--space-lg) * -1)}.-ml-md{margin-left:calc(var(--space-md) * -1)}.pt-xs{padding-top:var(--space-xs)}.pt-sm{padding-top:var(--space-sm)}.pt-md{padding-top:var(--space-md)}.pt-lg{padding-top:var(--space-lg)}.pt-xl{padding-top:var(--space-xl)}.pt-2xl{padding-top:var(--space-2xl)}.pb-xs{padding-bottom:var(--space-xs)}.pb-sm{padding-bottom:var(--space-sm)}.pb-md{padding-bottom:var(--space-md)}.pb-lg{padding-bottom:var(--space-lg)}.pb-xl{padding-bottom:var(--space-xl)}.pb-2xl{padding-bottom:var(--space-2xl)}.pl-sm{padding-left:var(--space-sm)}.pl-md{padding-left:var(--space-md)}.pl-lg{padding-left:var(--space-lg)}.pr-sm{padding-right:var(--space-sm)}.pr-md{padding-right:var(--space-md)}.pr-lg{padding-right:var(--space-lg)}.w-screen{width:100vw}.h-screen{height:100vh}.min-h-screen{min-height:100vh}.w-1-2{width:50%}.w-1-3{width:33.333333%}.w-2-3{width:66.666667%}.w-1-4{width:25%}.w-3-4{width:75%}.max-w-xs{max-width:320px}.max-w-sm{max-width:480px}.max-w-md{max-width:768px}.max-w-lg{max-width:1024px}.max-w-xl{max-width:1280px}.max-w-2xl{max-width:1400px}.max-w-full{max-width:100%}.max-w-none{max-width:none}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-dropdown{z-index:var(--z-dropdown)}.z-sticky{z-index:var(--z-sticky)}.z-fixed{z-index:var(--z-fixed)}.z-modal{z-index:var(--z-modal)}.border{border:1px solid rgba(255,255,255,.12)}.border-2{border:2px solid rgba(255,255,255,.12)}.border-gold{border-color:var(--brand-gold)}.border-burgundy{border-color:var(--brand-burgundy)}.border-cyan{border-color:var(--brand-cyan)}.border-t{border-top:1px solid rgba(255,255,255,.12)}.border-b{border-bottom:1px solid rgba(255,255,255,.12)}.border-l{border-left:1px solid rgba(255,255,255,.12)}.border-r{border-right:1px solid rgba(255,255,255,.12)}.border-none{border:none}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:var(--radius-full)}.rounded-none{border-radius:0}.rounded-t-lg{border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg)}.rounded-b-lg{border-bottom-left-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg)}.divider{height:1px;background:#ffffff1f;margin:var(--space-md) 0}.divider-lg{height:1px;background:#ffffff1f;margin:var(--space-lg) 0}@media(max-width:1024px){.grid-cols-5,.grid-cols-6{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.grid-cols-5,.grid-cols-6{grid-template-columns:repeat(2,1fr)}.md\:hidden{display:none}.md\:block{display:block}}@media(max-width:480px){.grid-auto-fit,.grid-auto-fill{grid-template-columns:1fr}}@media(min-width:1024px){.lg\:flex{display:flex}.lg\:hidden{display:none}}@keyframes heroFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes goldShimmer{0%{background-position:-200% center}to{background-position:200% center}}.animate-float{animation:heroFloat 4s ease-in-out infinite}.animate-fadeIn{animation:fadeIn .5s ease-out}.animate-fadeInUp{animation:fadeInUp .6s ease-out}.animate-fadeInDown{animation:fadeInDown .6s ease-out}.animate-slideInLeft{animation:slideInLeft .5s ease-out}.animate-slideInRight{animation:slideInRight .5s ease-out}.animate-scaleIn{animation:scaleIn .4s ease-out}.animate-spin{animation:spin 1s linear infinite}.animate-shimmer{background:linear-gradient(90deg,var(--brand-gold-muted) 0%,var(--brand-gold) 50%,var(--brand-gold-muted) 100%);background-size:200% 100%;animation:goldShimmer 2s ease-in-out infinite}.transition{transition:all var(--transition-base)}.transition-fast{transition:all var(--transition-fast)}.transition-slow{transition:all var(--transition-slow)}.transition-colors{transition:color var(--transition-base),background-color var(--transition-base),border-color var(--transition-base)}.transition-transform{transition:transform var(--transition-base)}.transition-opacity{transition:opacity var(--transition-base)}.hover-lift{transition:transform var(--transition-base)}.hover-lift:hover{transform:translateY(-5px)}.hover-glow{transition:box-shadow var(--transition-base)}.hover-glow:hover{box-shadow:var(--glow-gold)}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.delay-500{animation-delay:.5s}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes slideOutLeft{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-100%)}}@keyframes slideOutRight{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}@keyframes scaleOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}@keyframes scaleUp{0%{transform:scale(1)}to{transform:scale(1.05)}}@keyframes scaleDown{0%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes pulseSlow{0%,to{opacity:1}50%{opacity:.6}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{transform:scale(1)}}@keyframes spinReverse{0%{transform:rotate(360deg)}to{transform:rotate(0)}}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}@keyframes shakeY{0%,to{transform:translateY(0)}10%,30%,50%,70%,90%{transform:translateY(-5px)}20%,40%,60%,80%{transform:translateY(5px)}}@keyframes glowPulse{0%,to{box-shadow:0 0 20px #ffbd594d}50%{box-shadow:0 0 40px #ffbd5999}}@keyframes cyanGlow{0%,to{box-shadow:0 0 20px #00d9ff4d}50%{box-shadow:0 0 40px #00d9ff99}}@keyframes borderGlow{0%,to{border-color:#ffbd5980}50%{border-color:#ffbd59}}@keyframes dotPulse{0%,80%,to{opacity:.3;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}@keyframes loadingBar{0%{width:0%}to{width:100%}}@keyframes skeletonLoading{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fadeOut{animation:fadeOut .5s ease-out}.animate-fadeInLeft{animation:fadeInLeft .6s ease-out}.animate-fadeInRight{animation:fadeInRight .6s ease-out}.animate-slideInUp{animation:slideInUp .5s ease-out}.animate-slideInDown{animation:slideInDown .5s ease-out}.animate-slideOutLeft{animation:slideOutLeft .5s ease-out}.animate-slideOutRight{animation:slideOutRight .5s ease-out}.animate-scaleOut{animation:scaleOut .4s ease-out}.animate-scaleUp{animation:scaleUp .3s ease-out}.animate-pulse-slow{animation:pulseSlow 3s ease-in-out infinite}.animate-bounce{animation:bounce 1s ease-in-out infinite}.animate-bounceIn{animation:bounceIn .6s ease-out}.animate-spin-slow{animation:spin 2s linear infinite}.animate-spin-reverse{animation:spinReverse 1s linear infinite}.animate-wiggle{animation:wiggle .5s ease-in-out}.animate-shake{animation:shake .5s ease-in-out}.animate-shakeY{animation:shakeY .5s ease-in-out}.animate-glow-gold{animation:glowPulse 2s ease-in-out infinite}.animate-glow-cyan{animation:cyanGlow 2s ease-in-out infinite}.animate-border-glow{animation:borderGlow 2s ease-in-out infinite}.animate-loading-dots:after{content:"";display:inline-block;animation:dotPulse 1.4s infinite}.animate-skeleton{background:linear-gradient(90deg,#ffffff0d,#ffffff1a,#ffffff0d);background-size:200% 100%;animation:skeletonLoading 1.5s ease-in-out infinite}.hover-lift-sm:hover{transform:translateY(-2px)}.hover-lift-lg:hover{transform:translateY(-10px)}.hover-glow-cyan{transition:box-shadow var(--transition-base)}.hover-glow-cyan:hover{box-shadow:0 0 30px #00d9ff80}.hover-glow-burgundy{transition:box-shadow var(--transition-base)}.hover-glow-burgundy:hover{box-shadow:0 10px 40px #9c061299}.hover-scale{transition:transform var(--transition-base)}.hover-scale:hover{transform:scale(1.05)}.hover-scale-sm{transition:transform var(--transition-base)}.hover-scale-sm:hover{transform:scale(1.02)}.hover-scale-lg{transition:transform var(--transition-base)}.hover-scale-lg:hover{transform:scale(1.1)}.hover-brightness{transition:filter var(--transition-base)}.hover-brightness:hover{filter:brightness(1.2)}.hover-border-glow{transition:border-color var(--transition-base),box-shadow var(--transition-base)}.hover-border-glow:hover{border-color:var(--brand-gold);box-shadow:0 0 20px #ffbd5966}.hover-slide-right{transition:transform var(--transition-base)}.hover-slide-right:hover{transform:translate(5px)}.hover-slide-left{transition:transform var(--transition-base)}.hover-slide-left:hover{transform:translate(-5px)}.hover-rotate{transition:transform var(--transition-base)}.hover-rotate:hover{transform:rotate(5deg)}.hover-shadow{transition:box-shadow var(--transition-base)}.hover-shadow:hover{box-shadow:var(--shadow-xl)}.delay-0{animation-delay:0ms}.delay-600{animation-delay:.6s}.delay-700{animation-delay:.7s}.delay-800{animation-delay:.8s}.delay-900{animation-delay:.9s}.delay-1000{animation-delay:1s}.duration-100{animation-duration:.1s}.duration-200{animation-duration:.2s}.duration-300{animation-duration:.3s}.duration-500{animation-duration:.5s}.duration-700{animation-duration:.7s}.duration-1000{animation-duration:1s}.animate-once{animation-iteration-count:1}.animate-twice{animation-iteration-count:2}.animate-infinite{animation-iteration-count:infinite}.btn-click-effect{position:relative;overflow:hidden}.btn-click-effect:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff80;transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn-click-effect:active:after{width:300px;height:300px}.card-hover-effect{transition:all var(--transition-base);position:relative}.card-hover-effect:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent,rgba(255,189,89,.1));opacity:0;transition:opacity var(--transition-base);border-radius:inherit}.card-hover-effect:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--brand-gold)}.card-hover-effect:hover:before{opacity:1}.loading-spinner{display:inline-block;width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-top-color:var(--brand-gold);border-radius:50%;animation:spin .8s linear infinite}.loading-spinner-lg{width:40px;height:40px;border-width:4px}.notification-enter{animation:slideInRight .4s ease-out}.notification-exit{animation:slideOutRight .4s ease-out}.modal-backdrop-enter{animation:fadeIn .3s ease-out}.modal-backdrop-exit{animation:fadeOut .3s ease-out}.tooltip-show{animation:fadeInUp .2s ease-out}.badge-pulse{animation:pulse 2s ease-in-out infinite}.price-increase{animation:fadeInUp .3s ease-out,glowPulse 1s ease-out;color:var(--accent-green)}.price-decrease{animation:fadeInDown .3s ease-out,shake .5s ease-out;color:var(--accent-red)}.gpu-accelerated{will-change:transform,opacity;transform:translateZ(0);backface-visibility:hidden}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.animation-paused{animation-play-state:paused}.animation-running{animation-play-state:running}.html-preview *,.html-preview *:before,.html-preview *:after,.wysiwyg-editor *,.wysiwyg-editor *:before,.wysiwyg-editor *:after,.phone-content *,.phone-content *:before,.phone-content *:after,[contenteditable=true] *,[contenteditable=true] *:before,[contenteditable=true] *:after{animation:none!important;animation-delay:0s!important;animation-duration:0s!important;animation-iteration-count:1!important}.card-glass{background:#1e2a5e66;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:24px;box-shadow:0 8px 32px #00000059;transition:all .3s ease}.card-stat{background:linear-gradient(180deg,#4a1a4f59,#6b0f1a40);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,189,89,.22);border-radius:16px;padding:24px;box-shadow:0 0 18px #ffbd592e;transition:all .3s ease;text-align:center}.card-stat:hover{transform:translateY(-4px);border-color:#ffbd5966;box-shadow:0 0 28px #ffbd594d}.card-pricing{background:#11225099;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:2px solid rgba(255,189,89,.3);border-radius:10px;padding:12px 10px;box-shadow:0 8px 32px #00000059;transition:all .4s ease;position:relative;overflow:visible}.card-pricing h2,.card-pricing h3{font-size:18px!important;margin-bottom:8px!important}.card-pricing>div[style*="font-size: 48px"],.card-pricing>div[style*="font-size: 56px"]{font-size:24px!important}.card-pricing>div[style*=marginBottom]{margin-bottom:8px!important}.card-pricing:hover{transform:translateY(-8px);box-shadow:0 16px 56px #00000080}.card-pricing-free{border-color:#0f86}.card-pricing-pro{border-color:#ffbd5980}.card-pricing-premium{border:3px solid rgba(139,92,246,.6);box-shadow:0 12px 48px #8b5cf64d;transform:scale(1.03)}.card-pricing-premium:hover{transform:scale(1.06) translateY(-8px);box-shadow:0 20px 60px #8b5cf680}.card-pricing-vip{border:3px solid rgba(255,189,89,.8);background:linear-gradient(180deg,#9c06124d,#11225099);box-shadow:0 12px 48px #ffbd5966}.card-pricing-vip:hover{box-shadow:0 16px 60px #ffbd5999}.card-faq{background:#112250cc;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid rgba(255,189,89,.2);border-radius:16px;padding:24px;transition:all .3s ease}.card-faq:hover{border-color:#ffbd5966;transform:translateY(-2px);box-shadow:0 8px 24px #0000004d}.card-faq h4{font-family:Poppins,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;font-weight:600;color:#fff;margin-bottom:12px}.card-faq p{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;color:#fffc;line-height:1.6;margin:0}.feature-box{display:flex;align-items:center;gap:5px;padding:5px 7px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:5px;margin-bottom:5px;transition:all .2s ease;font-size:10px}.feature-box:hover{background:#ffffff14;border-color:#ffffff26}.feature-box-green{background:#00ff880d;border-color:#00ff881a}.feature-box-gold{background:#ffbd590d;border-color:#ffbd591a}.feature-box-purple{background:#8b5cf60d;border-color:#8b5cf61a}.feature-box-cyan{background:#00d9ff0d;border-color:#00d9ff1a}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:18px 40px;background:linear-gradient(135deg,#9c0612,#6b0f1a);border:2px solid #FFBD59;border-radius:50px;color:#fff;font-family:Poppins,sans-serif;font-size:18px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 10px 40px #9c061266;text-decoration:none;position:relative;overflow:hidden}.btn-primary:hover{transform:translateY(-3px);border-color:#ffbd59cc;box-shadow:0 12px 48px #9c061280,0 0 30px #ffbd5966}.btn-primary:active{transform:translateY(0)}.btn-sm{padding:14px 32px;font-size:16px}.btn-md{padding:18px 40px;font-size:18px}.btn-lg{padding:22px 48px;font-size:20px}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:18px 40px;background:transparent;border:2px solid rgba(255,255,255,.12);border-radius:14px;color:#ffffffe6;font-family:Poppins,sans-serif;font-size:18px;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none}.btn-secondary:hover{background:#ffffff14;border-color:#ffffff40;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.btn-success{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#0f8,#00d9ff);border:none;border-radius:12px;color:#0a0e27;font-family:Poppins,sans-serif;font-size:14px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 20px #00ff884d;text-decoration:none}.btn-success:hover{transform:scale(1.02);box-shadow:0 6px 30px #00ff8880}.btn-warning{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#ffbd59,#ff8c00);border:none;border-radius:12px;color:#0a0e27;font-family:Poppins,sans-serif;font-size:14px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 20px #ffbd594d;text-decoration:none}.btn-warning:hover{transform:scale(1.02);box-shadow:0 6px 30px #ffbd5980}.btn-premium{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#8b5cf6,#6366f1);border:none;border-radius:12px;color:#fff;font-family:Poppins,sans-serif;font-size:14px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 20px #8b5cf666;text-decoration:none}.btn-premium:hover{transform:scale(1.02);box-shadow:0 6px 30px #8b5cf699}.btn-vip{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#ffbd59,#ff8c00,#9c0612);border:none;border-radius:12px;color:#fff;font-family:Poppins,sans-serif;font-size:14px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 20px #ffbd5980;text-decoration:none}.btn-vip:hover{transform:scale(1.02);box-shadow:0 6px 30px #ffbd59b3}.btn-primary:disabled,.btn-secondary:disabled,.btn-success:disabled,.btn-warning:disabled,.btn-premium:disabled,.btn-vip:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.btn-sm{padding:8px 16px;font-size:12px}.btn-lg{padding:16px 32px;font-size:16px}.badge{display:inline-flex;align-items:center;gap:3px;padding:4px 8px;border-radius:50px;font-family:Poppins,sans-serif;font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.3px;transition:all .3s ease}.badge-popular{background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff;box-shadow:0 4px 20px #8b5cf666;position:absolute;top:-12px;right:16px}.badge-free{background:#00ff8826;border:1px solid rgba(0,255,136,.4);color:#0f8}.badge-pro{background:#ffbd5926;border:1px solid rgba(255,189,89,.4);color:#ffbd59}.badge-premium{background:#8b5cf626;border:1px solid rgba(139,92,246,.4);color:#8b5cf6}.badge-vip{background:#ffbd5933;border:1px solid rgba(255,189,89,.6);color:#ffbd59}.badge-current{background:#0f83;border:1px solid rgba(0,255,136,.5);color:#0f8}.badge-gold{background:#ffbd591f;border:1px solid rgba(255,189,89,.35);color:#ffbd59;box-shadow:0 0 20px #ffbd5933}.badge-cyan{background:#00d9ff1a;border:1px solid rgba(0,217,255,.3);color:#00d9ff}.badge-purple{background:#8b5cf61a;border:1px solid rgba(139,92,246,.3);color:#8b5cf6}.input{width:100%;padding:14px 20px;font-family:Inter,sans-serif;font-size:16px;color:#fff;background:#1e2a5e4d;border:1px solid rgba(255,255,255,.12);border-radius:14px;transition:all .3s ease}.input:focus{outline:none;border-color:#00d9ff;box-shadow:0 0 20px #00d9ff4d;background:#1e2a5e80}.card{background:#1e2a5e66;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:32px;box-shadow:0 8px 32px #00000059;transition:all .3s ease}.card:hover{transform:translateY(-4px);border-color:#ffffff40;box-shadow:0 12px 48px #00000073,0 0 80px #00d9ff33}.page-container{min-height:100vh;background:transparent;position:relative;overflow:visible}.page-container:before{content:"";position:fixed;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 50% 50%,rgba(255,189,89,.08) 0%,transparent 50%);animation:rotate 30s linear infinite;pointer-events:none;z-index:0}.page-content{position:relative;z-index:1;padding:80px 20px 20px;max-width:1400px;margin:0 auto;width:100%}.page-content.wide{max-width:1400px}.page-content.narrow{max-width:900px}@media(max-width:768px){.page-content{padding:12px}}.divider-gold{height:2px;background:linear-gradient(90deg,transparent,rgba(255,189,89,.5),transparent);margin:24px 0;border:none}.divider-cyan{height:2px;background:linear-gradient(90deg,transparent,rgba(0,217,255,.5),transparent);margin:24px 0;border:none}.divider-purple{height:2px;background:linear-gradient(90deg,transparent,rgba(139,92,246,.5),transparent);margin:24px 0;border:none}.divider-green{height:2px;background:linear-gradient(90deg,transparent,rgba(0,255,136,.5),transparent);margin:12px 0;border:none}.combo-badge{padding:5px 7px;border-radius:5px;margin-bottom:6px;transition:all .3s ease;font-size:9px}.combo-badge-gold{background:#ffbd591a;border:1px solid rgba(255,189,89,.3)}.combo-badge-purple{background:#8b5cf61a;border:1px solid rgba(139,92,246,.3)}.combo-badge-green{background:#00ff881a;border:1px solid rgba(0,255,136,.3)}@media(max-width:768px){.card-glass,.card-stat,.card-pricing,.card-faq{padding:16px}.btn-primary,.btn-success,.btn-warning,.btn-premium,.btn-vip{padding:10px 20px;font-size:13px}.page-content{padding:12px}}.heading-gold{font-family:Poppins,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:48px;font-weight:900;line-height:1.1;letter-spacing:-1px;background:linear-gradient(135deg,#fff,#ffbd59);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 80px rgba(255,189,89,.5);margin-bottom:16px}.heading-gold-sm{font-size:32px;font-weight:900}.heading-gold-lg{font-size:56px;font-weight:900}.heading-vip{font-family:Poppins,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:40px;font-weight:900;background:linear-gradient(135deg,#ffbd59,#ff8c00);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-transform:uppercase;letter-spacing:2px;text-shadow:0 0 30px rgba(255,189,89,.5)}.text-green{color:#0f8}.text-gold{color:#ffbd59}.text-purple{color:#8b5cf6}.text-cyan{color:#00d9ff}.text-red{color:#ff4757}.text-white{color:#fff}.text-muted{color:#fff9}.fw-600{font-weight:600}.fw-700{font-weight:700}.fw-800{font-weight:800}.fw-900{font-weight:900}.mt-8{margin-top:8px}.mt-16{margin-top:16px}.mt-24{margin-top:24px}.mb-8{margin-bottom:8px}.mb-16{margin-bottom:16px}.mb-24,.form-group{margin-bottom:24px}.form-group label{display:block;font-size:14px;font-weight:600;color:#ffffffe6;margin-bottom:8px;letter-spacing:.5px}.auth-input{width:100%;padding:14px 18px;font-size:15px;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#fff;background:#1e2a5e99;border:2px solid rgba(255,255,255,.15);border-radius:12px;outline:none;transition:all .3s ease;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.auth-input::placeholder{color:#fff6}.auth-input:focus{border-color:#ffbd5999;background:#1e2a5ecc;box-shadow:0 0 0 3px #ffbd5926,0 0 20px #ffbd594d;transform:translateY(-1px)}.auth-input:disabled{opacity:.5;cursor:not-allowed}.pricing-header{text-align:center;margin-bottom:60px;padding:40px 20px}.section-header{text-align:center;margin-bottom:48px}.section-header h2{font-family:Poppins,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:32px;font-weight:700;color:#fff;margin-bottom:10px}.section-header p{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;color:#ffffffb3;margin-bottom:0}.current-tier-badge{display:inline-block;margin-top:8px;padding:4px 10px;background:#00ff8826;border:1px solid rgba(0,255,136,.3);border-radius:8px;font-size:11px;font-weight:500;color:#ffffffe6}.pricing-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;max-width:100%;margin:0 auto;padding:0}@media(max-width:1200px){.pricing-grid{grid-template-columns:repeat(2,1fr)}}.chatbot-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;max-width:1200px;margin:0 auto;padding:0 20px}.pricing-faq{max-width:1200px;margin:60px auto;padding:0 20px;text-align:center}.faq-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;margin-top:32px}.pricing-cta-bottom{text-align:center;max-width:800px;margin:80px auto 40px;padding:60px 40px;background:#11225099;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:2px solid rgba(255,189,89,.3);border-radius:24px;box-shadow:0 12px 40px #0006}.pricing-cta-bottom h3{font-family:Poppins,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:700;color:#fff}.pricing-cta-bottom p{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#ffffffb3}@media(max-width:768px){.pricing-grid{grid-template-columns:1fr!important;gap:20px}.chatbot-grid{grid-template-columns:1fr;gap:20px}.faq-grid{grid-template-columns:1fr;gap:16px}.pricing-header{margin-bottom:40px;padding:20px}.section-header h2{font-size:28px}.pricing-cta-bottom{padding:40px 24px;margin:60px 20px 40px}.card-pricing{padding:16px!important}}.setting-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;margin-top:20px}.option-card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:24px 16px;background:#11225080;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.15);border-radius:16px;cursor:pointer;transition:all .3s ease}.option-card:hover{border-color:#ffbd5966;background:#112250b3;transform:translateY(-2px);box-shadow:0 8px 24px #0000004d}.option-card.active{border-color:#ffbd59cc;background:#ffbd5926;box-shadow:0 0 30px #ffbd594d}.option-card input[type=radio]{position:absolute;opacity:0;pointer-events:none}.option-icon{font-size:32px;line-height:1}.option-label{font-size:15px;font-weight:600;color:#ffffffe6}.toggle-switch{position:relative;display:inline-block;width:56px;height:28px;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background:#fff3;border:2px solid rgba(255,255,255,.3);border-radius:28px;transition:all .3s ease}.toggle-slider:before{content:"";position:absolute;height:20px;width:20px;left:3px;bottom:2px;background:#fff;border-radius:50%;transition:all .3s ease;box-shadow:0 2px 4px #0000004d}.toggle-switch input:checked+.toggle-slider{background:#00ff884d;border-color:#0f8}.toggle-switch input:checked+.toggle-slider:before{transform:translate(26px);background:#0f8}.toggle-switch input:disabled+.toggle-slider{opacity:.5;cursor:not-allowed}.notification-settings{display:flex;flex-direction:column;gap:16px;margin-top:20px}.notification-item{display:flex;align-items:center;justify-content:space-between;padding:20px;background:#11225066;border:1px solid rgba(255,255,255,.1);border-radius:12px;transition:all .3s ease}.notification-item:hover{background:#11225099;border-color:#fff3}.notification-info{display:flex;align-items:center;gap:16px;flex:1}.notification-icon{font-size:24px;line-height:1;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#ffbd5926;border-radius:10px}.notification-text{display:flex;flex-direction:column;gap:4px}.notification-title{font-size:16px;font-weight:600;color:#fffffff2}.notification-desc{font-size:14px;color:#fff9}.telegram-setup{margin-top:16px;padding:20px;background:#00d9ff14;border:1px solid rgba(0,217,255,.2);border-radius:12px}.telegram-input{width:100%;padding:12px 16px;font-size:15px;font-family:Poppins,sans-serif;color:#fff;background:#11225099;border:2px solid rgba(0,217,255,.3);border-radius:10px;outline:none;transition:all .3s ease;margin-top:8px}.telegram-input:focus{border-color:#00d9ff99;box-shadow:0 0 0 3px #00d9ff26}.input-label{display:block;font-size:14px;font-weight:600;color:#ffffffe6;margin-bottom:8px}.input-hint{font-size:13px;color:#ffffff80;margin-top:8px;font-style:italic}.profile-item{display:flex;align-items:center;justify-content:space-between;padding:16px 0;border-bottom:1px solid rgba(255,255,255,.1)}.profile-item:last-child{border-bottom:none}.profile-label{font-size:15px;font-weight:600;color:#ffffffb3}.profile-value{font-size:15px;font-weight:500;color:#fffffff2}.profile-tier{display:inline-block;padding:6px 12px;background:linear-gradient(135deg,#ffbd59,#ff8c00);border-radius:8px;font-size:13px;font-weight:700;color:#0a0e27;letter-spacing:.5px}.profile-role{display:inline-block;padding:6px 12px;background:#00d9ff33;border:1px solid rgba(0,217,255,.4);border-radius:8px;font-size:13px;font-weight:600;color:#00d9ff;letter-spacing:.5px}.profile-role.admin{background:#ffbd5933;border-color:#ffbd5966;color:#ffbd59}.settings-actions{display:flex;gap:16px;margin-top:32px;padding-top:24px;border-top:1px solid rgba(255,255,255,.1)}.toast-notification{position:fixed;bottom:32px;right:32px;display:flex;align-items:center;gap:12px;padding:16px 24px;background:#00ff8826;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:2px solid #00FF88;border-radius:12px;box-shadow:0 8px 32px #0006;color:#0f8;font-weight:600;font-size:15px;z-index:10000;animation:slideIn .3s ease}.toast-notification.error{background:#ef444426;border-color:#ef4444;color:#ef4444}.toast-icon{font-size:20px;line-height:1}@keyframes slideIn{0%{transform:translate(400px);opacity:0}to{transform:translate(0);opacity:1}}.settings-header{text-align:center;margin-bottom:40px}.settings-content{max-width:900px;margin:0 auto}@media(max-width:768px){.setting-options{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px}.option-card{padding:20px 12px}.option-icon{font-size:28px}.notification-item{flex-direction:column;align-items:flex-start;gap:16px}.settings-actions{flex-direction:column}.toast-notification{bottom:16px;right:16px;left:16px}}:root{--current-bg: var(--bg-gradient);--current-text: var(--text-primary)}.theme-dark{color-scheme:dark}.theme-light{color-scheme:light}.top-nav-bar{position:sticky;top:0;left:0;right:0;background:linear-gradient(135deg,#1a2847,#0f1b35);border-bottom:2px solid rgba(255,189,89,.2);box-shadow:0 4px 20px #0000004d;z-index:1000;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;transition:transform .3s ease-in-out;transform:translateY(0);overflow:visible}.top-nav-bar.nav-hidden{transform:translateY(-100%);box-shadow:none}.nav-container{max-width:1920px;margin:0 auto;padding:16px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;overflow:visible}.nav-logo{display:flex;align-items:center;gap:12px;cursor:pointer;transition:all .3s ease;flex-shrink:0}.nav-logo:hover{transform:scale(1.05)}.logo-icon{font-size:36px;filter:drop-shadow(0 0 8px rgba(255,189,89,.5));animation:gemPulse 2s ease-in-out infinite}@keyframes gemPulse{0%,to{filter:drop-shadow(0 0 8px rgba(255,189,89,.5))}50%{filter:drop-shadow(0 0 16px rgba(255,189,89,.8))}}.logo-text{display:flex;flex-direction:column}.logo-title{color:#ffbd59;font-size:18px;font-weight:800;letter-spacing:1px;line-height:1}.logo-subtitle{color:#debc81;font-size:12px;font-weight:600;letter-spacing:2px}.nav-main{display:flex;align-items:center;gap:6px;flex:1;justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;overflow-y:visible;scrollbar-width:none;-ms-overflow-style:none;padding:4px 0}.nav-main::-webkit-scrollbar{display:none}.nav-item{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 16px;min-width:auto;max-width:none;height:42px;background:#11225066;border:1px solid rgba(255,189,89,.2);border-radius:10px;color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;position:relative;text-decoration:none;white-space:nowrap;flex-shrink:0;box-sizing:border-box;outline:none}.nav-item:focus,.nav-item:active,.nav-item:focus-within{outline:none!important;box-shadow:none!important;border:1px solid rgba(255,189,89,.2)!important}.nav-item.dropdown-trigger:focus,.nav-item.dropdown-trigger:active{outline:none!important;box-shadow:none!important}.nav-item:focus-visible{outline:2px solid rgba(255,189,89,.5)!important;outline-offset:2px}.nav-item:hover{background:#ffbd591a;border-color:#ffbd59;transform:translateY(-2px)}.nav-item.active{background:linear-gradient(135deg,#ffbd594d,#ffbd5926);border-color:#ffbd59;box-shadow:0 0 16px #ffbd594d,inset 0 0 12px #ffbd591a}.nav-icon{font-size:18px}.nav-label{white-space:nowrap}.nav-badge{background:linear-gradient(135deg,#f44336,#e91e63);color:#fff;font-size:10px;font-weight:700;padding:2px 6px;border-radius:4px;text-transform:uppercase;letter-spacing:.5px;animation:badgePulse 2s ease-in-out infinite}@keyframes badgePulse{0%,to{box-shadow:0 0 4px #f443364d}50%{box-shadow:0 0 12px #f4433699}}.nav-dropdown,.dropdown-trigger{position:relative}.dropdown-trigger .rotated{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:100%;left:0;margin-top:4px;min-width:220px;background:linear-gradient(135deg,#1a2847,#0f1b35);border:2px solid rgba(255,189,89,.3);border-radius:12px;padding:8px;box-shadow:0 8px 32px #00000080;z-index:1001;animation:dropdownSlideDown .2s ease forwards}@keyframes dropdownSlideDown{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.tools-menu{min-width:700px;max-width:740px;display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:16px}.dropdown-section{display:flex;flex-direction:column;gap:4px;padding:8px;background:#1122504d;border-radius:8px;border:1px solid rgba(255,189,89,.15);overflow:hidden;position:relative}.section-header{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:8px 6px;margin-bottom:6px;border-bottom:1px solid rgba(255,189,89,.2);position:relative}.section-title{font-size:10px;font-weight:700;letter-spacing:.5px;color:#fff9;text-transform:uppercase;width:100%;position:relative}.dropdown-menu .tier-badge,.tools-menu .tier-badge,.section-header .tier-badge{font-size:8px!important;font-weight:700!important;padding:3px 8px!important;border-radius:4px!important;letter-spacing:.3px!important;white-space:nowrap!important;position:relative!important;display:inline-block!important;margin:0!important;inset:auto!important;transform:none!important}.tier-badge.tier-1{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 0 8px #3b82f64d}.tier-badge.tier-2{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;box-shadow:0 0 8px #8b5cf64d}.tier-badge.tier-3{background:linear-gradient(135deg,#ffbd59,#f59e0b);color:#1a2847;font-weight:800;box-shadow:0 0 12px #ffbd5966}.tier-badge.tier-free{background:#ffffff1a;color:#fff9;border:1px solid rgba(255,255,255,.2)}.dropdown-item{display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;background:transparent;border:none;border-radius:8px;color:#ffffffe6;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;text-align:left;text-decoration:none;position:relative}.dropdown-item:hover{background:#ffbd591a;color:#ffbd59}.dropdown-item svg{color:#ffbd59b3;flex-shrink:0}.dropdown-item.locked{opacity:.5;cursor:not-allowed;pointer-events:none}.dropdown-item.locked span{color:#fff6}.lock-icon{margin-left:auto;color:#ffbd5980}.dropdown-item.danger{color:#ef4444e6}.dropdown-item.danger:hover{background:#ef44441a;color:#ef4444}.dropdown-item.danger svg{color:#ef4444b3}.dropdown-divider{height:1px;background:#ffbd5933;margin:8px 0}.badge{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;font-size:11px;font-weight:700;padding:2px 6px;border-radius:10px;margin-left:auto;min-width:20px;text-align:center}.nav-right{display:flex;align-items:center;gap:8px;flex-shrink:0;overflow:visible;padding:4px 0}.nav-item-desktop{display:flex}.nav-label-desktop{display:inline}.account-dropdown{position:relative}.user-menu{gap:10px}.user-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,189,89,.3)}.user-name{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-menu{right:0;left:auto;min-width:240px}.account-info{padding:12px 16px;border-bottom:1px solid rgba(255,189,89,.2);margin-bottom:8px}.user-email{font-size:13px;color:#ffffffb3;margin:0 0 8px;word-break:break-word}.mobile-menu-toggle{display:none;background:none;border:none;cursor:pointer;padding:8px}.hamburger{display:flex;flex-direction:column;gap:4px;width:24px}.hamburger span{width:100%;height:3px;background:#ffbd59;border-radius:2px;transition:all .3s ease}.hamburger.open span:nth-child(1){transform:rotate(45deg) translate(6px,6px)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}@media(max-width:1024px){.tools-menu{grid-template-columns:1fr;min-width:280px;max-width:320px}.nav-item-desktop .nav-label-desktop{display:none}}@media(max-width:968px){.nav-label-desktop{display:none}.mobile-menu-toggle{display:block}.nav-main{position:fixed;top:70px;left:0;right:0;background:linear-gradient(135deg,#1a2847,#0f1b35);border-bottom:2px solid rgba(255,189,89,.2);flex-direction:column;padding:16px;gap:12px;transform:translateY(-120%);transition:transform .3s ease;box-shadow:0 8px 24px #00000080;max-height:calc(100vh - 70px);overflow-y:auto}.nav-main.open{transform:translateY(0)}.nav-item{width:100%;justify-content:flex-start}.nav-dropdown{width:100%}.dropdown-menu{position:static;margin-top:8px;width:100%;box-shadow:none;animation:none}.tools-menu{grid-template-columns:1fr;min-width:100%}.account-menu{right:auto}}@media(max-width:768px){.logo-text{display:none}.nav-container{padding:12px 16px;gap:16px}.nav-right{gap:4px}.nav-item{padding:10px 16px;font-size:13px}.user-name{display:none}.section-title{font-size:10px}.dropdown-item{padding:10px 12px;font-size:13px}}@media(max-width:480px){.logo-icon{font-size:28px}.nav-item{font-size:13px;padding:8px 12px}.nav-icon{font-size:16px}.nav-container{padding:10px 12px}.dropdown-section{padding:6px}.section-header{padding:6px 4px}}@media(max-width:767px){.top-nav-bar{position:fixed;height:56px;max-height:56px}.nav-container{height:56px;padding:8px 12px;gap:8px}.nav-logo{gap:8px}.logo-icon{font-size:28px}.logo-text{display:none}.nav-main{display:none;position:fixed;inset:56px 0 0;background:linear-gradient(135deg,#1a2847,#0f1b35);flex-direction:column;padding:16px;gap:8px;overflow-y:auto;z-index:999}.nav-main.open{display:flex}.mobile-menu-toggle{display:flex!important;align-items:center;justify-content:center;width:40px;height:40px;padding:0}.nav-main .nav-item{width:100%;min-width:auto;max-width:none;height:44px;padding:10px 16px;font-size:14px;justify-content:flex-start;border-radius:10px}.nav-dropdown{width:100%}.dropdown-menu{position:static;width:100%;margin-top:8px;animation:none;border:none;box-shadow:none;background:#11225099}.tools-menu{grid-template-columns:1fr;min-width:100%;max-width:100%;gap:8px;padding:8px}.dropdown-section{padding:8px}.dropdown-item{padding:10px 12px;font-size:13px;gap:10px;min-height:40px}.nav-right{gap:4px}.nav-right .nav-item{padding:6px 10px;min-width:auto;max-width:none;height:36px;font-size:12px}.user-name{display:none}.user-avatar{width:28px;height:28px}.account-menu{right:0;left:auto;min-width:200px}.tier-badge{font-size:7px!important;padding:2px 6px!important}.nav-badge{font-size:9px;padding:1px 4px}.badge{font-size:10px;padding:1px 4px;min-width:16px}}.compact-sidebar{position:fixed;left:0;top:0;height:100vh;background:linear-gradient(180deg,#0f172af2,#1e1b4beb,#0f172af2);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-right:2px solid rgba(255,189,89,.15);box-shadow:4px 0 24px #0006,inset -1px 0 #ffbd591a;display:flex;flex-direction:column;z-index:999;overflow:hidden;will-change:width}.compact-sidebar-header{padding:20px 0;display:flex;align-items:center;justify-content:center;position:relative;border-bottom:1px solid rgba(255,189,89,.15);margin-bottom:12px}.sidebar-logo{display:flex;align-items:center;gap:12px;padding:0 16px;width:100%}.logo-icon-wrapper{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:linear-gradient(135deg,#ffbd5933,#ff8c001a);border-radius:10px;border:2px solid rgba(255,189,89,.3)}.logo-gem{width:24px;height:24px;stroke-width:2.5;color:#ffbd59;filter:drop-shadow(0 0 8px rgba(255,189,89,.6));animation:gemPulse 3s ease-in-out infinite}@keyframes gemPulse{0%,to{filter:drop-shadow(0 0 8px rgba(255,189,89,.6));transform:scale(1)}50%{filter:drop-shadow(0 0 16px rgba(255,189,89,.9));transform:scale(1.05)}}.logo-text{display:flex;flex-direction:column;gap:2px;overflow:hidden}.logo-title{font-size:20px;font-weight:800;font-family:Montserrat,sans-serif;background:linear-gradient(135deg,#fff,#ffbd59);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:1px;line-height:1}.logo-subtitle{font-size:11px;font-weight:600;font-family:Montserrat,sans-serif;color:#ffbd59b3;letter-spacing:2px;text-transform:uppercase}.sidebar-lock-toggle{position:absolute;right:12px;width:28px;height:28px;border-radius:8px;background:#ffbd591a;border:1px solid rgba(255,189,89,.3);color:#ffbd59;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.sidebar-lock-toggle:hover{background:#ffbd5933;border-color:#ffbd59;box-shadow:0 0 12px #ffbd594d}.compact-sidebar-nav{flex:1;display:flex;flex-direction:column;gap:4px;padding:8px 6px;overflow-y:auto;overflow-x:hidden}.compact-sidebar-nav::-webkit-scrollbar{width:4px}.compact-sidebar-nav::-webkit-scrollbar-track{background:#ffffff08;border-radius:2px}.compact-sidebar-nav::-webkit-scrollbar-thumb{background:#ffbd594d;border-radius:2px}.compact-sidebar-nav::-webkit-scrollbar-thumb:hover{background:#ffbd5980}.compact-nav-item{display:flex;align-items:center;justify-content:center;gap:0;padding:12px;background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:12px;color:#ffffffb3;font-size:15px;font-weight:600;font-family:Montserrat,sans-serif;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;width:100%;text-align:left}.compact-nav-item.collapsed-mode{padding:10px;justify-content:center;flex-direction:column}.compact-nav-item.expanded-mode{padding:10px 8px;flex-direction:column;align-items:center;gap:4px;min-height:60px}.compact-nav-item.expanded-mode .nav-item-label{font-size:11px;font-weight:600;color:inherit;text-align:center;white-space:normal;overflow:visible;line-height:1.3;max-width:100%;word-wrap:break-word}.compact-nav-item.expanded-mode:hover .nav-item-label,.compact-nav-item.expanded-mode.active .nav-item-label{color:#ffbd59}.compact-nav-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,#ffbd59,#ff8c00);transform:scaleY(0);transition:transform .3s ease}.compact-nav-item:hover{background:#ffbd5914;border-color:#ffbd5940;color:#ffbd59;transform:translate(2px)}.compact-nav-item:hover:before{transform:scaleY(1)}.compact-nav-item.active{background:linear-gradient(135deg,#ffbd5926,#ffbd5914);border-color:#ffbd5966;color:#ffbd59;box-shadow:0 0 20px #ffbd5926,inset 0 0 12px #ffbd5914}.compact-nav-item.active:before{transform:scaleY(1);box-shadow:0 0 10px #ffbd5980}.nav-item-icon-wrapper{position:relative;flex-shrink:0;display:flex;align-items:center;justify-content:center;width:26px;height:26px}.nav-item-icon{width:24px;height:24px;stroke-width:2;color:inherit;transition:all .3s ease;display:block}.compact-nav-item:hover .nav-item-icon{filter:drop-shadow(0 0 6px rgba(255,189,89,.5));transform:scale(1.1)}.compact-nav-item.active .nav-item-icon{color:#ffbd59;filter:drop-shadow(0 0 8px rgba(255,189,89,.6))}.nav-item-indicator{position:absolute;right:-6px;top:50%;transform:translateY(-50%);width:6px;height:6px;background:#ffbd59;border-radius:50%;box-shadow:0 0 8px #ffbd59cc;animation:indicatorPulse 2s ease-in-out infinite}@keyframes indicatorPulse{0%,to{opacity:1;box-shadow:0 0 8px #ffbd59cc}50%{opacity:.6;box-shadow:0 0 4px #ffbd5966}}.nav-item-content{flex:0;display:flex;flex-direction:column;gap:2px;overflow:hidden;min-width:0;white-space:nowrap;margin-left:0}.nav-item-label{font-size:15px;font-weight:600;color:inherit;white-space:nowrap}.nav-item-description{font-size:11px;font-weight:500;color:#fff6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.compact-nav-item:hover .nav-item-description{color:#ffbd5999}.nav-item-arrow{flex-shrink:0;color:#ffffff4d;transition:all .3s ease;margin-left:0}.compact-nav-item:hover .nav-item-arrow{color:#ffbd59;transform:translate(2px)}.compact-sidebar-divider{height:1px;background:linear-gradient(90deg,transparent 0%,rgba(255,189,89,.3) 50%,transparent 100%);margin:12px 8px}.compact-sidebar-divider-footer{margin:8px 8px 12px}.compact-sidebar-user{padding:8px;border-top:1px solid rgba(255,189,89,.15);background:linear-gradient(180deg,#0003,#0000004d)}.user-profile-section{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:8px;background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:8px;margin-bottom:6px}.user-profile-section .user-name{font-size:10px;font-weight:600;color:#fffc;text-align:center;white-space:normal;word-wrap:break-word;line-height:1.3;max-width:100%}.user-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#3b82f64d,#9333ea4d);display:flex;align-items:center;justify-content:center;border:2px solid rgba(255,189,89,.4);flex-shrink:0;overflow:hidden;box-shadow:0 0 16px #ffbd5933}.user-avatar svg{width:16px;height:16px;stroke-width:2.5;color:#ffffffb3}.user-info{flex:0;display:flex;flex-direction:column;gap:2px;overflow:hidden;min-width:0;white-space:nowrap;margin-left:0}.user-name{font-size:14px;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-tier{font-size:11px;font-weight:600;color:#ffbd59b3;text-transform:uppercase;letter-spacing:.5px}.compact-nav-item.logout{background:#ef44440d;border-color:#ef444433;color:#ef4444e6}.compact-nav-item.logout:hover{background:#ef44441a;border-color:#ef444466;color:#ef4444}.compact-nav-item.logout .nav-item-icon{color:#ef4444cc}.compact-nav-item.logout:hover .nav-item-icon{color:#ef4444;filter:drop-shadow(0 0 6px rgba(239,68,68,.5))}.sidebar-tooltip{position:fixed;left:72px;background:linear-gradient(135deg,#0f172afa,#1e1b4bfa);border:1px solid rgba(255,189,89,.4);padding:10px 14px;border-radius:10px;box-shadow:0 4px 20px #00000080,0 0 20px #ffbd5926;pointer-events:none;white-space:nowrap;z-index:10000;display:flex;flex-direction:column;gap:2px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.sidebar-tooltip:before{content:"";position:absolute;left:-6px;top:50%;transform:translateY(-50%);border:6px solid transparent;border-right-color:#ffbd5966}.sidebar-tooltip .tooltip-label{font-size:14px;font-weight:700;color:#ffbd59;font-family:Montserrat,sans-serif}.sidebar-tooltip .tooltip-desc{font-size:11px;font-weight:500;color:#fff9;font-family:Montserrat,sans-serif}.page-wrapper{transition:margin-left .3s cubic-bezier(.4,0,.2,1)}.compact-sidebar+.page-wrapper,body:has(.compact-sidebar) .page-wrapper{margin-left:64px}@media(max-width:968px){.compact-sidebar{transform:translate(-100%);transition:transform .3s ease}.compact-sidebar.mobile-open{transform:translate(0)}.compact-sidebar+.page-wrapper,body:has(.compact-sidebar) .page-wrapper{margin-left:0}}@media(max-width:640px){.compact-sidebar{width:280px!important}.sidebar-lock-toggle{display:none}}:root{--navy: #112250;--navy-dark: #0a1632;--navy-darker: #060d1f;--burgundy: #9C0612;--burgundy-dark: #6B0F1A;--gold: #FFBD59;--gold-dark: #C88F2F;--cyan: #00F0FF;--purple: #6A5BFF;--pink: #FF6B9D;--green: #10B981;--orange: #F59E0B;--red: #EF4444;--white: #ffffff;--white-90: rgba(255, 255, 255, .9);--white-80: rgba(255, 255, 255, .8);--white-60: rgba(255, 255, 255, .6);--white-40: rgba(255, 255, 255, .4);--white-20: rgba(255, 255, 255, .2);--white-10: rgba(255, 255, 255, .1);--black-50: rgba(0, 0, 0, .5);--black-70: rgba(0, 0, 0, .7);--font-heading: "Montserrat", sans-serif;--font-body: "Noto Sans Display", sans-serif}*{margin:0;padding:0;box-sizing:border-box}.landing-page{font-family:var(--font-body);background:var(--navy-dark);color:var(--white);line-height:1.6;overflow-x:hidden}.container{max-width:1200px;margin:0 auto;padding:0 20px}.text-gold{color:var(--gold)}.text-cyan{color:var(--cyan)}.text-purple{color:var(--purple)}.text-pink{color:var(--pink)}.text-green{color:var(--green)}.text-red{color:var(--red)}@keyframes pulse-glow{0%,to{box-shadow:0 0 #ffbd5966}50%{box-shadow:0 0 20px 5px #ffbd5933}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes float{0%,to{transform:translateY(0) scale(1);opacity:.3}50%{transform:translateY(-30px) scale(1.5);opacity:.6}}@keyframes pulse{0%,to{box-shadow:0 0 #ef444466}50%{box-shadow:0 0 20px 5px #ef444433}}@keyframes slideNotification{0%{opacity:0;transform:translate(100%)}10%{opacity:1;transform:translate(0)}90%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}.section{padding:100px 0;position:relative;overflow:hidden}.section-hero{min-height:100vh;background:linear-gradient(180deg,var(--navy) 0%,var(--navy-dark) 50%,#1a0a20 100%);position:relative;display:flex;flex-direction:column}.section-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 1000px 600px at 30% 30%,rgba(255,189,89,.08) 0%,transparent 50%),radial-gradient(ellipse 800px 500px at 70% 60%,rgba(156,6,18,.1) 0%,transparent 50%),radial-gradient(ellipse 600px 400px at 50% 80%,rgba(106,91,255,.06) 0%,transparent 50%);pointer-events:none}.countdown-bar{background:linear-gradient(135deg,var(--burgundy),var(--burgundy-dark));padding:12px 20px;position:sticky;top:0;z-index:1000}.countdown-bar-inner{display:flex;align-items:center;justify-content:center;gap:20px;flex-wrap:wrap}.countdown-bar .icon{font-size:24px}.countdown-bar .text{font-family:var(--font-heading);font-size:14px;font-weight:600;color:var(--white)}.countdown-timer{display:flex;gap:8px}.countdown-item{display:flex;flex-direction:column;align-items:center;min-width:50px;padding:8px 12px;background:#0000004d;border-radius:8px}.countdown-item .number{font-family:var(--font-heading);font-size:20px;font-weight:800;color:var(--gold);line-height:1}.countdown-item .label{font-size:10px;color:var(--white-60);text-transform:uppercase;margin-top:2px}.tet-bar{background:linear-gradient(90deg,#ffbd591a,#ffbd5933,#ffbd591a);border-bottom:1px solid rgba(255,189,89,.2);padding:10px 20px;text-align:center}.tet-bar-content{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}.tet-bar .icon{font-size:18px}.tet-bar .text{font-size:13px;color:var(--gold)}.tet-bar .text strong{font-weight:700}.hero-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:60px 20px;position:relative;z-index:1}.hero-badge{display:inline-flex;align-items:center;gap:10px;padding:12px 28px;background:linear-gradient(135deg,#ffbd5926,#ffbd590d);border:1px solid rgba(255,189,89,.3);border-radius:30px;font-family:var(--font-heading);font-size:13px;font-weight:600;color:var(--gold);text-transform:uppercase;letter-spacing:1px;margin-bottom:30px;animation:pulse-glow 3s infinite}.hero-title{font-family:var(--font-heading);font-size:52px;font-weight:800;line-height:1.15;margin-bottom:25px;max-width:900px}.hero-title .gold-text{background:linear-gradient(135deg,var(--gold),var(--gold-dark));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:18px;color:var(--white-80);max-width:700px;line-height:1.8;margin-bottom:40px}.stats-row{display:flex;justify-content:center;gap:50px;margin-bottom:45px}.stat-number{font-family:var(--font-heading);font-size:36px;font-weight:800;color:var(--gold);line-height:1}.stat-label{font-size:13px;color:var(--white-60);margin-top:5px}.cta-buttons{display:flex;gap:20px;flex-wrap:wrap;justify-content:center}.btn-primary{display:inline-flex;align-items:center;gap:12px;padding:18px 40px;background:linear-gradient(135deg,var(--gold),var(--gold-dark));border:none;border-radius:14px;font-family:var(--font-heading);font-size:16px;font-weight:700;color:var(--navy-dark);text-decoration:none;cursor:pointer;transition:all .3s ease}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 15px 35px #ffbd5966}.btn-secondary{display:inline-flex;align-items:center;gap:12px;padding:18px 40px;background:transparent;border:2px solid var(--white-20);border-radius:14px;font-family:var(--font-heading);font-size:16px;font-weight:600;color:var(--white);text-decoration:none;cursor:pointer;transition:all .3s ease}.btn-secondary:hover{border-color:var(--white-60);background:#ffffff0d}.fomo-widget{position:fixed;bottom:100px;left:20px;z-index:900;display:flex;align-items:center;gap:10px;padding:12px 18px;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,189,89,.3);border-radius:12px;font-size:13px;color:var(--white)}.fomo-widget .pulse-dot{width:8px;height:8px;background:var(--green);border-radius:50%;animation:pulse-glow 1.5s infinite}.live-toast{position:fixed;top:120px;right:20px;z-index:900;display:flex;align-items:center;gap:12px;padding:16px 20px;background:#000000e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(16,185,129,.3);border-radius:12px;animation:slideNotification 5s ease-in-out;max-width:300px}.live-toast .avatar{width:40px;height:40px;background:linear-gradient(135deg,var(--purple),var(--pink));border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px}.live-toast .content{flex:1}.live-toast .name{font-weight:600;font-size:13px;color:var(--white)}.live-toast .action{font-size:12px;color:var(--green);margin-top:2px}.live-toast .time{font-size:11px;color:var(--white-40)}.section-pain-points{padding:100px 0;background:linear-gradient(180deg,#1a0a20 0%,#2d0a1a 50%,var(--burgundy-dark) 100%);position:relative}.section-header{text-align:center;margin-bottom:60px}.section-badge{display:inline-flex;align-items:center;gap:10px;padding:10px 24px;background:#6a5bff26;border:1px solid rgba(106,91,255,.3);border-radius:25px;font-family:var(--font-heading);font-size:12px;font-weight:600;color:var(--purple);text-transform:uppercase;letter-spacing:1px;margin-bottom:20px}.section-title{font-family:var(--font-heading);font-size:40px;font-weight:800;line-height:1.2;margin-bottom:20px}.section-subtitle{font-size:18px;color:var(--white-60);max-width:700px;margin:0 auto}.pain-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:25px}.pain-card{background:#0006;border:1px solid var(--white-10);border-radius:20px;padding:30px;transition:all .3s ease}.pain-card:hover{transform:translateY(-5px);border-color:#9c061280;box-shadow:0 20px 40px #0000004d}.pain-card .icon{font-size:32px;margin-bottom:15px}.pain-card h3{font-family:var(--font-heading);font-size:18px;font-weight:700;color:var(--white);margin-bottom:10px}.pain-card p{font-size:14px;color:var(--white-60);line-height:1.7}.section-gem-master{padding:100px 0;background:linear-gradient(180deg,var(--burgundy-dark) 0%,#2d0a1a 30%,var(--navy-dark) 100%)}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;margin-bottom:60px}.feature-card{background:#00000080;border:1px solid var(--white-10);border-radius:20px;padding:30px 25px;text-align:center;transition:all .3s ease}.feature-card:hover{transform:translateY(-8px);border-color:var(--gold);box-shadow:0 20px 40px #ffbd5926}.feature-card .icon{width:70px;height:70px;margin:0 auto 20px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ffbd5933,#ffbd590d);border:2px solid rgba(255,189,89,.3);border-radius:20px;font-size:32px}.feature-card h3{font-family:var(--font-heading);font-size:18px;font-weight:700;color:var(--gold);margin-bottom:12px}.feature-card p{font-size:14px;color:var(--white-60);line-height:1.6}.feature-card .tag{display:inline-block;padding:6px 14px;background:#10b98126;border:1px solid rgba(16,185,129,.3);border-radius:20px;font-size:11px;font-weight:600;color:var(--green);text-transform:uppercase;margin-top:15px}.free-banner{background:linear-gradient(135deg,#6a5bff33,#ff6b9d33);border:2px solid rgba(106,91,255,.4);border-radius:24px;padding:50px;text-align:center}.free-banner h3{font-family:var(--font-heading);font-size:28px;font-weight:800;margin-bottom:15px}.free-banner p{font-size:16px;color:var(--white-80);margin-bottom:30px}.section-scanner{padding:100px 0;background:linear-gradient(180deg,var(--navy-dark) 0%,#0d1a3a 100%)}.scanner-preview{position:relative;margin-bottom:50px}.scanner-preview .confidence-badge{position:absolute;top:20px;right:20px;display:flex;align-items:center;gap:8px;padding:10px 20px;background:#10b98133;border:1px solid rgba(16,185,129,.4);border-radius:20px;font-family:var(--font-heading);font-size:14px;font-weight:700;color:var(--green)}.scanner-features{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-bottom:50px}.scanner-feature{background:#0006;border:1px solid var(--white-10);border-radius:16px;padding:25px;display:flex;gap:15px;align-items:flex-start;transition:all .3s ease}.scanner-feature:hover{border-color:var(--cyan);background:#00f0ff0d}.scanner-feature .icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#00f0ff1a;border-radius:12px;font-size:24px;flex-shrink:0}.scanner-feature h4{font-family:var(--font-heading);font-size:15px;font-weight:700;color:var(--white);margin-bottom:8px}.scanner-feature p{font-size:13px;color:var(--white-60);line-height:1.6}.section-frequency{padding:100px 0;background:linear-gradient(180deg,#0d1a3a 0%,var(--navy-dark) 50%,#1a0a20 100%)}.pattern-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-bottom:50px}.pattern-card{background:#00000080;border:1px solid var(--white-10);border-radius:20px;padding:30px;transition:all .3s ease}.pattern-card:hover{transform:translateY(-5px);border-color:var(--gold)}.pattern-card .header{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.pattern-card .name{font-family:var(--font-heading);font-size:20px;font-weight:800;color:var(--gold)}.pattern-card .winrate{padding:6px 12px;background:#10b98133;border-radius:20px;font-size:13px;font-weight:700;color:var(--green)}.pattern-card .description{font-size:14px;color:var(--white-60);margin-bottom:20px;line-height:1.6}.pattern-card .stats{display:flex;gap:15px}.pattern-card .stat{flex:1;padding:12px;background:#ffffff0d;border-radius:10px;text-align:center}.pattern-card .stat-value{font-family:var(--font-heading);font-size:18px;font-weight:700;color:var(--cyan)}.pattern-card .stat-label{font-size:11px;color:var(--white-40);text-transform:uppercase;margin-top:4px}.paper-trade-box{background:linear-gradient(135deg,#ffbd591a,#ffbd590d);border:2px solid rgba(255,189,89,.3);border-radius:20px;padding:40px;text-align:center;margin-bottom:50px}.paper-trade-box h3{font-family:var(--font-heading);font-size:24px;font-weight:700;color:var(--gold);margin-bottom:15px}.paper-trade-box p{font-size:16px;color:var(--white-80);max-width:600px;margin:0 auto}.method-steps{display:flex;gap:30px;justify-content:center;flex-wrap:wrap}.method-step{flex:1;min-width:200px;max-width:220px;text-align:center}.method-step .number{width:50px;height:50px;margin:0 auto 15px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--gold),var(--gold-dark));border-radius:50%;font-family:var(--font-heading);font-size:20px;font-weight:800;color:var(--navy-dark)}.method-step h4{font-family:var(--font-heading);font-size:15px;font-weight:700;color:var(--white);margin-bottom:8px}.method-step p{font-size:13px;color:var(--white-60)}.section-tiers{padding:100px 0;background:linear-gradient(180deg,#1a0a20 0%,var(--navy-dark) 100%)}.tier-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:60px}.tier-card{background:#00000080;border:1px solid var(--white-10);border-radius:20px;padding:30px 25px;text-align:center;transition:all .3s ease;position:relative}.tier-card.featured{border-color:var(--gold);transform:scale(1.05)}.tier-card.featured:before{content:"Best Value";position:absolute;top:-12px;left:50%;transform:translate(-50%);padding:6px 16px;background:linear-gradient(135deg,var(--gold),var(--gold-dark));border-radius:20px;font-size:11px;font-weight:700;color:var(--navy-dark);text-transform:uppercase}.tier-card .icon{font-size:40px;margin-bottom:15px}.tier-card h3{font-family:var(--font-heading);font-size:22px;font-weight:700;margin-bottom:10px}.tier-card .price{font-family:var(--font-heading);font-size:32px;font-weight:800;color:var(--gold);margin-bottom:5px}.tier-card .price-note{font-size:13px;color:var(--white-40);margin-bottom:20px}.tier-card .features{list-style:none;text-align:left;margin-bottom:25px}.tier-card .features li{display:flex;align-items:center;gap:10px;padding:10px 0;font-size:13px;color:var(--white-80);border-bottom:1px solid var(--white-10)}.tier-card .features li:last-child{border-bottom:none}.tier-card .features li .check{color:var(--green)}.tier-card .features li .cross{color:var(--white-40)}.section-courses{padding:100px 0;background:linear-gradient(180deg,var(--navy-dark) 0%,#1a0a20 100%)}.courses-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-bottom:60px}.course-card{background:#00000080;border:1px solid var(--white-10);border-radius:24px;padding:35px;transition:all .3s ease}.course-card:hover{border-color:var(--purple);transform:translateY(-5px)}.course-card .icon{font-size:48px;margin-bottom:20px}.course-card h3{font-family:var(--font-heading);font-size:22px;font-weight:700;color:var(--white);margin-bottom:15px}.course-card .description{font-size:14px;color:var(--white-60);line-height:1.7;margin-bottom:20px}.course-card .features{list-style:none}.course-card .features li{display:flex;align-items:center;gap:12px;padding:8px 0;font-size:14px;color:var(--white-80)}.course-card .features li:before{content:"✓";color:var(--gold);font-weight:700}.course-timeline{position:relative;padding-left:40px}.course-timeline:before{content:"";position:absolute;left:15px;top:0;bottom:0;width:3px;background:linear-gradient(180deg,var(--gold),var(--purple))}.timeline-item{position:relative;padding:30px 0}.timeline-item:before{content:"";position:absolute;left:-32px;top:35px;width:20px;height:20px;background:var(--gold);border-radius:50%;border:4px solid var(--navy-dark)}.section-personas{padding:100px 0;background:linear-gradient(180deg,#1a0a20 0%,var(--burgundy-dark) 100%)}.persona-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.persona-card{background:#00000080;border:1px solid var(--white-10);border-radius:20px;padding:30px;transition:all .3s ease}.persona-card:hover{border-color:var(--pink);transform:translateY(-5px)}.persona-card.full-width{grid-column:span 3;text-align:center}.persona-card .icon{font-size:48px;margin-bottom:20px}.persona-card h3{font-family:var(--font-heading);font-size:20px;font-weight:700;color:var(--white);margin-bottom:15px}.persona-card p{font-size:14px;color:var(--white-60);line-height:1.7}.persona-card .highlight{display:inline-block;margin-top:15px;padding:8px 16px;background:#ff6b9d26;border:1px solid rgba(255,107,157,.3);border-radius:20px;font-size:13px;font-weight:600;color:var(--pink)}.section-testimonials{padding:100px 0;background:linear-gradient(180deg,var(--burgundy-dark) 0%,var(--navy-dark) 100%)}.testimonial-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:30px;margin-bottom:50px}.testimonial-card{background:#00000080;border:1px solid var(--white-10);border-radius:24px;padding:35px}.testimonial-card .header{display:flex;align-items:center;gap:15px;margin-bottom:20px}.testimonial-card .avatar{width:60px;height:60px;background:linear-gradient(135deg,var(--purple),var(--pink));border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px}.testimonial-card .info h4{font-family:var(--font-heading);font-size:16px;font-weight:700;color:var(--white)}.testimonial-card .info .role{font-size:13px;color:var(--gold)}.testimonial-card .stars{display:flex;gap:4px;margin-bottom:15px;color:var(--gold)}.testimonial-card .quote{font-size:15px;color:var(--white-80);line-height:1.8;font-style:italic}.testimonial-card .result{display:inline-block;margin-top:20px;padding:10px 20px;background:#10b98126;border:1px solid rgba(16,185,129,.3);border-radius:20px;font-size:14px;font-weight:600;color:var(--green)}.video-cta{background:linear-gradient(135deg,#6a5bff33,#ff6b9d33);border:2px solid rgba(106,91,255,.4);border-radius:24px;padding:50px;text-align:center}.video-cta h3{font-family:var(--font-heading);font-size:28px;font-weight:700;margin-bottom:20px}.video-cta p{font-size:16px;color:var(--white-80);margin-bottom:30px}.section-partnership{padding:100px 0;background:linear-gradient(180deg,var(--navy-dark) 0%,#1a0a20 100%)}.partner-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-bottom:50px}.partner-card{background:#00000080;border:1px solid var(--white-10);border-radius:20px;padding:35px;text-align:center;transition:all .3s ease}.partner-card:hover{border-color:var(--gold);transform:translateY(-5px)}.partner-card .icon{font-size:48px;margin-bottom:20px}.partner-card h3{font-family:var(--font-heading);font-size:22px;font-weight:700;color:var(--gold);margin-bottom:15px}.partner-card .description{font-size:14px;color:var(--white-60);line-height:1.7;margin-bottom:20px}.partner-card .commission{font-family:var(--font-heading);font-size:28px;font-weight:800;color:var(--green)}.partner-card .commission-label{font-size:13px;color:var(--white-40)}.commission-table{background:#00000080;border:1px solid var(--white-10);border-radius:20px;padding:40px;margin-bottom:50px;overflow-x:auto}.commission-table h3{font-family:var(--font-heading);font-size:24px;font-weight:700;color:var(--gold);text-align:center;margin-bottom:30px}.commission-table table{width:100%;border-collapse:collapse}.commission-table th,.commission-table td{padding:15px;text-align:center;border-bottom:1px solid var(--white-10)}.commission-table th{font-family:var(--font-heading);font-size:13px;font-weight:700;color:var(--gold);text-transform:uppercase}.commission-table td{font-size:14px;color:var(--white-80)}.commission-table .tier-name{font-weight:600;color:var(--white)}.commission-table .rate{font-weight:700;color:var(--green)}.section-waitlist{padding:100px 0;background:linear-gradient(180deg,var(--navy-dark) 0%,#1a0a20 30%,#2d0a1a 60%,var(--burgundy-dark) 100%);position:relative}.section-waitlist:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 800px 500px at 30% 20%,rgba(255,189,89,.1) 0%,transparent 50%),radial-gradient(ellipse 600px 400px at 70% 80%,rgba(156,6,18,.15) 0%,transparent 50%),radial-gradient(ellipse 500px 300px at 50% 50%,rgba(106,91,255,.08) 0%,transparent 50%);pointer-events:none}.particles{position:absolute;inset:0;overflow:hidden;pointer-events:none}.particle{position:absolute;width:4px;height:4px;background:var(--gold);border-radius:50%;opacity:.3;animation:float 15s infinite ease-in-out}.particle:nth-child(1){left:10%;top:20%;animation-delay:0s}.particle:nth-child(2){left:20%;top:60%;animation-delay:2s}.particle:nth-child(3){left:35%;top:30%;animation-delay:4s}.particle:nth-child(4){left:50%;top:70%;animation-delay:1s}.particle:nth-child(5){left:65%;top:25%;animation-delay:3s}.particle:nth-child(6){left:80%;top:55%;animation-delay:5s}.particle:nth-child(7){left:90%;top:40%;animation-delay:2.5s}.waitlist-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative;z-index:1}.waitlist-content h2{font-family:var(--font-heading);font-size:42px;font-weight:800;line-height:1.2;margin-bottom:25px}.waitlist-content .subtitle{font-size:18px;color:var(--white-80);line-height:1.8;margin-bottom:35px}.benefits-list{list-style:none;margin-bottom:40px}.benefits-list li{display:flex;align-items:flex-start;gap:15px;padding:14px 0;border-bottom:1px solid var(--white-10)}.benefits-list li:last-child{border-bottom:none}.benefit-icon{width:28px;height:28px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:#ffbd5926;border-radius:8px;color:var(--gold)}.benefit-text strong{display:block;font-family:var(--font-heading);font-size:15px;font-weight:700;color:var(--white);margin-bottom:4px}.benefit-text span{font-size:13px;color:var(--white-60);line-height:1.5}.urgency-box{display:flex;align-items:center;gap:15px;padding:20px 25px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:16px}.urgency-box .icon{font-size:24px}.urgency-box strong{display:block;font-family:var(--font-heading);font-size:16px;font-weight:700;color:var(--red);margin-bottom:4px}.urgency-box span{font-size:13px;color:var(--white-80)}.waitlist-form-wrapper{background:var(--black-70);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border:2px solid rgba(255,189,89,.3);border-radius:28px;padding:45px;position:relative}.waitlist-form-wrapper:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--burgundy),var(--gold),var(--burgundy));border-radius:28px 28px 0 0}.form-header{text-align:center;margin-bottom:35px}.form-header h3{font-family:var(--font-heading);font-size:24px;font-weight:800;margin-bottom:10px}.form-header p{font-size:14px;color:var(--white-60)}.waitlist-form{display:flex;flex-direction:column;gap:20px}.form-group label{display:block;font-size:13px;font-weight:600;color:var(--white-80);margin-bottom:8px}.form-group label .required{color:var(--red)}.form-input{width:100%;padding:16px;background:#ffffff0d;border:2px solid var(--white-10);border-radius:12px;font-family:var(--font-body);font-size:15px;color:var(--white);transition:all .3s ease}.form-input::placeholder{color:var(--white-60)}.form-input:focus{outline:none;border-color:var(--gold);background:#ffbd590d}.interest-checkbox-group{display:flex;flex-direction:column;gap:10px}.interest-checkbox{display:flex;align-items:center;gap:12px;padding:14px 16px;background:#0006;border:1px solid rgba(255,189,89,.2);border-radius:10px;cursor:pointer;transition:all .3s ease}.interest-checkbox:hover{border-color:#ffbd5980;background:#ffbd5914}.interest-checkbox.selected{border-color:var(--gold);background:#ffbd591a}.interest-checkbox .checkbox-text{font-size:14px;color:var(--white-90)}.btn-submit{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;padding:18px 30px;background:linear-gradient(135deg,var(--gold),var(--gold-dark));border:none;border-radius:14px;font-family:var(--font-heading);font-size:16px;font-weight:700;color:var(--navy-dark);cursor:pointer;transition:all .3s ease;margin-top:10px}.btn-submit:hover{transform:translateY(-3px);box-shadow:0 15px 35px #ffbd5966}.btn-submit:disabled{opacity:.7;cursor:not-allowed;transform:none}.form-footer{text-align:center;margin-top:25px;padding-top:20px;border-top:1px solid var(--white-10)}.form-footer p{font-size:12px;color:var(--white-60)}.trust-badges{display:flex;justify-content:center;gap:30px;margin-top:20px}.trust-badge{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--white-60)}.footer{background:linear-gradient(180deg,var(--navy-dark) 0%,var(--navy-darker) 100%);position:relative;overflow:hidden}.footer:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--burgundy) 0%,var(--gold) 25%,var(--cyan) 50%,var(--purple) 75%,var(--burgundy) 100%)}.footer-glow{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:800px;height:400px;background:radial-gradient(ellipse,rgba(255,189,89,.05) 0%,transparent 70%);pointer-events:none}.footer-main{padding:80px 0 50px;display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr 1.2fr;gap:40px;position:relative;z-index:1}.footer-brand{padding-right:30px}.footer-logo{display:flex;align-items:center;gap:12px;margin-bottom:20px}.logo-icon{width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ffbd5933,#ffbd591a);border:2px solid rgba(255,189,89,.3);border-radius:14px;font-size:24px}.logo-text{font-family:var(--font-heading);font-size:28px;font-weight:800;background:linear-gradient(135deg,var(--gold),var(--gold-dark));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.footer-tagline{font-size:14px;color:var(--white-60);line-height:1.8;margin-bottom:25px}.social-links{display:flex;gap:12px}.social-link{width:42px;height:42px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border:1px solid var(--white-10);border-radius:12px;color:var(--white-60);text-decoration:none;transition:all .3s ease;font-size:18px}.social-link:hover{background:#ffbd591a;border-color:#ffbd594d;color:var(--gold);transform:translateY(-3px)}.footer-column h4{font-family:var(--font-heading);font-size:14px;font-weight:700;color:var(--gold);text-transform:uppercase;letter-spacing:1px;margin-bottom:20px}.footer-links{list-style:none}.footer-links li{margin-bottom:12px}.footer-links a{font-size:14px;color:var(--white-60);text-decoration:none;transition:all .3s ease}.footer-links a:hover{color:var(--white)}.footer-contact-item{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px}.contact-icon{width:36px;height:36px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border-radius:10px;color:var(--gold)}.contact-text strong{display:block;font-size:12px;font-weight:600;color:var(--white-40);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.contact-text span,.contact-text a{font-size:14px;color:var(--white-80);text-decoration:none}.contact-text a:hover{color:var(--gold)}.newsletter-form{margin-top:20px}.newsletter-input-group{display:flex;gap:10px}.newsletter-input{flex:1;padding:12px 16px;background:#ffffff0d;border:1px solid var(--white-10);border-radius:10px;font-family:var(--font-body);font-size:14px;color:var(--white)}.newsletter-input::placeholder{color:var(--white-40)}.newsletter-input:focus{outline:none;border-color:var(--gold)}.newsletter-btn{padding:12px 18px;background:linear-gradient(135deg,var(--gold),var(--gold-dark));border:none;border-radius:10px;cursor:pointer;transition:all .3s ease;color:var(--navy-dark)}.newsletter-btn:hover{transform:scale(1.05)}.footer-divider{height:1px;background:linear-gradient(90deg,transparent,var(--white-10),transparent);position:relative;z-index:1}.footer-bottom{padding:30px 0;display:flex;justify-content:space-between;align-items:center;position:relative;z-index:1}.copyright{font-size:13px;color:var(--white-40)}.copyright a{color:var(--gold);text-decoration:none}.legal-links{display:flex;gap:25px}.legal-links a{font-size:13px;color:var(--white-40);text-decoration:none;transition:color .3s ease}.legal-links a:hover{color:var(--white-80)}.payment-methods{display:flex;align-items:center;gap:15px}.payment-label{font-size:12px;color:var(--white-40)}.payment-icons{display:flex;gap:8px}.payment-icon{width:40px;height:26px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border-radius:4px;font-size:10px;font-weight:700;color:var(--white-60)}.disclaimer{padding:25px 0;background:var(--navy-darker);position:relative;z-index:1}.disclaimer-text{font-size:11px;color:var(--white-40);text-align:center;line-height:1.8;max-width:900px;margin:0 auto}.back-to-top{position:fixed;bottom:30px;right:30px;width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--gold),var(--gold-dark));border:none;border-radius:14px;cursor:pointer;box-shadow:0 8px 25px #ffbd594d;transition:all .3s ease;z-index:100;opacity:0;visibility:hidden;font-size:20px;color:var(--navy-dark)}.back-to-top.visible{opacity:1;visibility:visible}.back-to-top:hover{transform:translateY(-5px);box-shadow:0 15px 35px #ffbd5966}@media(max-width:1200px){.feature-grid,.tier-grid{grid-template-columns:repeat(2,1fr)}.footer-main{grid-template-columns:repeat(3,1fr)}}@media(max-width:1024px){.hero-title{font-size:42px}.pain-grid{grid-template-columns:1fr}.scanner-features,.pattern-grid{grid-template-columns:repeat(2,1fr)}.waitlist-grid{grid-template-columns:1fr;gap:50px}.waitlist-content{text-align:center}.footer-main{grid-template-columns:repeat(2,1fr)}.footer-brand{grid-column:span 2;text-align:center;padding-right:0}.social-links{justify-content:center}}@media(max-width:768px){.section{padding:80px 0}.hero-title{font-size:32px}.hero-subtitle{font-size:16px}.stats-row{gap:30px}.stat-number{font-size:28px}.cta-buttons{flex-direction:column;align-items:center}.countdown-bar-inner{flex-direction:column;gap:15px}.feature-grid,.scanner-features,.pattern-grid,.partner-grid,.testimonial-grid,.tier-grid,.courses-grid,.persona-grid{grid-template-columns:1fr}.persona-card.full-width{grid-column:auto}.section-title{font-size:32px}.footer-main{grid-template-columns:1fr;text-align:center}.footer-brand{grid-column:auto}.footer-links a,.footer-contact-item{justify-content:center}.newsletter-input-group{flex-direction:column;max-width:300px;margin:0 auto}.footer-bottom{flex-direction:column;gap:20px;text-align:center}.legal-links{flex-wrap:wrap;justify-content:center}.payment-methods{flex-direction:column;gap:10px}.waitlist-form-wrapper{padding:35px 25px}.trust-badges{flex-direction:column;gap:15px;align-items:center}.fomo-widget{left:10px;bottom:80px;font-size:12px;padding:10px 14px}.live-toast{right:10px;top:100px;max-width:280px}}@media(max-width:480px){.hero-title,.section-title,.waitlist-content h2{font-size:26px}.countdown-item{min-width:40px;padding:6px 8px}.countdown-item .number{font-size:16px}.btn-primary,.btn-secondary{width:100%;justify-content:center}.method-steps{flex-direction:column;align-items:center}.back-to-top{bottom:20px;right:20px;width:45px;height:45px}}.hero-section{position:relative;min-height:calc(100vh - 80px);display:flex;align-items:center;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.hero-left{display:flex;flex-direction:column;gap:24px}.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:#ffbd5926;border:1px solid rgba(255,189,89,.4);border-radius:100px;color:#ffbd59;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;width:fit-content}.badge-icon{font-size:16px}.hero-headline{font-family:Poppins,sans-serif;font-size:64px;font-weight:900;line-height:1.1;letter-spacing:-1px;color:#fff;margin:0}.hero-subheadline{font-size:24px;color:#fffc;line-height:1.5}.hero-subheadline strong{color:#ffbd59;font-weight:800}.hero-benefits{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.hero-benefits li{display:flex;align-items:flex-start;gap:12px;font-size:18px;color:#fffc}.benefit-text{line-height:1.6}.hero-ctas{display:flex;gap:16px;flex-wrap:wrap;margin-top:8px}.hero-ctas button{display:inline-flex;align-items:center;gap:8px}.hero-trust{display:flex;gap:32px;flex-wrap:wrap;margin-top:16px}.trust-item{display:flex;align-items:center;gap:8px;font-size:14px;color:#fff9}.trust-icon{font-size:18px}.hero-right{display:flex;justify-content:center;align-items:center}.chatbot-preview-card{background:#1e2a5e66;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:32px;box-shadow:0 8px 32px #00000059;max-width:450px;width:100%}.chatbot-header{display:flex;align-items:center;gap:16px;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.08)}.chatbot-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#8b5cf6,#ffbd59);display:flex;align-items:center;justify-content:center;font-size:24px}.chatbot-title{font-family:Poppins,sans-serif;font-size:18px;font-weight:700;color:#fff}.chatbot-subtitle{display:flex;align-items:center;gap:6px;font-size:14px;color:#fff9}.status-dot{width:8px;height:8px;border-radius:50%;background:#0f8;animation:pulse 2s ease-in-out infinite}.chatbot-messages{display:flex;flex-direction:column;gap:16px;margin-bottom:24px;max-height:400px;overflow-y:auto}.message{display:flex;gap:12px;align-items:flex-start}.message-user{flex-direction:row-reverse}.message-avatar{width:32px;height:32px;border-radius:50%;background:#8b5cf6;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.message-bubble{background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:16px;max-width:80%;font-size:14px;line-height:1.6;color:#ffffffe6}.message-user .message-bubble{background:linear-gradient(135deg,#9c0612,#640a0c);border-color:#ffbd59}.message-bubble ul{margin:8px 0 0 12px;padding:0}.message-bubble li{margin-bottom:4px}.hexagram{font-size:48px;text-align:center;margin:12px 0}.chatbot-counter{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:16px;padding:12px;background:#ffffff0d;border-radius:12px}.counter-icon{font-size:24px}.counter-text{font-size:14px;color:#fffc}.counter-text strong{color:#ffbd59;font-weight:800}.animate-pulse{animation:pulse 2s ease-in-out infinite}@media(max-width:1024px){.hero-grid{grid-template-columns:1fr;gap:64px}.hero-headline{font-size:48px}.hero-right{order:-1}}@media(max-width:768px){.hero-headline{font-size:36px}.hero-subheadline{font-size:18px}.hero-benefits li{font-size:16px}.hero-ctas{flex-direction:column}.hero-ctas button{width:100%}.chatbot-preview-card{padding:24px}}@media(max-width:767px){.hero-section{min-height:auto;padding:24px 0 40px}.hero-grid{grid-template-columns:1fr;gap:32px}.hero-left{gap:16px}.hero-badge{padding:6px 12px;font-size:11px;gap:6px}.badge-icon{font-size:14px}.hero-headline{font-size:28px;line-height:1.15;letter-spacing:-.5px}.hero-subheadline{font-size:16px;line-height:1.5}.hero-benefits{gap:10px}.hero-benefits li{font-size:14px;gap:10px}.benefit-icon{font-size:20px}.hero-ctas{gap:12px;margin-top:4px}.hero-ctas button{padding:12px 20px;font-size:14px;min-height:44px}.hero-trust{gap:16px;margin-top:12px}.trust-item{font-size:12px;gap:6px}.trust-icon{font-size:16px}.hero-right{order:-1;padding:0}.chatbot-preview-card{padding:16px;border-radius:16px;max-width:100%}.chatbot-header{gap:12px;margin-bottom:16px;padding-bottom:12px}.chatbot-avatar{width:40px;height:40px;font-size:20px}.chatbot-title{font-size:16px}.chatbot-subtitle{font-size:12px}.chatbot-messages{gap:12px;margin-bottom:16px;max-height:280px}.message{gap:8px}.message-avatar{width:28px;height:28px;font-size:14px}.message-bubble{padding:12px;font-size:13px;border-radius:12px}.hexagram{font-size:36px;margin:8px 0}.chatbot-counter{padding:10px;gap:8px;margin-top:12px}.counter-icon{font-size:20px}.counter-text{font-size:12px}}.stats-bar{background:linear-gradient(135deg,#9c061233,#1e2a5e33);border-top:1px solid rgba(255,189,89,.2);border-bottom:1px solid rgba(255,189,89,.2);padding:64px 0}.stats-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:32px}.stat-item{text-align:center;padding:16px}.stat-icon{font-size:48px;margin-bottom:12px;filter:drop-shadow(0 0 20px rgba(255,189,89,.3))}.stat-value{font-family:Poppins,sans-serif;font-size:48px;font-weight:900;color:#fff;margin-bottom:8px;display:flex;align-items:center;justify-content:center;gap:8px}.stat-label{font-size:14px;color:#fff9;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.animate-pulse{animation:pulse-number 2s ease-in-out infinite}@keyframes pulse-number{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@media(max-width:1024px){.stats-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.stats-grid{grid-template-columns:repeat(2,1fr);gap:24px}.stat-icon,.stat-value{font-size:36px}.stat-label{font-size:12px}}.method-section{background:linear-gradient(180deg,#1122504d,#4a1a4f4d)}.section-header{text-align:center;margin-bottom:64px}.section-header h2{font-family:Poppins,sans-serif;font-size:48px;font-weight:900;color:#fff;margin-bottom:16px}.section-header p{font-size:20px;color:#ffffffb3}.patterns-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-bottom:48px}.pattern-card{background:#1e2a5e66;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:32px;box-shadow:0 8px 32px #00000059;transition:all .3s ease;position:relative;overflow:hidden}.pattern-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--pattern-color);opacity:.6}.pattern-card:hover{transform:translateY(-8px);border-color:var(--pattern-color);box-shadow:0 16px 48px #00000073}.pattern-icon{font-size:64px;text-align:center;margin-bottom:24px;filter:drop-shadow(0 0 20px rgba(255,189,89,.3))}.pattern-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.pattern-code{font-family:Courier New,monospace;font-size:24px;font-weight:900;color:var(--pattern-color)}.pattern-badge{padding:4px 12px;border:1px solid;border-radius:100px;font-size:12px;font-weight:700;text-transform:uppercase;color:#ffffffe6}.pattern-name{font-family:Poppins,sans-serif;font-size:20px;font-weight:700;color:#fff;margin-bottom:12px}.pattern-description{font-size:14px;color:#ffffffb3;line-height:1.6;margin-bottom:24px}.pattern-stats{display:flex;gap:24px;margin-bottom:24px;padding:16px;background:#ffffff0d;border-radius:12px}.pattern-stat{flex:1;text-align:center}.stat-label{font-size:12px;color:#fff9;text-transform:uppercase;margin-bottom:4px}.stat-value{font-family:Poppins,sans-serif;font-size:32px;font-weight:900}.pattern-cta{width:100%}.method-cta{text-align:center}@media(max-width:1024px){.patterns-grid{grid-template-columns:1fr;gap:24px}.section-header h2{font-size:36px}.section-header p{font-size:18px}}@media(max-width:768px){.pattern-icon{font-size:48px}.pattern-code{font-size:20px}.pattern-name{font-size:18px}.section-header h2{font-size:28px}}.pricing-section{background:#1122504d}.pricing-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-bottom:48px}.pricing-card{background:#1e2a5e66;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:2px solid rgba(255,189,89,.3);border-radius:20px;padding:32px;box-shadow:0 8px 32px #00000059;transition:all .3s ease;position:relative;overflow:visible}.pricing-card:hover{transform:translateY(-8px);border-color:#ffbd5980;box-shadow:0 16px 48px #00000073}.pricing-card.popular{border:3px solid #8B5CF6;box-shadow:0 12px 48px #8b5cf64d;transform:scale(1.05)}.pricing-card.popular:hover{transform:scale(1.08) translateY(-8px)}.popular-badge{position:absolute;top:-12px;right:16px;padding:6px 16px;background:linear-gradient(135deg,#8b5cf6,#6366f1);border-radius:100px;font-size:11px;font-weight:800;text-transform:uppercase;color:#fff;box-shadow:0 4px 20px #8b5cf666}.pricing-header{text-align:center;margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid rgba(255,255,255,.1)}.pricing-header h3{font-family:Poppins,sans-serif;font-size:20px;font-weight:800;color:#ffbd59;margin-bottom:16px;text-transform:uppercase;letter-spacing:1px}.pricing-price{display:flex;flex-direction:column;align-items:center;gap:4px}.price{font-family:Poppins,sans-serif;font-size:40px;font-weight:900;color:#fff}.period{font-size:14px;color:#fff9}.pricing-features{list-style:none;padding:0;margin:0 0 32px}.pricing-features li{display:flex;align-items:flex-start;gap:12px;margin-bottom:12px;font-size:14px;color:#ffffffe6;line-height:1.6}.feature-icon{font-size:16px;flex-shrink:0}.pricing-footer{text-align:center;padding-top:32px;border-top:1px solid rgba(255,255,255,.1)}.pricing-footer p{font-size:14px;color:#fff9;margin:8px 0}@media(max-width:1200px){.pricing-grid{grid-template-columns:repeat(2,1fr)}.pricing-card.popular{transform:scale(1)}}@media(max-width:768px){.pricing-grid{grid-template-columns:1fr}.pricing-card{padding:24px}.price{font-size:32px}}.testimonials-section{background:linear-gradient(180deg,#4a1a4f4d,#6b0f1a4d)}.testimonial-carousel{display:flex;align-items:center;gap:32px;margin-bottom:32px;position:relative}.carousel-btn{width:48px;height:48px;border-radius:50%;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;font-size:24px;cursor:pointer;transition:all .3s ease;flex-shrink:0}.carousel-btn:hover{background:#fff3;border-color:#ffbd59;transform:scale(1.1)}.testimonial-card{flex:1;background:#1e2a5e66;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:48px;box-shadow:0 8px 32px #00000059;min-height:280px}.testimonial-header{display:flex;align-items:center;gap:16px;margin-bottom:24px}.testimonial-avatar{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,#8b5cf6,#ffbd59);display:flex;align-items:center;justify-content:center;font-size:32px}.testimonial-name{font-family:Poppins,sans-serif;font-size:20px;font-weight:700;color:#fff;margin-bottom:4px}.testimonial-tier-badge{display:inline-block;padding:4px 12px;background:#ffbd5926;border:1px solid rgba(255,189,89,.4);border-radius:100px;font-size:12px;font-weight:700;color:#ffbd59}.testimonial-rating{margin-bottom:20px;font-size:24px}.star{margin-right:4px}.testimonial-text{font-size:18px;color:#ffffffe6;line-height:1.8;font-style:italic;margin-bottom:20px}.testimonial-date{font-size:14px;color:#ffffff80;text-align:right}.carousel-dots{display:flex;justify-content:center;gap:12px}.dot{width:12px;height:12px;border-radius:50%;background:#ffffff4d;border:none;cursor:pointer;transition:all .3s ease}.dot.active{background:#ffbd59;transform:scale(1.3)}@media(max-width:768px){.testimonial-carousel{flex-direction:column;gap:16px}.carousel-btn{width:40px;height:40px;font-size:20px}.testimonial-card{padding:32px 24px;min-height:auto}.testimonial-text{font-size:16px}}@media(max-width:767px){.testimonials-section{padding:32px 0}.testimonial-carousel{flex-direction:column;gap:12px;margin-bottom:24px}.carousel-btn{width:36px;height:36px;font-size:18px;min-height:44px}.testimonial-card{padding:20px 16px;border-radius:16px;min-height:auto}.testimonial-header{gap:12px;margin-bottom:16px}.testimonial-avatar{width:48px;height:48px;font-size:24px}.testimonial-name{font-size:16px}.testimonial-tier-badge{padding:3px 10px;font-size:10px}.testimonial-rating{margin-bottom:12px;font-size:20px}.star{margin-right:2px}.testimonial-text{font-size:14px;line-height:1.6;margin-bottom:12px}.testimonial-date{font-size:12px}.carousel-dots{gap:8px}.dot{width:10px;height:10px}}.final-cta-section{background:linear-gradient(135deg,#9c061266,#6b0f1a66,#11225066);border-top:2px solid rgba(255,189,89,.3);position:relative;overflow:hidden}.final-cta-section:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,189,89,.1) 0%,transparent 70%);animation:rotate 30s linear infinite;pointer-events:none}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.final-cta-content{text-align:center;max-width:800px;margin:0 auto;position:relative;z-index:1}.cta-icon{font-size:80px;margin-bottom:24px;filter:drop-shadow(0 0 30px rgba(255,189,89,.5));animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.cta-headline{font-family:Poppins,sans-serif;font-size:56px;font-weight:900;color:#fff;margin-bottom:16px;line-height:1.2;background:linear-gradient(135deg,#fff,#ffbd59);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.cta-subheadline{font-size:22px;color:#ffffffe6;margin-bottom:40px}.cta-subheadline strong{color:#ffbd59;font-weight:800}.cta-benefits{display:flex;justify-content:center;gap:32px;margin-bottom:40px;flex-wrap:wrap}.cta-benefit{display:flex;align-items:center;gap:8px;font-size:16px;color:#ffffffe6}.benefit-icon{font-size:20px}.cta-button{margin-bottom:32px;box-shadow:0 8px 40px #ffbd5966;animation:pulse-glow 2s ease-in-out infinite}@keyframes pulse-glow{0%,to{box-shadow:0 8px 40px #ffbd5966}50%{box-shadow:0 12px 60px #ffbd5999}}.cta-guarantee{display:flex;align-items:center;justify-content:center;gap:12px;padding:16px;background:#00ff881a;border:1px solid rgba(0,255,136,.3);border-radius:12px;margin-bottom:24px}.guarantee-icon{font-size:24px}.guarantee-text{font-size:14px;color:#ffffffe6}.guarantee-text strong{color:#0f8}.cta-urgency{display:flex;align-items:center;justify-content:center;gap:12px;padding:16px;background:#f6465d1a;border:1px solid rgba(246,70,93,.3);border-radius:12px;animation:pulse-urgency 2s ease-in-out infinite}@keyframes pulse-urgency{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.urgency-icon{font-size:20px}.urgency-text{font-size:14px;color:#ffffffe6}.urgency-text strong{color:#f6465d;font-weight:800}@media(max-width:768px){.cta-headline{font-size:36px}.cta-subheadline{font-size:18px}.cta-benefits{flex-direction:column;gap:16px}.cta-icon{font-size:60px}}.home-page-v2{min-height:100vh;width:100%;background:transparent}.home-page-v2>section{padding:var(--space-3xl, 80px) 0}.home-page-v2>section:first-child{padding-top:calc(80px + var(--space-3xl, 80px))}.container{max-width:1400px;margin:0 auto;padding:0 var(--space-lg, 32px)}.text-gradient-gold{background:linear-gradient(135deg,#ffbd59,#ff8c00);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-gradient-purple{background:linear-gradient(135deg,#8b5cf6,#6366f1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media(max-width:768px){.home-page-v2>section{padding:var(--space-2xl, 64px) 0}.container{padding:0 var(--space-md, 24px)}}@media(max-width:767px){.home-page-v2{overflow-x:hidden}.home-page-v2>section{padding:40px 0}.home-page-v2>section:first-child{padding-top:80px}.container{padding:0 16px;max-width:100%;overflow-x:hidden}}.coin-list-sidebar{width:100%;height:100%;display:flex;flex-direction:column;background:linear-gradient(180deg,#112250,#1a2a5e);border-right:1px solid rgba(255,189,89,.2);overflow:hidden}.scan-results-section{display:flex;flex-direction:column;height:100%;background:#0ecb8108}.scan-results-header{padding:10px 12px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(14,203,129,.2);background:#11225099;flex-shrink:0}.scan-results-header h3{margin:0;font-size:13px;font-weight:600;color:#0ecb81;font-family:Montserrat,sans-serif}.results-count{font-size:11px;color:#0ecb81e6;font-weight:600;padding:3px 8px;background:#0ecb8126;border-radius:10px;font-family:Courier New,monospace}.scan-results-list{flex:1;overflow-y:auto;overflow-x:hidden;padding:8px}.scan-results-list::-webkit-scrollbar{width:5px}.scan-results-list::-webkit-scrollbar-track{background:#1122504d}.scan-results-list::-webkit-scrollbar-thumb{background:#0ecb814d;border-radius:3px}.scan-results-list::-webkit-scrollbar-thumb:hover{background:#0ecb8180}.scan-result-item{padding:8px 10px;margin-bottom:6px;background:#11225099;border:2px solid rgba(14,203,129,.2);border-radius:8px;cursor:pointer;transition:all .3s ease;min-height:60px}.scan-result-item:hover{background:#112250e6;border-color:#0ecb8166;transform:translate(3px);box-shadow:0 2px 10px #0ecb8133}.scan-result-item.selected{background:#0ecb8126;border-color:#0ecb81;box-shadow:0 0 12px #0ecb8166}.result-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.result-symbol{font-size:13px;font-weight:700;color:#fff;font-family:Montserrat,sans-serif}.result-signal{font-size:10px;font-weight:600;padding:2px 6px;border-radius:4px;font-family:Noto Sans Display,sans-serif}.result-signal.buy{background:#0ecb8133;border:1px solid rgba(14,203,129,.4);color:#0ecb81}.result-signal.sell{background:#f6465d33;border:1px solid rgba(246,70,93,.4);color:#f6465d}.result-details{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.result-pattern{font-size:11px;font-weight:600;color:#ffbd59;font-family:Noto Sans Display,sans-serif}.result-confidence{font-size:11px;font-weight:600;color:#0ecb81;font-family:Courier New,monospace}.result-levels{display:flex;justify-content:space-between;gap:6px}.level-entry,.level-tp{font-size:10px;color:#fff9;font-family:Courier New,monospace}.level-entry{color:#debc81}.level-tp{color:#0ecb81}.scan-results-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center}.scan-results-empty .empty-icon{font-size:48px;margin-bottom:16px;opacity:.3}.scan-results-empty h3{font-size:16px;font-weight:600;color:#ffffffb3;margin:0 0 8px;font-family:Montserrat,sans-serif}.scan-results-empty p{font-size:13px;color:#ffffff80;margin:0;font-family:Noto Sans Display,sans-serif}@media(max-width:768px){.scan-result-item{padding:6px 8px;min-height:55px}.result-symbol{font-size:12px}.result-signal{font-size:9px;padding:2px 4px}.result-pattern{font-size:10px}.level-entry,.level-tp{font-size:9px}}.quick-select{padding:8px 12px;background:#1e2a5e66;border-bottom:1px solid rgba(255,255,255,.1);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.quick-select-header{margin-bottom:8px}.quick-select-title{font-size:13px;font-weight:700;color:#ffffffe6;margin:0 0 4px;text-transform:uppercase;letter-spacing:.8px;font-family:Montserrat,sans-serif}.quick-select-subtitle{font-size:9px;color:#fff9;font-family:Noto Sans Display,sans-serif}.quick-select-grid{display:flex;flex-direction:row;gap:6px;margin-bottom:8px;overflow-x:auto;overflow-y:hidden;padding:4px 2px;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.3) transparent}.quick-select-grid::-webkit-scrollbar{height:4px}.quick-select-grid::-webkit-scrollbar-track{background:transparent}.quick-select-grid::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:2px}.quick-select-grid::-webkit-scrollbar-thumb:hover{background:#ffffff80}.quick-select-btn{min-width:52px;width:52px;height:38px;padding:6px 8px;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:5px;background:#1e2a5e66;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fffc;font-size:10px;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:Montserrat,sans-serif;position:relative;overflow:hidden;flex-shrink:0}.quick-select-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s ease}.quick-select-btn:hover:not(:disabled):before{left:100%}.quick-select-btn:hover:not(:disabled){background:#2d3c7880;border-color:#ffffff4d;color:#fff;transform:translateY(-2px) scale(1.03);box-shadow:0 4px 12px #0000004d}.quick-select-btn.active{background:#2d3c7899;border:2px solid rgba(255,255,255,.3);color:#fff;box-shadow:0 4px 20px #0006;transform:scale(1.02)}.quick-select-btn.no-pattern{opacity:.3;cursor:not-allowed;background:#2a1b5233;border-color:#ffffff0d}.quick-select-btn.no-pattern:hover{transform:none;box-shadow:none}.coin-icon{font-size:16px;font-weight:700;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));line-height:1;margin:0}.coin-label{font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;line-height:1}.free-badge{position:absolute;top:-3px;right:-3px;font-size:6px;padding:2px 4px;background:linear-gradient(135deg,#0ecb81,#0ba368);color:#fff;border-radius:8px;font-weight:700;text-transform:uppercase;letter-spacing:.3px;box-shadow:0 2px 6px #0ecb8166;z-index:2;animation:freeBadgePulse 2s ease-in-out infinite}@keyframes freeBadgePulse{0%,to{box-shadow:0 2px 6px #0ecb8166}50%{box-shadow:0 2px 10px #0ecb81b3}}.pattern-indicator{position:absolute;top:-3px;left:-3px;font-size:7px;color:#0ecb81;filter:drop-shadow(0 0 4px rgba(14,203,129,.8));animation:pulse-pattern 2s ease-in-out infinite;z-index:2}@keyframes pulse-pattern{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.15)}}.quick-select-legend{display:flex;justify-content:center;gap:12px;padding-top:8px;border-top:1px solid rgba(255,255,255,.1)}.legend-item{display:flex;align-items:center;gap:5px;font-size:8px;color:#fff9;font-family:Noto Sans Display,sans-serif}.legend-dot{font-size:10px}.legend-dot.active-dot{color:#0ecb81}.legend-dot.inactive-dot{color:#fff3}@media(max-width:768px){.quick-select-grid{gap:5px}.quick-select-btn{min-width:48px;width:48px;height:36px;padding:5px 6px;gap:4px}.coin-icon{font-size:14px}.coin-label{font-size:8px}.free-badge{font-size:5px;padding:1px 3px}.pattern-indicator{font-size:6px}}@media(max-width:480px){.quick-select{padding:6px 8px}.quick-select-btn{min-width:45px;width:45px;height:34px;padding:4px 5px;gap:3px}.coin-icon{font-size:13px}.coin-label{font-size:7px}}.trading-chart-wrapper{display:flex;flex-direction:column;height:100%;padding:20px}.trading-chart-wrapper.fullscreen{position:fixed;inset:0;z-index:9999;background:#0f172afa;padding:20px}.chart-header-new{display:flex;flex-direction:column;gap:12px;padding:16px;background:#0f172a99;border-radius:12px;margin-bottom:12px;border:1px solid rgba(255,255,255,.1)}.header-row-1{display:flex;justify-content:space-between;align-items:center}.coin-info-left{display:flex;align-items:center;gap:10px}.coin-icon{font-size:24px}.coin-name-large{font-size:20px;font-weight:700;color:#fff;font-family:Montserrat,sans-serif}.coin-type{font-size:12px;background:#8b5cf633;color:#a78bfa;padding:4px 10px;border-radius:6px;font-weight:600;border:1px solid rgba(139,92,246,.3)}.coin-price-info{display:flex;align-items:center;gap:12px}.coin-price-large{font-size:24px;font-weight:700;color:#fff;font-family:Courier New,monospace}.coin-change{font-size:14px;font-weight:600;padding:4px 10px;border-radius:6px}.coin-change.positive{background:#10b98133;color:#10b981;border:1px solid rgba(16,185,129,.3)}.coin-change.negative{background:#ef444433;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.header-row-2{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-top:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.05)}.live-status-group{display:flex;align-items:center;gap:16px}.live-indicator{display:flex;align-items:center;gap:6px;background:#10b9811a;padding:6px 12px;border-radius:8px;border:1px solid rgba(16,185,129,.3)}.live-dot{font-size:12px;animation:pulse-dot 2s infinite}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.5}}.live-text{font-size:13px;font-weight:600;color:#10b981;font-family:Montserrat,sans-serif}.last-update{font-size:13px;color:#ffffff80;font-family:Noto Sans Display,sans-serif}.btn-refresh-new{background:#3b82f61a;border:1px solid rgba(59,130,246,.3);color:#3b82f6;padding:8px 16px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:Montserrat,sans-serif}.btn-refresh-new:hover{background:#3b82f633;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d}.header-row-3{display:flex;justify-content:space-between;align-items:center;gap:16px}.timeframe-buttons-new{display:flex;gap:6px;flex-wrap:wrap;flex:1}.btn-tf{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#ffffffb3;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:Montserrat,sans-serif}.btn-tf:hover{background:#ffffff1a;border-color:#fff3}.btn-tf.active{background:#dc2626;border-color:#dc2626;color:#fff;box-shadow:0 2px 8px #dc262666}.chart-actions-new{display:flex;gap:8px}.btn-volume,.btn-fullscreen{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#ffffffb3;padding:6px 14px;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap;font-family:Montserrat,sans-serif}.btn-volume:hover,.btn-fullscreen:hover{background:#ffffff1a;border-color:#fff3}.btn-volume.active{background:#10b98133;border-color:#10b98166;color:#10b981;box-shadow:0 2px 8px #10b9814d}.chart-container-new{position:relative;width:100%;height:500px;background:#1122504d;border-radius:12px;overflow:hidden;box-shadow:0 4px 20px #0000004d;margin-bottom:16px}.chart-watermark{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-15deg);font-size:100px;font-weight:900;color:#ffffff26;pointer-events:none;-webkit-user-select:none;user-select:none;letter-spacing:15px;z-index:1;font-family:Arial Black,Impact,Montserrat,sans-serif;white-space:nowrap;text-transform:uppercase;text-shadow:0 0 60px rgba(255,255,255,.1),0 0 40px rgba(255,189,89,.08);-webkit-text-stroke:1px rgba(255,255,255,.05)}.pattern-indicator-floating{position:absolute;top:20px;right:20px;z-index:100}.pattern-badge-large{font-size:14px;background:#10b98133;color:#10b981;padding:8px 20px;border-radius:10px;font-weight:700;border:2px solid rgba(16,185,129,.4);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 16px #10b9814d;font-family:Montserrat,sans-serif}.trade-levels-bottom{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.level-card{background:#ffffff0d;border-radius:10px;padding:16px;text-align:center;border:2px solid rgba(255,255,255,.1);transition:all .3s ease}.level-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.level-card .level-label{display:block;font-size:11px;font-weight:700;text-transform:uppercase;margin-bottom:8px;color:#fff9;letter-spacing:.5px;font-family:Montserrat,sans-serif}.level-card .level-price{display:block;font-size:20px;font-weight:700;font-family:Courier New,monospace}.entry-card{border-color:#3b82f666;background:#3b82f60d}.entry-card .level-price{color:#3b82f6}.sl-card{border-color:#ef444466;background:#ef44440d}.sl-card .level-price{color:#ef4444}.tp-card{border-color:#10b98166;background:#10b9810d}.tp-card .level-price{color:#10b981}.chart-controls-header{display:flex;flex-direction:column;gap:12px;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.1)}.coin-info{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.coin-name{font-size:20px;font-weight:700;color:#ffbd59;margin:0;font-family:Montserrat,sans-serif}.coin-timeframe{font-size:12px;background:#3b82f633;color:#3b82f6;padding:4px 10px;border-radius:6px;font-weight:600;border:1px solid rgba(59,130,246,.3)}.pattern-badge{font-size:12px;background:#10b98133;color:#10b981;padding:4px 12px;border-radius:6px;font-weight:600;border:1px solid rgba(16,185,129,.3)}.timeframe-group{display:flex;gap:6px;flex-wrap:wrap}.btn-timeframe{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#ffffffb3;padding:6px 14px;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:Montserrat,sans-serif}.btn-timeframe:hover{background:#ffffff1a;border-color:#fff3;transform:translateY(-1px)}.btn-timeframe.active{background:#dc2626;border-color:#dc2626;color:#fff;box-shadow:0 2px 8px #dc262666}.action-buttons{display:flex;gap:8px;margin-left:auto}.btn-action{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#ffffffb3;padding:8px 16px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap;font-family:Montserrat,sans-serif}.btn-action:hover{background:#ffffff1a;border-color:#fff3;transform:translateY(-1px)}.btn-action.active{background:#10b98133;border-color:#10b98166;color:#10b981;box-shadow:0 2px 8px #10b9814d}.chart-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:500px;background:linear-gradient(135deg,#2a1b5280,#11225080);border:2px dashed rgba(255,189,89,.3);border-radius:16px;animation:fadeIn .3s ease}.chart-empty .empty-icon{font-size:80px;margin-bottom:20px;opacity:.6;animation:pulse 2s ease-in-out infinite}.chart-empty h3{font-size:24px;font-weight:700;color:#ffbd59;margin:0 0 12px;font-family:Montserrat,sans-serif}.chart-empty p{font-size:14px;color:#debc81cc;margin:0;font-family:Noto Sans Display,sans-serif}.chart-header-simple{display:flex;align-items:center;gap:12px;margin-bottom:16px}.chart-header-simple h3{font-size:24px;font-weight:700;color:#ffbd59;margin:0;font-family:Montserrat,sans-serif}.chart-header-simple .interval-badge{padding:6px 12px;background:#ffbd5926;color:#ffbd59;border:1px solid rgba(255,189,89,.3);border-radius:6px;font-size:13px;font-weight:600;font-family:Montserrat,sans-serif}.chart-container-simple{position:relative;width:100%;height:500px;background:#112250;border-radius:12px;overflow:hidden;box-shadow:0 4px 20px #0000004d;margin-bottom:16px}.chart-canvas{position:relative;width:100%;height:100%;z-index:2}.chart-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#112250f2;z-index:10;animation:fadeIn .3s ease}.chart-overlay.error{background:linear-gradient(135deg,#2a1b52f2,#112250f2);border:2px solid rgba(246,70,93,.5)}.chart-overlay .error-icon{font-size:64px;margin-bottom:20px;animation:shake .5s ease}.chart-overlay p{color:#debc81;margin:16px 0;font-size:14px;font-family:Noto Sans Display,sans-serif}.chart-overlay button{padding:12px 32px;background:linear-gradient(135deg,#0ecb81,#0ba368);border:none;border-radius:8px;color:#fff;font-size:14px;font-weight:600;font-family:Montserrat,sans-serif;cursor:pointer;transition:all .3s ease;margin-top:16px}.chart-overlay button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0ecb8166}.trade-info-simple{display:flex;gap:16px;padding:16px;background:#11225099;border-radius:12px;border:1px solid rgba(255,189,89,.2)}.trade-info-simple .info-item{flex:1;display:flex;flex-direction:column;gap:6px;padding:12px;border-radius:8px;transition:all .3s ease}.trade-info-simple .info-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.trade-info-simple .info-item.entry{background:#3b82f626;border:1px solid rgba(59,130,246,.3)}.trade-info-simple .info-item.stoploss{background:#f6465d26;border:1px solid rgba(246,70,93,.3)}.trade-info-simple .info-item.takeprofit{background:#0ecb8126;border:1px solid rgba(14,203,129,.3)}.trade-info-simple .info-item .label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;font-family:Montserrat,sans-serif}.trade-info-simple .info-item.entry .label{color:#3b82f6}.trade-info-simple .info-item.stoploss .label{color:#f6465d}.trade-info-simple .info-item.takeprofit .label{color:#0ecb81}.trade-info-simple .info-item .value{font-size:18px;font-weight:700;color:#fff;font-family:Courier New,monospace}.trading-chart-container{position:relative;width:100%;height:600px;background:#112250;border-radius:12px;overflow:hidden;box-shadow:0 4px 20px #0000004d}.chart-watermark{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1;pointer-events:none;opacity:.08;-webkit-user-select:none;user-select:none}.watermark-content{display:flex;flex-direction:column;align-items:center;gap:16px}.watermark-icon{font-size:140px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.5)) drop-shadow(0 0 20px rgba(255,189,89,.1))}.watermark-text{font-family:Montserrat,sans-serif;font-size:56px;font-weight:900;letter-spacing:8px;color:#ffbd59;text-shadow:0 0 20px rgba(255,189,89,.15),0 0 40px rgba(255,189,89,.1),0 4px 8px rgba(0,0,0,.5);-webkit-text-stroke:.5px rgba(255,189,89,.12)}.chart{position:relative;width:100%;height:100%;z-index:2}.chart-loading{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#112250f2;z-index:10}.spinner{width:50px;height:50px;border:4px solid rgba(255,189,89,.2);border-top-color:#ffbd59;border-radius:50%;animation:spin 1s linear infinite}.chart-loading p{color:#debc81;margin-top:20px;font-size:14px}.chart-error{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;padding:40px;background:linear-gradient(135deg,#2a1b52f2,#112250f2);border:2px solid rgba(246,70,93,.5);border-radius:16px;box-shadow:0 10px 40px #f6465d33;max-width:500px;z-index:100;animation:fadeIn .3s ease}.chart-error .error-icon{font-size:64px;margin-bottom:20px;animation:shake .5s ease}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}.chart-error h3{font-size:22px;font-weight:700;color:#f6465d;margin:0 0 12px;font-family:Montserrat,sans-serif}.chart-error>p{color:#debc81;font-size:14px;margin-bottom:20px;font-family:Noto Sans Display,sans-serif}.chart-error .error-suggestions{background:#11225099;border:1px solid rgba(255,189,89,.2);border-radius:8px;padding:16px;margin:20px 0;text-align:left}.chart-error .error-suggestions p{color:#ffbd59;font-size:13px;font-weight:600;margin:0 0 8px}.chart-error .error-suggestions ul{margin:0;padding-left:20px;color:#ffffffb3;font-size:12px;line-height:1.8}.chart-error .error-suggestions li{margin:4px 0}.chart-error .btn-retry{padding:12px 32px;background:linear-gradient(135deg,#0ecb81,#0ba368);border:none;border-radius:8px;color:#fff;font-size:14px;font-weight:600;font-family:Montserrat,sans-serif;cursor:pointer;transition:all .3s ease;margin-top:16px}.chart-error .btn-retry:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0ecb8166}.chart-pattern-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;background:#11225080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:50;animation:fadeIn .3s ease;pointer-events:none}.placeholder-message{text-align:center;padding:40px;background:linear-gradient(135deg,#2a1b52b3,#112250b3);border:2px solid rgba(14,203,129,.3);border-radius:16px;box-shadow:0 10px 40px #0000004d;max-width:400px}.placeholder-icon{font-size:56px;margin-bottom:16px;opacity:.6;animation:pulse 2s ease-in-out infinite}.placeholder-message h3{font-size:22px;font-weight:700;color:#0ecb81;margin:0 0 12px;font-family:Montserrat,sans-serif}.placeholder-message p{font-size:14px;color:#debc81cc;margin:0;line-height:1.6;font-family:Noto Sans Display,sans-serif}.trading-chart-container.blurred .chart{filter:blur(8px);pointer-events:none;-webkit-user-select:none;user-select:none}.chart-blur-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#112250b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:100;animation:fadeIn .4s ease}.blur-message{text-align:center;padding:40px;background:linear-gradient(135deg,#2a1b52e6,#112250e6);border:2px solid rgba(255,189,89,.4);border-radius:16px;box-shadow:0 10px 40px #00000080;max-width:400px}.blur-icon{font-size:64px;margin-bottom:16px;animation:pulse 2s ease-in-out infinite}.blur-message h3{font-size:24px;font-weight:700;color:#ffbd59;margin:0 0 12px;font-family:Montserrat,sans-serif}.blur-message p{font-size:15px;color:#debc81cc;margin:0;line-height:1.6;font-family:Noto Sans Display,sans-serif}.chart-connection-status{display:flex;align-items:center;gap:16px;padding:8px 16px;background:#112250cc;border-radius:8px;margin-bottom:12px;border:1px solid rgba(255,189,89,.2)}.connection-badge{display:flex;align-items:center;gap:8px;padding:6px 12px;border-radius:6px;font-size:13px;font-weight:600;transition:all .3s ease}.connection-badge .badge-icon{font-size:14px;animation:pulse-badge 2s ease-in-out infinite}.connection-badge .badge-text{font-family:Montserrat,sans-serif;letter-spacing:.5px}.connection-badge.connected{background:#0ecb8126;color:#0ecb81;border:1px solid rgba(14,203,129,.3)}.connection-badge.connecting,.connection-badge.reconnecting{background:#ffbd5926;color:#ffbd59;border:1px solid rgba(255,189,89,.3)}.connection-badge.reconnecting .badge-icon{animation:spin 1s linear infinite}.connection-badge.disconnected,.connection-badge.error,.connection-badge.failed{background:#f6465d26;color:#f6465d;border:1px solid rgba(246,70,93,.3)}.connection-badge.offline{background:#ffffff0d;color:#fff6;border:1px solid rgba(255,255,255,.1)}@keyframes pulse-badge{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.last-update{color:#debc8199;font-size:12px;font-family:Noto Sans Display,sans-serif}.btn-manual-refresh{margin-left:auto;padding:6px 16px;background:linear-gradient(135deg,#ffbd5933,#ffbd591a);color:#ffbd59;border:1px solid rgba(255,189,89,.3);border-radius:6px;font-size:13px;font-weight:600;font-family:Montserrat,sans-serif;cursor:pointer;transition:all .3s ease}.btn-manual-refresh:hover:not(:disabled){background:linear-gradient(135deg,#ffbd594d,#ffbd5933);border-color:#ffbd5980;transform:translateY(-2px);box-shadow:0 4px 12px #ffbd594d}.btn-manual-refresh:active:not(:disabled){transform:translateY(0)}.btn-manual-refresh:disabled{opacity:.5;cursor:not-allowed}.volume-controls{display:flex;align-items:center;gap:20px;padding:10px 16px;background:#11225099;border-radius:8px;margin-bottom:12px;border:1px solid rgba(255,189,89,.15)}.btn-volume-toggle{padding:8px 16px;background:#ffffff0d;color:#fff9;border:1px solid rgba(255,255,255,.1);border-radius:6px;font-size:13px;font-weight:600;font-family:Montserrat,sans-serif;cursor:pointer;transition:all .3s ease}.btn-volume-toggle.active{background:linear-gradient(135deg,#0ecb8133,#0ecb811a);color:#0ecb81;border-color:#0ecb814d}.btn-volume-toggle:hover{background:#ffffff1a;border-color:#fff3;transform:translateY(-2px)}.btn-volume-toggle.active:hover{background:linear-gradient(135deg,#0ecb814d,#0ecb8126);border-color:#0ecb8166}.volume-opacity-control{display:flex;align-items:center;gap:12px;flex:1}.volume-opacity-control label{color:#ffffffb3;font-size:13px;font-weight:600;font-family:Montserrat,sans-serif;min-width:60px}.opacity-slider{flex:1;max-width:200px;height:6px;background:#ffffff1a;border-radius:3px;outline:none;-webkit-appearance:none;cursor:pointer}.opacity-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;background:linear-gradient(135deg,#ffbd59,#ffd580);border-radius:50%;cursor:pointer;box-shadow:0 2px 8px #ffbd5966;transition:all .3s ease}.opacity-slider::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 4px 12px #ffbd5999}.opacity-slider::-moz-range-thumb{width:18px;height:18px;background:linear-gradient(135deg,#ffbd59,#ffd580);border:none;border-radius:50%;cursor:pointer;box-shadow:0 2px 8px #ffbd5966;transition:all .3s ease}.opacity-slider::-moz-range-thumb:hover{transform:scale(1.2);box-shadow:0 4px 12px #ffbd5999}.opacity-value{color:#ffbd59;font-size:13px;font-weight:700;font-family:Courier New,monospace;min-width:45px;text-align:right}@media(max-width:768px){.chart-connection-status{flex-wrap:wrap;gap:8px}.btn-manual-refresh{margin-left:0;width:100%}.volume-controls{flex-direction:column;gap:12px;align-items:stretch}.btn-volume-toggle{width:100%}.volume-opacity-control{flex-direction:column;align-items:stretch;gap:8px}.volume-opacity-control label{min-width:unset}.opacity-slider{max-width:100%}.opacity-value{text-align:left}}.analysis-modal-overlay{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease;overflow-y:auto;padding:20px}.analysis-modal-content{background:linear-gradient(135deg,#1a2847,#0f1b35);border:2px solid #FFBD59;border-radius:16px;max-width:900px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #00000080;animation:slideUp .3s ease}.analysis-header{display:flex;justify-content:space-between;align-items:flex-start;padding:24px;border-bottom:2px solid rgba(255,189,89,.2);position:sticky;top:0;background:linear-gradient(135deg,#1a2847,#0f1b35);z-index:10}.analysis-header h2{color:#ffbd59;font-size:28px;margin:0 0 8px}.pattern-name{color:#debc81;font-size:16px;margin:0}.close-btn{background:none;border:none;color:#fff;font-size:32px;cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;border-radius:8px}.close-btn:hover{background:#ffffff1a;transform:rotate(90deg)}.analysis-section{padding:24px;border-bottom:1px solid rgba(255,189,89,.1)}.analysis-section:last-of-type{border-bottom:none}.analysis-section h3{color:#ffbd59;font-size:20px;margin:0 0 16px}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.info-item{display:flex;flex-direction:column;gap:4px}.info-item label{color:#debc81;font-size:13px;font-weight:600}.info-item span{color:#fff;font-size:16px}.direction{display:inline-flex;align-items:center;gap:4px;font-weight:600}.direction.bullish{color:#00e676}.direction.bearish{color:#f44336}.confidence{color:#00e676;font-weight:700}.price-levels{display:flex;flex-direction:column;gap:12px}.price-level{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-radius:8px;background:#11225080;border-left:4px solid}.price-level.entry{border-color:#2196f3}.price-level.stop-loss{border-color:#f44336}.price-level.take-profit{border-color:#00e676}.price-level label{color:#debc81;font-weight:600;min-width:80px}.price-level .price{color:#fff;font-size:18px;font-weight:700;flex:1}.profit-percent{color:#00e676;font-size:14px;font-weight:600;margin-left:12px}.risk-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px}.metric-card{background:#11225080;border:1px solid rgba(255,189,89,.2);border-radius:12px;padding:16px;text-align:center}.metric-label{color:#debc81;font-size:13px;margin-bottom:8px}.metric-value{color:#ffbd59;font-size:24px;font-weight:700}.position-suggestions{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.position-row{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#1122504d;border-radius:8px;color:#fff}.position-value{font-weight:700;color:#ffbd59}.position-note{color:#debc81;font-size:13px;margin:0;padding:12px;background:#ffbd590d;border-radius:8px;border-left:3px solid #FFBD59}.trading-notes{display:flex;flex-direction:column;gap:12px}.note-item{display:flex;align-items:center;gap:12px;padding:12px;background:#1122504d;border-radius:8px;color:#fff}.note-icon{font-size:20px;min-width:24px}.analysis-actions{display:flex;gap:12px;padding:24px;position:sticky;bottom:0;background:linear-gradient(to top,#1a2847 80%,transparent)}.analysis-actions button{flex:1;padding:14px 24px;border:none;border-radius:8px;font-weight:700;font-size:15px;cursor:pointer;transition:all .2s ease}.btn-copy-all{background:linear-gradient(135deg,#2196f3,#42a5f5);color:#fff}.btn-open-binance{background:linear-gradient(135deg,#f0b90b,#fcd535);color:#1e2329}.analysis-actions button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}@media(max-width:768px){.analysis-modal-content{max-width:100%;border-radius:12px}.analysis-header h2{font-size:22px}.info-grid{grid-template-columns:1fr}.analysis-actions{flex-direction:column}.position-row{flex-direction:column;gap:8px;align-items:flex-start}}.trading-info-sidebar{width:100%;height:100%;display:flex;flex-direction:column;background:linear-gradient(180deg,#112250,#1a2a5e);border-left:1px solid rgba(255,189,89,.2);overflow:hidden}.trading-info-sidebar .sidebar-header{padding:20px;border-bottom:1px solid rgba(255,189,89,.2);background:#112250cc}.trading-info-sidebar .sidebar-header h3{margin:0 0 8px;font-size:18px;font-weight:700;color:#ffbd59;font-family:Montserrat,sans-serif}.symbol-display{font-size:14px;color:#debc81;font-weight:600;font-family:Noto Sans Display,sans-serif}.no-pattern{flex:1;display:flex;align-items:center;justify-content:center;padding:40px 20px;text-align:center}.no-pattern p{color:#debc8180;font-size:14px;line-height:1.6}.info-content{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:20px}.info-content::-webkit-scrollbar{width:6px}.info-content::-webkit-scrollbar-track{background:#11225080}.info-content::-webkit-scrollbar-thumb{background:#ffbd594d;border-radius:3px}.info-section{background:#2a1b5266;border:1px solid rgba(255,189,89,.15);border-radius:12px;padding:16px}.section-title{display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:600;color:#ffbd59;margin-bottom:12px;font-family:Montserrat,sans-serif;text-transform:uppercase;letter-spacing:.5px}.direction-badge{padding:4px 10px;border-radius:6px;font-size:11px;font-weight:700;font-family:Montserrat,sans-serif}.direction-badge.bullish{background:#0ecb8133;color:#0ecb81;border:1px solid rgba(14,203,129,.4)}.direction-badge.bearish{background:#f6465d33;color:#f6465d;border:1px solid rgba(246,70,93,.4)}.pattern-name{font-size:16px;font-weight:700;color:#fff;margin-bottom:10px;font-family:Montserrat,sans-serif}.confidence-display{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:#debc81}.confidence-value{font-weight:700;color:#ffbd59;font-size:12px;white-space:nowrap}.info-section.metrics{padding:12px}.metric-row{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;margin-bottom:8px;border-radius:8px;transition:all .2s ease}.metric-row:hover{background:#ffbd590d}.metric-row.entry{background:#ffbd591a;border-left:3px solid #FFBD59}.metric-row.stop-loss{background:#f6465d1a;border-left:3px solid #F6465D}.metric-row.take-profit{background:#0ecb811a;border-left:3px solid #0ECB81}.metric-label{display:flex;align-items:center;gap:8px;font-size:13px;color:#debc81;font-family:Noto Sans Display,sans-serif}.metric-label .icon{font-size:14px}.profit-percent{font-size:11px;color:#0ecb81;font-weight:600;margin-left:4px}.metric-value-group{display:flex;align-items:center;gap:8px;min-width:0;overflow:hidden}.metric-value-group .value{font-size:12px;font-weight:700;color:#fff;font-family:Montserrat,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;letter-spacing:-.3px}.copy-btn{padding:4px 8px;background:#ffbd5933;border:1px solid rgba(255,189,89,.3);border-radius:6px;color:#ffbd59;font-size:12px;cursor:pointer;transition:all .2s ease;font-family:Noto Sans Display,sans-serif;min-width:32px;text-align:center}.copy-btn:hover{background:#ffbd594d;transform:scale(1.05)}.copy-btn.copied{background:#0ecb814d;border-color:#0ecb8180;color:#0ecb81}.risk-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid rgba(255,189,89,.1)}.risk-row:last-child{border-bottom:none}.risk-label{font-size:12px;color:#debc81b3;font-family:Noto Sans Display,sans-serif}.risk-value{font-size:11px;font-weight:600;color:#debc81;font-family:Montserrat,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.risk-value.highlight{color:#ffbd59;font-size:12px;font-weight:700}.risk-value.strong{color:#0ecb81}.risk-value.moderate{color:orange}.quick-actions{display:flex;flex-direction:column;gap:10px}.action-btn{padding:12px 16px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:Montserrat,sans-serif;border:none;width:100%}.action-btn.primary{background:linear-gradient(135deg,#ffbd59,#debc81);color:#112250}.action-btn.primary:hover{background:linear-gradient(135deg,#debc81,#ffbd59);transform:translateY(-2px);box-shadow:0 4px 15px #ffbd594d}.action-btn.secondary{background:#ffbd591a;color:#ffbd59;border:1px solid rgba(255,189,89,.3)}.action-btn.secondary:hover{background:#ffbd5933;border-color:#ffbd5980}.pattern-image-container{width:100%;border-radius:12px;overflow:hidden;background:#11225080;border:1px solid rgba(255,189,89,.2);box-shadow:0 4px 12px #0000004d}.pattern-image-container img{width:100%;height:auto;display:block;border-bottom:1px solid rgba(255,189,89,.1)}.pattern-image-caption{display:flex;align-items:center;gap:8px;padding:10px 12px;background:#ffd7001a;border-top:1px solid rgba(255,215,0,.2)}.caption-icon{font-size:14px}.caption-text{font-size:11px;color:#debc81e6;font-family:Noto Sans Display,sans-serif;font-weight:600}.pattern-image-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;background:#1122504d;border-radius:12px;border:1px solid rgba(255,189,89,.15)}.loading-spinner{width:40px;height:40px;border:3px solid rgba(255,189,89,.2);border-top-color:#ffbd59;border-radius:50%;animation:spinner-rotate 1s linear infinite;margin-bottom:12px}@keyframes spinner-rotate{to{transform:rotate(360deg)}}.pattern-image-loading p{font-size:12px;color:#debc81b3;font-family:Noto Sans Display,sans-serif}.pattern-image-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;background:#1122504d;border-radius:12px;border:1px dashed rgba(255,189,89,.3)}.placeholder-icon{font-size:64px;margin-bottom:12px;opacity:.3}.placeholder-text{font-size:12px;color:#debc8180;font-family:Noto Sans Display,sans-serif}.info-section.gem-pattern{background:linear-gradient(135deg,#2a1b5299,#11225099);border:1px solid rgba(255,189,89,.25);padding:20px}.pattern-display{display:flex;align-items:center;gap:16px;margin-bottom:16px}.pattern-icon-large{display:flex;align-items:center;justify-content:center;padding:12px;background:#11225080;border-radius:12px;border:1px solid rgba(255,189,89,.2);min-height:60px;filter:drop-shadow(0 2px 8px rgba(255,189,89,.3))}.pattern-icon-large svg{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));transition:transform .2s ease}.pattern-icon-large svg:hover{transform:scale(1.05)}.pattern-icon-large>div{display:flex;align-items:center;gap:8px}.pattern-details{flex:1}.pattern-name-gem{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:700;color:#fff;margin-bottom:8px;font-family:Montserrat,sans-serif;flex-wrap:wrap}.pattern-code{display:inline-block;padding:4px 10px;border-radius:6px;font-size:11px;font-weight:700;font-family:Montserrat,sans-serif;text-transform:uppercase;letter-spacing:.5px}.pattern-code.continuation{background:#0ecb8133;color:#0ecb81;border:1px solid rgba(14,203,129,.4)}.pattern-code.reversal{background:#ffbd5933;color:#ffbd59;border:1px solid rgba(255,189,89,.4)}.pattern-code.zone{background:#8a2be233;color:#9d7fea;border:1px solid rgba(138,43,226,.4)}.pattern-category{font-size:12px;color:#debc81cc;font-family:Noto Sans Display,sans-serif}.zone-status-container{background:#11225080;border:1px solid rgba(255,189,89,.15);border-radius:8px;padding:12px;margin-bottom:16px}.zone-status-label{font-size:11px;color:#debc8199;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px;font-family:Montserrat,sans-serif}.zone-status-badge{display:inline-block;padding:8px 14px;border-radius:8px;font-size:11px;font-weight:700;font-family:Montserrat,sans-serif;margin-bottom:10px;width:100%;text-align:center}.zone-status-badge.fresh{background:linear-gradient(135deg,#0ecb814d,#0ecb811a);color:#0ecb81;border:1px solid rgba(14,203,129,.5);box-shadow:0 0 15px #0ecb8133}.zone-status-badge.tested_1x{background:linear-gradient(135deg,#ffbd594d,#ffbd591a);color:#ffbd59;border:1px solid rgba(255,189,89,.5)}.zone-status-badge.tested_2x{background:linear-gradient(135deg,#ff98004d,#ff98001a);color:orange;border:1px solid rgba(255,152,0,.5)}.zone-status-badge.weak{background:linear-gradient(135deg,#f6465d4d,#f6465d1a);color:#f6465d;border:1px solid rgba(246,70,93,.5)}.retest-count{font-size:12px;color:#debc81;font-family:Noto Sans Display,sans-serif;text-align:center}.count-value{font-weight:700;color:#ffbd59;font-size:12px;margin-left:4px;white-space:nowrap}.retest-warning{display:flex;gap:12px;background:linear-gradient(135deg,#ff980033,#ff98000d);border:2px solid rgba(255,152,0,.5);border-radius:10px;padding:14px;margin-bottom:16px;animation:pulse-warning 2s ease-in-out infinite}@keyframes pulse-warning{0%,to{box-shadow:0 0 10px #ff98004d}50%{box-shadow:0 0 20px #ff980080}}.warning-icon{font-size:28px;line-height:1;flex-shrink:0}.warning-text{flex:1}.warning-text strong{display:block;color:orange;font-size:13px;font-weight:700;margin-bottom:6px;font-family:Montserrat,sans-serif;text-transform:uppercase;letter-spacing:.5px}.warning-text p{color:#debc81e6;font-size:12px;line-height:1.5;margin:0;font-family:Noto Sans Display,sans-serif}.pattern-meta{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-top:12px;border-top:1px solid rgba(255,189,89,.15)}@media(max-width:768px){.info-content{padding:15px}.metric-row{padding:8px 10px}.action-btn{padding:10px 14px;font-size:12px}.pattern-display{flex-direction:column;text-align:center}.pattern-icon-large{min-height:50px;padding:8px}.pattern-icon-large svg{width:28px;height:28px}.pattern-name-gem{justify-content:center}.pattern-meta{flex-direction:column;gap:8px}}.scan-filters-overlay{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:10001;animation:fadeIn .2s ease;padding:20px}.scan-filters-panel{background:linear-gradient(135deg,#1a2847,#0f1b35);border:2px solid #FFBD59;border-radius:16px;width:100%;max-width:1200px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #00000080;animation:slideUp .3s ease}.filters-header{display:flex;justify-content:space-between;align-items:flex-start;padding:24px;border-bottom:2px solid rgba(255,189,89,.2)}.filters-header h2{color:#ffbd59;font-size:28px;margin:0 0 4px;font-family:Montserrat,sans-serif}.filters-subtitle{color:#debc81;font-size:14px;margin:0;font-family:Noto Sans Display,sans-serif}.close-btn{background:#f4433633;border:1px solid rgba(244,67,54,.4);border-radius:8px;color:#fff;font-size:24px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.close-btn:hover{background:#f4433666;border-color:#f44336}.filters-content{flex:1;overflow-y:auto;padding:24px}.filter-section{margin-bottom:32px;padding-bottom:32px;border-bottom:1px solid rgba(255,189,89,.1)}.filter-section:last-child{border-bottom:none;margin-bottom:0}.section-header h3{color:#ffbd59;font-size:20px;margin:0;font-family:Montserrat,sans-serif}.section-actions{display:flex;gap:8px}.btn-small{padding:6px 12px;background:#ffbd591a;border:1px solid rgba(255,189,89,.3);border-radius:6px;color:#ffbd59;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:Montserrat,sans-serif}.btn-small:hover{background:#ffbd5933;border-color:#ffbd59}.search-box{position:relative;margin-bottom:16px}.search-box input{width:100%;padding:12px 40px 12px 16px;background:#11225099;border:1px solid rgba(255,189,89,.3);border-radius:8px;color:#fff;font-size:14px;font-family:Noto Sans Display,sans-serif}.search-box input:focus{outline:none;border-color:#ffbd59;box-shadow:0 0 12px #ffbd5933}.search-box input::placeholder{color:#fff6}.search-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:18px}.category-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.category-chip{padding:8px 16px;background:linear-gradient(135deg,#9c06124d,#640a0c4d);border:1px solid rgba(255,189,89,.3);border-radius:20px;color:#debc81;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:Montserrat,sans-serif}.category-chip:hover{background:linear-gradient(135deg,#9c061280,#640a0c80);border-color:#ffbd59;transform:translateY(-2px)}.coin-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px;max-height:300px;overflow-y:auto;padding:4px}.coin-checkbox{display:flex;align-items:center;gap:12px;padding:10px 12px;background:#11225066;border:1px solid rgba(255,189,89,.2);border-radius:8px;cursor:pointer;transition:all .2s ease}.coin-checkbox:hover{background:#11225099;border-color:#ffbd59}.coin-checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#FFBD59}.coin-info{display:flex;flex-direction:column;gap:2px}.coin-symbol{color:#fff;font-weight:700;font-size:14px;font-family:Montserrat,sans-serif}.coin-name{color:#fff9;font-size:11px;font-family:Noto Sans Display,sans-serif}.timeframe-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px}.timeframe-btn{padding:12px 16px;background:#11225066;border:2px solid rgba(255,189,89,.2);border-radius:8px;color:#fff;font-weight:600;cursor:pointer;transition:all .2s ease;position:relative;font-family:Montserrat,sans-serif}.timeframe-btn:hover{background:#11225099;border-color:#ffbd59;transform:translateY(-2px)}.timeframe-btn.active{background:linear-gradient(135deg,#9c061280,#640a0c80);border-color:#ffbd59;box-shadow:0 0 16px #ffbd594d}.timeframe-btn.recommended{border-color:#00e676}.timeframe-btn .badge{position:absolute;top:-6px;right:-6px;font-size:14px}.pattern-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:8px}.pattern-checkbox{display:flex;align-items:center;gap:12px;padding:10px 12px;background:#11225066;border:1px solid rgba(255,189,89,.2);border-radius:8px;cursor:pointer;transition:all .2s ease}.pattern-checkbox:hover{background:#11225099;border-color:#ffbd59}.pattern-checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#FFBD59}.pattern-info{display:flex;align-items:center;gap:8px}.pattern-icon{font-size:20px}.pattern-name{color:#fff;font-weight:600;font-size:14px;font-family:Noto Sans Display,sans-serif}.selection-summary{margin-top:12px;padding:10px 12px;background:#ffbd591a;border:1px solid rgba(255,189,89,.3);border-radius:6px;color:#ffbd59;font-size:13px;font-weight:600;text-align:center;font-family:Montserrat,sans-serif}.filter-group{margin-bottom:24px}.filter-group label{display:block;color:#debc81;font-weight:600;font-size:14px;margin-bottom:8px;font-family:Montserrat,sans-serif}.filter-group label strong{color:#ffbd59}.radio-group{display:flex;gap:16px;flex-wrap:wrap}.radio-label{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#11225066;border:1px solid rgba(255,189,89,.2);border-radius:8px;color:#fff;cursor:pointer;transition:all .2s ease;font-family:Noto Sans Display,sans-serif}.radio-label:hover{background:#11225099;border-color:#ffbd59}.radio-label input[type=radio]{width:16px;height:16px;cursor:pointer;accent-color:#FFBD59}.slider{width:100%;height:8px;background:#11225099;border-radius:4px;outline:none;-webkit-appearance:none;cursor:pointer}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:24px;height:24px;background:linear-gradient(135deg,#ffbd59,#debc81);border-radius:50%;cursor:pointer;box-shadow:0 2px 8px #ffbd5980}.slider::-moz-range-thumb{width:24px;height:24px;background:linear-gradient(135deg,#ffbd59,#debc81);border-radius:50%;cursor:pointer;border:none;box-shadow:0 2px 8px #ffbd5980}.slider-labels{display:flex;justify-content:space-between;margin-top:8px;color:#ffffff80;font-size:12px;font-family:Noto Sans Display,sans-serif}.select-input{width:100%;padding:12px 16px;background:#11225099;border:1px solid rgba(255,189,89,.3);border-radius:8px;color:#fff;font-size:14px;cursor:pointer;font-family:Noto Sans Display,sans-serif}.select-input:focus{outline:none;border-color:#ffbd59;box-shadow:0 0 12px #ffbd5933}.select-input option{background:#1a2847;color:#fff}.filters-footer{display:flex;gap:12px;padding:24px;border-top:2px solid rgba(255,189,89,.2)}.btn-reset,.btn-apply{flex:1;padding:14px 24px;border:none;border-radius:8px;font-weight:700;font-size:15px;cursor:pointer;transition:all .2s ease;font-family:Montserrat,sans-serif}.btn-reset{background:#ffffff1a;color:#fff;border:2px solid rgba(255,255,255,.2)}.btn-reset:hover{background:#ffffff26;border-color:#fff6}.btn-apply{background:linear-gradient(135deg,#00c853,#00e676);color:#fff}.btn-apply:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00c85380}.filters-content::-webkit-scrollbar,.coin-list::-webkit-scrollbar{width:8px}.filters-content::-webkit-scrollbar-track,.coin-list::-webkit-scrollbar-track{background:#11225066;border-radius:4px}.filters-content::-webkit-scrollbar-thumb,.coin-list::-webkit-scrollbar-thumb{background:#ffbd5980;border-radius:4px}.filters-content::-webkit-scrollbar-thumb:hover,.coin-list::-webkit-scrollbar-thumb:hover{background:#ffbd59b3}@media(max-width:768px){.scan-filters-panel{max-width:100%;max-height:100vh;border-radius:0}.filters-header{padding:20px}.filters-header h2{font-size:24px}.filters-content{padding:20px}.coin-list,.pattern-grid{grid-template-columns:1fr}.timeframe-grid{grid-template-columns:repeat(2,1fr)}.radio-group,.category-chips{flex-direction:column}.category-chip{width:100%;text-align:center}.filters-footer{flex-direction:column;padding:20px}.btn-reset,.btn-apply{width:100%}}@media(max-width:480px){.filters-header h2{font-size:20px}.section-header h3{font-size:18px}.timeframe-grid{grid-template-columns:1fr}}.auth-prompt-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.auth-prompt-modal{background:linear-gradient(135deg,#2a1b52f2,#112250f2);border:2px solid rgba(255,189,89,.4);border-radius:20px;padding:40px;max-width:480px;width:90%;position:relative;box-shadow:0 20px 60px #000000b3;animation:slideUp .3s ease}.modal-close-btn{position:absolute;top:16px;right:16px;background:#f6465d33;border:1px solid rgba(246,70,93,.4);color:#f6465d;width:36px;height:36px;border-radius:50%;font-size:18px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;font-weight:600}.modal-close-btn:hover{background:#f6465d4d;transform:rotate(90deg)}.modal-icon{font-size:72px;text-align:center;margin-bottom:24px;animation:float 3s ease-in-out infinite}.modal-title{font-size:28px;font-weight:700;color:#ffbd59;text-align:center;margin:0 0 16px;font-family:Montserrat,sans-serif}.modal-description{font-size:16px;color:#debc81cc;text-align:center;margin:0 0 32px;line-height:1.6;font-family:Noto Sans Display,sans-serif}.modal-description strong{color:#ffbd59;font-weight:700}.modal-benefits{display:flex;flex-direction:column;gap:12px;margin-bottom:32px;padding:20px;background:#11225080;border:1px solid rgba(255,189,89,.2);border-radius:12px}.benefit-item{display:flex;align-items:center;gap:12px}.benefit-icon{font-size:24px;flex-shrink:0}.benefit-text{font-size:15px;color:#debc81e6;font-family:Noto Sans Display,sans-serif}.modal-actions{display:flex;flex-direction:column;gap:12px}.btn-signup{width:100%;padding:16px 24px;background:linear-gradient(135deg,#ffbd59,#debc81);color:#112250;border:none;border-radius:10px;font-size:16px;font-weight:700;font-family:Montserrat,sans-serif;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #ffbd5966}.btn-signup:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ffbd5999}.btn-signup:active{transform:translateY(0)}.btn-login{width:100%;padding:14px 24px;background:transparent;color:#debc81e6;border:1px solid rgba(255,189,89,.3);border-radius:10px;font-size:14px;font-weight:600;font-family:Montserrat,sans-serif;cursor:pointer;transition:all .3s ease}.btn-login:hover{background:#ffbd591a;border-color:#ffbd5980;color:#ffbd59}@media(max-width:768px){.auth-prompt-modal{padding:32px 24px}.modal-icon{font-size:56px}.modal-title{font-size:24px}.modal-description{font-size:14px}}.quota-display{background:linear-gradient(135deg,#112250e6,#1a2847e6);border:1px solid rgba(255,189,89,.3);border-radius:16px;padding:24px;margin-bottom:24px;box-shadow:0 4px 20px #0003}.quota-display.loading{padding:40px}.quota-skeleton{width:100%;height:120px;background:linear-gradient(90deg,#ffffff0d 25%,#ffffff1a,#ffffff0d 75%);background-size:200% 100%;animation:loading 1.5s ease-in-out infinite;border-radius:8px}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.quota-display.error{background:#f443361a;border-color:#f443364d}.error-content{display:flex;align-items:flex-start;gap:16px;margin-bottom:20px}.error-icon{font-size:36px;flex-shrink:0}.error-text h4{color:#ffbd59;font-size:18px;font-weight:700;margin:0 0 8px}.error-text p{color:#fffc;font-size:14px;margin:0;line-height:1.5}.error-actions{display:flex;gap:12px;margin-bottom:16px}.btn-retry{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:12px;padding:14px 24px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;flex:1}.btn-retry:hover{background:#ffffff26;border-color:#fff6;transform:translateY(-2px)}.error-details{margin-top:16px;padding:12px;background:#0003;border-radius:8px;border:1px solid rgba(255,255,255,.1)}.error-details summary{color:#fff9;font-size:12px;cursor:pointer;font-weight:600;padding:4px}.error-details code{display:block;color:#ff6b6b;font-size:11px;font-family:Courier New,monospace;margin-top:8px;padding:8px;background:#0000004d;border-radius:4px;white-space:pre-wrap;word-break:break-all}.quota-header{display:flex;align-items:center;gap:16px;margin-bottom:20px}.quota-icon{font-size:40px;filter:drop-shadow(0 0 12px rgba(255,189,89,.6));animation:pulse-glow 2s ease-in-out infinite}@keyframes pulse-glow{0%,to{filter:drop-shadow(0 0 12px rgba(255,189,89,.6));transform:scale(1)}50%{filter:drop-shadow(0 0 20px rgba(255,189,89,.8));transform:scale(1.05)}}.quota-text h4{color:#ffbd59;font-size:18px;font-weight:700;margin:0 0 4px;letter-spacing:.5px}.quota-subtitle{color:#fff9;font-size:13px;margin:0;font-weight:500}.quota-stats{display:flex;flex-direction:column;gap:16px}.quota-number{display:flex;align-items:baseline;justify-content:center;gap:8px}.quota-number .remaining{color:#4caf50;font-size:48px;font-weight:900;line-height:1;transition:color .3s ease}.quota-number .remaining.depleted{color:#f44336}.quota-number .separator{color:#ffffff4d;font-size:32px;font-weight:400}.quota-number .total{color:#fff9;font-size:32px;font-weight:600}.quota-bar{width:100%;height:12px;background:#0f1b35cc;border-radius:6px;overflow:hidden;border:1px solid rgba(255,189,89,.2)}.quota-fill{height:100%;border-radius:6px;transition:all .5s ease;box-shadow:0 0 12px currentColor}.quota-info{display:flex;justify-content:space-between;align-items:center;font-size:14px;padding:0 4px}.quota-status{font-weight:700;display:flex;align-items:center;gap:6px}.quota-status.available{color:#4caf50}.quota-status.depleted{color:#f44336;animation:blink 1.5s ease-in-out infinite}.quota-reset{color:#ffffff80;font-weight:600}.quota-upgrade{margin-top:20px;padding-top:20px;border-top:1px solid rgba(255,189,89,.2);text-align:center}.quota-upgrade p{color:#fffc;font-size:15px;font-weight:600;margin:0 0 16px}.btn-upgrade{background:linear-gradient(135deg,#ffbd59,#ffd580);color:#0f1b35;border:none;border-radius:12px;padding:14px 32px;font-size:16px;font-weight:800;cursor:pointer;transition:all .3s ease;display:block;width:100%;margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 15px #ffbd594d}.btn-upgrade:hover{transform:translateY(-3px);box-shadow:0 6px 20px #ffbd5980;background:linear-gradient(135deg,#ffd580,#ffbd59)}.btn-upgrade:active{transform:translateY(-1px)}.upgrade-benefit{color:#debc81;font-size:13px;display:block;font-weight:600}@media(max-width:768px){.quota-display{padding:20px}.quota-icon{font-size:32px}.quota-text h4{font-size:16px}.quota-number .remaining{font-size:40px}.quota-number .separator,.quota-number .total{font-size:28px}.quota-info{flex-direction:column;align-items:flex-start;gap:8px}.btn-upgrade{padding:12px 24px;font-size:14px}}.price-ticker{background:linear-gradient(90deg,#0f1b35f2,#112250f2);border-bottom:2px solid rgba(255,189,89,.3);padding:12px 0;overflow:hidden;position:relative}.price-ticker.connecting,.price-ticker.error{text-align:center;color:#ffffffb3;padding:12px 20px}.price-ticker.error{background:#f443361a;border-bottom-color:#f443364d;color:#ff6b6b}.price-ticker-scroll{display:flex;gap:40px;animation:scroll 30s linear infinite;padding:0 20px}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.price-ticker-scroll:hover{animation-play-state:paused}.price-item{display:flex;align-items:center;gap:12px;white-space:nowrap;min-width:200px}.price-item.loading{opacity:.5}.price-item .symbol{color:#ffbd59;font-weight:700;font-size:14px;letter-spacing:.5px}.price-item .price{color:#fff;font-weight:600;font-size:15px}.price-item .change{font-weight:700;font-size:13px;padding:4px 8px;border-radius:4px}.price-item .change.positive{color:#4caf50;background:#4caf501a}.price-item .change.negative{color:#f44336;background:#f443361a}.ticker-status{position:absolute;top:50%;right:20px;transform:translateY(-50%);display:flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:#4caf50;background:#0f1b35f2;padding:6px 12px;border-radius:12px;border:1px solid rgba(76,175,80,.3);z-index:10}.live-dot{width:8px;height:8px;background:#4caf50;border-radius:50%;animation:pulse-live 1.5s ease-in-out infinite}@keyframes pulse-live{0%,to{box-shadow:0 0 #4caf50b3}50%{box-shadow:0 0 0 8px #4caf5000}}@media(max-width:768px){.price-ticker-scroll{gap:24px}.price-item{min-width:150px;gap:8px}.price-item .symbol{font-size:12px}.price-item .price{font-size:13px}.price-item .change{font-size:11px;padding:2px 6px}.ticker-status{right:10px;font-size:10px;padding:4px 8px}}.pattern-scanner-container{max-width:1200px;margin:0 auto;padding:24px}.scanner-header-compact{background:#ffffff08;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;padding:12px 20px;margin-bottom:16px;border:1px solid rgba(255,189,89,.15)}.scanner-header-compact .scanner-title-row{display:flex;justify-content:center;align-items:center;margin-bottom:6px}.scanner-title-small{font-size:18px;font-weight:700;color:#ffbd59;margin:0;display:flex;align-items:center;gap:12px;font-family:Montserrat,sans-serif}.scanner-subtitle-small{font-size:13px;color:#fff9;margin:0;text-align:center;font-family:Noto Sans Display,sans-serif}.scanner-header{text-align:center;margin-bottom:32px}.scanner-title-row{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:8px}.scanner-header h2{color:#ffbd59;font-size:32px;font-weight:800;margin:0}.tier-badge{padding:6px 14px;border-radius:20px;font-size:13px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;animation:badgePulse 3s ease-in-out infinite}.tier-badge.free{background:#96969633;color:#ffffffb3;border:1px solid rgba(150,150,150,.3)}.tier-badge.premium{background:linear-gradient(135deg,#ffd7004d,#ffbd594d);color:gold;border:1px solid #FFD700;box-shadow:0 0 20px #ffd7004d}@keyframes badgePulse{0%,to{box-shadow:0 0 20px #ffd7004d}50%{box-shadow:0 0 30px #ffd70080}}.scanner-header p{color:#ffffffb3;font-size:16px;margin:0 0 16px}.scanner-info{display:flex;flex-direction:column;align-items:center;gap:8px}.info-badge{background:#ffbd5933;color:#ffbd59;padding:6px 16px;border-radius:20px;font-size:14px;font-weight:700;border:1px solid rgba(255,189,89,.3)}.info-text{color:#fff9;font-size:13px;font-weight:600}.upgrade-prompt{margin-top:16px;padding:12px 20px;background:linear-gradient(135deg,#ffd7001a,#ffbd5926);border:1px solid rgba(255,215,0,.3);border-radius:12px;display:flex;align-items:center;justify-content:center;gap:10px;animation:upgradeGlow 2s ease-in-out infinite}.upgrade-icon{font-size:20px;animation:bounce 1.5s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.upgrade-text{color:gold;font-size:14px;font-weight:600;text-align:center}@keyframes upgradeGlow{0%,to{box-shadow:0 0 15px #ffd70033}50%{box-shadow:0 0 25px #ffd70066}}.tier-info-section{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background:#0f1b3599;border-radius:12px;margin-bottom:24px;border:1px solid rgba(255,189,89,.2)}.pattern-access-info{display:flex;align-items:center;gap:12px}.access-label{color:#fff9;font-size:14px;font-weight:600}.access-count{color:#ffbd59;font-size:16px;font-weight:800;padding:6px 16px;background:#ffbd591a;border-radius:8px;border:1px solid rgba(255,189,89,.3)}.upgrade-prompt{margin-top:24px;padding:32px;background:linear-gradient(135deg,#ffd7001a,#ffbd5926);border:2px solid rgba(255,215,0,.3);border-radius:20px;text-align:center;animation:upgradeGlow 2s ease-in-out infinite}.upgrade-icon{font-size:48px;margin-bottom:16px;animation:bounce 1.5s ease-in-out infinite}.upgrade-title{color:gold;font-size:28px;font-weight:800;margin:0 0 12px;font-family:Montserrat,sans-serif}.upgrade-description{color:#ffffffe6;font-size:16px;margin:0 0 24px;line-height:1.6}.upgrade-features{display:flex;flex-direction:column;gap:12px;text-align:left;max-width:500px;margin:24px auto}.upgrade-feature{display:flex;align-items:center;gap:12px;padding:12px;background:#ffffff08;border-radius:8px;transition:all .3s ease}.upgrade-feature:hover{background:#ffffff0f;transform:translate(4px)}.feature-icon{font-size:18px;flex-shrink:0}.feature-text{color:#ffffffe6;font-size:15px;font-weight:600}.btn-upgrade-prompt{width:100%;max-width:500px;padding:18px 32px;background:linear-gradient(135deg,#ffbd59,#ffd580);color:#0f1b35;border:none;border-radius:12px;font-size:16px;font-weight:900;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;box-shadow:0 4px 16px #ffbd5966}.btn-upgrade-prompt:hover{transform:translateY(-2px);box-shadow:0 8px 24px #ffbd5999}.btn-upgrade-prompt:active{transform:translateY(0)}.btn-scan{background:linear-gradient(135deg,#ffbd59,#ffd580);color:#0f1b35;border:none;border-radius:16px;padding:20px 48px;font-size:20px;font-weight:800;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:12px;margin:0 auto 32px;box-shadow:0 6px 24px #ffbd5966;text-transform:uppercase;letter-spacing:1px;min-width:280px}.btn-scan:hover:not(:disabled){transform:translateY(-4px);box-shadow:0 8px 32px #ffbd5999}.btn-scan:active:not(:disabled){transform:translateY(-2px)}.btn-scan.disabled{opacity:.5;cursor:not-allowed;background:linear-gradient(135deg,#666,#888)}.btn-scan.scanning{animation:pulse-scan 1.5s ease-in-out infinite}@keyframes pulse-scan{0%,to{box-shadow:0 6px 24px #ffbd5966}50%{box-shadow:0 6px 32px #ffbd59cc}}.scan-spinner{width:24px;height:24px;border:3px solid rgba(15,27,53,.3);border-top-color:#0f1b35;border-radius:50%;animation:spin .8s linear infinite}.scan-progress{max-width:600px;margin:0 auto 24px}.progress-bar{width:100%;height:8px;background:#0f1b35cc;border-radius:4px;overflow:hidden;border:1px solid rgba(255,189,89,.2);margin-bottom:8px}.progress-fill{height:100%;background:linear-gradient(90deg,#ffbd59,#ffd580);border-radius:4px;transition:width .3s ease;box-shadow:0 0 10px #ffbd5999}.scan-results-info-minimal{background:#0ecb811a;border:1px solid rgba(14,203,129,.3);color:#0ecb81;padding:10px 16px;border-radius:8px;text-align:center;font-size:13px;font-weight:500;margin-bottom:12px;animation:slideIn .3s ease}.scan-results-info-minimal strong{font-weight:700;color:#fff}.progress-text{display:block;text-align:center;color:#ffffffb3;font-size:14px;font-weight:600}.scan-error{background:#f443361a;border:1px solid rgba(244,67,54,.3);border-radius:12px;padding:16px;color:#ff6b6b;text-align:center;margin-bottom:24px;max-width:600px;margin-left:auto;margin-right:auto}.scan-results-info{padding:20px 0}.info-card{display:flex;align-items:center;gap:15px;padding:20px;background:linear-gradient(135deg,#0ecb811a,#0ecb810d);border:2px solid rgba(14,203,129,.3);border-radius:12px;max-width:600px;margin:0 auto}.info-icon{font-size:40px;flex-shrink:0}.info-content{flex:1}.info-content h4{margin:0 0 8px;font-size:20px;font-weight:700;color:#0ecb81;font-family:Montserrat,sans-serif}.info-content p{margin:4px 0;font-size:14px;color:#fffc;font-family:Noto Sans Display,sans-serif}.info-content p strong{color:#ffbd59;font-weight:700}.info-hint{color:#fff9;font-size:13px!important;font-style:italic}.scan-results-compact{margin-top:24px;max-width:800px}.results-title{color:#ffbd59;font-size:18px;font-weight:700;margin:0 0 16px}.results-list-compact{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;max-height:400px;overflow-y:auto;padding-right:8px}.results-list-compact::-webkit-scrollbar{width:6px}.results-list-compact::-webkit-scrollbar-track{background:#0f1b3580;border-radius:3px}.results-list-compact::-webkit-scrollbar-thumb{background:#ffbd5966;border-radius:3px}.results-list-compact::-webkit-scrollbar-thumb:hover{background:#ffbd5999}.result-item-compact{background:linear-gradient(135deg,#112250cc,#1a2847cc);border:1px solid rgba(255,189,89,.3);border-radius:12px;padding:12px;cursor:pointer;transition:all .3s ease;animation:fadeIn .4s ease}.result-item-compact:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000004d;border-color:#ffbd5999}.result-row-1{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.result-symbol-compact{color:#ffbd59;font-size:16px;font-weight:800}.result-signal-compact{font-size:10px;font-weight:700;padding:3px 6px;border-radius:4px}.result-signal-compact.buy-signal{background:#4caf5033;color:#4caf50}.result-signal-compact.sell-signal{background:#f4433633;color:#f44336}.result-row-2{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.pattern-badge-compact{background:#ffbd5933;color:#ffbd59;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:700}.confidence-compact{color:#4caf50;font-size:12px;font-weight:700}.result-row-3{display:flex;justify-content:space-between;font-size:10px;color:#ffffffb3}.level-compact{font-weight:600}.scanner-homepage{max-width:1200px;margin:0 auto;padding:40px 20px}.hero-section{text-align:center;margin-bottom:48px;animation:fadeIn .6s ease}.hero-title{font-size:48px;font-weight:800;color:#ffbd59;margin:0 0 16px;font-family:Montserrat,sans-serif;text-shadow:0 4px 20px rgba(255,189,89,.3)}.hero-subtitle{font-size:20px;color:#fffc;margin:0;font-family:Noto Sans Display,sans-serif}.quick-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:48px}.stat-card{background:linear-gradient(135deg,#112250e6,#1a2847e6);border:2px solid rgba(255,189,89,.3);border-radius:16px;padding:32px 24px;text-align:center;transition:all .3s ease}.stat-card:hover{transform:translateY(-5px);border-color:#ffbd5999;box-shadow:0 8px 24px #ffbd594d}.stat-icon{font-size:48px;margin-bottom:12px}.stat-number{font-size:36px;font-weight:800;color:#ffbd59;margin:8px 0;font-family:Montserrat,sans-serif}.stat-label{font-size:14px;color:#fff9;text-transform:uppercase;letter-spacing:1px;font-family:Noto Sans Display,sans-serif}.how-to-use{margin-bottom:48px}.section-title{text-align:center;font-size:32px;font-weight:700;color:#ffbd59;margin:0 0 32px;font-family:Montserrat,sans-serif}.steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px}.step-card{background:#11225099;border:1px solid rgba(255,189,89,.2);border-radius:12px;padding:24px;transition:all .3s ease;position:relative}.step-card:hover{background:#112250cc;border-color:#ffbd5966;transform:translateY(-3px)}.step-number{position:absolute;top:-15px;left:20px;width:40px;height:40px;background:linear-gradient(135deg,#ffbd59,#ffd580);color:#0f1b35;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;font-family:Montserrat,sans-serif;box-shadow:0 4px 12px #ffbd5966}.step-card h3{margin:12px 0 8px;font-size:18px;font-weight:700;color:#fff;font-family:Montserrat,sans-serif}.step-card p{margin:0;font-size:14px;color:#ffffffb3;line-height:1.6;font-family:Noto Sans Display,sans-serif}.market-activity{margin-bottom:48px}.market-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.market-card{background:linear-gradient(135deg,#0ecb811a,#0ecb810d);border:2px solid rgba(14,203,129,.3);border-radius:12px;padding:24px;text-align:center;transition:all .3s ease}.market-card:hover{transform:translateY(-3px);border-color:#0ecb8180;box-shadow:0 6px 20px #0ecb814d}.market-symbol{font-size:32px;font-weight:700;color:#fff;margin-bottom:12px;font-family:Montserrat,sans-serif}.market-price{font-size:16px;color:#ffffffb3;margin-bottom:8px;font-family:Noto Sans Display,sans-serif}.market-change{font-size:18px;font-weight:700;font-family:Courier New,monospace}.cta-section{text-align:center;margin-top:48px}.btn-cta-large{padding:20px 48px;font-size:20px;font-weight:700;background:linear-gradient(135deg,#ffbd59,#ffd580);color:#0f1b35;border:none;border-radius:12px;cursor:pointer;transition:all .3s ease;box-shadow:0 6px 20px #ffbd5966;font-family:Montserrat,sans-serif;margin-bottom:16px}.btn-cta-large:hover{transform:translateY(-3px);box-shadow:0 8px 28px #ffbd5999}.cta-hint{color:#fff9;font-size:14px;margin:0;font-family:Noto Sans Display,sans-serif}@media(max-width:768px){.pattern-scanner-container{padding:16px}.scanner-header h2{font-size:24px}.btn-scan{width:100%;padding:16px 24px;font-size:16px;min-width:0}.results-grid{grid-template-columns:1fr}.result-symbol{font-size:20px}.scanner-homepage{padding:24px 16px}.hero-title{font-size:32px}.hero-subtitle{font-size:16px}.quick-stats{grid-template-columns:repeat(2,1fr);gap:12px}.stat-card{padding:20px 16px}.stat-icon{font-size:32px}.stat-number,.section-title{font-size:24px}.steps-grid,.market-cards{grid-template-columns:1fr;gap:16px}.btn-cta-large{padding:16px 32px;font-size:16px;width:100%}}.result-card.clickable{cursor:pointer;position:relative}.result-card.clickable:after{content:"👉 Click to view";position:absolute;top:12px;right:12px;background:#ffbd5926;color:#ffbd59;padding:4px 10px;border-radius:6px;font-size:11px;font-weight:600;opacity:0;transition:opacity .3s ease}.result-card.clickable:hover:after{opacity:1}.result-card.clickable:hover{transform:translateY(-6px) scale(1.02);box-shadow:0 12px 40px #ffbd594d;border-color:#ffbd59;cursor:pointer}.result-card.clickable:active{transform:translateY(-4px) scale(1.01)}.scan-results-modal-overlay{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .3s ease}.scan-results-modal{background:linear-gradient(135deg,#112250fa,#1a2847fa);border:2px solid rgba(255,189,89,.4);border-radius:24px;padding:40px;max-width:600px;width:90%;max-height:80vh;overflow-y:auto;position:relative;box-shadow:0 20px 60px #00000080,0 0 100px #ffbd5933;animation:slideUp .4s ease}.modal-close{position:absolute;top:20px;right:20px;background:#ffffff1a;border:none;color:#ffffffb3;width:36px;height:36px;border-radius:50%;font-size:20px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.modal-icon{font-size:64px;text-align:center;margin-bottom:20px;animation:bounceIn .6s ease}@keyframes bounceIn{0%{transform:scale(0);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.modal-title{color:#ffbd59;font-size:32px;font-weight:800;text-align:center;margin:0 0 16px}.modal-message{color:#ffffffe6;font-size:18px;text-align:center;margin:0 0 32px;line-height:1.6}.modal-message strong{color:#ffbd59;font-weight:700}.modal-hint{color:#fff9;font-size:14px;text-align:center;margin:0 0 24px}.modal-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:32px}.stat-item{background:#0f1b3599;border:1px solid rgba(255,189,89,.2);border-radius:12px;padding:16px;text-align:center}.stat-label{display:block;color:#fff9;font-size:12px;font-weight:600;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.stat-value{display:block;color:#fff;font-size:24px;font-weight:800}.stat-value.success{color:#4caf50}.modal-results-list{max-height:300px;overflow-y:auto;margin-bottom:24px;border:1px solid rgba(255,189,89,.2);border-radius:12px;background:#0f1b3566}.modal-result-item{padding:16px;border-bottom:1px solid rgba(255,189,89,.1);display:flex;align-items:center;gap:12px;cursor:pointer;transition:all .3s ease}.modal-result-item:last-child{border-bottom:none}.modal-result-item:hover{background:#ffbd591a}.modal-result-symbol{color:#ffbd59;font-size:18px;font-weight:800;min-width:60px}.modal-result-pattern{flex:1;color:#fffc;font-size:14px;font-weight:600}.modal-result-signal{padding:4px 10px;border-radius:6px;font-size:11px;font-weight:700;text-transform:uppercase}.modal-result-signal.buy-signal,.modal-result-signal.strong-buy{background:#4caf5033;color:#4caf50;border:1px solid #4CAF50}.modal-result-signal.sell-signal,.modal-result-signal.strong-sell{background:#f4433633;color:#f44336;border:1px solid #F44336}.modal-action-btn{background:linear-gradient(135deg,#ffbd59,#ffd580);color:#0f1b35;border:none;border-radius:12px;padding:16px 32px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;width:100%;text-transform:uppercase;letter-spacing:1px;box-shadow:0 4px 16px #ffbd5966}.modal-action-btn:hover{transform:translateY(-2px);box-shadow:0 6px 24px #ffbd5999}.modal-action-btn:active{transform:translateY(0)}.scan-results-modal::-webkit-scrollbar,.modal-results-list::-webkit-scrollbar{width:8px}.scan-results-modal::-webkit-scrollbar-track,.modal-results-list::-webkit-scrollbar-track{background:#0f1b3580;border-radius:4px}.scan-results-modal::-webkit-scrollbar-thumb,.modal-results-list::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#ffbd59,#ffd580);border-radius:4px}.scan-results-modal::-webkit-scrollbar-thumb:hover,.modal-results-list::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#ffd580,#ffbd59)}@media(max-width:768px){.scan-results-modal{padding:24px;max-height:90vh}.modal-title{font-size:24px}.modal-message{font-size:16px}.modal-stats{grid-template-columns:1fr;gap:12px}.modal-icon{font-size:48px}}.modal-overlay{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease}.add-trade-modal{background:linear-gradient(135deg,#112250fa,#1a2847fa);border:2px solid rgba(255,189,89,.3);border-radius:24px;padding:40px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;position:relative;animation:modalSlideIn .3s ease}.modal-close{position:absolute;top:16px;right:16px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#ffffffb3;font-size:24px;width:40px;height:40px;border-radius:50%;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;font-family:Arial,sans-serif;padding:0;line-height:1}.modal-close:hover{background:#fff3;color:#fff;transform:rotate(90deg)}.add-trade-modal h2{color:#ffbd59;font-size:24px;font-weight:800;margin:0 0 32px;text-align:center}.trade-form{display:flex;flex-direction:column;gap:20px}.form-group label{color:#debc81;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.required{color:#f44336}.form-group input,.form-group select,.form-group textarea{background:#0f1b35cc;border:1px solid rgba(255,189,89,.3);border-radius:10px;padding:12px 16px;color:#fff;font-size:14px;transition:all .2s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#ffbd59;box-shadow:0 0 0 4px #ffbd591a}.form-group textarea{resize:vertical;font-family:inherit}.pl-preview{background:#0f1b3599;border:1px solid rgba(255,189,89,.2);border-radius:12px;padding:16px;display:flex;justify-content:space-between;align-items:center;animation:slideIn .3s ease}.pl-label{color:#ffffffb3;font-size:14px;font-weight:600}.pl-value{font-size:20px;font-weight:900}.pl-value.positive{color:#4caf50}.pl-value.negative{color:#f44336}.form-actions{display:flex;gap:12px;margin-top:12px}.btn-cancel,.btn-submit{flex:1;padding:14px 24px;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;border:none}.btn-cancel{background:#ffffff1a;color:#ffffffb3;border:1px solid rgba(255,255,255,.2)}.btn-cancel:hover{background:#ffffff26;color:#fff}.btn-submit{background:linear-gradient(135deg,#4caf50,#8bc34a);color:#fff}.btn-submit:hover{transform:translateY(-2px);box-shadow:0 4px 16px #4caf5066}@media(max-width:768px){.add-trade-modal{padding:24px;max-height:85vh;width:95%}.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column}.btn-cancel,.btn-submit{width:100%}}.trading-journal{max-width:1400px;margin:0 auto;padding:24px}.journal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.journal-title{display:flex;align-items:center;gap:12px}.journal-title h2{color:#ffbd59;font-size:28px;font-weight:800;margin:0}.tier-badge{background:#ffbd5933;color:#ffbd59;padding:6px 14px;border-radius:8px;font-size:12px;font-weight:700;border:1px solid rgba(255,189,89,.3)}.journal-actions{display:flex;gap:12px}.btn-export,.btn-add-trade{padding:12px 24px;border-radius:10px;font-size:15px;font-weight:700;cursor:pointer;transition:all .3s ease;border:none}.btn-export{background:#4caf5033;color:#4caf50;border:1px solid #4CAF50}.btn-export:hover:not(:disabled){background:#4caf504d;transform:translateY(-2px)}.btn-export:disabled{opacity:.4;cursor:not-allowed}.btn-add-trade{background:linear-gradient(135deg,#ffbd59,#ffd580);color:#0f1b35}.btn-add-trade:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ffbd5966}.journal-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:32px}.stat-card{background:linear-gradient(135deg,#112250e6,#1a2847e6);border:1px solid rgba(255,189,89,.3);border-radius:16px;padding:24px;text-align:center}.stat-label{color:#fff9;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}.stat-value{color:#fff;font-size:36px;font-weight:900;margin-bottom:8px}.stat-value.small{font-size:24px}.stat-value.positive{color:#4caf50}.stat-value.negative{color:#f44336}.stat-detail,.stat-limit{color:#ffffff80;font-size:13px;font-weight:600}.trades-table-container{background:#11225080;border:1px solid rgba(255,189,89,.2);border-radius:16px;overflow:hidden}.trades-table{width:100%;border-collapse:collapse}.trades-table thead{background:#0f1b35cc}.trades-table th{color:#ffbd59;font-size:13px;font-weight:700;text-transform:uppercase;padding:16px 12px;text-align:left;border-bottom:2px solid rgba(255,189,89,.3)}.trades-table td{color:#fffc;font-size:14px;padding:16px 12px;border-bottom:1px solid rgba(255,189,89,.1)}.trades-table tbody tr:hover{background:#ffbd590d}.trades-table tr.closed{opacity:1}.trades-table tr.open{opacity:.8}.symbol{font-weight:700;color:#ffbd59}.type-badge{padding:4px 10px;border-radius:6px;font-size:11px;font-weight:700;display:inline-block}.type-badge.long{background:#4caf5033;color:#4caf50;border:1px solid #4CAF50}.type-badge.short{background:#f4433633;color:#f44336;border:1px solid #F44336}.open-badge{color:#fff6;font-size:12px;font-weight:600}.pl-positive{color:#4caf50;font-weight:700}.pl-negative{color:#f44336;font-weight:700}.pattern-badge{background:#ffbd5933;color:#ffbd59;padding:4px 8px;border-radius:4px;font-size:11px;font-weight:700}.action-buttons{display:flex;gap:8px;justify-content:center}.btn-edit,.btn-delete{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:6px;padding:6px 10px;cursor:pointer;transition:all .2s ease;font-size:16px}.btn-edit:hover{background:#ffbd5933;border-color:#ffbd59;transform:scale(1.1)}.btn-delete{background:#f4433633;border-color:#f443364d}.btn-delete:hover{background:#f443364d;border-color:#f44336;transform:scale(1.1)}.journal-empty{text-align:center;padding:80px 20px}.empty-icon{font-size:64px;display:block;margin-bottom:24px;opacity:.3}.journal-empty h3{color:#ffbd59;font-size:24px;font-weight:700;margin:0 0 12px}.journal-empty p{color:#fff9;font-size:16px;margin:0 0 32px}.btn-add-trade-empty{background:linear-gradient(135deg,#ffbd59,#ffd580);color:#0f1b35;border:none;border-radius:12px;padding:16px 48px;font-size:16px;font-weight:800;cursor:pointer;transition:all .3s ease}.btn-add-trade-empty:hover{transform:translateY(-3px);box-shadow:0 6px 20px #ffbd5980}.tier-warning{background:#ff98001a;border:1px solid rgba(255,152,0,.3);border-radius:12px;padding:16px 24px;color:#ff9800;font-size:14px;font-weight:600;text-align:center;margin-top:24px}.tier-warning a{color:#ffbd59;text-decoration:none;font-weight:700}.journal-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px}.loading-spinner{width:48px;height:48px;border:4px solid rgba(255,189,89,.2);border-top-color:#ffbd59;border-radius:50%;animation:spin 1s linear infinite}.notification-ok-btn,.confirmation-cancel-btn,.confirmation-confirm-btn{padding:14px 32px;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;border:none}.notification-ok-btn{background:linear-gradient(135deg,#4caf50,#66bb6a);color:#fff;width:100%}.confirmation-buttons{display:flex;gap:12px;margin-top:32px}.confirmation-cancel-btn{flex:1;background:#ffffff1a;color:#fffc;border:1px solid rgba(255,255,255,.2)}.confirmation-cancel-btn:hover{background:#ffffff26;color:#fff}.confirmation-confirm-btn{flex:1;background:linear-gradient(135deg,#f44336,#e53935);color:#fff}.confirmation-confirm-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #f4433666}@media(max-width:1024px){.trades-table-container{overflow-x:auto}.trades-table{min-width:800px}}@media(max-width:768px){.trading-journal{padding:16px}.journal-header{flex-direction:column;align-items:flex-start;gap:16px}.journal-stats{grid-template-columns:1fr}}.entry-status-display{background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:16px;padding:24px;margin:20px 0;border:1px solid rgba(102,126,234,.2);box-shadow:0 8px 32px #0000004d}.status-header{margin-bottom:24px;text-align:center}.status-title{font-size:20px;font-weight:700;margin:0 0 8px;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.status-subtitle{font-size:14px;color:#aaa}.workflow-steps{margin:24px 0;display:flex;flex-direction:column;gap:12px}.workflow-step{display:flex;align-items:center;gap:16px;padding:16px;border-radius:12px;background:#ffffff08;border:1px solid rgba(255,255,255,.1);transition:all .3s ease;position:relative}.workflow-step.completed{background:#10b9811a;border-color:#10b9814d}.workflow-step.current{background:#667eea26;border-color:#667eea80;box-shadow:0 0 20px #667eea4d}.workflow-step.pending{opacity:.5}.workflow-step.broken{background:#ef44441a;border-color:#ef444480}.step-indicator{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:24px}.step-check{font-size:24px}.step-icon{font-size:28px}.step-number{font-size:24px;opacity:.5}.step-content{flex:1;display:flex;flex-direction:column;gap:4px}.step-label{font-size:15px;font-weight:600;color:#fff}.step-action{font-size:13px;font-weight:500;opacity:.9}.current-marker{font-size:14px;font-weight:700;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.status-details{padding:20px;border-radius:12px;border:2px solid;margin:20px 0}.detail-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.detail-label{font-size:14px;color:#aaa}.detail-value{font-size:16px;font-weight:700;color:#fff}.detail-message{font-size:16px;font-weight:600;font-style:italic;margin-top:12px;padding:12px;background:#0003;border-radius:8px;border-left:4px solid}.zone-details{margin-top:16px;padding:12px;background:#0003;border-radius:8px}.zone-label{font-size:14px;font-weight:600;color:#fff;margin-bottom:4px}.zone-mid{font-size:13px;color:#aaa}.confirmation-details{margin-top:16px;padding:12px;background:#10b9811a;border:1px solid rgba(16,185,129,.3);border-radius:8px}.confirmation-type{font-size:14px;font-weight:600;color:#10b981;margin-bottom:4px}.confirmation-strength{font-size:13px;color:#10b981}.warning-banner{display:flex;align-items:center;gap:16px;padding:20px;background:linear-gradient(135deg,#f59e0b33,#ef444433);border:2px solid #F59E0B;border-radius:12px;margin:20px 0;animation:warningPulse 3s ease-in-out infinite}@keyframes warningPulse{0%,to{box-shadow:0 0 20px #f59e0b4d}50%{box-shadow:0 0 30px #f59e0b99}}.warning-icon{font-size:48px;flex-shrink:0}.warning-content{flex:1}.warning-title{font-size:18px;font-weight:800;color:#f59e0b;margin-bottom:8px;text-transform:uppercase;letter-spacing:1px}.warning-message{font-size:15px;color:#fff;font-weight:500}.entry-allowed-banner{display:flex;align-items:center;gap:16px;padding:20px;background:linear-gradient(135deg,#10b98133,#05966933);border:2px solid #10b981;border-radius:12px;margin:20px 0;animation:entryPulse 2s ease-in-out infinite}@keyframes entryPulse{0%,to{box-shadow:0 0 20px #10b98166}50%{box-shadow:0 0 40px #10b981b3}}.entry-icon{font-size:48px;flex-shrink:0}.entry-content{flex:1}.entry-title{font-size:18px;font-weight:800;color:#10b981;margin-bottom:8px;text-transform:uppercase;letter-spacing:1px}.entry-details{display:flex;gap:20px;font-size:15px;color:#fff;font-weight:600}.status-actions{display:flex;gap:12px;margin-top:20px}.btn-set-alert,.btn-trading-rules{flex:1;padding:14px 20px;font-size:15px;font-weight:600;border-radius:10px;border:none;cursor:pointer;transition:all .3s ease}.btn-trading-rules{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}.btn-trading-rules:hover{background:#ffffff26;border-color:#ffffff4d}@media(max-width:768px){.entry-status-display{padding:16px}.status-title{font-size:18px}.workflow-step{padding:12px;gap:12px}.step-indicator{width:32px;height:32px}.step-icon{font-size:24px}.step-label{font-size:14px}.step-action{font-size:12px}.current-marker{position:absolute;top:12px;right:12px;font-size:12px}.warning-icon,.entry-icon{font-size:36px}.warning-title,.entry-title{font-size:16px}.status-actions{flex-direction:column}}.zone-retest-tracker{background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:16px;padding:20px;margin:16px 0;border:1px solid rgba(102,126,234,.2);box-shadow:0 4px 16px #0003}.zone-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.1)}.zone-type{display:flex;align-items:center;gap:8px}.zone-icon{font-size:24px}.zone-label{font-size:16px;font-weight:700;color:#fff}.zone-price-range{font-size:15px;font-weight:600;color:#667eea;background:#667eea1a;padding:6px 12px;border-radius:8px}.zone-status-section{margin-bottom:20px}.status-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.status-label{font-size:14px;color:#aaa}.status-value{font-size:16px;font-weight:700}.star-rating{font-size:24px;text-align:center;padding:12px;background:#0003;border-radius:8px;letter-spacing:4px}.zone-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px}.metric-item{display:flex;align-items:center;gap:12px;padding:12px;background:#ffffff08;border-radius:10px;border:1px solid rgba(255,255,255,.1)}.metric-icon{font-size:24px;flex-shrink:0}.metric-content{flex:1}.metric-label{font-size:12px;color:#888;margin-bottom:2px}.metric-value{font-size:16px;font-weight:700;color:#fff}.strength-bar-container{margin-bottom:16px}.strength-label{font-size:13px;color:#aaa;margin-bottom:8px}.strength-bar{height:12px;background:#ffffff1a;border-radius:6px;overflow:hidden;position:relative}.strength-fill{height:100%;border-radius:6px;transition:width .5s ease,background .3s ease;position:relative}.strength-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#fff0,#fff3,#fff0);animation:shimmer 2s infinite}.strength-percentage{text-align:right;font-size:12px;font-weight:700;margin-top:4px}.zone-mid-price{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#ffffff0d;border-radius:8px;margin-bottom:16px}.mid-label{font-size:14px;color:#aaa}.mid-value{font-size:16px;font-weight:700;color:#667eea}.zone-warning{display:flex;align-items:flex-start;gap:12px;padding:12px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px}.warning-icon{font-size:20px;flex-shrink:0}.warning-text{font-size:13px;color:#ef4444;line-height:1.5;font-weight:500}.zone-tip{display:flex;align-items:flex-start;gap:12px;padding:12px;background:#10b9811a;border:1px solid rgba(16,185,129,.3);border-radius:8px}.tip-icon{font-size:20px;flex-shrink:0}.tip-text{font-size:13px;color:#10b981;line-height:1.5;font-weight:500}@media(max-width:768px){.zone-retest-tracker{padding:16px}.zone-header{flex-direction:column;align-items:flex-start;gap:12px}.zone-metrics{grid-template-columns:1fr}.metric-item{padding:10px}.star-rating{font-size:20px;letter-spacing:2px}}.confirmation-indicator{background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:16px;padding:20px;margin:16px 0;border:1px solid rgba(102,126,234,.2);box-shadow:0 4px 16px #0003}.confirmation-indicator.no-confirmation{display:flex;align-items:center;gap:16px;padding:20px;background:#ffffff08;border:1px dashed rgba(255,255,255,.2)}.no-conf-icon{font-size:48px;flex-shrink:0;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}.no-conf-message{flex:1}.no-conf-title{font-size:18px;font-weight:700;color:#888;margin-bottom:4px}.no-conf-subtitle{font-size:14px;color:#666;font-style:italic}.ready-banner{display:flex;align-items:center;gap:16px;padding:20px;background:linear-gradient(135deg,#10b98133,#05966933);border:2px solid #10b981;border-radius:12px;margin-bottom:20px;animation:readyPulse 2s ease-in-out infinite}@keyframes readyPulse{0%,to{box-shadow:0 0 20px #10b98166}50%{box-shadow:0 0 40px #10b981b3}}.ready-icon{font-size:48px;flex-shrink:0;animation:bounce 1s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.ready-content{flex:1}.ready-title{font-size:20px;font-weight:800;color:#10b981;margin-bottom:4px;text-transform:uppercase;letter-spacing:1px}.ready-subtitle{font-size:14px;color:#fff;font-weight:500}.conf-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.1)}.conf-type{display:flex;align-items:center;gap:12px}.conf-type-icon{font-size:32px}.conf-type-label{font-size:18px;font-weight:700;color:#fff}.conf-strength{display:flex;align-items:center}.strength-badge{padding:8px 16px;border-radius:8px;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;border:2px solid}.conf-direction{display:flex;align-items:center;gap:12px;margin-bottom:16px;padding:12px;background:#ffffff08;border-radius:8px}.direction-label{font-size:14px;color:#888}.direction-value{font-size:16px;font-weight:700;display:flex;align-items:center;gap:4px}.conf-details{margin-bottom:16px}.detail-description{font-size:14px;color:#aaa;margin-bottom:12px;padding:10px;background:#0003;border-radius:6px;border-left:3px solid rgba(102,126,234,.5);font-style:italic}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;margin-bottom:6px;background:#ffffff08;border-radius:6px}.detail-label{font-size:13px;color:#888}.detail-value{font-size:15px;font-weight:700;color:#fff}.candle-visual{margin-top:20px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1)}.candle-label{font-size:14px;font-weight:600;color:#aaa;margin-bottom:12px;text-align:center}.candle-diagram{display:flex;justify-content:center;align-items:center;padding:20px;background:#0000004d;border-radius:8px}.candle-ascii{display:flex;flex-direction:column;align-items:center;justify-content:center}.candle-wick{width:2px;border-left:2px solid}.candle-body{width:20px;height:30px;border-radius:2px;box-shadow:0 2px 8px #0000004d}.confirmation-indicator.has-confirmation.strength-strong{border-color:#10b98180}.confirmation-indicator.has-confirmation.strength-medium{border-color:#f59e0b80}.confirmation-indicator.has-confirmation.strength-weak{border-color:#ef444480}@media(max-width:768px){.confirmation-indicator{padding:16px}.conf-header{flex-direction:column;align-items:flex-start;gap:12px}.conf-type-icon{font-size:28px}.conf-type-label{font-size:16px}.strength-badge{padding:6px 12px;font-size:12px}.ready-icon{font-size:36px}.ready-title{font-size:16px}.ready-subtitle{font-size:12px}.no-conf-icon{font-size:36px}.no-conf-title{font-size:16px}.no-conf-subtitle{font-size:12px}}.pattern-modal-overlay{position:fixed;inset:0;background:#000000d9;display:flex;justify-content:center;align-items:center;z-index:9999;padding:20px;animation:fadeIn .3s ease;overflow-y:auto}.pattern-modal-content{background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:20px;max-width:900px;width:100%;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #00000080;border:1px solid rgba(102,126,234,.3);animation:slideUp .4s ease;overflow:hidden}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid rgba(255,255,255,.1);background:#0003}.modal-title-section{display:flex;align-items:center;gap:16px}.pattern-icon{font-size:48px;flex-shrink:0}.pattern-title-info{display:flex;flex-direction:column;gap:4px}.pattern-title{font-size:24px;font-weight:800;margin:0;color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.pattern-subtitle{font-size:14px;color:#888;font-weight:500}.modal-close-btn{width:40px;height:40px;border-radius:50%;border:none;background:#ffffff1a;color:#fff;font-size:24px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.modal-close-btn:hover{background:#ef444433;transform:rotate(90deg)}.modal-tabs{display:flex;gap:4px;padding:16px 24px 0;border-bottom:1px solid rgba(255,255,255,.1);background:#0000001a;overflow-x:auto}.modal-tab{padding:12px 20px;border:none;background:transparent;color:#888;font-size:14px;font-weight:600;cursor:pointer;border-bottom:3px solid transparent;transition:all .3s ease;white-space:nowrap}.modal-tab:hover{color:#fff;background:#ffffff0d}.modal-tab.active{color:#667eea;border-bottom-color:#667eea;background:#667eea1a}.modal-body{flex:1;overflow-y:auto;padding:24px}.modal-body::-webkit-scrollbar{width:8px}.modal-body::-webkit-scrollbar-track{background:#ffffff0d}.modal-body::-webkit-scrollbar-thumb{background:#667eea4d;border-radius:4px}.modal-body::-webkit-scrollbar-thumb:hover{background:#667eea80}.tab-content{animation:fadeIn .4s ease}.section-title{font-size:20px;font-weight:700;color:#fff;margin:0 0 20px;display:flex;align-items:center;gap:8px}.info-card{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:20px;margin-bottom:20px}.zone-info-card{background:linear-gradient(135deg,#667eea1a,#764ba21a);border-color:#667eea4d}.card-title{font-size:16px;font-weight:700;color:#fff;margin:0 0 16px;display:flex;align-items:center;gap:8px}.info-row{display:flex;justify-content:space-between;align-items:flex-start;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.05)}.info-label{font-size:14px;color:#888;font-weight:500}.info-value{font-size:15px;font-weight:700;color:#fff;text-align:right}.info-description{font-size:14px;color:#aaa;font-style:italic;text-align:right;max-width:60%;line-height:1.5}.confidence-value{display:flex;align-items:center;gap:8px}.price-value{color:#667eea}.recommendation-card{display:flex;align-items:center;gap:16px;padding:20px;border-radius:12px;border:2px solid;margin-top:20px;animation:pulse 2s ease-in-out infinite}.recommendation-card.allow-entry{background:linear-gradient(135deg,#10b98133,#05966933);border-color:#10b981}.recommendation-card.wait-entry{background:linear-gradient(135deg,#f59e0b33,#ef444433);border-color:#f59e0b}@keyframes pulse{0%,to{box-shadow:0 0 20px #667eea4d}50%{box-shadow:0 0 30px #667eea99}}.recommendation-icon{font-size:48px;flex-shrink:0}.recommendation-content{flex:1}.recommendation-title{font-size:18px;font-weight:800;margin-bottom:4px;text-transform:uppercase;letter-spacing:1px}.recommendation-card.allow-entry .recommendation-title{color:#10b981}.recommendation-card.wait-entry .recommendation-title{color:#f59e0b}.recommendation-message{font-size:14px;color:#fff;font-weight:500}.no-data-message{padding:40px;text-align:center;font-size:16px;color:#888;background:#ffffff08;border-radius:12px;border:1px dashed rgba(255,255,255,.1)}.modal-footer{display:flex;gap:12px;padding:20px 24px;border-top:1px solid rgba(255,255,255,.1);background:#0003}.action-btn{flex:1;padding:14px 20px;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px}.btn-set-alert{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 15px #667eea66}.btn-set-alert:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea99}.btn-view-chart{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 15px #10b98166}.btn-view-chart:hover{transform:translateY(-2px);box-shadow:0 6px 20px #10b98199}.btn-copy-trade{background:linear-gradient(135deg,#3b82f6,#1e40af);color:#fff;box-shadow:0 4px 15px #3b82f666}.btn-copy-trade:hover{transform:translateY(-2px);box-shadow:0 6px 20px #3b82f699}.btn-close{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}.btn-close:hover{background:#ffffff26;border-color:#ffffff4d}@media(max-width:768px){.pattern-modal-overlay{padding:10px}.pattern-modal-content{border-radius:16px;max-height:95vh}.modal-header{padding:16px}.pattern-icon{font-size:36px}.pattern-title{font-size:18px}.pattern-subtitle{font-size:12px}.modal-close-btn{width:32px;height:32px;font-size:20px}.modal-tabs{padding:12px 16px 0}.modal-tab{padding:10px 14px;font-size:12px}.modal-body{padding:16px}.section-title{font-size:18px}.info-card{padding:16px}.info-description{max-width:100%;margin-top:8px}.info-row{flex-direction:column;align-items:flex-start;gap:8px}.info-value{text-align:left}.recommendation-card{flex-direction:column;padding:16px}.recommendation-icon{font-size:36px}.recommendation-title{font-size:16px}.recommendation-message{font-size:13px}.modal-footer{flex-wrap:wrap;padding:16px}.action-btn{padding:12px 16px;font-size:13px}.btn-set-alert,.btn-view-chart,.btn-copy-trade,.btn-close{flex:1 1 calc(50% - 6px)}}.results-list{display:flex;flex-direction:column;gap:var(--space-md);margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid rgba(255,255,255,.08)}.results-header{display:flex;align-items:center;justify-content:space-between}.results-items{display:flex;flex-direction:column;gap:var(--space-sm)}.results-list .results-items .result-card,.result-card,div.result-card,[class*=result-card]{padding:12px 14px!important;margin-bottom:8px!important;background:linear-gradient(135deg,#112250f2,#0a1432fa)!important;border:1px solid rgba(255,189,89,.4)!important;border-radius:12px!important;cursor:pointer!important;pointer-events:auto!important;transition:all var(--transition-base)!important;-webkit-user-select:none!important;user-select:none!important;box-shadow:0 2px 12px #0006!important}.results-list .results-items .result-card:hover,.result-card:hover,div.result-card:hover,[class*=result-card]:hover{background:linear-gradient(135deg,#1a2d64fa,#112250)!important;border-color:#ffbd59!important;transform:translate(4px)!important;box-shadow:0 4px 20px #ffbd5959!important}.results-list .results-items .result-card:active,.result-card:active,div.result-card:active,[class*=result-card]:active{transform:translate(2px) scale(.98)!important}.results-list .results-items .result-card.selected,.result-card.selected,div.result-card.selected,[class*=result-card].selected{background:linear-gradient(135deg,#1a2d64fa,#112250)!important;border:2px solid #FFBD59!important;box-shadow:0 4px 24px #ffbd5966!important}.result-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px!important;line-height:1}.result-coin{font-family:var(--font-mono);font-size:15px!important;font-weight:600;color:var(--text-primary);line-height:1}.result-confidence{display:flex;align-items:center;gap:4px;font-size:11px!important;font-weight:500;padding:2px 6px!important;border-radius:4px;line-height:1}.result-confidence.confidence-high{background:#00ff8826;color:#0f8}.result-confidence.confidence-medium{background:#ffbd5926;color:#ffbd59}.result-confidence.confidence-low{background:#f6465d26;color:#f6465d}.result-pattern{display:flex;align-items:center;gap:6px;margin-bottom:6px!important;line-height:1.2}.results-list .pattern-code{font-family:var(--font-mono);font-size:13px!important;font-weight:500;color:#ffbd59!important;padding:5px 8px!important;background:#ffbd5926!important;border-radius:6px;line-height:1.2}.result-timeframe{font-size:11px!important;color:var(--text-secondary);line-height:1}.result-details-3col{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:10px}.result-details-3col .result-detail-item{display:flex;flex-direction:column;align-items:center;gap:4px}.result-details-3col .detail-label{font-size:10px;color:#ffffff80;text-transform:uppercase;font-weight:600;letter-spacing:.5px}.result-details-3col .detail-value{font-size:13px;font-weight:700}.result-details-3col .entry-value{color:#ffbd59}.result-details-3col .stop-value{color:#f6465d}.result-details-3col .target-value{color:#0ecb81}.result-details{display:flex;gap:8px;margin-bottom:8px}.result-detail-item{flex:1;display:flex;flex-direction:column;gap:2px}.detail-label{font-size:10px;color:var(--text-secondary);text-transform:uppercase;margin-bottom:2px;line-height:1;letter-spacing:.5px}.detail-value{font-size:13px!important;font-weight:600;color:var(--text-primary);line-height:1}.result-time-ago{display:flex;align-items:center;gap:6px;margin-top:8px;padding-top:8px;border-top:1px solid rgba(255,189,89,.15);font-size:11px;color:#ffffff80}.result-time-ago .time-icon{opacity:.6}.results-list .results-items .result-card .paper-trade-btn,.paper-trade-btn{width:100%!important;height:32px!important;padding:8px 14px!important;border:1px solid rgba(255,189,89,.5)!important;border-radius:8px!important;background:linear-gradient(135deg,#ffbd59,#ff8c00)!important;color:#0a0e27!important;font-size:13px!important;font-weight:700!important;cursor:pointer!important;transition:all .2s ease!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;line-height:1!important;box-shadow:0 2px 10px #ffbd5966!important;text-shadow:none!important;margin-top:8px!important}.results-list .results-items .result-card .paper-trade-btn:hover,.paper-trade-btn:hover{background:linear-gradient(135deg,#ffd080,#ffbd59)!important;border-color:#ffbd59!important;transform:translateY(-2px)!important;box-shadow:0 4px 16px #ffbd5980!important}.results-list .results-items .result-card .paper-trade-btn:active,.paper-trade-btn:active{transform:translateY(0) scale(.98)!important}.results-list .results-items .result-card .paper-trade-btn.locked,.paper-trade-btn.locked{background:#1e2a5e99!important;border:1px solid rgba(255,189,89,.25)!important;color:#fff9!important;font-size:11px!important;box-shadow:none!important}.results-list .results-items .result-card .paper-trade-btn.locked:hover,.paper-trade-btn.locked:hover{background:#ffbd5926!important;border-color:#ffbd5966!important;color:#ffbd59!important;transform:translateY(0)!important;box-shadow:0 2px 8px #ffbd5933!important}@media(max-width:767px){.results-list{gap:10px;margin-top:10px;padding-top:10px}.results-header{flex-wrap:wrap;gap:8px}.results-items{gap:8px}.result-card,.results-list .results-items .result-card{padding:10px 12px!important;margin-bottom:6px!important;border-radius:10px!important}.result-header{margin-bottom:4px!important}.result-coin{font-size:13px!important}.result-confidence{font-size:10px!important;padding:2px 5px!important}.result-pattern{margin-bottom:4px!important;gap:4px}.results-list .pattern-code{font-size:11px!important;padding:4px 6px!important}.result-timeframe{font-size:10px!important}.result-details-3col{gap:6px;margin-bottom:8px}.result-details-3col .detail-label{font-size:9px}.result-details-3col .detail-value{font-size:12px}.result-time-ago{margin-top:6px;padding-top:6px;font-size:10px}.paper-trade-btn,.results-list .results-items .result-card .paper-trade-btn{height:32px!important;font-size:12px!important;margin-top:6px!important;gap:4px!important}}.coin-selector-dropdown{position:relative;margin-bottom:12px}.dropdown-trigger{width:100%;height:40px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;background:#11225099;border:1px solid rgba(255,189,89,.3);border-radius:8px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.dropdown-trigger:hover{background:#ffbd591a;border-color:#ffbd59}.dropdown-trigger.open{border-color:#ffbd59;box-shadow:0 0 16px #ffbd594d}.trigger-content{display:flex;align-items:center;gap:8px;flex:1}.selected-coin{color:#ffbd59}.count-badge{padding:2px 8px;background:#ffbd5933;border-radius:12px;font-size:11px;color:#ffbd59;font-weight:700}.tier-badge-inline{font-size:14px}.chevron{transition:transform .3s;color:#fff9}.chevron.rotate{transform:rotate(180deg)}.selection-info{display:flex;justify-content:space-between;align-items:center;margin-top:6px;font-size:11px}.coin-count{color:#ffffffb3;font-weight:600}.tier-badge{padding:3px 8px;border-radius:4px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.5px}.tier-badge.tier-free{background:#ffffff1a;color:#ffffffb3}.tier-badge.tier-tier1,.tier-badge.tier-tier2{background:#8b5cf633;color:#8b5cf6}.tier-badge.tier-tier3{background:#ffbd5933;color:#ffbd59}.dropdown-modal{position:absolute;top:62px;left:0;right:0;background:#112250;border:1px solid rgba(255,189,89,.3);border-radius:12px;box-shadow:0 8px 32px #0006;z-index:1000;overflow:hidden;animation:slideDown .3s ease-out}.dropdown-search{position:relative;padding:12px;border-bottom:1px solid rgba(255,255,255,.1)}.dropdown-search input{width:100%;height:36px;padding:0 36px;background:#11225099;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#fff;font-size:13px}.dropdown-search input:focus{outline:none;border-color:#ffbd59;box-shadow:0 0 12px #ffbd5933}.dropdown-search input::placeholder{color:#fff6}.search-icon{position:absolute;left:22px;top:50%;transform:translateY(-50%);color:#fff6}.clear-search{position:absolute;right:22px;top:50%;transform:translateY(-50%);background:none;border:none;color:#fff9;cursor:pointer;display:flex;align-items:center;padding:4px;border-radius:4px;transition:all .2s}.clear-search:hover{background:#ffffff1a;color:#fff}.coin-list-scrollable{max-height:450px;overflow-y:auto;padding:8px}.coin-list-scrollable::-webkit-scrollbar{width:6px}.coin-list-scrollable::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.coin-list-scrollable::-webkit-scrollbar-thumb{background:#ffbd594d;border-radius:3px}.coin-list-scrollable::-webkit-scrollbar-thumb:hover{background:#ffbd5980}.dropdown-actions-top{display:flex;align-items:center;gap:6px;padding:8px 12px;border-bottom:1px solid rgba(255,255,255,.1);background:#11225066}.action-btn-top{display:flex;align-items:center;gap:4px;padding:5px 10px;background:#ffbd591a;border:1px solid rgba(255,189,89,.3);border-radius:4px;color:#ffbd59;font-size:10px;font-weight:600;cursor:pointer;transition:all .2s}.action-btn-top:hover{background:#ffbd5933;border-color:#ffbd59}.tier-badge-top{display:flex;align-items:center;gap:3px;padding:4px 8px;background:#ffbd5933;border-radius:4px;font-size:9px;font-weight:700;color:#ffbd59}.coin-total-count{margin-left:auto;font-size:10px;color:#ffffff80}.coin-item{display:grid;grid-template-columns:16px 20px 1fr auto auto;gap:6px;align-items:center;padding:6px 8px;background:#11225066;border:1px solid rgba(255,255,255,.05);border-radius:6px;margin-bottom:4px;cursor:pointer;transition:all .2s}.coin-item:hover{background:#ffbd591a;border-color:#ffbd594d}.coin-item.selected{background:#ffbd5926;border-color:#ffbd5980}.coin-item.favorite{border-left:2px solid #FFBD59}.coin-item input[type=checkbox]{width:14px;height:14px;cursor:pointer;accent-color:#FFBD59}.coin-symbol{font-size:11px;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.coin-price{font-size:10px;color:#ffffffb3;text-align:right;white-space:nowrap}.coin-change{font-size:10px;font-weight:600;text-align:right;min-width:45px;padding:2px 4px;border-radius:3px}.coin-change.positive{color:#0ecb81;background:#0ecb811a}.coin-change.negative{color:#f6465d;background:#f6465d1a}.coin-change.neutral{color:#fff9}.favorite-btn{background:transparent;border:none;color:#ffffff4d;cursor:pointer;padding:2px;display:flex;align-items:center;justify-content:center;transition:all .2s;border-radius:3px;width:18px;height:18px}.favorite-btn:hover{color:#ffbd59;background:#ffbd591a;transform:scale(1.1)}.favorite-btn.active{color:#ffbd59}.dropdown-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 12px;border-top:1px solid rgba(255,255,255,.1);background:#11225066}.selected-count{font-size:11px;font-weight:600;color:#ffbd59}.tier-info{font-size:10px;font-weight:700;color:#ffbd59cc;text-transform:uppercase}@media(max-width:768px){.dropdown-modal{left:-16px;right:-16px}.coin-list-scrollable{max-height:350px}}@media(max-width:767px){.coin-selector-dropdown{margin-bottom:10px}.dropdown-trigger{height:38px;padding:0 10px;font-size:13px;border-radius:8px}.trigger-content{gap:6px}.count-badge{padding:2px 6px;font-size:10px}.selection-info{margin-top:4px;font-size:10px}.tier-badge{padding:2px 6px;font-size:9px}.dropdown-modal{top:56px;left:-8px;right:-8px;border-radius:10px}.dropdown-search{padding:10px}.dropdown-search input{height:34px;font-size:12px;padding:0 32px}.dropdown-actions-top{padding:6px 10px;gap:4px;flex-wrap:wrap}.action-btn-top{padding:4px 8px;font-size:9px}.tier-badge-top{padding:3px 6px;font-size:8px}.coin-total-count{font-size:9px}.coin-list-scrollable{max-height:280px;padding:6px}.coin-item{grid-template-columns:14px 18px 1fr auto auto;gap:4px;padding:5px 6px;border-radius:6px;margin-bottom:3px}.coin-item input[type=checkbox]{width:12px;height:12px}.coin-symbol{font-size:10px}.coin-price{font-size:9px}.coin-change{font-size:9px;min-width:40px;padding:1px 3px}.favorite-btn{width:16px;height:16px}.dropdown-footer{padding:6px 10px;gap:6px}.selected-count{font-size:10px}.tier-info{font-size:9px}}.custom-select{position:relative;width:100%}.custom-select-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 14px;min-height:42px;background:#11225080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(0,217,255,.2);border-radius:6px;color:#fff;font-size:14px;font-weight:500;text-align:left;cursor:pointer;outline:none;transition:all .2s ease}.custom-select-trigger:hover{background:#112250b3;border-color:#00d9ff66}.custom-select-trigger:focus{border-color:#00d9ff80;outline:none}.custom-select.disabled .custom-select-trigger{opacity:.5;cursor:not-allowed}.custom-select-value{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.custom-select-arrow{width:14px;height:14px;color:#00d9ff;transition:transform .2s ease;flex-shrink:0}.custom-select.open .custom-select-arrow{transform:rotate(180deg)}.custom-select-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:9999;background:#112250f2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(0,217,255,.25);border-radius:6px;box-shadow:0 4px 12px #0006;max-height:400px;overflow-y:auto;overflow-x:hidden;animation:dropdownFadeIn .15s ease-out}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.custom-select-dropdown::-webkit-scrollbar{width:6px}.custom-select-dropdown::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.custom-select-dropdown::-webkit-scrollbar-thumb{background:#00d9ff4d;border-radius:3px}.custom-select-dropdown::-webkit-scrollbar-thumb:hover{background:#00d9ff80}.custom-select-option{padding:16px 18px;min-height:48px;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;color:#ffffffe6;font-size:14px;line-height:1.5;border-bottom:1px solid rgba(255,255,255,.05)}.custom-select-option:last-child{border-bottom:none}.custom-select-option:hover{background:#00d9ff1a;color:#fff}.custom-select-option.selected{background:#00d9ff26;color:#fff}.custom-select-option.selected:after{content:"✓";float:right;color:#00d9ff;font-weight:700}.option-label{display:block;font-weight:500}.option-description{display:block;font-size:12px;color:#fff9;margin-top:4px;line-height:1.3}@media(max-width:768px){.custom-select-trigger{padding:10px 12px;min-height:40px;font-size:13px}.custom-select-option{padding:14px 16px;min-height:44px;font-size:13px}.custom-select-dropdown{max-height:300px}}.control-panel{display:flex;flex-direction:column;gap:12px}.panel-header-compact{padding:12px 0;border-bottom:1px solid rgba(255,255,255,.08)}.panel-header-compact h2{margin:0;font-size:18px;font-weight:600;color:#ffbd59}.panel-header{padding-bottom:var(--space-md);border-bottom:1px solid rgba(255,255,255,.08)}.panel-header .heading-sm{margin-bottom:var(--space-xs)}.control-section{display:flex;flex-direction:column;gap:8px}.control-label{font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.quick-filters{display:flex;gap:var(--space-xs)}.quick-filter-btn{flex:1;padding:var(--space-xs) var(--space-sm);background:#ffffff0d;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-base)}.quick-filter-btn:hover:not(:disabled){background:#ffffff14;border-color:var(--brand-gold);color:var(--brand-gold)}.quick-filter-btn:disabled{opacity:.5;cursor:not-allowed}.coin-checkboxes{display:flex;flex-direction:column;gap:var(--space-xs);max-height:240px;overflow-y:auto;padding:var(--space-sm);background:#0003;border-radius:var(--radius-md)}.coin-checkbox{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-base)}.coin-checkbox:hover{background:#ffffff0d}.coin-checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--brand-gold)}.coin-checkbox input[type=checkbox]:disabled{cursor:not-allowed}.coin-label{flex:1;font-size:var(--text-sm);font-family:var(--font-mono);color:var(--text-primary)}.coin-icon{font-size:14px;opacity:.6}.timeframe-buttons{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--space-xs)}.timeframe-btn{height:32px;padding:6px 12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:14px;font-weight:var(--font-semibold);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-base)}.timeframe-btn:hover:not(:disabled){background:#ffffff14;transform:translateY(-2px)}.timeframe-btn.active{background:linear-gradient(135deg,var(--brand-gold),#FFBD59);border-color:var(--brand-gold);color:var(--bg-base);box-shadow:0 4px 20px #ffbd594d}.timeframe-btn:disabled{opacity:.5;cursor:not-allowed}.pattern-select{width:100%!important;height:44px!important;padding:10px 36px 10px 16px!important;background:linear-gradient(135deg,#1a284799,#0f1b3599)!important;border:1px solid rgba(255,189,89,.2)!important;border-radius:12px!important;font-family:Inter,sans-serif!important;font-size:14px!important;font-weight:600!important;color:#fff!important;cursor:pointer!important;transition:all .3s ease!important;appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;background-image:linear-gradient(135deg,#1a284799,#0f1b3599),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23FFBD59' d='M6 9L1 4h10z'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:center,right 12px center!important;background-size:auto,12px!important}.pattern-select:hover{background:linear-gradient(135deg,#1a2847cc,#0f1b35cc)!important;border-color:#ffbd5966!important;box-shadow:0 0 16px #ffbd5933!important}.pattern-select:focus{outline:none!important;border-color:#ffbd59!important;box-shadow:0 0 24px #ffbd5966!important}.pattern-select:disabled{opacity:.5!important;cursor:not-allowed!important;background:#0f1b3566!important}.pattern-select option{background:#0f1b35!important;color:#fff!important;padding:12px!important;font-weight:600!important}select.gem-pattern-dropdown-custom{background-color:#1a2847!important;background:linear-gradient(135deg,#1a2847cc,#0f1b35cc)!important;border:2px solid rgba(255,189,89,.3)!important;color:#fff!important;font-family:Inter,sans-serif!important;font-weight:600!important;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important}select.gem-pattern-dropdown-custom option{background-color:#0f1b35!important;background:#0f1b35!important;color:#fff!important;padding:12px!important}.scan-button{width:100%;padding:var(--space-md);background:linear-gradient(135deg,var(--brand-gold),#FFBD59);border:none;border-radius:var(--radius-md);font-family:var(--font-display);font-size:var(--text-base);font-weight:var(--font-bold);color:var(--bg-base);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:var(--space-sm);transition:all var(--transition-base);box-shadow:0 4px 20px #ffbd594d}.scan-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 30px #ffbd5980}.scan-button:disabled{opacity:.6;cursor:not-allowed}.scan-button.scanning{background:linear-gradient(135deg,#6B0F1A,var(--brand-burgundy));animation:pulse 2s ease-in-out infinite}.scan-button-compact{width:100%;height:48px;padding:12px 24px;background:linear-gradient(135deg,var(--brand-gold),#FFBD59);border:none;border-radius:var(--radius-md);font-family:var(--font-display);font-size:16px;font-weight:var(--font-bold);color:var(--bg-base);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:var(--space-sm);transition:all var(--transition-base);box-shadow:0 4px 20px #ffbd594d}.scan-button-compact:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 30px #ffbd5980}.scan-button-compact:disabled{opacity:.6;cursor:not-allowed}.scan-button-compact.scanning{background:linear-gradient(135deg,#6B0F1A,var(--brand-burgundy));animation:pulse 2s ease-in-out infinite}.scan-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}.tier-limit-indicator{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm);background:#ffbd5914;border:1px solid rgba(255,189,89,.2);border-radius:var(--radius-md);margin-top:var(--space-xs)}.tier-limit-indicator.at-limit{background:#f6465d14;border-color:#f6465d4d}.tier-badge{padding:4px 10px;background:var(--brand-gold);color:var(--bg-base);font-family:var(--font-mono);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;border-radius:var(--radius-sm)}.limit-text{font-size:var(--text-xs);font-weight:var(--font-semibold);color:#ffbd59;flex:1}.tier-limit-indicator.at-limit .limit-text{color:var(--accent-red)}@media(max-width:768px){.coin-checkboxes{max-height:180px}.timeframe-buttons{grid-template-columns:repeat(3,1fr)}}@media(max-width:767px){.control-panel{gap:10px}.panel-header-compact h2{font-size:16px}.control-section{gap:6px}.control-label{font-size:12px}.quick-filters{gap:6px}.quick-filter-btn{padding:6px 10px;font-size:11px}.coin-checkboxes{max-height:160px;padding:8px}.coin-checkbox{padding:6px 8px}.coin-checkbox input[type=checkbox]{width:16px;height:16px}.coin-label{font-size:13px}.timeframe-buttons{grid-template-columns:repeat(3,1fr);gap:6px}.timeframe-btn{height:36px;padding:8px 6px;font-size:12px}.pattern-select{height:40px!important;font-size:13px!important;padding:8px 32px 8px 12px!important}.scan-button,.scan-button-compact{height:44px;font-size:14px;padding:10px 20px}.tier-limit-indicator{padding:8px;gap:8px}.tier-badge{padding:3px 8px;font-size:9px}.limit-text{font-size:11px}}.chart-controls-bar{position:relative;display:flex;justify-content:space-between;align-items:center;height:48px;padding:0 16px;background:#11225099;border-bottom:1px solid rgba(255,189,89,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100}.chart-info{display:flex;align-items:center;gap:16px}.chart-symbol{font-size:16px;font-weight:700;color:#fff;font-family:var(--font-mono)}.chart-timeframe{font-size:14px;color:#ffbd59;background:#ffbd591a;padding:4px 12px;border-radius:4px;font-weight:600}.chart-pattern{font-size:14px;color:#ffbd59;font-weight:600}.confidence{font-size:14px;font-weight:600;padding:4px 12px;border-radius:4px}.confidence.high{color:#0ecb81;background:#0ecb811a}.confidence.medium{color:#ffbd59;background:#ffbd591a}.confidence.low{color:#f6465d;background:#f6465d1a}.live-status{display:flex;align-items:center;gap:6px;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;position:relative;transition:all .3s}.live-status.live{background:#0ecb8126;border:1px solid rgba(14,203,129,.4);color:#0ecb81}.live-status.offline{background:#f6465d26;border:1px solid rgba(246,70,93,.3);color:#f6465d}.live-pulse{width:6px;height:6px;border-radius:50%;background:#0ecb81;position:relative;animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 #0ecb81b3}50%{box-shadow:0 0 0 6px #0ecb8100}to{box-shadow:0 0 #0ecb8100}}.chart-controls{display:flex;gap:8px}.control-btn{height:32px;min-width:32px;display:flex;align-items:center;justify-content:center;gap:4px;padding:0 8px;background:#112250cc;border:1px solid rgba(255,189,89,.3);border-radius:6px;color:#fff;font-size:13px;cursor:pointer;transition:all .2s}.control-btn:hover{background:#ffbd591a;border-color:#ffbd59;transform:translateY(-1px)}.control-btn.active{background:#ffbd5933;border-color:#ffbd59;color:#ffbd59}.timeframe-dropdown{position:relative}.timeframe-dropdown-menu{position:absolute;top:calc(100% + 8px);right:0;background:#112250;border:1px solid rgba(255,189,89,.3);border-radius:8px;padding:8px;display:grid;grid-template-columns:repeat(5,1fr);gap:4px;min-width:280px;z-index:10000;box-shadow:0 4px 24px #0006;animation:dropdown-appear .2s ease-out}@keyframes dropdown-appear{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.timeframe-dropdown-menu button{height:32px;padding:6px 12px;background:#11225099;border:1px solid rgba(255,255,255,.1);border-radius:4px;color:#fff;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s}.timeframe-dropdown-menu button:hover{background:#ffbd591a;border-color:#ffbd59}.timeframe-dropdown-menu button.active{background:#ffbd5933;border-color:#ffbd59;color:#ffbd59}.chart-settings-modal{position:absolute;top:calc(100% + 8px);right:16px;width:320px;background:#112250;border:1px solid rgba(255,189,89,.3);border-radius:12px;box-shadow:0 8px 32px #0006;z-index:10000;animation:dropdown-appear .2s ease-out}.settings-header{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid rgba(255,255,255,.1)}.settings-header h4{margin:0;font-size:16px;color:#ffbd59}.settings-header button{background:none;border:none;color:#fff9;font-size:24px;cursor:pointer;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.settings-header button:hover{background:#ffffff1a;color:#fff}.settings-content{padding:16px}.settings-content p{margin:0;color:#ffffffb3;font-size:14px}.calendar-dropdown{position:relative}.calendar-dropdown-menu{position:absolute;top:calc(100% + 8px);right:0;width:320px;background:#112250;border:1px solid rgba(255,189,89,.3);border-radius:12px;box-shadow:0 8px 32px #0006;z-index:10000;animation:dropdown-appear .2s ease-out}.calendar-header{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid rgba(255,255,255,.1)}.calendar-header h4{margin:0;color:#fff;font-size:14px;font-weight:600}.calendar-header button{background:transparent;border:none;color:#fff9;font-size:24px;cursor:pointer;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.calendar-header button:hover{background:#ffffff1a;color:#fff}.calendar-body{padding:16px;display:flex;flex-direction:column;gap:16px}.date-input-group{display:flex;flex-direction:column;gap:8px}.date-input-group label{color:#ffffffb3;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.date-input-group input[type=date]{width:100%;height:40px;padding:8px 12px;background:#11225099;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:14px;font-family:inherit;transition:all .2s}.date-input-group input[type=date]:hover{border-color:#ffbd594d}.date-input-group input[type=date]:focus{outline:none;border-color:#ffbd59;background:#112250cc}.date-input-group input[type=date]::-webkit-calendar-picker-indicator{filter:invert(1);cursor:pointer}.calendar-footer{display:flex;gap:8px;padding-top:8px;border-top:1px solid rgba(255,255,255,.1)}.calendar-footer button{flex:1;height:36px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;border:none}.reset-btn{background:#f6465d26;color:#f6465d;border:1px solid rgba(246,70,93,.3)}.reset-btn:hover{background:#f6465d40;border-color:#f6465d}.apply-btn{background:linear-gradient(135deg,#9c0612,#6b0f1a);color:#fff;border:1px solid #FFBD59}.apply-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #ffbd594d}.apply-btn:disabled{opacity:.5;cursor:not-allowed}@media(max-width:1024px){.chart-info{gap:12px}.chart-symbol{font-size:14px}.chart-timeframe,.chart-pattern,.confidence{font-size:13px}}@media(max-width:768px){.chart-controls-bar{flex-direction:column;height:auto;padding:12px;gap:12px}.chart-info{flex-wrap:wrap;gap:8px}.chart-controls{width:100%;justify-content:flex-end}}.trading-chart-container{display:flex;flex-direction:column;gap:0;height:auto;min-height:0;position:relative}.chart-placeholder{flex:1;display:flex;align-items:center;justify-content:center;background:#1e2a5e66;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-lg);padding:var(--space-2xl)}.placeholder-content{text-align:center;max-width:500px}.placeholder-icon{font-size:80px;margin-bottom:var(--space-md);filter:drop-shadow(0 0 20px rgba(255,189,89,.3))}.placeholder-features{display:flex;flex-direction:column;gap:var(--space-sm);margin-top:var(--space-lg)}.feature-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm);background:#ffffff08;border-radius:var(--radius-md)}.feature-icon{font-size:24px}.chart-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-md);background:#1e2a5e66;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-md)}.chart-info{display:flex;align-items:center;gap:var(--space-sm)}.chart-symbol{font-family:var(--font-mono);font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--text-primary)}.chart-badge{padding:4px 12px;border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--font-semibold)}.badge-purple{background:#8b5cf626;color:#8b5cf6;border:1px solid rgba(139,92,246,.4)}.badge-cyan{background:#ffbd5926;color:#ffbd59;border:1px solid rgba(255,189,89,.4)}.badge-green{background:#00ff8826;color:#0f8;border:1px solid rgba(0,255,136,.4)}.badge-orange{background:#ffbd5926;color:#ffbd59;border:1px solid rgba(255,189,89,.4)}.chart-controls{display:flex;gap:var(--space-xs)}.chart-control-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-sm);font-size:18px;cursor:pointer;transition:all var(--transition-base)}.chart-control-btn:hover{background:#ffffff14;border-color:var(--brand-gold)}.chart-card{flex:1;min-height:0;background:#1e2a5e66;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-lg);overflow:hidden;display:flex;flex-direction:column;position:relative}.chart-canvas{flex:1;position:relative;min-height:400px;overflow:hidden}.chart-watermark{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:48px;font-weight:900;letter-spacing:8px;color:#fff;opacity:.05;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:1;white-space:nowrap;font-family:var(--font-heading, "Inter", sans-serif)}.realtime-price-ticker{position:absolute;top:16px;right:16px;display:flex;flex-direction:column;align-items:flex-end;gap:4px;padding:12px 16px;border-radius:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10;animation:ticker-pulse 2s ease-in-out infinite;box-shadow:0 4px 12px #0000004d;border:1px solid;transition:all .3s ease}.realtime-price-ticker.up{background:#00ff8826;border-color:#0f86}.realtime-price-ticker.down{background:#f6465d26;border-color:#f6465d66}.ticker-price{font-size:20px;font-weight:700;font-family:var(--font-mono, monospace);letter-spacing:.5px}.realtime-price-ticker.up .ticker-price{color:#0f8}.realtime-price-ticker.down .ticker-price{color:#f6465d}.ticker-change{font-size:13px;font-weight:600;font-family:var(--font-mono, monospace)}.realtime-price-ticker.up .ticker-change{color:#0f8}.realtime-price-ticker.down .ticker-change{color:#f6465d}.ticker-status{font-size:11px;font-weight:700;color:#0ecb81;text-transform:uppercase;letter-spacing:1px;animation:blink 1.5s ease-in-out infinite}@keyframes ticker-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.95;transform:scale(1.02)}}@keyframes blink{0%,to{opacity:1}50%{opacity:.6}}.chart-timeline{display:flex;justify-content:space-between;align-items:center;padding:8px 16px;border-top:1px solid rgba(255,255,255,.1);background:#11225066;font-size:11px;font-weight:600;color:#ffffff80;font-family:var(--font-mono, monospace);letter-spacing:.5px;flex-shrink:0;height:32px;z-index:5}.chart-timeline span{min-width:40px;text-align:center;transition:color .2s}.chart-timeline span:hover{color:#ffbd59}.chart-resize-handle{position:relative;height:40px;width:100%;background:#112250cc;border:1px solid rgba(255,189,89,.3);border-radius:0 0 12px 12px;cursor:ns-resize!important;display:flex;align-items:center;justify-content:center;transition:all .2s;z-index:100;flex-shrink:0;-webkit-user-select:none;user-select:none;pointer-events:auto!important;margin-top:0}.chart-resize-handle:hover{background:#ffbd5926}.chart-resize-handle:active,.chart-resize-handle.active{background:#ffbd5940}.chart-resize-handle .resize-grip{display:flex;align-items:center;gap:8px;color:#ffbd5999;font-size:12px;font-weight:600;pointer-events:none}.chart-resize-handle:hover .resize-grip{color:#ffbd59}.chart-resize-handle .resize-hint{opacity:0;transition:opacity .2s}.chart-resize-handle:hover .resize-hint{opacity:1}.chart-placeholder-mock{height:100%;display:flex;flex-direction:column;padding:var(--space-md)}.mock-chart-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-md)}.mock-price-info{display:flex;align-items:baseline;gap:var(--space-sm)}.mock-price{font-family:var(--font-mono);font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--text-primary)}.mock-change{font-size:var(--text-sm);font-weight:var(--font-semibold);color:#0f8}.mock-chart-area{flex:1;position:relative;background:#0003;border-radius:var(--radius-md);overflow:hidden}.mock-candlesticks{position:absolute;bottom:0;left:0;right:0;height:80%;display:flex;align-items:flex-end;gap:2px;padding:var(--space-sm)}.mock-candle{flex:1;position:relative;border-radius:2px;transition:all var(--transition-base)}.mock-candle.green{background:linear-gradient(180deg,#0f8,#00cc6a)}.mock-candle.red{background:linear-gradient(180deg,#f6465d,#d63848)}.pattern-overlays{position:absolute;inset:0;padding:var(--space-sm)}.pattern-line{position:absolute;left:var(--space-sm);right:var(--space-sm);height:2px;border-top:2px dashed}.pattern-line.entry-line{top:50%;border-color:#0f8}.pattern-line.stop-loss-line{top:30%;border-color:#f6465d}.pattern-line.take-profit-line{top:70%;border-color:#ffbd59}.line-label{position:absolute;left:0;top:-20px;font-size:11px;font-weight:var(--font-semibold);padding:2px 8px;border-radius:4px;background:#000c;white-space:nowrap}.entry-line .line-label{color:#0f8}.stop-loss-line .line-label{color:#f6465d}.take-profit-line .line-label{color:#ffbd59}.chart-integration-notice{position:absolute;bottom:var(--space-md);left:50%;transform:translate(-50%);text-align:center;padding:var(--space-sm) var(--space-md);background:#000c;border:1px solid rgba(255,189,89,.3);border-radius:var(--radius-md);font-size:var(--text-xs);color:var(--text-secondary)}.chart-integration-notice code{color:var(--brand-gold);font-family:var(--font-mono);background:#ffbd591a;padding:2px 6px;border-radius:4px}.volume-bar{height:80px;padding:var(--space-sm) var(--space-md);border-top:1px solid rgba(255,255,255,.08)}.volume-label{font-size:var(--text-xs);color:var(--text-secondary);margin-bottom:var(--space-xs)}.volume-chart{display:flex;align-items:flex-end;gap:2px;height:50px}.volume-bar-item{flex:1;border-radius:2px 2px 0 0}.volume-bar-item.vol-green{background:linear-gradient(180deg,#00ff8880,#0f83)}.volume-bar-item.vol-red{background:linear-gradient(180deg,#f6465d80,#f6465d33)}@media(max-width:768px){.chart-header{flex-direction:column;gap:var(--space-sm)}.chart-info{flex-wrap:wrap}.chart-canvas{min-height:300px}.volume-bar{height:60px}.volume-chart{height:40px}}@media(max-width:767px){.trading-chart-container{border-radius:12px}.chart-header{padding:8px 12px;flex-direction:row;flex-wrap:wrap;gap:8px;justify-content:space-between}.chart-info{gap:6px;flex:1;min-width:0}.chart-symbol{font-size:14px}.chart-badge{padding:3px 8px;font-size:10px}.chart-controls{gap:4px}.chart-control-btn{width:32px;height:32px;font-size:16px}.chart-canvas{min-height:260px}.chart-placeholder{padding:16px}.placeholder-icon{font-size:48px}.placeholder-content h2{font-size:18px}.feature-item{padding:8px;gap:8px}.realtime-price-ticker{top:8px;right:8px;padding:8px 12px}.ticker-price{font-size:16px}.ticker-change{font-size:11px}.chart-timeline{padding:6px 12px;font-size:10px;height:28px}.chart-resize-handle{height:32px}.volume-bar{height:50px;padding:8px 12px}.volume-chart{height:32px}}.badge-tooltip-wrapper{display:inline-flex;align-items:center;position:relative;margin-left:4px;cursor:help;pointer-events:auto;z-index:100}.badge-tooltip-icon{color:#ffffff80;cursor:help;transition:all .2s ease;opacity:.6}.badge-tooltip-icon:hover{color:#ffbd59;opacity:1;transform:scale(1.1)}.badge-tooltip{position:absolute;z-index:99999!important;min-width:220px;max-width:260px;padding:10px;background:#112250!important;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid rgba(255,189,89,.8)!important;border-radius:8px;box-shadow:0 12px 40px #000c,0 0 20px #ffbd594d!important;animation:tooltipFadeIn .2s ease;pointer-events:auto!important;max-width:calc(100vw - 32px);word-wrap:break-word}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.badge-tooltip-top{bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.badge-tooltip-bottom{top:calc(100% + 8px);left:0;transform:translate(0)}.badge-tooltip-left{right:calc(100% + 8px);top:50%;transform:translateY(-50%)}.badge-tooltip-right{left:calc(100% + 8px);top:50%;transform:translateY(-50%)}.badge-tooltip-arrow{position:absolute;width:8px;height:8px;background:#112250fa;border:1px solid rgba(255,189,89,.3);transform:rotate(45deg)}.badge-tooltip-top .badge-tooltip-arrow{bottom:-5px;left:50%;transform:translate(-50%) rotate(45deg);border-top:none;border-left:none}.badge-tooltip-bottom .badge-tooltip-arrow{top:-5px;left:16px;transform:rotate(45deg);border-bottom:none;border-right:none}.badge-tooltip-left .badge-tooltip-arrow{right:-5px;top:50%;transform:translateY(-50%) rotate(45deg);border-left:none;border-bottom:none}.badge-tooltip-right .badge-tooltip-arrow{left:-5px;top:50%;transform:translateY(-50%) rotate(45deg);border-right:none;border-top:none}.badge-tooltip-content{color:#fffffff2;font-size:12px;line-height:1.5}.badge-tooltip-content strong{color:#ffbd59;font-weight:700;display:block;margin-bottom:6px;font-size:13px}.badge-tooltip-content p{margin:4px 0;color:#fffc}.badge-tooltip-content ul{margin:6px 0;padding-left:16px;color:#fffc}.badge-tooltip-content li{margin:3px 0}.badge-tooltip-content .highlight{color:#ffbd59;font-weight:600}.badge-tooltip-content .example{margin-top:8px;padding:6px 8px;background:#ffffff0d;border-left:2px solid #FFBD59;border-radius:4px;font-family:Monaco,Courier New,monospace;font-size:11px;color:#ffffffb3}.badge-tooltip-state.badge-tooltip{border-color:#00d9ff}.badge-tooltip-timeframe.badge-tooltip{border-color:#ffbd59}.badge-tooltip-direction.badge-tooltip{border-color:#9d4edd}.badge-tooltip-type.badge-tooltip{border-color:#0ecb81}@media(max-width:768px){.badge-tooltip{min-width:240px;max-width:280px;font-size:11px}.badge-tooltip-icon{width:12px;height:12px}}.pattern-info-compact{position:relative;background:linear-gradient(135deg,#11225066,#11225099);border:1px solid rgba(255,189,89,.3);border-radius:12px;padding:44px 12px 12px;display:flex;flex-direction:column;gap:10px;min-height:280px;max-height:450px;overflow:hidden;min-width:0;width:100%;max-width:100%;box-sizing:border-box}.pattern-info-compact-empty{background:#11225066;border:1px solid rgba(255,189,89,.2);border-radius:12px;height:160px;display:flex;align-items:center;justify-content:center;gap:12px;color:#ffffff80}.empty-icon{opacity:.5;filter:drop-shadow(0 0 8px rgba(255,189,89,.3))}.empty-text{font-size:14px;font-weight:600}.pattern-info-content{flex:1;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;gap:12px;min-width:0;padding-right:4px}.pattern-info-content::-webkit-scrollbar{width:6px}.pattern-info-content::-webkit-scrollbar-track{background:#11225066;border-radius:3px}.pattern-info-content::-webkit-scrollbar-thumb{background:#ffbd594d;border-radius:3px}.pattern-info-content::-webkit-scrollbar-thumb:hover{background:#ffbd5980}.compact-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:12px;border-bottom:1px solid rgba(255,189,89,.2);flex-shrink:0;min-width:0}.header-left{display:flex;align-items:center;gap:10px}.pattern-name{font-size:16px;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.confidence-pill{font-size:11px;font-weight:700;padding:4px 10px;border-radius:12px;text-transform:uppercase}.confidence-pill.high{background:#0ecb8133;color:#0ecb81;border:1px solid #0ECB81}.confidence-pill.medium{background:#ffbd5933;color:#ffbd59;border:1px solid #FFBD59}.confidence-pill.low{background:#f6465d33;color:#f6465d;border:1px solid #F6465D}.header-right{display:flex;align-items:center;gap:8px;font-size:12px}.metadata-item{display:flex;gap:4px}.metadata-label{color:#fff9;font-weight:500}.metadata-value{color:#fff;font-weight:600}.metadata-divider{color:#ffbd594d}.compact-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;flex:1}.grid-item{background:#11225099;border:1px solid rgba(255,255,255,.05);border-radius:8px;padding:8px 12px;display:flex;flex-direction:column;justify-content:center;gap:4px;min-width:0;overflow:hidden}.grid-item.highlight{background:#ffbd591a;border-color:#ffbd594d}.item-label{font-size:10px;color:#fff9;text-transform:uppercase;font-weight:600;letter-spacing:.5px}.item-value{font-size:14px;font-weight:700;color:#fff;display:flex;align-items:center;gap:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-value.entry{color:#ffbd59}.item-value.stop-loss{color:#f6465d}.item-value.take-profit{color:#0ecb81}.item-percent{font-size:11px;font-weight:600;color:#ffffffb3}.compact-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;flex-shrink:0;min-width:0}.action-btn-compact{height:36px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:6px}.action-btn-compact.primary{background:linear-gradient(135deg,#9c0612,#6b0f1a);border:1px solid #FFBD59;color:#fff}.action-btn-compact.primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ffbd594d}.action-btn-compact.secondary{background:#11225099;border:1px solid rgba(255,189,89,.3);color:#ffbd59}.action-btn-compact.secondary:hover{background:#ffbd591a;border-color:#ffbd59}@media(max-width:1440px){.pattern-name{font-size:14px}.header-right{font-size:11px}.item-value{font-size:13px}}@media(max-width:1024px){.pattern-info-compact{height:auto;min-height:160px}.compact-header{flex-direction:column;align-items:flex-start;gap:8px}.header-right{width:100%;justify-content:space-between}}@media(max-width:768px){.pattern-info-compact{padding:12px}.compact-grid{grid-template-columns:1fr;gap:8px}.compact-actions{grid-template-columns:1fr}}@media(max-width:767px){.pattern-info-compact{min-height:200px;max-height:none;padding:40px 12px 12px;gap:8px}.pattern-info-compact-empty{height:120px;padding:16px}.empty-text{font-size:13px}.compact-header{padding-bottom:10px;flex-direction:column;align-items:flex-start;gap:8px}.header-left{gap:8px;flex-wrap:wrap}.pattern-name{font-size:14px;max-width:150px}.confidence-pill{font-size:10px;padding:3px 8px}.header-right{width:100%;flex-wrap:wrap;font-size:11px;gap:6px}.compact-grid{grid-template-columns:repeat(2,1fr);gap:8px}.grid-item{padding:8px 10px}.item-label{font-size:9px}.item-value{font-size:13px;gap:4px}.compact-actions{grid-template-columns:repeat(2,1fr);gap:8px}.action-btn-compact{height:36px;font-size:12px;gap:4px}}.side-peek-backdrop{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10000}.side-peek-panel{position:fixed;top:0;right:0;bottom:0;background:linear-gradient(135deg,#0d1b3e,#112250);border-left:2px solid rgba(255,189,89,.3);box-shadow:-10px 0 50px #00000080;z-index:10001;display:flex;flex-direction:column;overflow:hidden;will-change:width}.side-peek-panel.resizing{transition:none!important;-webkit-user-select:none;user-select:none}.resize-handle{position:absolute;left:0;top:0;bottom:0;width:12px;display:flex;align-items:center;justify-content:center;cursor:ew-resize;background:#ffbd590d;border-right:1px solid rgba(255,189,89,.2);transition:all .2s;z-index:10}.resize-handle:hover{background:#ffbd5926;border-right-color:#ffbd5980}.resize-handle:hover .grip-icon{color:#ffbd59;opacity:1}.grip-icon{color:#ffbd5966;opacity:.6;transition:all .2s}.resize-hint{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#000000e6;color:#ffbd59;padding:6px 12px;border-radius:6px;font-size:11px;font-weight:600;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s}.resize-handle:hover .resize-hint{opacity:1}.width-indicator{position:absolute;bottom:20px;left:20px;background:#000c;color:#ffbd59;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:700;font-family:var(--font-mono, monospace);border:1px solid rgba(255,189,89,.3);z-index:10;pointer-events:none}.side-peek-header{display:flex;align-items:center;justify-content:space-between;padding:24px 32px 24px 44px;background:#112250cc;border-bottom:1px solid rgba(255,189,89,.2);flex-shrink:0}.header-left{display:flex;align-items:center;gap:12px}.side-peek-header h2{font-size:24px;font-weight:700;color:#fff;margin:0}.tier-badge{font-size:11px;font-weight:700;padding:4px 12px;border-radius:4px;text-transform:uppercase;letter-spacing:.5px}.tier-badge.tier-tier1{background:#8b5cf633;color:#8b5cf6;border:1px solid #8B5CF6}.tier-badge.tier-tier2{background:#00d9ff33;color:#00d9ff;border:1px solid #00D9FF}.tier-badge.tier-tier3{background:#ffbd5933;color:#ffbd59;border:1px solid #FFBD59}.close-btn{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#f6465d1a;border:1px solid rgba(246,70,93,.3);border-radius:8px;color:#f6465d;cursor:pointer;transition:all .2s}.close-btn:hover{background:#f6465d33;border-color:#f6465d;transform:scale(1.05)}.side-peek-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:32px 32px 32px 44px}.side-peek-content::-webkit-scrollbar{width:8px}.side-peek-content::-webkit-scrollbar-track{background:#11225066;border-radius:4px}.side-peek-content::-webkit-scrollbar-thumb{background:#ffbd594d;border-radius:4px}.side-peek-content::-webkit-scrollbar-thumb:hover{background:#ffbd5980}@media(max-width:768px){.side-peek-panel{width:100vw!important}.resize-handle{display:none}.side-peek-header{padding:16px 20px}.side-peek-header h2{font-size:20px}.side-peek-content{padding:20px}.width-indicator{display:none}}.risk-calculator-content{display:flex;flex-direction:column;gap:24px}.calculator-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.calculator-inputs,.calculator-results{background:#11225066;border:1px solid rgba(255,189,89,.2);border-radius:12px;padding:20px}.calculator-inputs h3,.calculator-results h3{font-size:14px;font-weight:700;color:#ffbd59;margin-bottom:20px;text-transform:uppercase;letter-spacing:1px}.input-group{margin-bottom:16px}.input-group label{display:block;font-size:13px;color:#ffffffb3;margin-bottom:8px}.input-group input{width:100%;height:44px;padding:0 16px;background:#11225099;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:16px;font-weight:600;transition:all .2s}.input-group input:focus{outline:none;border-color:#ffbd59;background:#112250cc}.result-item{padding:16px;background:#11225099;border:1px solid rgba(255,255,255,.05);border-radius:8px;margin-bottom:12px}.result-item.highlight{background:#ffbd591a;border-color:#ffbd594d}.result-item label{display:block;font-size:12px;color:#fff9;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.result-value{font-size:20px;font-weight:700;color:#fff}.result-value.success{color:#0ecb81}.result-value.danger{color:#f6465d}.result-value.info{color:#ffbd59}.calculator-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}.btn-calculate,.btn-reset{height:44px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-calculate{background:linear-gradient(135deg,#9c0612,#6b0f1a);border:1px solid #FFBD59;color:#fff}.btn-calculate:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ffbd594d}.btn-reset{background:#11225099;border:1px solid rgba(255,189,89,.3);color:#ffbd59}.btn-reset:hover{background:#ffbd591a;border-color:#ffbd59}.trading-scenarios{background:#11225066;border:1px solid rgba(255,189,89,.2);border-radius:12px;padding:20px}.trading-scenarios h3{font-size:14px;font-weight:700;color:#ffbd59;margin-bottom:16px;text-transform:uppercase;letter-spacing:1px}.scenarios-table{width:100%;border-collapse:collapse}.scenarios-table thead th{padding:12px;background:#11225099;color:#ffffffb3;font-size:12px;font-weight:600;text-transform:uppercase;text-align:left;border-bottom:2px solid rgba(255,189,89,.3)}.scenarios-table tbody td{padding:14px 12px;color:#fff;font-size:14px;font-weight:600;border-bottom:1px solid rgba(255,255,255,.05)}.scenarios-table tbody tr:hover{background:#ffbd590d}.scenarios-table td.success{color:#0ecb81}.scenarios-table td.danger{color:#f6465d}@media(max-width:1024px){.calculator-grid{grid-template-columns:1fr}}@media(max-width:768px){.input-group input{height:40px;font-size:14px}.result-value{font-size:18px}.calculator-actions{grid-template-columns:1fr}}.multi-tf-pattern-card{background:linear-gradient(135deg,#1e2a5e,#112250);border:1px solid rgba(255,189,89,.3);border-radius:8px;overflow:visible;margin-bottom:6px;transition:all .3s ease}.multi-tf-pattern-card:hover{border-color:#ffbd5999;box-shadow:0 2px 8px #0000004d;transform:translateY(-1px)}.multi-tf-card-header{padding:8px 10px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;border-bottom:1px solid rgba(255,189,89,.1);transition:background .2s}.multi-tf-card-header:hover{background:#ffbd590d}.multi-tf-pattern-info{flex:1;display:flex;flex-direction:column;gap:6px}.multi-tf-pattern-name{display:flex;align-items:center;gap:6px}.pattern-direction-icon{font-size:14px;flex-shrink:0}.pattern-name-text{font-size:12px;font-weight:700;color:#fff}.pattern-direction-label{font-size:9px;font-weight:700;padding:1px 5px;border-radius:3px;background:#ffffff1a}.multi-tf-summary{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.tf-count-badge{display:flex;align-items:center;gap:4px;padding:2px 6px;background:#ffbd5926;border:1px solid rgba(255,189,89,.3);border-radius:4px;color:#ffbd59;font-size:10px;font-weight:600}.confluence-badge{display:flex;align-items:center;gap:4px;padding:2px 6px;border-radius:4px;font-size:10px;font-weight:600}.confluence-score{font-weight:700;margin-left:2px}.expand-toggle{background:#ffffff1a;border:none;color:#ffffffb3;width:24px;height:24px;border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;flex-shrink:0}.expand-toggle:hover{background:#fff3;color:#fff}.multi-tf-card-body{padding:10px;display:flex;flex-direction:column;gap:10px;background:#11225080;animation:fadeIn .2s ease}.tf-list{display:flex;flex-direction:column;gap:6px}.tf-item{background:#11225099;border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:8px;cursor:pointer;transition:all .2s}.tf-item:hover{background:#1e2a5ecc;border-color:#ffbd594d;transform:translate(2px)}.tf-item.active{border-color:#0ecb81;background:#0ecb811a;box-shadow:0 0 8px #0ecb8133}.tf-item-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px;padding-bottom:4px;border-bottom:1px solid rgba(255,255,255,.05)}.tf-label{font-size:11px;font-weight:700;color:#ffbd59;text-transform:uppercase}.tf-state-badge{padding:2px 5px;border-radius:3px;font-size:9px;font-weight:700;text-transform:uppercase}.tf-item-details{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-bottom:4px}.tf-detail-row{display:flex;justify-content:space-between;align-items:center;font-size:10px}.detail-label{color:#fff9;font-weight:500}.detail-value{color:#fff;font-weight:700}.detail-value.confidence,.detail-value.entry{color:#ffbd59}.detail-value.stop-loss{color:#f6465d}.detail-value.take-profit{color:#0ecb81}.tf-action-hint{padding:5px;background:#ffbd591a;border:1px solid rgba(255,189,89,.2);border-radius:4px;text-align:center;font-size:9px;font-weight:600;color:#ffbd59;margin-top:4px}.confluence-analysis{background:#ffbd590d;border:1px solid rgba(255,189,89,.2);border-radius:4px;padding:6px}.confluence-title{font-size:9px;font-weight:700;color:#ffbd59;margin:0 0 5px;display:flex;align-items:center;gap:3px}.confluence-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin-bottom:0}.confluence-stat{display:flex;flex-direction:column;gap:1px}.stat-label{font-size:8px;color:#fff9;font-weight:500}.stat-value{font-size:10px;color:#fff;font-weight:700}.stat-value.score{font-size:11px}.confluence-interpretation{font-size:8px;color:#ffffffb3;line-height:1.3;margin:0;padding-top:4px;border-top:1px solid rgba(255,189,89,.15);display:none}@media(max-width:1024px){.tf-item-details{grid-template-columns:1fr;gap:6px}.confluence-stats{grid-template-columns:1fr;gap:8px}}@media(max-width:768px){.multi-tf-card-header,.multi-tf-card-body{padding:12px}.multi-tf-pattern-name{flex-wrap:wrap}.pattern-name-text{font-size:14px}.tf-detail-row{font-size:11px}.confluence-stats{grid-template-columns:1fr}}.sub-tools-panel{display:flex;flex-direction:column;gap:8px;width:100%;min-width:0;max-width:100%;box-sizing:border-box;overflow:hidden}.sub-tools-header{margin-bottom:4px}.sub-tools-header .heading-sm{margin-bottom:var(--space-xs)}.sub-tools-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.sub-tool-btn{padding:var(--space-sm);background:#0003;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);text-align:center}.sub-tool-btn.locked{opacity:.7}.sub-tool-btn.locked:hover{border-color:var(--brand-gold);transform:translateY(-2px)}.tool-icon{font-size:24px;margin-bottom:var(--space-xs)}.tool-info{display:flex;flex-direction:column;gap:4px}.tool-name{font-size:11px;font-weight:var(--font-semibold);color:var(--text-primary);line-height:1.2}.tool-tier{font-size:9px;font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:.3px;padding:2px 4px;border-radius:4px}.tool-tier.tier-free{background:#00ff8826;color:#0f8}.tool-tier.tier-2{background:#8b5cf626;color:#8b5cf6}.tool-tier.tier-3{background:#ffbd5926;color:#ffbd59}.sub-tools-notice{padding:var(--space-md);background:#0003;border:1px dashed rgba(255,255,255,.12);border-radius:var(--radius-md);text-align:center}.sub-tools-header-compact{padding:0;margin-bottom:8px}.sub-tools-header-compact h3{margin:0;font-size:14px;font-weight:600;color:#ffbd59;font-family:var(--font-display)}.sub-tools-grid-compact{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;width:100%;min-width:0;max-width:100%;box-sizing:border-box;overflow:hidden}.sub-tool-btn{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:8px 4px;background:#11225066;border:1px solid rgba(255,189,89,.2);border-radius:8px;cursor:pointer;transition:all .2s;min-height:60px;min-width:0;max-width:100%;box-sizing:border-box;overflow:hidden}.sub-tool-btn:hover:not(:disabled):not(.locked){background:#11225099;border-color:#ffbd59;transform:translateY(-2px)}.sub-tool-btn.active{background:#ffbd5926;border-color:#ffbd59;box-shadow:0 0 20px #ffbd594d}.sub-tool-btn.locked{opacity:.6;cursor:not-allowed}.sub-tool-btn:disabled{opacity:.5;cursor:not-allowed}.sub-tool-icon{color:#ffbd59;transition:all .2s}.sub-tool-btn:hover:not(:disabled):not(.locked) .sub-tool-icon{transform:scale(1.1)}.sub-tool-title{font-size:9px;font-weight:600;color:#fff;text-align:center;line-height:1.1}.sub-tool-tier{position:absolute;top:4px;right:4px;font-size:7px;font-weight:800;text-transform:uppercase;letter-spacing:.3px;padding:2px 4px;border-radius:3px}.sub-tool-tier.tier-2{background:#8b5cf633;color:#8b5cf6;border:1px solid rgba(139,92,246,.4)}.sub-tool-tier.tier-3{background:#ffbd5933;color:#ffbd59;border:1px solid rgba(255,189,89,.4)}.lock-icon{position:absolute;top:6px;right:6px;color:#fff6}@media(max-width:1400px){.sub-tools-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:1024px){.sub-tools-grid{grid-template-columns:repeat(4,1fr)}.sub-tools-grid-compact{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.sub-tools-grid{grid-template-columns:repeat(3,1fr)}.sub-tools-grid-compact{grid-template-columns:repeat(3,1fr);gap:6px}.sub-tool-btn{min-height:64px;padding:6px}.tool-icon{font-size:20px}.tool-name{font-size:10px}.tool-tier{font-size:8px}.sub-tool-title{font-size:9px}}.multi-tf-section{margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,189,89,.15);width:100%;min-width:0;max-width:100%;box-sizing:border-box;overflow:hidden}.multi-tf-header{display:flex;align-items:center;gap:6px;margin-bottom:8px}.multi-tf-header svg{color:#ffbd59}.multi-tf-header h3{margin:0;font-size:14px;font-weight:600;color:#ffbd59;font-family:var(--font-display)}.multi-tf-content{display:flex;flex-direction:column;gap:8px}.multi-tf-loading,.multi-tf-empty{padding:20px;text-align:center;color:#ffffff80;font-size:12px;background:#1122504d;border:1px dashed rgba(255,189,89,.2);border-radius:8px}.multi-tf-patterns-list{display:flex;flex-direction:column;gap:8px}.multi-tf-message{padding:16px;text-align:center;font-size:12px;font-weight:500;background:#1122504d;border-radius:8px;display:flex;align-items:center;justify-content:center;gap:8px}.multi-tf-message-upgrade{color:#ffbd59;border:1px solid rgba(255,189,89,.3);background:#ffbd5914}.multi-tf-message-error{color:#f6465d;border:1px solid rgba(246,70,93,.3);background:#f6465d14}.multi-tf-message-info{color:#ffffffb3;border:1px dashed rgba(255,255,255,.2)}@media(max-width:767px){.sub-tools-panel{gap:6px;padding:0}.sub-tools-header-compact h3{font-size:13px}.sub-tools-grid,.sub-tools-grid-compact{grid-template-columns:repeat(3,1fr);gap:6px}.sub-tool-btn{min-height:56px;padding:6px 4px;border-radius:8px}.sub-tool-icon{width:18px;height:18px}.sub-tool-title{font-size:8px;line-height:1.1}.sub-tool-tier{font-size:6px;padding:1px 3px;top:2px;right:2px}.tool-icon{font-size:18px}.tool-name{font-size:9px}.tool-tier{font-size:7px;padding:1px 3px}.multi-tf-section{margin-top:10px;padding-top:10px}.multi-tf-header h3{font-size:13px}.multi-tf-header svg{width:16px;height:16px}.multi-tf-loading,.multi-tf-empty{padding:16px;font-size:11px}.multi-tf-message{padding:12px;font-size:11px}}.markets-list-expanded{display:flex;flex-direction:column;gap:12px;height:450px}.markets-search{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:12px;color:#ffffff80;pointer-events:none}.markets-search input{width:100%;height:40px;padding:0 12px 0 40px;background:#11225099;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:14px;font-weight:500;transition:all .2s}.markets-search input::placeholder{color:#fff6}.markets-search input:focus{outline:none;border-color:#ffbd59;background:#112250cc}.markets-controls{display:flex;align-items:center;justify-content:space-between;gap:12px}.filter-buttons{display:flex;gap:8px}.filter-buttons button{height:32px;padding:0 12px;background:#11225099;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#ffffffb3;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:4px}.filter-buttons button:hover{background:#ffbd591a;border-color:#ffbd594d;color:#fff}.filter-buttons button.active{background:#ffbd5933;border-color:#ffbd59;color:#ffbd59}.sort-dropdown{height:32px;padding:0 12px;background:#11225099;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#fff;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s}.sort-dropdown:hover{border-color:#ffbd594d}.sort-dropdown:focus{outline:none;border-color:#ffbd59}.markets-table-container{flex:1;display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(255,255,255,.05);border-radius:8px}.markets-header{display:grid;grid-template-columns:36px 1.5fr 1fr 1fr 1fr;gap:12px;padding:10px 12px;background:#112250cc;border-bottom:1px solid rgba(255,189,89,.2);font-size:11px;font-weight:600;color:#ffffff80;text-transform:uppercase;letter-spacing:.5px}.markets-body{flex:1;overflow-y:auto;overflow-x:hidden}.markets-body::-webkit-scrollbar{width:6px}.markets-body::-webkit-scrollbar-track{background:#11225066}.markets-body::-webkit-scrollbar-thumb{background:#ffbd594d;border-radius:3px}.markets-body::-webkit-scrollbar-thumb:hover{background:#ffbd5980}.market-row-expanded{display:grid;grid-template-columns:36px 1.5fr 1fr 1fr 1fr;gap:12px;padding:10px 12px;background:#11225066;border-bottom:1px solid rgba(255,255,255,.02);cursor:pointer;transition:all .2s;align-items:center}.market-row-expanded:hover{background:#ffbd591a;border-color:#ffbd5933;transform:translate(4px)}.market-row-expanded.selected{background:#ffbd5926;border-left:3px solid #FFBD59;border-color:#ffbd5966}.favorite-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#fff6;cursor:pointer;transition:all .2s}.favorite-btn:hover{background:#ffbd591a;border-color:#ffbd594d;color:#ffbd59}.favorite-btn.active{background:#ffbd5933;border-color:#ffbd59;color:#ffbd59}.market-symbol{display:flex;flex-direction:column;gap:2px}.symbol-name{font-size:11px;color:#ffffff80}.market-volume{color:#ffffffb3;font-size:12px;font-weight:500}.no-results{display:flex;align-items:center;justify-content:center;padding:40px 20px;color:#ffffff80;font-size:14px;font-weight:500}@media(max-width:1440px){.markets-header,.market-row-expanded{grid-template-columns:36px 1.5fr 1fr 1fr}.market-volume{display:none}}@media(max-width:1024px){.markets-list-expanded{height:auto;min-height:400px}.markets-controls{flex-direction:column;align-items:stretch}.filter-buttons{flex-wrap:wrap}.sort-dropdown{width:100%}}@media(max-width:768px){.markets-header,.market-row-expanded{grid-template-columns:36px 1fr 1fr}.market-price,.market-volume,.filter-buttons button span{display:none}.filter-buttons button svg{margin:0}}.market-chatbot-section{margin-top:16px;background:#11225066;border:1px solid rgba(255,189,89,.2);border-radius:12px;overflow:hidden}.section-tabs{display:flex;border-bottom:1px solid rgba(255,189,89,.2)}.section-tabs button{flex:1;height:44px;background:transparent;border:none;color:#fff9;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;position:relative}.section-tabs button:hover{color:#ffffffe6;background:#ffbd590d}.section-tabs button.active{color:#ffbd59;background:#ffbd591a}.section-tabs button.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:#ffbd59}.section-content{padding:16px;min-height:450px;max-height:520px;overflow:hidden}.markets-list{display:flex;flex-direction:column;gap:8px}.markets-header{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:12px;padding:8px 12px;font-size:11px;font-weight:600;color:#ffffff80;text-transform:uppercase;letter-spacing:.5px}.market-row{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:12px;padding:12px;background:#11225099;border:1px solid rgba(255,255,255,.05);border-radius:8px;cursor:pointer;transition:all .2s}.market-row:hover{background:#ffbd591a;border-color:#ffbd594d;transform:translate(4px)}.market-symbol{display:flex;align-items:center;gap:8px}.symbol-text{font-weight:700;color:#fff;font-size:13px}.market-price{font-weight:600;color:#fff;font-size:13px}.market-change{font-weight:600;font-size:13px}.market-change.positive{color:#0ecb81}.market-change.negative{color:#f6465d}.market-volume{color:#ffffffb3;font-size:12px}.view-all-btn{width:100%;height:40px;margin-top:8px;background:#ffbd591a;border:1px solid rgba(255,189,89,.3);border-radius:8px;color:#ffbd59;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.view-all-btn:hover{background:#ffbd5933;border-color:#ffbd59;transform:translateY(-2px)}.chatbot-quick-access{display:flex;flex-direction:column;align-items:center;gap:16px;padding:8px}.chatbot-avatar{width:64px;height:64px;border-radius:50%;overflow:hidden;border:2px solid #FFBD59;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#9c0612,#6b0f1a)}.avatar-placeholder{font-size:32px}.chatbot-intro{font-size:13px;color:#fffc;text-align:center;line-height:1.5;margin:0}.quick-questions{display:flex;flex-direction:column;gap:8px;width:100%}.quick-questions button{width:100%;padding:10px 16px;background:#11225099;border:1px solid rgba(255,189,89,.3);border-radius:8px;color:#fff;font-size:13px;text-align:left;cursor:pointer;transition:all .2s}.quick-questions button:hover{background:#ffbd591a;border-color:#ffbd59;transform:translate(4px)}.chat-now-btn{width:100%;height:44px;background:linear-gradient(135deg,#9c0612,#6b0f1a);border:1px solid #FFBD59;border-radius:8px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.chat-now-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ffbd594d}.market-chatbot-section-resizable{position:relative;display:flex;flex-direction:column;background:#11225066;border:1px solid rgba(255,189,89,.2);border-radius:12px;overflow:visible;margin-top:16px;flex-shrink:0}.resize-handle-horizontal{position:relative;height:40px;width:100%;background:#112250e6;border-top:2px solid rgba(255,189,89,.4);border-bottom:2px solid rgba(255,189,89,.4);cursor:ns-resize!important;display:flex;align-items:center;justify-content:center;transition:all .2s;z-index:150;flex-shrink:0;-webkit-user-select:none;user-select:none;pointer-events:auto!important;margin:0;box-shadow:0 0 10px #ffbd5933}.resize-handle-horizontal:hover{background:#ffbd5933;box-shadow:0 0 15px #ffbd5966;border-top:2px solid rgba(255,189,89,.6);border-bottom:2px solid rgba(255,189,89,.6)}.resize-handle-horizontal:active,.resize-handle-horizontal.active{background:#ffbd594d;box-shadow:0 0 20px #ffbd5999}.resize-grip{display:flex;align-items:center;gap:8px;color:#ffbd5999;font-size:12px;font-weight:600;pointer-events:none}.resize-handle-horizontal:hover .resize-grip{color:#ffbd59}.resize-hint{opacity:0;transition:opacity .2s}.resize-handle-horizontal:hover .resize-hint{opacity:1}.market-section-content{display:flex;flex-direction:column;overflow:hidden;flex:1}.market-section-content .section-tabs{flex-shrink:0}.market-section-content .section-content{flex:1;overflow-y:auto;overflow-x:hidden;min-height:0}@media(max-width:768px){.markets-header,.market-row{grid-template-columns:1.5fr 1fr 1fr}.market-volume,.resize-hint{display:none}}.paper-trading-panel .order-type-selector,div.order-type-selector{display:flex!important;visibility:visible!important;opacity:1!important;padding:2px!important;gap:0!important;margin:12px 16px 8px!important;background:#1122504d!important;border-radius:6px!important;border:1px solid rgba(0,217,255,.15)!important}.paper-trading-panel .order-type-selector button,.paper-trading-panel .order-tab,.order-type-selector>button,button.order-tab{display:flex!important;visibility:visible!important;opacity:1!important;height:28px!important;min-height:28px!important;max-height:28px!important;padding:6px 12px!important;font-size:13px!important;font-weight:400!important;line-height:1!important;align-items:center!important;justify-content:center!important;gap:4px!important;background:transparent!important;border:none!important;border-radius:4px!important;color:#ffffff80!important;cursor:pointer!important;transition:all .15s ease!important;white-space:nowrap!important}.paper-trading-panel .order-type-selector button.active,button.order-tab.active{background:#00d9ff1f!important;color:var(--brand-cyan)!important;font-weight:500!important}.paper-trading-panel .order-type-selector button:hover,button.order-tab:hover{color:#fffc!important;background:#ffffff08!important}.paper-trading-panel .order-type-selector svg,.order-tab svg{width:12px!important;height:12px!important}.paper-trading-panel-backdrop{position:fixed!important;inset:0!important;background:#00000080;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;z-index:999998!important;animation:fadeIn .2s ease-out;transform:translateZ(0);isolation:isolate}.paper-trading-panel{position:fixed!important;left:0!important;top:0!important;height:100vh!important;background:linear-gradient(180deg,#0a0e27fa,#112250fa,#0a0e27fa)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border-right:4px solid rgba(6,182,212,.8);box-shadow:8px 0 64px #06b6d466,12px 0 96px #000c;z-index:999999!important;display:flex;animation:slideInLeft .3s cubic-bezier(.4,0,.2,1);transition:width .1s ease-out;isolation:isolate}@keyframes slideInLeft{0%{transform:translate(-100%) translateZ(0)}to{transform:translate(0) translateZ(0)}}.paper-trading-panel.resizing{transition:none}.resize-handle{width:8px;min-width:8px;background:#06b6d41a;cursor:col-resize;display:flex;align-items:center;justify-content:center;transition:all .2s ease;position:relative;-webkit-user-select:none;user-select:none}.resize-handle:before{content:"";position:absolute;right:0;top:0;bottom:0;width:2px;background:#06b6d433;transition:all .2s ease}.resize-handle:hover,.resize-handle.active{background:#06b6d433}.resize-handle:hover:before,.resize-handle.active:before{background:#06b6d499;box-shadow:0 0 12px #06b6d466}.resize-icon{color:#06b6d466;transition:all .2s ease}.resize-handle:hover .resize-icon,.resize-handle.active .resize-icon{color:#06b6d4cc}.panel-content{flex:1;display:flex;flex-direction:column;overflow:hidden}.panel-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid rgba(6,182,212,.2);background:linear-gradient(180deg,#0003,#0000001a)}.panel-title{font-size:22px;font-weight:800;background:linear-gradient(135deg,#06b6d4,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:.5px;margin-bottom:4px}.panel-subtitle{font-size:14px;color:#fff9;font-weight:600;letter-spacing:1px}.close-button{padding:8px;background:#06b6d41a;border:1px solid rgba(6,182,212,.2);border-radius:8px;color:#06b6d4cc;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.close-button:hover{background:#06b6d433;border-color:#06b6d466;transform:scale(1.05)}.panel-body{flex:1;overflow-y:auto;overflow-x:hidden;padding:24px;display:flex;flex-direction:column;gap:20px}.panel-body::-webkit-scrollbar{width:6px}.panel-body::-webkit-scrollbar-track{background:#ffffff08;border-radius:3px}.panel-body::-webkit-scrollbar-thumb{background:#06b6d44d;border-radius:3px}.panel-body::-webkit-scrollbar-thumb:hover{background:#06b6d480}.price-card{position:relative;background:linear-gradient(135deg,#112250fa,#0a0e27);border:1px solid rgba(6,182,212,.5);border-radius:16px;padding:24px;overflow:hidden}.price-label{font-size:12px;color:#ffffff80;font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px}.price-value{margin-bottom:12px;display:block;position:relative;min-height:40px}.loading-text{font-size:28px;color:#fff6;font-weight:700}.price-amount{font-size:32px;font-weight:800;color:#06b6d4;display:block;line-height:1.2}.price-digit{display:inline;font-size:inherit;font-weight:inherit;color:inherit;letter-spacing:normal}.live-indicator{display:flex;align-items:center;gap:8px}.live-dot{width:8px;height:8px;background:#10b981;border-radius:50%;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;box-shadow:0 0 8px #10b981cc}50%{opacity:.6;box-shadow:0 0 4px #10b98166}}.live-text{font-size:11px;color:#10b981;font-weight:700;letter-spacing:1px}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.info-card{background:#112250f2;border:1px solid rgba(6,182,212,.4);border-radius:12px;padding:16px;transition:all .2s ease}.info-card:hover{background:#112250;border-color:#06b6d499;transform:translateY(-2px)}.info-label{font-size:11px;color:#ffffff80;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.info-value{font-size:18px;font-weight:700;color:#fff}.side-buttons{display:grid;grid-template-columns:1fr 1fr;gap:16px}.side-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 20px;font-family:Poppins,sans-serif;font-size:14px;font-weight:700;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;border:2px solid #FFBD59;border-radius:50px}.side-button:before{content:"";position:absolute;inset:0;background:radial-gradient(circle,rgba(255,189,89,.15) 0%,transparent 70%);opacity:0;transition:opacity .4s ease}.button-icon{transition:all .3s ease;font-size:.9rem;flex-shrink:0}.button-text{position:relative;z-index:1;text-align:center;flex-shrink:0}.side-button.buy{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 10px 40px #10b98166}.side-button.buy:hover:not(:disabled),.side-button.buy.active{transform:translateY(-3px);border-color:#ffbd59cc;box-shadow:0 12px 48px #10b98180,0 0 30px #ffbd5966}.side-button.buy:hover:not(:disabled):before{opacity:1}.side-button.buy:disabled{opacity:.5;cursor:not-allowed}.side-button.sell{background:linear-gradient(135deg,#9c0612,#6b0f1a);color:#fff;box-shadow:0 10px 40px #9c061266}.side-button.sell:hover:not(:disabled),.side-button.sell.active{transform:translateY(-3px);border-color:#ffbd59cc;box-shadow:0 12px 48px #9c061280,0 0 30px #ffbd5966}.side-button.sell:hover:not(:disabled):before{opacity:1}.side-button.sell:disabled{opacity:.5;cursor:not-allowed}.order-form{display:flex;flex-direction:column;gap:20px}.order-type-section{margin-bottom:20px}.section-label{display:block;font-size:13px;font-weight:600;color:#8d8d8d;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.order-type-selector{display:flex!important;gap:0!important;margin:12px 16px 8px!important;background:#1122504d!important;border-radius:6px!important;padding:2px!important;border:1px solid rgba(0,217,255,.15)!important}.order-tab,.order-type-selector button{flex:1!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:4px!important;height:28px!important;min-height:28px!important;max-height:28px!important;padding:6px 12px!important;background:transparent!important;border:none!important;border-radius:4px!important;color:#ffffff80!important;font-size:13px!important;font-weight:400!important;line-height:1!important;cursor:pointer!important;transition:all .15s ease!important;white-space:nowrap!important}.order-tab:hover,.order-type-selector button:hover{color:#fffc!important;background:#ffffff08!important}.order-tab.active,.order-type-selector button.active{background:#00d9ff1f!important;color:var(--brand-cyan)!important;font-weight:500!important}.order-tab svg,.order-type-selector button svg{width:12px!important;height:12px!important;flex-shrink:0!important}@media(max-width:380px){.order-tab,.order-type-selector button{padding:6px 8px!important;font-size:12px!important}.order-tab svg,.order-type-selector button svg{width:10px!important;height:10px!important}}.input-section{margin-bottom:16px}.input-label{display:block;font-size:13px;font-weight:600;color:#8d8d8d;margin-bottom:8px}.input-wrapper{position:relative}.price-input{width:100%;padding:12px 60px 12px 12px;background:#112250e6;border:1px solid rgba(6,182,212,.4);border-radius:8px;color:#fff;font-size:15px;font-weight:500;transition:all .2s ease}.price-input:focus{outline:none;border-color:#0ecb81;background:#112250;box-shadow:0 0 0 3px #0ecb8133}.input-suffix{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:13px;color:#8d8d8d;font-weight:600}.quick-price-buttons{display:flex;gap:6px;margin-top:8px}.quick-btn{flex:1;padding:6px;background:#112250d9;border:1px solid rgba(6,182,212,.4);border-radius:4px;color:#fffc;font-size:11px;cursor:pointer;transition:all .2s}.quick-btn:hover{background:#112250;border-color:#0ecb81;color:#0ecb81}.quantity-percentage-buttons{display:flex;gap:6px;margin-top:8px}.percentage-btn{flex:1;padding:6px 8px;background:#11225099;border:1px solid rgba(0,217,255,.25);border-radius:4px;color:#ffffffb3;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;line-height:1}.percentage-btn:hover{background:#00d9ff1f;border-color:var(--brand-cyan);color:var(--brand-cyan);transform:translateY(-1px)}.percentage-btn:active{transform:translateY(0)}.balance-info{float:right;font-size:11px;font-weight:400;color:#ffffff80}.cost-summary{margin-top:10px;padding:10px 12px;background:#11225066;border:1px solid rgba(0,217,255,.15);border-radius:6px;display:flex;flex-direction:column;gap:6px}.cost-row{display:flex;justify-content:space-between;align-items:center;font-size:12px;line-height:1.2}.cost-label{color:#fff9;font-weight:400}.cost-value{color:#ffffffe6;font-weight:500;font-family:Courier New,monospace}.cost-total{margin-top:4px;padding-top:8px;border-top:1px solid rgba(0,217,255,.2)}.cost-total .cost-label{color:#fffc;font-weight:600;font-size:13px}.cost-total .cost-value{color:var(--brand-cyan);font-weight:600;font-size:14px}.advanced-orders-section{margin:20px 0;padding:16px;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:8px}.section-label{display:block;font-size:13px;font-weight:600;color:#fffc;margin-bottom:12px;letter-spacing:.5px}.advanced-order-item{margin-bottom:16px}.advanced-order-item:last-child{margin-bottom:0}.checkbox-row{display:flex;align-items:center;gap:10px}.checkbox-input{width:18px;height:18px;cursor:pointer;accent-color:#0ECB81}.checkbox-label-inline{flex:1;display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;font-weight:600;color:#fff}.checkbox-text{flex:1}.checkbox-badge{padding:2px 6px;background:#ffffff1a;border-radius:4px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.checkbox-badge.tier1{background:#ffbd5933;color:#ffbd59}.advanced-price-input{margin-top:12px;padding-left:28px}.input-wrapper-enhanced{position:relative;display:flex;align-items:center}.input-suffix-enhanced{position:absolute;right:12px;font-size:12px;font-weight:600;color:#ffffff80;pointer-events:none}.tp-price-input{width:100%;padding:12px 60px 12px 12px;background:#0ecb810d;border:1px solid rgba(14,203,129,.3);border-radius:8px;color:#0ecb81;font-size:15px;font-weight:600;outline:none}.tp-price-input:focus{border-color:#0ecb81;background:#0ecb8114}.sl-price-input{width:100%;padding:12px 60px 12px 12px;background:#f6465d0d;border:1px solid rgba(246,70,93,.3);border-radius:8px;color:#f6465d;font-size:15px;font-weight:600;outline:none}.sl-price-input:focus{border-color:#f6465d;background:#f6465d14}.quick-tp-buttons,.quick-sl-buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:8px}.quick-tp-btn{padding:6px;background:#0ecb811a;border:1px solid rgba(14,203,129,.3);border-radius:4px;color:#0ecb81;font-size:11px;font-weight:600;cursor:pointer;transition:all .2s}.quick-tp-btn:hover{background:#0ecb8133;border-color:#0ecb81;transform:translateY(-1px)}.quick-sl-btn{padding:6px;background:#f6465d1a;border:1px solid rgba(246,70,93,.3);border-radius:4px;color:#f6465d;font-size:11px;font-weight:600;cursor:pointer;transition:all .2s}.quick-sl-btn:hover{background:#f6465d33;border-color:#f6465d;transform:translateY(-1px)}.tp-preview,.sl-preview{display:flex;justify-content:space-between;align-items:center;margin-top:8px;padding:8px;background:#ffffff08;border-radius:6px;font-size:12px}.preview-label{color:#8d8d8d}.preview-value{font-weight:600;font-family:Courier New,monospace}.preview-value.positive{color:#0ecb81}.preview-value.negative{color:#f6465d}.risk-reward-display{display:flex;justify-content:space-between;align-items:center;margin-top:12px;padding:12px;background:#0ecb811a;border:1px solid rgba(14,203,129,.3);border-radius:8px}.rr-label{font-size:13px;color:#8d8d8d;font-weight:600}.rr-value{font-size:16px;font-weight:700;color:#0ecb81}.reduce-only-section{margin:12px 0}.info-tooltip{width:20px;height:20px;border-radius:50%;background:#ffffff1a;border:none;color:#ffbd59;font-size:12px;cursor:help;transition:all .2s;display:flex;align-items:center;justify-content:center;padding:0}.info-tooltip svg{color:#ffbd59;stroke:#ffbd59;fill:none}.info-tooltip:hover{background:#ffbd5933;color:#ffbd59;transform:scale(1.1)}.info-tooltip:hover svg{color:#ffbd59;stroke:#ffbd59}.reduce-only-hint{margin-top:8px;padding:8px 12px;background:#ffbd591a;border:1px solid rgba(255,189,89,.3);border-radius:6px;display:flex;align-items:center;gap:8px}.reduce-only-hint .hint-text{font-size:11px;color:#ffbd59;line-height:1.4}.tif-section{margin:16px 0}.tif-section .section-label{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.tif-select{width:100%;padding:12px 36px 12px 12px;background:#11225099!important;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(0,217,255,.3)!important;border-radius:8px;color:#fff!important;font-size:14px;font-weight:500;cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2300d9ff' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;outline:none;transition:all .2s ease}.tif-select:hover{background:#112250cc!important;border-color:#00d9ff!important;box-shadow:0 0 12px #00d9ff33}.tif-select:focus{border-color:#00d9ff!important;background:#112250cc!important;box-shadow:0 0 16px #00d9ff4d}.tif-select option{background:#112250f2!important;background-color:#112250!important;color:#fff!important;padding:8px}.tif-description{margin-top:8px;padding:8px 12px;background:#ffffff08;border-radius:6px;font-size:11px;color:#8d8d8d;line-height:1.4}.input-hint{display:flex;align-items:center;gap:6px;margin-top:6px;padding:8px;background:#112250cc;border:1px solid rgba(6,182,212,.3);border-radius:6px}.hint-icon{font-size:14px}.hint-text{font-size:11px;color:#8d8d8d;line-height:1.4}.form-group{display:flex;flex-direction:column;gap:8px}.form-label{font-size:13px;color:#ffffffb3;font-weight:600;letter-spacing:.5px}.form-input{background:#112250e6;border:1px solid rgba(6,182,212,.5);border-radius:12px;padding:14px 16px;color:#fff;font-size:16px;font-weight:600;transition:all .2s ease}.form-input:focus{outline:none;border-color:#06b6d4;box-shadow:0 0 0 3px #06b6d44d;background:#112250}.form-hint{font-size:12px;color:#ffffff80;font-weight:500}.checkbox-group{display:flex;flex-direction:column;gap:8px}.checkbox-label{display:flex;align-items:center;gap:12px;cursor:pointer;font-size:14px;color:#fffc;font-weight:600}.checkbox-input{width:18px;height:18px;border-radius:4px;border:2px solid rgba(6,182,212,.4);cursor:pointer;transition:all .2s ease}.checkbox-input:checked{background:#06b6d4;border-color:#06b6d4}.tier-badge{display:inline-block;background:linear-gradient(135deg,#ffbd59,#ff8c00);color:#0a0e27;font-size:10px;font-weight:800;padding:4px 8px;border-radius:6px;letter-spacing:.5px;margin-left:auto}.alert{padding:14px 16px;border-radius:12px;font-size:14px;font-weight:600}.alert-error{background:#ef444426;border:1px solid rgba(239,68,68,.4);color:#ef4444}.alert-success{background:#10b98126;border:1px solid rgba(16,185,129,.4);color:#10b981}.execute-button{width:100%;max-width:320px;margin-left:auto;margin-right:auto;padding:10px 16px;margin-top:120px;border-radius:8px;font-size:13px;font-weight:600;letter-spacing:.3px;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;border:2px solid #FFBD59;display:flex;align-items:center;justify-content:center;gap:6px}.execute-button:before{content:"";position:absolute;inset:0;background:radial-gradient(circle,rgba(255,189,89,.15) 0%,transparent 70%);opacity:0;transition:opacity .4s ease}.execute-button:hover:not(:disabled):before{opacity:1}.execute-button.buy{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 8px 32px #10b9814d}.execute-button.buy:hover:not(:disabled){box-shadow:0 10px 40px #10b98166,0 0 20px #ffbd594d;transform:translateY(-2px);border-color:#ffbd59cc}.execute-button.sell{background:linear-gradient(135deg,#9c0612,#6b0f1a);color:#fff;box-shadow:0 8px 32px #9c06124d}.execute-button.sell:hover:not(:disabled){box-shadow:0 10px 40px #9c061266,0 0 20px #ffbd594d;transform:translateY(-2px);border-color:#ffbd59cc}.execute-button:active:not(:disabled){transform:translateY(0) scale(.98)}.execute-button:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.btn-loading{display:flex;align-items:center;justify-content:center;gap:10px}.btn-spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.btn-icon{font-size:14px;flex-shrink:0;display:flex;align-items:center}.upgrade-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10000;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .2s ease-out}.upgrade-modal{background:linear-gradient(180deg,#0a0e27fa,#112250f2);border:2px solid rgba(6,182,212,.3);border-radius:20px;padding:32px;max-width:480px;width:100%;box-shadow:0 20px 60px #00000080}.upgrade-title{font-size:24px;font-weight:800;background:linear-gradient(135deg,#06b6d4,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:12px}.upgrade-text{font-size:15px;color:#ffffffb3;margin-bottom:24px}.upgrade-benefits{background:#11225066;border:1px solid rgba(6,182,212,.2);border-radius:12px;padding:20px;margin-bottom:24px}.benefits-title{font-size:16px;font-weight:700;color:#06b6d4;margin-bottom:12px}.benefits-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.benefits-list li{font-size:14px;color:#fffc;font-weight:600}.upgrade-actions{display:flex;gap:12px}.upgrade-button-primary,.upgrade-button-secondary{flex:1;padding:14px 20px;border-radius:12px;font-size:15px;font-weight:700;cursor:pointer;transition:all .2s ease;border:none}.upgrade-button-primary{background:linear-gradient(135deg,#06b6d4,#3b82f6);color:#fff;box-shadow:0 4px 16px #06b6d44d}.upgrade-button-primary:hover{box-shadow:0 6px 24px #06b6d466;transform:translateY(-2px)}.upgrade-button-secondary{background:#ffffff1a;color:#fffc;border:1px solid rgba(255,255,255,.2)}.upgrade-button-secondary:hover{background:#ffffff26;border-color:#ffffff4d}@media(max-width:768px){.paper-trading-panel{width:100%!important;border-right:none}.resize-handle{display:none}.panel-header{padding:16px 20px}.panel-title{font-size:20px}.panel-body{padding:20px}.price-amount{font-size:28px}.side-buttons{gap:12px}.side-button{padding:20px 12px}.button-text{font-size:16px}}@media(max-width:480px){.panel-header{padding:12px 16px}.panel-title{font-size:18px}.panel-body{padding:16px;gap:16px}.price-card{padding:20px}.price-amount{font-size:24px}.info-grid{grid-template-columns:1fr}.side-buttons{gap:10px}.side-button{padding:18px 10px}.button-text{font-size:15px}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;font-family:var(--font-display);font-size:18px;font-weight:700;text-decoration:none;white-space:nowrap;padding:18px 40px;border-radius:50px;border:2px solid transparent;background:transparent;cursor:pointer;transition:all var(--transition-base);position:relative;overflow:hidden;user-select:none;-webkit-user-select:none}.btn:focus{outline:none}.btn:focus-visible{outline:2px solid var(--brand-gold);outline-offset:4px}.btn-primary{background:linear-gradient(135deg,#9c0612,#6b0f1a);color:#fff;border-color:var(--brand-gold);box-shadow:0 10px 40px #9c061266}.btn-primary:hover:not(:disabled){transform:translateY(-3px);border-color:#ffbd59;box-shadow:0 12px 48px #9c061280,0 0 30px #ffbd5966}.btn-primary:active:not(:disabled){transform:translateY(-1px)}.btn-secondary{background:linear-gradient(135deg,#00d9ff,#4d9de0);color:#fff;border-color:var(--brand-cyan);box-shadow:0 8px 24px #00d9ff4d}.btn-secondary:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 12px 32px #00d9ff66,0 0 30px #00d9ff4d}.btn-secondary:active:not(:disabled){transform:translateY(-1px)}.btn-outline{background:transparent;color:var(--text-primary);border-color:var(--brand-gold);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.btn-outline:hover:not(:disabled){background:#ffbd5926;border-color:var(--brand-gold);box-shadow:0 0 20px #ffbd594d}.btn-outline:active:not(:disabled){background:#ffbd5940}.btn-ghost{background:transparent;color:var(--text-secondary);border-color:transparent}.btn-ghost:hover:not(:disabled){background:#ffffff14;color:var(--text-primary)}.btn-ghost:active:not(:disabled){background:#ffffff1f}.btn-sm{padding:14px 32px;font-size:16px;gap:8px}.btn-md{padding:18px 40px;font-size:18px;gap:12px}.btn-lg{padding:22px 48px;font-size:20px;gap:14px}.btn-full{width:100%}.btn-disabled,.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn-loading{cursor:wait;position:relative}.btn-spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.btn-sm .btn-spinner{width:14px;height:14px;border-width:2px}.btn-lg .btn-spinner{width:20px;height:20px;border-width:3px}.btn-icon{display:inline-flex;align-items:center;justify-content:center;font-size:1.2em}.btn-sm .btn-icon{font-size:1.1em}.btn-lg .btn-icon{font-size:1.3em}.btn-group{display:inline-flex;gap:var(--space-sm)}.btn-group-vertical{flex-direction:column}@media(max-width:768px){.btn{padding:16px 32px;font-size:16px}.btn-sm{padding:12px 24px;font-size:14px}.btn-lg{padding:18px 40px;font-size:18px}}@media print{.btn{box-shadow:none;border:1px solid #000}}.tpsl-input-container{display:flex;flex-direction:column;gap:12px;padding:16px;background:#1122504d;border:1px solid rgba(0,217,255,.2);border-radius:8px}.current-pnl-display{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:#11225080;border-radius:6px;margin-bottom:4px}.current-pnl-display .label{font-size:12px;color:#fff9;font-weight:600}.current-pnl-display .value{font-size:14px;font-weight:700;font-family:Monaco,Courier New,monospace}.current-pnl-display .value.profit{color:#0ecb81}.current-pnl-display .value.loss{color:#f6465d}.tpsl-section{display:flex;flex-direction:column;gap:8px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.section-header label{font-size:11px;font-weight:700;color:#fffc;text-transform:uppercase;letter-spacing:.5px}.mode-toggle{display:flex;gap:2px;background:#11225066;border-radius:4px;padding:2px}.mode-toggle button{padding:3px 10px;font-size:10px;font-weight:600;background:transparent;border:none;border-radius:3px;color:#ffffff80;cursor:pointer;transition:all .2s ease}.mode-toggle button.active{background:#00d9ff33;color:#00d9ff}.input-row{display:flex;align-items:center;gap:8px;background:#ffffff1f;border:2px solid rgba(0,217,255,.4);border-radius:8px;padding:12px 14px;transition:all .2s ease}.input-row:focus-within{background:#ffffff2e;border-color:#00d9ffb3;box-shadow:0 0 16px #00d9ff4d}.input-row .prefix{font-size:16px;font-weight:700;color:#fffc;font-family:Monaco,Courier New,monospace}.input-row input{flex:1;background:transparent;border:none;color:#fff;font-size:16px;font-weight:700;outline:none;font-family:Monaco,Courier New,monospace;text-align:left}.input-row input::placeholder{color:#fff6}.input-row .unit{font-size:12px;color:#fff9;font-weight:600}.profit-input{border-color:#0ecb8166}.profit-input:focus-within{border-color:#0ecb81b3;box-shadow:0 0 12px #0ecb814d}.profit-input .prefix{color:#0ecb81}.loss-input{border-color:#f6465d66}.loss-input:focus-within{border-color:#f6465db3;box-shadow:0 0 12px #f6465d4d}.loss-input .prefix{color:#f6465d}.calculated-values{display:flex;flex-direction:column;gap:4px;padding:8px;background:#11225033;border-radius:6px;margin-top:2px}.value-row{display:flex;justify-content:space-between;align-items:center}.value-row .label{font-size:11px;color:#ffffff80;font-weight:500}.value-row .value{font-size:12px;font-weight:700;color:#fff;font-family:Monaco,Courier New,monospace}.value-row .value.profit{color:#0ecb81}.value-row .value.loss{color:#f6465d}.value-row.pnl{margin-top:2px;padding-top:4px;border-top:1px solid rgba(255,255,255,.1)}.risk-reward-display{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:#ffbd591a;border:1px solid rgba(255,189,89,.3);border-radius:6px;margin-top:4px}.risk-reward-display .label{font-size:11px;font-weight:700;color:#fffc;text-transform:uppercase;letter-spacing:.5px}.risk-reward-display .value{font-size:14px;font-weight:700;color:#ffbd59;font-family:Monaco,Courier New,monospace}.take-profit .section-header label{color:#0ecb81}.take-profit .input-row{border-color:#0ecb814d}.take-profit .input-row:focus-within{border-color:#0ecb8180;box-shadow:0 0 8px #0ecb8133}.stop-loss .section-header label{color:#f6465d}.stop-loss .input-row{border-color:#f6465d4d}.stop-loss .input-row:focus-within{border-color:#f6465d80;box-shadow:0 0 8px #f6465d33}.modal-overlay{position:fixed!important;inset:0!important;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:2147483647!important;padding:var(--space-md);transform:translateZ(0);isolation:isolate}.modal-content{position:relative;background:var(--bg-elevated);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-lg);width:100%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 40px #0006;animation:modalSlideIn .2s ease-out;z-index:2147483647!important}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-lg);border-bottom:1px solid rgba(255,255,255,.08)}.modal-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-muted);font-size:var(--text-xl);cursor:pointer;transition:all var(--transition-base)}.modal-close:hover{background:#ffffff0d;color:var(--text-primary)}.modal-body{padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-lg)}.position-info{background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-sm)}.info-row{display:flex;justify-content:space-between;align-items:center}.info-label{font-size:var(--text-sm);color:var(--text-muted)}.info-value{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary)}.info-value.profit{color:#0ecb81;font-family:var(--font-mono)}.info-value.loss{color:#f6465d;font-family:var(--font-mono)}.crypto-pair{color:var(--brand-gold);font-family:var(--font-mono)}.modal-form{display:flex;flex-direction:column;gap:var(--space-md)}.rr-display{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md);background:#ffbd590d;border:1px solid rgba(255,189,89,.2);border-radius:var(--radius-md)}.rr-label{font-size:var(--text-sm);color:var(--text-secondary)}.rr-value{font-size:var(--text-lg);font-family:var(--font-mono);font-weight:var(--font-bold);color:var(--brand-gold)}.modal-footer{display:flex;justify-content:flex-end;gap:var(--space-sm);padding:var(--space-lg);border-top:1px solid rgba(255,255,255,.08)}.modal-body .error-message{padding:var(--space-sm);background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-sm);color:var(--accent-red);font-size:var(--text-sm)}@media(max-width:600px){.modal-content{max-width:100%;max-height:100vh;border-radius:0}.modal-header,.modal-body,.modal-footer{padding:var(--space-md)}}@media(max-width:767px){.modal-overlay{padding:0}.modal-content{max-width:100%;max-height:100vh;border-radius:0;margin:0}.modal-header{padding:16px;position:sticky;top:0;background:var(--bg-elevated);z-index:10}.modal-header h2{font-size:16px}.modal-close{width:40px;height:40px;min-height:44px}.modal-body{padding:16px;gap:16px}.position-info{padding:12px;gap:8px}.info-row{flex-direction:column;align-items:flex-start;gap:4px}.info-label{font-size:12px}.info-value{font-size:14px}.modal-form{gap:12px}.rr-display{flex-direction:column;gap:8px;text-align:center;padding:12px}.rr-label{font-size:12px}.rr-value{font-size:18px}.modal-footer{padding:16px;flex-direction:column;gap:10px;position:sticky;bottom:0;background:var(--bg-elevated)}.modal-footer button{width:100%;min-height:44px}.modal-body .error-message{padding:10px;font-size:13px}}.open-positions-widget{background:#11225066;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,189,89,.2);border-radius:12px;padding:16px;width:100%;min-width:0;max-width:100%;box-sizing:border-box;overflow:hidden;transition:all .2s ease}.open-positions-widget:hover{border-color:#ffbd5966;box-shadow:0 0 12px #ffbd5926}.widget-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.1)}.widget-header h3{font-size:11px!important;font-weight:600;color:#fff;margin:0}.header-controls{display:flex;gap:8px;align-items:center;justify-content:flex-end}.sort-dropdown{background:#11225099!important;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,189,89,.3)!important;border-radius:6px;color:#fff!important;font-size:13px;font-weight:500;padding:6px 32px 6px 12px;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23FFBD59' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;cursor:pointer;transition:all .2s ease}.sort-dropdown:hover{background:#112250cc!important;border-color:#ffbd59!important;box-shadow:0 0 12px #ffbd5933}.sort-dropdown:focus{outline:none;border-color:#ffbd59!important;box-shadow:0 0 16px #ffbd594d}.sort-dropdown option{background:#112250f2!important;background-color:#112250f2!important;color:#fff!important;padding:8px 12px}.sort-dropdown::-ms-expand{display:none}@-moz-document url-prefix(){.sort-dropdown option{background-color:#112250!important;color:#fff!important}}@supports (-webkit-appearance: none){.sort-dropdown option{background-color:#112250!important;color:#fff!important}.sort-dropdown option:checked,.sort-dropdown option:hover{background:#ffbd5933!important;background-color:#ffbd5933!important}}.btn-refresh{width:32px;height:32px;min-width:32px;display:flex;align-items:center;justify-content:center;background:#11225080;border:1px solid rgba(255,189,89,.2);border-radius:6px;cursor:pointer;color:#ffbd59;transition:all .2s;padding:0}.btn-refresh svg{color:#ffbd59!important;stroke:#ffbd59!important;fill:none!important}.btn-refresh:hover{background:#112250b3;border-color:#ffbd5966}.btn-refresh:hover svg{color:#ffbd59!important;stroke:#ffbd59!important}.btn-refresh:disabled{opacity:.5;cursor:not-allowed}.btn-refresh .spinning{animation:spin 1s linear infinite}.loading-state{text-align:center;padding:40px 20px;color:#8d8d8d;font-size:14px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center}.empty-icon{font-size:48px;margin-bottom:12px;opacity:.5}.empty-state p{font-size:15px;color:#8d8d8d;margin:0 0 8px}.empty-hint{font-size:12px;color:#606060}.positions-list{display:flex;flex-direction:column;gap:12px}.position-item,.position-card{background:#1122504d;border:1px solid rgba(255,189,89,.2);border-radius:8px;padding:12px;transition:all .2s ease;min-width:0;box-sizing:border-box;overflow:hidden}.position-item:hover,.position-card:hover{background:#11225080;border-color:#ffbd5966;transform:translate(2px)}.position-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.position-header .symbol,.position-symbol{font-size:20px!important;font-weight:600!important;color:#ffbd59!important;letter-spacing:.5px;text-shadow:none!important}.position-header .pnl,.position-pnl{font-size:14px;font-weight:700;font-family:Monaco,Courier New,monospace}.position-header .pnl.profit,.position-pnl.profit{color:#0ecb81}.position-header .pnl.loss,.position-pnl.loss{color:#f6465d}.position-details{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}.detail-row{display:flex;justify-content:space-between;font-size:12px}.detail-label{color:#8d8d8d}.detail-value{color:#fff;font-weight:600;font-family:Monaco,Courier New,monospace}.detail-value.profit{color:#0ecb81}.detail-value.loss{color:#f6465d}.position-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.btn-close-position{padding:8px;background:#f6465d1a;border:1px solid rgba(246,70,93,.3);border-radius:6px;color:#f6465d;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s}.btn-close-position:hover{background:#f6465d33}.btn-manage,.btn-edit{padding:8px;background:#0ecb811a;border:1px solid rgba(14,203,129,.3);border-radius:6px;color:#0ecb81;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s}.btn-manage:hover,.btn-edit:hover{background:#0ecb8133}.recent-trades-section{background:#11225066;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,189,89,.2);border-radius:12px;padding:16px;margin-top:0;position:relative;z-index:0;width:100%;min-width:0;max-width:100%;box-sizing:border-box;overflow:hidden;transition:all .2s ease}.recent-trades-section:hover{border-color:#ffbd5966;box-shadow:0 0 12px #ffbd5926}.recent-trades-section>h3{font-size:11px!important;font-weight:600;color:#fff;margin:0 0 12px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.section-header h3{font-size:11px!important;font-weight:700;color:#fff;margin:0}.btn-view-all{padding:6px 12px;background:#0ecb811a;border:1px solid rgba(14,203,129,.3);border-radius:6px;color:#0ecb81;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s}.btn-view-all:hover{background:#0ecb8133}.trades-table{overflow-x:auto}.trades-table table{width:100%;border-collapse:collapse}.trades-table th{text-align:left;padding:8px;font-size:11px;font-weight:600;color:#8d8d8d;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid rgba(255,255,255,.1)}.trades-table td{padding:10px 8px;font-size:13px;color:#fff;border-bottom:1px solid rgba(255,255,255,.05)}.time-cell{color:#8d8d8d;font-size:12px}.symbol-cell{font-weight:700}.trades-list{display:flex;flex-direction:column;gap:8px}.trade-item{background:#1122504d;border:1px solid rgba(255,189,89,.2);border-radius:8px;padding:12px;transition:all .2s ease;min-width:0;box-sizing:border-box;overflow:hidden}.trade-item:hover{background:#11225080;border-color:#ffbd5966;transform:translate(2px)}.trade-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.trade-header .symbol{font-size:18px!important;font-weight:600!important;color:#ffbd59!important;letter-spacing:.5px;text-shadow:none!important}.trade-header .side{font-size:11px;font-weight:600;padding:3px 8px;border-radius:4px;text-transform:uppercase}.trade-header .side.buy{background:#0ecb8126;color:#0ecb81;border:1px solid rgba(14,203,129,.3)}.trade-header .side.sell{background:#f6465d26;color:#f6465d;border:1px solid rgba(246,70,93,.3)}.trade-details{display:flex;flex-direction:column;gap:4px}.detail-row{display:flex;justify-content:space-between;font-size:12px;color:#ffffffb3}.detail-row.strong{font-weight:600;font-size:13px}.detail-row.time{font-size:11px;color:#ffffff80;margin-top:4px}.detail-row .profit{color:#0ecb81}.detail-row .loss{color:#f6465d}.trades-table td.profit{color:#0ecb81;font-weight:700}.trades-table td.loss{color:#f6465d;font-weight:700}.pnl-percentage{font-size:11px;margin-left:4px}.recent-trades-section .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center}.recent-trades-section .empty-icon{font-size:48px;margin-bottom:12px;opacity:.5}.recent-trades-section .empty-state p{font-size:15px;color:#8d8d8d;margin:0}.recent-trades-section .loading-state{text-align:center;padding:40px 20px;color:#8d8d8d;font-size:14px}.scanner-page-v2{min-height:100vh!important;height:auto;padding:var(--space-lg);background:transparent;overflow-y:auto;overflow-x:hidden;position:relative;z-index:var(--z-base)}.scanner-layout{display:grid;grid-template-columns:minmax(0,20%) minmax(0,50%) minmax(0,30%);gap:var(--space-md);min-height:calc(100vh - 260px);height:auto;align-items:start;width:100%;max-width:100%;overflow:hidden;background:transparent}.scanner-left,.scanner-right{background:var(--bg-card);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:var(--border-thin) solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;transition:var(--transition-base)}.scanner-left:hover,.scanner-right:hover{border-color:#ffbd5933;box-shadow:var(--shadow-xl),var(--shadow-gold)}.scanner-left{overflow-y:auto;overflow-x:hidden;padding:var(--space-md);max-height:calc(100vh - 260px)}.scanner-right{overflow:hidden;min-width:0;max-width:100%;width:100%;box-sizing:border-box}.right-column-scroll-wrapper{overflow-y:auto;overflow-x:hidden;padding:10px;flex:1;display:flex;flex-direction:column;gap:8px;min-width:0;width:100%;max-width:100%;box-sizing:border-box}.right-column-scroll-wrapper>*{min-width:0;max-width:100%;box-sizing:border-box;overflow:hidden}.scanner-center{display:flex;flex-direction:column;gap:var(--space-sm);overflow:visible;height:auto;min-height:0}.scanner-center>.trading-chart-container{min-height:400px;overflow:visible;background:var(--bg-elevated);border:var(--border-thin) solid rgba(255,189,89,.2);border-radius:var(--radius-lg);position:relative;flex-shrink:0;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);box-shadow:var(--shadow-md);transition:var(--transition-base)}.scanner-center>.trading-chart-container:hover{border-color:var(--brand-gold);box-shadow:var(--shadow-lg),var(--shadow-gold)}.scanner-center>.market-chatbot-section-resizable{flex-shrink:0;overflow:visible}.scanner-left::-webkit-scrollbar,.right-column-scroll-wrapper::-webkit-scrollbar{width:8px}.scanner-left::-webkit-scrollbar-track,.right-column-scroll-wrapper::-webkit-scrollbar-track{background:#ffffff0d;border-radius:var(--radius-full)}.scanner-left::-webkit-scrollbar-thumb,.right-column-scroll-wrapper::-webkit-scrollbar-thumb{background:var(--gradient-primary);border-radius:var(--radius-full)}.scanner-left::-webkit-scrollbar-thumb:hover,.right-column-scroll-wrapper::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,var(--brand-burgundy),var(--brand-royal));box-shadow:var(--shadow-gold)}.paper-trading-widgets-section{display:flex;flex-direction:column;gap:12px;margin-top:8px;width:100%;min-width:0;max-width:100%;box-sizing:border-box;overflow:hidden}@media(max-width:1400px){.scanner-layout{grid-template-columns:25% 50% 25%}}@media(max-width:1024px){.scanner-layout{grid-template-columns:30% 70%;grid-template-rows:auto 1fr}.scanner-right{grid-column:1 / -1;max-height:400px}}@media(max-width:768px){.scanner-page-v2{padding:var(--space-sm)}.scanner-layout{grid-template-columns:1fr;grid-template-rows:auto auto auto;height:auto;gap:var(--space-sm)}.scanner-left,.scanner-center,.scanner-right{max-height:none;padding:var(--space-sm)}}@media(max-width:767px){.scanner-page-v2{padding:8px;min-height:auto}.scanner-layout{display:flex;flex-direction:column;gap:8px;min-height:auto}.scanner-left{order:1;max-height:300px;padding:12px}.scanner-center{order:2;padding:0}.scanner-center>.trading-chart-container{min-height:280px;border-radius:12px}.scanner-right{order:3;padding:8px}.right-column-scroll-wrapper{padding:8px;gap:8px}.paper-trading-widgets-section{gap:8px;margin-top:8px}.scanner-page-v2,.scanner-layout,.scanner-left,.scanner-center,.scanner-right{overflow-x:hidden;max-width:100vw}}.analytics-page{min-height:100vh;background:transparent;padding:40px 20px}.analytics-container{max-width:1000px;margin:0 auto}.coming-soon-card{background:linear-gradient(135deg,#112250e6,#1a2847e6);border:2px solid rgba(255,189,89,.3);border-radius:24px;padding:60px 40px;text-align:center;animation:fadeIn .6s ease}.coming-soon-icon{font-size:120px;margin-bottom:20px;animation:pulse 2s ease-in-out infinite}.coming-soon-title{color:#ffbd59;font-size:48px;font-weight:800;margin:0 0 16px;text-shadow:0 4px 20px rgba(255,189,89,.3)}.coming-soon-subtitle{color:#ffffffe6;font-size:24px;font-weight:600;margin:0 0 24px;text-transform:uppercase;letter-spacing:3px}.coming-soon-description{color:#ffffffb3;font-size:18px;line-height:1.6;max-width:600px;margin:0 auto 40px}.feature-preview{margin:40px 0;padding:32px;background:#0f1b3580;border-radius:16px;border:1px solid rgba(255,189,89,.2)}.feature-preview h3{color:#ffbd59;font-size:20px;font-weight:700;margin:0 0 24px}.feature-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;text-align:left}.feature-item{display:flex;align-items:flex-start;gap:12px;padding:16px;background:#11225080;border-radius:12px;border:1px solid rgba(255,189,89,.2);transition:all .3s ease}.feature-item:hover{transform:translateY(-2px);border-color:#ffbd5966;box-shadow:0 4px 16px #ffbd5933}.feature-icon{font-size:32px;flex-shrink:0}.feature-content h4{color:#fff;font-size:16px;font-weight:700;margin:0 0 4px}.feature-content p{color:#fff9;font-size:13px;margin:0;line-height:1.4}.tier-info-card{margin:32px 0;padding:24px;background:linear-gradient(135deg,#ffd7001a,#ffbd591a);border:1px solid rgba(255,215,0,.3);border-radius:16px}.tier-badge-large{display:inline-block;padding:8px 16px;border-radius:20px;font-size:16px;font-weight:700;margin-bottom:12px;background:linear-gradient(135deg,#ffd7004d,#ffbd594d);color:gold;border:1px solid #FFD700;box-shadow:0 0 20px #ffd7004d}.tier-message{color:#fffc;font-size:14px;margin:0;line-height:1.6}.coming-soon-cta{margin-top:40px;padding-top:32px;border-top:1px solid rgba(255,189,89,.2)}.coming-soon-cta p{color:#ffffffb3;font-size:16px;margin:0 0 20px}.btn-back-home{display:inline-block;padding:14px 32px;background:linear-gradient(135deg,#ffbd59,#ffd580);color:#0f1b35;font-size:16px;font-weight:700;border-radius:12px;text-decoration:none;transition:all .3s ease;box-shadow:0 4px 16px #ffbd594d}.btn-back-home:hover{transform:translateY(-2px);box-shadow:0 6px 24px #ffbd5980}@media(max-width:768px){.coming-soon-card{padding:40px 24px}.coming-soon-title{font-size:32px}.coming-soon-subtitle{font-size:18px}.coming-soon-icon{font-size:80px}.feature-list{grid-template-columns:1fr}}.history-page{padding:40px;max-width:1400px;margin:0 auto;min-height:calc(100vh - 80px)}.history-header h1{font-size:32px;font-weight:700;color:#fff;margin:0 0 8px;font-family:Montserrat,sans-serif}.subtitle{font-size:16px;color:#debc81b3;margin:0;font-family:Noto Sans Display,sans-serif}.history-filters{display:flex;gap:12px;margin-bottom:24px}.filter-btn{padding:12px 24px;background:#2a1b5266;border:1px solid rgba(255,189,89,.2);border-radius:8px;color:#debc81cc;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:Montserrat,sans-serif}.filter-btn.active{background:linear-gradient(135deg,#ffbd59,#debc81);border-color:#ffbd59;color:#112250;box-shadow:0 4px 12px #ffbd5966}.filter-btn.bullish.active{background:linear-gradient(135deg,#0ecb81,#0ba368);border-color:#0ecb81;color:#fff;box-shadow:0 4px 12px #0ecb8166}.filter-btn.bearish.active{background:linear-gradient(135deg,#f6465d,#d43d52);border-color:#f6465d;color:#fff;box-shadow:0 4px 12px #f6465d66}.history-table-container{background:#11225099;border-radius:12px;overflow:hidden;border:1px solid rgba(255,189,89,.2);margin-bottom:24px}.history-table{width:100%;border-collapse:collapse}.history-table thead{background:#2a1b5299}.history-table th{padding:16px;text-align:left;font-size:13px;font-weight:700;color:#ffbd59;text-transform:uppercase;letter-spacing:.5px;font-family:Montserrat,sans-serif;border-bottom:1px solid rgba(255,189,89,.2)}.history-table tbody tr{border-bottom:1px solid rgba(255,255,255,.05);transition:all .3s ease}.history-table tbody tr:hover{background:#ffbd590d}.history-table td{padding:16px;font-size:14px;color:#debc81e6;font-family:Noto Sans Display,sans-serif}.symbol-cell{font-weight:700;color:#fff;font-family:Montserrat,sans-serif}.pattern-cell{display:flex;align-items:center;gap:8px}.pattern-icon{font-size:16px}.pattern-name{font-weight:600;color:#ffbd59}.direction-cell{font-weight:600}.direction-cell.bullish{color:#0ecb81}.direction-cell.bearish{color:#f6465d}.price-cell{font-family:Courier New,monospace;font-weight:600}.result-cell{font-weight:700}.result-cell.win{color:#0ecb81}.result-cell.loss{color:#f6465d}.profit-cell{font-family:Courier New,monospace;font-weight:700;font-size:15px}.profit-cell.positive{color:#0ecb81}.profit-cell.negative{color:#f6465d}.empty-state{padding:80px 20px!important;text-align:center}.empty-icon{font-size:64px;margin-bottom:16px;opacity:.3}.empty-state p{color:#debc8180;font-size:14px}.history-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.stat-card{background:linear-gradient(135deg,#2a1b5299,#11225099);border:1px solid rgba(255,189,89,.2);border-radius:12px;padding:24px;text-align:center}.stat-card.win{border-color:#0ecb814d}.stat-card.profit{border-color:#ffbd594d}.stat-label{font-size:13px;color:#debc81b3;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px;font-family:Montserrat,sans-serif}.stat-value{font-size:32px;font-weight:700;color:#fff;font-family:Montserrat,sans-serif}.stat-card.win .stat-value{color:#0ecb81}.stat-card.profit .stat-value{color:#ffbd59}@media(max-width:1200px){.history-stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.history-page{padding:20px}.history-header h1{font-size:24px}.history-filters{flex-wrap:wrap}.history-table-container{overflow-x:auto}.history-table{min-width:800px}.history-stats{grid-template-columns:1fr}}.scan-history-page{padding:40px;max-width:1400px;margin:0 auto;min-height:calc(100vh - 80px);color:#e0e7ff}.history-header{margin-bottom:32px}.history-header h1{font-size:32px;font-weight:700;color:#fff;margin:0 0 8px}.subtitle{font-size:16px;color:#debc81b3;margin:0}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:32px}.stat-card{background:linear-gradient(135deg,#141b2df2,#1e283ce6);border:1px solid rgba(100,149,237,.2);border-radius:12px;padding:20px;display:flex;align-items:center;gap:16px;transition:all .3s ease}.stat-card:hover{transform:translateY(-4px);border-color:#6495ed66;box-shadow:0 8px 24px #6495ed26}.stat-icon{font-size:32px;line-height:1}.stat-label{font-size:12px;color:#8b9dc3;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.stat-value{font-size:24px;font-weight:700;color:#6495ed}.action-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:16px}.filter-buttons{display:flex;gap:12px;flex-wrap:wrap}.filter-btn{padding:10px 20px;background:#2a1b5266;border:1px solid rgba(255,189,89,.2);border-radius:8px;color:#debc81cc;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.filter-btn:hover{background:#ffbd5926;border-color:#ffbd59;transform:translateY(-2px)}.filter-btn.active{background:#ffbd5940;border-color:#ffbd59;color:#ffbd59}.clear-all-btn{padding:10px 20px;background:#f443361a;border:1px solid rgba(244,67,54,.3);border-radius:8px;color:#f44336;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.clear-all-btn:hover{background:#f4433633;border-color:#f44336}.clear-all-btn.confirm{background:#f443364d;border-color:#f44336;animation:pulse 1s infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.history-list{display:flex;flex-direction:column;gap:16px}.history-item{background:linear-gradient(135deg,#141b2df2,#1e283ce6);border:1px solid rgba(100,149,237,.2);border-radius:12px;padding:20px;transition:all .3s ease}.history-item:hover{transform:translate(4px);border-color:#6495ed66;box-shadow:0 4px 16px #0000004d}.history-item.has-patterns{border-left:4px solid #4CAF50}.history-item.no-patterns{border-left:4px solid rgba(255,255,255,.2)}.history-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid rgba(100,149,237,.1)}.scan-info{display:flex;align-items:center;gap:12px}.scan-date{font-size:14px;color:#8b9dc3;font-weight:600}.scan-tier{padding:4px 12px;background:linear-gradient(135deg,gold,orange);color:#1a1f3a;border-radius:12px;font-size:11px;font-weight:700;letter-spacing:.5px}.delete-btn{padding:8px 12px;background:#f443361a;border:1px solid rgba(244,67,54,.3);border-radius:8px;color:#f44336;font-size:14px;cursor:pointer;transition:all .3s ease}.delete-btn:hover{background:#f4433633;border-color:#f44336;transform:scale(1.1)}.history-item-body{display:flex;flex-direction:column;gap:16px}.scan-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.detail-item{display:flex;flex-direction:column;gap:4px}.detail-label{font-size:11px;color:#8b9dc3;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.detail-value{font-size:14px;color:#e0e7ff;font-weight:600}.detail-value.has-patterns{color:#4caf50}.detail-value.no-patterns{color:#fff6}.patterns-found{background:#4caf501a;border:1px solid rgba(76,175,80,.3);border-radius:8px;padding:12px}.patterns-label{font-size:12px;color:#4caf50;font-weight:700;text-transform:uppercase;margin-bottom:8px}.patterns-list{display:flex;flex-wrap:wrap;gap:8px}.pattern-chip{padding:6px 12px;background:#4caf5033;border:1px solid rgba(76,175,80,.4);border-radius:16px;font-size:12px;color:#4caf50;font-weight:600}.empty-state{text-align:center;padding:60px 20px;background:linear-gradient(135deg,#141b2df2,#1e283ce6);border:1px solid rgba(100,149,237,.2);border-radius:12px}.empty-icon{font-size:64px;margin-bottom:16px}.empty-state h3{font-size:24px;color:#e0e7ff;margin:0 0 8px}.empty-state p{font-size:16px;color:#8b9dc3;margin:0}.tier-notice{margin-top:32px;padding:20px;background:linear-gradient(135deg,#ffc1071a,#ff98001a);border:1px solid rgba(255,193,7,.3);border-radius:12px;display:flex;gap:16px;align-items:flex-start}.notice-icon{font-size:32px;line-height:1}.notice-content h4{font-size:18px;color:#ffc107;margin:0 0 8px}.notice-content p{font-size:14px;color:#ffc107cc;margin:0}.loading-state,.auth-required,.error-state{text-align:center;padding:60px 20px}.loading-spinner{width:48px;height:48px;border:4px solid rgba(100,149,237,.2);border-top-color:#6495ed;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 16px}.loading-state p,.auth-required p,.error-state p{font-size:16px;color:#8b9dc3;margin:8px 0 0}.auth-required h2,.error-state h2{font-size:24px;color:#e0e7ff;margin:0 0 8px}@media(max-width:768px){.scan-history-page{padding:20px}.history-header h1{font-size:24px}.stats-grid{grid-template-columns:1fr}.action-bar{flex-direction:column;align-items:stretch}.filter-buttons{justify-content:center}.scan-details{grid-template-columns:1fr}.history-item{padding:16px}}.telegram-connect{background:linear-gradient(135deg,#112250e6,#1a2847e6);border:2px solid rgba(0,136,204,.3);border-radius:20px;padding:32px;margin-bottom:32px;box-shadow:0 8px 24px #0088cc1a}.telegram-header{display:flex;align-items:center;gap:16px;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid rgba(0,136,204,.2)}.telegram-icon{font-size:40px;filter:drop-shadow(0 0 12px rgba(0,136,204,.5));animation:telegramPulse 3s ease-in-out infinite}@keyframes telegramPulse{0%,to{transform:scale(1);filter:drop-shadow(0 0 12px rgba(0,136,204,.5))}50%{transform:scale(1.05);filter:drop-shadow(0 0 20px rgba(0,136,204,.8))}}.telegram-header h3{font-size:24px;font-weight:800;color:#08c;margin:0;font-family:Montserrat,sans-serif}.telegram-header p{color:#ffffffb3;font-size:14px;margin:4px 0 0;font-family:Noto Sans Display,sans-serif}.telegram-setup,.telegram-connected{margin-top:24px}.setup-steps{background:#0f1b3580;border-radius:12px;padding:24px;margin-bottom:24px;border:1px solid rgba(0,136,204,.2)}.setup-steps h4{font-size:16px;font-weight:700;color:#08c;margin:0 0 16px;font-family:Montserrat,sans-serif}.setup-steps ol{margin:0;padding-left:20px;color:#fffc}.setup-steps li{margin:12px 0;font-size:14px;line-height:1.6;font-family:Noto Sans Display,sans-serif}.setup-steps li b{color:#08c;font-weight:700}.telegram-error{background:#f443361a;border:1px solid rgba(244,67,54,.3);border-radius:12px;padding:16px;color:#ff6b6b;font-size:14px;margin-bottom:20px;animation:slideIn .3s ease}.telegram-testing{background:#0088cc1a;border:1px solid rgba(0,136,204,.3);border-radius:12px;padding:16px;color:#08c;font-size:14px;margin-bottom:20px;animation:slideIn .3s ease;font-weight:600}.telegram-input-group{display:flex;gap:12px;margin-bottom:20px}.telegram-input-group input{flex:1;background:#0f1b35cc;border:1px solid rgba(0,136,204,.3);border-radius:12px;padding:14px 16px;color:#fff;font-size:15px;transition:all .2s ease;font-family:Noto Sans Display,sans-serif}.telegram-input-group input::placeholder{color:#fff6}.telegram-input-group input:focus{outline:none;border-color:#08c;box-shadow:0 0 0 4px #0088cc1a}.telegram-input-group input:disabled{opacity:.6;cursor:not-allowed}.btn-telegram-connect{background:linear-gradient(135deg,#08c,#09d);color:#fff;border:none;border-radius:12px;padding:14px 32px;font-size:15px;font-weight:700;cursor:pointer;transition:all .3s ease;white-space:nowrap;font-family:Montserrat,sans-serif;box-shadow:0 4px 12px #0088cc4d}.btn-telegram-connect:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #0088cc80}.btn-telegram-connect:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-telegram-disconnect{background:#f443361a;color:#f44336;border:2px solid rgba(244,67,54,.3);border-radius:12px;padding:12px 32px;font-size:14px;font-weight:700;cursor:pointer;transition:all .3s ease;font-family:Montserrat,sans-serif}.btn-telegram-disconnect:hover:not(:disabled){background:#f4433633;border-color:#f44336;transform:translateY(-2px)}.btn-telegram-disconnect:disabled{opacity:.6;cursor:not-allowed;transform:none}.telegram-help{background:#0088cc1a;border:1px solid rgba(0,136,204,.2);border-radius:12px;padding:16px;margin-bottom:20px}.telegram-help p{color:#ffffffb3;font-size:13px;margin:0;line-height:1.6;font-family:Noto Sans Display,sans-serif}.telegram-help b{color:#08c;font-weight:700}.telegram-bot-link{text-align:center}.btn-open-bot{display:inline-block;background:linear-gradient(135deg,#08c,#09d);color:#fff;text-decoration:none;border-radius:12px;padding:12px 28px;font-size:14px;font-weight:700;cursor:pointer;transition:all .3s ease;font-family:Montserrat,sans-serif;box-shadow:0 4px 12px #0088cc4d}.btn-open-bot:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0088cc80}.connected-status{display:flex;align-items:center;gap:16px;background:#4caf501a;border:1px solid rgba(76,175,80,.3);border-radius:12px;padding:20px;margin-bottom:24px}.status-icon{font-size:32px}.status-text{font-size:16px;font-weight:700;color:#4caf50;margin:0 0 4px;font-family:Montserrat,sans-serif}.chat-id{font-size:13px;color:#fff9;margin:0;font-family:Courier New,monospace;background:#0003;padding:4px 8px;border-radius:4px;display:inline-block}.connected-features{background:#0f1b3580;border-radius:12px;padding:24px;margin-bottom:24px;border:1px solid rgba(0,136,204,.2)}.connected-features h4{font-size:16px;font-weight:700;color:#08c;margin:0 0 16px;font-family:Montserrat,sans-serif}.connected-features ul{list-style:none;padding:0;margin:0}.connected-features li{color:#fffc;font-size:14px;margin:12px 0;font-weight:600;font-family:Noto Sans Display,sans-serif;padding-left:4px}.alert-example{background:#0f1b3580;border-radius:12px;padding:24px;margin-bottom:24px;border:1px solid rgba(0,136,204,.2)}.alert-example h4{font-size:16px;font-weight:700;color:#08c;margin:0 0 16px;font-family:Montserrat,sans-serif}.example-message{background:#0088cc1a;border:1px solid rgba(0,136,204,.2);border-radius:8px;padding:16px;font-family:Noto Sans Display,sans-serif;font-size:13px;line-height:1.8;color:#fffc}.example-message b{color:#fff;font-weight:700}.telegram-modal-overlay{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease}.telegram-modal{background:linear-gradient(135deg,#112250f2,#1a2847f2);border:2px solid rgba(0,136,204,.4);border-radius:24px;padding:40px;max-width:480px;width:90%;box-shadow:0 20px 60px #0088cc4d;position:relative;animation:modalSlideIn .3s ease}.modal-close-btn{position:absolute;top:16px;right:16px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#ffffffb3;font-size:20px;width:36px;height:36px;border-radius:50%;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;font-family:Arial,sans-serif}.modal-icon{font-size:80px;text-align:center;margin-bottom:24px;animation:iconPop .8s cubic-bezier(.175,.885,.32,1.275);display:block}@keyframes iconPop{0%{opacity:0;transform:scale(0) rotate(-180deg)}50%{opacity:1;transform:scale(1.2) rotate(10deg)}70%{transform:scale(.95) rotate(-5deg)}to{opacity:1;transform:scale(1) rotate(0)}}.success-icon{filter:drop-shadow(0 0 30px rgba(76,175,80,.8));animation:iconPop .8s cubic-bezier(.175,.885,.32,1.275),successGlow 2s ease-in-out infinite}@keyframes successGlow{0%,to{filter:drop-shadow(0 0 30px rgba(76,175,80,.8))}50%{filter:drop-shadow(0 0 40px rgba(76,175,80,1))}}.warning-icon{filter:drop-shadow(0 0 30px rgba(255,152,0,.8));animation:iconPop .8s cubic-bezier(.175,.885,.32,1.275),warningPulse 1.5s ease-in-out infinite}@keyframes warningPulse{0%,to{filter:drop-shadow(0 0 30px rgba(255,152,0,.8));transform:scale(1)}50%{filter:drop-shadow(0 0 40px rgba(255,152,0,1));transform:scale(1.05)}}.modal-title{font-size:26px;font-weight:800;text-align:center;margin:0 0 16px;font-family:Montserrat,sans-serif}.telegram-modal.success .modal-title{color:#4caf50}.telegram-modal.warning .modal-title{color:#ff9800}.modal-message{text-align:center;color:#ffffffd9;font-size:16px;line-height:1.6;margin:0 0 32px;font-family:Noto Sans Display,sans-serif}.warning-text{color:#ff9800;font-weight:700;display:block;margin-top:12px}.modal-action-btn{width:100%;background:linear-gradient(135deg,#4caf50,#66bb6a);color:#fff;border:none;border-radius:16px;padding:16px 32px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;font-family:Montserrat,sans-serif;box-shadow:0 4px 16px #4caf5066}.modal-action-btn:hover{transform:translateY(-2px);box-shadow:0 6px 24px #4caf5099}.modal-actions{display:flex;gap:12px;margin-top:32px}.modal-cancel-btn,.modal-confirm-btn{flex:1;border:none;border-radius:14px;padding:14px 28px;font-size:15px;font-weight:700;cursor:pointer;transition:all .3s ease;font-family:Montserrat,sans-serif}.modal-cancel-btn{background:#ffffff1a;color:#fffc;border:1px solid rgba(255,255,255,.2)}.modal-cancel-btn:hover{background:#ffffff26;color:#fff;transform:translateY(-2px)}.modal-confirm-btn{background:linear-gradient(135deg,#f44336,#e53935);color:#fff;box-shadow:0 4px 12px #f4433666}.modal-confirm-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #f4433699}@media(max-width:768px){.telegram-connect{padding:24px}.telegram-header{flex-direction:column;align-items:flex-start}.telegram-input-group{flex-direction:column}.btn-telegram-connect,.btn-open-bot{width:100%}.connected-status{flex-direction:column;align-items:flex-start}.telegram-modal{padding:32px 24px;max-width:90%}.modal-title{font-size:22px}.modal-message{font-size:15px}.modal-actions{flex-direction:column}.modal-cancel-btn,.modal-confirm-btn{width:100%}}.enhanced-settings-container{padding:40px 20px;max-width:1400px;margin:0 auto}.settings-header{text-align:center;margin-bottom:48px}.settings-layout{display:grid;grid-template-columns:280px 1fr;gap:32px;align-items:flex-start}.settings-sidebar{position:sticky;top:100px}.settings-tabs{display:flex;flex-direction:column;gap:8px}.settings-tab{display:flex;align-items:center;gap:12px;padding:16px 20px;background:#11225066;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.1);border-radius:12px;cursor:pointer;transition:all .3s ease;font-family:Poppins,sans-serif;font-size:15px;font-weight:600;color:#ffffffb3;text-align:left}.settings-tab:hover{background:#11225099;border-color:#ffbd594d;color:#ffffffe6;transform:translate(4px)}.settings-tab.active{background:#ffbd5926;border-color:#ffbd59cc;color:#fff;box-shadow:0 0 20px #ffbd5933}.tab-icon{font-size:20px;line-height:1}.tab-label{flex:1}.settings-content{min-height:500px}.section-title{font-size:24px;font-weight:700;color:#fff;margin-bottom:8px;line-height:1.2}.section-desc{font-size:14px;color:#fff9;line-height:1.5}.profile-details{display:flex;flex-direction:column;gap:16px}.profile-item{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-bottom:1px solid rgba(255,255,255,.1)}.profile-label{font-size:14px;font-weight:600;color:#ffffffb3}.profile-value{font-size:15px;color:#ffffffe6}.profile-tier,.profile-role{font-size:14px;font-weight:700;padding:6px 12px;border-radius:8px;background:#ffbd5926;border:1px solid rgba(255,189,89,.4);color:#ffbd59}.subscription-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.subscription-card{padding:24px;background:#11225080;border:2px solid rgba(255,255,255,.15);border-radius:16px;text-align:center;transition:all .3s ease}.subscription-card:hover{border-color:#ffbd5966;transform:translateY(-4px);box-shadow:0 8px 24px #0000004d}.subscription-header{display:flex;flex-direction:column;align-items:center;gap:8px;margin-bottom:12px}.subscription-icon{font-size:32px}.subscription-header h3{font-size:16px;font-weight:600;color:#ffffffe6;margin:0}.subscription-tier{font-size:20px;font-weight:700;margin-top:12px}.subscription-expires{font-size:12px;color:#fff9;margin-top:8px}.invoice-table{width:100%;border-collapse:collapse;margin-top:16px}.invoice-table thead tr{background:#11225080;border-radius:8px}.invoice-table th,.invoice-table td{padding:14px 16px;text-align:left;border-bottom:1px solid rgba(255,255,255,.1)}.invoice-table th{font-size:13px;font-weight:600;color:#ffffffb3;text-transform:uppercase;letter-spacing:.5px}.invoice-table td{font-size:14px;color:#ffffffe6}.status-badge{padding:4px 10px;border-radius:6px;font-size:12px;font-weight:600;display:inline-block}.status-badge.paid{background:#00ff8826;color:#0f8}.status-badge.pending{background:#ffbd5926;color:#ffbd59}.status-badge.failed{background:#ef444426;color:#ef4444}.btn-link{color:#00d9ff;text-decoration:none;font-size:13px;font-weight:600;transition:all .3s ease}.btn-link:hover{color:#ffbd59;text-decoration:underline}.sessions-list{display:flex;flex-direction:column;gap:16px}.session-card{display:flex;align-items:center;gap:16px;padding:20px;background:#11225066;border:1px solid rgba(255,255,255,.1);border-radius:12px;transition:all .3s ease}.session-card:hover{background:#11225099;border-color:#fff3}.session-icon{font-size:32px;width:50px;text-align:center}.session-info{flex:1}.session-name{font-size:16px;font-weight:600;color:#fffffff2;margin-bottom:4px}.session-details{font-size:14px;color:#ffffffb3;margin-bottom:4px}.session-meta{font-size:12px;color:#ffffff80}.empty-state{text-align:center;padding:40px;color:#fff9}.empty-state p{font-size:14px;margin:0}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px}.loading-spinner{width:50px;height:50px;border:4px solid rgba(255,255,255,.1);border-top-color:#ffbd59;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}.danger-zone{border:2px solid rgba(239,68,68,.4)!important}@media(max-width:1024px){.settings-layout{grid-template-columns:220px 1fr;gap:24px}.settings-tab{padding:14px 16px;font-size:14px}.tab-icon{font-size:18px}}@media(max-width:768px){.enhanced-settings-container{padding:20px 10px}.settings-layout{grid-template-columns:1fr;gap:16px}.settings-sidebar{position:static;overflow-x:auto}.settings-tabs{flex-direction:row;overflow-x:auto;padding-bottom:8px}.settings-tab{flex-shrink:0;min-width:140px}.subscription-grid{grid-template-columns:1fr}.invoice-table{font-size:12px}.invoice-table th,.invoice-table td{padding:10px 8px}}@media(max-width:480px){.section-title{font-size:20px}.settings-tab{min-width:120px;padding:12px;font-size:13px}.tab-icon{font-size:16px}}.admin-page{padding:100px 40px 40px;max-width:1200px;margin:0 auto;min-height:calc(100vh - 80px)}.admin-loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;background:#11225066;border-radius:12px;border:2px solid rgba(255,189,89,.2);margin:20px 0}.spinner-large{width:48px;height:48px;border:4px solid rgba(255,189,89,.2);border-top-color:#ffbd59;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}.admin-loading-state p{color:#ffbd59;font-size:15px;font-weight:600;margin:0}.admin-error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 40px;background:#f6465d0d;border-radius:12px;border:2px solid rgba(246,70,93,.3);margin:20px 0;text-align:center}.admin-error-state .error-icon{font-size:64px;margin-bottom:16px}.admin-error-state h3{color:#f6465d;font-size:22px;font-weight:700;margin:0 0 12px}.admin-error-state .error-message{color:#f6465dcc;font-size:14px;margin:0 0 24px}.btn-retry{padding:12px 24px;background:#f6465d33;border:1px solid rgba(246,70,93,.4);border-radius:8px;color:#f6465d;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-retry:hover{background:#f6465d4d;border-color:#f6465d99;transform:translateY(-2px)}.admin-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 40px;background:#ffffff05;border-radius:12px;border:2px dashed rgba(255,189,89,.2);margin:20px 0;text-align:center}.admin-empty-state .empty-icon{font-size:64px;margin-bottom:16px;opacity:.3}.admin-empty-state h3{color:#fffc;font-size:20px;font-weight:600;margin:0 0 8px}.admin-empty-state p{color:#ffffff80;font-size:14px;margin:0}.admin-empty-state .empty-hint{font-size:13px;color:#ffbd5999;margin-top:8px}.btn-clear-search{padding:10px 20px;background:#ffbd5933;border:1px solid rgba(255,189,89,.3);border-radius:8px;color:#ffbd59;font-size:13px;font-weight:600;cursor:pointer;margin-top:16px;transition:all .3s ease}.btn-clear-search:hover{background:#ffbd594d;border-color:#ffbd5980;transform:translateY(-2px)}.admin-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px}.admin-header-content{flex:1}.admin-header h1{font-size:28px;font-weight:700;color:#ffbd59;margin:0 0 4px;font-family:var(--font-display);display:flex;align-items:center}.admin-header .subtitle{font-size:15px;color:var(--text-muted);margin:0}.admin-badge-large{background:linear-gradient(135deg,#ffbd59,#e6a64d);padding:8px 20px;border-radius:20px;font-size:13px;font-weight:800;color:#0a0e27;letter-spacing:1px}.admin-section-title{font-size:var(--text-xl);font-weight:var(--font-bold);color:#ffbd59;margin:32px 0 16px;font-family:var(--font-display)}.admin-alert-card{background:#ff6b6b1a;border:1px solid rgba(255,107,107,.3);border-radius:var(--radius-lg);padding:var(--space-5);margin-bottom:var(--space-6)}.admin-alert-title{font-size:var(--text-base);font-weight:var(--font-semibold);color:#ff6b6b;margin:0 0 var(--space-3) 0;display:flex;align-items:center;gap:var(--space-2)}.admin-alert-items{display:flex;flex-direction:column;gap:var(--space-2)}.admin-alert-item{display:flex;align-items:center;gap:var(--space-3);background:#0003;border:none;border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);cursor:pointer;transition:var(--transition-base);width:100%;text-align:left}.admin-alert-item span{flex:1;color:var(--text-primary);font-size:var(--text-base)}.admin-alert-item:hover{background:#0000004d;transform:translate(4px)}.admin-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4);margin-bottom:var(--space-4)}.admin-stat-card{background:var(--bg-glass);-webkit-backdrop-filter:blur(var(--blur-glass));backdrop-filter:blur(var(--blur-glass));border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);padding:var(--space-5);display:flex;flex-direction:column;align-items:center;text-align:center;transition:var(--transition-base)}.admin-stat-card:hover{transform:translateY(-4px);box-shadow:var(--glow-purple)}.admin-stat-value{font-size:var(--text-3xl);font-weight:var(--font-black);color:var(--text-primary);margin:var(--space-2) 0 var(--space-1) 0}.admin-stat-label{font-size:var(--text-sm);color:var(--text-muted)}.admin-financial-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4);margin-bottom:var(--space-4)}.admin-financial-card{display:flex;align-items:center;gap:var(--space-4);background:var(--bg-glass);-webkit-backdrop-filter:blur(var(--blur-glass));backdrop-filter:blur(var(--blur-glass));border-radius:var(--radius-lg);padding:var(--space-5);border:1px solid rgba(255,255,255,.1)}.admin-financial-card.revenue{border-color:#00f0ff4d}.admin-financial-card.commission{border-color:#ffbd594d}.admin-financial-info{flex:1}.admin-financial-label{display:block;font-size:var(--text-sm);color:var(--text-muted);margin-bottom:var(--space-1)}.admin-financial-value{display:block;font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--text-primary)}.admin-quick-actions{display:flex;flex-direction:column;gap:var(--space-3)}.admin-action-card{display:flex;align-items:center;gap:var(--space-4);background:var(--bg-glass);-webkit-backdrop-filter:blur(var(--blur-glass));backdrop-filter:blur(var(--blur-glass));border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5);cursor:pointer;transition:var(--transition-base);width:100%;text-align:left}.admin-action-card:hover{border-color:#ffbd594d;background:var(--bg-glass-light);transform:translate(4px)}.admin-action-icon{width:52px;height:52px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0}.admin-action-content{flex:1}.admin-action-title{display:block;font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:2px}.admin-action-subtitle{display:block;font-size:var(--text-sm);color:var(--text-muted)}.admin-action-badge{background:#f44;color:#fff;font-size:12px;font-weight:700;padding:4px 10px;border-radius:12px;margin-right:var(--space-2)}.admin-tabs{display:flex;gap:12px;margin-bottom:32px;border-bottom:2px solid rgba(255,189,89,.2);padding-bottom:0}.tab-btn{padding:12px 24px;background:transparent;border:none;border-bottom:3px solid transparent;color:#debc81b3;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:Montserrat,sans-serif;margin-bottom:-2px}.tab-btn:hover{color:#ffbd59;background:#ffbd590d}.tab-btn.active{color:#ffbd59;border-bottom-color:#ffbd59;background:#ffbd591a}.content-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.content-header h2{font-size:24px;font-weight:700;color:#fff;margin:0;font-family:Montserrat,sans-serif}.add-user-btn{padding:10px 20px;background:linear-gradient(135deg,#0ecb81,#0ba368);border:none;border-radius:8px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:Montserrat,sans-serif}.add-user-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0ecb8166}.users-table-container{background:#11225099;border-radius:12px;overflow:hidden;border:1px solid rgba(255,189,89,.2)}.users-table{width:100%;border-collapse:collapse}.users-table thead{background:#2a1b5299}.users-table th{padding:16px;text-align:left;font-size:13px;font-weight:700;color:#ffbd59;text-transform:uppercase;letter-spacing:.5px;font-family:Montserrat,sans-serif;border-bottom:1px solid rgba(255,189,89,.2)}.users-table tbody tr{border-bottom:1px solid rgba(255,255,255,.05);transition:all .3s ease}.users-table tbody tr:hover{background:#ffbd590d}.users-table td{padding:16px;font-size:14px;color:#debc81e6;font-family:Noto Sans Display,sans-serif}.id-cell{color:#debc8180;font-weight:600}.name-cell{font-weight:600;color:#fff}.email-cell{color:#debc81b3;font-size:13px}.tier-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:11px;font-weight:700;text-transform:uppercase;font-family:Montserrat,sans-serif}.tier-badge.free{background:#ffffff1a;color:#debc81b3}.tier-badge.pro{background:#ffbd5933;color:#ffbd59;border:1px solid rgba(255,189,89,.4)}.tier-badge.premium{background:linear-gradient(135deg,#8a2be24d,#8a2be226);color:#9d7fea;border:1px solid rgba(138,43,226,.4)}.status-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:11px;font-weight:700;text-transform:uppercase;font-family:Montserrat,sans-serif}.status-badge.active{background:#0ecb8133;color:#0ecb81;border:1px solid rgba(14,203,129,.4)}.status-badge.inactive{background:#f6465d33;color:#f6465d;border:1px solid rgba(246,70,93,.4)}.date-cell{color:#debc8199;font-size:13px}.actions-cell{display:flex;gap:8px}.action-btn{padding:6px 12px;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:Montserrat,sans-serif;border:none}.action-btn.edit{background:#ffbd5933;color:#ffbd59;border:1px solid rgba(255,189,89,.3)}.action-btn.edit:hover{background:#ffbd594d}.action-btn.delete{background:#f6465d33;color:#f6465d;border:1px solid rgba(246,70,93,.3)}.action-btn.delete:hover{background:#f6465d4d}.analytics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:32px}.analytics-card{display:flex;align-items:center;gap:20px;background:linear-gradient(135deg,#2a1b5299,#11225099);border:1px solid rgba(255,189,89,.2);border-radius:12px;padding:24px;transition:all .3s ease}.analytics-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #ffbd5933}.card-icon{font-size:48px}.card-content{flex:1}.card-label{font-size:13px;color:#debc81b3;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px;font-family:Montserrat,sans-serif}.card-value{font-size:32px;font-weight:700;color:#fff;font-family:Montserrat,sans-serif}.chart-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;background:#11225066;border:2px dashed rgba(255,189,89,.3);border-radius:12px}.placeholder-icon{font-size:72px;margin-bottom:16px;opacity:.3}.placeholder-text{font-size:16px;color:#debc8180;font-family:Montserrat,sans-serif}.system-info{background:linear-gradient(135deg,#2a1b5299,#11225099);border:1px solid rgba(255,189,89,.2);border-radius:12px;padding:24px}.info-row{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-bottom:1px solid rgba(255,255,255,.05)}.info-row:last-child{border-bottom:none}.info-label{font-size:14px;color:#debc81cc;font-weight:600;font-family:Montserrat,sans-serif}.info-value{font-size:14px;color:#fff;font-weight:600;font-family:Montserrat,sans-serif}.status-online{color:#0ecb81}.auth-required{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;padding:40px;text-align:center}.auth-required .auth-icon{font-size:80px;margin-bottom:24px;animation:pulse 2s ease-in-out infinite}.auth-required h2{font-size:28px;font-weight:700;color:#ffbd59;margin:0 0 16px;font-family:Montserrat,sans-serif}.auth-required p{font-size:16px;color:#debc81cc;margin:8px 0;font-family:Noto Sans Display,sans-serif;max-width:500px;line-height:1.6}.auth-required strong{color:#ffbd59;font-weight:700}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.95)}}.tab-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;margin-left:8px;background:#f6465d;border-radius:10px;font-size:11px;font-weight:700;color:#fff;animation:pulse 2s ease-in-out infinite}.filter-buttons{display:flex;gap:8px;flex-wrap:wrap}.filter-btn{padding:8px 16px;background:#11225099;border:1px solid rgba(255,189,89,.2);border-radius:8px;color:#debc81b3;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:Montserrat,sans-serif}.filter-btn:hover{background:#ffbd591a;border-color:#ffbd5966;color:#ffbd59}.filter-btn.active{background:#ffbd5933;border-color:#ffbd59;color:#ffbd59}.applications-list{display:flex;flex-direction:column;gap:16px}.application-card{background:linear-gradient(135deg,#2a1b5299,#11225099);border:1px solid rgba(255,189,89,.2);border-radius:12px;padding:20px;transition:all .3s ease}.application-card:hover{border-color:#ffbd5966;box-shadow:0 4px 20px #ffbd591a}.application-card.pending{border-left:4px solid #F0B90B}.application-card.approved{border-left:4px solid #0ECB81}.application-card.rejected{border-left:4px solid #F6465D}.app-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.app-type{display:flex;gap:8px;align-items:center}.type-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 12px;border-radius:6px;font-size:12px;font-weight:700;text-transform:uppercase}.type-badge.affiliate{background:#0ecb8133;color:#0ecb81;border:1px solid rgba(14,203,129,.4)}.type-badge.ctv{background:#f0b90b33;color:#f0b90b;border:1px solid rgba(240,185,11,.4)}.status-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:6px;font-size:11px;font-weight:600}.status-badge.pending{background:#f0b90b26;color:#f0b90b}.status-badge.approved{background:#0ecb8126;color:#0ecb81}.status-badge.rejected{background:#f6465d26;color:#f6465d}.status-badge.processing{background:#3b82f626;color:#3b82f6}.status-badge.completed{background:#0ecb8126;color:#0ecb81}.app-date{color:#debc8199;font-size:12px}.app-user-info,.wd-user-info{display:flex;align-items:center;gap:12px;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.05)}.user-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#ffbd59,#f0b90b);display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;color:#1a1a2e}.user-details{flex:1}.user-name{font-size:16px;font-weight:600;color:#fff;margin-bottom:4px}.user-email{font-size:13px;color:#debc81b3}.user-role .role-badge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:600;margin-top:4px}.user-role .role-badge.affiliate{background:#0ecb8126;color:#0ecb81}.user-role .role-badge.ctv{background:#f0b90b26;color:#f0b90b}.app-extra-info{background:#0003;border-radius:8px;padding:12px;margin-bottom:12px}.app-extra-info .info-item{display:flex;gap:8px;margin-bottom:8px;font-size:13px}.app-extra-info .info-item:last-child{margin-bottom:0}.app-extra-info .label{color:#debc8199;min-width:160px}.app-extra-info .value{color:#fff;flex:1}.app-reason{margin-bottom:12px}.app-reason .label{color:#debc8199;font-size:12px;margin-bottom:4px}.app-reason p{color:#ffffffe6;font-size:14px;margin:0;line-height:1.5}.app-rejection,.wd-rejection{display:flex;align-items:center;gap:8px;padding:10px 12px;background:#f6465d1a;border:1px solid rgba(246,70,93,.3);border-radius:6px;color:#f6465d;font-size:13px;margin-bottom:12px}.app-actions,.wd-actions{display:flex;gap:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.05)}.action-btn.approve{background:#0ecb8133;color:#0ecb81;border:1px solid rgba(14,203,129,.4)}.action-btn.approve:hover{background:#0ecb814d}.action-btn.reject{background:#f6465d33;color:#f6465d;border:1px solid rgba(246,70,93,.4)}.action-btn.reject:hover{background:#f6465d4d}.action-btn.process{background:#3b82f633;color:#3b82f6;border:1px solid rgba(59,130,246,.4)}.action-btn.process:hover{background:#3b82f64d}.action-btn.complete{background:#0ecb8133;color:#0ecb81;border:1px solid rgba(14,203,129,.4)}.action-btn.complete:hover{background:#0ecb814d}.app-result{display:flex;align-items:center;gap:8px;padding:10px 12px;background:#0ecb811a;border:1px solid rgba(14,203,129,.3);border-radius:6px;color:#0ecb81;font-size:13px;font-weight:600}.withdrawal-card{background:linear-gradient(135deg,#2a1b5299,#11225099);border:1px solid rgba(255,189,89,.2);border-radius:12px;padding:20px;transition:all .3s ease}.withdrawal-card:hover{border-color:#ffbd5966;box-shadow:0 4px 20px #ffbd591a}.withdrawal-card.pending{border-left:4px solid #F0B90B}.withdrawal-card.approved{border-left:4px solid #3B82F6}.withdrawal-card.processing{border-left:4px solid #8B5CF6}.withdrawal-card.completed{border-left:4px solid #0ECB81}.withdrawal-card.rejected{border-left:4px solid #F6465D}.wd-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.wd-amount{display:flex;align-items:center;gap:8px}.wd-amount .amount{font-size:24px;font-weight:700;color:#0ecb81}.wd-bank-info{background:#0003;border-radius:8px;padding:12px;margin-bottom:12px}.bank-item{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-size:13px}.bank-item:last-child{margin-bottom:0}.bank-item svg{color:#ffbd5999}.bank-item .label{color:#debc8199;min-width:80px}.bank-item .value{color:#fff;flex:1;font-family:Monaco,Consolas,monospace}.copy-btn{background:#ffbd5933;border:none;border-radius:4px;padding:4px 8px;color:#ffbd59;cursor:pointer;transition:all .2s ease}.copy-btn:hover{background:#ffbd594d}.wd-dates{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:12px;padding:12px;background:#00000026;border-radius:6px}.date-item{display:flex;gap:6px;font-size:12px}.date-item .label{color:#debc8180}.date-item .value{color:#fffc}.wd-transaction{display:flex;align-items:center;gap:8px;padding:10px 12px;background:#0ecb811a;border:1px solid rgba(14,203,129,.3);border-radius:6px;color:#0ecb81;font-size:13px;margin-bottom:12px}.role-badge.admin{background:linear-gradient(135deg,#8a2be24d,#8a2be226);color:#9d7fea;border:1px solid rgba(138,43,226,.4)}.role-badge.user{background:#ffffff1a;color:#debc81b3}.role-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 12px;border-radius:12px;font-size:11px;font-weight:700;text-transform:uppercase;font-family:Montserrat,sans-serif}@media(max-width:1024px){.admin-stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.admin-page{padding:90px 16px 40px}.admin-header{flex-direction:column;align-items:flex-start;gap:12px}.admin-badge-large{align-self:flex-start}.admin-header h1{font-size:22px}.admin-section-title{font-size:var(--text-lg);margin:24px 0 12px}.admin-stats-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.admin-stat-card{padding:var(--space-4)}.admin-stat-value{font-size:var(--text-2xl)}.admin-financial-cards{grid-template-columns:1fr}.admin-financial-value{font-size:var(--text-xl)}.admin-action-card{padding:var(--space-3) var(--space-4)}.admin-action-icon{width:44px;height:44px}.admin-action-title{font-size:var(--text-base)}.admin-tabs{overflow-x:auto;padding-bottom:8px}.tab-btn{white-space:nowrap;padding:10px 16px;font-size:13px}.users-table-container{overflow-x:auto}.users-table{min-width:800px}.analytics-grid{grid-template-columns:1fr}.content-header{flex-direction:column;gap:16px;align-items:flex-start}.filter-buttons{width:100%;overflow-x:auto;padding-bottom:8px}.filter-btn{white-space:nowrap}.app-header,.wd-header{flex-direction:column;align-items:flex-start;gap:8px}.app-extra-info .info-item{flex-direction:column;gap:4px}.app-extra-info .label{min-width:unset}.wd-dates{flex-direction:column;gap:8px}.bank-item{flex-wrap:wrap}.bank-item .label{min-width:unset}}.admin-form-card{background:var(--bg-glass);-webkit-backdrop-filter:blur(var(--blur-glass));backdrop-filter:blur(var(--blur-glass));border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--space-6)}.admin-form-group{margin-bottom:var(--space-5)}.admin-form-group label{display:block;color:var(--brand-gold);font-size:var(--text-sm);font-weight:var(--font-semibold);margin-bottom:var(--space-2)}.admin-input,.admin-textarea,.admin-select{width:100%;padding:var(--space-3);background:#11225099;border:1px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-base);transition:all var(--transition-fast)}.admin-input:focus,.admin-textarea:focus,.admin-select:focus{outline:none;border-color:var(--brand-gold);box-shadow:0 0 0 2px #ffbd5933}.admin-textarea{resize:vertical;min-height:100px}.admin-select{cursor:pointer}.admin-btn-primary{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);background:linear-gradient(135deg,#ffbd59,#e6a64d);border:none;border-radius:var(--radius-md);color:#000;font-size:var(--text-base);font-weight:var(--font-bold);cursor:pointer;transition:all var(--transition-base)}.admin-btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #ffbd594d}.admin-btn-primary:disabled{opacity:.6;cursor:not-allowed}.admin-history-list{display:flex;flex-direction:column;gap:var(--space-3)}.admin-history-item{background:var(--bg-glass);border:1px solid var(--border-primary);border-radius:var(--radius-md);padding:var(--space-4)}.admin-history-content strong{display:block;color:var(--text-primary);font-size:var(--text-base);margin-bottom:var(--space-1)}.admin-history-content p{color:var(--text-secondary);font-size:var(--text-sm);margin:0 0 var(--space-2) 0}.admin-history-content small{color:var(--text-muted);font-size:var(--text-xs)}.admin-banners-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-4)}.admin-banner-card{background:var(--bg-glass);border:1px solid var(--border-primary);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-base)}.admin-banner-card:hover{border-color:var(--brand-gold-muted)}.admin-banner-card.active{border-color:#0ecb8166}.admin-banner-card.inactive{opacity:.7}.admin-banner-image{width:100%;height:150px;object-fit:cover}.admin-banner-info{padding:var(--space-4)}.admin-banner-info h4{color:var(--text-primary);font-size:var(--text-lg);margin:0 0 var(--space-2) 0}.admin-banner-info p{color:var(--text-muted);font-size:var(--text-sm);margin:0 0 var(--space-3) 0}.admin-banner-meta{display:flex;gap:var(--space-3);align-items:center}.admin-banner-actions{display:flex;gap:var(--space-2);padding:0 var(--space-4) var(--space-4)}.admin-calendar-list{display:flex;flex-direction:column;gap:var(--space-3)}.admin-calendar-item{display:flex;gap:var(--space-4);background:var(--bg-glass);border:1px solid var(--border-primary);border-radius:var(--radius-md);padding:var(--space-4)}.admin-calendar-item.pending{border-left:3px solid #F0B90B}.admin-calendar-item.published{border-left:3px solid #0ECB81}.admin-calendar-item.draft{border-left:3px solid #6B7280}.admin-calendar-time{display:flex;flex-direction:column;align-items:center;min-width:80px}.admin-calendar-time .date{font-size:var(--text-sm);font-weight:var(--font-bold);color:var(--text-primary)}.admin-calendar-time .time{font-size:var(--text-xs);color:var(--text-muted)}.admin-calendar-content{flex:1}.admin-calendar-content h4{color:var(--text-primary);font-size:var(--text-base);margin:0 0 var(--space-2) 0}.admin-calendar-content p{color:var(--text-secondary);font-size:var(--text-sm);margin:0 0 var(--space-2) 0}.admin-calendar-meta{display:flex;gap:var(--space-3);align-items:center}.admin-calendar-actions,.admin-logs-list{display:flex;flex-direction:column;gap:var(--space-2)}.admin-log-item{display:flex;align-items:center;gap:var(--space-3);background:var(--bg-glass);border:1px solid var(--border-primary);border-radius:var(--radius-md);padding:var(--space-3)}.admin-log-item.success{border-left:3px solid #0ECB81}.admin-log-item.failed{border-left:3px solid #F6465D}.admin-log-item.pending{border-left:3px solid #F0B90B}.admin-log-icon{flex-shrink:0}.admin-log-content{flex:1}.admin-log-content strong{display:block;color:var(--text-primary);font-size:var(--text-sm)}.admin-log-content p{color:var(--text-secondary);font-size:var(--text-xs);margin:4px 0}.admin-log-content small{color:var(--text-muted);font-size:11px}.admin-platforms-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-4)}.admin-platform-card{display:flex;align-items:center;gap:var(--space-4);background:var(--bg-glass);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--space-4);transition:all var(--transition-base)}.admin-platform-card.connected{border-color:#0ecb8166}.admin-platform-card:hover{border-color:var(--brand-gold-muted)}.admin-platform-icon{width:64px;height:64px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0}.admin-platform-info{flex:1}.admin-platform-info h4{color:var(--text-primary);font-size:var(--text-lg);margin:0 0 var(--space-1) 0}.admin-platform-info .connected-text{color:#0ecb81;font-size:var(--text-sm);margin:0}.admin-platform-info .disconnected-text{color:var(--text-muted);font-size:var(--text-sm);margin:0}.admin-platform-info small{color:var(--text-muted);font-size:var(--text-xs)}.admin-platform-actions{flex-shrink:0}.admin-seed-users-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-4)}.admin-seed-user-card{display:flex;align-items:center;gap:var(--space-3);background:var(--bg-glass);border:1px solid var(--border-primary);border-radius:var(--radius-md);padding:var(--space-4)}.admin-seed-user-card .user-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#8b5cf6,#6366f1);display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;color:#fff;flex-shrink:0;overflow:hidden}.admin-seed-user-card .user-avatar img{width:100%;height:100%;object-fit:cover}.admin-seed-posts-list{display:flex;flex-direction:column;gap:var(--space-3)}.admin-seed-post-card{background:var(--bg-glass);border:1px solid var(--border-primary);border-radius:var(--radius-md);padding:var(--space-4)}.admin-seed-post-card .post-content p{color:var(--text-secondary);font-size:var(--text-sm);margin:0 0 var(--space-2) 0}.admin-seed-post-card .post-meta{display:flex;justify-content:space-between;color:var(--text-muted);font-size:var(--text-xs)}.admin-courses-list{display:flex;flex-direction:column;gap:var(--space-4)}.admin-course-card{display:flex;gap:var(--space-4);background:var(--bg-glass);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--space-4)}.admin-course-card.published{border-color:#0ecb814d}.admin-course-card.draft{border-color:#6b72804d;opacity:.8}.admin-course-thumbnail{width:160px;height:100px;object-fit:cover;border-radius:var(--radius-md);flex-shrink:0}.admin-course-info{flex:1}.admin-course-info h4{color:var(--text-primary);font-size:var(--text-lg);margin:0 0 var(--space-2) 0}.admin-course-info p{color:var(--text-secondary);font-size:var(--text-sm);margin:0 0 var(--space-3) 0}.admin-course-meta{display:flex;gap:var(--space-3);align-items:center;font-size:var(--text-xs);color:var(--text-muted)}.admin-course-actions{display:flex;flex-direction:column;gap:var(--space-2)}.status-badge.active{background:#0ecb8126;color:#0ecb81}.status-badge.inactive{background:#6b728026;color:#6b7280}.status-badge.success{background:#0ecb8126;color:#0ecb81}.status-badge.failed{background:#f6465d26;color:#f6465d}.status-badge.draft{background:#6b728026;color:#6b7280}.status-badge.published{background:#0ecb8126;color:#0ecb81}.access-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:6px;font-size:11px;font-weight:600;white-space:nowrap}.access-badge.shopify-linked{background:#ffbd5926;color:#ffbd59;border:1px solid rgba(255,189,89,.3)}.access-badge.free{background:#3af7a626;color:#3af7a6;border:1px solid rgba(58,247,166,.3)}.access-badge.no-access{background:#f6465d1a;color:#f6465d;border:1px solid rgba(246,70,93,.3)}.course-price{color:#ffbd59;font-weight:600}.course-access-info-banner{display:flex;align-items:flex-start;gap:var(--space-3);background:#ffbd5914;border:1px solid rgba(255,189,89,.2);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-4);font-size:var(--text-sm);color:var(--text-secondary)}.course-access-info-banner svg{color:#ffbd59;flex-shrink:0;margin-top:2px}.course-access-info-banner strong{color:#ffbd59}.course-modal-overlay{position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;background:#0a1628e6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:9999!important;padding:20px;animation:courseModalFadeIn .2s ease-out}@keyframes courseModalFadeIn{0%{opacity:0}to{opacity:1}}.course-edit-modal{background:var(--bg-base-mid);border:1px solid rgba(255,189,89,.2);border-radius:var(--radius-lg);width:100%;max-width:560px;max-height:90vh;overflow-y:auto;animation:modalSlideUp .3s ease-out;box-shadow:0 25px 50px -12px #0009}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.course-edit-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-primary)}.course-edit-modal .modal-header h3{margin:0;font-size:var(--text-lg);color:var(--text-primary)}.course-edit-modal .modal-close-btn{background:none;border:none;color:var(--text-muted);font-size:24px;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .2s}.course-edit-modal .modal-close-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.course-edit-modal form{padding:var(--space-5)}.course-edit-modal .form-group{margin-bottom:var(--space-4)}.course-edit-modal .form-group label{display:block;font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-2);font-weight:500}.course-edit-modal .form-group input,.course-edit-modal .form-group textarea{width:100%;background:var(--bg-glass);border:1px solid var(--border-primary);border-radius:var(--radius-md);padding:var(--space-3);font-size:var(--text-sm);color:var(--text-primary);transition:border-color .2s}.course-edit-modal .form-group input:focus,.course-edit-modal .form-group textarea:focus{outline:none;border-color:#ffbd5980}.course-edit-modal .form-group textarea{resize:vertical;min-height:80px}.course-edit-modal .form-help{display:block;font-size:var(--text-xs);color:var(--text-muted);margin-top:var(--space-1)}.course-edit-modal .form-section{background:#ffffff05;border:1px solid var(--border-primary);border-radius:var(--radius-md);padding:var(--space-4);margin:var(--space-4) 0}.course-edit-modal .form-section h4{margin:0 0 var(--space-3) 0;font-size:var(--text-base);color:var(--text-primary);font-weight:600}.course-edit-modal .access-control-info{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:#ffbd5914;border-radius:var(--radius-sm);font-size:var(--text-xs);color:var(--text-muted);margin-bottom:var(--space-4)}.course-edit-modal .access-control-info svg{color:#ffbd59;flex-shrink:0}.course-edit-modal .checkbox-group{margin:var(--space-3) 0}.course-edit-modal .checkbox-label{display:flex;align-items:center;gap:var(--space-2);cursor:pointer;font-size:var(--text-sm);color:var(--text-primary)}.course-edit-modal .checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:#3AF7A6;cursor:pointer}.course-edit-modal .modal-actions{display:flex;justify-content:flex-end;gap:var(--space-3);padding-top:var(--space-4);border-top:1px solid var(--border-primary);margin-top:var(--space-4)}.course-edit-modal .btn-cancel{background:var(--bg-glass);border:1px solid var(--border-primary);color:var(--text-secondary);padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:all .2s}.course-edit-modal .btn-cancel:hover{background:var(--bg-hover);color:var(--text-primary)}.course-edit-modal .btn-save{background:linear-gradient(135deg,#ffbd59,#e6a64d);border:none;color:#000;padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:all .2s}.course-edit-modal .btn-save:hover{transform:translateY(-1px);box-shadow:0 4px 12px #ffbd594d}.tier-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:700;text-transform:uppercase}.tier-badge.free{background:#3af7a626;color:#3af7a6}.tier-badge.tier1{background:#00f0ff26;color:#00f0ff}.tier-badge.tier2{background:#6a5bff26;color:#6a5bff}.tier-badge.tier3{background:#ffbd5926;color:#ffbd59}@media(max-width:768px){.admin-banners-grid,.admin-platforms-grid,.admin-seed-users-list{grid-template-columns:1fr}.admin-calendar-item{flex-direction:column}.admin-calendar-time{flex-direction:row;justify-content:flex-start;gap:var(--space-2)}.admin-course-card{flex-direction:column}.admin-course-thumbnail{width:100%;height:180px}.admin-course-actions{flex-direction:row;flex-wrap:wrap}.admin-platform-card{flex-wrap:wrap}}.auth-container *,.auth-card *,.auth-form *{box-sizing:border-box}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:40px 20px;background:transparent}.auth-card{width:100%;max-width:420px;background:linear-gradient(135deg,#2a1b52e6,#112250e6);border:1px solid rgba(255,189,89,.3);border-radius:16px;padding:32px 28px;box-shadow:0 20px 60px #00000080;overflow:hidden}.auth-header{text-align:center;margin-bottom:32px}.auth-logo{font-size:64px;margin-bottom:16px;animation:float 3s ease-in-out infinite}.auth-header h1{font-size:28px;font-weight:700;color:#ffbd59;margin:0 0 8px;font-family:Montserrat,sans-serif}.auth-subtitle{font-size:14px;color:#debc81b3;margin:0;font-family:Noto Sans Display,sans-serif}.alert-error{display:flex;align-items:center;gap:10px;padding:12px 14px;background:#f6465d26;border:1px solid rgba(246,70,93,.4);border-radius:8px;color:#f6465d;font-size:13px;margin-bottom:20px;font-family:Noto Sans Display,sans-serif;animation:slideIn .3s ease;box-sizing:border-box}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.alert-icon{font-size:20px}.referral-badge{display:flex;align-items:center;gap:10px;padding:14px 16px;background:linear-gradient(135deg,#9c0612,#6b0f1a);border:2px solid #FFBD59;border-radius:12px;margin-bottom:20px;animation:fadeInSlide .5s ease-out;box-shadow:0 4px 16px #9c061266;box-sizing:border-box}.referral-badge.validating{background:linear-gradient(135deg,#9c061280,#6b0f1a80);border-color:#ffbd5980}.referral-icon{display:flex;align-items:center;justify-content:center;color:#ffbd59;animation:pulse 2s infinite}.referral-badge.validating .referral-icon{animation:spin 1s linear infinite}.referral-text{flex:1;display:flex;flex-direction:column;gap:4px}.referral-label{font-size:12px;color:#fffc;text-transform:uppercase;letter-spacing:.5px;font-weight:600;font-family:Montserrat,sans-serif}.referral-code{font-size:18px;font-weight:700;color:#ffbd59;font-family:Courier New,monospace;letter-spacing:1px}.referral-check{display:flex;align-items:center;justify-content:center;color:#0f8}@keyframes fadeInSlide{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}.auth-form{display:flex;flex-direction:column;gap:18px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:14px;font-weight:600;color:#debc81e6;font-family:Montserrat,sans-serif}.auth-input{width:100%;padding:12px 14px;background:#11225099;border:1px solid rgba(255,189,89,.3);border-radius:8px;color:#fff;font-size:14px;font-family:Noto Sans Display,sans-serif;transition:all .3s ease;box-sizing:border-box}.auth-input:focus{outline:none;border-color:#ffbd59;box-shadow:0 0 0 3px #ffbd5926;background:#112250cc}.auth-input:disabled{opacity:.6;cursor:not-allowed}.auth-input::placeholder{color:#debc8166}.form-hint{font-size:12px;color:#debc8199;font-family:Noto Sans Display,sans-serif}.auth-submit-btn{width:100%;padding:12px 20px;background:linear-gradient(135deg,#ffbd59,#debc81);color:#112250;border:none;border-radius:8px;font-size:15px;font-weight:700;font-family:Montserrat,sans-serif;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #ffbd594d;margin-top:6px;box-sizing:border-box}.auth-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #ffbd5980}.auth-submit-btn:active:not(:disabled){transform:translateY(0)}.auth-submit-btn:disabled{opacity:.6;cursor:not-allowed}.auth-footer{margin-top:24px;padding-top:24px;border-top:1px solid rgba(255,189,89,.15);text-align:center}.auth-footer p{font-size:14px;color:#debc81b3;margin:0;font-family:Noto Sans Display,sans-serif}.auth-link{color:#ffbd59;font-weight:600;text-decoration:none;transition:all .2s ease}.auth-link:hover{color:#debc81;text-decoration:underline}@media(max-width:768px){.auth-container{padding:16px}.auth-card{padding:24px 20px;max-width:100%}.auth-logo{font-size:48px}.auth-header h1{font-size:22px}}.risk-calculator{min-height:100vh;background:linear-gradient(180deg,#0a1628,#0f1b35,#1a2847);padding:80px 24px}.calculator-container{max-width:900px;margin:0 auto}.calculator-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.calculator-header h2{color:#ffbd59;font-size:32px;font-weight:900;margin:0}.tier-badge{background:#ffbd5933;color:#ffbd59;padding:8px 16px;border-radius:8px;font-size:12px;font-weight:700;border:1px solid rgba(255,189,89,.3)}.calculator-form{background:linear-gradient(135deg,#112250f2,#1a2847f2);border:1px solid rgba(255,189,89,.3);border-radius:16px;padding:32px;margin-bottom:32px}.form-group{margin-bottom:24px}.form-group label{display:block;color:#debc81;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.form-group input{width:100%;background:#0f1b35cc;border:1px solid rgba(255,189,89,.3);border-radius:10px;padding:12px 16px;color:#fff;font-size:16px;transition:all .2s ease}.form-group input:focus{outline:none;border-color:#ffbd59;box-shadow:0 0 0 4px #ffbd591a}.form-hint{display:block;color:#ffffff80;font-size:12px;margin-top:4px;font-style:italic}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.position-type-selector{display:flex;gap:12px}.type-btn{flex:1;padding:12px 24px;border-radius:10px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;background:#ffffff0d;border:2px solid rgba(255,255,255,.1);color:#fff9}.type-btn:hover{background:#ffffff1a;border-color:#fff3}.type-btn.active.long{background:#4caf5033;border-color:#4caf50;color:#4caf50}.type-btn.active.short{background:#f4433633;border-color:#f44336;color:#f44336}.form-actions{display:flex;gap:12px;margin-top:32px}.btn-calculate,.btn-save{flex:1;padding:16px 32px;border-radius:12px;font-size:18px;font-weight:800;cursor:pointer;transition:all .3s ease;border:none;text-transform:uppercase;letter-spacing:.5px}.btn-calculate{background:linear-gradient(135deg,#ffbd59,#ffd580);color:#0f1b35}.btn-calculate:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ffbd5966}.btn-save{background:linear-gradient(135deg,#4caf50,#66bb6a);color:#fff}.btn-save:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4caf5066}.calculation-results{background:linear-gradient(135deg,#112250f2,#1a2847f2);border:2px solid rgba(255,189,89,.4);border-radius:16px;padding:32px;margin-bottom:32px;animation:slideIn .4s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.calculation-results h3{color:#ffbd59;font-size:24px;font-weight:800;margin:0 0 24px;text-align:center}.results-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.result-card{background:#0f1b3599;border:1px solid rgba(255,189,89,.2);border-radius:12px;padding:20px;text-align:center;transition:all .3s ease}.result-card:hover{transform:translateY(-4px);border-color:#ffbd5966;box-shadow:0 8px 20px #0000004d}.result-card.primary{border:2px solid #FFBD59;background:#ffbd591a}.result-card.highlight{border:2px solid #9C27B0;background:#9c27b01a}.result-card.positive{border-color:#4caf5066}.result-label{color:#fff9;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.result-value{color:#fff;font-size:28px;font-weight:900;margin-bottom:4px}.result-value.negative{color:#f44336}.result-value.positive{color:#4caf50}.result-unit{color:#ffffff80;font-size:13px;font-weight:600}.result-percent{color:#ffffff80;font-size:12px;margin-top:4px}.results-summary{background:#ffbd591a;border:1px solid rgba(255,189,89,.3);border-radius:12px;padding:20px}.results-summary p{color:#ffffffe6;font-size:15px;line-height:1.6;margin:0}.results-summary strong{color:#ffbd59;font-weight:700}.upgrade-prompt{background:#ff98001a;border:2px solid rgba(255,152,0,.4);border-radius:16px;padding:32px;text-align:center}.upgrade-prompt p{color:#ffffffe6;font-size:18px;margin:0 0 20px}.upgrade-prompt strong{color:#ffbd59;font-weight:800}.btn-upgrade{background:linear-gradient(135deg,#ffbd59,#ffd580);color:#0f1b35;border:none;border-radius:12px;padding:16px 48px;font-size:18px;font-weight:800;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.btn-upgrade:hover{transform:translateY(-3px);box-shadow:0 8px 24px #ffbd5980}.notification-modal-overlay{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease}.notification-modal{background:linear-gradient(135deg,#112250fa,#1a2847fa);border:2px solid rgba(255,189,89,.4);border-radius:24px;padding:40px;max-width:480px;width:90%;text-align:center;position:relative;animation:modalSlideIn .3s ease}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.notification-modal.success{border-color:#4caf5066}.notification-modal.error{border-color:#f4433666}.notification-modal.warning{border-color:#ff980066}.modal-close-btn{position:absolute;top:16px;right:16px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#ffffffb3;font-size:20px;width:36px;height:36px;border-radius:50%;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;padding:0;line-height:1}.modal-close-btn:hover{background:#fff3;color:#fff;transform:rotate(90deg)}.notification-icon{font-size:64px;margin-bottom:20px;animation:iconPop .5s ease}@keyframes iconPop{0%{transform:scale(0)}50%{transform:scale(1.1)}to{transform:scale(1)}}.notification-message{color:#ffffffe6;font-size:16px;line-height:1.6;margin:0 0 32px;white-space:pre-line}.notification-ok-btn{padding:14px 32px;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;border:none;background:linear-gradient(135deg,#4caf50,#66bb6a);color:#fff;width:100%}.notification-ok-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4caf5066}.saved-calculations{margin-top:32px;padding-top:32px;border-top:2px solid rgba(100,149,237,.2)}.saved-header{margin-bottom:20px}.saved-header h3{font-size:20px;font-weight:700;color:#6495ed;margin:0 0 8px}.saved-header small{font-size:13px;color:#8b9dc3}.saved-list{display:flex;flex-direction:column;gap:16px}.saved-item{background:#ffffff08;border:1px solid rgba(100,149,237,.2);border-radius:12px;padding:16px;transition:all .3s ease}.saved-item:hover{background:#ffffff0d;border-color:#6495ed66;transform:translate(4px)}.saved-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.1)}.position-badge{padding:6px 12px;border-radius:20px;font-size:12px;font-weight:700;display:inline-flex;align-items:center;gap:6px}.position-badge.long{background:#4caf5033;color:#4caf50;border:1px solid rgba(76,175,80,.3)}.position-badge.short{background:#f4433633;color:#f44336;border:1px solid rgba(244,67,54,.3)}.saved-date{font-size:12px;color:#8b9dc3}.saved-item-details{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:16px}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#ffffff05;border-radius:8px}.detail-label{font-size:12px;color:#8b9dc3;font-weight:500}.detail-value{font-size:13px;font-weight:700;color:#e0e7ff}.detail-value.highlight{color:gold;font-size:14px}.detail-value.positive{color:#4caf50}.saved-item-actions{display:flex;gap:10px}.btn-load,.btn-delete{flex:1;padding:10px 16px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease;border:none}.btn-load{background:linear-gradient(135deg,#6495ed,#4169e1);color:#fff}.btn-load:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6495ed66}.btn-delete{background:#f443361a;color:#f44336;border:1px solid rgba(244,67,54,.3)}.btn-delete:hover{background:#f4433633;transform:translateY(-2px);box-shadow:0 6px 20px #f443364d}@media(max-width:768px){.risk-calculator{padding:40px 16px}.saved-item-details{grid-template-columns:1fr}.saved-item-actions{flex-direction:column}.btn-load,.btn-delete{width:100%}.calculator-header{flex-direction:column;align-items:flex-start;gap:16px}.calculator-header h2{font-size:24px}.calculator-form{padding:24px}.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column}.results-grid{grid-template-columns:1fr}.result-value{font-size:24px}.tps-grid{grid-template-columns:1fr}.tp-card{padding:16px}}.toggle-label{display:flex;align-items:center;gap:10px;cursor:pointer;-webkit-user-select:none;user-select:none;padding:12px;background:#667eea1a;border-radius:8px;transition:all .3s ease}.toggle-label:hover{background:#667eea33}.toggle-label input[type=checkbox]{width:20px;height:20px;cursor:pointer}.toggle-label span{color:#fff;font-size:14px;font-weight:600}.zone-sl-toggle{margin-bottom:12px}.zone-sl-preview{margin-top:12px;padding:12px;background:#10b9811a;border:1px solid rgba(16,185,129,.3);border-radius:8px;color:#10b981;font-size:13px;font-weight:600}.multiple-tps-section{margin-top:32px;padding:24px;background:#667eea0d;border:1px solid rgba(102,126,234,.2);border-radius:12px}.multiple-tps-section h4{color:#667eea;font-size:20px;font-weight:700;margin:0 0 20px}.tps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}.tp-card{background:linear-gradient(135deg,#112250cc,#1a2847cc);border:2px solid;border-radius:12px;padding:20px;transition:all .3s ease}.tp-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000004d}.tp-card.tp1{border-color:#10b981}.tp-card.tp2{border-color:#3b82f6}.tp-card.tp3{border-color:#8b5cf6}.tp-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.tp-label{font-size:14px;font-weight:700;color:#888;text-transform:uppercase;letter-spacing:1px}.tp-rr{font-size:16px;font-weight:700;padding:4px 8px;border-radius:6px;background:#ffffff1a}.tp1 .tp-rr{color:#10b981}.tp2 .tp-rr{color:#3b82f6}.tp3 .tp-rr{color:#8b5cf6}.tp-price{font-size:24px;font-weight:800;color:#fff;margin-bottom:8px}.tp-allocation{font-size:13px;color:#aaa;margin-bottom:8px}.tp-profit{font-size:16px;font-weight:700;margin-bottom:4px}.tp1 .tp-profit{color:#10b981}.tp2 .tp-profit{color:#3b82f6}.tp3 .tp-profit{color:#8b5cf6}.tp-percent{font-size:12px;color:#888}.multiple-tps-summary{padding:20px;background:#0000004d;border-radius:10px;margin-bottom:20px}.summary-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.summary-label{font-size:14px;color:#aaa;font-weight:500}.summary-value{font-size:18px;font-weight:700;color:#fff}.summary-value.profit{color:#10b981;font-size:22px}.trading-plan{padding:20px;background:#667eea1a;border:1px solid rgba(102,126,234,.3);border-radius:10px}.trading-plan h5{color:#667eea;font-size:16px;font-weight:700;margin:0 0 16px}.trading-plan ol{margin:0;padding-left:24px;color:#fff}.trading-plan li{margin-bottom:12px;line-height:1.6;font-size:14px}.trading-plan li:last-child{margin-bottom:0}.trading-plan strong{color:#667eea}.price-display{display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:Inter,Segoe UI,sans-serif}.price-small{font-size:14px}.price-small .price-short{font-weight:600;color:#667eea}.price-medium{font-size:18px;flex-direction:row;gap:8px}.price-medium .price-short{font-weight:700;color:#667eea;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.price-medium .price-monthly-inline{font-size:14px;color:#888;font-weight:400}.price-large{gap:8px}.price-large .price-main{margin-bottom:4px}.price-large .price-short{font-size:36px;font-weight:800;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-1px}.price-large .price-details{margin-bottom:4px}.price-large .price-full{font-size:14px;color:#aaa;font-weight:400}.price-large .price-monthly{padding:6px 12px;background:#667eea1a;border-radius:6px;border:1px solid rgba(102,126,234,.3)}.price-large .monthly-label{font-size:13px;color:#667eea;font-weight:500}@media(max-width:768px){.price-large .price-short{font-size:28px}.price-medium .price-short{font-size:16px}.price-small .price-short{font-size:13px}}.upgrade-prompt-overlay{position:fixed;inset:0;background:#000000d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px;overflow-y:auto}.upgrade-prompt{background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:20px;padding:40px;max-width:700px;width:100%;box-shadow:0 20px 60px #667eea4d;border:1px solid rgba(102,126,234,.2);animation:slideIn .3s ease-out;max-height:90vh;overflow-y:auto}@keyframes slideIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.lock-icon{font-size:64px;text-align:center;margin-bottom:20px;filter:drop-shadow(0 4px 12px rgba(102,126,234,.4))}.upgrade-title{font-size:32px;font-weight:800;text-align:center;margin:0 0 10px;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.upgrade-subtitle{text-align:center;color:#aaa;font-size:16px;margin:0 0 30px}.tier-comparison{display:flex;align-items:center;justify-content:center;gap:20px;margin-bottom:30px;padding:20px;background:#ffffff08;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.tier-current,.tier-required{display:flex;flex-direction:column;align-items:center;gap:8px}.tier-label{font-size:12px;color:#888;text-transform:uppercase;letter-spacing:1px}.tier-value{font-size:16px;font-weight:700;padding:8px 16px;border-radius:8px}.tier-value.current{background:#ffffff1a;color:#ccc}.tier-value.required{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.tier-arrow{font-size:24px;color:#667eea}.price-box{text-align:center;margin:30px 0;padding:30px;background:linear-gradient(135deg,#667eea1a,#764ba21a);border-radius:16px;border:2px solid rgba(102,126,234,.3)}.price-subtitle{margin-top:12px;font-size:14px;color:#aaa;font-weight:500}.features-section{margin:30px 0}.features-heading{font-size:18px;font-weight:700;color:#fff;margin:0 0 20px;text-align:center}.features-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:16px}.feature-item{display:flex;align-items:flex-start;gap:12px;padding:16px;background:#ffffff08;border-radius:12px;border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.feature-item:hover{background:#ffffff0d;border-color:#667eea4d;transform:translate(4px)}.feature-icon{font-size:24px;flex-shrink:0}.feature-content{flex:1}.feature-title{font-size:15px;font-weight:600;color:#fff;margin-bottom:4px}.feature-description{font-size:13px;color:#aaa;line-height:1.5}.upgrade-actions{display:flex;flex-direction:column;gap:12px;margin:30px 0 20px}.btn-upgrade-primary{width:100%;padding:16px 32px;font-size:18px;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 20px #667eea66}.btn-upgrade-primary:hover{transform:translateY(-2px);box-shadow:0 6px 25px #667eea99}.btn-upgrade-primary:active{transform:translateY(0)}.btn-upgrade-secondary{width:100%;padding:12px 24px;font-size:15px;font-weight:600;background:transparent;color:#aaa;border:1px solid rgba(255,255,255,.2);border-radius:12px;cursor:pointer;transition:all .3s ease}.btn-upgrade-secondary:hover{background:#ffffff0d;color:#fff;border-color:#ffffff4d}.guarantee-badge{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;background:#10b9811a;border:1px solid rgba(16,185,129,.3);border-radius:8px;margin-top:20px}.guarantee-icon{font-size:16px}.guarantee-text{font-size:13px;color:#10b981;font-weight:600}@media(max-width:768px){.upgrade-prompt{padding:24px;max-height:95vh}.lock-icon{font-size:48px}.upgrade-title{font-size:24px}.upgrade-subtitle{font-size:14px}.tier-comparison{flex-direction:column;gap:12px}.tier-arrow{transform:rotate(90deg)}.price-box{padding:20px}.feature-item{padding:12px}.feature-icon{font-size:20px}.feature-title{font-size:14px}.feature-description{font-size:12px}.btn-upgrade-primary{font-size:16px;padding:14px 24px}}.upgrade-prompt::-webkit-scrollbar{width:8px}.upgrade-prompt::-webkit-scrollbar-track{background:#ffffff0d;border-radius:10px}.upgrade-prompt::-webkit-scrollbar-thumb{background:#667eea80;border-radius:10px}.upgrade-prompt::-webkit-scrollbar-thumb:hover{background:#667eeab3}.tier-guard-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;padding:40px;background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:20px;gap:20px}.tier-guard-loading p{color:#aaa;font-size:16px;margin:0}.loading-spinner{width:50px;height:50px;border:4px solid rgba(102,126,234,.2);border-top-color:#667eea;border-radius:50%;animation:spin 1s linear infinite}@media(max-width:768px){.tier-guard-loading{min-height:300px;padding:24px}.tier-guard-loading p{font-size:14px}.loading-spinner{width:40px;height:40px;border-width:3px}.tier-guard-error{min-height:300px;padding:24px}.tier-guard-error .error-icon{font-size:48px}.tier-guard-error .error-message{font-size:16px}.tier-guard-error .btn-retry{font-size:14px;padding:10px 20px}}.tier-guard-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;padding:40px;background:linear-gradient(135deg,#2e1a1a,#3e1616);border-radius:20px;gap:20px;text-align:center}.tier-guard-error .error-icon{font-size:64px;opacity:.8}.tier-guard-error .error-message{color:#ef4444;font-size:18px;margin:0;max-width:500px}.tier-guard-error .btn-retry{padding:12px 24px;background:#3b82f6;color:#fff;border:none;border-radius:8px;font-size:16px;cursor:pointer;transition:all .2s ease;margin-top:16px}.tier-guard-error .btn-retry:hover{background:#2563eb;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f666}.tier-guard-error .btn-retry:active{transform:translateY(0)}.loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-md);min-height:200px}.spinner{position:relative;width:60px;height:60px}.spinner-ring{position:absolute;width:100%;height:100%;border:3px solid transparent;border-top-color:var(--brand-gold);border-radius:50%;animation:spin 1.5s cubic-bezier(.68,-.55,.27,1.55) infinite}.spinner-ring:nth-child(2){width:75%;height:75%;top:12.5%;left:12.5%;border-top-color:#ffbd5980;animation-delay:-.5s}.spinner-ring:nth-child(3){width:50%;height:50%;top:25%;left:25%;border-top-color:#ffbd5940;animation-delay:-1s}.loading-text{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-muted);text-align:center}.loading-spinner.sm .spinner{width:30px;height:30px}.loading-spinner.sm{min-height:100px}.loading-spinner.lg .spinner{width:80px;height:80px}.loading-spinner.lg{min-height:300px}.loading-spinner.inline{display:inline-flex;flex-direction:row;min-height:auto;gap:var(--space-sm)}.loading-spinner.inline .spinner{width:20px;height:20px}.loading-spinner.inline .loading-text{font-size:var(--text-xs)}.error-message{display:flex;align-items:flex-start;gap:var(--space-md);padding:var(--space-lg);background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-lg);min-height:100px}.error-icon{font-size:32px;flex-shrink:0;filter:drop-shadow(0 0 8px rgba(239,68,68,.3))}.error-content{display:flex;flex-direction:column;gap:var(--space-sm);flex:1}.error-title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--accent-red);margin:0}.error-text{font-size:var(--text-base);color:var(--text-secondary);margin:0;line-height:1.6}.error-retry-btn{margin-top:var(--space-xs);align-self:flex-start}.error-message.inline{padding:var(--space-sm) var(--space-md);min-height:auto;flex-direction:row;align-items:center}.error-message.inline .error-icon{font-size:20px}.error-message.inline .error-title,.error-message.inline .error-text{font-size:var(--text-sm)}.error-message.minimal{background:transparent;border:none;padding:var(--space-md) 0}.error-message.minimal .error-icon{font-size:24px}.trading-mode-toggle-container{display:flex;align-items:center;gap:1rem;-webkit-user-select:none;user-select:none}.trading-mode-label{font-size:.875rem;font-weight:500;color:#fff9;transition:color .3s ease}.trading-mode-label .mode-text.active{color:#fff;font-weight:600}.trading-mode-toggle{position:relative;cursor:pointer;transition:all .3s ease}.trading-mode-toggle:hover{transform:scale(1.05)}.trading-mode-toggle:focus{outline:2px solid rgba(255,255,255,.3);outline-offset:4px;border-radius:50px}.toggle-track{position:relative;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:2px solid rgba(255,255,255,.2);border-radius:50px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1)}.toggle-thumb{position:absolute;top:4px;background:linear-gradient(135deg,gold,orange);border-radius:50%;box-shadow:0 4px 12px #ffd70066,0 2px 4px #0003;display:flex;align-items:center;justify-content:center;transition:all .4s cubic-bezier(.4,0,.2,1);z-index:2}.thumb-icon{font-size:1.2em;line-height:1}.toggle-labels{position:absolute;inset:0;display:flex;align-items:center;justify-content:space-between;padding:0 1em;font-size:.7em;font-weight:700;letter-spacing:.5px;z-index:1}.label-real,.label-paper{transition:all .3s ease;opacity:.5}.trading-mode-toggle.small .toggle-track{width:80px;height:32px}.trading-mode-toggle.small .toggle-thumb{width:24px;height:24px;left:4px}.trading-mode-toggle.small .toggle-labels{font-size:.6em;padding:0 .8em}.trading-mode-toggle.medium .toggle-track{width:100px;height:40px}.trading-mode-toggle.medium .toggle-thumb{width:32px;height:32px;left:4px}.trading-mode-toggle.medium .toggle-labels{font-size:.7em;padding:0 1em}.trading-mode-toggle.large .toggle-track{width:120px;height:50px}.trading-mode-toggle.large .toggle-thumb{width:42px;height:42px;left:4px}.trading-mode-toggle.large .toggle-labels{font-size:.8em;padding:0 1.2em}.trading-mode-toggle.real .toggle-track{border-color:#ffd70066;background:linear-gradient(135deg,#ffd70026,#ffa5001a)}.trading-mode-toggle.real .toggle-thumb{background:linear-gradient(135deg,gold,orange);box-shadow:0 4px 12px #ffd70080,0 2px 4px #0003}.trading-mode-toggle.real .label-real{opacity:1;color:gold;text-shadow:0 0 8px rgba(255,215,0,.5)}.trading-mode-toggle.paper .toggle-track{border-color:#3b82f666;background:linear-gradient(135deg,#3b82f626,#2563eb1a)}.trading-mode-toggle.paper .toggle-thumb{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 4px 12px #3b82f680,0 2px 4px #0003}.trading-mode-toggle.paper .label-paper{opacity:1;color:#3b82f6;text-shadow:0 0 8px rgba(59,130,246,.5)}.trading-mode-toggle.small.paper .toggle-thumb{transform:translate(48px)}.trading-mode-toggle.medium.paper .toggle-thumb{transform:translate(60px)}.trading-mode-toggle.large.paper .toggle-thumb{transform:translate(70px)}.mode-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:50px;font-size:.875rem;font-weight:600;letter-spacing:.5px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.mode-badge.real{background:linear-gradient(135deg,#ffd70033,#ffa50026);border:1px solid rgba(255,215,0,.3);color:gold;box-shadow:0 2px 8px #ffd70033}.mode-badge.paper{background:linear-gradient(135deg,#3b82f633,#2563eb26);border:1px solid rgba(59,130,246,.3);color:#3b82f6;box-shadow:0 2px 8px #3b82f633}.badge-icon{font-size:1.2em;line-height:1}.badge-text{font-weight:700}@keyframes glow-real{0%,to{box-shadow:0 4px 12px #ffd70080,0 2px 4px #0003}50%{box-shadow:0 4px 20px #ffd700b3,0 2px 6px #0000004d}}@keyframes glow-paper{0%,to{box-shadow:0 4px 12px #3b82f680,0 2px 4px #0003}50%{box-shadow:0 4px 20px #3b82f6b3,0 2px 6px #0000004d}}.trading-mode-toggle.real .toggle-thumb{animation:glow-real 2s ease-in-out infinite}.trading-mode-toggle.paper .toggle-thumb{animation:glow-paper 2s ease-in-out infinite}@media(max-width:768px){.trading-mode-toggle-container{gap:.75rem}.trading-mode-label{font-size:.75rem}.mode-badge{padding:.4rem .8rem;font-size:.75rem}}@media(max-width:480px){.trading-mode-label{display:none}.mode-badge{padding:.3rem .6rem;font-size:.7rem}}.card{display:flex;flex-direction:column;padding:var(--space-lg);background:var(--bg-card);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:all var(--transition-base);position:relative;overflow:hidden}.card-sm{padding:var(--space-md);border-radius:var(--radius-md)}.card-md{padding:var(--space-lg);border-radius:var(--radius-lg)}.card-lg{padding:var(--space-2xl);border-radius:var(--radius-xl)}.card-default{background:#1e2a5e66;border:1px solid rgba(255,255,255,.12)}.card-glass{background:#1e2a5e40;border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px)}.card-stat{background:linear-gradient(180deg,#4a1a4f59,#6b0f1a40);border:1px solid rgba(255,189,89,.22);box-shadow:0 0 18px #ffbd592e}.card-gradient{background:linear-gradient(135deg,#9c06124d,#1e2a5e4d);border:1px solid var(--brand-gold);box-shadow:0 0 30px #ffbd5933}.card-compact{padding:var(--space-sm);border-radius:var(--radius-sm)}.card-hoverable:hover{transform:translateY(-4px);border-color:#ffffff40;box-shadow:var(--shadow-lg)}.card-stat.card-hoverable:hover{box-shadow:0 0 30px #ffbd594d}.card-clickable{cursor:pointer}.card-clickable:active{transform:scale(.98)}.card-header{margin-bottom:var(--space-md);padding-bottom:var(--space-md);border-bottom:1px solid rgba(255,255,255,.08)}.card-body{flex:1}.card-footer{margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid rgba(255,255,255,.08)}@media(max-width:768px){.card{padding:var(--space-md)}.card-lg{padding:var(--space-lg)}}.equity-chart-card{min-height:400px}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg);padding-bottom:var(--space-md);border-bottom:1px solid rgba(255,255,255,.08)}.chart-title-section{display:flex;flex-direction:column;gap:var(--space-xs)}.chart-stats{display:flex;align-items:baseline;gap:var(--space-md)}.stat-current{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:900;color:var(--text-primary)}.stat-change{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--font-semibold)}.timeframe-selector{display:flex;gap:var(--space-xs)}.timeframe-btn{padding:6px 12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-base)}.timeframe-btn:hover{background:#ffffff14}.timeframe-btn.active{background:var(--brand-gold);border-color:var(--brand-gold);color:var(--bg-base)}.chart-container{height:300px}.equity-tooltip{background:#000000f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,189,89,.3);border-radius:var(--radius-md);padding:var(--space-md);box-shadow:0 8px 32px #00000080}.tooltip-date{font-size:var(--text-xs);color:var(--text-muted);margin-bottom:var(--space-xs)}.tooltip-value{font-family:var(--font-display);font-size:var(--text-lg);font-weight:900;color:var(--text-primary);margin-bottom:var(--space-xs)}.tooltip-change{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--font-semibold)}.tooltip-change.positive{color:var(--accent-green)}.tooltip-change.negative{color:var(--accent-red)}@media(max-width:768px){.chart-header{flex-direction:column;align-items:flex-start;gap:var(--space-md)}.stat-current{font-size:var(--text-xl)}.timeframe-selector{width:100%;justify-content:space-between}}.allocation-chart-container{padding:var(--space-md, 24px);background:var(--bg-card, rgba(30, 42, 94, .4));border-radius:var(--radius-xl, 20px);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1)}.allocation-chart-container.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-xl, 40px);text-align:center}.empty-icon{color:var(--text-muted, rgba(255, 255, 255, .5));margin-bottom:var(--space-sm, 16px)}.empty-text{margin:0;font-family:var(--font-display, "Poppins", sans-serif);font-size:var(--text-base, 16px);font-weight:500;color:var(--text-secondary, rgba(255, 255, 255, .85))}.empty-subtext{margin:4px 0 0;font-size:var(--text-sm, 14px);color:var(--text-muted, rgba(255, 255, 255, .5))}.chart-header{display:flex;align-items:center;gap:var(--space-xs, 8px);margin-bottom:var(--space-md, 24px);color:var(--brand-gold, #FFBD59)}.chart-title{margin:0;font-family:var(--font-display, "Poppins", sans-serif);font-size:var(--text-lg, 20px);font-weight:600;color:var(--text-primary, #FFFFFF)}.chart-content{display:flex;align-items:center;gap:var(--space-lg, 32px)}.pie-chart-wrapper{width:180px;height:180px;flex-shrink:0}.pie-chart-svg{width:100%;height:100%}.pie-slice{animation:pieSliceIn .5s ease-out forwards;transform-origin:50% 50%;opacity:0;transition:transform .2s ease}.pie-slice:hover{transform:scale(1.02);filter:brightness(1.2)}@keyframes pieSliceIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.center-text-label{font-size:6px;font-family:var(--font-body, "Inter", sans-serif)}.center-text-value{font-size:10px;font-weight:700;font-family:var(--font-display, "Poppins", sans-serif)}.chart-legend{flex:1;display:flex;flex-direction:column;gap:10px}.legend-item{display:flex;align-items:center;gap:var(--space-xs, 8px)}.legend-color{width:12px;height:12px;border-radius:3px;flex-shrink:0}.legend-symbol{flex:1;font-family:var(--font-body, "Inter", sans-serif);font-size:var(--text-sm, 14px);font-weight:500;color:var(--text-primary, #FFFFFF)}.legend-percentage{font-family:var(--font-display, "Poppins", sans-serif);font-size:var(--text-sm, 14px);font-weight:600;color:var(--text-secondary, rgba(255, 255, 255, .85))}@media(max-width:600px){.chart-content{flex-direction:column}.pie-chart-wrapper{width:160px;height:160px}.chart-legend{flex-direction:row;flex-wrap:wrap;justify-content:center}.legend-item{width:calc(50% - 8px)}}.overview-dashboard{display:flex;flex-direction:column;gap:var(--space-xl)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-md)}.stat-icon{font-size:48px;margin-bottom:var(--space-md);filter:drop-shadow(0 0 12px rgba(255,189,89,.3))}.stat-label{font-size:var(--text-sm);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-xs)}.stat-value{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:900;color:var(--text-primary);margin-bottom:var(--space-xs)}.stat-change{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-muted)}.stat-change.positive{color:var(--accent-green)}.stat-change.negative{color:var(--accent-red)}.stat-details{margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;gap:var(--space-xs)}.stat-detail-row{display:flex;justify-content:space-between;align-items:center;font-size:var(--text-xs)}.detail-label{color:var(--text-muted);font-weight:var(--font-medium)}.detail-value{color:var(--text-secondary);font-weight:var(--font-semibold)}.detail-value.positive{color:var(--accent-green)}.detail-value.negative{color:var(--accent-red)}.charts-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md, 24px)}@media(max-width:1024px){.stats-grid{grid-template-columns:repeat(2,1fr)}.charts-row{grid-template-columns:1fr}}@media(max-width:768px){.stats-grid{grid-template-columns:1fr}.stat-value{font-size:var(--text-2xl)}}.badge{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-display);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;padding:6px 12px;border-radius:6px;border:1px solid;transition:all var(--transition-base)}.badge-sm{padding:4px 8px;font-size:10px;gap:4px}.badge-md{padding:6px 12px;font-size:12px;gap:6px}.badge-lg{padding:8px 16px;font-size:14px;gap:8px}.badge-gold{background:#ffbd591f;border-color:#ffbd5959;color:var(--brand-gold);box-shadow:0 0 20px #ffbd5933}.badge-cyan{background:#00d9ff1a;border-color:#00d9ff4d;color:var(--brand-cyan)}.badge-purple{background:#8b5cf61a;border-color:#8b5cf64d;color:var(--brand-purple)}.badge-green{background:#00ff881a;border-color:#00ff884d;color:var(--accent-green)}.badge-red{background:#ff47571a;border-color:#ff47574d;color:var(--accent-red)}.badge-orange{background:#ff9f431a;border-color:#ff9f434d;color:var(--accent-orange)}.badge-gray{background:#ffffff0d;border-color:#ffffff1f;color:var(--text-muted)}.badge-pill{border-radius:50px}.badge-dot{padding-left:8px}.badge-dot-indicator{width:6px;height:6px;border-radius:50%;background:currentColor;animation:pulse 2s ease-in-out infinite}.badge-sm .badge-dot-indicator{width:4px;height:4px}.badge-lg .badge-dot-indicator{width:8px;height:8px}.badge-icon{display:inline-flex;align-items:center;justify-content:center;font-size:1em}.badge:hover{transform:scale(1.05);filter:brightness(1.1)}.input-wrapper{display:flex;flex-direction:column;gap:var(--space-xs)}.input-wrapper-full{width:100%}.input-label{font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.input-container{position:relative;display:flex;align-items:center}.input{width:100%;font-family:var(--font-body);font-size:var(--text-base);color:var(--text-primary);padding:14px 20px;background:#1e2a5e4d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-md);box-shadow:inset 0 2px 4px #0000001a;transition:all var(--transition-base)}.input:-webkit-autofill,.input:-webkit-autofill:hover,.input:-webkit-autofill:focus{-webkit-text-fill-color:var(--text-primary);-webkit-box-shadow:0 0 0px 1000px rgba(30,42,94,.3) inset;transition:background-color 5000s ease-in-out 0s}.input::placeholder{color:#fff6}.input:focus{outline:none;border-color:var(--brand-cyan);background:#1e2a5e80;box-shadow:0 0 20px #00d9ff4d}.input:disabled{opacity:.5;cursor:not-allowed;background:#1e2a5e33}.input-sm{padding:10px 16px;font-size:var(--text-sm)}.input-md{padding:14px 20px;font-size:var(--text-base)}.input-lg{padding:18px 24px;font-size:var(--text-lg)}.input-error{border-color:var(--accent-red);background:#ff47570d}.input-error:focus{border-color:var(--accent-red);box-shadow:0 0 20px #ff47574d}.input-success{border-color:var(--accent-green);background:#00ff880d}.input-success:focus{border-color:var(--accent-green);box-shadow:0 0 20px #00ff884d}.input-icon{position:absolute;display:flex;align-items:center;justify-content:center;color:var(--text-muted);pointer-events:none;font-size:var(--text-lg)}.input-icon-left{left:16px}.input-icon-right{right:16px}.input-with-left-icon{padding-left:48px}.input-with-right-icon{padding-right:48px}.input-helper{font-size:var(--text-xs);color:var(--text-muted);padding-left:var(--space-xs)}.input-helper-error{color:var(--accent-red)}@media(max-width:768px){.input{padding:12px 16px;font-size:var(--text-sm)}.input-lg{padding:14px 20px;font-size:var(--text-base)}}.add-position-modal{max-width:600px;width:90vw}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-lg);margin-bottom:var(--space-xl)}.form-field{display:flex;flex-direction:column;gap:var(--space-xs)}.field-label{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-secondary)}.field-hint{font-size:var(--text-xs);color:var(--text-muted);margin:0;font-style:italic}@media(max-width:768px){.form-grid{grid-template-columns:1fr;gap:var(--space-md)}.add-position-modal{max-width:95vw}}.modal-overlay{position:fixed;inset:0;background:#000000d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}.modal-content{background:linear-gradient(135deg,#141423f2,#1e1e32f2);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);padding:var(--space-xl);max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #00000080;animation:slideUp .3s ease-out}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-lg);padding-bottom:var(--space-md);border-bottom:1px solid rgba(255,255,255,.1)}.close-button{background:none;border:none;color:var(--text-secondary);font-size:32px;cursor:pointer;padding:0;line-height:1;transition:all var(--transition-base);border-radius:var(--radius-sm);width:32px;height:32px;display:flex;align-items:center;justify-content:center}.close-button:hover{background:#ffffff1a;color:var(--text-primary);transform:rotate(90deg)}.modal-body{display:flex;flex-direction:column;gap:var(--space-md)}.modal-footer{display:flex;gap:var(--space-sm);margin-top:var(--space-lg);padding-top:var(--space-md);border-top:1px solid rgba(255,255,255,.1);justify-content:flex-end}.close-position-modal{max-width:500px;width:90vw}.position-summary{padding:var(--space-md);background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);margin-bottom:var(--space-lg)}.summary-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-xs) 0;font-size:var(--text-sm)}.summary-row:not(:last-child){border-bottom:1px solid rgba(255,255,255,.05)}.summary-label{color:var(--text-muted);font-weight:var(--font-medium)}.summary-value{color:var(--text-primary);font-weight:var(--font-semibold)}.form-field{margin-bottom:var(--space-lg)}.field-label{display:block;font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-secondary);margin-bottom:var(--space-xs)}.field-hint{font-size:var(--text-xs);color:var(--text-muted);margin-top:var(--space-xs);font-style:italic}.pnl-preview{padding:var(--space-md);background:#ffbd590d;border:1px solid rgba(255,189,89,.2);border-radius:var(--radius-md);margin-bottom:var(--space-lg)}.preview-title{font-size:var(--text-sm);font-weight:var(--font-bold);color:var(--brand-gold);margin:0 0 var(--space-md) 0}.preview-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md)}.preview-item{display:flex;flex-direction:column;gap:var(--space-xs)}.preview-item.result-badge{grid-column:1 / -1;align-items:center;margin-top:var(--space-sm)}.preview-label{font-size:var(--text-xs);color:var(--text-muted);font-weight:var(--font-medium)}.preview-value{font-size:var(--text-base);color:var(--text-primary);font-weight:var(--font-bold)}.preview-value.positive{color:var(--accent-green)}.preview-value.negative{color:var(--accent-red)}.badge{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:.5px}.badge.win{background:#22c55e33;color:var(--accent-green);border:1px solid var(--accent-green)}.badge.loss{background:#ef444433;color:var(--accent-red);border:1px solid var(--accent-red)}.error-message{padding:var(--space-md);background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-md);color:var(--accent-red);font-size:var(--text-sm);margin-bottom:var(--space-lg)}@media(max-width:768px){.close-position-modal{max-width:95vw}.preview-grid{grid-template-columns:1fr}.preview-item.result-badge{grid-column:1}}.open-positions-table{display:flex;flex-direction:column;gap:var(--space-lg)}.table-header{display:flex;justify-content:space-between;align-items:center}.header-actions{display:flex;gap:var(--space-sm);align-items:center}.pnl-cell{display:flex;flex-direction:column;gap:2px}.pnl-amount{font-family:var(--font-mono);font-size:var(--text-base);font-weight:var(--font-bold)}.pnl-percent{font-family:var(--font-mono);font-size:var(--text-xs);opacity:.8}.pnl-cell.positive .pnl-amount,.pnl-cell.positive .pnl-percent{color:var(--accent-green)}.pnl-cell.negative .pnl-amount,.pnl-cell.negative .pnl-percent{color:var(--accent-red)}.action-buttons{display:flex;gap:var(--space-xs)}@media(max-width:768px){.data-table{font-size:var(--text-xs)}.action-buttons{flex-direction:column}}.trade-history{display:flex;flex-direction:column;gap:var(--space-lg)}.filters-bar{display:flex;gap:var(--space-md);flex-wrap:wrap;align-items:flex-end}.filters-bar>*:not(.filter-actions){flex:1;min-width:150px}.filter-actions{display:flex;gap:var(--space-sm)}.rr-cell{font-family:var(--font-mono);font-weight:var(--font-semibold);color:var(--text-secondary)}.empty-state{text-align:center;padding:var(--space-2xl) var(--space-md)}.empty-message{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm)}.empty-message p:first-child{font-size:var(--text-lg);color:var(--text-secondary);margin:0}.empty-hint{font-size:var(--text-sm);color:var(--text-muted);margin:0}.pagination{display:flex;flex-direction:column;gap:var(--space-md);align-items:center;padding:var(--space-lg);border-top:1px solid rgba(255,255,255,.08)}.pagination-info{font-size:var(--text-sm);color:var(--text-muted);text-align:center}.pagination-controls{display:flex;align-items:center;gap:var(--space-md)}.page-numbers{display:flex;gap:var(--space-xs);align-items:center}.page-btn{min-width:32px;height:32px;padding:0 var(--space-xs);background:#ffffff0d;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-base)}.page-btn:hover{background:#ffffff14;border-color:var(--brand-gold);color:var(--brand-gold)}.page-btn.active{background:var(--brand-gold);border-color:var(--brand-gold);color:var(--bg-base)}.pagination-ellipsis{color:var(--text-muted);padding:0 var(--space-xs)}@media(max-width:768px){.filters-bar{flex-direction:column}.filters-bar>*:not(.filter-actions){width:100%}.filter-actions{width:100%;justify-content:space-between}.pagination-controls{flex-wrap:wrap;justify-content:center}.page-numbers{order:-1;width:100%;justify-content:center;margin-bottom:var(--space-sm)}}.trading-journal{display:grid;grid-template-columns:300px 1fr;gap:var(--space-xl);min-height:600px}.journal-sidebar{display:flex;flex-direction:column;gap:var(--space-md)}.entry-list{display:flex;flex-direction:column;gap:var(--space-sm);overflow-y:auto;max-height:600px}.entry-card{cursor:pointer;transition:all var(--transition-base);padding:var(--space-md)}.entry-card:hover{transform:translate(4px)}.entry-date{font-size:var(--text-xs);color:var(--text-muted);margin-bottom:var(--space-xs)}.entry-title{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:var(--space-xs)}.entry-tags{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.tag{font-size:var(--text-xs);padding:2px 8px;background:#ffbd591a;border:1px solid rgba(255,189,89,.3);border-radius:var(--radius-sm);color:var(--brand-gold)}.journal-editor{display:flex;flex-direction:column;gap:var(--space-lg)}.editor-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:var(--space-md);border-bottom:1px solid rgba(255,255,255,.08)}.editor-actions{display:flex;gap:var(--space-sm)}.editor-form{display:flex;flex-direction:column;gap:var(--space-md)}.editor-field{display:flex;flex-direction:column;gap:var(--space-xs)}.editor-label{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-secondary)}.simple-editor{width:100%;padding:var(--space-md);background:#ffffff05;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-base);font-size:var(--text-base);line-height:1.6;resize:vertical;min-height:200px;transition:border-color var(--transition-base)}.simple-editor:focus{outline:none;border-color:var(--brand-gold);background:#ffffff08}.simple-editor::placeholder{color:var(--text-muted)}.editor-note{margin-top:var(--space-xs);font-size:var(--text-xs);color:var(--text-muted);font-style:italic}.quill-editor{border-radius:var(--radius-md);overflow:hidden}.quill-editor .ql-toolbar{background:#ffffff08;border:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(255,255,255,.08)}.quill-editor .ql-toolbar button,.quill-editor .ql-toolbar .ql-picker-label{color:var(--text-secondary)}.quill-editor .ql-toolbar button:hover,.quill-editor .ql-toolbar .ql-picker-label:hover,.quill-editor .ql-toolbar button.ql-active,.quill-editor .ql-toolbar .ql-picker-label.ql-active{color:var(--brand-gold)}.quill-editor .ql-stroke{stroke:currentColor}.quill-editor .ql-fill{fill:currentColor}.quill-editor .ql-container{background:#ffffff05;border:1px solid rgba(255,255,255,.12);min-height:300px;font-family:var(--font-base);font-size:var(--text-base);line-height:1.6}.quill-editor .ql-editor{color:var(--text-primary);padding:var(--space-md)}.quill-editor .ql-editor.ql-blank:before{color:var(--text-muted);font-style:normal}.quill-editor .ql-editor a{color:var(--brand-gold)}.quill-editor .ql-editor strong{color:var(--text-primary);font-weight:var(--font-bold)}.quill-editor .ql-editor em{color:var(--text-secondary)}.ql-picker-options{background:#000000f2;border:1px solid rgba(255,189,89,.3);border-radius:var(--radius-md)}.ql-picker-options .ql-picker-item{color:var(--text-primary)}.ql-picker-options .ql-picker-item:hover{color:var(--brand-gold);background:#ffbd591a}.auto-save-indicator{padding:var(--space-sm);text-align:center}.empty-journal{text-align:center;padding:var(--space-xl) var(--space-md);color:var(--text-muted)}.empty-hint{font-size:var(--text-xs);margin-top:var(--space-xs)}.loading-state,.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-md);min-height:400px;text-align:center;color:var(--text-secondary)}.error-state p{color:var(--accent-red)}@media(max-width:1024px){.trading-journal{grid-template-columns:1fr}.journal-sidebar{max-height:300px}}.portfolio-page-v2{min-height:calc(100vh - 80px);padding:var(--space-xl)}.portfolio-mode-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:1.5rem;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px}.mode-info{display:flex;align-items:center;gap:1.5rem}.mode-info h1{margin:0;font-size:1.75rem;color:#fff;font-weight:700}.mode-badge-large{padding:.5rem 1.25rem;border-radius:50px;font-size:.875rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase;display:inline-flex;align-items:center;gap:.5rem}.mode-badge-large.real{background:linear-gradient(135deg,#ffd70033,#ffa50026);border:1px solid rgba(255,215,0,.3);color:gold;box-shadow:0 2px 8px #ffd70033}.mode-badge-large.paper{background:linear-gradient(135deg,#3b82f633,#2563eb26);border:1px solid rgba(59,130,246,.3);color:#3b82f6;box-shadow:0 2px 8px #3b82f633}.portfolio-tabs{margin-top:var(--space-2xl)}.tab-content{margin-top:var(--space-lg);background:var(--bg-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-lg);padding:var(--space-xl);min-height:600px}.tab-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;background:var(--brand-gold);color:var(--bg-base);font-size:11px;font-weight:800;border-radius:var(--radius-full);margin-left:var(--space-xs)}.price-update-indicator{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);margin-top:var(--space-lg);background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);font-size:var(--text-xs);color:var(--text-muted)}.status-dot{width:8px;height:8px;border-radius:var(--radius-full);background:var(--text-muted);transition:all var(--transition-base)}.status-dot.polling{background:var(--brand-gold);animation:pulse 2s ease-in-out infinite}.status-dot.idle{background:#ffffff4d}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.update-text{font-size:var(--text-xs);color:var(--text-secondary)}.refresh-btn-inline{background:transparent;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-sm);padding:4px 8px;cursor:pointer;font-size:var(--text-sm);transition:all var(--transition-base)}.refresh-btn-inline:hover:not(:disabled){background:#ffbd591a;border-color:var(--brand-gold);transform:rotate(180deg)}.refresh-btn-inline:disabled{opacity:.5;cursor:not-allowed}@media(max-width:768px){.portfolio-page-v2,.tab-content{padding:var(--space-md)}}@media(max-width:767px){.portfolio-page-v2{min-height:auto;padding:12px;overflow-x:hidden}.portfolio-mode-header{flex-direction:column;gap:12px;padding:16px;margin-bottom:16px;text-align:center}.mode-info{flex-direction:column;gap:10px;width:100%}.mode-info h1{font-size:1.25rem}.mode-badge-large{padding:6px 16px;font-size:.75rem}.portfolio-tabs{margin-top:16px}.tab-content{margin-top:12px;padding:16px 12px;border-radius:12px;min-height:auto}.tab-badge{min-width:18px;height:18px;font-size:10px;padding:0 5px}.price-update-indicator{flex-wrap:wrap;gap:8px;padding:10px 12px;margin-top:12px;font-size:11px}.status-dot{width:6px;height:6px}.update-text{font-size:11px}.refresh-btn-inline{padding:6px 10px;font-size:12px;min-height:36px}}.hero-section{--bg-base-dark: #0A1628;--bg-base-mid: #0D1B2A;--bg-base-light: #0F172A;--glow-blue-bright: rgba(59, 130, 246, .5);--glow-blue-medium: rgba(37, 99, 235, .25);--glow-blue-dark: rgba(30, 64, 175, .3);--brand-burgundy: #9C0612;--brand-gold: #FFBD59;--brand-gold-light: #DEBC81;--glass-bg: rgba(30, 42, 94, .4);--glass-border: rgba(255, 255, 255, .12);--font-display: "Montserrat", sans-serif;--font-body: "Noto Sans Display", sans-serif;--space-md: 24px;--space-lg: 32px;--space-xl: 48px;--radius-md: 14px;--radius-lg: 20px;--radius-full: 50px}.hero-section{position:relative;min-height:100vh;padding:6rem 2rem;overflow:hidden}.hero-overlay{position:absolute;inset:0;pointer-events:none;z-index:1}.glow-particle{position:absolute;border-radius:50%;filter:blur(100px);pointer-events:none;z-index:1;animation:float 20s ease-in-out infinite}.glow-1{width:300px;height:300px;background:var(--glow-blue-bright);top:10%;left:5%}.glow-2{width:200px;height:200px;background:var(--glow-blue-medium);top:60%;right:10%;animation-delay:2s}.glow-3{width:250px;height:250px;background:var(--glow-blue-dark);bottom:20%;left:50%;animation-delay:4s}.hero-container{max-width:1400px;margin:0 auto;padding:0 3rem;position:relative;z-index:10}.opening-story{text-align:center;margin-bottom:5rem;animation:slideUp .8s ease-out}.eyebrow{color:var(--brand-gold);font-size:clamp(.9rem,2vw,1.1rem);font-weight:700;letter-spacing:2px;margin-bottom:1.5rem;font-family:var(--font-display)}.hero-title{font-family:var(--font-display);font-size:clamp(2.5rem,7vw,5rem);font-weight:800;line-height:1.1;margin-bottom:2rem;display:block;background:linear-gradient(135deg,#FFF 0%,var(--brand-gold-light) 50%,var(--brand-gold) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 20px rgba(255,189,89,.4))}.hero-title .highlight{background:linear-gradient(135deg,var(--brand-gold) 0%,#FFD700 50%,#FFF 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 20px rgba(255,189,89,.6))}.hero-description{font-size:clamp(1.3rem,2.5vw,1.7rem);color:var(--brand-gold-light);max-width:700px;margin:0 auto;line-height:1.8;font-family:var(--font-body)}.hero-description strong{color:var(--brand-gold);font-weight:700}.pain-points-section{max-width:900px;margin:0 auto 5rem}.section-intro{text-align:center;color:var(--brand-gold);font-size:clamp(1.2rem,2.5vw,1.5rem);font-weight:700;margin-bottom:2rem;font-family:var(--font-display)}.before-after-grid{display:grid;grid-template-columns:1fr auto 1fr;gap:2rem;align-items:center}.pain-point,.after-point{background:linear-gradient(135deg,#1e3a8a66,#11182799);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(59,130,246,.15);border-radius:20px;padding:32px;margin-bottom:1rem;transition:all .3s ease;box-shadow:0 8px 32px #00000059}.pain-point:hover,.after-point:hover{border-color:#3b82f64d;transform:translateY(-4px);box-shadow:0 12px 48px #00000073,0 0 40px #3b82f61a}.pain-point .emoji,.after-point .emoji{font-size:1.5rem;margin-bottom:.5rem}.pain-point .title{color:#fca5a5;font-weight:600;margin-bottom:.5rem;font-size:1.1rem;font-family:var(--font-display)}.after-point .title{color:var(--brand-gold);font-weight:700;margin-bottom:.5rem;font-size:1.1rem;font-family:var(--font-display)}.pain-point .desc,.after-point .desc{font-size:1.05rem;line-height:1.6;font-family:var(--font-body);color:#d1d5db}.transformation-arrow{font-size:3rem;color:var(--brand-gold);animation:float 3s ease-in-out infinite}.secret-section{max-width:900px;margin:0 auto 5rem;background:#1e2a5e66;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:32px;text-align:center;box-shadow:0 8px 32px #00000059;transition:all .3s ease}.secret-section:hover{border-color:#ffbd594d;transform:translateY(-4px);box-shadow:0 12px 48px #0006}.secret-icon{font-size:4rem;margin-bottom:1.5rem;animation:float 3s ease-in-out infinite}.secret-title{font-family:var(--font-display);font-size:clamp(2rem,5vw,3rem);font-weight:800;background:linear-gradient(135deg,var(--brand-gold) 0%,#FFD700 50%,#FFF 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1.5rem;line-height:1.2;filter:drop-shadow(0 0 20px rgba(255,189,89,.6))}.secret-description{font-size:clamp(1.2rem,2.5vw,1.5rem);color:var(--brand-gold-light);line-height:1.8;margin-bottom:2rem;font-family:var(--font-body)}.secret-description strong{color:var(--brand-gold);font-weight:700}.secret-quote{background:#0000004d;border-left:4px solid var(--brand-gold);padding:1.5rem 2rem;margin:2rem 0;border-radius:8px}.secret-quote-text{font-size:clamp(1.1rem,2vw,1.3rem);color:#fff;font-style:italic;line-height:1.7;font-family:var(--font-body)}.energy-section{max-width:900px;margin:0 auto 5rem}.energy-title{font-family:var(--font-display);font-size:clamp(1.5rem,4vw,2rem);font-weight:700;color:var(--brand-gold);text-align:center;margin-bottom:2.5rem}.energy-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1.5rem}.energy-item{background:#1e2a5e66;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:32px;text-align:center;transition:all .3s ease;box-shadow:0 8px 32px #00000059}.energy-item:hover{border-color:#ffbd594d;transform:translateY(-4px);box-shadow:0 12px 48px #0006}.energy-item .icon{font-size:2.5rem;margin-bottom:.75rem}.energy-item .name{color:var(--brand-gold);font-weight:700;margin-bottom:.5rem;font-size:1.1rem;font-family:var(--font-display)}.energy-item .desc{color:#d1d5db;font-size:.95rem;line-height:1.5;font-family:var(--font-body)}.real-story-section{max-width:900px;margin:0 auto 5rem}.story-card{background:#1e2a5e66;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);border-left:4px solid var(--brand-gold);border-radius:20px;padding:32px;transition:all .3s ease;box-shadow:0 8px 32px #00000059}.story-card:hover{transform:translateY(-4px);border-color:#ffbd594d;box-shadow:0 12px 48px #0006}.story-header{display:flex;gap:1.5rem;align-items:start;margin-bottom:1.5rem}.story-avatar{width:60px;height:60px;background:linear-gradient(135deg,var(--brand-burgundy),var(--brand-gold));border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;border:3px solid var(--brand-gold);color:#fff;font-family:var(--font-display)}.story-meta .name{color:#fff;font-weight:700;font-size:1.2rem;font-family:var(--font-display)}.story-content{color:#d1d5db;font-style:italic;line-height:1.8;margin-bottom:1.5rem;font-size:1.15rem;font-family:var(--font-body)}.story-content strong{color:var(--brand-gold);font-weight:700}.story-footer{display:flex;gap:1rem;font-size:1rem;color:var(--brand-gold-light);font-family:var(--font-body)}.cta-section{text-align:center;margin-top:4rem;position:relative;overflow:hidden;background:linear-gradient(135deg,#8b5cf626,#a855f71f,#c084fc14);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:2px solid rgba(168,85,247,.3);border-radius:24px;padding:48px 40px;box-shadow:0 8px 32px #00000080,0 0 40px #8b5cf633;animation:slideUp .8s ease-out,glow 3s ease-in-out infinite;transition:all .3s ease}.cta-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,rgba(168,85,247,.15) 0%,transparent 70%);opacity:0;transition:opacity .4s ease;animation:pulse 4s ease-in-out infinite;pointer-events:none;z-index:0}.cta-section:hover{transform:translateY(-8px);border-color:#a855f780;box-shadow:0 16px 64px #0009,0 0 80px #8b5cf666}.cta-section:hover:before{opacity:1}.cta-text{color:#f9fafb;font-size:clamp(1.3rem,2.5vw,1.7rem);margin-bottom:2rem;line-height:1.6;font-family:var(--font-body);position:relative;z-index:1}.cta-text strong{background:linear-gradient(135deg,#ffbd59,orange);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700}.cta-button{background:linear-gradient(135deg,var(--brand-burgundy),#6B0F1A);border:2px solid var(--brand-gold);border-radius:var(--radius-full);color:#fff;font-weight:800;font-size:clamp(1.1rem,2.5vw,1.3rem);padding:1.2rem 3rem;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:.75rem;font-family:var(--font-display);box-shadow:0 8px 24px #9c061266;position:relative;z-index:1;overflow:hidden}.cta-button:before{content:"";position:absolute;inset:0;background:radial-gradient(circle,rgba(255,189,89,.15) 0%,transparent 70%);opacity:0;transition:opacity .4s ease}.cta-button:hover{transform:translateY(-3px);box-shadow:0 12px 48px #9c061280,0 0 30px #ffbd5966;border-color:#ffbd59cc}.cta-button:hover:before{opacity:1}@media(min-width:1920px){.hero-container{max-width:1600px}}@media(max-width:1024px){.hero-container{padding:0 2rem}}@media(max-width:768px){.hero-section{padding:3rem 1rem}.hero-container{padding:0 1.5rem}.before-after-grid{grid-template-columns:1fr;gap:1rem}.transformation-arrow{transform:rotate(90deg);font-size:2rem;margin:.5rem 0}.energy-grid{grid-template-columns:repeat(2,1fr)}.secret-section,.story-card{padding:2rem 1.5rem}.cta-button{width:100%;justify-content:center}}@media(max-width:480px){.hero-container{padding:0 1rem}}.cta-section,.hero-section .cta-section,div.cta-section{background:linear-gradient(135deg,#8b5cf626,#a855f71f,#c084fc14)!important}.quiz-section{--bg-base-dark: #0A1628;--bg-base-mid: #0D1B2A;--bg-base-light: #0F172A;--glow-blue-bright: rgba(59, 130, 246, .5);--glow-blue-medium: rgba(37, 99, 235, .25);--glow-blue-dark: rgba(30, 64, 175, .3);--brand-burgundy: #9C0612;--brand-gold: #FFBD59;--brand-gold-light: #DEBC81;--glass-bg: rgba(30, 42, 94, .4);--glass-border: rgba(255, 255, 255, .12);--font-display: "Montserrat", sans-serif;--font-body: "Noto Sans Display", sans-serif;--space-md: 24px;--space-lg: 32px;--space-xl: 48px;--radius-md: 14px;--radius-lg: 20px;--radius-full: 50px}.quiz-section{position:relative;padding:6rem 2rem;overflow:hidden}.quiz-container{max-width:1400px;margin:0 auto;padding:0 3rem;position:relative;z-index:10}.quiz-header{text-align:center;margin-bottom:3rem;animation:slideUp .8s ease-out}.quiz-eyebrow{color:var(--brand-gold);font-size:clamp(.9rem,2vw,1.1rem);font-weight:700;letter-spacing:2px;margin-bottom:1.5rem;font-family:var(--font-display)}.quiz-title{font-family:var(--font-display);font-size:clamp(2rem,5vw,3rem);font-weight:800;line-height:1.2;margin-bottom:1.5rem;color:#fff}.quiz-title .gradient-text{background:linear-gradient(135deg,var(--brand-gold) 0%,#FFD700 50%,#FFF 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 20px rgba(255,189,89,.6))}.quiz-subtitle{font-size:clamp(1.1rem,2vw,1.3rem);color:var(--brand-gold-light);font-family:var(--font-body)}.progress-container{margin-bottom:3rem}.progress-bar{width:100%;height:8px;background:#ffffff1a;border-radius:var(--radius-full);overflow:hidden;margin-bottom:.75rem}.progress-fill{height:100%;background:linear-gradient(90deg,var(--brand-burgundy),var(--brand-gold));border-radius:var(--radius-full);transition:width .5s ease;box-shadow:0 0 20px #ffbd5999}.progress-text{text-align:center;color:var(--brand-gold-light);font-size:1rem;font-weight:600;font-family:var(--font-display)}.question-card{background:#1e2a5e66;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:32px;margin-bottom:2.5rem;box-shadow:0 8px 32px #00000059;animation:slideUp .5s ease-out;transition:all .3s ease}.question-card:hover{border-color:#ffbd594d;transform:translateY(-4px);box-shadow:0 12px 48px #0006}.question-text{font-family:var(--font-display);font-size:clamp(1.3rem,2.5vw,1.7rem);font-weight:700;color:#fff;margin-bottom:2.5rem;text-align:center;line-height:1.4}.options-grid{display:grid;gap:1.25rem}.answer-option{position:relative;background:#1e2a5e66;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:32px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:1.5rem;box-shadow:0 8px 32px #00000059}.answer-option:hover{border-color:#ffbd594d;transform:translateY(-4px);box-shadow:0 12px 48px #0006}.answer-option.selected{border-color:var(--brand-gold);background:#ffbd5926;box-shadow:0 8px 24px #ffbd5966}.option-emoji{font-size:2rem;flex-shrink:0}.option-text{flex:1;font-size:1.1rem;color:#fff;font-weight:500;font-family:var(--font-body)}.selected-indicator{position:absolute;top:1rem;right:1rem;width:32px;height:32px;background:var(--brand-gold);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--brand-burgundy);font-weight:900;font-size:1.2rem;animation:scaleIn .3s ease}.quiz-nav{display:flex;gap:1.5rem;justify-content:space-between;align-items:center}.btn-back,.btn-next{padding:1rem 2rem;border-radius:var(--radius-full);font-family:var(--font-display);font-weight:700;font-size:1.1rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.75rem;border:none}.btn-back{background:#ffffff1a;border:1px solid var(--glass-border);color:#fff}.btn-back:hover{background:#ffffff26;transform:translate(-5px)}.btn-next{background:linear-gradient(135deg,var(--brand-burgundy),#6B0F1A);border:2px solid var(--brand-gold);color:#fff;box-shadow:0 8px 24px #9c061266;flex:1;justify-content:center}.btn-next:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 12px 32px #9c061299}.btn-next:disabled{opacity:.5;cursor:not-allowed}.result-card{background:linear-gradient(135deg,#22d3ee80,#06b6d4b3);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(34,211,238,.25);border-radius:20px;padding:48px 40px;box-shadow:0 8px 32px #00000080;animation:slideUp .8s ease-out;transition:all .3s ease}.result-card:hover{border-color:#22d3ee66;transform:translateY(-4px);box-shadow:0 12px 48px #0009,0 0 60px #22d3ee33}.result-header{text-align:center;margin-bottom:3rem}.result-icon{font-size:4rem;margin-bottom:1.5rem;animation:float 3s ease-in-out infinite}.result-title{font-family:var(--font-display);font-size:clamp(1.8rem,4vw,2.5rem);font-weight:800;background:linear-gradient(135deg,var(--brand-gold) 0%,#FFD700 50%,#FFF 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1.5rem;line-height:1.2;filter:drop-shadow(0 0 20px rgba(255,189,89,.6))}.result-description{font-size:clamp(1.1rem,2vw,1.3rem);color:var(--brand-gold-light);line-height:1.7;font-family:var(--font-body)}.result-body{margin-bottom:2.5rem}.result-recommendation{font-size:1.2rem;color:var(--brand-gold);font-weight:700;margin-bottom:2rem;font-family:var(--font-display)}.products-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2.5rem}.product-recommendation-card{background:#1e2a5e66;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);border-radius:20px;overflow:hidden;transition:all .3s ease;display:flex;flex-direction:column;box-shadow:0 8px 32px #00000059}.product-recommendation-card:hover{border-color:#ffbd594d;transform:translateY(-4px);box-shadow:0 12px 48px #0006}.product-image-container{width:100%;height:180px;background:linear-gradient(135deg,#9c06124d,#ffbd5933);display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--glass-border)}.product-image-placeholder{color:var(--brand-gold);opacity:.6}.product-card-content{padding:1.5rem;display:flex;flex-direction:column;gap:.75rem;flex:1}.product-card-name{font-family:var(--font-display);font-size:1.1rem;font-weight:700;color:#fff;line-height:1.3}.product-card-price{font-family:var(--font-display);font-size:1.3rem;font-weight:800;color:var(--brand-gold);margin:.5rem 0}.product-card-description{font-size:.95rem;color:var(--brand-gold-light);line-height:1.5;font-family:var(--font-body);flex:1}.btn-view-product{width:100%;background:linear-gradient(135deg,var(--brand-burgundy),#6B0F1A);border:2px solid var(--brand-gold);border-radius:var(--radius-full);padding:.9rem 1.5rem;color:#fff;font-family:var(--font-display);font-weight:700;font-size:1rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.75rem;text-decoration:none;margin-top:auto}.btn-view-product:hover{transform:translateY(-2px);box-shadow:0 8px 24px #9c061280}.result-actions{display:flex;gap:1.5rem;flex-wrap:wrap}.btn-cta-primary,.btn-cta-secondary{padding:1.2rem 2.5rem;border-radius:var(--radius-full);font-family:var(--font-display);font-weight:700;font-size:1.1rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.75rem;justify-content:center;border:none}.btn-cta-primary{background:linear-gradient(135deg,var(--brand-burgundy),#6B0F1A);border:2px solid var(--brand-gold);color:#fff;box-shadow:0 8px 24px #9c061266;flex:1}.btn-cta-primary:hover{transform:translateY(-3px);box-shadow:0 12px 32px #9c061299}.btn-cta-secondary{background:#ffffff1a;border:1px solid var(--glass-border);color:#fff}.btn-cta-secondary:hover{background:#ffffff26;border-color:var(--brand-gold)}.result-social-proof{background:#0000004d;border-radius:var(--radius-md);padding:1.5rem;display:flex;align-items:center;justify-content:center;gap:2rem;flex-wrap:wrap}.proof-item{display:flex;flex-direction:column;align-items:center;gap:.5rem}.proof-number{font-family:var(--font-display);font-size:1.5rem;font-weight:800;color:var(--brand-gold)}.proof-label{font-size:.95rem;color:var(--brand-gold-light);font-family:var(--font-body)}.proof-divider{color:var(--brand-gold);font-size:1.5rem;opacity:.5}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}@media(min-width:1920px){.quiz-container{max-width:1600px}}@media(max-width:1024px){.quiz-container{padding:0 2rem}}@media(max-width:768px){.quiz-section{padding:3rem 1rem}.quiz-container{padding:0 1.5rem}.question-card{padding:2rem 1.5rem}.answer-option{padding:1.25rem 1.5rem;gap:1rem}.option-emoji{font-size:1.5rem}.option-text{font-size:1rem}.quiz-nav{flex-direction:column}.btn-back,.btn-next{width:100%;justify-content:center}.result-card{padding:2rem 1.5rem}.result-actions{flex-direction:column}.btn-cta-primary,.btn-cta-secondary{width:100%}.result-social-proof{gap:1rem}.proof-divider{display:none}}@media(max-width:480px){.quiz-container{padding:0 1rem}.answer-option:hover,.product-recommend:hover{transform:translate(0)}}.result-card,.quiz-section .result-card,div.result-card{background:linear-gradient(135deg,#22d3ee80,#06b6d4b3)!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;border:2px solid rgba(34,211,238,.4)!important;border-radius:24px!important;padding:48px 40px!important;box-shadow:0 8px 32px #00000080,0 0 60px #22d3ee33!important;animation:fadeIn .8s ease-out!important}.result-card:hover{border-color:#22d3ee99!important;transform:translateY(-4px)!important;box-shadow:0 12px 48px #0009,0 0 80px #22d3ee4d!important}.lifestyle-section{--bg-base-dark: #0A1628;--bg-base-mid: #0D1B2A;--bg-base-light: #0F172A;--glow-blue-bright: rgba(59, 130, 246, .5);--glow-blue-medium: rgba(37, 99, 235, .25);--brand-burgundy: #9C0612;--brand-gold: #FFBD59;--brand-gold-light: #DEBC81;--glass-bg: rgba(30, 42, 94, .4);--glass-border: rgba(255, 255, 255, .12);--font-display: "Montserrat", sans-serif;--font-body: "Noto Sans Display", sans-serif;--radius-md: 14px;--radius-lg: 20px;--radius-full: 50px}.lifestyle-section{position:relative;padding:6rem 2rem;overflow:hidden}.lifestyle-container{max-width:1400px;margin:0 auto;padding:0 3rem;position:relative;z-index:10}.lifestyle-header{text-align:center;margin-bottom:4rem;animation:slideUp .8s ease-out}.lifestyle-eyebrow{color:var(--brand-gold);font-size:clamp(.9rem,2vw,1.1rem);font-weight:700;letter-spacing:2px;margin-bottom:1.5rem;font-family:var(--font-display)}.lifestyle-title{font-family:var(--font-display);font-size:clamp(2.5rem,5vw,3.5rem);font-weight:800;line-height:1.2;margin-bottom:1.5rem;color:#fff}.lifestyle-title .gradient-text{background:linear-gradient(135deg,var(--brand-gold) 0%,#FFD700 50%,#FFF 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 20px rgba(255,189,89,.6))}.lifestyle-subtitle{font-size:clamp(1.2rem,2vw,1.5rem);color:var(--brand-gold-light);font-family:var(--font-body);line-height:1.6}.social-proof-badges{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:4rem}.badge-item{background:#1e2a5e66;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:32px;display:flex;align-items:center;gap:1.25rem;transition:all .3s ease;box-shadow:0 8px 32px #00000059}.badge-item:hover{border-color:#ffbd594d;transform:translateY(-4px);box-shadow:0 12px 48px #0006}.badge-icon{font-size:2.5rem}.badge-content{flex:1}.badge-count{font-family:var(--font-display);font-size:1.8rem;font-weight:800;color:var(--brand-gold);margin-bottom:.25rem}.badge-label{font-size:.95rem;color:var(--brand-gold-light);font-family:var(--font-body)}.lifestyle-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;margin-bottom:5rem}.lifestyle-card{background:#1e2a5e66;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);border-radius:20px;overflow:hidden;transition:all .3s ease;position:relative;box-shadow:0 8px 32px #00000059}.lifestyle-card:hover{border-color:#ffbd594d;transform:translateY(-4px);box-shadow:0 12px 48px #0006}.lifestyle-badge{position:absolute;top:1rem;right:1rem;background:var(--brand-burgundy);border:1px solid var(--brand-gold);border-radius:var(--radius-full);padding:.5rem 1rem;display:flex;align-items:center;gap:.5rem;color:var(--brand-gold);font-family:var(--font-display);font-weight:700;font-size:.85rem;z-index:10;box-shadow:0 4px 12px #0000004d}.lifestyle-image{position:relative;width:100%;height:250px;background:linear-gradient(135deg,#9c06124d,#ffbd5933);overflow:hidden}.image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:5rem;opacity:.3}.image-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.7) 100%);display:flex;align-items:flex-end;justify-content:center;padding:1.5rem}.lifestyle-icon{font-size:3rem}.lifestyle-content{padding:2rem}.lifestyle-card-title{font-family:var(--font-display);font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:1rem}.lifestyle-description{font-size:1.05rem;color:var(--brand-gold-light);line-height:1.7;margin-bottom:1.5rem;font-family:var(--font-body)}.lifestyle-features{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.feature-item{display:flex;align-items:center;gap:.75rem}.feature-check{width:20px;height:20px;background:var(--brand-gold);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--brand-burgundy);font-size:.85rem;font-weight:900;flex-shrink:0}.feature-text{font-size:.95rem;color:#d1d5db;font-family:var(--font-body)}.lifestyle-hashtags{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1.5rem}.hashtag{background:#ffbd5926;border:1px solid rgba(255,189,89,.3);border-radius:var(--radius-full);padding:.4rem 1rem;font-size:.85rem;color:var(--brand-gold);font-family:var(--font-body);font-weight:600}.engagement-stats{display:flex;gap:2rem;padding-top:1.5rem;border-top:1px solid var(--glass-border)}.stat{display:flex;align-items:center;gap:.5rem;color:var(--brand-gold-light);font-family:var(--font-body);font-size:1rem}.stat svg{color:var(--brand-gold)}.ugc-stats{background:#1e2a5e66;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:32px;margin-bottom:5rem;text-align:center;box-shadow:0 8px 32px #00000059;transition:all .3s ease}.ugc-stats:hover{border-color:#ffbd594d;transform:translateY(-4px);box-shadow:0 12px 48px #0006}.ugc-header{margin-bottom:3rem}.ugc-title{font-family:var(--font-display);font-size:clamp(1.8rem,3vw,2.5rem);font-weight:700;color:var(--brand-gold);margin-bottom:1rem}.ugc-subtitle{font-size:1.2rem;color:var(--brand-gold-light);font-family:var(--font-body)}.ugc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:2.5rem}.ugc-stat-card{background:#1e2a5e66;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:32px;transition:all .3s ease;box-shadow:0 8px 32px #00000059}.ugc-stat-card:hover{border-color:#ffbd594d;transform:translateY(-4px);box-shadow:0 12px 48px #0006}.ugc-number{font-family:var(--font-display);font-size:2.5rem;font-weight:800;color:var(--brand-gold);margin-bottom:.5rem}.ugc-label{font-size:1.1rem;color:#fff;margin-bottom:.75rem;font-family:var(--font-body)}.ugc-growth{font-size:.95rem;color:var(--brand-gold-light);font-family:var(--font-body)}.ugc-gallery{background:#0000004d;border-radius:var(--radius-md);padding:1.5rem}.ugc-gallery-text{font-size:1.2rem;color:var(--brand-gold-light);font-family:var(--font-body)}.ugc-gallery-text strong{color:var(--brand-gold);font-weight:700}.influencer-section{margin-bottom:5rem}.influencer-title{font-family:var(--font-display);font-size:clamp(1.8rem,3vw,2.5rem);font-weight:700;color:var(--brand-gold);text-align:center;margin-bottom:3rem}.influencer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.influencer-card{background:linear-gradient(135deg,#1e3a8a66,#11182799);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(59,130,246,.15);border-radius:20px;padding:32px;transition:all .3s ease;box-shadow:0 8px 32px #00000059}.influencer-card:hover{border-color:#3b82f64d;transform:translateY(-4px);box-shadow:0 12px 48px #00000073,0 0 40px #3b82f61a}.influencer-header{display:flex;gap:1.25rem;align-items:start;margin-bottom:1.5rem}.influencer-avatar{width:60px;height:60px;background:linear-gradient(135deg,var(--brand-burgundy),var(--brand-gold));border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;border:3px solid var(--brand-gold)}.influencer-info{flex:1}.influencer-name{font-family:var(--font-display);font-size:1.2rem;font-weight:700;color:#fff;display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem}.verified-badge{background:var(--brand-gold);color:var(--brand-burgundy);width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:900}.influencer-handle{font-size:.95rem;color:var(--brand-gold-light);margin-bottom:.5rem;font-family:var(--font-body)}.influencer-followers{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:var(--brand-gold);font-family:var(--font-body)}.influencer-quote{margin-bottom:1.5rem}.quote-text{font-size:1.05rem;color:#d1d5db;font-style:italic;line-height:1.7;font-family:var(--font-body)}.btn-follow{width:100%;background:linear-gradient(135deg,var(--brand-burgundy),#6B0F1A);border:2px solid var(--brand-gold);border-radius:var(--radius-full);padding:.9rem 1.5rem;color:#fff;font-family:var(--font-display);font-weight:700;font-size:1rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.75rem}.btn-follow:hover{transform:translateY(-2px);box-shadow:0 8px 24px #9c061280}.lifestyle-cta{text-align:center;background:#1e2a5e66;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:32px;box-shadow:0 8px 32px #00000059;transition:all .3s ease}.lifestyle-cta:hover{border-color:#ffbd594d;transform:translateY(-4px);box-shadow:0 12px 48px #0006}.cta-title{font-family:var(--font-display);font-size:clamp(1.5rem,3vw,2rem);font-weight:700;color:#fff;margin-bottom:2rem}.btn-lifestyle-cta{background:linear-gradient(135deg,var(--brand-burgundy),#6B0F1A);border:2px solid var(--brand-gold);border-radius:var(--radius-full);padding:1.2rem 3rem;color:#fff;font-family:var(--font-display);font-weight:800;font-size:1.2rem;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:.75rem;box-shadow:0 8px 24px #9c061266}.btn-lifestyle-cta:hover{transform:translateY(-3px);box-shadow:0 12px 32px #9c061299}@media(min-width:1920px){.lifestyle-container{max-width:1600px}}@media(max-width:1024px){.lifestyle-container{padding:0 2rem}}@media(max-width:768px){.lifestyle-section{padding:3rem 1rem}.lifestyle-container{padding:0 1.5rem}.social-proof-badges{grid-template-columns:repeat(2,1fr)}.lifestyle-grid,.ugc-grid,.influencer-grid{grid-template-columns:1fr}.engagement-stats{gap:1rem}.lifestyle-cta{padding:2rem 1.5rem}}@media(max-width:480px){.lifestyle-container{padding:0 1rem}.social-proof-badges{grid-template-columns:1fr}.badge-item{padding:1.25rem}.lifestyle-content{padding:1.5rem}}.unboxing-section{--bg-base-dark: #0A1628;--bg-base-mid: #0D1B2A;--bg-base-light: #0F172A;--brand-burgundy: #9C0612;--brand-gold: #FFBD59;--brand-gold-light: #DEBC81;--glass-bg: rgba(30, 42, 94, .4);--glass-border: rgba(255, 255, 255, .12);--font-display: "Montserrat", sans-serif;--font-body: "Noto Sans Display", sans-serif;--radius-md: 14px;--radius-lg: 20px;--radius-full: 50px}.unboxing-section{position:relative;padding:6rem 2rem;overflow:hidden}.unboxing-container{max-width:1400px;margin:0 auto;padding:0 3rem;position:relative;z-index:10}.unboxing-header{text-align:center;margin-bottom:5rem;animation:slideUp .8s ease-out}.unboxing-eyebrow{color:var(--brand-gold);font-size:clamp(.9rem,2vw,1.1rem);font-weight:700;letter-spacing:2px;margin-bottom:1.5rem;font-family:var(--font-display)}.unboxing-title{font-family:var(--font-display);font-size:clamp(2.5rem,5vw,3.5rem);font-weight:800;line-height:1.2;margin-bottom:1.5rem;color:#fff}.unboxing-title .gradient-text{background:linear-gradient(135deg,var(--brand-gold) 0%,#FFD700 50%,#FFF 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 20px rgba(255,189,89,.6))}.unboxing-subtitle{font-size:clamp(1.1rem,2vw,1.4rem);color:var(--brand-gold-light);max-width:700px;margin:0 auto;line-height:1.7;font-family:var(--font-body)}.unboxing-steps{margin-bottom:6rem}.unboxing-step{display:grid;grid-template-columns:300px 1fr;gap:3rem;align-items:center;margin-bottom:4rem;padding:32px;background:linear-gradient(135deg,#1e3a8a66,#11182799);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(59,130,246,.15);border-radius:20px;transition:all .3s ease;animation:slideUp .8s ease-out;box-shadow:0 8px 32px #00000059}.unboxing-step:hover{border-color:#3b82f64d;transform:translateY(-4px);box-shadow:0 12px 48px #00000073,0 0 40px #3b82f61a}.unboxing-step.reverse{grid-template-columns:1fr 300px}.unboxing-step.reverse .step-visual{order:2}.unboxing-step.reverse .step-content{order:1}.step-visual{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;height:280px}.step-number-circle{position:absolute;top:0;left:50%;transform:translate(-50%);width:60px;height:60px;border:3px solid;border-radius:50%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10}.step-number{font-family:var(--font-display);font-size:2rem;font-weight:800;color:#fff}.step-emoji{font-size:8rem;z-index:5;animation:float 4s ease-in-out infinite}.step-glow{position:absolute;inset:-20%;border-radius:50%;filter:blur(60px);z-index:1;animation:pulse 3s ease-in-out infinite}.step-content{padding:1rem}.step-highlight{font-family:var(--font-display);font-size:.95rem;font-weight:700;letter-spacing:1px;margin-bottom:1rem;text-transform:uppercase}.step-title{font-family:var(--font-display);font-size:clamp(1.5rem,3vw,2rem);font-weight:800;color:#fff;margin-bottom:1rem;line-height:1.3}.step-description{font-size:clamp(1.05rem,2vw,1.2rem);color:var(--brand-gold-light);line-height:1.7;margin-bottom:2rem;font-family:var(--font-body)}.step-features{display:flex;flex-direction:column;gap:1rem}.feature-item{font-size:1.05rem;color:#d1d5db;line-height:1.6;font-family:var(--font-body)}.video-reactions{margin-bottom:6rem}.video-title{font-family:var(--font-display);font-size:clamp(1.8rem,3vw,2.5rem);font-weight:700;color:var(--brand-gold);text-align:center;margin-bottom:1rem}.video-subtitle{font-size:1.2rem;color:var(--brand-gold-light);text-align:center;margin-bottom:3rem;font-family:var(--font-body)}.video-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:3rem}.video-card{background:#1e2a5e66;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);border-radius:20px;overflow:hidden;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 32px #00000059}.video-card:hover{border-color:#ffbd594d;transform:translateY(-4px);box-shadow:0 12px 48px #0006}.video-thumbnail{position:relative;width:100%;height:200px;background:linear-gradient(135deg,#9c06124d,#ffbd5933);overflow:hidden}.thumbnail-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:5rem;opacity:.4}.play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:64px;height:64px;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50%;border:3px solid #FFFFFF;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.play-button.hovered{background:var(--brand-burgundy);transform:translate(-50%,-50%) scale(1.1)}.video-duration{position:absolute;bottom:1rem;right:1rem;background:#000c;padding:.4rem .8rem;border-radius:var(--radius-md);font-family:var(--font-display);font-size:.9rem;font-weight:600;color:#fff}.video-info{padding:1.5rem}.video-card-title{font-family:var(--font-display);font-size:1.1rem;font-weight:700;color:#fff;margin-bottom:.75rem;line-height:1.4}.video-meta{display:flex;flex-direction:column;gap:.25rem}.video-author{font-size:.95rem;color:var(--brand-gold);font-family:var(--font-body)}.video-views{font-size:.9rem;color:var(--brand-gold-light);font-family:var(--font-body)}.video-stats{display:flex;align-items:center;justify-content:center;gap:2rem;flex-wrap:wrap;background:#1e2a5e66;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:32px;box-shadow:0 8px 32px #00000059;transition:all .3s ease}.video-stats:hover{border-color:#ffbd594d;transform:translateY(-4px);box-shadow:0 12px 48px #0006}.stat{display:flex;flex-direction:column;align-items:center;gap:.5rem}.stat-number{font-family:var(--font-display);font-size:2rem;font-weight:800;color:var(--brand-gold)}.why-addictive{margin-bottom:5rem}.addictive-title{font-family:var(--font-display);font-size:clamp(1.8rem,3vw,2.5rem);font-weight:700;color:var(--brand-gold);text-align:center;margin-bottom:1rem}.addictive-subtitle{font-size:1.2rem;color:var(--brand-gold-light);text-align:center;margin-bottom:3rem;font-family:var(--font-body)}.addictive-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:3rem}.addictive-card{background:#1e2a5e66;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:32px;text-align:center;transition:all .3s ease;box-shadow:0 8px 32px #00000059}.addictive-card:hover{border-color:#ffbd594d;transform:translateY(-4px);box-shadow:0 12px 48px #0006}.addictive-icon{font-size:3.5rem;margin-bottom:1.5rem}.addictive-card-title{font-family:var(--font-display);font-size:1.3rem;font-weight:700;color:var(--brand-gold);margin-bottom:1rem}.addictive-description{font-size:1.05rem;color:var(--brand-gold-light);line-height:1.7;font-family:var(--font-body)}.addictive-quote{background:#1e2a5e66;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);border-left:4px solid var(--brand-gold);border-radius:20px;padding:32px;text-align:center;box-shadow:0 8px 32px #00000059;transition:all .3s ease}.addictive-quote:hover{border-color:#ffbd594d;transform:translateY(-4px);box-shadow:0 12px 48px #0006}.quote-text{font-size:clamp(1.2rem,2vw,1.5rem);color:#fff;font-style:italic;line-height:1.8;margin-bottom:1.5rem;font-family:var(--font-body)}.quote-author{font-size:1.05rem;color:var(--brand-gold);font-weight:600;font-family:var(--font-display)}.unboxing-cta{text-align:center;background:#1e2a5e66;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:32px;box-shadow:0 8px 32px #00000059;transition:all .3s ease}.unboxing-cta:hover{border-color:#ffbd594d;transform:translateY(-4px);box-shadow:0 12px 48px #0006}.cta-title{font-family:var(--font-display);font-size:clamp(2rem,4vw,2.5rem);font-weight:800;color:#fff;margin-bottom:1.5rem}.btn-unboxing-cta{background:linear-gradient(135deg,var(--brand-burgundy),#6B0F1A);border:2px solid var(--brand-gold);border-radius:var(--radius-full);padding:1.2rem 3rem;color:#fff;font-family:var(--font-display);font-weight:800;font-size:1.2rem;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:.75rem;box-shadow:0 8px 24px #9c061266}.btn-unboxing-cta:hover{transform:translateY(-3px);box-shadow:0 12px 32px #9c061299}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}@media(min-width:1920px){.unboxing-container{max-width:1600px}}@media(max-width:1024px){.unboxing-container{padding:0 2rem}}@media(max-width:768px){.unboxing-section{padding:3rem 1rem}.unboxing-container{padding:0 1.5rem}.unboxing-step{grid-template-columns:1fr!important;padding:2rem 1.5rem;gap:2rem}.unboxing-step .step-visual,.unboxing-step.reverse .step-visual{order:1!important}.unboxing-step .step-content,.unboxing-step.reverse .step-content{order:2!important}.step-visual{height:200px}.step-emoji{font-size:5rem}.video-grid,.addictive-grid{grid-template-columns:1fr}.video-stats{gap:1rem}.stat-divider{display:none}.addictive-quote{padding:2rem 1.5rem}.unboxing-cta{padding:3rem 1.5rem}}@media(max-width:480px){.unboxing-container{padding:0 1rem}}.before-after-section{--bg-base-dark: #0A1628;--bg-base-mid: #0D1B2A;--bg-base-light: #0F172A;--brand-burgundy: #9C0612;--brand-gold: #FFBD59;--brand-gold-light: #DEBC81;--glass-bg: rgba(30, 42, 94, .4);--glass-border: rgba(255, 255, 255, .12);--font-display: "Montserrat", sans-serif;--font-body: "Noto Sans Display", sans-serif;--radius-md: 14px;--radius-lg: 20px;--radius-full: 50px}.before-after-section{position:relative;padding:6rem 2rem;overflow:hidden}.before-after-container{max-width:1400px;margin:0 auto;padding:0 3rem;position:relative;z-index:10}.section-header{text-align:center;margin-bottom:5rem;animation:slideUp .8s ease-out}.section-eyebrow{color:var(--brand-gold);font-size:clamp(.9rem,2vw,1.1rem);font-weight:700;letter-spacing:2px;margin-bottom:1.5rem;font-family:var(--font-display)}.section-title{font-family:var(--font-display);font-size:clamp(2.5rem,5vw,3.5rem);font-weight:800;line-height:1.2;margin-bottom:1.5rem;color:#fff}.section-title .gradient-text{background:linear-gradient(135deg,var(--brand-gold) 0%,#FFD700 50%,#FFF 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 20px rgba(255,189,89,.6))}.section-subtitle{font-size:clamp(1.1rem,2vw,1.4rem);color:var(--brand-gold-light);font-family:var(--font-body)}.comparison-grid{display:grid;grid-template-columns:1fr auto 1fr;gap:3rem;align-items:center;margin-bottom:5rem;animation:slideUp .8s ease-out .2s backwards}.comparison-column{background:#1e2a5e66;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:32px;transition:all .3s ease;box-shadow:0 8px 32px #00000059}.comparison-column:hover{border-color:#ffbd594d;transform:translateY(-4px);box-shadow:0 12px 48px #0006}.comparison-column.before{border-left:4px solid #EF4444}.comparison-column.after{border-left:4px solid var(--brand-gold)}.column-header{text-align:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--glass-border)}.column-icon{font-size:3rem;margin-bottom:1rem}.column-title{font-family:var(--font-display);font-size:1.5rem;font-weight:700;color:#fff}.points-list{display:flex;flex-direction:column;gap:1.5rem}.comparison-point{display:flex;align-items:start;gap:1rem}.point-icon{font-size:1.8rem;flex-shrink:0}.point-text{flex:1;font-size:1.05rem;color:#d1d5db;line-height:1.6;font-family:var(--font-body)}.transformation-arrow{display:flex;flex-direction:column;align-items:center;gap:1rem}.arrow-circle{width:80px;height:80px;background:linear-gradient(135deg,var(--brand-burgundy),var(--brand-gold));border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 8px 24px #ffbd5966;animation:pulse 2s ease-in-out infinite}.arrow-label{font-family:var(--font-display);font-size:.95rem;font-weight:800;color:var(--brand-gold);letter-spacing:2px}.cta-divider{background:#1e2a5e66;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:32px;margin-bottom:5rem;text-align:center;box-shadow:0 8px 32px #00000059;transition:all .3s ease}.cta-divider:hover{border-color:#ffbd594d;transform:translateY(-4px);box-shadow:0 12px 48px #0006}.divider-text{font-family:var(--font-display);font-size:clamp(1.2rem,2vw,1.5rem);color:#fff;margin-bottom:1.5rem}.divider-text strong{color:var(--brand-gold);font-weight:800}.divider-stats{display:flex;gap:2rem;justify-content:center;flex-wrap:wrap}.stat-badge{display:flex;align-items:center;gap:.75rem;background:#0000004d;border:1px solid var(--glass-border);border-radius:var(--radius-full);padding:.75rem 1.5rem;color:var(--brand-gold);font-family:var(--font-body);font-size:1rem}.stat-badge svg{color:var(--brand-gold)}.journey-section{margin-bottom:5rem}.journey-title{font-family:var(--font-display);font-size:clamp(1.8rem,3vw,2.5rem);font-weight:700;color:var(--brand-gold);text-align:center;margin-bottom:1rem}.journey-subtitle{font-size:1.2rem;color:var(--brand-gold-light);text-align:center;margin-bottom:3rem;font-family:var(--font-body)}.phase-selector{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:3rem}.phase-tab{background:#1e2a5e66;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:32px;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;gap:.75rem;box-shadow:0 8px 32px #00000059}.phase-tab:hover{border-color:#ffbd594d;transform:translateY(-4px);box-shadow:0 12px 48px #0006}.phase-tab.active{border-width:3px;background:#ffbd591a;box-shadow:0 8px 24px #0006}.phase-emoji{font-size:2.5rem}.phase-days{font-family:var(--font-display);font-size:.95rem;font-weight:700;color:var(--brand-gold)}.journey-phase{background:linear-gradient(135deg,#1e3a8a66,#11182799);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(59,130,246,.15);border-radius:20px;padding:32px;margin-bottom:3rem;animation:slideUp .5s ease-out;box-shadow:0 8px 32px #00000059;transition:all .3s ease}.journey-phase:hover{border-color:#3b82f64d;transform:translateY(-4px);box-shadow:0 12px 48px #00000073,0 0 40px #3b82f61a}.phase-header{display:flex;align-items:center;gap:2rem;margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid var(--glass-border)}.phase-emoji-large{font-size:5rem}.phase-info{flex:1}.phase-days-large{font-family:var(--font-display);font-size:1.1rem;font-weight:700;color:var(--brand-gold);margin-bottom:.5rem;letter-spacing:1px}.phase-title{font-family:var(--font-display);font-size:clamp(1.5rem,3vw,2rem);font-weight:800;color:#fff}.phase-description{font-size:clamp(1.1rem,2vw,1.3rem);color:var(--brand-gold-light);line-height:1.7;margin-bottom:2.5rem;font-family:var(--font-body)}.milestones-list{margin-bottom:2.5rem}.milestones-title{font-family:var(--font-display);font-size:1.2rem;font-weight:700;color:var(--brand-gold);margin-bottom:1.5rem}.milestone-item{display:flex;align-items:start;gap:1rem;margin-bottom:1.25rem}.milestone-check{width:28px;height:28px;background:var(--brand-gold);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--brand-burgundy);flex-shrink:0;margin-top:2px}.milestone-text{flex:1;font-size:1.05rem;color:#fff;line-height:1.6;font-family:var(--font-body)}.phase-progress{background:#0000004d;border-radius:var(--radius-md);padding:1.5rem}.progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.progress-label{font-family:var(--font-display);font-size:1rem;font-weight:600;color:var(--brand-gold-light)}.progress-percentage{font-family:var(--font-display);font-size:1.5rem;font-weight:800;color:var(--brand-gold)}.progress-bar{width:100%;height:12px;background:#ffffff1a;border-radius:var(--radius-full);overflow:hidden}.progress-fill{height:100%;border-radius:var(--radius-full);transition:width .5s ease;box-shadow:0 0 20px currentColor}.overall-progress{background:#1e2a5e66;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:32px;box-shadow:0 8px 32px #00000059;transition:all .3s ease}.overall-progress:hover{border-color:#ffbd594d;transform:translateY(-4px);box-shadow:0 12px 48px #0006}.progress-title{font-family:var(--font-display);font-size:1.5rem;font-weight:700;color:var(--brand-gold);text-align:center;margin-bottom:2.5rem}.progress-timeline{display:flex;justify-content:space-between;align-items:center;gap:1rem}.timeline-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:1rem;position:relative}.timeline-item:not(:last-child):after{content:"";position:absolute;top:25px;left:60%;width:80%;height:3px;background:#374151;z-index:-1}.timeline-item.completed:not(:last-child):after{background:var(--brand-gold)}.timeline-marker{width:50px;height:50px;border:3px solid;border-radius:50%;background:#00000080;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-family:var(--font-display);transition:all .3s ease}.timeline-item.completed .timeline-marker{background:var(--brand-gold);color:var(--brand-burgundy)}.timeline-label{font-size:.9rem;color:#6b7280;text-align:center;font-family:var(--font-body);font-weight:600}.timeline-item.completed .timeline-label{color:var(--brand-gold)}.final-cta{background:#1e2a5e66;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:32px;text-align:center;box-shadow:0 8px 32px #00000059;transition:all .3s ease}.final-cta:hover{border-color:#ffbd594d;transform:translateY(-4px);box-shadow:0 12px 48px #0006}.cta-description{font-size:clamp(1.1rem,2vw,1.3rem);color:var(--brand-gold-light);max-width:700px;margin:0 auto 2.5rem;line-height:1.7;font-family:var(--font-body)}.cta-features{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap;margin-bottom:2.5rem}.feature-badge{display:flex;align-items:center;gap:.75rem;background:#0000004d;border:1px solid var(--glass-border);border-radius:var(--radius-full);padding:.75rem 1.5rem;color:var(--brand-gold);font-family:var(--font-body);font-weight:600}.btn-final-cta{background:linear-gradient(135deg,var(--brand-burgundy),#6B0F1A);border:2px solid var(--brand-gold);border-radius:var(--radius-full);padding:1.2rem 3rem;color:#fff;font-family:var(--font-display);font-weight:800;font-size:1.2rem;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:.75rem;box-shadow:0 8px 24px #9c061266;margin-bottom:1.5rem}.btn-final-cta:hover{transform:translateY(-3px);box-shadow:0 12px 32px #9c061299}.cta-guarantee{font-size:1rem;color:var(--brand-gold);font-family:var(--font-body);font-weight:600}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.9}}@media(min-width:1920px){.before-after-container{max-width:1600px}}@media(max-width:1024px){.before-after-container{padding:0 2rem}}@media(max-width:968px){.comparison-grid{grid-template-columns:1fr;gap:2rem}.transformation-arrow{transform:rotate(90deg);margin:1rem 0}.arrow-label{transform:rotate(-90deg)}.phase-selector{grid-template-columns:repeat(2,1fr)}.progress-timeline{flex-direction:column}.timeline-item:after{display:none}}@media(max-width:768px){.before-after-section{padding:3rem 1rem}.before-after-container{padding:0 1.5rem}.comparison-column{padding:2rem 1.5rem}.phase-selector{grid-template-columns:1fr}.journey-phase{padding:2rem 1.5rem}.phase-header{flex-direction:column;text-align:center}.final-cta{padding:3rem 1.5rem}.cta-features{flex-direction:column;align-items:stretch}.feature-badge{justify-content:center}}@media(max-width:480px){.before-after-container{padding:0 1rem}}.social-proof-section{--bg-base-dark: #0A1628;--bg-base-mid: #0D1B2A;--bg-base-light: #0F172A;--brand-burgundy: #9C0612;--brand-gold: #FFBD59;--brand-gold-light: #DEBC81;--glass-bg: rgba(30, 42, 94, .4);--glass-border: rgba(255, 255, 255, .12);--font-display: "Montserrat", sans-serif;--font-body: "Noto Sans Display", sans-serif;--radius-md: 14px;--radius-lg: 20px;--radius-full: 50px}.social-proof-section{position:relative;padding:6rem 2rem;overflow:hidden}.social-proof-container{max-width:1400px;margin:0 auto;padding:0 3rem;position:relative;z-index:10}.social-proof-header{text-align:center;margin-bottom:4rem;animation:slideUp .8s ease-out}.social-proof-eyebrow{color:var(--brand-gold);font-size:clamp(.9rem,2vw,1.1rem);font-weight:700;letter-spacing:2px;margin-bottom:1.5rem;font-family:var(--font-display)}.social-proof-title{font-family:var(--font-display);font-size:clamp(2.5rem,5vw,3.5rem);font-weight:800;line-height:1.2;margin-bottom:1.5rem;color:#fff}.social-proof-title .gradient-text{background:linear-gradient(135deg,var(--brand-gold) 0%,#FFD700 50%,#FFF 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 20px rgba(255,189,89,.6))}.social-proof-subtitle{font-size:clamp(1.1rem,2vw,1.3rem);color:var(--brand-gold-light);font-family:var(--font-body)}.star-rating{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-bottom:5rem;padding:32px;background:#1e2a5e66;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);border-radius:20px;box-shadow:0 8px 32px #00000059;transition:all .3s ease}.star-rating:hover{border-color:#ffbd594d;transform:translateY(-4px);box-shadow:0 12px 48px #0006}.stars{display:flex;gap:.5rem}.rating-text{display:flex;flex-direction:column;align-items:center;gap:.5rem}.rating-number{font-family:var(--font-display);font-size:2.5rem;font-weight:800;color:var(--brand-gold)}.rating-count{font-size:1.1rem;color:var(--brand-gold-light);font-family:var(--font-body)}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin-bottom:5rem}.testimonial-card{background:#1e2a5e66;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:32px;transition:all .3s ease;display:flex;flex-direction:column;gap:1.5rem;box-shadow:0 8px 32px #00000059}.testimonial-card:hover{border-color:#ffbd594d;transform:translateY(-4px);box-shadow:0 12px 48px #0006}.testimonial-header{display:flex;align-items:start;gap:1.25rem}.testimonial-avatar{width:60px;height:60px;background:linear-gradient(135deg,var(--brand-burgundy),var(--brand-gold));border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;border:3px solid var(--brand-gold);flex-shrink:0}.testimonial-info{flex:1}.testimonial-name{font-family:var(--font-display);font-size:1.2rem;font-weight:700;color:#fff;display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem}.verified-badge{width:24px;height:24px;background:var(--brand-gold);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--brand-burgundy)}.testimonial-role{font-size:1rem;color:var(--brand-gold-light);font-family:var(--font-body)}.testimonial-rating{display:flex;gap:.25rem}.testimonial-quote{flex:1}.quote-text{font-size:1.1rem;color:#d1d5db;line-height:1.8;font-style:italic;font-family:var(--font-body)}.testimonial-footer{display:flex;gap:1.5rem;flex-wrap:wrap;padding-top:1.5rem;border-top:1px solid var(--glass-border)}.product-tag,.verified-tag{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#0000004d;border:1px solid var(--glass-border);border-radius:var(--radius-full);font-size:.9rem;color:var(--brand-gold);font-family:var(--font-body);font-weight:600}.product-tag svg,.verified-tag svg{color:var(--brand-gold)}.stats-section{margin-bottom:5rem}.stats-title{font-family:var(--font-display);font-size:clamp(1.8rem,3vw,2.5rem);font-weight:700;color:var(--brand-gold);text-align:center;margin-bottom:3rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.stat-card{background:#1e2a5e66;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:32px;text-align:center;transition:all .3s ease;box-shadow:0 8px 32px #00000059}.stat-card:hover{border-color:#ffbd594d;transform:translateY(-4px);box-shadow:0 12px 48px #0006}.stat-icon{color:var(--brand-gold);margin-bottom:1.5rem;display:flex;justify-content:center}.stat-number{font-family:var(--font-display);font-size:3rem;font-weight:800;color:var(--brand-gold);margin-bottom:.75rem}.stat-label{font-size:1.1rem;color:var(--brand-gold-light);font-family:var(--font-body)}.vip-community{background:#1e2a5e66;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:32px;margin-bottom:4rem;box-shadow:0 8px 32px #00000059;transition:all .3s ease}.vip-community:hover{border-color:#ffbd594d;transform:translateY(-4px);box-shadow:0 12px 48px #0006}.vip-header{text-align:center;margin-bottom:3rem}.vip-title{font-family:var(--font-display);font-size:clamp(1.8rem,3vw,2.5rem);font-weight:700;color:var(--brand-gold);margin-bottom:1rem}.vip-subtitle{font-size:1.2rem;color:var(--brand-gold-light);font-family:var(--font-body)}.vip-benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:3rem}.vip-benefit-card{background:#1e2a5e66;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:32px;text-align:center;transition:all .3s ease;box-shadow:0 8px 32px #00000059}.vip-benefit-card:hover{border-color:#ffbd594d;transform:translateY(-4px);box-shadow:0 12px 48px #0006}.benefit-icon{font-size:3rem;margin-bottom:1.25rem}.benefit-title{font-family:var(--font-display);font-size:1.2rem;font-weight:700;color:#fff;margin-bottom:.75rem}.benefit-description{font-size:1rem;color:var(--brand-gold-light);line-height:1.6;font-family:var(--font-body)}.vip-cta{text-align:center;padding-top:2.5rem;border-top:1px solid var(--glass-border)}.vip-cta-text{font-size:1.2rem;color:var(--brand-gold-light);margin-bottom:1.5rem;font-family:var(--font-body)}.vip-cta-text strong{color:var(--brand-gold);font-weight:700}.btn-vip{background:linear-gradient(135deg,var(--brand-burgundy),#6B0F1A);border:2px solid var(--brand-gold);border-radius:var(--radius-full);padding:1.1rem 2.5rem;color:#fff;font-family:var(--font-display);font-weight:700;font-size:1.1rem;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 24px #9c061266}.btn-vip:hover{transform:translateY(-3px);box-shadow:0 12px 32px #9c061299}.trust-badges{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.trust-badge{background:#1e2a5e66;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:32px;display:flex;align-items:center;gap:1.25rem;transition:all .3s ease;box-shadow:0 8px 32px #00000059}.trust-badge:hover{border-color:#ffbd594d;transform:translateY(-4px);box-shadow:0 12px 48px #0006}.badge-icon{color:var(--brand-gold);flex-shrink:0}.badge-text{font-size:1.05rem;color:#fff;font-weight:600;font-family:var(--font-body)}@media(min-width:1920px){.social-proof-container{max-width:1600px}}@media(max-width:1024px){.social-proof-container{padding:0 2rem}}@media(max-width:768px){.social-proof-section{padding:3rem 1rem}.social-proof-container{padding:0 1.5rem}.testimonials-grid{grid-template-columns:1fr}.testimonial-card{padding:2rem 1.5rem}.stats-grid{grid-template-columns:repeat(2,1fr)}.vip-community{padding:3rem 1.5rem}.vip-benefits-grid,.trust-badges{grid-template-columns:1fr}}@media(max-width:480px){.social-proof-container{padding:0 1rem}.stats-grid{grid-template-columns:1fr}.testimonial-footer{flex-direction:column;gap:1rem}.product-tag,.verified-tag{justify-content:center}}.faq-section{--bg-base-dark: #0A1628;--bg-base-mid: #0D1B2A;--bg-base-light: #0F172A;--brand-burgundy: #9C0612;--brand-gold: #FFBD59;--brand-gold-light: #DEBC81;--glass-bg: rgba(30, 42, 94, .4);--glass-border: rgba(255, 255, 255, .12);--font-display: "Montserrat", sans-serif;--font-body: "Noto Sans Display", sans-serif;--radius-md: 14px;--radius-lg: 20px;--radius-full: 50px}.faq-section{position:relative;padding:6rem 2rem;overflow:hidden}.faq-container{max-width:1400px;margin:0 auto;padding:0 3rem;position:relative;z-index:10}.faq-header{text-align:center;margin-bottom:4rem;animation:slideUp .8s ease-out}.faq-eyebrow{color:var(--brand-gold);font-size:clamp(.9rem,2vw,1.1rem);font-weight:700;letter-spacing:2px;margin-bottom:1.5rem;font-family:var(--font-display)}.faq-title{font-family:var(--font-display);font-size:clamp(2.5rem,5vw,3.5rem);font-weight:800;line-height:1.2;margin-bottom:1.5rem;color:#fff}.faq-title .gradient-text{background:linear-gradient(135deg,var(--brand-gold) 0%,#FFD700 50%,#FFF 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 20px rgba(255,189,89,.6))}.faq-subtitle{font-size:clamp(1.1rem,2vw,1.3rem);color:var(--brand-gold-light);font-family:var(--font-body)}.faq-list{margin-bottom:5rem}.faq-item{background:#1e2a5e66;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);border-radius:20px;margin-bottom:1.5rem;overflow:hidden;transition:all .3s ease;box-shadow:0 8px 32px #00000059}.faq-item:hover{border-color:#ffbd594d;transform:translateY(-4px);box-shadow:0 12px 48px #0006}.faq-item.active{border-color:#3b82f666;background:linear-gradient(135deg,#1e3a8a4d,#11182780);box-shadow:0 12px 48px #0006}.faq-question{width:100%;background:transparent;border:none;padding:2rem 2.5rem;text-align:left;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:2rem;transition:all .3s ease}.faq-question:hover{background:#ffbd590d}.question-text{flex:1;font-family:var(--font-display);font-size:clamp(1.1rem,2vw,1.3rem);font-weight:700;color:#fff;line-height:1.4}.chevron{color:var(--brand-gold);transition:transform .3s ease;flex-shrink:0}.chevron.rotated{transform:rotate(180deg)}.faq-answer{max-height:0;overflow:hidden;transition:max-height .3s ease}.faq-answer.expanded{max-height:1000px}.answer-content{padding:2rem 2.5rem;border-top:1px solid var(--glass-border)}.answer-content p{font-size:clamp(1.05rem,2vw,1.15rem);color:var(--brand-gold-light);line-height:1.8;margin-bottom:1rem;font-family:var(--font-body)}.answer-content p:last-child{margin-bottom:0}.faq-cta{background:#1e2a5e66;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:32px;text-align:center;box-shadow:0 8px 32px #00000059;transition:all .3s ease}.faq-cta:hover{border-color:#ffbd594d;transform:translateY(-4px);box-shadow:0 12px 48px #0006}.cta-icon{font-size:4rem;margin-bottom:1.5rem;animation:float 3s ease-in-out infinite}.cta-title{font-family:var(--font-display);font-size:clamp(1.8rem,3vw,2.5rem);font-weight:800;color:#fff;margin-bottom:1.5rem}.cta-description{font-size:clamp(1.1rem,2vw,1.3rem);color:var(--brand-gold-light);max-width:600px;margin:0 auto 2.5rem;line-height:1.7;font-family:var(--font-body)}.cta-buttons{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap;margin-bottom:3rem}.btn-chat,.btn-email{padding:1.1rem 2.5rem;border-radius:var(--radius-full);font-family:var(--font-display);font-weight:700;font-size:1.1rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.75rem;border:none}.btn-chat{background:linear-gradient(135deg,var(--brand-burgundy),#6B0F1A);border:2px solid var(--brand-gold);color:#fff;box-shadow:0 8px 24px #9c061266}.btn-chat:hover{transform:translateY(-3px);box-shadow:0 12px 32px #9c061299}.btn-email{background:#ffffff1a;border:1px solid var(--glass-border);color:#fff}.btn-email:hover{background:#ffffff26;border-color:var(--brand-gold)}.support-stats{display:flex;gap:2rem;justify-content:center;align-items:center;flex-wrap:wrap;padding-top:2.5rem;border-top:1px solid var(--glass-border)}.support-stat{display:flex;flex-direction:column;align-items:center;gap:.5rem}.stat-number{font-family:var(--font-display);font-size:1.8rem;font-weight:800;color:var(--brand-gold)}.stat-label{font-size:.95rem;color:var(--brand-gold-light);font-family:var(--font-body)}.stat-divider{color:var(--brand-gold);font-size:1.5rem;opacity:.5}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@media(min-width:1920px){.faq-container{max-width:1600px}}@media(max-width:1024px){.faq-container{padding:0 2rem}}@media(max-width:768px){.faq-section{padding:3rem 1rem}.faq-container{padding:0 1.5rem}.faq-question{padding:1.5rem;gap:1rem}.answer-content{padding:1.5rem}.faq-cta{padding:3rem 1.5rem}.cta-buttons{flex-direction:column}.btn-chat,.btn-email{width:100%;justify-content:center}.support-stats{gap:1rem}.stat-divider{display:none}}@media(max-width:480px){.faq-container{padding:0 1rem}}.final-cta-section{--bg-base-dark: #0A1628;--bg-base-mid: #0D1B2A;--bg-base-light: #0F172A;--glow-blue-bright: rgba(59, 130, 246, .5);--glow-blue-medium: rgba(37, 99, 235, .25);--brand-burgundy: #9C0612;--brand-gold: #FFBD59;--brand-gold-light: #DEBC81;--glass-bg: rgba(30, 42, 94, .4);--glass-border: rgba(255, 255, 255, .12);--font-display: "Montserrat", sans-serif;--font-body: "Noto Sans Display", sans-serif;--radius-md: 14px;--radius-lg: 20px;--radius-full: 50px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}@keyframes glow{0%,to{box-shadow:0 8px 32px #00000080,0 0 40px #8b5cf633}50%{box-shadow:0 12px 48px #0009,0 0 60px #8b5cf666}}.final-cta-section{position:relative;padding:8rem 2rem;overflow:hidden}.final-cta-section:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:600px;height:600px;filter:blur(100px);z-index:1}.final-cta-container{max-width:1400px;margin:0 auto;padding:0 3rem;position:relative;z-index:1}.quote-section{text-align:center;margin-bottom:5rem;animation:slideUp .8s ease-out;background:linear-gradient(135deg,#ff6b9d1a,#ff6b9d08);border:1px solid rgba(255,107,157,.3);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:20px;padding:48px 40px;box-shadow:0 8px 32px #00000059;transition:all .3s ease;position:relative;z-index:1}.quote-section:hover{border-color:#ff6b9d80;transform:translateY(-4px);box-shadow:0 12px 48px #00000073,0 0 60px #ff6b9d33}.quote-icon{font-size:4rem;margin-bottom:1.5rem;animation:float 4s ease-in-out infinite}.quote-text{font-size:clamp(1.3rem,2.5vw,1.8rem);color:#fff;font-style:italic;line-height:1.8;margin-bottom:1.5rem;font-family:var(--font-body);max-width:800px;margin-left:auto;margin-right:auto}.quote-author{font-size:1.1rem;color:var(--brand-gold);font-weight:600;font-family:var(--font-display)}.main-cta-header{text-align:center;margin-bottom:4rem;animation:slideUp .8s ease-out .2s backwards}.main-cta-title{font-family:var(--font-display);font-size:clamp(2.5rem,5vw,4rem);font-weight:800;line-height:1.2;margin-bottom:1.5rem;color:#fff}.main-cta-title .gradient-text{background:linear-gradient(135deg,var(--brand-gold) 0%,#FFD700 50%,#FFF 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 20px rgba(255,189,89,.6))}.main-cta-subtitle{font-size:clamp(1.2rem,2vw,1.5rem);color:var(--brand-gold-light);font-family:var(--font-body)}.journey-recap{margin-bottom:5rem;animation:slideUp .8s ease-out .4s backwards}.recap-title{font-family:var(--font-display);font-size:clamp(1.5rem,3vw,2rem);font-weight:700;color:var(--brand-gold);text-align:center;margin-bottom:3rem}.journey-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem}.journey-step{background:linear-gradient(135deg,#1e3a8a66,#11182799);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(59,130,246,.15);border-radius:20px;padding:32px;text-align:center;transition:all .3s ease;position:relative;box-shadow:0 8px 32px #00000059}.journey-step:hover{border-color:#3b82f64d;transform:translateY(-4px);box-shadow:0 12px 48px #00000073,0 0 40px #3b82f61a}.step-number{position:absolute;top:-15px;left:50%;transform:translate(-50%);width:40px;height:40px;background:linear-gradient(135deg,var(--brand-burgundy),var(--brand-gold));border-radius:50%;border:3px solid var(--brand-gold);display:flex;align-items:center;justify-content:center;color:#fff;font-family:var(--font-display);font-weight:800;font-size:1.2rem}.step-icon{font-size:3rem;margin-bottom:1rem}.step-title{font-family:var(--font-display);font-size:1.2rem;font-weight:700;color:#fff;margin-bottom:.75rem}.step-description{font-size:1rem;color:var(--brand-gold-light);line-height:1.5;font-family:var(--font-body)}.countdown-section{background:linear-gradient(135deg,#1e3a8a99,#111827cc);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(59,130,246,.2);border-radius:20px;padding:48px 40px;text-align:center;margin-bottom:4rem;animation:slideUp .8s ease-out .6s backwards;box-shadow:0 8px 32px #00000080;transition:all .3s ease}.countdown-section:hover{border-color:#3b82f666;transform:translateY(-4px);box-shadow:0 12px 48px #0009,0 0 60px #3b82f626}.countdown-label{font-family:var(--font-display);font-size:clamp(1.2rem,2vw,1.5rem);font-weight:700;color:var(--brand-gold);margin-bottom:2rem}.countdown-timer{display:flex;gap:1.5rem;justify-content:center;align-items:center;margin-bottom:1.5rem}.time-block{background:#00000080;border:2px solid var(--brand-gold);border-radius:var(--radius-md);padding:1.5rem 2rem;min-width:100px}.time-number{font-family:var(--font-display);font-size:3rem;font-weight:800;color:var(--brand-gold);line-height:1;margin-bottom:.5rem}.time-label{font-size:1rem;color:var(--brand-gold-light);font-family:var(--font-body);font-weight:600}.time-separator{font-family:var(--font-display);font-size:3rem;font-weight:800;color:var(--brand-gold)}.countdown-note{font-size:1.1rem;color:var(--brand-gold-light);font-family:var(--font-body)}.cta-buttons{display:flex;gap:2rem;justify-content:center;flex-wrap:wrap;margin-bottom:4rem;animation:slideUp .8s ease-out .8s backwards}.btn-primary-cta,.btn-secondary-cta{padding:1.5rem 3rem;border-radius:var(--radius-full);font-family:var(--font-display);font-weight:800;font-size:clamp(1.1rem,2vw,1.3rem);cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:1rem;border:none}.btn-primary-cta{background:linear-gradient(135deg,var(--brand-burgundy),#6B0F1A);border:2px solid var(--brand-gold);color:#fff;box-shadow:0 12px 32px #9c061280;animation:pulse 2s ease-in-out infinite}.btn-primary-cta:hover{transform:translateY(-5px) scale(1.05);box-shadow:0 16px 48px #9c0612b3}.btn-secondary-cta{background:#ffffff1a;border:2px solid var(--glass-border);color:#fff}.btn-secondary-cta:hover{background:#ffffff26;border-color:var(--brand-gold);transform:translateY(-3px)}.guarantee-section{margin-bottom:4rem;animation:slideUp .8s ease-out 1s backwards}.guarantee-badge{background:#1e2a5e66;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:32px;display:flex;align-items:center;gap:2rem;max-width:700px;margin:0 auto;box-shadow:0 8px 32px #00000059;transition:all .3s ease}.guarantee-badge:hover{border-color:#ffbd594d;transform:translateY(-4px);box-shadow:0 12px 48px #0006}.guarantee-badge svg{color:var(--brand-gold);flex-shrink:0}.guarantee-title{font-family:var(--font-display);font-size:1.3rem;font-weight:700;color:var(--brand-gold);margin-bottom:.5rem}.guarantee-description{font-size:1.05rem;color:var(--brand-gold-light);line-height:1.6;font-family:var(--font-body)}.stats-row{display:flex;gap:2rem;justify-content:center;flex-wrap:wrap;margin-bottom:4rem;animation:slideUp .8s ease-out 1.2s backwards}.stat-item{background:#1e2a5e66;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:32px;text-align:center;min-width:200px;transition:all .3s ease;box-shadow:0 8px 32px #00000059}.stat-item:hover{border-color:#ffbd594d;transform:translateY(-4px);box-shadow:0 12px 48px #0006}.stat-icon{color:var(--brand-gold);display:flex;justify-content:center;margin-bottom:1rem}.stat-number{font-family:var(--font-display);font-size:2.5rem;font-weight:800;color:var(--brand-gold);margin-bottom:.5rem}.stat-label{font-size:1rem;color:var(--brand-gold-light);font-family:var(--font-body);font-weight:600}.final-message{text-align:center;animation:slideUp .8s ease-out 1.4s backwards}.final-text{font-size:clamp(1.2rem,2vw,1.5rem);color:var(--brand-gold-light);line-height:1.8;font-family:var(--font-body)}.final-text strong{color:var(--brand-gold);font-weight:700}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@media(min-width:1920px){.final-cta-container{max-width:1600px}}@media(max-width:1024px){.final-cta-container{padding:0 2rem}}@media(max-width:968px){.journey-steps{grid-template-columns:repeat(2,1fr)}.countdown-timer{gap:1rem}.time-block{padding:1rem 1.5rem;min-width:80px}.time-number{font-size:2.5rem}}@media(max-width:768px){.final-cta-section{padding:4rem 1rem}.final-cta-container{padding:0 1.5rem}.journey-steps{grid-template-columns:1fr}.countdown-section{padding:2rem 1.5rem}.cta-buttons{flex-direction:column}.btn-primary-cta,.btn-secondary-cta{width:100%;justify-content:center}.guarantee-badge{flex-direction:column;text-align:center;padding:2rem 1.5rem}.stats-row{flex-direction:column;align-items:stretch}.stat-item{width:100%}}@media(max-width:480px){.final-cta-container{padding:0 1rem}.countdown-timer{flex-wrap:wrap}.time-block{flex:1;min-width:70px;padding:.75rem 1rem}.time-number,.time-separator{font-size:2rem}}.quote-section,.final-cta-section .quote-section,div.quote-section{background:linear-gradient(135deg,#ff6b9d26,#ff6b9d14)!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;border:2px solid rgba(255,107,157,.4)!important;border-radius:24px!important;padding:48px 40px!important;text-align:center!important;margin-bottom:4rem!important;box-shadow:0 8px 32px #00000059,0 0 60px #ff6b9d33!important;animation:slideUp .8s ease-out forwards!important}.quote-section:hover{border-color:#ff6b9d99!important;transform:translateY(-4px)!important;box-shadow:0 12px 48px #00000073,0 0 80px #ff6b9d4d!important}.quote-icon{animation:float 4s ease-in-out infinite!important}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.final-cta-container>*,.main-cta-header,.journey-recap,.countdown-section,.cta-buttons,.guarantee-section,.stats-row,.final-message{position:relative;z-index:1}.final-cta-section,section.final-cta-section,div.final-cta-section{background:none!important;background-image:none!important;background-color:transparent!important;border-top:none!important}.category-dropdown-container{position:relative;min-width:200px}.category-dropdown-trigger{width:100%;display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:linear-gradient(135deg,#ffbd591a,#ff95001a);border:1px solid rgba(255,189,89,.3);border-radius:12px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;font-family:Poppins,sans-serif}.category-dropdown-trigger:hover{border-color:#ffbd5980;box-shadow:0 4px 12px #ffbd5933}.selected-category{display:flex;align-items:center;gap:8px}.chevron{transition:transform .3s ease}.chevron.open{transform:rotate(180deg)}.category-dropdown-backdrop{position:fixed;inset:0;z-index:99}.category-dropdown-menu{position:absolute;top:calc(100% + 8px);left:0;right:0;background:linear-gradient(135deg,#1a1a2e,#16213e);border:1px solid rgba(255,189,89,.3);border-radius:12px;box-shadow:0 8px 32px #0006;overflow:hidden;z-index:100;animation:dropdownSlide .3s ease-out}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.category-option{width:100%;display:flex;align-items:center;gap:12px;padding:12px 16px;background:none;border:none;border-bottom:1px solid rgba(255,255,255,.05);color:#fffc;font-size:14px;cursor:pointer;transition:all .2s ease;position:relative;font-family:Poppins,sans-serif}.category-option:last-child{border-bottom:none}.category-option:hover{background:#ffbd591a;color:#ffbd59}.category-option.active{background:#ffbd5926;color:#ffbd59;font-weight:600}.check-mark{margin-left:auto;color:#0ecb81;font-size:16px}@media(max-width:768px){.category-dropdown-container{min-width:100%}}.mini-cart-backdrop{position:fixed;inset:0;background:#0000004d;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:999}.mini-cart-dropdown{position:fixed;top:80px;right:20px;width:400px;max-width:90vw;background:linear-gradient(135deg,#1a1a2e,#16213e);border:1px solid rgba(255,189,89,.3);border-radius:16px;box-shadow:0 20px 60px #00000080;z-index:1000;overflow:hidden}.mini-cart-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#ffbd591a;border-bottom:1px solid rgba(255,189,89,.2)}.success-indicator{display:flex;align-items:center;gap:8px;color:#0ecb81;font-weight:600;font-size:14px}.check-icon{animation:checkBounce .5s ease-out}@keyframes checkBounce{0%,to{transform:scale(1)}50%{transform:scale(1.3)}}.close-btn{background:none;border:none;color:#fff9;cursor:pointer;padding:4px;transition:color .2s;display:flex;align-items:center;justify-content:center}.last-added-item{display:flex;gap:12px;padding:20px}.item-image{width:80px;height:80px;object-fit:cover;border-radius:8px;border:1px solid rgba(255,189,89,.2)}.item-details{flex:1;display:flex;flex-direction:column;gap:4px}.item-details h4{margin:0;font-size:14px;font-weight:600;color:#fff;line-height:1.3}.item-variant{margin:0;font-size:12px;color:#fff9}.item-price-qty{display:flex;justify-content:space-between;align-items:center;margin-top:8px}.quantity{font-size:12px;color:#fff9}.price{font-size:16px;font-weight:700;color:#ffbd59}.divider{height:1px;background:#ffffff1a;margin:0 20px}.cart-summary{padding:16px 20px}.summary-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:14px;color:#fffc}.summary-row:last-child{margin-bottom:0}.total-price{font-size:20px;font-weight:700;color:#ffbd59}.items-count{font-size:12px;color:#fff9}.mini-cart-actions{display:flex;gap:12px;padding:20px}.btn-view-cart,.btn-checkout{flex:1;padding:12px 16px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px;font-family:Poppins,sans-serif}.btn-view-cart{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}.btn-view-cart:hover{background:#ffffff26;border-color:#ffffff4d;transform:translateY(-1px)}.btn-checkout{background:linear-gradient(135deg,#ffbd59,#ff9500);color:#1a1a2e;border:none}.btn-checkout:hover{transform:translateY(-2px);box-shadow:0 8px 20px #ffbd5966}.auto-close-bar{height:3px;background:#ffffff1a;overflow:hidden}.progress-bar{height:100%;background:linear-gradient(90deg,#ffbd59,#ff9500)}@media(max-width:768px){.mini-cart-dropdown{width:calc(100vw - 32px);right:16px}.mini-cart-actions{flex-direction:column}.btn-view-cart,.btn-checkout{width:100%}}.icon-emoji{font-size:24px;display:inline-block}.community-widget-collapsed{position:fixed;bottom:24px;right:24px;width:64px;height:64px;background:linear-gradient(135deg,#ffbd59,#ff9500);border:none;border-radius:50%;cursor:pointer;box-shadow:0 8px 32px #ffbd5966;z-index:998;overflow:visible;transition:all .3s ease}.widget-icon{display:flex;align-items:center;justify-content:center;color:#1a1a2e;font-size:28px}.pulse-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:64px;height:64px;border:2px solid #FFBD59;border-radius:50%;animation:pulse 2s ease-out infinite;pointer-events:none}.pulse-ring-delay{animation-delay:1s}@keyframes pulse{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(1.8)}}.member-badge{position:absolute;top:-4px;right:-4px;background:#0ecb81;color:#fff;font-size:10px;font-weight:700;padding:4px 6px;border-radius:12px;border:2px solid #1a1a2e;box-shadow:0 2px 8px #0ecb8166}.widget-tooltip{position:absolute;right:calc(100% + 12px);top:50%;transform:translateY(-50%);background:linear-gradient(135deg,#1a1a2e,#16213e);color:#fff;padding:8px 12px;border-radius:8px;font-size:14px;font-weight:500;white-space:nowrap;box-shadow:0 4px 12px #0000004d;border:1px solid rgba(255,189,89,.3)}.widget-tooltip:after{content:"";position:absolute;left:100%;top:50%;transform:translateY(-50%);border:6px solid transparent;border-left-color:#ffbd594d}.community-widget-expanded{position:fixed;bottom:24px;right:24px;width:360px;max-width:calc(100vw - 48px);max-height:calc(100vh - 120px);background:linear-gradient(135deg,#1a1a2e,#16213e);border:1px solid rgba(255,189,89,.3);border-radius:16px;box-shadow:0 20px 60px #00000080;overflow:hidden;z-index:999}.widget-header{display:flex;justify-content:space-between;align-items:flex-start;padding:20px;background:#ffbd591a;border-bottom:1px solid rgba(255,189,89,.2)}.header-content{display:flex;gap:12px;align-items:center}.gem-icon{font-size:32px;animation:gemFloat 3s ease-in-out infinite}@keyframes gemFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.header-text h3{margin:0;font-size:18px;color:#fff;font-weight:700}.subtitle{margin:2px 0 0;font-size:12px;color:#fff9}.close-btn{background:none;border:none;color:#fff9;cursor:pointer;padding:4px;transition:color .2s;font-size:20px}.close-btn:hover{color:#fff}.community-stats{display:flex;gap:16px;padding:16px 20px}.stat{display:flex;align-items:center;gap:8px;color:#fff9}.stat .icon-emoji{font-size:20px}.stat strong{display:block;color:#ffbd59;font-size:18px;font-weight:700;line-height:1}.stat span{display:block;font-size:11px;color:#ffffff80;line-height:1}.widget-divider{height:1px;background:#ffffff1a;margin:0 20px}.social-links{padding:16px 20px;max-height:300px;overflow-y:auto}.social-link{display:flex;align-items:center;gap:12px;padding:12px;margin-bottom:8px;background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:12px;text-decoration:none;color:#fff;transition:all .3s ease;position:relative;overflow:hidden}.social-link:before{content:"";position:absolute;inset:0;background:var(--link-color);opacity:0;transition:opacity .3s ease}.social-link:hover:before{opacity:.1}.social-link:hover{border-color:var(--link-color);box-shadow:0 4px 12px #0003}.social-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border-radius:10px;flex-shrink:0;position:relative;z-index:1;font-size:20px}.social-link:hover .social-icon{background:var(--link-color)}.social-info{flex:1;position:relative;z-index:1}.social-name{display:block;font-size:14px;font-weight:600;margin-bottom:2px}.social-members{display:block;font-size:11px;color:#ffffff80}.social-arrow{font-size:18px;color:#ffffff4d;transition:transform .3s ease,color .3s ease;position:relative;z-index:1}.social-link:hover .social-arrow{transform:translate(4px);color:var(--link-color)}.community-benefits{padding:16px 20px 20px}.benefit-item{display:flex;align-items:center;gap:8px;margin-bottom:12px;font-size:13px;color:#fffc}.benefit-item:last-child{margin-bottom:0}.benefit-icon{font-size:16px}.social-links::-webkit-scrollbar{width:6px}.social-links::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.social-links::-webkit-scrollbar-thumb{background:#ffbd594d;border-radius:3px}.social-links::-webkit-scrollbar-thumb:hover{background:#ffbd5980}@media(max-width:768px){.community-widget-collapsed{bottom:80px;right:16px;width:56px;height:56px}.pulse-ring{width:56px;height:56px}.widget-icon .icon-emoji{font-size:24px}.community-widget-expanded{bottom:80px;right:16px;width:calc(100vw - 32px)}.widget-tooltip{display:none}.gem-icon{font-size:28px}.header-text h3{font-size:16px}}@media(max-width:480px){.community-widget-collapsed,.pulse-ring{width:52px;height:52px}.widget-icon .icon-emoji{font-size:22px}.member-badge{font-size:9px;padding:3px 5px}.community-widget-expanded{max-height:calc(100vh - 100px)}.social-links{max-height:250px}}:root{--shop-primary: #FF6B35;--shop-accent: #FFBD59;--shop-glow: rgba(255, 189, 89, .4)}.hero-section{position:relative;padding:var(--space-3xl) var(--space-md);max-width:1400px;margin:0 auto var(--space-2xl);overflow:hidden}.hero-content{position:relative;z-index:2;text-align:center;max-width:800px;margin:0 auto}.hero-badge{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);background:#ffbd591a;border:1px solid rgba(255,189,89,.3);border-radius:var(--radius-xl);color:var(--brand-gold);font-size:var(--text-sm);font-weight:var(--font-semibold);margin-bottom:var(--space-md)}.hero-title{font-family:var(--font-display);font-size:56px;font-weight:var(--font-black);line-height:var(--leading-tight);color:var(--text-primary);margin-bottom:var(--space-md)}.gradient-text{background:var(--gradient-gold-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-description{font-family:var(--font-body);font-size:var(--text-lg);line-height:var(--leading-relaxed);color:var(--text-secondary);margin-bottom:var(--space-xl);max-width:600px;margin-left:auto;margin-right:auto}.hero-stats{display:flex;justify-content:center;align-items:center;gap:var(--space-lg);margin-bottom:var(--space-xl)}.stat-item{text-align:center}.stat-number{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--font-black);color:var(--brand-gold);margin-bottom:var(--space-xs)}.stat-label{font-family:var(--font-body);font-size:var(--text-sm);color:var(--text-muted)}.stat-divider{width:1px;height:40px;background:#ffffff1a}.hero-cta{display:flex;gap:var(--space-sm);justify-content:center;margin-bottom:var(--space-2xl)}.btn-arrow{transition:transform .3s ease}.btn-hero-primary:hover .btn-arrow{transform:translate(4px)}.stat-stars{margin-top:4px;font-size:14px}.hero-glow-container{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}.glow-orb{position:absolute;border-radius:50%;filter:blur(100px);animation:glowPulse 4s ease-in-out infinite}.glow-orb-1{width:600px;height:600px;top:-200px;right:-200px;background:radial-gradient(circle,rgba(255,107,53,.4) 0%,rgba(255,189,89,.2) 50%,transparent 100%)}.glow-orb-2{width:400px;height:400px;bottom:-100px;left:-100px;background:radial-gradient(circle,rgba(255,189,89,.3) 0%,transparent 70%);animation-delay:-2s}@keyframes glowPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.crystal-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:300px;height:300px;z-index:1;pointer-events:none}.crystal-glow{position:absolute;inset:-50%;background:radial-gradient(circle,rgba(255,189,89,.6) 0%,rgba(255,107,53,.3) 30%,transparent 70%);filter:blur(80px);animation:crystalGlowPulse 3s ease-in-out infinite}.crystal-core{position:relative;width:100%;height:100%;animation:crystalRotate 10s linear infinite}.crystal-svg{width:100%;height:100%;filter:drop-shadow(0 0 30px rgba(255,189,89,.6))}.crystal-facet{animation:facetShine 2s ease-in-out infinite}@keyframes crystalGlowPulse{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.15)}}@keyframes crystalRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes facetShine{0%,to{opacity:.9}50%{opacity:1}}.hero-decoration{position:absolute;inset:0;pointer-events:none;overflow:hidden}.decoration-circle{position:absolute;border-radius:50%;background:radial-gradient(circle,rgba(255,189,89,.1) 0%,transparent 70%);animation:float 20s infinite ease-in-out}.circle-1{width:300px;height:300px;top:-100px;left:-100px;animation-delay:0s}.circle-2{width:400px;height:400px;top:50%;right:-150px;animation-delay:5s}.circle-3{width:200px;height:200px;bottom:-50px;left:50%;animation-delay:10s}@keyframes float{0%,to{transform:translate(0)}50%{transform:translate(20px,20px)}}.category-grid-section{max-width:1400px;margin:0 auto var(--space-2xl);padding:0 var(--space-md)}.section-header{text-align:center;margin-bottom:var(--space-xl)}.section-title{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:var(--font-black);color:var(--text-primary);margin-bottom:var(--space-sm)}.section-subtitle{font-family:var(--font-body);font-size:var(--text-base);color:var(--text-muted)}.section-title-with-icon{display:flex;align-items:center;justify-content:center;gap:var(--space-sm)}.section-icon{color:var(--brand-gold)}.category-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-md)}.category-card{position:relative;padding:var(--space-lg) var(--space-md);background:var(--bg-card);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);text-align:center}.category-card:hover{transform:translateY(-8px);border-color:var(--category-color, var(--brand-gold));box-shadow:var(--shadow-lg)}.category-card.active{border-color:var(--category-color, var(--brand-gold));background:linear-gradient(135deg,#ffbd591a,#ff95001a)}.category-icon-wrapper{position:relative;width:80px;height:80px;margin:0 auto var(--space-md);display:flex;align-items:center;justify-content:center}.category-emoji{font-size:48px}.category-icon-svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;color:var(--category-color, var(--brand-gold));transition:opacity var(--transition-base)}.category-card:hover .category-icon-svg{opacity:1}.category-card:hover .category-emoji{opacity:0}.category-name{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--text-primary);margin-bottom:var(--space-xs)}.category-description{font-family:var(--font-body);font-size:var(--text-sm);color:var(--text-muted);margin-bottom:var(--space-sm)}.category-arrow{font-size:var(--text-xl);color:var(--category-color, var(--brand-gold));opacity:0;transform:translate(-10px);transition:all var(--transition-base)}.category-card:hover .category-arrow{opacity:1;transform:translate(0)}.product-filters-section{max-width:1400px;margin:0 auto var(--space-xl);padding:0 var(--space-md)}.filter-search-bar{position:relative;margin-bottom:var(--space-md)}.search-icon{position:absolute;left:var(--space-sm);top:50%;transform:translateY(-50%);color:var(--text-muted)}.search-input{width:100%;padding:14px var(--space-sm) 14px 48px;font-family:var(--font-body);font-size:15px;color:var(--text-primary);background:var(--bg-card);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-lg);transition:all var(--transition-base)}.search-input:focus{outline:none;border-color:var(--brand-gold);box-shadow:0 0 0 3px #ffbd5926}.filters-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-sm)}.filter-item{display:flex;flex-direction:column}.filter-label{display:block;font-family:var(--font-body);font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--text-secondary);margin-bottom:var(--space-xs);text-transform:uppercase;letter-spacing:.5px}.filter-select{width:100%;padding:var(--space-sm);font-family:var(--font-body);font-size:var(--text-sm);color:var(--text-primary);background:var(--bg-card);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base)}.filter-select:focus{outline:none;border-color:var(--brand-gold)}.filter-select option{background:var(--bg-base-mid);color:var(--text-primary)}.product-grid-section{max-width:1400px;margin:0 auto var(--space-2xl);padding:0 var(--space-md)}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-md)}.product-card{position:relative;background:var(--bg-card);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;transition:all var(--transition-base)}.product-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #ffbd5933;border-color:#ffbd594d}.card-glow-border{position:absolute;inset:-2px;background:conic-gradient(from 0deg,transparent 0deg,var(--shop-accent) 90deg,transparent 180deg,var(--shop-accent) 270deg,transparent 360deg);border-radius:var(--radius-lg);opacity:0;transition:opacity .3s ease;z-index:-1;animation:rotateBorder 3s linear infinite}.product-card:hover .card-glow-border{opacity:1}@keyframes rotateBorder{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.product-image-wrapper{position:relative;padding-top:100%;background:linear-gradient(135deg,#ffbd591a,#ff6b351a);overflow:hidden}.product-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.product-card:hover .product-image{transform:scale(1.1)}.product-overlay{position:absolute;inset:0;background:#0a1628d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;animation:fadeIn .3s ease;z-index:2}.quick-view-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;background:var(--shop-accent);color:#000;border:none;border-radius:50px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.quick-view-btn:hover{transform:scale(1.05);box-shadow:0 8px 20px #ffbd5966}.product-badge{position:absolute;top:var(--space-sm);right:var(--space-sm);padding:6px var(--space-sm);border-radius:var(--radius-xl);font-family:var(--font-display);font-size:var(--text-xs);font-weight:var(--font-bold);display:flex;align-items:center;gap:4px;z-index:1}.bestseller-badge{background:linear-gradient(135deg,var(--brand-gold) 0%,#FF8C00 100%);color:var(--bg-base-dark)}.out-of-stock-badge{background:#ff4757e6;color:#fff}.product-info{padding:var(--space-md)}.product-title{font-family:var(--font-display);font-size:var(--text-base);font-weight:var(--font-bold);color:var(--text-primary);margin-bottom:var(--space-sm);line-height:var(--leading-snug);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-rating{display:flex;align-items:center;gap:8px;margin-bottom:var(--space-md)}.product-stars{display:flex;gap:2px;font-size:14px}.star-filled{color:var(--shop-accent)}.star-empty{color:#fff3}.rating-text{font-size:13px;color:var(--text-muted)}.product-description{font-family:var(--font-body);font-size:var(--text-sm);color:var(--text-muted);margin-bottom:var(--space-sm);line-height:var(--leading-normal);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-footer{display:flex;justify-content:space-between;align-items:center;gap:var(--space-sm);padding-top:var(--space-sm);border-top:1px solid rgba(255,255,255,.1)}.product-price{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--font-black);color:var(--shop-accent);white-space:nowrap}.btn-add-to-cart{display:flex;align-items:center;gap:6px;padding:10px 20px;background:linear-gradient(135deg,var(--shop-primary) 0%,var(--shop-accent) 100%);color:#000;border:none;border-radius:50px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.btn-add-to-cart:hover:not(:disabled){transform:scale(1.05);box-shadow:0 8px 20px #ffbd5966}.btn-add-to-cart:disabled{opacity:.5;cursor:not-allowed;background:#fff3}.product-card.out-of-stock{opacity:.7}.product-card.out-of-stock .product-image{filter:grayscale(50%)}.products-loading,.products-error,.products-empty{text-align:center;padding:var(--space-2xl) var(--space-md)}.products-loading p,.products-error p{font-family:var(--font-body);color:var(--text-muted);margin-top:var(--space-sm)}.empty-icon{font-size:48px;margin-bottom:var(--space-sm)}.empty-text{font-family:var(--font-body);font-size:var(--text-lg);color:var(--text-secondary)}.modal-backdrop{position:fixed;inset:0;background:#000c;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal-backdrop);padding:var(--space-md)}.modal-content{background:linear-gradient(135deg,var(--bg-base-dark) 0%,var(--bg-base-mid) 100%);border:1px solid rgba(255,189,89,.3);border-radius:var(--radius-lg);max-width:900px;width:100%;max-height:90vh;overflow:auto;position:relative;box-shadow:var(--shadow-xl)}.modal-close{position:absolute;top:var(--space-md);right:var(--space-md);background:#ef444433;border:1px solid var(--accent-red);border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:var(--accent-red);cursor:pointer;z-index:10;transition:all var(--transition-base)}.modal-close:hover{background:#ef44444d;transform:rotate(90deg)}.modal-body{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-xl);padding:var(--space-xl)}.modal-images{display:flex;flex-direction:column;gap:var(--space-sm)}.modal-image{width:100%;border-radius:var(--radius-lg)}.modal-details{display:flex;flex-direction:column}.modal-title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--text-primary);margin-bottom:var(--space-sm)}.modal-price{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:var(--font-black);color:var(--brand-gold);margin-bottom:var(--space-md)}.modal-description{font-family:var(--font-body);color:var(--text-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--space-lg)}.modal-variants,.modal-quantity{margin-bottom:var(--space-md)}.modal-label{display:block;font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-secondary);margin-bottom:var(--space-sm)}.variant-options{display:flex;gap:var(--space-sm);flex-wrap:wrap}.variant-option{padding:var(--space-sm) var(--space-md);font-family:var(--font-body);font-weight:var(--font-semibold);background:var(--bg-card);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;transition:all var(--transition-base)}.variant-option:hover{border-color:var(--brand-gold)}.variant-option.active{background:linear-gradient(135deg,var(--brand-gold) 0%,#FF8C00 100%);color:var(--bg-base-dark);border:none}.quantity-controls{display:flex;gap:var(--space-sm);align-items:center}.quantity-btn{padding:var(--space-sm) var(--space-md);background:var(--bg-card);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-base)}.quantity-btn:hover{border-color:var(--brand-gold)}.quantity-value{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--text-primary);min-width:40px;text-align:center}.featured-collection-section{max-width:1400px;margin:0 auto var(--space-2xl);padding:0 var(--space-md)}.featured-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-md)}.featured-card{position:relative;padding:var(--space-lg);background:var(--bg-card);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);text-align:center;transition:all var(--transition-base)}.featured-card:hover{transform:translateY(-8px);border-color:#ffbd594d;box-shadow:var(--shadow-lg)}.featured-tag{position:absolute;top:var(--space-sm);right:var(--space-sm);padding:4px var(--space-sm);background:linear-gradient(135deg,var(--brand-gold) 0%,#FF8C00 100%);color:var(--bg-base-dark);border-radius:var(--radius-lg);font-family:var(--font-display);font-size:var(--text-xs);font-weight:var(--font-bold)}.featured-image{margin-bottom:var(--space-md)}.featured-emoji{font-size:64px}.featured-title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--text-primary);margin-bottom:var(--space-sm)}.featured-description{font-family:var(--font-body);font-size:var(--text-sm);color:var(--text-muted);margin-bottom:var(--space-md);line-height:var(--leading-normal)}.featured-footer{display:flex;justify-content:space-between;align-items:center}.featured-price{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--font-black);color:var(--brand-gold)}.testimonials-section{max-width:1400px;margin:0 auto var(--space-2xl);padding:0 var(--space-md)}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-md)}.testimonial-card{position:relative;padding:var(--space-lg);background:var(--bg-card);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);transition:all var(--transition-base)}.testimonial-card:hover{transform:translateY(-4px);border-color:#ffbd594d}.quote-icon{color:#ffbd5933;margin-bottom:var(--space-sm)}.testimonial-rating{display:flex;gap:4px;margin-bottom:var(--space-sm)}.testimonial-text{font-family:var(--font-body);font-size:15px;line-height:var(--leading-relaxed);color:var(--text-secondary);margin-bottom:var(--space-md)}.testimonial-author{display:flex;align-items:center;gap:var(--space-sm)}.author-avatar{font-size:var(--text-2xl)}.author-name{font-family:var(--font-display);font-size:var(--text-base);font-weight:var(--font-bold);color:var(--text-primary);margin-bottom:4px}.author-role{font-family:var(--font-body);font-size:var(--text-sm);color:var(--text-muted)}.newsletter-section{max-width:1400px;margin:0 auto var(--space-2xl);padding:0 var(--space-md)}.newsletter-container{background:linear-gradient(135deg,#ffbd591a,#ff95001a);border:1px solid rgba(255,189,89,.3);border-radius:var(--radius-lg);padding:var(--space-2xl) var(--space-xl)}.newsletter-content{max-width:600px;margin:0 auto;text-align:center}.newsletter-icon{color:var(--brand-gold);margin-bottom:var(--space-md)}.newsletter-title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--font-black);color:var(--text-primary);margin-bottom:var(--space-sm)}.newsletter-description{font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--text-secondary);margin-bottom:var(--space-lg)}.newsletter-form{margin-bottom:var(--space-sm)}.newsletter-input-wrapper{display:flex;gap:var(--space-sm)}.newsletter-input{flex:1;padding:14px var(--space-md);font-family:var(--font-body);font-size:15px;color:var(--text-primary);background:var(--bg-card);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-lg);transition:all var(--transition-base)}.newsletter-input:focus{outline:none;border-color:var(--brand-gold);box-shadow:0 0 0 3px #ffbd5926}.newsletter-input::placeholder{color:var(--text-muted)}.newsletter-privacy{font-family:var(--font-body);font-size:var(--text-sm);color:var(--text-muted)}.newsletter-benefits{display:flex;justify-content:center;gap:var(--space-lg);margin-top:var(--space-lg);flex-wrap:wrap}.benefit-item{display:flex;align-items:center;gap:var(--space-xs);font-family:var(--font-body);font-size:var(--text-sm);color:var(--text-secondary)}.benefit-icon{font-size:var(--text-lg)}@media(max-width:1024px){.hero-title{font-size:48px}.crystal-container{width:200px;height:200px}.products-grid{grid-template-columns:repeat(3,1fr)}.modal-body{grid-template-columns:1fr}}@media(max-width:768px){.hero-section{padding:var(--space-2xl) var(--space-md)}.hero-title{font-size:36px}.hero-description{font-size:var(--text-base)}.hero-cta{flex-direction:column;width:100%}.btn-hero-primary,.btn-hero-secondary{width:100%;justify-content:center}.hero-stats{flex-direction:column;gap:var(--space-md);padding:var(--space-md)}.stat-divider{width:60%;height:1px}.crystal-container{width:150px;height:150px;opacity:.5}.products-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-sm)}.product-info{padding:var(--space-sm)}.product-title{font-size:14px}.product-price{font-size:var(--text-lg)}.btn-add-to-cart span{display:none}.btn-add-to-cart{padding:10px}.category-grid,.featured-grid,.testimonials-grid,.filters-row{grid-template-columns:1fr}.newsletter-input-wrapper{flex-direction:column}.newsletter-benefits{flex-direction:column;align-items:center}}@media(max-width:480px){.products-grid{grid-template-columns:1fr}.hero-title{font-size:28px}}@media(max-width:767px){.hero-section{padding:32px 16px;margin-bottom:24px}.hero-badge{padding:4px 10px;font-size:11px;margin-bottom:12px}.hero-title{font-size:28px;margin-bottom:12px}.hero-description{font-size:14px;margin-bottom:20px;line-height:1.5}.hero-stats{flex-direction:column;gap:12px;margin-bottom:24px;padding:16px}.stat-number{font-size:24px;margin-bottom:4px}.stat-label{font-size:12px}.stat-divider{width:50%;height:1px}.hero-cta{flex-direction:column;gap:10px;width:100%}.btn-hero-primary,.btn-hero-secondary{width:100%;padding:14px 20px;font-size:14px;justify-content:center;min-height:48px}.crystal-container{width:120px;height:120px;opacity:.4}.products-section{padding:24px 16px}.section-header{margin-bottom:16px}.section-title{font-size:24px;margin-bottom:6px}.section-subtitle{font-size:14px}.filters-row{grid-template-columns:1fr;gap:10px;margin-bottom:16px}.search-input,.filter-select{padding:12px 14px;font-size:14px;border-radius:10px;min-height:44px}.products-grid{grid-template-columns:repeat(2,1fr);gap:10px}.product-card{border-radius:12px}.product-image-wrapper{border-radius:10px}.product-badges{top:6px;left:6px;gap:4px}.badge{padding:3px 6px;font-size:9px;border-radius:4px}.wishlist-btn{top:6px;right:6px;width:28px;height:28px}.wishlist-btn svg{width:14px;height:14px}.product-info{padding:10px}.product-category{font-size:10px;margin-bottom:4px}.product-title{font-size:13px;margin-bottom:6px;-webkit-line-clamp:2}.product-rating{gap:4px;margin-bottom:8px}.rating-stars svg{width:12px;height:12px}.rating-value{font-size:11px}.product-price-row{margin-bottom:8px}.product-price{font-size:16px}.product-original-price{font-size:12px}.btn-add-to-cart{padding:10px;font-size:12px;border-radius:8px;min-height:40px}.btn-add-to-cart span{display:none}.category-section{padding:24px 16px}.category-grid{grid-template-columns:1fr;gap:12px}.category-card{padding:16px;border-radius:12px}.category-icon{width:40px;height:40px;margin-bottom:10px}.category-name{font-size:16px;margin-bottom:4px}.category-count{font-size:12px}.featured-section{padding:24px 16px}.featured-grid{grid-template-columns:1fr;gap:14px}.featured-card{padding:16px;border-radius:14px}.featured-image{height:140px;margin-bottom:12px;border-radius:10px}.featured-title{font-size:18px;margin-bottom:6px}.featured-description{font-size:13px;margin-bottom:12px}.featured-price{font-size:20px;margin-bottom:12px}.btn-featured{padding:12px 20px;font-size:13px;min-height:44px}.testimonials-section{padding:24px 16px}.testimonials-grid{grid-template-columns:1fr;gap:12px}.testimonial-card{padding:16px;border-radius:12px}.testimonial-avatar{width:40px;height:40px;margin-right:12px}.testimonial-name{font-size:14px}.testimonial-role{font-size:11px}.testimonial-text{font-size:13px;margin-top:12px}.testimonial-rating svg{width:14px;height:14px}.newsletter-section{padding:32px 16px;border-radius:16px;margin:24px 16px}.newsletter-title{font-size:22px;margin-bottom:8px}.newsletter-description{font-size:14px;margin-bottom:20px}.newsletter-input-wrapper{flex-direction:column;gap:10px}.newsletter-input{padding:14px 16px;font-size:14px;border-radius:10px}.btn-subscribe{padding:14px 24px;font-size:14px;width:100%;min-height:48px}.newsletter-benefits{flex-direction:column;align-items:center;gap:8px;margin-top:16px}.benefit-item{font-size:12px}.shop-modal-overlay{padding:16px}.shop-modal{max-height:85vh;border-radius:16px}.modal-close{top:12px;right:12px;width:32px;height:32px}.modal-body{grid-template-columns:1fr;gap:16px;padding:16px}.modal-image{height:200px;border-radius:12px}.modal-info h2{font-size:20px;margin-bottom:8px}.modal-price{font-size:24px;margin-bottom:12px}.modal-description{font-size:14px;margin-bottom:16px}.modal-quantity{gap:12px;margin-bottom:16px}.quantity-btn{width:36px;height:36px}.quantity-value{font-size:16px}.btn-buy-now{padding:14px 24px;font-size:14px;min-height:48px}.empty-state{padding:48px 16px}.empty-icon{width:64px;height:64px;margin-bottom:16px}.empty-title{font-size:18px;margin-bottom:8px}.empty-description{font-size:14px}.loading-skeleton{height:200px;border-radius:12px}.pagination{gap:6px;margin-top:24px}.page-btn{width:36px;height:36px;font-size:13px}}.course-hero{position:relative;min-height:70vh;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:80px 32px;background:linear-gradient(135deg,#0a1628,#0d1b2a)}.hero-glow-container{position:absolute;inset:0;z-index:0;pointer-events:none}.glow-orb{position:absolute;border-radius:50%}.glow-orb-blue-1{width:700px;height:700px;top:-250px;right:-250px;background:radial-gradient(circle,rgba(0,217,255,.4) 0%,rgba(74,144,226,.2) 50%,transparent 100%);filter:blur(120px);animation:glowPulseBlue 5s ease-in-out infinite}.glow-orb-blue-2{width:500px;height:500px;bottom:-150px;left:-150px;background:radial-gradient(circle,rgba(74,144,226,.3) 0%,rgba(0,180,216,.2) 60%,transparent 100%);filter:blur(100px);animation:glowPulseBlue 6s ease-in-out infinite;animation-delay:-3s}.particles-bg{position:absolute;inset:0;background-image:radial-gradient(circle at 20% 30%,rgba(0,217,255,.1) 1px,transparent 1px),radial-gradient(circle at 70% 60%,rgba(74,144,226,.1) 1px,transparent 1px),radial-gradient(circle at 40% 80%,rgba(0,217,255,.1) 1px,transparent 1px);background-size:50px 50px,80px 80px,60px 60px;opacity:.5;animation:particlesDrift 20s linear infinite}@keyframes particlesDrift{0%{background-position:0 0,0 0,0 0}to{background-position:50px 50px,-80px 80px,60px -60px}}@keyframes glowPulseBlue{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.15)}}.crystal-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:280px;height:280px;z-index:1}.crystal-glow-blue{position:absolute;inset:-60%;background:radial-gradient(circle,rgba(0,217,255,.6) 0%,rgba(74,144,226,.4) 30%,transparent 70%);filter:blur(90px);animation:crystalGlowFloat 4s ease-in-out infinite}.crystal-core-blue{position:relative;width:100%;height:100%;animation:crystalFloat 6s ease-in-out infinite}.crystal-svg{width:100%;height:100%;filter:drop-shadow(0 0 40px rgba(0,217,255,.8)) drop-shadow(0 0 20px rgba(74,144,226,.6))}.crystal-facet-blue{animation:facetShineBlue 3s ease-in-out infinite;filter:url(#innerGlow)}@keyframes crystalGlowFloat{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}@keyframes crystalFloat{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-20px) rotate(120deg)}66%{transform:translateY(-10px) rotate(240deg)}}@keyframes facetShineBlue{0%,to{opacity:.9}50%{opacity:1;filter:brightness(1.3)}}.hero-content{position:relative;z-index:2;max-width:900px;text-align:center}.hero-title{font-family:Poppins,sans-serif;font-size:64px;font-weight:700;line-height:1.1;margin-bottom:24px;color:var(--text-primary);text-shadow:0 4px 30px rgba(0,217,255,.3)}.title-highlight-blue{background:linear-gradient(135deg,var(--course-primary) 0%,var(--course-accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:20px;color:var(--text-secondary);line-height:1.6;margin-bottom:40px;max-width:600px;margin-left:auto;margin-right:auto}.hero-cta-group{display:flex;gap:20px;justify-content:center;margin-bottom:60px}.btn-hero-primary-blue,.btn-hero-secondary-blue{padding:18px 40px;font-size:18px;font-weight:600;border-radius:50px;border:none;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:12px}.btn-hero-primary-blue{background:linear-gradient(135deg,var(--course-primary) 0%,var(--course-accent) 100%);color:#000;box-shadow:0 10px 30px #00d9ff66}.btn-hero-primary-blue:hover{transform:translateY(-3px);box-shadow:0 15px 40px #00d9ff99}.btn-hero-primary-blue .btn-icon{width:20px;height:20px;transition:transform .3s ease}.btn-hero-primary-blue:hover .btn-icon{transform:translate(4px)}.btn-hero-secondary-blue{background:transparent;color:var(--course-primary);border:2px solid var(--course-primary)}.btn-hero-secondary-blue:hover{background:var(--course-primary);color:#000;transform:translateY(-3px)}.hero-stats{display:flex;align-items:center;justify-content:center;gap:40px;padding:30px;background:#11225066;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(0,217,255,.2);border-radius:20px;box-shadow:0 8px 32px #0000004d,inset 0 1px #00d9ff1a}.stat-item{display:flex;flex-direction:column;align-items:center;gap:8px}.stat-value-blue{font-size:36px;font-weight:700;color:var(--course-primary);line-height:1;margin-bottom:8px;text-shadow:0 0 20px rgba(0,217,255,.5)}.stat-label{font-size:14px;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:1px}.stat-divider-blue{width:1px;height:40px;background:linear-gradient(180deg,transparent 0%,rgba(0,217,255,.4) 50%,transparent 100%)}.stat-icon{margin-top:4px;font-size:18px}@media(max-width:1024px){.hero-title{font-size:48px}.crystal-container{width:220px;height:220px}}@media(max-width:768px){.course-hero{min-height:auto;padding:60px 24px}.hero-title{font-size:36px}.hero-subtitle{font-size:16px}.hero-cta-group{flex-direction:column;gap:12px}.btn-hero-primary-blue,.btn-hero-secondary-blue{width:100%;justify-content:center}.hero-stats{flex-direction:column;gap:20px;padding:20px}.stat-divider-blue{width:60%;height:1px}.crystal-container{width:160px;height:160px;opacity:.6}}.course-card{position:relative;background:var(--course-card-bg, #1A1B3A);border:1px solid var(--course-card-border, rgba(255, 255, 255, .08));border-radius:var(--radius-xl, 20px);overflow:hidden;cursor:pointer;transition:border-color .3s ease}.course-card:hover{border-color:var(--course-card-border-hover, rgba(255, 189, 89, .3))}.course-thumbnail{position:relative;aspect-ratio:16 / 9;overflow:hidden}.thumbnail-gradient{position:absolute;inset:0}.thumbnail-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.course-card:hover .thumbnail-image{transform:scale(1.1)}.hover-overlay{position:absolute;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.course-card:hover .hover-overlay{opacity:1}.play-button{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px #ffbd5966}.play-button svg{margin-left:4px}.duration-badge{position:absolute;bottom:12px;right:12px;display:flex;align-items:center;gap:4px;padding:4px 10px;background:#000000bf;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-lg, 16px);font-size:12px;font-weight:600;color:#fff}.tier-badge{position:absolute;top:12px;left:12px;padding:6px 12px;border-radius:9999px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;border:1px solid;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.lock-overlay{position:absolute;inset:0;background:#0a0b1ae6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.lock-icon{color:var(--text-muted, rgba(255, 255, 255, .5))}.lock-message{font-size:13px;font-weight:600;color:var(--text-muted, rgba(255, 255, 255, .5));text-align:center;padding:0 16px}.course-info{padding:16px 20px 20px}.course-title{font-size:17px;font-weight:700;color:var(--text-primary, #FFFFFF);margin-bottom:8px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .3s ease}.course-card:hover .course-title{color:var(--brand-gold, #FFBD59)}.course-description{font-size:13px;color:var(--text-secondary, #B8B8D0);line-height:1.5;margin-bottom:12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.instructor-row{display:flex;align-items:center;gap:8px;margin-bottom:12px}.instructor-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.1)}.instructor-name{font-size:13px;font-weight:500;color:var(--text-muted, rgba(255, 255, 255, .6))}.course-meta{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.meta-left{display:flex;align-items:center;gap:12px}.meta-item{display:flex;align-items:center;gap:4px;font-size:13px;color:var(--text-muted, rgba(255, 255, 255, .6))}.meta-item svg{opacity:.7}.rating-wrapper{display:flex;align-items:center;gap:4px}.rating-value{font-size:14px;font-weight:600;color:var(--brand-gold, #FFBD59)}.progress-wrapper{margin-bottom:12px}.progress-bar{height:4px;background:#ffffff1a;border-radius:10px;overflow:hidden;margin-bottom:6px}.progress-fill{height:100%;border-radius:10px;box-shadow:0 0 8px #3af7a680}.progress-text{font-size:12px;font-weight:600}.course-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.08)}.price-wrapper{flex:1}.price-included{font-size:13px;font-weight:600}.course-price{font-size:18px;font-weight:700}.btn-continue,.btn-start,.btn-upgrade{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 20px;border:none;border-radius:9999px;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;color:#000}.btn-upgrade{background:#ffffff1a;color:var(--text-secondary, #B8B8D0);border:1px solid rgba(255,255,255,.15)}.bottom-glow{position:absolute;bottom:0;left:0;right:0;height:2px;opacity:0;transition:opacity .3s ease}.course-card:hover .bottom-glow{opacity:1}.course-card.locked{opacity:.85}.course-card.locked:hover{transform:none}@media(max-width:768px){.course-info{padding:14px 16px 16px}.course-title{font-size:15px}.course-footer{flex-direction:column;align-items:stretch;gap:10px}.btn-continue,.btn-start,.btn-upgrade{width:100%;padding:12px 20px}.price-wrapper{text-align:center;margin-bottom:4px}}.free-preview-section{padding:100px 0;background:linear-gradient(135deg,#0a1628cc,#0d1b2acc);position:relative;overflow:hidden}.free-preview-section:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(0,217,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,217,255,.03) 1px,transparent 1px);background-size:50px 50px;pointer-events:none}.preview-container{display:grid;grid-template-columns:1fr 1.2fr;gap:60px;align-items:center;position:relative;z-index:1}.preview-content{max-width:500px}.preview-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 20px;background:#00d9ff1a;border:1px solid rgba(0,217,255,.3);border-radius:50px;margin-bottom:24px}.preview-badge svg{width:18px;height:18px;color:var(--course-primary)}.preview-badge span{font-size:14px;font-weight:600;color:var(--course-primary);text-transform:uppercase;letter-spacing:.5px}.preview-title{font-size:48px;font-weight:700;color:var(--text-primary);margin-bottom:16px;line-height:1.2}.preview-description{font-size:18px;color:var(--text-secondary);line-height:1.6;margin-bottom:32px}.preview-benefits{list-style:none;margin-bottom:32px;display:flex;flex-direction:column;gap:16px}.preview-benefits li{display:flex;align-items:center;gap:12px;font-size:16px;color:var(--text-secondary)}.preview-benefits li svg{width:24px;height:24px;color:var(--accent-green);flex-shrink:0}.btn-free-trial{display:inline-flex;align-items:center;gap:12px;padding:18px 40px;background:linear-gradient(135deg,var(--course-primary) 0%,var(--course-accent) 100%);color:#000;border:none;border-radius:50px;font-size:18px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 10px 30px #00d9ff66}.btn-free-trial:hover{transform:translateY(-3px);box-shadow:0 15px 40px #00d9ff99}.btn-free-trial svg{width:20px;height:20px;stroke-width:2.5}.preview-player{aspect-ratio:16 / 9;border-radius:24px;overflow:hidden;background:#000;box-shadow:0 20px 60px #00000080,0 0 0 1px #00d9ff33}.player-placeholder{width:100%;height:100%;position:relative;cursor:pointer}.placeholder-bg{width:100%;height:100%;background:linear-gradient(135deg,#0a1628,#112250);position:relative;display:flex;align-items:center;justify-content:center}.placeholder-overlay{position:absolute;inset:0;background:radial-gradient(circle at center,rgba(0,217,255,.15) 0%,transparent 70%)}.play-button-large{position:relative;z-index:2;width:120px;height:120px;background:linear-gradient(135deg,var(--course-primary) 0%,var(--course-accent) 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 20px 60px #00d9ff99;transition:all .3s ease;animation:playButtonPulse 2s ease-in-out infinite}.player-placeholder:hover .play-button-large{transform:scale(1.1)}@keyframes playButtonPulse{0%,to{box-shadow:0 20px 60px #00d9ff99}50%{box-shadow:0 20px 80px #00d9ffcc}}.play-icon-large{width:48px;height:48px;color:#000;margin-left:6px}.video-info{position:absolute;bottom:0;left:0;right:0;padding:32px;background:linear-gradient(to top,rgba(0,0,0,.9) 0%,transparent 100%);z-index:3}.video-title{font-size:24px;font-weight:700;color:#fff;margin-bottom:12px}.video-meta{display:flex;gap:24px;font-size:14px;color:#fffc}.video-duration,.video-quality{display:flex;align-items:center;gap:6px}.video-duration svg,.video-quality svg{width:16px;height:16px;stroke-width:2}.tevello-player-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:#000;color:var(--course-primary);padding:40px;text-align:center}.placeholder-note{font-size:14px;color:var(--text-muted)}.player-features{display:flex;justify-content:center;gap:40px;margin-top:24px;padding:20px;background:#11225066;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(0,217,255,.1);border-radius:16px}.feature-item{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}.feature-item svg{width:24px;height:24px;stroke-width:2;color:var(--course-primary)}.feature-item span{font-size:13px;color:var(--text-tertiary)}@media(max-width:1024px){.preview-container{grid-template-columns:1fr;gap:40px}.preview-content{max-width:100%}.preview-title{font-size:36px}}@media(max-width:768px){.free-preview-section{padding:60px 0}.preview-title{font-size:32px}.preview-description{font-size:16px}.btn-free-trial{width:100%;justify-content:center}.play-button-large{width:80px;height:80px}.play-icon-large{width:32px;height:32px}.video-title{font-size:18px}.player-features{flex-direction:column;gap:16px}}.courses-tabs{background:linear-gradient(135deg,#1a1a2ef2,#16213ef2);border-bottom:1px solid rgba(255,189,89,.2);padding:14px 0;position:relative;z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-bottom:20px;margin-top:0}.tabs-container{max-width:560px;margin:20px auto;display:flex;flex-direction:row;justify-content:center;align-items:flex-start;gap:14px;padding:14px;flex-wrap:wrap}.tab-button{width:154px;max-width:154px;min-width:140px;max-height:196px;padding:20px 14px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:8px;background:#1e2a5e4d;border:1px solid rgba(255,255,255,.1);border-radius:11px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;transition:all .3s ease;text-align:center;overflow:hidden}.tab-button:hover{transform:translateY(-3px);border-color:#ffbd5980;box-shadow:0 6px 17px #0000004d}.tab-button.active{background:#9c061233;border-color:#9c061299}.tab-button svg{width:31px!important;height:31px!important;min-width:31px!important;min-height:31px!important;max-width:31px!important;max-height:31px!important;flex-shrink:0;flex-grow:0;opacity:.9;margin:0}.tab-content{display:flex;flex-direction:column;gap:3px;max-height:98px;overflow:hidden;width:100%;padding:0;margin:0}.tab-label{font-size:11px;font-weight:600;color:#ffbd59;letter-spacing:.2px;margin:0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;max-height:29px}.tab-description{font-size:8px;font-weight:400;color:#ffffffb3;line-height:1.5;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;max-height:38px}.tab-content-container{max-width:1200px;margin:0 auto}@media(max-width:768px){.courses-tabs{top:60px;padding:10px 0;margin-bottom:14px}.tabs-container{flex-direction:column;align-items:center;gap:11px;padding:10px;margin:14px auto}.tab-button{width:100%;max-width:210px}.tab-label{font-size:10px}.tab-description{font-size:8px}}.page-content,.courses-container{margin-top:0!important;padding-top:20px!important}.compact-sidebar+.page-container,body:has(.compact-sidebar) .page-container{margin-left:64px;transition:margin-left .3s ease}@media(max-width:968px){.compact-sidebar+.page-container,body:has(.compact-sidebar) .page-container{margin-left:0}}.course-header{padding:14px 28px;margin-bottom:14px}.course-header h2{font-size:25px;font-weight:600;margin-bottom:7px}.course-header p{font-size:10px;line-height:1.5}.course-stats{display:flex;gap:14px;flex-wrap:wrap;padding:14px 28px}.stat-item{display:flex;align-items:center;gap:6px;font-size:10px}.stat-item svg{width:14px;height:14px}.badge,.course-badge,.tier-badge,.popular-badge,.current-tier-badge{padding:4px 8px;font-size:8px;border-radius:7px}button,.btn,.course-button,.tier-select-btn,.lesson-start-btn{padding:8px 14px;font-size:10px;border-radius:7px;gap:6px}button svg,.btn svg{width:12px;height:12px}.course-hero{background:var(--bg-card);padding:64px 32px;border-radius:24px;margin:0 auto 48px;max-width:80%;position:relative;overflow:hidden}.course-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 50%,rgba(0,255,136,.1) 0%,transparent 50%),radial-gradient(circle at 80% 50%,rgba(139,92,246,.1) 0%,transparent 50%);pointer-events:none}.course-hero-content{max-width:900px;margin:0 auto;position:relative;z-index:1}.course-hero-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:#00ff881a;border:1px solid rgba(0,255,136,.3);border-radius:20px;color:#0f8;font-size:14px;font-weight:600;margin-bottom:24px}.course-hero-title{font-size:48px;font-weight:800;background:linear-gradient(135deg,#fff,#0f8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:16px;line-height:1.2}.course-hero-subtitle{font-size:24px;color:#ffffffe6;margin-bottom:12px;font-weight:600}.course-hero-description{font-size:18px;color:#ffffffb3;margin-bottom:32px;line-height:1.6}.course-stats{display:flex;gap:32px;margin-bottom:40px;flex-wrap:wrap}.course-stat{display:flex;align-items:center;gap:8px;color:#ffffffe6;font-size:16px;font-weight:600}.course-stat svg{color:#0f8}.course-instructor{display:flex;align-items:center;gap:20px;padding:24px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-bottom:32px}.instructor-avatar{font-size:64px;width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:#00ff881a;border:2px solid rgba(0,255,136,.3);border-radius:50%}.instructor-info{flex:1}.instructor-name{font-size:20px;font-weight:700;color:#fff;margin-bottom:4px}.instructor-title{font-size:16px;color:#0f8;margin-bottom:4px;font-weight:600}.instructor-experience{font-size:14px;color:#fff9}.course-progress-section{padding:24px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.progress-label{font-size:16px;font-weight:600;color:#ffffffe6}.progress-percentage{font-size:24px;font-weight:800;color:#0f8}.progress-bar-wrapper{height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden;margin-bottom:12px}.progress-bar-fill{height:100%;background:linear-gradient(90deg,#0f8,#00cc6a);border-radius:4px;transition:width .3s ease}.progress-stats{display:flex;justify-content:space-between;font-size:14px;color:#ffffffb3;margin-bottom:16px}.next-lesson{display:flex;align-items:center;gap:12px;padding:16px;background:#00ff881a;border:1px solid rgba(0,255,136,.3);border-radius:12px;margin-top:16px}.next-lesson svg{color:#0f8;flex-shrink:0}.next-lesson-info{display:flex;flex-direction:column;gap:4px}.next-lesson-label{font-size:12px;color:#fff9;text-transform:uppercase;font-weight:600}.next-lesson-title{font-size:14px;color:#fff;font-weight:600}.section-title{font-size:36px;font-weight:800;color:#fff;text-align:center;margin-bottom:12px}.section-subtitle{font-size:18px;color:#ffffffb3;text-align:center;margin-bottom:48px}.pricing-section{margin-bottom:80px}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;max-width:1200px;margin:0 auto}.pricing-card{position:relative;padding:32px 24px;background:#ffffff08;border:2px solid rgba(255,255,255,.1);border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;transition:all .3s ease}.pricing-card:hover{border-color:#00ff8880;transform:translateY(-4px);box-shadow:0 12px 40px #0f83}.pricing-card.popular{border-color:#ffbd5980;background:#ffbd590d}.pricing-card.current-tier{border-color:#00ff8880;background:#00ff880d}.popular-badge{position:absolute;top:-12px;right:24px;padding:6px 16px;background:linear-gradient(135deg,#ffbd59,#ff9a3c);color:#1a1a2e;font-size:12px;font-weight:700;border-radius:12px;text-transform:uppercase}.current-tier-badge{position:absolute;top:-12px;left:24px;padding:6px 12px;background:linear-gradient(135deg,#0f8,#00cc6a);color:#1a1a2e;font-size:12px;font-weight:700;border-radius:12px;display:flex;align-items:center;gap:6px}.tier-badge{display:inline-block;padding:8px 16px;border-radius:8px;font-size:12px;font-weight:700;color:#1a1a2e;margin-bottom:16px;text-transform:uppercase}.tier-name{font-size:24px;font-weight:700;color:#fff;margin-bottom:16px}.tier-price{margin-bottom:24px}.price-free{font-size:32px;font-weight:800;background:linear-gradient(135deg,#0f8,#00cc6a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.price-amount{font-size:36px;font-weight:800;color:#fff;display:block;line-height:1;margin-bottom:4px}.price-duration{font-size:14px;color:#fff9}.tier-features{list-style:none;padding:0;margin:0 0 24px}.tier-feature{display:flex;align-items:center;gap:12px;padding:12px 0;color:#ffffffe6;font-size:15px;border-bottom:1px solid rgba(255,255,255,.05)}.tier-feature:last-child{border-bottom:none}.tier-feature svg{color:#0f8;flex-shrink:0}.tier-locked{display:flex;align-items:center;gap:8px;padding:12px;background:#ff44441a;border:1px solid rgba(255,68,68,.3);border-radius:8px;color:#ef4444;font-size:14px;font-weight:600;margin-bottom:16px}.tier-select-btn{width:100%}.curriculum-section{margin-bottom:80px}.curriculum-list{max-width:900px;margin:0 auto;display:flex;flex-direction:column;gap:16px}.curriculum-chapter{background:#ffffff08;border:2px solid rgba(255,255,255,.1);border-radius:16px;overflow:hidden;transition:all .3s ease}.curriculum-chapter:hover{border-color:#fff3}.curriculum-chapter.locked{opacity:.6}.curriculum-chapter.expanded{border-color:#00ff884d}.chapter-header{display:flex;justify-content:space-between;align-items:center;padding:24px;cursor:pointer;-webkit-user-select:none;user-select:none}.curriculum-chapter.locked .chapter-header{cursor:not-allowed}.chapter-info{flex:1}.chapter-number{font-size:12px;font-weight:700;color:#0f8;text-transform:uppercase;margin-bottom:8px;letter-spacing:1px}.chapter-title{font-size:20px;font-weight:700;color:#fff;margin-bottom:12px}.chapter-meta{display:flex;gap:20px;flex-wrap:wrap}.chapter-duration,.chapter-lessons{display:flex;align-items:center;gap:6px;font-size:14px;color:#ffffffb3}.chapter-duration svg{color:#0f8}.chapter-progress-badge{padding:4px 12px;background:#00ff881a;border:1px solid rgba(0,255,136,.3);border-radius:12px;color:#0f8;font-size:12px;font-weight:600}.chapter-lock{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px;background:#ffffff0d;border-radius:12px}.chapter-lock svg{color:#ffffff80}.lock-tier{font-size:12px;font-weight:700;color:#ffffffb3;text-transform:uppercase}.chapter-progress-circle{position:relative;width:48px;height:48px}.progress-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:12px;font-weight:700;color:#0f8}.lessons-list{padding:0 24px 24px;display:flex;flex-direction:column;gap:12px}.lesson-item{display:flex;align-items:center;gap:16px;padding:16px;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px;transition:all .2s ease}.lesson-item:hover{background:#ffffff0d;border-color:#00ff884d}.lesson-type-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#00ff881a;border:1px solid rgba(0,255,136,.3);border-radius:10px;color:#0f8;flex-shrink:0}.lesson-info{flex:1}.lesson-title{font-size:16px;font-weight:600;color:#fff;margin-bottom:6px}.lesson-meta{display:flex;gap:16px;align-items:center}.lesson-duration{display:flex;align-items:center;gap:6px;font-size:13px;color:#fff9}.lesson-duration svg{color:#fff6}.lesson-type{font-size:12px;color:#ffffff80;text-transform:uppercase;font-weight:600}.lesson-start-btn{flex-shrink:0;display:flex;align-items:center;gap:8px;padding:10px 20px;font-size:14px}.cta-section{padding:80px 40px;background:linear-gradient(135deg,#8b5cf6,#6366f1);border-radius:24px;text-align:center;margin-bottom:40px}.cta-content{max-width:700px;margin:0 auto}.cta-title{font-size:40px;font-weight:800;color:#fff;margin-bottom:16px}.cta-description{font-size:18px;color:#ffffffe6;margin-bottom:32px}.cta-buttons{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.btn-large{padding:16px 32px;font-size:16px;font-weight:700}@media(max-width:768px){.course-hero{padding:60px 24px}.course-hero-title{font-size:36px}.course-hero-subtitle{font-size:20px}.course-stats{gap:16px}.section-title{font-size:28px}.pricing-grid{grid-template-columns:1fr}.chapter-header{padding:20px}.lessons-list{padding:0 20px 20px}.cta-title{font-size:32px}.cta-buttons{flex-direction:column}.btn-large{width:100%}}.category-section-courses{padding:40px 0;background:transparent}.category-tabs-courses{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.category-tab-course{display:flex;align-items:center;gap:8px;padding:12px 28px;background:#11225066;border:2px solid rgba(255,255,255,.1);border-radius:50px;color:var(--text-secondary);font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease}.category-tab-course:hover{background:#11225099;border-color:#00d9ff4d;transform:translateY(-2px)}.category-tab-course.active{background:linear-gradient(135deg,var(--course-primary) 0%,var(--course-accent) 100%);border-color:var(--course-primary);color:#000;box-shadow:0 8px 20px #00d9ff66}.courses-grid-section{padding:80px 0}.section-header-simple{text-align:center;margin-bottom:60px}.section-header-simple h2{font-size:42px;font-weight:700;color:var(--text-primary);margin-bottom:12px}.section-header-simple p{font-size:18px;color:var(--text-secondary)}.courses-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:20px}@media(min-width:640px){.courses-grid{grid-template-columns:repeat(2,1fr);gap:24px}}@media(min-width:1024px){.courses-grid{grid-template-columns:repeat(3,1fr);gap:28px}}@media(min-width:1400px){.courses-grid{grid-template-columns:repeat(4,1fr);gap:32px}}.courses-search-form{margin-bottom:24px;max-width:500px;margin-left:auto;margin-right:auto}.search-input-wrapper{position:relative;display:flex;align-items:center}.search-input-wrapper .search-icon{position:absolute;left:16px;color:var(--text-tertiary);pointer-events:none}.courses-search-input{width:100%;padding:14px 16px 14px 48px;background:#11225066;border:2px solid rgba(255,255,255,.1);border-radius:50px;color:var(--text-primary);font-size:15px;transition:all .3s ease}.courses-search-input:focus{outline:none;border-color:var(--course-primary);background:#11225099;box-shadow:0 0 20px #00d9ff33}.courses-search-input::placeholder{color:var(--text-tertiary)}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:120px 20px;gap:20px}.loading-spinner{width:60px;height:60px;border:4px solid rgba(0,217,255,.2);border-top-color:var(--course-primary);border-radius:50%;animation:spin 1s linear infinite}.loading-spinner-icon{animation:spin 1s linear infinite;color:var(--course-primary)}.loading-state p{font-size:18px;color:var(--text-tertiary)}.courses-error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;gap:16px;text-align:center}.courses-error-state svg{color:var(--error-color, #EF4444);opacity:.7}.courses-error-state p{font-size:16px;color:var(--text-secondary);max-width:400px}.btn-retry{padding:12px 28px;background:#ef44441a;border:2px solid rgba(239,68,68,.3);border-radius:50px;color:#ef4444;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-retry:hover{background:#ef444433;border-color:#ef444480}.courses-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;gap:16px;text-align:center}.courses-empty-state svg{color:var(--text-tertiary);opacity:.5}.courses-empty-state h3{font-size:24px;font-weight:600;color:var(--text-primary);margin:0}.courses-empty-state p{font-size:16px;color:var(--text-secondary);max-width:400px;margin:0}.btn-clear-search{padding:12px 28px;background:#00d9ff1a;border:2px solid rgba(0,217,255,.3);border-radius:50px;color:var(--course-primary);font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:8px}.btn-clear-search:hover{background:#00d9ff33;border-color:#00d9ff80}.courses-cta-section{padding:100px 0;background:linear-gradient(135deg,#00d9ff0d,#4a90e20d);position:relative;overflow:hidden}.courses-cta-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,rgba(0,217,255,.1) 0%,transparent 70%);pointer-events:none}.cta-content{text-align:center;max-width:800px;margin:0 auto;position:relative;z-index:1}.cta-content h2{font-size:48px;font-weight:700;color:var(--text-primary);margin-bottom:16px}.cta-content p{font-size:20px;color:var(--text-secondary);margin-bottom:40px}.cta-buttons{display:flex;gap:20px;justify-content:center}.btn-cta-primary,.btn-cta-secondary{padding:18px 40px;border-radius:50px;font-size:18px;font-weight:700;cursor:pointer;transition:all .3s ease}.btn-cta-primary{background:linear-gradient(135deg,var(--course-primary) 0%,var(--course-accent) 100%);color:#000;border:none;box-shadow:0 10px 30px #00d9ff66}.btn-cta-primary:hover{transform:translateY(-3px);box-shadow:0 15px 40px #00d9ff99}.btn-cta-secondary{background:transparent;color:var(--course-primary);border:2px solid var(--course-primary)}.btn-cta-secondary:hover{background:#00d9ff1a;transform:translateY(-3px)}@media(max-width:1200px){.courses-grid{grid-template-columns:repeat(2,1fr);gap:24px}}@media(max-width:768px){.container{padding:0 20px}.category-section-courses{position:static;padding:20px 0}.category-tabs-courses{justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none}.category-tabs-courses::-webkit-scrollbar{display:none}.category-tab-course{flex-shrink:0;padding:10px 20px;font-size:14px}.section-header-simple h2{font-size:32px}.courses-grid{grid-template-columns:1fr;gap:20px}.courses-grid-section{padding:40px 0}.cta-content h2{font-size:32px}.cta-content p{font-size:16px}.cta-buttons{flex-direction:column}.btn-cta-primary,.btn-cta-secondary{width:100%}}@media(max-width:480px){.courses-grid{gap:16px}}@media(max-width:767px){.courses-container,.page-content{padding:16px 12px!important;margin-top:0!important;overflow-x:hidden;max-width:100vw}.courses-tabs{padding:10px 0;margin-bottom:12px}.tabs-container{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:8px;padding:8px;margin:12px auto;max-width:100%}.tab-button{width:calc(50% - 6px);max-width:none;min-width:0;padding:14px 10px;max-height:none;border-radius:10px}.tab-button svg{width:24px!important;height:24px!important;min-width:24px!important;min-height:24px!important;max-width:24px!important;max-height:24px!important}.tab-content{max-height:none;gap:2px}.tab-label{font-size:10px;max-height:none;-webkit-line-clamp:2}.tab-description{font-size:8px;-webkit-line-clamp:2;max-height:none}.course-header{padding:12px 16px;margin-bottom:12px}.course-header h2{font-size:20px;margin-bottom:6px}.course-header p{font-size:12px}.course-stats{gap:10px;padding:12px 16px}.stat-item{font-size:11px;gap:4px}.stat-item svg{width:12px;height:12px}.badge,.course-badge,.tier-badge,.popular-badge,.current-tier-badge{padding:3px 6px;font-size:9px;border-radius:6px}button,.btn,.course-button,.tier-select-btn,.lesson-start-btn{padding:10px 14px;font-size:13px;border-radius:8px;min-height:40px}.course-hero{padding:32px 16px;border-radius:16px;margin-bottom:24px;max-width:100%}.course-hero-badge{padding:6px 12px;font-size:11px;margin-bottom:16px}.course-hero-title{font-size:24px;margin-bottom:12px}.course-hero-subtitle{font-size:16px;margin-bottom:8px}.course-hero-description{font-size:14px;margin-bottom:20px;line-height:1.5}.course-stats{gap:16px;margin-bottom:24px}.course-stat{font-size:13px;gap:6px}.course-instructor{flex-direction:column;align-items:center;text-align:center;gap:12px;padding:16px;margin-bottom:20px}.instructor-avatar{font-size:48px;width:60px;height:60px}.instructor-name{font-size:16px}.instructor-title{font-size:14px}.instructor-experience{font-size:12px}.course-progress-section{padding:16px;border-radius:12px}.progress-label{font-size:14px}.progress-percentage{font-size:20px}.progress-stats{font-size:12px}.next-lesson{gap:10px;padding:12px;border-radius:10px}.next-lesson-label{font-size:10px}.next-lesson-title{font-size:13px}.section-title{font-size:22px;margin-bottom:8px}.section-subtitle{font-size:14px;margin-bottom:24px}.pricing-section{margin-bottom:40px}.pricing-grid{grid-template-columns:1fr;gap:16px}.pricing-card{padding:20px 16px;border-radius:14px}.tier-name{font-size:18px;margin-bottom:12px}.price-amount{font-size:28px}.price-duration{font-size:12px}.tier-feature{font-size:13px;padding:10px 0}.curriculum-list{gap:12px}.chapter-header{padding:16px}.chapter-number{font-size:10px;margin-bottom:4px}.chapter-title{font-size:16px;margin-bottom:8px}.chapter-meta{gap:12px}.chapter-duration,.chapter-lessons{font-size:12px;gap:4px}.chapter-progress-badge{padding:3px 8px;font-size:10px}.lessons-list{padding:0 16px 16px;gap:10px}.lesson-item{padding:12px;gap:12px;border-radius:10px}.lesson-type-icon{width:36px;height:36px;border-radius:8px}.lesson-title{font-size:14px;margin-bottom:4px}.lesson-meta{gap:12px}.lesson-duration{font-size:11px}.lesson-type{font-size:10px}.lesson-start-btn{padding:8px 14px;font-size:12px}.cta-section{padding:40px 20px;border-radius:16px;margin-bottom:24px}.cta-title{font-size:24px}.cta-description{font-size:14px;margin-bottom:20px}.btn-large{padding:14px 24px;font-size:14px;min-height:44px}.category-section-courses{padding:16px 0}.category-tabs-courses{gap:8px;padding:0 8px;justify-content:flex-start;overflow-x:auto;-webkit-overflow-scrolling:touch}.category-tab-course{padding:8px 16px;font-size:12px;flex-shrink:0}.courses-grid-section{padding:24px 0}.section-header-simple{margin-bottom:24px}.section-header-simple h2{font-size:24px}.section-header-simple p{font-size:14px}.courses-grid{grid-template-columns:1fr;gap:14px}.courses-search-form{margin-bottom:16px}.courses-search-input{padding:12px 14px 12px 44px;font-size:14px}.loading-state{padding:60px 16px;gap:16px}.loading-spinner{width:48px;height:48px}.loading-state p{font-size:14px}.courses-error-state{padding:48px 16px;gap:12px}.courses-error-state p{font-size:14px}.btn-retry{padding:10px 20px;font-size:13px;min-height:40px}.courses-empty-state{padding:48px 16px;gap:12px}.courses-empty-state h3{font-size:18px}.courses-empty-state p{font-size:14px}.btn-clear-search{padding:10px 20px;font-size:13px}.courses-cta-section{padding:48px 16px}.cta-content h2{font-size:24px}.cta-content p{font-size:14px;margin-bottom:24px}.cta-buttons{gap:12px;flex-direction:column}.btn-cta-primary,.btn-cta-secondary{padding:14px 28px;font-size:14px;width:100%;min-height:44px}}.module-accordion{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-lg);transition:border-color var(--transition-base)}.module-accordion.is-open{border-color:var(--tier2-border)}.module-header{width:100%;display:flex;align-items:flex-start;justify-content:space-between;padding:var(--space-4) var(--space-5);background:none;border:none;cursor:pointer;transition:background var(--transition-fast);min-height:72px}.module-header:hover{background:var(--bg-hover)}.module-header-left{display:flex;align-items:flex-start;gap:var(--space-3);flex:1;min-width:0;overflow:visible}.module-number{width:40px;height:40px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:var(--text-base);font-weight:var(--font-bold);font-family:var(--font-body);flex-shrink:0;background:var(--tier2-bg);color:var(--tier2-color)}.module-info{text-align:left;flex:1;min-width:0;overflow:visible}.module-title{font-size:var(--text-sm);font-weight:var(--font-semibold);font-family:var(--font-body);color:var(--text-primary)!important;margin:0 0 var(--space-1) 0;line-height:1.5;white-space:normal;word-wrap:break-word;overflow-wrap:break-word;display:block;overflow:visible;text-overflow:unset;max-width:100%}.module-meta{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.meta-lessons{font-size:var(--text-xs);font-family:var(--font-body);color:var(--text-muted)}.meta-duration{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);font-family:var(--font-body);color:var(--text-muted)}.meta-duration svg{color:var(--text-muted)}.module-header-right{display:flex;align-items:center;gap:var(--space-3);flex-shrink:0}.progress-circle{position:relative;width:40px;height:40px}.progress-svg{width:40px;height:40px;transform:rotate(-90deg)}.progress-svg circle{transition:stroke-dasharray var(--transition-base)}.progress-svg .progress-bg{stroke:var(--border-primary)}.progress-svg .progress-fill{stroke:var(--course-success)}.progress-percent{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:var(--font-semibold);font-family:var(--font-body);color:var(--text-primary)}.chevron-icon{display:flex;align-items:center;justify-content:center;color:var(--text-muted);transition:transform var(--transition-fast),color var(--transition-fast)}.module-accordion.is-open .chevron-icon{transform:rotate(180deg);color:var(--tier2-color)}.lessons-container{overflow:hidden}.lessons-list{padding:var(--space-3) var(--space-4) var(--space-4);border-top:1px solid var(--border-primary);display:flex;flex-direction:column;gap:var(--space-2)}.lesson-item{width:100%;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:none;border:none;border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast);text-align:left}.lesson-item:hover:not(.is-locked){background:var(--bg-hover)}.lesson-item.is-locked{opacity:.5;cursor:not-allowed}.lesson-item.is-completed{background:#3af7a60d}.lesson-item.is-in-progress{background:var(--tier3-bg)}.lesson-icon{width:36px;height:36px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--bg-card)}.lesson-icon.completed{background:var(--tier-free-bg)}.lesson-icon.completed svg{color:var(--course-success)}.lesson-icon.locked svg{color:var(--text-muted)}.lesson-icon.available svg{color:var(--tier1-color)}.lesson-icon.in-progress svg{color:var(--brand-gold)}.lesson-info{flex:1;min-width:0}.lesson-title{font-size:var(--text-sm);font-weight:var(--font-medium);font-family:var(--font-body);color:var(--text-primary);margin:0 0 2px;white-space:normal;word-wrap:break-word;line-height:var(--leading-snug)}.lesson-item.is-completed .lesson-title{color:var(--text-secondary)}.lesson-meta{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);font-family:var(--font-body);color:var(--text-muted);flex-wrap:wrap}.preview-badge{font-weight:var(--font-semibold);color:var(--course-primary)}.lesson-play{opacity:0;transition:opacity var(--transition-fast);color:var(--tier1-color)}.lesson-item:hover:not(.is-locked) .lesson-play{opacity:1}.module-empty{padding:var(--space-6);text-align:center;color:var(--text-muted);font-size:var(--text-sm)}@media(max-width:768px){.module-header{padding:var(--space-3) var(--space-4)}.module-header-left{gap:var(--space-3)}.module-number{width:36px;height:36px;font-size:var(--text-sm)}.module-title{font-size:var(--text-sm)}.module-meta{gap:var(--space-2)}.meta-lessons,.meta-duration{font-size:11px}.progress-circle,.progress-svg{width:36px;height:36px}.lessons-list{padding:0 var(--space-3) var(--space-3)}.lesson-item{padding:var(--space-2) var(--space-3);gap:var(--space-2)}.lesson-icon{width:32px;height:32px}.lesson-title{font-size:var(--text-xs)}.lesson-meta{font-size:11px}}@media(max-width:480px){.module-header{padding:var(--space-3)}.module-number{width:32px;height:32px;font-size:var(--text-xs)}.progress-circle,.progress-svg{width:32px;height:32px}.progress-percent{font-size:9px}}.article-content{color:var(--text-secondary, #B8B8D0);line-height:1.7;font-size:15px}.article-heading{color:var(--text-primary, #FFFFFF);font-weight:700;margin-top:32px;margin-bottom:16px;line-height:1.3}.article-heading:first-child{margin-top:0}.heading-1{font-size:28px}.heading-2{font-size:24px}.heading-3{font-size:20px}.heading-4{font-size:17px}.article-paragraph{margin-bottom:16px}.article-paragraph a{color:var(--brand-gold, #FFBD59);text-decoration:none;transition:opacity .2s ease}.article-paragraph a:hover{opacity:.8;text-decoration:underline}.article-paragraph strong{color:var(--text-primary, #FFFFFF);font-weight:600}.article-paragraph em{font-style:italic}.article-paragraph code{background:#ffffff1a;padding:2px 6px;border-radius:4px;font-family:var(--font-mono, "Fira Code", monospace);font-size:.9em;color:var(--course-accent-cyan, #00F0FF)}.article-list{margin-bottom:16px;padding-left:24px}.article-list li{margin-bottom:8px}.article-list.unordered{list-style-type:disc}.article-list.ordered{list-style-type:decimal}.article-list li::marker{color:var(--brand-gold, #FFBD59)}.article-image{margin:24px 0}.article-image img{width:100%;border-radius:var(--radius-lg, 16px);display:block}.image-caption{text-align:center;font-size:13px;color:var(--text-muted, rgba(255, 255, 255, .6));margin-top:10px}.article-video{margin:24px 0;aspect-ratio:16 / 9;border-radius:var(--radius-lg, 16px);overflow:hidden;background:#000}.article-video iframe,.article-video video{width:100%;height:100%}.article-code{margin:24px 0;border-radius:var(--radius-lg, 16px);overflow:hidden;background:#1e1e2e}.code-header{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:#ffffff0d;border-bottom:1px solid rgba(255,255,255,.08)}.code-language{font-size:12px;font-weight:600;color:var(--text-muted, rgba(255, 255, 255, .6));text-transform:uppercase}.copy-button{display:flex;align-items:center;gap:6px;padding:4px 10px;background:none;border:none;border-radius:6px;font-size:12px;color:var(--text-muted, rgba(255, 255, 255, .6));cursor:pointer;transition:all .2s ease}.copy-button:hover{background:#ffffff1a;color:var(--text-primary, #FFFFFF)}.code-content{margin:0;padding:16px;overflow-x:auto}.code-content code{font-family:var(--font-mono, "Fira Code", monospace);font-size:14px;line-height:1.6;color:#e0e0e0}.article-callout{display:flex;gap:12px;margin:24px 0;padding:16px;border-radius:var(--radius-lg, 16px);border:1px solid}.callout-icon{flex-shrink:0}.callout-content{flex:1}.callout-title{font-weight:600;color:var(--text-primary, #FFFFFF);margin:0 0 4px}.callout-text{margin:0;font-size:14px;line-height:1.6}.article-quote{margin:24px 0;padding:0 0 0 20px;border-left:4px solid;font-style:italic}.article-quote p{margin:0;color:var(--text-muted, rgba(255, 255, 255, .6))}.article-quote footer{margin-top:10px;font-size:14px;font-style:normal;color:var(--text-muted, rgba(255, 255, 255, .6))}.article-divider{margin:32px 0;border:none;height:1px}.article-table-wrapper{margin:24px 0;overflow-x:auto}.article-table{width:100%;border-collapse:collapse}.article-table th,.article-table td{padding:12px 16px;text-align:left;border-bottom:1px solid rgba(255,255,255,.08)}.article-table th{font-weight:600;color:var(--text-primary, #FFFFFF);background:#ffffff0d}.article-table tr:hover{background:#ffffff05}.article-steps{margin:24px 0}.step-item{display:flex;gap:16px;margin-bottom:16px}.step-number{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;flex-shrink:0}.step-content{flex:1;padding-top:4px}.step-title{font-weight:600;color:var(--text-primary, #FFFFFF);margin:0 0 4px}.step-text{margin:0;font-size:14px}.article-html-block{margin:24px 0;position:relative;overflow:hidden}.article-html-block [style*="position: fixed"],.article-html-block [style*="position:fixed"],.article-html [style*="position: fixed"],.article-html [style*="position:fixed"]{position:relative!important;inset:auto!important;width:auto!important;height:auto!important;z-index:auto!important}.article-html-block .background-container,.article-html-block .bg-container,.article-html-block .bg-layer,.article-html-block .bg-layer-base,.article-html-block [class*=background-],.article-html-block [class*=bg-layer],.article-html .background-container,.article-html .bg-container,.article-html [class*=background-],.article-html [class*=bg-layer],.article-html-block .orb,.article-html-block [class*=orb-],.article-html-block [class*=glow-],.article-html-block [class*=blob-],.article-html .orb,.article-html [class*=orb-],.article-html [class*=glow-],.article-html [class*=blob-]{display:none!important}.article-html-block [style*="inset: 0"],.article-html-block [style*="inset:0"],.article-html [style*="inset: 0"],.article-html [style*="inset:0"]{position:relative!important;inset:auto!important}.article-html-block [style*="z-index: -"],.article-html-block [style*="z-index:-"],.article-html [style*="z-index: -"],.article-html [style*="z-index:-"]{z-index:auto!important}.article-html-block [style*="min-height: 100vh"],.article-html-block [style*="min-height:100vh"],.article-html-block [style*="height: 100vh"],.article-html-block [style*="height:100vh"],.article-html [style*="min-height: 100vh"],.article-html [style*="min-height:100vh"],.article-html [style*="height: 100vh"],.article-html [style*="height:100vh"]{min-height:auto!important;height:auto!important}.article-html-block section,.article-html-block [class*=section],.article-html-block [class*=container],.article-html-block [class*=wrapper],.article-html section,.article-html [class*=section],.article-html [class*=container],.article-html [class*=wrapper]{overflow:visible!important}.article-embed{margin:24px 0}.article-embed iframe{width:100%;min-height:400px;border:none;border-radius:var(--radius-lg, 16px)}.embed-caption{text-align:center;font-size:13px;color:var(--text-muted, rgba(255, 255, 255, .6));margin-top:10px}.article-html h1,.article-html h2,.article-html h3,.article-html h4{color:var(--text-primary, #FFFFFF);font-weight:700;margin-top:24px;margin-bottom:12px}.article-html ul,.article-html ol{padding-left:24px;margin-bottom:16px}.article-html a{color:var(--brand-gold, #FFBD59)}.article-html img{max-width:100%;border-radius:var(--radius-md, 12px)}.article-html pre{background:#1e1e2e;padding:16px;border-radius:var(--radius-md, 12px);overflow-x:auto}.article-html th,.article-html td{padding:10px;border:1px solid rgba(255,255,255,.1)}@media(max-width:768px){.article-content{font-size:14px}.heading-1{font-size:24px}.heading-2{font-size:20px}.heading-3{font-size:18px}.heading-4{font-size:16px}.article-callout{flex-direction:column;gap:8px}.code-content code{font-size:13px}.step-item{gap:12px}.step-number{width:28px;height:28px;font-size:13px}}.quiz-question{padding:20px 0}.question-header{margin-bottom:24px}.question-text{font-size:18px;font-weight:600;color:var(--text-primary, #FFFFFF);line-height:1.5;margin:0}.options-list{display:flex;flex-direction:column;gap:12px}.option-item{display:flex;align-items:center;gap:14px;padding:16px;background:var(--course-card-bg, #1A1B3A);border:2px solid rgba(255,255,255,.1);border-radius:var(--radius-lg, 16px);cursor:pointer;transition:all .2s ease;text-align:left;width:100%}.option-item:hover:not(:disabled){border-color:#fff3;background:#ffffff0d}.option-item:disabled{cursor:default}.option-item.selected{border-color:var(--brand-gold, #FFBD59);background:#ffbd591a}.option-letter{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;flex-shrink:0;transition:all .2s ease}.option-text{flex:1;font-size:15px;color:var(--text-primary, #FFFFFF);line-height:1.5}.result-icon{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.result-icon.correct{background:var(--course-success, #3AF7A6)}.result-icon.incorrect{background:var(--course-error, #FF6B6B)}.explanation{margin-top:24px;padding:16px;border-radius:var(--radius-lg, 16px);border-left:4px solid}.explanation-label{font-size:14px;font-weight:700;color:var(--text-primary, #FFFFFF);margin:0 0 8px}.explanation-text{font-size:14px;color:var(--text-secondary, #B8B8D0);margin:0;line-height:1.6}@media(max-width:768px){.question-text{font-size:16px}.option-item{padding:14px;gap:12px}.option-letter{width:32px;height:32px;font-size:13px}.option-text{font-size:14px}}.quiz-timer{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--course-card-bg, #1A1B3A);border-radius:var(--radius-lg, 16px);border:1px solid rgba(255,255,255,.08)}.quiz-timer.is-warning{border-color:var(--course-warning, #FFB800);background:#ffb8001a}.timer-icon{flex-shrink:0}.timer-display{flex:1}.timer-value{font-size:24px;font-weight:700;font-family:var(--font-mono, "Fira Code", monospace)}.timer-progress{width:60px;height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden}.timer-progress-fill{height:100%;border-radius:2px;transition:width 1s linear}@media(max-width:768px){.quiz-timer{padding:10px 14px;gap:10px}.timer-value{font-size:20px}.timer-progress{width:40px}}.quiz-result{padding:32px 24px;text-align:center}.result-header{margin-bottom:32px}.result-icon{width:100px;height:100px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.result-title{font-size:28px;font-weight:700;margin:0 0 8px}.result-subtitle{font-size:15px;color:var(--text-secondary, #B8B8D0);margin:0}.score-circle{position:relative;width:160px;height:160px;margin:0 auto 32px}.score-svg{width:100%;height:100%}.score-content{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.score-value{font-size:40px;font-weight:700;line-height:1}.score-label{font-size:14px;font-weight:600;color:var(--text-secondary, #B8B8D0);margin-top:4px}.result-stats{display:flex;justify-content:center;gap:24px;margin-bottom:32px;padding:20px;background:var(--course-card-bg, #1A1B3A);border-radius:var(--radius-xl, 20px)}.stat-item{display:flex;align-items:center;gap:12px}.stat-icon{width:40px;height:40px;border-radius:var(--radius-md, 12px);display:flex;align-items:center;justify-content:center}.stat-info{text-align:left}.stat-value{display:block;font-size:20px;font-weight:700;color:var(--text-primary, #FFFFFF)}.stat-label{font-size:12px;color:var(--text-muted, rgba(255, 255, 255, .6))}.result-actions{display:flex;gap:12px;justify-content:center}.btn-retry,.btn-continue{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 28px;border:none;border-radius:9999px;font-size:15px;font-weight:600;cursor:pointer;transition:transform .2s ease}.btn-retry{background:#ffffff1a;color:var(--text-primary, #FFFFFF);border:1px solid rgba(255,255,255,.15)}.btn-continue{color:#000}.result-breakdown{margin-top:32px;padding-top:24px;border-top:1px solid rgba(255,255,255,.08)}.breakdown-title{font-size:16px;font-weight:600;color:var(--text-primary, #FFFFFF);margin:0 0 16px;text-align:left}.breakdown-list{display:flex;flex-wrap:wrap;gap:8px}.breakdown-item{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--course-card-bg, #1A1B3A);border-radius:var(--radius-md, 12px)}.breakdown-number{font-size:13px;color:var(--text-secondary, #B8B8D0)}.breakdown-status{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center}@media(max-width:768px){.quiz-result{padding:24px 16px}.result-icon{width:80px;height:80px}.result-icon svg{width:40px;height:40px}.result-title{font-size:24px}.score-circle{width:140px;height:140px}.score-value{font-size:32px}.result-stats{flex-direction:column;gap:16px;padding:16px}.stat-item{justify-content:center}.result-actions{flex-direction:column}.btn-retry,.btn-continue{width:100%}}.course-detail-page{max-width:1400px;margin:0 auto;padding:var(--space-8) var(--space-6);padding-bottom:var(--space-20, 120px);min-height:100vh}.btn-back{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-lg);color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--font-medium);font-family:var(--font-body);cursor:pointer;transition:all var(--transition-base);margin-bottom:var(--space-6)}.btn-back:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-hover);transform:translate(-4px)}.course-detail-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:var(--space-4)}.course-detail-loading .loading-spinner-icon{animation:spin 1s linear infinite;color:var(--course-primary)}.course-detail-loading p{color:var(--text-muted);font-size:var(--text-base)}.course-detail-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:var(--space-4);text-align:center}.course-detail-error svg{color:var(--course-error);opacity:.7}.course-detail-error h2{color:var(--text-primary);font-size:var(--text-xl);font-weight:var(--font-bold);margin:0}.btn-back-courses{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);background:var(--tier1-bg);border:2px solid var(--tier1-border);border-radius:var(--radius-full);color:var(--tier1-color);font-size:var(--text-sm);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-base);margin-top:var(--space-4)}.btn-back-courses:hover{background:#00f0ff33;border-color:var(--tier1-color)}.course-detail-layout{display:grid;grid-template-columns:1fr 400px;gap:var(--space-12);align-items:start}.course-detail-main{display:flex;flex-direction:column;gap:var(--space-6)}.course-detail-sidebar{position:sticky;top:100px;display:flex;flex-direction:column;gap:var(--space-6)}.course-hero-banner{border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-lg)}.hero-thumbnail{position:relative;aspect-ratio:16/9;background:var(--gradient-card)}.hero-thumbnail img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1}.hero-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);background:var(--bg-card);color:var(--text-muted);z-index:0}.hero-placeholder svg{opacity:.3;color:var(--tier2-color)}.hero-placeholder span{font-size:var(--text-sm);font-weight:var(--font-medium);opacity:.5}.course-info-section{display:flex;flex-direction:column;gap:var(--space-5)}.course-tier-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:var(--tracking-wide);width:fit-content;border:1px solid}.course-detail-title{font-size:var(--text-3xl);font-weight:var(--font-extrabold);font-family:var(--font-display);color:var(--text-primary);line-height:var(--leading-tight);margin:0;letter-spacing:var(--tracking-tight)}.course-detail-description{font-size:var(--text-base);font-family:var(--font-body);color:var(--text-secondary);line-height:var(--leading-relaxed);margin:0}.course-quick-stats{display:flex;flex-wrap:wrap;gap:var(--space-3)}.quick-stat{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-lg);transition:all var(--transition-fast)}.quick-stat:hover{background:var(--bg-card-hover);border-color:var(--border-hover)}.quick-stat svg{color:var(--brand-gold);flex-shrink:0}.quick-stat .stat-value{font-size:var(--text-base);font-weight:var(--font-bold);color:var(--text-primary)}.quick-stat .stat-label{font-size:var(--text-sm);color:var(--text-muted);margin-left:-2px}.course-instructor-card{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);background:var(--gradient-course-card);border:1px solid var(--tier2-border);border-radius:var(--radius-lg);transition:all var(--transition-base)}.course-instructor-card:hover{border-color:var(--tier2-color);transform:translateY(-2px)}.instructor-avatar{width:52px;height:52px;border-radius:var(--radius-circle);object-fit:cover;border:2px solid var(--tier2-border)}.instructor-info{display:flex;flex-direction:column;gap:2px}.instructor-label{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wide);font-weight:var(--font-medium)}.instructor-name{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary)}.course-tabs{display:flex;gap:var(--space-2);padding:var(--space-2);background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-primary)}.tab-btn{flex:1;padding:var(--space-3) var(--space-5);background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-muted);font-size:var(--text-sm);font-weight:var(--font-semibold);font-family:var(--font-body);cursor:pointer;transition:all var(--transition-fast)}.tab-btn:hover:not(.active){background:var(--bg-hover);color:var(--text-secondary)}.tab-btn.active{background:var(--tier3-bg);color:var(--brand-gold);box-shadow:0 2px 12px #ffbd5926}.tab-content{min-height:400px;padding-bottom:var(--space-8)}.overview-content{display:flex;flex-direction:column;gap:var(--space-5)}.content-card{padding:var(--space-6);background:var(--bg-card);border-radius:var(--radius-xl);border:1px solid var(--border-primary)}.card-title{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-lg);font-weight:var(--font-bold);font-family:var(--font-display);color:var(--text-primary);margin:0 0 var(--space-4) 0}.card-title svg{color:var(--course-primary)}.card-text{font-size:var(--text-sm);font-family:var(--font-body);color:var(--text-secondary);line-height:var(--leading-relaxed);margin:0;white-space:pre-wrap}.requirements-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-3)}.requirements-list li{display:flex;align-items:flex-start;gap:var(--space-3);font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-normal)}.requirements-list li:before{content:"";width:8px;height:8px;background:var(--gradient-cyan);border-radius:var(--radius-circle);flex-shrink:0;margin-top:7px}.curriculum-content{display:flex;flex-direction:column;gap:var(--space-5);padding-bottom:var(--space-12)}.curriculum-header{margin-bottom:var(--space-1)}.curriculum-summary{font-size:var(--text-sm);color:var(--text-muted);font-weight:var(--font-medium)}.modules-list{display:flex;flex-direction:column;gap:var(--space-4)}.outcomes-content{padding:var(--space-2) 0}.outcomes-grid{display:flex;flex-direction:column;gap:var(--space-3)}.outcome-card{display:flex;align-items:flex-start;gap:var(--space-4);padding:var(--space-4) var(--space-5);background:#3af7a60a;border-radius:var(--radius-lg);border:1px solid rgba(58,247,166,.1);transition:all var(--transition-base)}.outcome-card:hover{background:#3af7a614;border-color:#3af7a633;transform:translate(4px)}.outcome-icon{width:40px;height:40px;background:var(--tier-free-bg);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.outcome-icon svg{color:var(--course-success)}.outcome-card span{font-size:var(--text-sm);color:var(--text-primary);line-height:var(--leading-normal);padding-top:var(--space-2)}.no-outcomes{font-size:var(--text-sm);color:var(--text-muted);text-align:center;padding:var(--space-12)}.enrollment-card{padding:var(--space-6);background:var(--bg-glass);backdrop-filter:blur(var(--blur-glass));-webkit-backdrop-filter:blur(var(--blur-glass));border-radius:var(--radius-xl);border:1px solid var(--border-primary);display:flex;flex-direction:column;gap:var(--space-5);box-shadow:var(--shadow-xl)}.enrollment-progress{display:flex;align-items:center;gap:var(--space-4);padding-bottom:var(--space-5);border-bottom:1px solid var(--border-primary)}.progress-circle{position:relative;width:68px;height:68px;flex-shrink:0}.progress-circle svg{width:100%;height:100%;transform:rotate(-90deg)}.progress-circle .progress-bg{stroke:var(--border-primary)}.progress-circle .progress-fill{transition:stroke-dasharray var(--transition-slow)}.progress-text{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:var(--text-base);font-weight:var(--font-extrabold);color:var(--text-primary)}.progress-info{display:flex;flex-direction:column;gap:var(--space-1)}.progress-label{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary)}.progress-detail{font-size:var(--text-xs);color:var(--text-muted)}.btn-enroll{display:flex;align-items:center;justify-content:center;gap:var(--space-3);width:100%;padding:var(--space-4) var(--space-6);border:none;border-radius:var(--radius-lg);font-size:var(--text-base);font-weight:var(--font-bold);font-family:var(--font-body);cursor:pointer;transition:all var(--transition-base);color:var(--bg-base-dark)}.btn-enroll:hover{transform:translateY(-2px);box-shadow:var(--glow-cyan)}.btn-enroll:active{transform:translateY(0)}.btn-enroll:disabled{opacity:.7;cursor:not-allowed;transform:none}.btn-enroll.locked{background:var(--tier3-bg);border:2px solid var(--tier3-border);color:var(--brand-gold)}.btn-enroll.locked:hover{background:#ffbd5926;box-shadow:var(--glow-gold)}.btn-enroll .spinner{animation:spin 1s linear infinite}.enrollment-features{display:flex;flex-direction:column;gap:var(--space-2)}.feature-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);font-size:var(--text-sm);color:var(--text-secondary);background:var(--bg-hover);border-radius:var(--radius-md);transition:all var(--transition-fast)}.feature-item:hover{background:var(--bg-card)}.feature-item svg{color:var(--course-success);flex-shrink:0}.tier-required-info{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-md);border:1px solid;font-size:var(--text-sm);color:var(--text-secondary)}.tier-required-info strong{font-weight:var(--font-bold)}.certificate-card{padding:var(--space-6);background:var(--tier3-bg);border:1px solid var(--tier3-border);border-radius:var(--radius-xl);text-align:center}.certificate-card .certificate-icon{color:var(--brand-gold);margin-bottom:var(--space-4)}.certificate-card h4{font-size:var(--text-lg);font-weight:var(--font-extrabold);font-family:var(--font-display);color:var(--text-primary);margin:0 0 var(--space-2) 0}.certificate-card p{font-size:var(--text-sm);color:var(--text-secondary);margin:0 0 var(--space-5) 0}.btn-certificate{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);background:var(--gradient-cyan);border:none;border-radius:var(--radius-full);color:var(--bg-base-dark);font-size:var(--text-sm);font-weight:var(--font-bold);font-family:var(--font-body);cursor:pointer;transition:all var(--transition-base)}.btn-certificate:hover{transform:translateY(-2px);box-shadow:var(--glow-gold)}@media(max-width:1024px){.course-detail-layout{grid-template-columns:1fr;gap:var(--space-6)}.course-detail-sidebar{position:relative;top:0;order:-1}}@media(max-width:768px){.course-detail-page{padding:var(--space-6) var(--space-4)}.course-detail-title{font-size:var(--text-2xl)}.course-quick-stats{gap:var(--space-2)}.quick-stat{padding:var(--space-3);flex:1 1 calc(50% - var(--space-1));min-width:140px}.course-tabs{flex-direction:column;gap:var(--space-1);padding:var(--space-2)}.tab-btn{text-align:center}}@media(max-width:480px){.course-detail-page{padding:var(--space-4) var(--space-3)}.btn-back{padding:var(--space-2) var(--space-3);font-size:var(--text-xs)}.course-detail-title{font-size:var(--text-xl)}.course-quick-stats{flex-direction:column}.quick-stat{flex:unset;width:100%}.hero-play-btn{width:64px;height:64px}.content-card{padding:var(--space-5) var(--space-4)}.card-title{font-size:var(--text-base)}.enrollment-card{padding:var(--space-5) var(--space-4)}.btn-enroll{padding:var(--space-4) var(--space-5);font-size:var(--text-sm)}.certificate-card{padding:var(--space-5) var(--space-4)}}.learning-page{display:flex;min-height:100vh;background:linear-gradient(135deg,#0a0e27,#141b3d,#1e2a5e);background-attachment:fixed}.mobile-sidebar-toggle{position:fixed;top:16px;left:16px;z-index:100;width:48px;height:48px;background:var(--bg-glass, rgba(15, 16, 48, .55));-webkit-backdrop-filter:blur(var(--blur-glass, 18px));backdrop-filter:blur(var(--blur-glass, 18px));border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg, 16px);color:var(--text-primary, #FFFFFF);display:none;align-items:center;justify-content:center;cursor:pointer}.sidebar-overlay{display:none;position:fixed;inset:0;background:#0009;z-index:199}.learning-page>.learning-sidebar{all:revert!important;width:340px!important;min-width:340px!important;max-width:340px!important;background:#0a0e27f2!important;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;border-right:1px solid rgba(74,144,226,.15)!important;display:flex!important;flex-direction:column!important;height:100vh!important;position:sticky!important;top:0!important;overflow:hidden!important;flex-shrink:0!important;z-index:100!important;visibility:visible!important;opacity:1!important;transform:none!important;pointer-events:auto!important}@media(min-width:1025px){.learning-page>.learning-sidebar,.learning-page>aside.learning-sidebar{all:revert!important;width:340px!important;min-width:340px!important;max-width:340px!important;display:flex!important;flex-direction:column!important;position:sticky!important;top:0!important;left:auto!important;right:auto!important;transform:none!important;opacity:1!important;visibility:visible!important;height:100vh!important;background:#0a0e27f2!important;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;border-right:1px solid rgba(74,144,226,.15)!important;overflow:hidden!important;flex-shrink:0!important;z-index:100!important;pointer-events:auto!important}}.learning-page>.learning-sidebar .sidebar-header,.learning-sidebar .sidebar-header{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:16px!important;border-bottom:1px solid rgba(255,255,255,.08)!important;visibility:visible!important;opacity:1!important}.btn-back-course{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#1e2a5e80;border:1px solid rgba(74,144,226,.2);border-radius:var(--radius-md, 12px);color:var(--text-secondary, #B8B8D0);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-back-course:hover{background:#ffffff14;color:var(--text-primary, #FFFFFF)}.btn-close-sidebar{display:none;width:40px;height:40px;background:transparent;border:none;border-radius:var(--radius-md, 12px);color:var(--text-secondary, #B8B8D0);cursor:pointer;align-items:center;justify-content:center}.btn-close-sidebar:hover{background:#ffffff14;color:var(--text-primary, #FFFFFF)}.preview-mode-banner{display:flex;align-items:center;gap:8px;padding:12px 16px;background:linear-gradient(135deg,#8b5cf633,#6366f126);border-bottom:1px solid rgba(139,92,246,.3);color:var(--brand-purple, #8B5CF6);font-size:13px;font-weight:500}.preview-mode-banner svg{flex-shrink:0}.preview-mode-banner span{flex:1}.preview-mode-banner button{padding:6px 12px;background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff;border:none;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease}.preview-mode-banner button:hover{transform:scale(1.02);box-shadow:0 4px 12px #8b5cf666}.sidebar-course-info{padding:20px 16px;border-bottom:1px solid rgba(255,255,255,.08)}.learning-sidebar .sidebar-course-title{font-size:15px!important;font-weight:700;color:#fff;margin:0 0 6px;line-height:1.3}.sidebar-instructor{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text-muted, rgba(255, 255, 255, .6));margin-bottom:16px}.sidebar-instructor svg{color:var(--course-primary, #00F0FF)}.sidebar-progress-card{display:flex;align-items:center;gap:14px;padding:14px;background:#1e2a5e66;border-radius:var(--radius-lg, 16px);border:1px solid rgba(74,144,226,.2)}.progress-circle-small{position:relative;width:50px;height:50px;flex-shrink:0}.progress-circle-small svg{width:100%;height:100%;transform:rotate(-90deg)}.progress-circle-small .progress-bg{stroke:#ffffff1a}.progress-circle-small .progress-fill{transition:stroke-dasharray .5s ease}.progress-text-small{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:var(--text-primary, #FFFFFF)}.progress-info-small{display:flex;flex-direction:column;gap:2px}.progress-info-small .progress-label{font-size:13px;font-weight:600;color:var(--text-primary, #FFFFFF)}.progress-info-small .progress-detail{font-size:12px;color:var(--text-muted, rgba(255, 255, 255, .6))}.learning-page>.learning-sidebar .sidebar-modules,.learning-sidebar .sidebar-modules{flex:1!important;overflow-y:auto!important;padding:12px!important;display:block!important;visibility:visible!important;opacity:1!important}.learning-page>.learning-sidebar .sidebar-module,.learning-sidebar .sidebar-module{margin-bottom:8px!important;display:block!important;visibility:visible!important;opacity:1!important}.learning-page>.learning-sidebar .module-header-btn,.learning-sidebar .module-header-btn{width:100%!important;display:flex!important;align-items:center!important;justify-content:space-between!important;padding:10px 12px!important;background:#1e2a5e80!important;border:1px solid rgba(74,144,226,.15)!important;border-radius:12px!important;cursor:pointer!important;transition:all .2s ease!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important;font-size:13px!important;visibility:visible!important;opacity:1!important}.module-header-btn:hover{border-color:#ffffff26}.module-header-btn.expanded{border-color:var(--course-primary, #00F0FF);border-bottom-left-radius:0;border-bottom-right-radius:0}.module-header-left{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.learning-sidebar .module-header-btn .module-number{font-size:10px!important;font-weight:600;color:var(--course-primary, #00F0FF);text-transform:uppercase;letter-spacing:.5px;line-height:1.2}.learning-sidebar .module-header-btn .module-title{font-size:13px!important;font-weight:600;color:#fff;text-align:left;line-height:1.3}.module-header-right{display:flex;align-items:center;gap:8px}.learning-sidebar .module-progress{font-size:11px!important;color:#ffffff80}.module-chevron{color:var(--text-secondary, #B8B8D0);transition:transform .2s ease}.module-chevron.rotated{transform:rotate(90deg)}.learning-page>.learning-sidebar .module-lessons,.learning-sidebar .module-lessons{background:#141b3d99!important;border:1px solid rgba(74,144,226,.12)!important;border-top:none!important;border-radius:0 0 var(--radius-lg, 16px) var(--radius-lg, 16px)!important;padding:6px!important;overflow:hidden!important;display:block!important;visibility:visible!important;opacity:1!important}.learning-page>.learning-sidebar .module-lessons .lesson-item,.learning-sidebar .module-lessons .lesson-item{width:100%!important;display:flex!important;align-items:center!important;gap:10px!important;padding:8px 10px!important;background:transparent!important;border:none!important;border-radius:8px!important;cursor:pointer!important;transition:all .2s ease!important;text-align:left!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important;font-size:13px!important;visibility:visible!important;opacity:1!important}.lesson-item:hover:not(.locked){background:#ffffff0d}.lesson-item.active{background:#00f0ff1a}.lesson-item.completed .lesson-icon{color:var(--course-success, #3AF7A6)}.lesson-item.locked{opacity:.5;cursor:not-allowed}.learning-sidebar .lesson-item .lesson-icon{width:26px;height:26px;min-width:26px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border-radius:6px;flex-shrink:0;color:var(--text-secondary, #B8B8D0)}.learning-sidebar .lesson-item .lesson-icon svg{width:14px!important;height:14px!important}.lesson-item.active .lesson-icon{background:#00f0ff26;color:var(--course-primary, #00F0FF)}.icon-completed{color:var(--course-success, #3AF7A6)}.icon-active{color:var(--course-primary, #00F0FF)}.learning-sidebar .lesson-item .lesson-details{flex:1;display:flex;flex-direction:column;gap:1px;min-width:0;overflow:hidden}.learning-sidebar .lesson-item .lesson-num{font-size:11px!important;font-weight:500;color:#ffffff80;line-height:1.2}.learning-sidebar .lesson-item .lesson-title{font-size:13px!important;font-weight:500;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.learning-sidebar .lesson-item.active .lesson-title{color:var(--course-primary, #00F0FF)}.learning-sidebar .lesson-item .lesson-duration{font-size:11px!important;color:#ffffff80;white-space:nowrap;flex-shrink:0}.learning-main{flex:1;display:flex;flex-direction:column;align-items:center;overflow-y:auto;transition:margin-left .3s ease}.learning-main.full-width{margin-left:0}.lesson-wrapper{flex:1;display:flex;flex-direction:column;max-width:1200px;width:100%;padding:24px 40px;box-sizing:border-box}.lesson-content-area{margin-bottom:24px;width:100%}.video-player-wrapper{position:relative;aspect-ratio:16/9;background:#000;border-radius:var(--radius-xl, 20px);overflow:hidden}.lesson-video{width:100%;height:100%;object-fit:contain}.video-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;min-height:300px;color:var(--text-muted, rgba(255, 255, 255, .6));gap:16px}.article-wrapper{background:#1e2a5e66;border-radius:var(--radius-xl, 20px);padding:48px 56px;border:1px solid rgba(74,144,226,.15);min-height:200px;width:100%}.article-wrapper.article-full-html{background:transparent;border:none;padding:0;border-radius:0;width:100%}.article-html-content{contain:content;isolation:isolate;min-height:100px;border-radius:var(--radius-xl, 20px);overflow:hidden;width:100%;max-width:100%;position:relative}.article-html-content [style*="position: fixed"],.article-html-content [style*="position:fixed"]{position:relative!important;inset:auto!important;width:auto!important;height:auto!important;z-index:auto!important}.article-html-content .background-container,.article-html-content .bg-container,.article-html-content .bg-layer,.article-html-content .bg-layer-base,.article-html-content [class*=background-],.article-html-content [class*=bg-layer],.article-html-content .orb,.article-html-content .orb-1,.article-html-content .orb-2,.article-html-content .orb-3,.article-html-content [class*=orb-],.article-html-content [class*=glow-],.article-html-content [class*=blob-]{display:none!important}.article-html-content [style*="inset: 0"],.article-html-content [style*="inset:0"]{position:relative!important;inset:auto!important}.article-html-content [style*="z-index: -"],.article-html-content [style*="z-index:-"]{z-index:auto!important}.article-html-content [style*="min-height: 100vh"],.article-html-content [style*="min-height:100vh"],.article-html-content [style*="height: 100vh"],.article-html-content [style*="height:100vh"]{min-height:auto!important;height:auto!important}.article-html-content section,.article-html-content [class*=section],.article-html-content [class*=container],.article-html-content [class*=wrapper]{overflow:visible!important}.article-html{color:var(--text-primary, #FFFFFF);line-height:1.8;min-height:100px}.article-html svg{display:block;max-width:100%;height:auto;margin:16px auto}.article-html img{max-width:100%;height:auto;display:block;margin:16px auto}.article-html h1,.article-html h2,.article-html h3{color:var(--text-primary, #FFFFFF);margin-top:24px;margin-bottom:16px}.article-html p{margin-bottom:16px}.article-html ul,.article-html ol{margin:16px 0;padding-left:24px}.article-html li{margin-bottom:8px}.article-html table{width:100%;border-collapse:collapse;margin:16px 0}.article-html th,.article-html td{border:1px solid rgba(255,255,255,.2);padding:12px;text-align:left}.article-html th{background:#ffffff1a}.article-html a{color:var(--accent-primary, #5D5FEF);text-decoration:underline}.article-html pre,.article-html code{background:#0000004d;border-radius:4px;font-family:Monaco,Consolas,monospace}.article-html pre{padding:16px;overflow-x:auto}.article-html code{padding:2px 6px}.article-html blockquote{border-left:4px solid var(--accent-primary, #5D5FEF);padding-left:16px;margin:16px 0;font-style:italic;color:#fffc}.content-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;color:var(--text-muted, rgba(255, 255, 255, .6));gap:16px}.quiz-start,.quiz-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center;padding:40px;background:#1e2a5e66;border-radius:var(--radius-xl, 20px);border:1px solid rgba(74,144,226,.15)}.quiz-start-icon{color:var(--course-primary, #00F0FF);margin-bottom:16px}.quiz-start h3,.quiz-empty h3{font-size:24px;font-weight:700;color:var(--text-primary, #FFFFFF);margin:0 0 8px}.quiz-start p,.quiz-empty p{font-size:16px;color:var(--text-muted, rgba(255, 255, 255, .6));margin:0 0 24px}.btn-start-quiz{display:flex;align-items:center;gap:10px;padding:14px 32px;background:linear-gradient(135deg,var(--course-primary, #00F0FF) 0%,#00D4FF 100%);border:none;border-radius:9999px;color:#000;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease}.btn-start-quiz:hover{box-shadow:0 8px 24px #00f0ff4d}.quiz-active{background:#1e2a5e66;border-radius:var(--radius-xl, 20px);padding:24px;border:1px solid rgba(74,144,226,.15)}.quiz-progress{display:flex;align-items:center;gap:16px;margin-bottom:24px;font-size:14px;color:var(--text-secondary, #B8B8D0)}.quiz-progress-bar{flex:1;height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden}.quiz-progress-fill{height:100%;border-radius:2px;transition:width .3s ease}.lesson-info-bar{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:20px 28px;background:#1e2a5e80;border-radius:16px;border:1px solid rgba(74,144,226,.2);margin-bottom:20px;width:100%;box-sizing:border-box}.lesson-meta{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px}.module-badge{display:inline-flex;align-items:center;padding:5px 12px;border-radius:20px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;border:1px solid;width:fit-content}.lesson-title-main{font-size:22px;font-weight:700;color:var(--text-primary, #FFFFFF);margin:0;line-height:1.35;word-wrap:break-word}.lesson-actions{display:flex;align-items:center;gap:12px;flex-shrink:0}.btn-mark-complete{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;color:#1a1a2e;white-space:nowrap}.btn-mark-complete:disabled{opacity:.7;cursor:not-allowed}.btn-mark-complete:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 16px #00f0ff4d}.completed-badge{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:#3af7a626;border:1px solid rgba(58,247,166,.3);border-radius:10px;font-size:13px;font-weight:600;white-space:nowrap}.lesson-navigation{display:flex;align-items:center;gap:12px;margin-bottom:24px;width:100%}.btn-nav{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;background:#1e2a5e80;border:1px solid rgba(74,144,226,.2);border-radius:12px;color:var(--text-secondary, #B8B8D0);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap;flex-shrink:0}.btn-next{flex:1;max-width:none}.btn-nav:hover:not(:disabled){background:#ffffff14;border-color:#fff3;color:var(--text-primary, #FFFFFF)}.btn-nav:disabled{opacity:.4;cursor:not-allowed;flex:0}.content-tabs{background:#1e2a5e66;border-radius:12px;border:1px solid rgba(74,144,226,.15);overflow:hidden;width:100%}.tabs-nav{display:flex;gap:0;padding:0;background:transparent;border-bottom:none}.tab-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 24px;background:#1e2a5e4d;border:1px solid rgba(74,144,226,.15);border-radius:0;color:var(--text-secondary, #B8B8D0);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.tab-btn:first-child{border-radius:12px 0 0;border-right:none}.tab-btn:last-child{border-radius:0 12px 0 0}.tab-btn:hover:not(.active){color:var(--text-primary, #FFFFFF);background:#ffffff0d}.tab-btn.active{color:#1a1a2e;background:linear-gradient(135deg,#ffbd59,#f5a623);font-weight:600;border-color:transparent}.tab-content{padding:24px;min-height:180px;width:100%;box-sizing:border-box}.content-panel,.notes-panel,.files-panel{width:100%}.notes-content{display:flex;flex-direction:column;gap:12px}.notes-textarea{width:100%;min-height:200px;padding:16px;background:#0000004d;border:1px solid rgba(74,144,226,.2);border-radius:12px;color:var(--text-primary, #FFFFFF);font-size:14px;font-family:inherit;line-height:1.6;resize:vertical;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.notes-textarea::placeholder{color:#fff6}.notes-textarea:focus{border-color:#ffbd5980;box-shadow:0 0 0 3px #ffbd591a}.notes-hint{display:flex;align-items:center;gap:6px;font-size:12px;color:#ffffff80;margin:0}.notes-hint svg{color:#3af7a6}.notes-hint .loading-spinner{color:#ffbd59;animation:spin 1s linear infinite}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center;color:var(--text-muted, rgba(255, 255, 255, .6));gap:12px}.file-item{display:flex;align-items:center;gap:12px;padding:14px 16px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md, 12px);color:var(--text-primary, #FFFFFF);text-decoration:none;transition:all .2s ease;margin-bottom:8px}.file-item:hover{background:#ffffff14;border-color:#ffffff26}.file-item svg{color:var(--course-primary, #00F0FF)}.learning-loading,.learning-error,.lesson-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:16px;color:var(--text-muted, rgba(255, 255, 255, .6))}.lesson-loading{min-height:400px}.loading-spinner{animation:spin 1s linear infinite;color:var(--course-primary, #00F0FF)}.btn-back-to-courses{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:#00f0ff1a;border:2px solid rgba(0,240,255,.3);border-radius:9999px;color:var(--course-primary, #00F0FF);font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:16px}.btn-back-to-courses:hover{background:#00f0ff33;border-color:#00f0ff80}@media(max-width:1024px){.mobile-sidebar-toggle{display:flex}.sidebar-overlay{display:block}.learning-sidebar{position:fixed;left:0;top:0;z-index:200;box-shadow:4px 0 24px #0006;transform:translate(-100%);transition:transform .3s ease}.learning-sidebar.open{transform:translate(0)}.btn-close-sidebar{display:flex}.learning-main{margin-left:0;padding-top:72px}.lesson-wrapper{padding:16px}}@media(max-width:768px){.lesson-info-bar{flex-direction:column;align-items:flex-start;gap:16px;padding:16px}.lesson-title-main{font-size:20px}.lesson-actions{width:100%}.btn-mark-complete{width:100%;justify-content:center}.lesson-navigation{flex-direction:row;flex-wrap:nowrap}.btn-nav{padding:10px 16px;font-size:13px}.btn-prev{flex-shrink:0}.btn-next{flex:1}.tabs-nav{padding:0;gap:0}.tab-btn{flex:1;justify-content:center;padding:12px 14px;font-size:13px}.tab-btn:first-child{border-radius:10px 0 0}.tab-btn:last-child{border-radius:0 10px 0 0}.tab-btn svg{width:16px;height:16px}.tab-content{padding:16px}.notes-textarea{min-height:150px;padding:12px}.article-wrapper{padding:20px 16px}}@media(max-width:480px){.learning-sidebar{width:100%;min-width:100%}.lesson-wrapper{padding:16px 12px}.lesson-info-bar{flex-direction:column;padding:16px;gap:12px}.lesson-meta{width:100%}.lesson-actions{width:100%;justify-content:flex-start}.btn-mark-complete{width:100%;justify-content:center}.lesson-title-main{font-size:18px}.module-badge{font-size:10px;padding:4px 10px}.lesson-navigation{gap:8px}.btn-nav{padding:10px 12px;font-size:12px}.btn-nav svg{width:16px;height:16px}.content-tabs{border-radius:10px}.tabs-nav{padding:0;gap:0}.tab-btn{padding:10px;font-size:12px;gap:4px}.tab-btn:first-child{border-radius:8px 0 0}.tab-btn:last-child{border-radius:0 8px 0 0}.tab-btn svg{width:14px;height:14px}.tab-content{padding:12px}.notes-textarea{min-height:120px;padding:10px;font-size:13px}.quiz-start,.quiz-empty{padding:24px 16px;min-height:300px}.quiz-start h3,.quiz-empty h3{font-size:20px}}.sidebar-modules::-webkit-scrollbar,.learning-main::-webkit-scrollbar,.tab-content::-webkit-scrollbar{width:6px}.sidebar-modules::-webkit-scrollbar-track,.learning-main::-webkit-scrollbar-track,.tab-content::-webkit-scrollbar-track{background:#ffffff05}.sidebar-modules::-webkit-scrollbar-thumb,.learning-main::-webkit-scrollbar-thumb,.tab-content::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.sidebar-modules::-webkit-scrollbar-thumb:hover,.learning-main::-webkit-scrollbar-thumb:hover,.tab-content::-webkit-scrollbar-thumb:hover{background:#fff3}.scroll-to-top-btn{position:fixed;bottom:32px;right:32px;z-index:100;width:52px;height:52px;background:linear-gradient(135deg,#00d9ff,#4a90e2);border:none;border-radius:50%;color:#000;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 20px #00d9ff66;transition:box-shadow .3s ease}.scroll-to-top-btn:hover{box-shadow:0 6px 28px #00d9ff80}@media(max-width:767px){.learning-page{flex-direction:column}.mobile-sidebar-toggle{display:flex;top:12px;left:12px;width:44px;height:44px;border-radius:12px}.sidebar-overlay.active{display:block}.learning-sidebar{position:fixed;left:0;top:0;width:85%;max-width:320px;min-width:auto;height:100vh;z-index:200;transform:translate(-100%);transition:transform .3s ease}.learning-sidebar.open{transform:translate(0)}.sidebar-header{padding:12px;gap:8px}.btn-back-course{padding:8px 12px;font-size:13px;gap:6px;min-height:40px}.btn-close-sidebar{display:flex;width:36px;height:36px}.sidebar-course-title{padding:10px 12px;margin-bottom:10px}.sidebar-course-title h2{font-size:16px}.sidebar-course-title p{font-size:12px;margin-top:2px}.overall-progress{padding:12px;margin:10px 12px;border-radius:10px}.progress-header{margin-bottom:8px}.progress-label{font-size:12px}.progress-percent{font-size:14px}.progress-bar{height:6px}.sidebar-modules{padding:0 8px 16px;gap:8px}.module-section{margin-bottom:8px}.module-header{padding:12px;gap:10px;border-radius:10px}.module-icon{width:32px;height:32px;border-radius:8px}.module-title{font-size:13px;margin-bottom:3px}.module-meta{font-size:11px;gap:8px}.module-arrow{width:20px;height:20px}.lessons-list{gap:4px;padding:6px 0 0}.lesson-item{padding:10px 12px;gap:10px;border-radius:8px;min-height:44px}.lesson-check{width:20px;height:20px}.lesson-title{font-size:12px}.lesson-duration{font-size:10px}.learning-main{width:100%;margin-left:0!important}.lesson-wrapper{padding:12px}.lesson-header{margin-bottom:16px;gap:10px}.lesson-title-main{font-size:18px;line-height:1.3}.module-badge{font-size:10px;padding:3px 8px}.video-player-wrapper{border-radius:12px}.video-placeholder{min-height:200px;gap:12px}.video-placeholder svg{width:48px;height:48px}.video-placeholder p{font-size:14px}.article-wrapper{padding:16px;border-radius:14px}.article-html{font-size:14px;line-height:1.6}.article-html h1{font-size:22px;margin-top:20px;margin-bottom:12px}.article-html h2{font-size:18px;margin-top:18px;margin-bottom:10px}.article-html h3{font-size:16px;margin-top:16px;margin-bottom:8px}.article-html p{margin-bottom:12px}.content-empty{min-height:200px;gap:12px;padding:20px}.content-empty svg{width:48px;height:48px}.content-empty p{font-size:14px}.quiz-start,.quiz-empty{min-height:280px;padding:24px 16px;border-radius:14px}.quiz-start-icon svg{width:48px;height:48px}.quiz-start h3,.quiz-empty h3{font-size:18px;margin-bottom:6px}.quiz-start p,.quiz-empty p{font-size:14px;margin-bottom:20px}.btn-start-quiz{padding:12px 24px;font-size:14px;gap:8px}.quiz-active{padding:16px;border-radius:14px}.quiz-progress{gap:12px;margin-bottom:16px;font-size:12px}.lesson-info-bar{padding:12px;margin-bottom:16px;gap:8px;border-radius:10px;flex-wrap:wrap}.lesson-badge{font-size:10px;padding:3px 8px}.lesson-info-bar span{font-size:12px}.nav-buttons{padding:12px;gap:10px;flex-wrap:wrap}.btn-prev,.btn-complete,.btn-next{padding:10px 18px;font-size:13px;gap:6px;min-height:44px;border-radius:10px}.btn-complete{flex:1;min-width:140px}.tabs-nav{padding:8px 10px 0;gap:6px}.tab-btn{padding:10px 14px;font-size:12px;gap:6px;border-radius:10px 10px 0 0}.tab-btn svg{width:16px;height:16px}.tab-content{padding:14px;border-radius:0 0 12px 12px}.notes-content textarea{min-height:120px;font-size:14px;padding:12px}.btn-save-notes{padding:10px 20px;font-size:13px;min-height:40px}.loading-overlay{gap:12px}.loading-overlay p{font-size:14px}.error-state{padding:32px 16px}.error-state svg{width:48px;height:48px;margin-bottom:12px}.error-state h3{font-size:18px;margin-bottom:6px}.error-state p{font-size:14px;margin-bottom:16px}.btn-retry-lesson{padding:10px 20px;font-size:13px;min-height:40px}}.preview-modal-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-4)}.preview-modal{background:var(--bg-base-dark);border:1px solid var(--border-primary);border-radius:var(--radius-xl);width:95%;max-width:700px;min-width:500px;max-height:85vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 25px 50px -12px #00000080}.preview-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-primary);background:var(--bg-elevated)}.preview-title{display:flex;align-items:center;gap:var(--space-3);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0}.preview-title svg{color:var(--brand-gold)}.btn-close-preview{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:transparent;border:1px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast)}.btn-close-preview:hover{border-color:var(--border-active);color:var(--text-primary)}.preview-content{flex:1;overflow-y:auto;padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-6)}.preview-loading,.preview-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-10);gap:var(--space-4)}.preview-loading .loading-spinner{width:40px;height:40px;border:3px solid var(--border-primary);border-top-color:var(--brand-gold);border-radius:50%;animation:spin 1s linear infinite}.preview-error{color:#ef4444}.preview-course-header{display:flex;gap:var(--space-4);align-items:flex-start;padding-bottom:var(--space-4);border-bottom:1px solid var(--border-primary)}.preview-thumbnail{width:160px;min-width:160px;aspect-ratio:16 / 9;border-radius:var(--radius-md);overflow:hidden;background:var(--bg-elevated);flex-shrink:0}.preview-thumbnail img{width:100%;height:100%;object-fit:cover}.thumbnail-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--text-muted)}.preview-basic-info{flex:1;display:flex;flex-direction:column;gap:var(--space-2);min-width:0}.preview-course-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0;word-break:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.preview-description-section{background:var(--bg-elevated);border:1px solid var(--border-primary);border-radius:var(--radius-md);padding:var(--space-3)}.preview-description-section h4{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--brand-gold);margin:0 0 var(--space-2);text-transform:uppercase;letter-spacing:.5px}.preview-course-description{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.6;margin:0;max-height:60px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;word-break:break-word}.preview-meta{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}.tier-badge{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);background:#ffbd5926;color:var(--brand-gold)}.tier-badge.tier-free{background:#22c55e26;color:#22c55e}.tier-badge.tier-tier1{background:#3b82f626;color:#3b82f6}.tier-badge.tier-tier2{background:#a855f726;color:#a855f7}.tier-badge.tier-tier3{background:#ffbd5926;color:var(--brand-gold)}.difficulty-badge{padding:var(--space-1) var(--space-3);background:var(--bg-elevated);border:1px solid var(--border-primary);border-radius:var(--radius-full);font-size:var(--font-size-xs);color:var(--text-secondary)}.meta-item{display:flex;align-items:center;gap:var(--space-1);font-size:var(--font-size-sm);color:var(--text-muted)}.preview-outcomes{padding:var(--space-3);background:var(--bg-elevated);border:1px solid var(--border-primary);border-radius:var(--radius-md);max-height:150px;overflow-y:auto}.preview-outcomes h4{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--brand-gold);margin:0 0 var(--space-2);text-transform:uppercase;letter-spacing:.5px}.preview-outcomes ul{margin:0;padding:0 0 0 var(--space-4)}.preview-outcomes li{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--space-2);word-break:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.preview-outcomes li:last-child{margin-bottom:0}.preview-outcomes .more-outcomes{color:var(--brand-gold);font-style:italic;list-style:none;margin-left:calc(-1 * var(--space-4))}.preview-structure{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-primary);overflow:hidden}.structure-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0;padding:var(--space-4);background:var(--bg-elevated);border-bottom:1px solid var(--border-primary)}.no-modules{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-8);color:var(--text-muted)}.modules-list{max-height:400px;overflow-y:auto}.preview-module{border-bottom:1px solid var(--border-primary)}.preview-module:last-child{border-bottom:none}.preview-module .module-header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);cursor:pointer;transition:background var(--transition-fast)}.preview-module .module-header:hover{background:var(--bg-elevated)}.module-toggle{color:var(--text-muted)}.module-info{flex:1;display:flex;flex-direction:column;gap:2px}.module-number{font-size:var(--font-size-xs);color:var(--brand-gold);font-weight:var(--font-weight-medium)}.module-title{font-size:var(--font-size-sm);color:var(--text-primary);font-weight:var(--font-weight-medium)}.module-lessons-count{font-size:var(--font-size-xs);color:var(--text-muted)}.module-lessons{background:var(--bg-base-dark);border-top:1px solid var(--border-primary)}.preview-lesson{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4) var(--space-3) var(--space-8);cursor:pointer;transition:background var(--transition-fast);border-bottom:1px solid rgba(255,255,255,.05)}.preview-lesson:last-child{border-bottom:none}.preview-lesson:hover{background:var(--bg-elevated)}.preview-lesson.selected{background:#ffbd591a}.lesson-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--bg-card);border-radius:var(--radius-md);color:var(--text-muted)}.preview-lesson.selected .lesson-icon{background:var(--brand-gold);color:var(--bg-base-dark)}.lesson-info{flex:1;display:flex;flex-direction:column;gap:2px}.lesson-title{font-size:var(--font-size-sm);color:var(--text-primary)}.lesson-meta{display:flex;gap:var(--space-2);align-items:center}.lesson-duration{display:flex;align-items:center;gap:4px;font-size:var(--font-size-xs);color:var(--text-muted)}.preview-tag{padding:2px 6px;background:#22c55e26;border-radius:var(--radius-sm);font-size:10px;color:#22c55e;font-weight:var(--font-weight-medium)}.btn-preview-lesson{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--brand-gold);border:none;border-radius:var(--radius-full);color:var(--bg-base-dark);cursor:pointer;transition:all var(--transition-fast)}.btn-preview-lesson:hover{transform:scale(1.1)}.lesson-preview-panel{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-lg);overflow:hidden}.lesson-preview-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);background:var(--bg-elevated);border-bottom:1px solid var(--border-primary)}.lesson-preview-header h4{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0}.btn-close-lesson{background:transparent;border:none;color:var(--text-muted);cursor:pointer}.btn-close-lesson:hover{color:var(--text-primary)}.lesson-preview-content{padding:var(--space-4);max-height:400px;overflow-y:auto;position:relative}.lesson-preview-content [style*="position: fixed"],.lesson-preview-content [style*="position:fixed"]{position:relative!important;inset:auto!important;width:auto!important;height:auto!important;z-index:auto!important}.lesson-preview-content .background-container,.lesson-preview-content .bg-container,.lesson-preview-content [class*=background-],.lesson-preview-content [class*=bg-layer],.lesson-preview-content .orb,.lesson-preview-content [class*=orb-],.lesson-preview-content [class*=glow-],.lesson-preview-content [class*=blob-]{display:none!important}.lesson-preview-content [style*="z-index: -"],.lesson-preview-content [style*="z-index:-"]{z-index:auto!important}.lesson-preview-content [style*="height: 100vh"],.lesson-preview-content [style*="height:100vh"],.lesson-preview-content [style*="min-height: 100vh"],.lesson-preview-content [style*="min-height:100vh"]{height:auto!important;min-height:auto!important}.lesson-preview-content section,.lesson-preview-content [class*=section],.lesson-preview-content [class*=container],.lesson-preview-content [class*=wrapper]{overflow:visible!important}.video-preview{aspect-ratio:16 / 9;border-radius:var(--radius-md);overflow:hidden}.article-preview{color:var(--text-primary);line-height:1.8;position:relative;overflow:hidden}.article-preview h1,.article-preview h2,.article-preview h3{margin-top:1em;margin-bottom:.5em}.article-preview [style*="position: fixed"],.article-preview [style*="position:fixed"]{position:relative!important;inset:auto!important;width:auto!important;height:auto!important;z-index:auto!important}.article-preview .background-container,.article-preview .bg-container,.article-preview .bg-layer,.article-preview .bg-layer-base,.article-preview [class*=background-],.article-preview [class*=bg-layer],.article-preview .orb,.article-preview [class*=orb-],.article-preview [class*=glow-],.article-preview [class*=blob-]{display:none!important}.article-preview [style*="inset: 0"],.article-preview [style*="inset:0"]{position:relative!important;inset:auto!important}.article-preview [style*="z-index: -"],.article-preview [style*="z-index:-"]{z-index:auto!important}.article-preview [style*="min-height: 100vh"],.article-preview [style*="min-height:100vh"],.article-preview [style*="height: 100vh"],.article-preview [style*="height:100vh"]{min-height:auto!important;height:auto!important}.article-preview section,.article-preview [class*=section],.article-preview [class*=container],.article-preview [class*=wrapper]{overflow:visible!important}.quiz-preview{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-8);color:var(--text-muted);text-align:center}.preview-footer{display:flex;justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-top:1px solid var(--border-primary);background:var(--bg-elevated)}.btn-open-public{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:transparent;border:1px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast)}.btn-open-public:hover{border-color:var(--border-active);color:var(--text-primary)}.btn-close-modal{padding:var(--space-2) var(--space-5);background:var(--brand-gold);border:none;border-radius:var(--radius-md);color:var(--bg-base-dark);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-fast)}.btn-close-modal:hover{opacity:.9}@media(max-width:768px){.preview-modal-overlay{padding:0}.preview-modal{max-height:100vh;border-radius:0;min-width:auto}.preview-content{padding:var(--space-4)}.preview-course-header{flex-direction:column;align-items:center;text-align:center}.preview-thumbnail{width:200px;min-width:200px}.preview-basic-info{align-items:center}.preview-meta{justify-content:center}.preview-footer{flex-direction:column}.btn-open-public,.btn-close-modal{width:100%;justify-content:center}}.course-admin-page{padding:var(--space-6);max-width:1400px;margin:0 auto;background:transparent;position:relative;z-index:1;min-height:100vh}.admin-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid var(--border-primary)}.header-content{display:flex;flex-direction:column;gap:var(--space-1)}.admin-title{display:flex;align-items:center;gap:var(--space-3);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0}.admin-title svg{color:var(--brand-gold)}.admin-subtitle{font-size:var(--font-size-base);color:var(--text-secondary);margin:0}.btn-create-course{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);background:linear-gradient(135deg,var(--brand-gold),#E5A84D);color:var(--bg-base-dark);border:none;border-radius:var(--radius-lg);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-fast)}.btn-create-course:hover{transform:translateY(-2px);box-shadow:0 4px 20px #ffbd5966}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4);margin-bottom:var(--space-6)}.stat-card:hover{border-color:var(--border-active);transform:translateY(-2px)}.stat-icon-gray{background:#9ca3af26;color:#9ca3af}.admin-filters{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--space-5)}.filter-tabs{display:flex;gap:var(--space-2)}.filter-tab{padding:var(--space-2) var(--space-4);background:transparent;border:1px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast)}.filter-tab:hover{border-color:var(--border-active);color:var(--text-primary)}.filter-tab.active{background:var(--brand-gold);border-color:var(--brand-gold);color:var(--bg-base-dark);font-weight:var(--font-weight-semibold)}.sort-dropdown{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-secondary);transition:all var(--transition-fast)}.sort-dropdown:hover{border-color:var(--border-active)}.sort-dropdown:focus-within{border-color:var(--brand-gold);box-shadow:0 0 0 3px #ffbd591a}.sort-dropdown svg{flex-shrink:0;color:var(--text-muted)}.sort-select{background:transparent;border:none;color:var(--text-primary);font-size:var(--font-size-sm);cursor:pointer;outline:none;padding-right:var(--space-2);min-width:140px}.sort-select option{background:var(--bg-card);color:var(--text-primary);padding:var(--space-2)}.courses-section{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-xl);overflow:hidden}.courses-table-container{overflow-x:auto}.courses-table{width:100%;border-collapse:collapse}.courses-table thead{background:var(--bg-elevated)}.courses-table th{padding:var(--space-4);text-align:left;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-primary)}.courses-table tbody tr{border-bottom:1px solid var(--border-primary);transition:background var(--transition-fast)}.courses-table tbody tr:hover{background:var(--bg-elevated)}.courses-table tbody tr:last-child{border-bottom:none}.courses-table td{padding:var(--space-4);vertical-align:middle}.course-cell{min-width:280px}.course-info-cell{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2);margin:calc(var(--space-2) * -1);border-radius:var(--radius-md);transition:background-color var(--transition-fast)}.course-info-cell.clickable:hover{background-color:#ffbd591a}.course-info-cell.clickable .course-title-cell:hover{color:var(--brand-gold);text-decoration:underline}.course-thumbnail-small{width:64px;height:40px;object-fit:cover;border-radius:var(--radius-md);background:var(--bg-elevated)}.course-details-cell{display:flex;flex-direction:column;gap:var(--space-1)}.course-title-cell{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--text-primary);line-height:1.3}.course-category-cell{font-size:var(--font-size-xs);color:var(--text-muted)}.tier-badge-small{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.tier-badge-small.tier-free{background:#22c55e26;color:#22c55e}.tier-badge-small.tier-1{background:#3b82f626;color:#3b82f6}.tier-badge-small.tier-2{background:#a855f726;color:#a855f7}.tier-badge-small.tier-3{background:#ffbd5926;color:var(--brand-gold)}.tier-badge-small.tier-paid{background:#ec489926;color:#ec4899}.student-count-cell,.lesson-count-cell{display:flex;align-items:center;gap:var(--space-2);color:var(--text-secondary);font-size:var(--font-size-sm)}.student-count-cell svg,.lesson-count-cell svg{color:var(--text-muted)}.status-badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.status-badge.published{background:#22c55e26;color:#22c55e}.status-badge.draft{background:#9ca3af26;color:#9ca3af}.date-cell{color:var(--text-secondary);font-size:var(--font-size-sm);white-space:nowrap}.actions-cell{display:flex;gap:var(--space-2)}.btn-action{display:flex;align-items:center;justify-content:center;width:32px;height:32px;min-width:32px;min-height:32px;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);padding:0}.actions-cell .btn-action svg{width:16px!important;height:16px!important;min-width:16px;min-height:16px;max-width:16px;max-height:16px;flex-shrink:0;display:inline-block!important;color:inherit;stroke:currentColor;fill:none}.btn-action.btn-edit{background:#3b82f626;color:#3b82f6}.btn-action.btn-edit:hover{background:#3b82f640}.btn-action.btn-publish{background:#22c55e26;color:#22c55e}.btn-action.btn-publish:hover{background:#22c55e40}.btn-action.btn-unpublish{background:#9ca3af26;color:#9ca3af}.btn-action.btn-unpublish:hover{background:#9ca3af40}.btn-action.btn-students{background:#a855f726;color:#a855f7}.btn-action.btn-students:hover{background:#a855f740}.btn-action.btn-delete{background:#ef444426;color:#ef4444}.btn-action.btn-delete:hover{background:#ef444440}.btn-action.btn-preview{background:#ffbd5926;color:var(--brand-gold)}.btn-action.btn-preview:hover{background:#ffbd5940}.loading-state,.error-state,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-16) var(--space-6);text-align:center}.loading-state{color:var(--text-secondary)}.loading-spinner-icon{animation:spin 1s linear infinite;color:var(--brand-gold);margin-bottom:var(--space-4)}.loading-state p{color:var(--text-secondary);font-size:var(--font-size-base)}.error-state svg{color:#ef4444;margin-bottom:var(--space-4)}.error-state p{color:var(--text-secondary);font-size:var(--font-size-base);margin-bottom:var(--space-4)}.btn-retry{padding:var(--space-2) var(--space-4);background:var(--bg-elevated);border:1px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast)}.btn-retry:hover{border-color:var(--border-active)}.empty-state p{color:var(--text-secondary);font-size:var(--font-size-base);margin:0 0 var(--space-6)}.btn-create-first{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);background:linear-gradient(135deg,var(--brand-gold),#E5A84D);color:var(--bg-base-dark);border:none;border-radius:var(--radius-lg);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-fast)}.btn-create-first:hover{transform:translateY(-2px);box-shadow:0 4px 20px #ffbd5966}@media(max-width:768px){.course-admin-page{padding:var(--space-4)}.admin-header{flex-direction:column;gap:var(--space-4)}.btn-create-course{width:100%;justify-content:center}.stats-grid{grid-template-columns:1fr}.admin-filters{flex-direction:column;align-items:stretch}.search-box{max-width:none}.filter-tabs{justify-content:center;flex-wrap:wrap}.courses-table th:nth-child(4),.courses-table td:nth-child(4),.courses-table th:nth-child(6),.courses-table td:nth-child(6){display:none}}.resize-handles-wrapper{position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .15s ease}.draggable-block-item.selected .resize-handles-wrapper{pointer-events:auto;opacity:1}.resize-toolbar-container{position:absolute;top:100%;left:0;right:0;z-index:100;transform:translateY(5px);visibility:hidden;opacity:0;pointer-events:none;transition:opacity .15s ease,visibility .15s ease}.draggable-block-item.selected .resize-toolbar-container{visibility:visible;opacity:1;pointer-events:auto}.draggable-block-item{position:relative;box-sizing:border-box;transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden;will-change:outline-color,background-color;outline:2px solid transparent;outline-offset:-2px;transition:outline-color .15s ease,background-color .15s ease}.draggable-block-item.selected{outline-color:#ffbd59!important;background-color:#ffbd5908!important;outline-style:solid!important;outline-width:2px!important}.draggable-block-item.is-dragging{opacity:.5}.blocks-list.is-dragging .draggable-block-item,.blocks-list.is-dragging .draggable-block-item *,.draggable-block-editor.is-dragging .draggable-block-item,.draggable-block-editor.is-dragging .draggable-block-item *{transition:none!important;animation:none!important}.blocks-list.is-dragging .draggable-block-item:hover,.draggable-block-editor.is-dragging .draggable-block-item:hover{transform:none!important;box-shadow:none!important}.block-html-content,.block-html-content *,.block-content-wrapper,.block-content-wrapper *,.draggable-block-item,.draggable-block-item *{outline-offset:0!important}.block-html-content:focus,.block-html-content:focus-visible,.block-html-content:focus-within,.block-html-content *:focus,.block-html-content *:focus-visible{outline:none!important;outline-offset:0!important;box-shadow:none!important}.block-html-content *:focus{margin:inherit!important;padding:inherit!important}.resizable-block{position:relative;display:inline-block;box-sizing:border-box;transition:box-shadow .2s ease,border-color .2s ease;border:2px solid transparent;border-radius:8px;margin:8px 0}.resizable-block:hover{border-color:#6a5bff4d}.resizable-block.selected{border-color:#6a5bff;box-shadow:0 0 0 4px #6a5bff33}.resizable-block.resizing{border-color:#ffbd59;box-shadow:0 0 0 4px #ffbd594d;transition:none}.resizable-block-content{width:100%;height:100%;overflow:hidden;border-radius:6px}.resizable-block.block-type-image .resizable-block-content{display:flex;align-items:center;justify-content:center}.resizable-block.block-type-image img{max-width:100%;max-height:100%;object-fit:contain}.resizable-block.block-type-card .resizable-block-content{background:#ffffff0d;border-radius:12px;padding:16px}.block-toolbar{position:absolute;display:flex;align-items:center;gap:4px;padding:4px 8px;background:#1a1a2e;border:1px solid rgba(255,255,255,.15);border-radius:8px;box-shadow:0 4px 12px #0006;z-index:100;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease}.block-toolbar.top{top:-44px;left:50%;transform:translate(-50%)}.resizable-block.selected .block-toolbar{opacity:1;visibility:visible}.block-toolbar .toolbar-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;border:none;border-radius:6px;color:#ffffffb3;cursor:pointer;transition:all .15s ease}.block-toolbar .toolbar-btn:hover{background:#ffffff26;color:#fff}.block-toolbar .toolbar-btn.active{background:#6a5bff4d;color:#a78bfa}.block-toolbar .toolbar-btn.delete-btn:hover{background:#ef44444d;color:#f87171}.block-toolbar .toolbar-btn.drag-handle{cursor:grab}.block-toolbar .toolbar-btn.drag-handle:active{cursor:grabbing}.toolbar-separator{width:1px;height:20px;background:#ffffff26;margin:0 4px}.block-settings-panel{position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);background:#1a1a2e;border:1px solid rgba(255,255,255,.15);border-radius:12px;padding:12px;min-width:200px;box-shadow:0 8px 24px #00000080;z-index:110}.settings-row{display:flex;align-items:center;gap:8px;margin-bottom:8px}.settings-row:last-child{margin-bottom:0}.settings-row label{flex-shrink:0;font-size:12px;color:#ffffffb3;min-width:70px}.settings-row input{flex:1;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:6px;padding:6px 10px;font-size:13px;color:#fff;outline:none;width:70px}.settings-row input:focus{border-color:#6a5bff}.settings-row span{font-size:12px;color:#ffffff80}.settings-row .reset-btn{width:100%;padding:8px 12px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:6px;font-size:12px;color:#fffc;cursor:pointer;transition:all .15s ease}.settings-row .reset-btn:hover{background:#ffffff26;color:#fff}.resize-handles{position:absolute;inset:0;pointer-events:none}.resize-handle{position:absolute;pointer-events:auto;z-index:50}.resize-handle.corner{width:12px;height:12px;background:#6a5bff;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px #0000004d;opacity:0;transition:opacity .2s ease,transform .15s ease}.resizable-block.selected .resize-handle.corner{opacity:1}.resize-handle.corner:hover{transform:scale(1.2);background:#ffbd59}.resize-handle.corner.nw{top:-6px;left:-6px;cursor:nwse-resize}.resize-handle.corner.ne{top:-6px;right:-6px;cursor:nesw-resize}.resize-handle.corner.sw{bottom:-6px;left:-6px;cursor:nesw-resize}.resize-handle.corner.se{bottom:-6px;right:-6px;cursor:nwse-resize}.resize-handle.edge{background:transparent;opacity:0;transition:background .15s ease}.resizable-block.selected .resize-handle.edge{opacity:1}.resize-handle.edge:hover{background:#6a5bff4d}.resize-handle.edge.n,.resize-handle.edge.s{left:20px;right:20px;height:8px}.resize-handle.edge.n{top:-4px;cursor:ns-resize}.resize-handle.edge.s{bottom:-4px;cursor:ns-resize}.resize-handle.edge.e,.resize-handle.edge.w{top:20px;bottom:20px;width:8px}.resize-handle.edge.e{right:-4px;cursor:ew-resize}.resize-handle.edge.w{left:-4px;cursor:ew-resize}.resize-dimension-tooltip{position:absolute;bottom:-32px;left:50%;transform:translate(-50%);background:#000000e6;color:#fff;padding:4px 10px;border-radius:6px;font-size:12px;font-family:SF Mono,Monaco,monospace;white-space:nowrap;z-index:150;pointer-events:none}@keyframes resizeHighlight{0%,to{box-shadow:0 0 0 4px #6a5bff33}50%{box-shadow:0 0 0 6px #6a5bff66}}.resizable-block.resizing{animation:resizeHighlight .5s ease infinite}.resizable-block.show-guides:before,.resizable-block.show-guides:after{content:"";position:absolute;background:#00d9ff80;pointer-events:none}.resizable-block.show-guides:before{width:1px;top:-100vh;bottom:-100vh;left:50%}.resizable-block.show-guides:after{height:1px;left:-100vw;right:-100vw;top:50%}.mobile-preview-container{display:flex;flex-direction:column;background:linear-gradient(180deg,#0d1117,#161b22);border-radius:16px;overflow:hidden;height:100%;min-height:400px}.mobile-preview-container.fullscreen{position:fixed;inset:0;z-index:9999;border-radius:0}.mobile-preview-toolbar{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#0006;border-bottom:1px solid rgba(255,255,255,.1);flex-shrink:0}.toolbar-left,.toolbar-center,.toolbar-right{display:flex;align-items:center;gap:8px}.toolbar-label{font-size:13px;color:#fff9}.device-selector{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:6px 12px;font-size:13px;color:#fff;cursor:pointer;outline:none}.device-selector:hover{background:#ffffff26}.device-selector option,.device-selector optgroup{background:#1a1a2e;color:#fff}.toolbar-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#ffffff1a;border:1px solid rgba(255,255,255,.15);border-radius:8px;color:#fffc;cursor:pointer;transition:all .2s ease}.toolbar-btn:hover{background:#fff3;color:#fff}.toolbar-btn.active{background:#6a5bff4d;border-color:#6a5bff80;color:#a78bfa}.toolbar-btn.close-btn:hover{background:#ef44444d;border-color:#ef444480;color:#f87171}.zoom-level{font-size:12px;color:#fff9;min-width:40px;text-align:center}.device-info{font-size:12px;color:#ffffff80;display:flex;align-items:center;gap:8px}.actual-size-badge{display:inline-flex;align-items:center;background:linear-gradient(135deg,#10b981,#059669);color:#fff;font-size:9px;font-weight:600;padding:2px 6px;border-radius:8px;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap}.phone-frame-wrapper{flex:1;display:flex;justify-content:center;align-items:flex-start;padding:8px;overflow:auto;transform-origin:top center;min-height:0}.phone-frame-wrapper:has(.phone-frame){align-items:center}@supports not selector(:has(.phone-frame)){.phone-frame-wrapper{align-items:center}}.phone-frame{position:relative;background:#000;border:3px solid #2a2a3a;box-shadow:0 0 0 1px #ffffff1a,0 25px 50px -12px #00000080,inset 0 0 20px #0000004d;overflow:hidden}.phone-status-bar{position:relative;background:#0a0f1c;display:flex;align-items:center;justify-content:space-between;padding:0 20px;z-index:10}.status-bar-content{display:flex;justify-content:space-between;align-items:center;width:100%;padding-top:8px}.status-time{font-size:14px;font-weight:600;color:#fff}.status-icons{display:flex;align-items:center;gap:6px;font-size:12px}.phone-notch{position:absolute;top:0;left:50%;transform:translate(-50%);width:150px;height:34px;background:#000;border-radius:0 0 20px 20px;z-index:100}.phone-dynamic-island{position:absolute;top:12px;left:50%;transform:translate(-50%);width:126px;height:37px;background:#000;border-radius:24px;z-index:100}.phone-punch-hole{position:absolute;top:8px;left:50%;transform:translate(-50%);width:12px;height:12px;background:#000;border-radius:50%;z-index:100}.phone-content{overflow-y:auto;overflow-x:hidden;background:linear-gradient(180deg,#0a0f1c,#111827,#0a0f1c);-webkit-overflow-scrolling:touch}.phone-content *,.phone-content *:before,.phone-content *:after{animation:none!important;animation-delay:0s!important;animation-duration:0s!important;animation-iteration-count:1!important}.phone-content [style*="position: fixed"],.phone-content [style*="position:fixed"]{position:relative!important;inset:auto!important;width:auto!important;height:auto!important;z-index:auto!important}.phone-content .background-container,.phone-content .bg-container,.phone-content .bg-layer,.phone-content .bg-layer-base,.phone-content [class*=background-],.phone-content [class*=bg-layer],.phone-content .orb,.phone-content [class*=orb-],.phone-content [class*=glow-],.phone-content [class*=blob-]{display:none!important}.phone-content [style*="inset: 0"],.phone-content [style*="inset:0"]{position:relative!important;inset:auto!important}.phone-content [style*="z-index: -"],.phone-content [style*="z-index:-"]{z-index:auto!important}.phone-content [style*="min-height: 100vh"],.phone-content [style*="min-height:100vh"],.phone-content [style*="height: 100vh"],.phone-content [style*="height:100vh"]{min-height:auto!important;height:auto!important}.phone-content section,.phone-content [class*=section],.phone-content [class*=container],.phone-content [class*=wrapper]{overflow:visible!important}.phone-content::-webkit-scrollbar{width:4px}.phone-content::-webkit-scrollbar-track{background:transparent}.phone-content::-webkit-scrollbar-thumb{background:#fff3;border-radius:2px}.preview-iframe{width:100%;height:100%;border:none;background:transparent}.phone-home-indicator{display:flex;align-items:center;justify-content:center;background:#0a0f1c}.home-bar{width:134px;height:5px;background:#ffffff4d;border-radius:3px}.preview-tips{padding:8px 16px;background:#0000004d;border-top:1px solid rgba(255,255,255,.1);text-align:center}.preview-tips span{font-size:12px;color:#ffffff80}@media(max-width:768px){.mobile-preview-toolbar{flex-wrap:wrap;gap:8px}.toolbar-center{order:3;width:100%;justify-content:center}.phone-frame-wrapper{padding:12px}}.product-picker-overlay{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px}.product-picker-modal{background:linear-gradient(180deg,#1a1a2e,#16162a);border:1px solid rgba(255,255,255,.1);border-radius:16px;width:100%;max-width:1000px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 25px 50px -12px #00000080}.product-picker-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.1);background:#0003}.header-title{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:600;color:#fff}.header-title svg{color:#ffbd59}.product-picker-header .btn-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border:none;border-radius:8px;color:#fff9;cursor:pointer;transition:all .2s ease}.product-picker-header .btn-close:hover{background:#ef444433;color:#ef4444}.product-picker-body{display:flex;flex:1;min-height:0;overflow:hidden}.products-panel{flex:1;display:flex;flex-direction:column;border-right:1px solid rgba(255,255,255,.1);min-width:0}.search-section{display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.05)}.search-input-wrapper{flex:1;position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:12px;color:#fff6;pointer-events:none}.search-input{width:100%;padding:10px 36px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:14px;outline:none;transition:all .2s ease}.search-input:focus{border-color:#ffbd59;background:#ffffff14}.clear-search{position:absolute;right:8px;width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border:none;border-radius:50%;color:#fff9;cursor:pointer}.clear-search:hover{background:#fff3}.btn-filter{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff9;cursor:pointer;transition:all .2s ease}.btn-filter:hover,.btn-filter.active{background:#6a5bff33;border-color:#6a5bff80;color:#a78bfa}.filter-panel{display:flex;align-items:center;gap:12px;padding:10px 16px;background:#0003;border-bottom:1px solid rgba(255,255,255,.05)}.filter-label{font-size:13px;color:#fff9}.filter-select{flex:1;padding:8px 12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#fff;font-size:13px;outline:none;cursor:pointer}.filter-select option{background:#1a1a2e;color:#fff}.products-grid{flex:1;display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;padding:16px;overflow-y:auto;align-content:start}.product-item{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:10px;overflow:hidden;cursor:pointer;transition:all .2s ease}.product-item:hover{transform:translateY(-2px);border-color:#fff3;box-shadow:0 4px 20px #0000004d}.product-item.selected{border-color:#ffbd59;box-shadow:0 0 0 2px #ffbd594d}.product-item.unavailable{opacity:.5;cursor:not-allowed}.product-image{position:relative;aspect-ratio:1;background:#ffffff0d}.product-image img{width:100%;height:100%;object-fit:cover}.product-image .no-image{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#fff3}.product-image .no-image.hidden{display:none}.discount-badge{position:absolute;top:6px;right:6px;background:#ef4444;padding:2px 6px;border-radius:10px;font-size:10px;font-weight:600;color:#fff}.selected-overlay{position:absolute;inset:0;background:#ffbd594d;display:flex;align-items:center;justify-content:center;color:#ffbd59}.unavailable-overlay{position:absolute;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;color:#fff9;font-size:11px;font-weight:500}.product-info{padding:10px}.product-title{font-size:12px;font-weight:600;color:#fff;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-vendor{font-size:10px;color:#ffffff80;margin-bottom:6px}.product-price{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.current-price{font-size:13px;font-weight:700;color:#ffbd59}.compare-price{font-size:10px;color:#fff6;text-decoration:line-through}.loading-state,.error-state,.empty-state{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:40px 20px;color:#ffffff80;text-align:center}.error-state button{display:flex;align-items:center;gap:6px;padding:8px 16px;background:#ffffff1a;border:none;border-radius:8px;color:#fff;font-size:13px;cursor:pointer}.error-state button:hover{background:#ffffff26}.btn-load-more{grid-column:1 / -1;padding:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#ffffffb3;font-size:13px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s ease}.btn-load-more:hover:not(:disabled){background:#ffffff1a;color:#fff}.btn-load-more:disabled{opacity:.5;cursor:not-allowed}.preview-panel{width:320px;display:flex;flex-direction:column;overflow-y:auto}.section-title{font-size:12px;font-weight:600;color:#fff9;text-transform:uppercase;letter-spacing:.5px;margin:0 0 12px}.style-section{padding:16px;border-bottom:1px solid rgba(255,255,255,.05)}.style-options{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.style-option{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 8px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:8px;color:#fff9;font-size:11px;cursor:pointer;transition:all .2s ease}.style-option:hover{background:#ffffff14;color:#fff}.style-option.active{background:#6a5bff33;border-color:#6a5bff80;color:#a78bfa}.selected-section{padding:16px;border-bottom:1px solid rgba(255,255,255,.05)}.no-selection{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px;background:#ffffff05;border:1px dashed rgba(255,255,255,.1);border-radius:8px;color:#fff6;text-align:center}.no-selection small{font-size:11px;opacity:.7}.selected-list{display:flex;flex-direction:column;gap:8px}.selected-item{display:flex;align-items:center;gap:10px;padding:8px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:8px}.selected-item img{width:40px;height:40px;object-fit:cover;border-radius:6px}.selected-item .no-image-small{width:40px;height:40px;background:#ffffff0d;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.selected-item-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.selected-item-title{font-size:12px;font-weight:500;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.selected-item-price{font-size:11px;color:#ffbd59}.btn-remove{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:#ef444433;border:none;border-radius:50%;color:#ef4444;cursor:pointer;transition:all .2s ease;flex-shrink:0}.btn-remove:hover{background:#ef44444d}.preview-section{padding:16px;flex:1}.preview-content{background:linear-gradient(180deg,#0a0f1c,#111827,#0a0f1c);border-radius:8px;padding:12px;max-height:300px;overflow-y:auto}.product-picker-footer{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;border-top:1px solid rgba(255,255,255,.1);background:#0003}.footer-info{display:flex;align-items:center;gap:8px;font-size:12px;color:#ffffff80}.footer-info code{background:#ffffff1a;padding:2px 8px;border-radius:4px;font-family:monospace;color:#00f0ff}.footer-actions{display:flex;gap:10px}.btn-cancel{padding:10px 20px;background:transparent;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#ffffffb3;font-size:14px;cursor:pointer;transition:all .2s ease}.btn-cancel:hover{background:#ffffff1a;color:#fff}.btn-insert{display:flex;align-items:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg,#ffbd59,#e5a84d);border:none;border-radius:8px;color:#1a1a2e;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-insert:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 15px #ffbd5966}.btn-insert:disabled{opacity:.5;cursor:not-allowed}.tooltip-wrapper{position:relative;display:inline-flex}.tooltip-content{position:absolute;bottom:100%;left:50%;transform:translate(-50%);padding:6px 10px;background:#000000e6;border:1px solid rgba(255,255,255,.1);border-radius:6px;font-size:11px;color:#fff;white-space:nowrap;z-index:100;margin-bottom:6px;pointer-events:none}.tooltip-content:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:#000000e6}@media(max-width:768px){.product-picker-modal{max-height:100vh;border-radius:0}.product-picker-body{flex-direction:column}.products-panel{border-right:none;border-bottom:1px solid rgba(255,255,255,.1);max-height:50vh}.preview-panel{width:100%}.products-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}}.course-navigator{width:280px;min-width:280px;max-width:280px;height:100%;background:#0f142dfa;border-right:1px solid rgba(74,144,226,.2);display:flex;flex-direction:column;overflow:hidden;flex-shrink:0}.course-navigator.floating{position:fixed;left:0;top:60px;height:calc(100vh - 60px);z-index:1000;box-shadow:4px 0 24px #0006}.course-nav-toggle-btn{position:fixed;left:68px;top:130px;width:36px;height:36px;background:#1e2a5ef2;border:1px solid rgba(74,144,226,.3);border-radius:8px;color:var(--text-primary, #FFFFFF);cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:999;transition:all .2s ease;box-shadow:0 2px 8px #0000004d}.course-nav-toggle-btn:hover{background:#4a90e24d;border-color:#4a90e280}.course-nav-toggle-btn svg{width:18px;height:18px}.course-nav-header{display:flex;align-items:center;justify-content:space-between;padding:12px;border-bottom:1px solid rgba(255,255,255,.08);background:#1e2a5e80}.course-nav-title{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--text-primary, #FFFFFF)}.course-nav-title svg{color:var(--brand-primary, #00F0FF)}.course-nav-actions{display:flex;align-items:center;gap:4px}.course-nav-actions button{width:28px;height:28px;background:transparent;border:none;border-radius:6px;color:var(--text-secondary, #B8B8D0);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.course-nav-actions button:hover{background:#ffffff1a;color:var(--text-primary, #FFFFFF)}.btn-preview-course{color:#4ade80!important}.btn-preview-course:hover{background:#4ade8026!important}.course-nav-message{display:flex;align-items:center;gap:8px;padding:8px 12px;font-size:11px;animation:slideDown .2s ease}.course-nav-message.success{background:#4ade8026;color:#4ade80}.course-nav-message.error{background:#ef444426;color:#ef4444}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.course-nav-search{display:flex;align-items:center;gap:8px;padding:8px 12px;border-bottom:1px solid rgba(255,255,255,.05)}.course-nav-search svg{color:var(--text-muted, rgba(255, 255, 255, .5));flex-shrink:0}.course-nav-search input{flex:1;background:transparent;border:none;color:var(--text-primary, #FFFFFF);font-size:12px;outline:none}.course-nav-search input::placeholder{color:var(--text-muted, rgba(255, 255, 255, .4))}.course-nav-content{flex:1;overflow-y:auto;padding:8px}.course-nav-content::-webkit-scrollbar{width:5px}.course-nav-content::-webkit-scrollbar-track{background:transparent}.course-nav-content::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}.course-nav-loading,.course-nav-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:40px 20px;color:var(--text-muted, rgba(255, 255, 255, .5));font-size:12px}.course-nav-loading-inline{display:flex;align-items:center;gap:8px;padding:12px 16px;font-size:11px;color:var(--text-muted, rgba(255, 255, 255, .5))}.course-nav-course-item{margin-bottom:4px;border-radius:8px;overflow:hidden;background:#1e2a5e4d;border:1px solid transparent}.course-nav-course-item.current{border-color:#00f0ff4d;background:#00f0ff0d}.course-nav-course-header{display:flex;align-items:center;gap:6px;padding:10px;cursor:pointer;transition:background .2s ease}.course-nav-course-header:hover{background:#ffffff0d}.course-nav-expand{width:18px;height:18px;display:flex;align-items:center;justify-content:center;color:var(--text-muted, rgba(255, 255, 255, .5));flex-shrink:0}.course-nav-course-header .course-icon{color:var(--brand-primary, #00F0FF);flex-shrink:0}.course-nav-course-title{flex:1;font-size:12px;font-weight:500;color:var(--text-primary, #FFFFFF);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.course-nav-count{font-size:10px;padding:2px 6px;background:#ffffff1a;border-radius:10px;color:var(--text-muted, rgba(255, 255, 255, .6));flex-shrink:0}.course-nav-course-content{padding:4px 8px 8px;border-top:1px solid rgba(255,255,255,.05)}.btn-edit-course{width:100%;padding:6px 12px;margin-bottom:8px;font-size:11px;background:#4a90e233;border:1px solid rgba(74,144,226,.3);border-radius:6px;color:var(--brand-primary, #00F0FF);cursor:pointer;transition:all .2s ease}.btn-edit-course:hover{background:#4a90e24d}.course-nav-no-modules{padding:12px;font-size:11px;color:var(--text-muted, rgba(255, 255, 255, .4));text-align:center;font-style:italic}.outline-list{transition:opacity .2s ease}.outline-list.reordering{opacity:.7}.outline-list.is-dragging .outline-module:not(.dragging){transition:transform .2s ease}.outline-module{margin-bottom:2px;border-radius:6px;background:#1e2a5e66;transition:all .2s ease}.outline-module.dragging{opacity:.5;transform:scale(.98)}.outline-module.insert-before{border-top:2px solid var(--brand-primary, #00F0FF)}.outline-module.insert-after{border-bottom:2px solid var(--brand-primary, #00F0FF)}.outline-module-header{display:flex;align-items:center;gap:4px;padding:8px;cursor:pointer;border-radius:6px;transition:background .2s ease}.outline-module-header:hover{background:#ffffff0d}.outline-module-header.active{background:#8b5cf626}.outline-module-header.expanded .chevron-icon{transform:rotate(90deg)}.chevron-icon{color:var(--text-muted, rgba(255, 255, 255, .5));transition:transform .2s ease;flex-shrink:0}.drag-handle{width:16px;height:16px;display:flex;align-items:center;justify-content:center;color:var(--text-muted, rgba(255, 255, 255, .3));cursor:grab;flex-shrink:0;border-radius:3px;transition:all .2s ease}.drag-handle:hover{color:var(--text-primary, #FFFFFF);background:#ffffff1a}.drag-handle:active{cursor:grabbing}.module-number{width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:#8b5cf64d;border-radius:4px;font-size:10px;font-weight:600;color:#c4b5fd;flex-shrink:0}.module-title{flex:1;font-size:11px;font-weight:500;color:var(--text-primary, #FFFFFF);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lesson-count{font-size:9px;padding:2px 5px;background:#ffffff1a;border-radius:8px;color:var(--text-muted, rgba(255, 255, 255, .5));flex-shrink:0}.btn-delete-item{width:18px;height:18px;background:transparent;border:none;border-radius:4px;color:var(--text-muted, rgba(255, 255, 255, .3));cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:all .2s ease;flex-shrink:0;margin-left:4px}.outline-module-header:hover .btn-delete-item,.outline-lesson:hover .btn-delete-item{opacity:1}.btn-delete-item:hover{background:#ef444433;color:#ef4444}.btn-delete-item:active{background:#ef44444d}.btn-copy-link{width:20px;height:20px;background:transparent;border:none;border-radius:4px;color:var(--text-muted, rgba(255, 255, 255, .4));cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:all .2s ease;flex-shrink:0}.btn-copy-link:hover{background:#ffffff1a;color:var(--text-primary, #FFFFFF)}.btn-copy-link.copied{color:#4ade80;opacity:1}.outline-lessons{padding:4px 0 4px 20px;transition:background .2s ease}.outline-lessons.drop-zone-active{background:#00f0ff14;border-radius:4px}.outline-lesson{display:flex;align-items:center;gap:4px;padding:6px 8px;margin:1px 0;cursor:pointer;border-radius:5px;transition:all .2s ease;border-left:2px solid transparent}.outline-lesson:hover{background:#ffffff0f}.outline-lesson.active{background:#00f0ff1f;border-left-color:var(--brand-primary, #00F0FF)}.outline-lesson.dragging{opacity:.5}.outline-lesson.drag-over{background:#00f0ff26;border-left-color:var(--brand-primary, #00F0FF)}.lesson-number{font-size:10px;color:var(--text-muted, rgba(255, 255, 255, .5));min-width:24px;flex-shrink:0}.lesson-title{flex:1;font-size:11px;color:var(--text-secondary, #B8B8D0);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.outline-lesson.active .lesson-title{color:var(--brand-primary, #00F0FF);font-weight:500}.lesson-type-icon{width:18px;height:18px;display:flex;align-items:center;justify-content:center;background:#ffffff14;border-radius:4px;color:var(--text-muted, rgba(255, 255, 255, .5));flex-shrink:0}.outline-lesson.active .lesson-type-icon{background:#00f0ff33;color:var(--brand-primary, #00F0FF)}.btn-add-lesson-outline{display:inline-flex;align-items:center;gap:4px;padding:3px 6px;margin-top:2px;font-size:10px;color:var(--brand-primary, #00F0FF);background:transparent;border:none;border-radius:4px;text-decoration:none;cursor:pointer;transition:all .2s ease;opacity:.7}.btn-add-lesson-outline svg{width:12px;height:12px}.btn-add-lesson-outline:hover{background:#00f0ff1a;opacity:1}.btn-add-module-outline{display:flex;align-items:center;justify-content:center;gap:5px;width:100%;padding:8px;margin-top:6px;font-size:10px;color:#8b5cf6;background:transparent;border:1px dashed rgba(139,92,246,.3);border-radius:5px;cursor:pointer;transition:all .2s ease}.btn-add-module-outline svg{width:12px;height:12px}.btn-add-module-outline:hover{background:#8b5cf61a;border-color:#8b5cf680}.btn-add-module-empty{display:flex;align-items:center;gap:5px;padding:8px 12px;font-size:11px;color:#8b5cf6;background:#8b5cf626;border:1px solid rgba(139,92,246,.3);border-radius:6px;cursor:pointer;transition:all .2s ease}.btn-add-module-empty svg{width:14px;height:14px}.btn-add-module-empty:hover{background:#8b5cf640}.add-module-form{display:flex;align-items:center;gap:4px;padding:6px;margin-top:6px;background:#8b5cf61a;border:1px solid rgba(139,92,246,.3);border-radius:5px}.add-module-input{flex:1;padding:5px 8px;font-size:10px;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:4px;color:var(--text-primary, #FFFFFF);outline:none}.add-module-input:focus{border-color:#8b5cf680}.add-module-input::placeholder{color:var(--text-muted, rgba(255, 255, 255, .4))}.add-module-actions{display:flex;gap:3px}.btn-confirm-module,.btn-cancel-module{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border:none;border-radius:4px;cursor:pointer;transition:all .2s ease}.btn-confirm-module svg,.btn-cancel-module svg{width:12px;height:12px}.btn-confirm-module{background:#4ade8033;color:#4ade80}.btn-confirm-module:hover:not(:disabled){background:#4ade804d}.btn-cancel-module{background:#ef444433;color:#ef4444}.btn-cancel-module:hover:not(:disabled){background:#ef44444d}@media(max-width:1200px){.course-navigator{width:260px;min-width:260px;max-width:260px}}@media(max-width:900px){.course-navigator{position:fixed;left:0;top:60px;height:calc(100vh - 60px);z-index:1000;box-shadow:4px 0 24px #0006}}.course-builder-page{min-height:100vh;background:transparent;padding:var(--space-6) var(--space-8);padding-bottom:120px}.builder-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4) 0;margin-bottom:var(--space-8);border-bottom:1px solid var(--border-primary)}.btn-back{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:transparent;border:1px solid var(--border-primary);border-radius:var(--radius-lg);color:var(--text-secondary);font-size:var(--text-base);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-fast)}.btn-back:hover{border-color:var(--border-hover);color:var(--text-primary);background:var(--bg-hover)}.builder-title{display:flex;align-items:center;gap:var(--space-3);flex:1;font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--text-primary);margin:0}.builder-actions{display:flex;align-items:center;gap:var(--space-3)}.btn-preview{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);background:transparent;border:1px solid var(--brand-gold);border-radius:var(--radius-lg);color:var(--brand-gold);font-size:var(--text-base);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-fast)}.btn-preview:hover{background:#ffbd591a}.btn-save{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);background:var(--brand-gold);border:none;border-radius:var(--radius-lg);color:#000;font-size:var(--text-base);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-fast)}.btn-save:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 20px #ffbd5966}.btn-save-continue{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);background:linear-gradient(135deg,var(--brand-gold),#E5A84D);border:none;border-radius:var(--radius-lg);color:#000;font-size:var(--text-base);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-fast)}.btn-save-continue:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 20px #ffbd5966}.btn-save-continue:disabled{opacity:.6;cursor:not-allowed}.message-success,.message-error{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-radius:var(--radius-lg);font-size:var(--text-base);font-weight:var(--font-medium);margin-bottom:var(--space-6)}.message-error{background:#ef444426;border:1px solid rgba(239,68,68,.3);color:#ef4444}.builder-layout-wrapper{display:flex;min-height:calc(100vh - 200px);overflow:hidden}.builder-form{flex:1;max-width:1200px;margin:0 auto;padding:0 var(--space-4);overflow-y:auto}.form-grid{display:grid;grid-template-columns:1fr 420px;gap:var(--space-10);align-items:start}.form-column{display:flex;flex-direction:column;gap:var(--space-6)}.form-column-right{position:sticky;top:100px;height:fit-content}.form-section{display:flex;flex-direction:column;gap:var(--space-5);padding-bottom:var(--space-6);border-bottom:1px solid var(--border-primary);margin-bottom:var(--space-6)}.form-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.section-title{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--text-primary);margin:0}.form-group{display:flex;flex-direction:column;gap:var(--space-3)}.form-label{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary);letter-spacing:.3px}.form-label .required{color:#ef4444;margin-left:2px}.form-sublabel{font-size:var(--text-sm);color:var(--text-muted);margin:-4px 0 0}.form-input,.form-textarea{padding:var(--space-4) var(--space-5);background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-lg);color:var(--text-primary);font-size:var(--text-lg);font-family:var(--font-body);line-height:1.5;transition:all var(--transition-fast)}.form-input:focus,.form-textarea:focus{outline:none;border-color:var(--brand-gold);box-shadow:0 0 0 3px #ffbd5926}.form-textarea{resize:vertical;min-height:160px}.form-error{font-size:var(--text-sm);color:#ef4444;font-weight:var(--font-medium)}.form-hint{font-size:var(--text-sm);color:var(--text-muted)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6)}.input-with-icon{position:relative}.input-with-icon .input-icon{position:absolute;left:var(--space-4);top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.form-input.has-icon{padding-left:calc(var(--space-4) + 28px)}.access-info-card{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-3)}.access-info-row{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.access-badge{padding:var(--space-1) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:.5px}.access-badge-paid{background:#ffbd5933;color:var(--brand-gold)}.access-info-text{font-size:var(--text-base);color:var(--text-primary)}.access-info-note{font-size:var(--text-sm);color:var(--text-muted);line-height:1.5;margin:0}.free-preview-toggle{display:flex;align-items:center;gap:var(--space-3);cursor:pointer;padding:var(--space-2) 0}.free-preview-toggle .checkbox{width:24px;height:24px;border-radius:var(--radius-md);border:2px solid var(--text-muted);display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);flex-shrink:0}.free-preview-toggle .checkbox.checked{background:#22c55e;border-color:#22c55e;color:#000}.free-preview-toggle span{font-size:var(--text-base);color:var(--text-primary);font-weight:var(--font-medium)}.product-picker-btn{width:100%;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);text-align:left}.product-picker-btn:hover{border-color:var(--border-hover);background:var(--bg-hover)}.picker-icon{color:var(--text-muted);flex-shrink:0}.selected-product-info{flex:1;display:flex;align-items:center;gap:var(--space-3);min-width:0}.selected-product-image{width:48px;height:48px;border-radius:var(--radius-md);object-fit:cover;background:var(--bg-glass);flex-shrink:0}.selected-product-text{font-size:var(--text-base);color:var(--text-primary);font-weight:var(--font-medium);white-space:normal;word-wrap:break-word;line-height:1.4;flex:1}.picker-placeholder{flex:1;font-size:var(--text-base);color:var(--text-muted)}.picker-chevron{color:var(--text-muted);flex-shrink:0}.clear-product-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) 0;background:none;border:none;color:#ef4444;font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-fast)}.clear-product-btn:hover{text-decoration:underline}.thumbnail-url-section{display:flex;align-items:center;gap:var(--space-3);margin-top:var(--space-3)}.thumbnail-url-label{font-size:var(--text-sm);color:var(--text-muted);white-space:nowrap}.thumbnail-url-input{flex:1;padding:var(--space-2) var(--space-3)!important;font-size:var(--text-sm)!important}.modal-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;padding:var(--space-6);z-index:1000}.modal-content{background:var(--bg-base-dark);border:1px solid var(--border-primary);border-radius:var(--radius-xl);width:100%;max-width:600px;max-height:80vh;display:flex;flex-direction:column;overflow:hidden}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5);border-bottom:1px solid var(--border-primary)}.modal-header h3{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--text-primary);margin:0}.modal-close{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:none;border:none;color:var(--text-muted);cursor:pointer;border-radius:var(--radius-md);transition:all var(--transition-fast)}.modal-close:hover{background:var(--bg-hover);color:var(--text-primary)}.product-search{position:relative;padding:var(--space-4);border-bottom:1px solid var(--border-primary)}.product-search .search-icon{position:absolute;left:calc(var(--space-4) + var(--space-3));top:50%;transform:translateY(-50%);color:var(--text-muted)}.product-search-input{width:100%;padding:var(--space-3) var(--space-4);padding-left:calc(var(--space-4) + 28px);background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-lg);color:var(--text-primary);font-size:var(--text-base)}.product-search-input:focus{outline:none;border-color:var(--brand-gold)}.product-search-input::placeholder{color:var(--text-muted)}.product-list{flex:1;overflow-y:auto;padding:var(--space-3)}.product-list-loading,.product-list-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-10);gap:var(--space-3);color:var(--text-muted)}.product-item{width:100%;display:flex;align-items:center;gap:var(--space-4);padding:var(--space-3);background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);margin-bottom:var(--space-2);text-align:left}.product-item:hover{border-color:var(--border-hover);background:var(--bg-hover)}.product-item.selected{border-color:var(--brand-gold);background:#ffbd591a}.product-item-image{width:60px;height:60px;border-radius:var(--radius-md);object-fit:cover;background:var(--bg-glass);flex-shrink:0}.product-item-image-placeholder{width:60px;height:60px;border-radius:var(--radius-md);background:var(--bg-glass);border:1px solid var(--border-primary);display:flex;align-items:center;justify-content:center;color:var(--text-muted);flex-shrink:0}.product-item-info{flex:1;min-width:0}.product-item-title{display:block;font-size:var(--text-base);font-weight:var(--font-medium);color:var(--text-primary);margin-bottom:var(--space-1);white-space:normal;word-wrap:break-word;line-height:1.4}.product-item-price{font-size:var(--text-sm);color:var(--brand-gold);font-weight:var(--font-semibold)}.product-item-check{width:28px;height:28px;border-radius:var(--radius-full);background:var(--brand-gold);color:#000;display:flex;align-items:center;justify-content:center;flex-shrink:0}.tier-options{display:flex;flex-wrap:wrap;gap:var(--space-3)}.tier-option{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);background:var(--bg-card);border:2px solid var(--border-primary);border-radius:var(--radius-lg);color:var(--text-secondary);font-size:var(--text-base);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-fast)}.tier-option input{display:none}.tier-option:hover{border-color:var(--border-hover);background:var(--bg-hover)}.tier-option.selected{background:#ffbd5926;border-color:var(--brand-gold);color:var(--brand-gold)}.tier-option svg{width:20px;height:20px}.tier-label{font-weight:var(--font-semibold)}.outcomes-list{display:flex;flex-direction:column;gap:var(--space-3)}.outcome-input-row{display:flex;gap:var(--space-3)}.outcome-input-row .form-input{flex:1}.btn-remove-outcome{display:flex;align-items:center;justify-content:center;width:52px;height:52px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-lg);color:#ef4444;cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.btn-remove-outcome:hover{background:#ef444433;border-color:#ef4444}.btn-add-outcome{padding:var(--space-4);background:transparent;border:2px dashed var(--border-primary);border-radius:var(--radius-lg);color:var(--text-muted);font-size:var(--text-base);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-fast);text-align:center}.btn-add-outcome:hover{border-color:var(--brand-gold);color:var(--brand-gold);background:#ffbd590d}.thumbnail-upload{width:100%}.thumbnail-dropzone{display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:center;gap:var(--space-3);width:100%;aspect-ratio:16 / 9;background:var(--bg-card);border:2px dashed var(--border-primary);border-radius:var(--radius-xl);cursor:pointer;transition:all var(--transition-fast)}.thumbnail-dropzone:hover{border-color:var(--brand-gold);background:#ffbd590d}.thumbnail-dropzone svg{color:var(--text-muted);width:56px;height:56px}.dropzone-text{font-size:var(--text-base);color:var(--text-secondary);font-weight:var(--font-medium);margin:0;line-height:1.4}.dropzone-hint{font-size:var(--text-sm);color:var(--text-muted);margin:0;margin-top:var(--space-1)}.thumbnail-dropzone.drag-over{border-color:var(--brand-gold);background:#ffbd5926;transform:scale(1.02)}.thumbnail-dropzone.drag-over svg{color:var(--brand-gold)}.thumbnail-preview{position:relative;width:100%;aspect-ratio:16 / 9;border-radius:var(--radius-xl);overflow:hidden;background:var(--bg-card);border:1px solid var(--border-primary)}.thumbnail-preview img{width:100%;height:100%;object-fit:cover}.btn-remove-thumbnail{position:absolute;top:var(--space-3);right:var(--space-3);display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#000000b3;border:none;border-radius:var(--radius-full);color:#fff;cursor:pointer;transition:all var(--transition-fast)}.btn-remove-thumbnail:hover{background:#ef4444;transform:scale(1.1)}.publish-toggle{display:flex;gap:var(--space-3)}.toggle-option{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--space-4);background:var(--bg-card);border:2px solid var(--border-primary);border-radius:var(--radius-lg);color:var(--text-secondary);font-size:var(--text-base);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-fast)}.toggle-option input{display:none}.toggle-option:hover{border-color:var(--border-hover);background:var(--bg-hover)}.toggle-option.selected:first-child{background:#ffbd5926;border-color:var(--brand-gold);color:var(--brand-gold);font-weight:var(--font-semibold)}.toggle-option.selected:last-child{background:#22c55e26;border-color:#22c55e;color:#22c55e;font-weight:var(--font-semibold)}.tips-card{padding:var(--space-6);background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-xl);margin-top:var(--space-6)}.tips-card h4{font-size:var(--text-base);font-weight:var(--font-bold);color:var(--brand-gold);margin:0 0 var(--space-4)}.tips-card ul{margin:0;padding:0 0 0 var(--space-5)}.tips-card li{font-size:var(--text-base);color:var(--text-secondary);margin-bottom:var(--space-3);line-height:1.6}.tips-card li::marker{color:var(--brand-gold)}.builder-loading,.builder-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center;gap:var(--space-5)}.builder-loading .loading-spinner-icon{animation:spin 1s linear infinite;color:var(--brand-gold);width:56px;height:56px}.builder-error svg{color:#ef4444;width:56px;height:56px}.builder-error h2{color:var(--text-primary);font-size:var(--text-2xl);margin:0}.btn-back-admin:hover{border-color:var(--border-hover);background:var(--bg-hover)}@media(max-width:1200px){.form-grid{grid-template-columns:1fr 380px;gap:var(--space-8)}}@media(max-width:1024px){.course-builder-page{padding:var(--space-5) var(--space-6)}.form-grid{grid-template-columns:1fr;gap:var(--space-8)}.form-column-right{position:relative;top:0;order:-1;max-width:500px}}@media(max-width:768px){.course-builder-page{padding:var(--space-4)}.builder-header{flex-wrap:wrap;gap:var(--space-3)}.builder-title{order:-1;width:100%;font-size:var(--text-xl)}.builder-actions{width:100%;justify-content:flex-end}.form-row{grid-template-columns:1fr;gap:var(--space-5)}.form-input,.form-textarea{font-size:var(--text-base);padding:var(--space-3) var(--space-4)}.tier-options{gap:var(--space-2)}.tier-option{padding:var(--space-2) var(--space-4);font-size:var(--text-sm)}}.module-builder-page{min-height:100vh;background:transparent;padding:var(--space-8);padding-bottom:120px;position:relative;z-index:1}.builder-header{display:flex;align-items:center;gap:var(--space-5);margin-bottom:var(--space-8);padding-bottom:var(--space-5);border-bottom:1px solid var(--border-primary)}.btn-back{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:transparent;border:1px solid var(--border-primary);border-radius:var(--radius-lg);color:var(--text-secondary);font-size:var(--text-base);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;flex-shrink:0}.btn-back:hover{border-color:var(--border-active);color:var(--text-primary);background:var(--bg-hover)}.builder-title{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--text-primary);margin:0}.builder-title svg{color:var(--brand-gold)}.course-name{font-size:var(--text-base);color:var(--text-muted)}.btn-settings{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-lg);color:var(--text-secondary);font-size:var(--text-base);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-fast)}.btn-settings:hover{border-color:var(--border-active);color:var(--text-primary);background:var(--bg-hover)}.message-success,.message-error{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-radius:var(--radius-lg);font-size:var(--text-base);font-weight:var(--font-medium);margin-bottom:var(--space-6);max-width:1000px;margin-left:auto;margin-right:auto}.message-error button{background:none;border:none;color:#ef4444;cursor:pointer;padding:var(--space-2);opacity:.7}.builder-layout-wrapper{display:flex;min-height:calc(100vh - 180px);overflow:hidden}.modules-container{flex:1;max-width:1000px;margin:0 auto;padding:0 var(--space-4);display:flex;flex-direction:column;gap:var(--space-5);overflow-y:auto}.module-item{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-xl);overflow:hidden;transition:all var(--transition-fast)}.module-item:hover{border-color:var(--border-active)}.module-item.dragging{box-shadow:0 10px 40px #0006;border-color:var(--brand-gold)}.module-header{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-5) var(--space-6);background:var(--bg-elevated);border-bottom:1px solid var(--border-primary)}.module-drag-handle{display:flex;align-items:center;justify-content:center;padding:var(--space-2);color:var(--text-muted);cursor:grab;transition:color var(--transition-fast)}.module-drag-handle:hover{color:var(--text-secondary)}.module-drag-handle:active{cursor:grabbing}.module-info{flex:1;cursor:pointer}.module-title{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--text-primary);margin:0}.module-lessons-count{font-size:var(--text-sm);color:var(--text-muted);margin-top:var(--space-1)}.module-actions{display:flex;align-items:center;gap:var(--space-2)}.btn-module-action{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:transparent;border:1px solid var(--border-primary);border-radius:var(--radius-lg);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast)}.btn-module-action:hover{border-color:var(--border-active);color:var(--text-primary);background:var(--bg-card)}.btn-module-action.btn-danger{background:#ef44441a;border-color:#ef44444d;color:#ef4444}.btn-module-action.btn-danger:hover{border-color:#ef4444;background:#ef444433}.btn-module-toggle{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:transparent;border:none;color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast)}.btn-module-toggle:hover{color:var(--text-primary)}.module-edit-form{display:flex;gap:var(--space-3);padding:var(--space-4) var(--space-5);background:var(--bg-base-dark);border-bottom:1px solid var(--border-primary)}.module-edit-input{flex:1;padding:var(--space-3) var(--space-4);background:var(--bg-card);border:2px solid var(--brand-gold);border-radius:var(--radius-lg);color:var(--text-primary);font-size:var(--text-base)}.module-edit-input:focus{outline:none}.btn-save-edit,.btn-cancel-edit{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast)}.btn-save-edit{background:#22c55e33;color:#22c55e}.btn-save-edit:hover{background:#22c55e4d}.btn-cancel-edit{background:#ef444433;color:#ef4444}.btn-cancel-edit:hover{background:#ef44444d}.module-lessons{padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.lesson-item{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);background:var(--bg-elevated);border:1px solid transparent;border-radius:var(--radius-lg);transition:all var(--transition-fast)}.lesson-item:hover{background:var(--bg-card);border-color:var(--border-primary)}.lesson-item.dragging{box-shadow:0 5px 20px #0000004d;border-color:var(--brand-gold)}.lesson-drag-handle{display:flex;align-items:center;justify-content:center;color:var(--text-muted);cursor:grab;opacity:.5;transition:opacity var(--transition-fast)}.lesson-item:hover .lesson-drag-handle{opacity:1}.lesson-drag-handle:active{cursor:grabbing}.lesson-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:#ffbd5926;border-radius:var(--radius-lg);color:var(--brand-gold);cursor:pointer;transition:all var(--transition-fast)}.lesson-icon:hover{background:#ffbd5940;transform:scale(1.05)}.lesson-info{flex:1;display:flex;flex-direction:column;gap:var(--space-1);cursor:pointer}.lesson-info:hover .lesson-title{color:var(--brand-gold)}.lesson-title{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary);transition:color var(--transition-fast)}.lesson-meta{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-sm);color:var(--text-muted)}.preview-tag{padding:var(--space-1) var(--space-2);background:#3b82f626;border-radius:var(--radius-md);color:#3b82f6;font-size:var(--text-xs);font-weight:var(--font-semibold)}.lesson-actions{display:flex;gap:var(--space-2);opacity:0;transition:opacity var(--transition-fast)}.lesson-item:hover .lesson-actions{opacity:1}.btn-lesson-action{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;border:1px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast)}.btn-lesson-action:hover{border-color:var(--border-active);color:var(--text-primary)}.btn-lesson-action.btn-danger:hover{border-color:#ef4444;color:#ef4444}.modules-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-16) var(--space-6);text-align:center}.modules-empty svg{color:var(--text-muted);margin-bottom:var(--space-5);width:64px;height:64px}.modules-empty h3{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--text-primary);margin:0 0 var(--space-2)}.modules-empty p{color:var(--text-secondary);font-size:var(--text-base);margin:0}.lessons-empty{display:flex;flex-direction:column;align-items:center;padding:var(--space-8);text-align:center}.lessons-empty p{color:var(--text-muted);font-size:var(--text-base);margin:0 0 var(--space-4)}.btn-add-first-lesson{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);background:#ffbd5926;border:1px dashed var(--brand-gold);border-radius:var(--radius-lg);color:var(--brand-gold);font-size:var(--text-base);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-fast)}.btn-add-first-lesson:hover{background:#ffbd5940}.btn-add-lesson{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3);margin:var(--space-2) var(--space-4);background:transparent;border:2px dashed var(--border-primary);border-radius:var(--radius-lg);color:var(--text-muted);font-size:var(--text-base);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-fast)}.btn-add-lesson:hover{border-color:var(--brand-gold);color:var(--brand-gold);background:#ffbd590d}.btn-add-module{display:flex;align-items:center;justify-content:center;gap:var(--space-3);width:100%;padding:var(--space-5);background:transparent;border:2px dashed var(--border-primary);border-radius:var(--radius-xl);color:var(--text-muted);font-size:var(--text-lg);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-fast)}.btn-add-module:hover{border-color:var(--brand-gold);color:var(--brand-gold);background:#ffbd590d}.add-module-form{display:flex;gap:var(--space-3);padding:var(--space-5);background:var(--bg-card);border:2px solid var(--brand-gold);border-radius:var(--radius-xl)}.add-module-input{flex:1;padding:var(--space-4);background:var(--bg-elevated);border:1px solid var(--border-primary);border-radius:var(--radius-lg);color:var(--text-primary);font-size:var(--text-lg)}.add-module-input:focus{outline:none;border-color:var(--brand-gold)}.btn-confirm-add,.btn-cancel-add{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast)}.btn-confirm-add{background:linear-gradient(135deg,var(--brand-gold),#E5A84D);color:var(--bg-base-dark)}.btn-confirm-add:hover:not(:disabled){transform:scale(1.05)}.btn-confirm-add:disabled{opacity:.5;cursor:not-allowed}.btn-cancel-add{background:var(--bg-elevated);border:1px solid var(--border-primary);color:var(--text-muted)}.btn-cancel-add:hover{color:#ef4444;border-color:#ef4444}.builder-loading,.builder-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center}.builder-loading .loading-spinner-icon{animation:spin 1s linear infinite;color:var(--brand-gold);margin-bottom:var(--space-5);width:56px;height:56px}.builder-loading p{color:var(--text-secondary);font-size:var(--text-lg)}.builder-error svg{color:#ef4444;margin-bottom:var(--space-5);width:56px;height:56px}.builder-error h2{color:var(--text-primary);font-size:var(--text-2xl);margin-bottom:var(--space-5)}.btn-back-admin{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-lg);color:var(--text-primary);font-size:var(--text-base);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-fast)}.btn-back-admin:hover{border-color:var(--border-active);background:var(--bg-hover)}@media(max-width:1024px){.module-builder-page{padding:var(--space-6)}.modules-container{max-width:100%}}@media(max-width:768px){.module-builder-page{padding:var(--space-4)}.builder-header{flex-wrap:wrap}.header-title{order:-1;width:100%;margin-bottom:var(--space-3)}.builder-title{font-size:var(--text-xl)}.module-header{flex-wrap:wrap;padding:var(--space-4)}.module-actions{width:100%;justify-content:flex-end;margin-top:var(--space-2)}.lesson-item{padding:var(--space-3);gap:var(--space-3)}.lesson-icon{width:36px;height:36px}.btn-add-module{padding:var(--space-4);font-size:var(--text-base)}}body:has(.html-editor-container.fullscreen),body.editor-fullscreen-active{overflow:hidden!important}body:has(.html-editor-container.fullscreen) .top-nav-bar,body:has(.html-editor-container.fullscreen) .compact-sidebar,body:has(.html-editor-container.fullscreen)>header,body:has(.html-editor-container.fullscreen)>nav{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important}body.editor-fullscreen-active .top-nav-bar,body.editor-fullscreen-active .compact-sidebar,body.editor-fullscreen-active>header,body.editor-fullscreen-active>nav{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important}.lesson-editor-page{min-height:100vh;background:transparent;padding:var(--space-4) var(--space-6);position:relative;z-index:1}.editor-header{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--border-primary);max-width:1200px;margin-left:auto;margin-right:auto}.editor-title{display:flex;align-items:center;gap:var(--space-3);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0}.editor-title svg{color:var(--brand-gold)}.module-name{font-size:var(--font-size-sm);color:var(--text-muted)}.editor-actions{display:flex;align-items:center;gap:var(--space-3)}.autosave-indicator{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);transition:all .3s ease}.autosave-indicator.saving{background:#ffbd5926;border:1px solid rgba(255,189,89,.3);color:var(--brand-gold)}.autosave-indicator.saved{background:#22c55e26;border:1px solid rgba(34,197,94,.3);color:#22c55e}.autosave-indicator.error{background:#ef444426;border:1px solid rgba(239,68,68,.3);color:#ef4444}.btn-save{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--bg-elevated);border:1px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast)}.btn-save:hover:not(:disabled){border-color:var(--brand-gold);color:var(--brand-gold)}.btn-save-exit{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:linear-gradient(135deg,var(--brand-gold),#E5A84D);border:none;border-radius:var(--radius-md);color:var(--bg-base-dark);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-fast)}.btn-save-exit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 15px #ffbd594d}.btn-save-exit:disabled{opacity:.6;cursor:not-allowed}.message-success,.message-error{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--font-size-sm);margin-bottom:var(--space-4);max-width:1200px;margin-left:auto;margin-right:auto}.editor-form{max-width:100%;margin:0 auto;flex:1;min-height:0;display:flex;flex-direction:column}.content-tab-layout{display:flex;flex-direction:column;flex:1;min-height:0;gap:var(--space-3)}.lesson-settings-row{display:flex;gap:var(--space-3);align-items:flex-end;flex-wrap:wrap;padding-bottom:var(--space-3);border-bottom:1px solid var(--border-primary);flex-shrink:0}.setting-group{display:flex;flex-direction:column;gap:var(--space-2)}.setting-group .form-label{font-size:11px;color:var(--text-muted);margin-bottom:2px}.setting-title{flex:1;min-width:200px}.setting-type{flex-shrink:0}.setting-duration{flex-shrink:0;width:120px}.setting-duration .duration-input-wrapper{position:relative}.setting-duration .form-input{padding:8px 40px 8px 32px;font-size:13px}.setting-duration .duration-icon{left:10px}.setting-duration .duration-unit{font-size:11px}.setting-preview{flex-shrink:0}.toggle-btn-compact{display:flex;align-items:center;gap:6px;padding:8px 12px;background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-muted);font-size:12px;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.toggle-btn-compact:hover{border-color:var(--border-active)}.toggle-btn-compact.active{background:#22c55e26;border-color:#22c55e;color:#22c55e}.content-columns{display:flex;gap:var(--space-3);flex:1;min-height:0;align-items:stretch}.content-editor-column{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--space-3);overflow:visible}.images-panel-column{width:240px;flex-shrink:0;display:flex;flex-direction:column;min-height:0}.form-grid{display:grid;grid-template-columns:1fr 280px;gap:var(--space-6);flex:1;min-height:0;align-items:stretch}.form-column{display:flex;flex-direction:column;gap:var(--space-5);overflow-y:auto;overflow-anchor:none!important;padding-right:4px}.form-column-right{display:flex;flex-direction:column;gap:var(--space-4);height:100%;min-height:0}.form-group.has-error .form-input,.form-group.has-error .form-textarea{border-color:#ef4444}.form-label-row{display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.form-input,.form-textarea{padding:var(--space-3);background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--font-size-base);transition:all var(--transition-fast)}.form-input:focus,.form-textarea:focus{outline:none;border-color:var(--brand-gold);box-shadow:0 0 0 3px #ffbd591a}.form-input.with-icon{padding-left:44px}.form-textarea{resize:vertical;min-height:120px}.form-error{font-size:var(--font-size-xs);color:#ef4444}.lesson-type-options{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.type-option{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:6px;padding:6px 10px;background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);text-align:center}.type-option input{display:none}.type-option:hover{border-color:var(--border-active)}.type-option.selected{background:#ffbd591a;border-color:var(--brand-gold)}.type-option svg{color:var(--text-muted);width:16px;height:16px;flex-shrink:0}.type-option.selected svg{color:var(--brand-gold)}.type-label{font-size:11px;font-weight:600;color:var(--text-primary);display:block;margin-bottom:0}.type-description{display:none}.type-option .type-info{display:flex;flex-direction:column;align-items:center;gap:0}.url-input-wrapper,.duration-input-wrapper{position:relative}.url-icon,.duration-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-muted)}.duration-unit{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:var(--text-muted);font-size:var(--font-size-sm)}.video-preview{margin-top:var(--space-3);border-radius:var(--radius-lg);overflow:hidden;background:var(--bg-elevated);aspect-ratio:16 / 9}.video-preview iframe{width:100%;height:100%}.html-editor-container{display:flex;flex-direction:column;gap:var(--space-2);flex:1;min-height:0;overflow:visible}.html-editor-container.fullscreen{position:fixed!important;inset:0!important;z-index:999999!important;background:var(--bg-base-dark)!important;padding:0!important;margin:0!important;overflow:visible!important;box-sizing:border-box!important;width:100vw!important;height:100vh!important;isolation:isolate;transform:translateZ(0)}.btn-exit-fullscreen-fixed{position:fixed!important;top:20px!important;right:24px!important;z-index:99999!important;display:flex!important;align-items:center;gap:10px;padding:14px 24px;background:linear-gradient(135deg,#ef4444,#dc2626)!important;border:2px solid white!important;border-radius:12px;color:#fff!important;font-size:15px;font-weight:700;cursor:pointer;box-shadow:0 6px 30px #00000080,0 0 0 4px #ef44444d;transition:all .2s ease;text-transform:uppercase;letter-spacing:1px}.btn-exit-fullscreen-fixed:hover{transform:scale(1.05);box-shadow:0 8px 35px #0009,0 0 0 6px #ef444466}.btn-exit-fullscreen-fixed:active{transform:scale(.95)}.btn-minimize{display:flex;align-items:center;justify-content:center;padding:10px 14px;background:var(--bg-elevated);border:1px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.btn-minimize:hover{border-color:var(--brand-gold);color:var(--brand-gold)}.fullscreen-wrapper{display:none}.html-editor-container.fullscreen .fullscreen-wrapper{display:flex!important;flex-direction:column;position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;padding:0!important;margin:0!important;box-sizing:border-box!important;overflow:visible!important;z-index:999999!important;background:var(--bg-base-dark)!important}.fullscreen-main .course-navigator{flex-shrink:0;z-index:100;height:100%;max-height:100%;overflow-y:auto}.fullscreen-main .course-nav-toggle-btn{position:fixed!important;left:72px!important;top:70px!important;z-index:100000!important;background:var(--bg-elevated)!important;border:1px solid var(--border-primary)!important;box-shadow:0 4px 12px #0000004d!important}.fullscreen-main{display:flex;gap:0;flex:1;min-height:0;padding-left:70px;overflow:visible;align-items:stretch;box-sizing:border-box}.fullscreen-main.resizing{-webkit-user-select:none;user-select:none;cursor:col-resize}.fullscreen-main.resizing *{cursor:col-resize!important}.column-resize-handle{width:12px;flex-shrink:0;background:transparent;cursor:col-resize;position:relative;transition:background .15s ease;z-index:200;min-height:100%;align-self:stretch}.column-resize-handle:before{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:2px;height:40px;background:var(--border-primary);border-radius:2px;opacity:.6;transition:all .15s ease}.column-resize-handle:hover{background:#ffbd5914}.column-resize-handle:hover:before{background:var(--brand-gold);height:60px;opacity:1}.column-resize-handle:active{background:#ffbd5926}.column-resize-handle:active:before{background:var(--brand-gold);height:80px;box-shadow:0 0 8px #ffbd5966}.fullscreen-editor-area{flex:1;display:flex;flex-direction:column;min-width:0;height:100%;max-height:100%;overflow:hidden}.fullscreen-editor-area.with-mobile-preview{flex-direction:row;gap:0}.fullscreen-editor-area.with-mobile-preview .editor-content-panel{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column;overflow:hidden}.fullscreen-editor-area.with-mobile-preview .mobile-preview-panel{min-width:280px;flex-shrink:0;border-left:none;background:linear-gradient(180deg,#0d1117,#161b22);border-radius:12px;overflow:hidden;display:flex;flex-direction:column;height:100%;max-height:100%}.btn-mobile-preview{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#00d9ff26;border:1px solid rgba(0,217,255,.3);border-radius:var(--radius-md);color:#00d9ff;font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast)}.btn-mobile-preview:hover{background:#00d9ff40;border-color:#00d9ff80}.btn-mobile-preview.active{background:#00d9ff4d;border-color:#00d9ff;box-shadow:0 0 12px #00d9ff4d}.editor-content-panel{flex:1;display:flex;flex-direction:column;min-width:0;min-height:calc(100vh - 90px);height:calc(100vh - 90px);overflow:hidden}.fullscreen-editor-area .html-toolbar{flex-shrink:0;margin-bottom:8px}.fullscreen-editor-area .code-editor,.fullscreen-editor-area .html-preview{flex:1;min-height:0;height:100%;max-height:100%;overflow-y:auto;overflow-x:hidden;overflow-anchor:none!important;contain:layout style;transform:translateZ(0);-webkit-transform:translateZ(0);will-change:scroll-position;-webkit-overflow-scrolling:touch}.fullscreen-editor-area .html-preview *,.fullscreen-editor-area .code-editor *{transition-property:color,background-color,border-color,opacity!important}.fullscreen-outline-sidebar{flex-shrink:0;background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-lg);display:flex;flex-direction:column;overflow:hidden;height:100%;max-height:100%;transition:width .2s ease}.fullscreen-outline-sidebar.collapsed{width:48px;overflow:hidden}.fullscreen-outline-sidebar.collapsed .sidebar-header{justify-content:center;padding:8px 6px}.fullscreen-outline-sidebar.collapsed .sidebar-title,.fullscreen-outline-sidebar.collapsed .btn-preview-course,.fullscreen-outline-sidebar.collapsed .sidebar-content{display:none}.toolbox-sidebar{flex-shrink:0;width:100%;height:100%;overflow-y:auto;overflow-x:hidden}.toolbox-sidebar.collapsed{width:40px!important}.toolbox-wrapper{position:sticky;top:100px;align-self:flex-start;z-index:50;max-height:calc(100vh - 180px)}.toolbox-sidebar::-webkit-scrollbar{width:6px}.toolbox-sidebar::-webkit-scrollbar-track{background:transparent}.toolbox-sidebar::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.toolbox-sidebar::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.fullscreen-outline-sidebar .sidebar-content{flex:1;min-height:0;overflow-y:auto}.fullscreen-outline-sidebar .outline-list{padding:8px}.fullscreen-outline-sidebar .outline-module-header,.fullscreen-outline-sidebar .outline-lesson{position:relative}.btn-copy-link{display:flex;align-items:center;justify-content:center;width:18px;height:18px;padding:0;background:transparent;border:1px solid transparent;border-radius:4px;color:var(--text-muted);cursor:pointer;opacity:0;transition:all .15s ease;flex-shrink:0;margin-left:auto}.btn-copy-link:hover{background:#ffbd5926;border-color:var(--brand-gold);color:var(--brand-gold)}.outline-module-header:hover .btn-copy-link,.outline-lesson:hover .btn-copy-link{opacity:1}.btn-copy-link svg{width:10px;height:10px}.btn-copy-link.copied{opacity:1!important;background:#22c55e33;border-color:#22c55e;color:#22c55e;animation:copyPulse .3s ease}@keyframes copyPulse{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.fullscreen-images-panel{flex-shrink:0;background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-lg);display:flex;flex-direction:column;overflow:hidden;height:100%;max-height:100%;margin-left:0}.fullscreen-upload-zone{padding:20px 16px;border-bottom:1px solid var(--border-primary);background:#ffffff05;cursor:pointer;transition:all .2s}.fullscreen-upload-zone:hover{background:#ffffff0a}.fullscreen-upload-zone.dragging{background:#ffbd5926;border-color:var(--brand-gold)}.fullscreen-upload-zone .upload-zone-content{display:flex;flex-direction:column;align-items:center;gap:10px;color:var(--text-muted);font-size:13px;text-align:center}.fullscreen-upload-zone.dragging .upload-zone-content{color:var(--brand-gold)}.images-panel-header{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;border-bottom:1px solid var(--border-primary);flex-shrink:0}.images-panel-header h4{margin:0;font-size:12px;font-weight:var(--font-weight-semibold);color:var(--text-primary);display:flex;align-items:center;gap:5px}.images-panel-header h4 svg{width:14px;height:14px}.images-panel-header .badge{background:var(--brand-gold);color:var(--bg-base-dark);padding:1px 6px;border-radius:8px;font-size:10px;font-weight:600}.images-panel-actions{display:flex;align-items:center;gap:4px}.sort-select{padding:3px 6px;background:var(--bg-elevated);border:1px solid var(--border-primary);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:10px;cursor:pointer;transition:all .2s;max-width:70px}.sort-select:hover{border-color:var(--border-active);color:var(--text-primary)}.sort-select:focus{outline:none;border-color:var(--brand-gold)}.sort-select option{background:var(--bg-base-dark);color:var(--text-primary)}.fullscreen-images-panel.panel-dragging,.sidebar-images-panel.panel-dragging{border:3px dashed var(--brand-gold)!important;background:#ffbd5926!important;box-shadow:inset 0 0 50px #ffbd594d,0 0 20px #ffbd5966!important;animation:dropZonePulse .8s ease-in-out infinite}@keyframes dropZonePulse{0%,to{background:#ffbd5926;box-shadow:inset 0 0 50px #ffbd594d,0 0 20px #ffbd5966}50%{background:#ffbd5940;box-shadow:inset 0 0 70px #ffbd5966,0 0 30px #ffbd5980}}.drop-overlay{position:absolute;inset:0;background:#ffbd59f2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#1a1a2e;font-weight:600;font-size:12px;z-index:10;border-radius:var(--radius-lg);animation:dropPulse .5s ease-in-out infinite alternate}.drop-overlay svg{width:24px;height:24px}@keyframes dropPulse{0%{background:#ffbd59e6}to{background:#ffbd59}}.fullscreen-images-panel,.sidebar-images-panel{position:relative}.images-panel-list{flex:1;overflow-y:auto;padding:8px;min-height:0;height:100%}.images-panel-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px 8px;color:var(--text-muted);text-align:center;font-size:11px}.images-panel-empty svg{width:24px;height:24px}.image-panel-item{display:flex;flex-direction:column;gap:5px;padding:8px;background:#ffffff05;border:1px solid var(--border-primary);border-radius:var(--radius-md);margin-bottom:8px;transition:all .2s}.image-panel-item:hover{border-color:var(--border-active);background:#ffffff0a}.image-panel-thumb{width:100%;aspect-ratio:1 / 1;flex-shrink:0;border-radius:var(--radius-sm);overflow:hidden;background:#0000004d;display:flex;align-items:center;justify-content:center}.image-panel-thumb img{width:100%;height:100%;object-fit:cover}.image-panel-info{flex:1;min-width:0;display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:4px}.image-panel-id{color:var(--brand-gold);font-size:12px;font-weight:600;font-family:monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;max-width:130px}.image-panel-tag{font-size:9px;color:var(--text-muted);font-family:monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:#0000004d;padding:2px 4px;border-radius:3px}.image-panel-actions{display:flex;gap:4px}.btn-copy-img{padding:4px 8px;background:linear-gradient(135deg,var(--brand-burgundy),#b01017);border:none;border-radius:4px;color:#fff;font-size:9px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:4px;transition:all .2s ease;white-space:nowrap;box-shadow:0 2px 4px #0000004d;position:relative;overflow:hidden}.btn-copy-img svg{width:10px;height:10px}.btn-copy-img:hover{background:linear-gradient(135deg,#b01017,#c01820);transform:translateY(-1px);box-shadow:0 4px 8px #0006}.btn-copy-img:active{transform:scale(.95);box-shadow:0 1px 2px #0000004d}.btn-copy-img.copied{background:linear-gradient(135deg,#22c55e,#16a34a);animation:copySuccess .3s ease;box-shadow:0 0 12px #22c55e80}@keyframes copySuccess{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.btn-delete-img{padding:4px 8px;background:#ef444426;border:1px solid rgba(239,68,68,.3);border-radius:4px;color:#ef4444;font-size:9px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:4px;transition:all .2s ease;white-space:nowrap}.btn-delete-img svg{width:12px;height:12px}.btn-delete-img:hover{background:#ef4444;border-color:#ef4444;color:#fff;transform:translateY(-1px);box-shadow:0 4px 8px #ef44444d}.btn-delete-img:active{transform:scale(.95)}.btn-download-img{padding:4px 8px;background:#3b82f626;border:1px solid rgba(59,130,246,.3);border-radius:4px;color:#3b82f6;font-size:9px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:4px;transition:all .2s ease;white-space:nowrap}.btn-download-img svg{width:12px;height:12px}.btn-download-img:hover{background:#3b82f6;border-color:#3b82f6;color:#fff;transform:translateY(-1px);box-shadow:0 4px 8px #3b82f64d}.btn-download-img:active{transform:scale(.95)}.image-panel-thumb{position:relative}.image-zoom-overlay{position:absolute;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease;border-radius:var(--radius-sm)}.image-zoom-overlay svg{color:#fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.image-panel-thumb:hover .image-zoom-overlay{opacity:1}.sidebar-image-thumb{position:relative}.sidebar-image-thumb:after{content:"";position:absolute;inset:0;background:#00000080;opacity:0;transition:opacity .2s ease;border-radius:6px;pointer-events:none}.sidebar-image-thumb:hover:after{opacity:1}.sidebar-image-thumb:before{content:"🔍";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:14px;z-index:1;opacity:0;transition:opacity .2s ease;pointer-events:none}.sidebar-image-thumb:hover:before{opacity:1}.normal-mode-wrapper{display:flex;flex-direction:column;gap:var(--space-3);flex:1;min-height:0;overflow:visible}.html-editor-container.fullscreen .normal-mode-wrapper{display:none}.sidebar-images-panel{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-lg);display:flex;flex-direction:column;overflow:hidden;flex:1;min-height:0;height:100%}.sidebar-upload-zone{padding:12px 10px;border-bottom:1px solid var(--border-primary);background:#ffffff05;cursor:pointer;transition:all .2s}.sidebar-upload-zone:hover{background:#ffffff0a}.sidebar-upload-zone.dragging{background:#ffbd591a;border-color:var(--brand-gold)}.upload-zone-content{display:flex;flex-direction:column;align-items:center;gap:6px;color:var(--text-muted);font-size:12px;text-align:center}.upload-zone-content svg{width:22px;height:22px}.sidebar-upload-zone.dragging .upload-zone-content{color:var(--brand-gold)}.sidebar-images-list{flex:1;overflow-y:auto;padding:10px}.sidebar-image-item{display:flex;flex-direction:column;gap:5px;padding:8px;background:#ffffff05;border:1px solid var(--border-primary);border-radius:var(--radius-md);margin-bottom:8px;transition:all .2s}.sidebar-image-item:hover{border-color:var(--border-active);background:#ffffff0a}.sidebar-image-thumb{width:100%;aspect-ratio:1 / 1;flex-shrink:0;border-radius:var(--radius-sm);overflow:hidden;background:#0000004d}.sidebar-image-thumb img{width:100%;height:100%;object-fit:cover}.sidebar-image-info{flex:1;min-width:0;display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:4px}.sidebar-image-id{color:var(--brand-gold);font-size:12px;font-weight:600;font-family:monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;max-width:130px}.sidebar-image-actions{display:flex;gap:4px;flex-shrink:0}.btn-copy-img-small{padding:4px 8px;background:var(--brand-burgundy);border:none;border-radius:4px;color:#fff;font-size:10px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:4px;transition:all .2s;white-space:nowrap;flex-shrink:0}.btn-copy-img-small:hover{background:#b01017}.btn-copy-img-small.copied{background:#22c55e;animation:copySuccess .3s ease}.btn-copy-img-small svg{width:10px;height:10px}.btn-delete-img-small{padding:4px 6px;background:#ef444433;border:1px solid rgba(239,68,68,.3);border-radius:4px;color:#ef4444;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .2s}.btn-delete-img-small:hover{background:#ef4444;color:#fff}.btn-delete-img-small svg{width:10px;height:10px}.btn-download-img-small{padding:4px 6px;background:#3b82f633;border:1px solid rgba(59,130,246,.3);border-radius:4px;color:#3b82f6;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .2s}.btn-download-img-small:hover{background:#3b82f6;color:#fff}.btn-download-img-small svg{width:10px;height:10px}.btn-refresh-images{padding:3px 6px;background:transparent;border:1px solid var(--border-primary);border-radius:4px;color:var(--text-secondary);font-size:9px;cursor:pointer;transition:all .2s}.btn-refresh-images:hover{border-color:var(--border-active);color:var(--text-primary)}.btn-refresh-images svg{width:10px;height:10px}.html-editor-container.fullscreen>.form-label-row,.html-editor-container.fullscreen>.html-toolbar,.html-editor-container.fullscreen>.code-editor,.html-editor-container.fullscreen>.html-preview,.html-editor-container.fullscreen>.html-editor-footer{display:none}.fullscreen-footer{display:flex;justify-content:space-between;align-items:center;padding-top:4px;border-top:1px solid var(--border-primary);margin-top:6px;flex-shrink:0}.fullscreen-header{display:flex!important;justify-content:space-between;align-items:center;position:relative;width:100%;height:56px;min-height:56px;flex-shrink:0;padding:0 20px 0 80px;border-bottom:1px solid var(--border-primary);background:var(--bg-base-dark)!important;box-sizing:border-box}.btn-exit-fullscreen{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--bg-elevated);border:1px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast)}.btn-exit-fullscreen:hover{border-color:var(--brand-gold);color:var(--brand-gold)}.fullscreen-title{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.html-actions{display:flex!important;gap:var(--space-2);flex-wrap:wrap;align-items:center}.fullscreen-header .html-actions,.fullscreen-header .html-actions button{display:flex!important}.btn-import-html,.btn-preview-html,.btn-copy-html,.btn-paste-html,.btn-sanitize-html,.btn-fullscreen{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast);min-height:40px}.btn-import-html:hover,.btn-preview-html:hover,.btn-copy-html:hover,.btn-paste-html:hover,.btn-sanitize-html:hover,.btn-fullscreen:hover{border-color:var(--border-active);color:var(--text-primary)}.btn-sanitize-html{background:linear-gradient(135deg,#9333ea26,#9333ea0d);border-color:#9333ea4d;color:#a78bfa}.btn-sanitize-html:hover{background:linear-gradient(135deg,#9333ea40,#9333ea1a);border-color:#9333ea80;color:#c4b5fd}.btn-iframe-preview{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--bg-tertiary);border:1px solid var(--border-default);border-radius:var(--radius-md);font-size:13px;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.btn-iframe-preview:hover{background:var(--bg-hover);border-color:var(--border-active);color:var(--text-primary)}.btn-iframe-preview.active{background:linear-gradient(135deg,#22c55e33,#22c55e1a);border-color:#22c55e80;color:#4ade80}.iframe-preview-container{display:flex;flex-direction:column;flex:1;min-height:400px;background:var(--bg-secondary);border-radius:var(--radius-lg);overflow:hidden}.iframe-preview-notice{display:flex;align-items:center;gap:8px;padding:8px 16px;background:linear-gradient(135deg,#22c55e26,#22c55e0d);border-bottom:1px solid rgba(34,197,94,.2);color:#4ade80;font-size:12px;font-weight:500}.browser-preview-iframe{flex:1;width:100%;height:100%;min-height:500px;border:none;background:#0a0f1c}.btn-preview-html.active{background:var(--brand-gold);border-color:var(--brand-gold);color:var(--bg-base-dark)}.btn-block-mode{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:transparent;border:1px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast);min-height:40px;white-space:nowrap}.btn-block-mode:hover{border-color:var(--border-active);color:var(--text-primary)}.btn-block-mode.active{background:var(--brand-burgundy);border-color:var(--brand-burgundy);color:var(--text-primary)}.btn-product-picker{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:#00f0ff;font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast);min-height:40px;white-space:nowrap}.btn-product-picker:hover{background:linear-gradient(135deg,#6a5bff80,#00f0ff4d)!important;transform:translateY(-1px);box-shadow:0 4px 12px #00f0ff33}.btn-product-picker svg{color:#00f0ff}.draggable-block-editor{min-height:300px;background:var(--bg-elevated);border:1px solid var(--border-primary);border-radius:var(--radius-lg);overflow:visible}.draggable-block-editor.empty{display:flex;align-items:center;justify-content:center;color:var(--text-muted)}.fullscreen-block-editor,.normal-block-editor{flex:1;overflow:visible}.blocks-list{overflow-anchor:none!important;position:relative;min-height:0;transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden}.draggable-block-editor .block-content{color:var(--text-primary)}.draggable-block-editor .block-content h1,.draggable-block-editor .block-content h2,.draggable-block-editor .block-content h3,.draggable-block-editor .block-content h4{color:var(--text-primary);margin:0}.draggable-block-editor .block-content p{color:var(--text-secondary);margin:0}.draggable-block-editor .block-content img{max-width:100%;height:auto;border-radius:var(--radius-md)}.draggable-block-editor .block-content ul,.draggable-block-editor .block-content ol{color:var(--text-secondary);margin:0;padding-left:24px}.draggable-block-editor .block-content blockquote{border-left:4px solid var(--brand-gold);padding-left:16px;margin:0;color:var(--text-muted);font-style:italic}.draggable-block-editor .block-content pre{background:#0000004d;padding:12px;border-radius:var(--radius-md);overflow-x:auto;color:var(--brand-gold)}.draggable-block-editor .block-content table{width:100%;border-collapse:collapse;color:var(--text-secondary)}.draggable-block-editor .block-content th,.draggable-block-editor .block-content td{border:1px solid var(--border-primary);padding:8px 12px;text-align:left}.draggable-block-editor .block-content th{background:#ffffff0d;color:var(--text-primary)}.draggable-block:hover{background:#ffffff05}.draggable-block:hover .block-toolbar,.draggable-block:hover .block-actions{opacity:1!important}.html-toolbar{display:flex;flex-wrap:nowrap;gap:4px;padding:6px 10px;background:var(--bg-elevated);border:1px solid var(--border-primary);border-radius:var(--radius-md);margin-bottom:var(--space-2);flex-shrink:0;position:sticky;top:0;z-index:10;overflow-x:auto}.toolbar-group{display:flex;gap:2px;padding-right:8px;border-right:1px solid var(--border-primary)}.toolbar-group:last-child{border-right:none;padding-right:0}.toolbar-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--bg-card);border:1px solid var(--border-primary);border-radius:4px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.toolbar-btn svg{width:14px;height:14px}.toolbar-btn:hover:not(:disabled){background:var(--bg-elevated);border-color:var(--brand-gold);color:var(--text-primary);transform:translateY(-1px)}.toolbar-btn:active:not(:disabled){background:#ffbd5933;border-color:var(--brand-gold);color:var(--brand-gold);transform:translateY(0)}.toolbar-btn:disabled,.toolbar-btn.disabled{opacity:.3;cursor:not-allowed}.toolbar-btn[title*="Chữ nhỏ"],.toolbar-btn[title*="Chữ thường"],.toolbar-btn[title*="Chữ lớn"]{font-weight:600}.code-editor{font-family:Monaco,Menlo,Ubuntu Mono,Consolas,monospace;font-size:var(--font-size-sm);line-height:1.6;flex:1;min-height:calc(100vh - 320px);tab-size:2;white-space:pre-wrap;word-wrap:break-word;transition:all .2s ease;overflow-y:auto}.code-editor.drag-over{border-color:var(--brand-gold)!important;background:#ffbd591a!important;box-shadow:inset 0 0 20px #ffbd5933}.draggable-image{cursor:grab;transition:all .2s ease}.draggable-image:active{cursor:grabbing}.draggable-image:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.html-preview{padding:0;background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-md);flex:1;min-height:calc(100vh - 320px);overflow-y:auto;overflow-anchor:none!important;position:relative;transition:border-color .2s ease;contain:layout style;transform:translateZ(0);-webkit-transform:translateZ(0);will-change:scroll-position;-webkit-overflow-scrolling:touch}.html-preview *:not(.selected-for-delete):not([class*=placeholder]),.html-preview *:not(.selected-for-delete):not([class*=placeholder]):before,.html-preview *:not(.selected-for-delete):not([class*=placeholder]):after{animation:none!important;animation-delay:0s!important;animation-duration:0s!important;animation-iteration-count:1!important;transition:none!important}.html-preview.wysiwyg-editor{cursor:text;outline:none}.html-preview.wysiwyg-editor *{opacity:1!important;animation-fill-mode:forwards!important}.html-preview.wysiwyg-editor [hidden],.html-preview.wysiwyg-editor [style*="display: none"],.html-preview.wysiwyg-editor [style*="display:none"]{opacity:0!important}.html-preview.wysiwyg-editor .background-container,.html-preview.wysiwyg-editor .bg-container,.html-preview.wysiwyg-editor .bg-layer,.html-preview.wysiwyg-editor .bg-layer-base,.html-preview.wysiwyg-editor .orb,.html-preview.wysiwyg-editor .orb-1,.html-preview.wysiwyg-editor .orb-2,.html-preview.wysiwyg-editor .orb-3{display:none!important}.html-preview.wysiwyg-editor [style*="position: fixed"],.html-preview.wysiwyg-editor [style*="position:fixed"]{position:relative!important;inset:auto!important;width:auto!important;height:auto!important;z-index:auto!important}.html-preview.wysiwyg-editor [style*="inset: 0"],.html-preview.wysiwyg-editor [style*="inset:0"]{position:relative!important;inset:auto!important}.html-preview.wysiwyg-editor [style*="z-index: -"],.html-preview.wysiwyg-editor [style*="z-index:-"]{z-index:1!important}.html-preview.wysiwyg-editor section,.html-preview.wysiwyg-editor [class*=section]{min-height:auto!important;height:auto!important;overflow:visible!important}.html-preview.wysiwyg-editor [style*=backdrop-filter]{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.html-preview.wysiwyg-editor .lesson-container,.html-preview.wysiwyg-editor .content-wrapper,.html-preview.wysiwyg-editor .glass-card,.html-preview.wysiwyg-editor .glass{position:relative!important;z-index:1!important;overflow:visible!important}.html-preview.wysiwyg-editor .spacer{position:relative;cursor:pointer!important;z-index:5!important;min-height:20px;background:repeating-linear-gradient(45deg,#ffbd5905,#ffbd5905 10px,#ffbd590a 10px 20px)!important;border:1px dashed rgba(255,189,89,.15)!important;border-radius:4px}.html-preview.wysiwyg-editor .spacer:after{content:"SPACING";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:9px;font-weight:600;color:#ffbd5959;letter-spacing:1px;text-transform:uppercase;pointer-events:none;white-space:nowrap}.html-preview.wysiwyg-editor .spacer-sm:after{content:"S"}.html-preview.wysiwyg-editor .spacer-md:after{content:"M"}.html-preview.wysiwyg-editor .spacer-lg:after{content:"L"}.html-preview.wysiwyg-editor .spacer-xl:after{content:"XL"}.html-preview.wysiwyg-editor .spacer:hover{background:repeating-linear-gradient(45deg,#ffbd590a,#ffbd590a 10px,#ffbd5914 10px 20px)!important;border-color:#ffbd594d!important}.html-preview.wysiwyg-editor .spacer.selected-for-delete{background:repeating-linear-gradient(45deg,#00d9ff0a,#00d9ff0a 10px,#00d9ff14 10px 20px)!important;border-color:#00d9ff!important}.html-preview.wysiwyg-editor details{cursor:pointer}.html-preview.wysiwyg-editor details summary{cursor:pointer;list-style:none;-webkit-user-select:none;user-select:none}.html-preview.wysiwyg-editor details summary::-webkit-details-marker{display:none}.html-preview.wysiwyg-editor details[open] summary{margin-bottom:8px}.html-preview.wysiwyg-editor .faq-toggle,.html-preview.wysiwyg-editor .accordion-header,.html-preview.wysiwyg-editor .toggle-header,.html-preview.wysiwyg-editor [data-toggle]{cursor:pointer!important;-webkit-user-select:none;user-select:none}.html-preview.wysiwyg-editor .faq-toggle:hover,.html-preview.wysiwyg-editor .accordion-header:hover,.html-preview.wysiwyg-editor .toggle-header:hover,.html-preview.wysiwyg-editor [data-toggle]:hover{opacity:.9}.html-preview.wysiwyg-editor .toggle-arrow,.html-preview.wysiwyg-editor .faq-arrow,.html-preview.wysiwyg-editor .accordion-arrow{transition:transform .3s ease!important}.html-preview.wysiwyg-editor:focus{border-color:var(--brand-gold);box-shadow:0 0 0 3px #ffbd5933}.html-preview.wysiwyg-editor img{width:100%;max-width:800px;height:auto;border-radius:12px!important;margin:16px auto 40px!important;box-shadow:0 4px 20px #0000004d,0 8px 32px #0003!important;padding:0;cursor:pointer;transition:none!important;display:block}.html-preview.wysiwyg-editor>section,.html-preview.wysiwyg-editor>div:has(img),.html-preview.wysiwyg-editor .lesson-image,.html-preview.wysiwyg-editor .image-placeholder,.html-preview.wysiwyg-editor .circle-placeholder,.html-preview.wysiwyg-editor .banner-placeholder{margin-bottom:2.5rem!important}.html-preview.wysiwyg-editor [class*=placeholder]{transition:border-color .15s ease,background-color .15s ease,outline .15s ease!important;transform:none!important;cursor:pointer!important;position:relative!important;z-index:5!important}.html-preview.wysiwyg-editor .empty-card{position:relative!important;z-index:5!important;cursor:pointer!important}.html-preview.wysiwyg-editor .circle-placeholder{transition:border-color .15s ease,background-color .15s ease,outline .15s ease!important}.html-preview.wysiwyg-editor .circle-placeholder:hover{border-color:#ffbd5999!important;background:#ffbd5914!important}.html-preview.wysiwyg-editor .circle-placeholder img{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:50%!important;margin:0!important}.html-preview.wysiwyg-editor .banner-placeholder{transition:border-color .2s ease,background .2s ease!important}.html-preview.wysiwyg-editor .banner-placeholder:hover{border-color:#ffbd5999!important;background:linear-gradient(135deg,#ffbd591f,#00d9ff14)!important}.html-preview.wysiwyg-editor .banner-placeholder img{width:100%!important;height:100%!important;object-fit:cover!important;margin:0!important}.html-preview.wysiwyg-editor img.circle-image-lg,.html-preview.wysiwyg-editor img.circle-image-md,.html-preview.wysiwyg-editor img.circle-image-sm{border-radius:50%!important;object-fit:cover!important;display:block!important;margin:16px auto 40px!important;box-shadow:0 4px 20px #0000004d,0 8px 32px #0003!important}.html-preview.wysiwyg-editor img.circle-image-lg{width:200px!important;height:200px!important;min-width:200px!important;min-height:200px!important;max-width:200px!important;max-height:200px!important}.html-preview.wysiwyg-editor img.circle-image-md{width:150px!important;height:150px!important;min-width:150px!important;min-height:150px!important;max-width:150px!important;max-height:150px!important}.html-preview.wysiwyg-editor img.circle-image-sm{width:100px!important;height:100px!important;min-width:100px!important;min-height:100px!important;max-width:100px!important;max-height:100px!important}.html-preview.wysiwyg-editor img.banner-image-lg,.html-preview.wysiwyg-editor img.banner-image-md,.html-preview.wysiwyg-editor img.banner-image-sm{border-radius:16px!important;object-fit:cover!important;aspect-ratio:16 / 9!important;width:100%!important;height:auto!important;display:block!important;margin:16px auto 40px!important;box-shadow:0 4px 20px #0000004d,0 8px 32px #0003!important}.html-preview.wysiwyg-editor img.banner-image-lg{max-width:800px!important}.html-preview.wysiwyg-editor img.banner-image-md{max-width:600px!important}.html-preview.wysiwyg-editor img.banner-image-sm{max-width:400px!important}.html-preview.wysiwyg-editor img::selection{background:#ffbd594d}.html-preview.wysiwyg-editor img{cursor:grab;transition:none!important}.html-preview.wysiwyg-editor img:hover{cursor:grab}.html-preview.wysiwyg-editor img:active{cursor:grabbing}.html-preview.wysiwyg-editor img,.html-preview.wysiwyg-editor .circle-placeholder,.html-preview.wysiwyg-editor .banner-placeholder,.html-preview.wysiwyg-editor .vertical-placeholder,.html-preview.wysiwyg-editor .square-placeholder,.html-preview.wysiwyg-editor .background-placeholder{position:relative}.html-preview.wysiwyg-editor .circle-placeholder:hover:after,.html-preview.wysiwyg-editor .banner-placeholder:hover:after,.html-preview.wysiwyg-editor .vertical-placeholder:hover:after,.html-preview.wysiwyg-editor .square-placeholder:hover:after,.html-preview.wysiwyg-editor .background-placeholder:hover:after{content:"🖱️ Double-click để chỉnh sửa";position:absolute;bottom:8px;right:8px;background:#000000d9;color:#ffbd59;padding:6px 12px;border-radius:6px;font-size:11px;font-weight:500;white-space:nowrap;z-index:10;pointer-events:none;box-shadow:0 4px 12px #0000004d;opacity:0;transform:translateY(4px);animation:fadeInHint .3s ease forwards;animation-delay:.5s}@keyframes fadeInHint{to{opacity:1;transform:translateY(0)}}.html-preview.wysiwyg-editor .product-recommend-card,.html-preview.wysiwyg-editor .product-recommend-banner,.html-preview.wysiwyg-editor .product-recommend-inline,.html-preview.wysiwyg-editor .info-card,.html-preview.wysiwyg-editor .highlight-box,.html-preview.wysiwyg-editor section,.html-preview.wysiwyg-editor blockquote{cursor:grab;transition:outline .2s ease,opacity .2s ease}.html-preview.wysiwyg-editor .product-recommend-card:active,.html-preview.wysiwyg-editor .product-recommend-banner:active,.html-preview.wysiwyg-editor .product-recommend-inline:active,.html-preview.wysiwyg-editor .info-card:active,.html-preview.wysiwyg-editor .highlight-box:active,.html-preview.wysiwyg-editor section:active,.html-preview.wysiwyg-editor blockquote:active{cursor:grabbing}.html-preview.wysiwyg-editor .selected-for-delete{outline:3px solid #00D9FF!important;outline-offset:-3px!important;background-color:#00d9ff1a!important}.html-preview.wysiwyg-editor img.selected-for-delete{outline:3px solid #00D9FF!important;outline-offset:-3px!important;cursor:grab}.html-preview.wysiwyg-editor .lesson-image{cursor:pointer;transition:outline .2s ease;border-radius:8px}.html-preview.wysiwyg-editor .lesson-image>div[style*=dashed]{min-height:100px}.html-preview.wysiwyg-editor.drag-over .lesson-image{outline:3px dashed var(--brand-gold)}@keyframes placeholderPulse{0%,to{background:#ffbd590d;outline-color:var(--brand-gold)}50%{background:#ffbd5926;outline-color:gold}}.html-preview.wysiwyg-editor img{cursor:pointer}.html-preview.wysiwyg-editor img:not([src]),.html-preview.wysiwyg-editor img[src=""],.html-preview.wysiwyg-editor img:-moz-broken,.html-preview.wysiwyg-editor img:-moz-user-disabled{min-width:60px;min-height:60px;display:inline-block;background:#ffffff1a;border:2px dashed rgba(255,189,89,.5);border-radius:8px;padding:8px;box-sizing:border-box}.html-preview.wysiwyg-editor img:before{content:"";display:block}.html-preview.wysiwyg-editor *{cursor:pointer}.html-preview.wysiwyg-editor:after{content:"Click chọn phần tử → Kéo hình vào để chèn | Delete: Xóa | Ctrl+Z: Hoàn tác";position:absolute;bottom:8px;right:8px;font-size:10px;color:#fff6;pointer-events:none}.resize-handles-overlay{position:fixed;pointer-events:none;z-index:9999990;border:2px dashed var(--brand-cyan);background:transparent}.resize-handles-overlay.resizing{border-color:var(--brand-gold);background:#ffbd590d}.resize-handle{position:absolute;width:12px;height:12px;background:#0a0d14;border:2px solid var(--brand-cyan);border-radius:3px;pointer-events:all;z-index:10;transition:background .15s ease,border-color .15s ease,transform .15s ease}.resize-handle:hover{background:var(--brand-cyan);border-color:#fff;transform:scale(1.2)}.resize-handle:active{background:var(--brand-gold);border-color:var(--brand-gold)}.resize-handle.handle-nw{top:-6px;left:-6px;cursor:nwse-resize}.resize-handle.handle-ne{top:-6px;right:-6px;cursor:nesw-resize}.resize-handle.handle-sw{bottom:-6px;left:-6px;cursor:nesw-resize}.resize-handle.handle-se{bottom:-6px;right:-6px;cursor:nwse-resize}.resize-handle.handle-n{top:-6px;left:50%;transform:translate(-50%);cursor:ns-resize}.resize-handle.handle-s{bottom:-6px;left:50%;transform:translate(-50%);cursor:ns-resize}.resize-handle.handle-e{top:50%;right:-6px;transform:translateY(-50%);cursor:ew-resize}.resize-handle.handle-w{top:50%;left:-6px;transform:translateY(-50%);cursor:ew-resize}.resize-handle.handle-n:hover,.resize-handle.handle-s:hover{transform:translate(-50%) scale(1.2)}.resize-handle.handle-e:hover,.resize-handle.handle-w:hover{transform:translateY(-50%) scale(1.2)}.resize-size-indicator{position:absolute;bottom:-30px;left:50%;transform:translate(-50%);background:#0a0d14f2;border:1px solid var(--brand-cyan);padding:4px 10px;border-radius:4px;font-family:JetBrains Mono,monospace;font-size:11px;color:var(--brand-cyan);white-space:nowrap;pointer-events:none}.html-preview.drag-over{border-color:var(--brand-gold)!important;background:#ffbd5914!important;box-shadow:inset 0 0 30px #ffbd5926;cursor:copy!important}.html-preview.wysiwyg-editor.drag-over>div:hover,.html-preview.wysiwyg-editor.drag-over>section:hover,.html-preview.wysiwyg-editor.drag-over>p:hover,.html-preview.wysiwyg-editor.drag-over>blockquote:hover{position:relative}.html-preview.wysiwyg-editor.drag-over>*:before{content:"";position:absolute;top:-2px;left:0;right:0;height:4px;background:linear-gradient(90deg,transparent,#FFBD59,transparent);opacity:0;pointer-events:none;transition:opacity .15s ease}.html-preview.wysiwyg-editor.drag-over>*:hover:before{opacity:.8}.html-preview.wysiwyg-editor.drag-over>*:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:4px;background:linear-gradient(90deg,transparent,#00F0FF,transparent);opacity:0;pointer-events:none;transition:opacity .15s ease}.html-preview.wysiwyg-editor.drag-over{gap:8px}.preview-drop-indicator{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px 40px;background:linear-gradient(135deg,#ffbd59f2,#ffaa32f2);border-radius:16px;color:#1a1a2e;font-size:14px;font-weight:600;box-shadow:0 8px 32px #ffbd5966;z-index:100;animation:dropBounce .5s ease infinite alternate}@keyframes dropBounce{0%{transform:translate(-50%) translateY(0)}to{transform:translate(-50%) translateY(-5px)}}.html-editor-footer{display:flex;justify-content:space-between;align-items:center;padding-top:var(--space-2);border-top:1px solid var(--border-primary);flex-shrink:0}.char-count,.editor-hint{font-size:var(--font-size-xs);color:var(--text-muted)}.html-content{color:var(--text-primary);line-height:1.8}.html-content h1,.html-content h2,.html-content h3,.html-content h4{margin-top:1em;margin-bottom:.5em;color:var(--text-primary)}.html-content h1{font-size:var(--font-size-2xl)}.html-content h2{font-size:var(--font-size-xl)}.html-content h3{font-size:var(--font-size-lg)}.html-content p{margin-bottom:1em}.html-content ul,.html-content ol{margin-bottom:1em;padding-left:1.5em}.html-content li{margin-bottom:.5em}.html-content code{background:var(--bg-elevated);padding:2px 6px;border-radius:var(--radius-sm);font-family:monospace}.html-content pre{background:var(--bg-elevated);padding:var(--space-3);border-radius:var(--radius-md);overflow-x:auto}.html-content img{width:100%;max-width:100%;height:auto;border-radius:0;margin:0;padding:0;display:block}.quiz-notice{display:flex;gap:var(--space-4);padding:var(--space-5);background:#a855f71a;border:1px solid rgba(168,85,247,.3);border-radius:var(--radius-lg)}.quiz-notice>svg{color:#a855f7;flex-shrink:0}.quiz-notice-content{display:flex;flex-direction:column;gap:var(--space-2)}.quiz-notice-content h4{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0}.quiz-notice-content p{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0}.btn-goto-quiz{padding:var(--space-2) var(--space-4);background:#a855f7;border:none;border-radius:var(--radius-md);color:#fff;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);width:fit-content}.btn-goto-quiz:hover:not(:disabled){background:#9333ea}.btn-goto-quiz:disabled{opacity:.6;cursor:not-allowed}.toggle-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3);background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-muted);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast);width:fit-content}.toggle-btn:hover{border-color:var(--border-active)}.toggle-btn.active{background:#22c55e26;border-color:#22c55e;color:#22c55e}.tips-card{padding:var(--space-4);background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-lg)}.tips-card h4{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--brand-gold);margin:0 0 var(--space-3)}.tips-card ul{margin:0;padding:0 0 0 var(--space-4)}.tips-card li{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--space-2);line-height:1.5}.tips-card li:last-child{margin-bottom:0}.editor-loading,.editor-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center}.editor-loading .loading-spinner-icon{animation:spin 1s linear infinite;color:var(--brand-gold);margin-bottom:var(--space-4)}.editor-loading p{color:var(--text-secondary)}.editor-error svg{color:#ef4444;margin-bottom:var(--space-4)}.editor-error h2{color:var(--text-primary);margin-bottom:var(--space-4)}.btn-back-modules{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--bg-elevated);border:1px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast)}.btn-back-modules:hover{border-color:var(--border-active)}.editor-tabs{display:flex;gap:var(--space-2);margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--border-primary);max-width:1200px;margin-left:auto;margin-right:auto;flex-shrink:0}.editor-tab{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:transparent;border:1px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast)}.editor-tab:hover:not(.active){background:#ffffff08;border-color:var(--border-active);color:var(--text-primary)}.editor-tab.active{background:var(--brand-burgundy);border-color:var(--brand-burgundy);color:var(--text-primary)}.tab-badge{background:var(--brand-gold);color:var(--bg-base-dark);padding:2px 8px;border-radius:10px;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.images-tab{display:flex;flex-direction:column;gap:var(--space-6)}.save-first-notice{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-8);background:var(--bg-card);border:1px dashed var(--border-primary);border-radius:var(--radius-lg);text-align:center}.save-first-notice svg{color:var(--brand-gold)}.save-first-notice p{color:var(--text-secondary);font-size:var(--font-size-base);margin:0}.btn-save-first{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);background:var(--brand-burgundy);border:none;border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast)}.btn-save-first:hover:not(:disabled){background:#b01017}.btn-save-first:disabled{opacity:.6;cursor:not-allowed}.attachments-tab{display:flex;flex-direction:column;gap:var(--space-6)}.coming-soon-notice{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-10);background:var(--bg-card);border:1px dashed var(--border-primary);border-radius:var(--radius-lg);text-align:center}.coming-soon-notice svg{color:var(--text-muted)}.coming-soon-notice h3{color:var(--text-primary);font-size:var(--font-size-lg);margin:0}.coming-soon-notice p{color:var(--text-secondary);font-size:var(--font-size-sm);margin:0;max-width:400px}.editor-layout-wrapper{display:flex;height:calc(100vh - 100px);max-height:calc(100vh - 100px);overflow:hidden}.editor-layout{display:flex;flex:1;gap:var(--space-3);max-width:2000px;margin:0 auto;align-items:stretch;height:100%;overflow:hidden}.outline-sidebar{width:270px;flex-shrink:0;background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-md);display:flex;flex-direction:column;overflow:hidden;transition:width .3s ease,opacity .3s ease;max-height:calc(100vh - 200px);height:100%}.images-sidebar{width:260px;flex-shrink:0;background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-md);display:flex;flex-direction:column;overflow:hidden;transition:width .3s ease,opacity .3s ease}.sidebar-images-panel-inner{display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative}.images-sidebar.panel-dragging{border-color:var(--brand-gold)!important;background:#ffbd5914!important;box-shadow:inset 0 0 40px #ffbd5926,0 0 20px #ffbd5933}.sidebar-images-panel-inner.panel-dragging{border-color:var(--brand-gold)!important;background:#ffbd590d!important;box-shadow:inset 0 0 30px #ffbd591a}.outline-sidebar.collapsed{width:48px;overflow:hidden}.outline-sidebar.collapsed .sidebar-header{justify-content:center;padding:8px 6px}.outline-sidebar.collapsed .sidebar-title,.outline-sidebar.collapsed .btn-preview-course{display:none}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;border-bottom:1px solid var(--border-primary);background:#ffffff05}.sidebar-title{display:flex;align-items:center;gap:5px;font-size:12px;font-weight:600;color:var(--text-primary);margin:0;white-space:nowrap}.sidebar-title svg{color:var(--brand-gold);flex-shrink:0;width:14px;height:14px}.sidebar-actions{display:flex;align-items:center;gap:4px}.btn-preview-course{display:flex;align-items:center;justify-content:center;width:26px;height:26px;background:#ffbd591a;border:1px solid var(--brand-gold);border-radius:var(--radius-sm);color:var(--brand-gold);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.btn-preview-course:hover{background:#ffbd5933;transform:scale(1.05)}.btn-preview-course:active{transform:scale(.95)}.btn-preview-course svg{width:14px;height:14px}.btn-toggle-sidebar{display:flex;align-items:center;justify-content:center;width:22px;height:22px;background:transparent;border:1px solid var(--border-primary);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.btn-toggle-sidebar:hover{border-color:var(--border-active);color:var(--text-primary);background:#ffffff08}.btn-toggle-sidebar svg{width:12px;height:12px}.sidebar-content{flex:1;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column}.sidebar-loading{display:flex;align-items:center;justify-content:center;padding:var(--space-6);color:var(--brand-gold)}.sidebar-loading svg{animation:spin 1s linear infinite}.sidebar-empty{padding:var(--space-4);text-align:center;color:var(--text-muted);font-size:var(--font-size-sm)}.outline-list{flex:1;overflow-y:auto;padding:8px}.outline-sidebar.collapsed .outline-list{display:none}.outline-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-6);color:var(--text-muted);font-size:var(--font-size-sm)}.outline-loading svg{animation:spin 1s linear infinite;color:var(--brand-gold)}.outline-module{margin-bottom:10px;cursor:grab}.outline-module:active{cursor:grabbing}.outline-module-header{display:flex;align-items:center;gap:6px;padding:8px 10px;background:#ffffff08;border:1px solid var(--border-primary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.outline-module-header:hover{background:#ffffff0d;border-color:var(--border-active)}.outline-module-header svg{color:var(--text-muted);flex-shrink:0;width:14px;height:14px;transition:transform .2s ease}.outline-module-header.expanded svg{transform:rotate(90deg)}.chevron-icon{transition:transform .2s ease}.chevron-icon.expanded{transform:rotate(90deg)}.outline-module-header.active{background:#ffbd591a;border-color:var(--brand-gold)}.module-number{font-size:12px;font-weight:600;color:var(--brand-gold);background:#ffbd5926;padding:3px 8px;border-radius:4px;flex-shrink:0}.module-title{flex:1;font-size:14px;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;letter-spacing:.3px}.module-lesson-count{font-size:var(--font-size-xs);color:var(--text-muted);background:#ffffff0d;padding:2px 8px;border-radius:10px}.outline-lessons{margin-top:6px;margin-left:16px;display:flex;flex-direction:column;gap:4px}.outline-lesson{display:flex;align-items:center;gap:6px;padding:6px 8px;background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);text-align:left;width:100%}.outline-lesson:hover{background:#ffffff08}.outline-lesson.active{background:#ffbd591f;border-left:2px solid var(--brand-gold)}.outline-lesson svg{color:var(--text-muted);flex-shrink:0;width:14px;height:14px}.outline-lesson.active svg{color:var(--brand-gold)}.outline-lesson .lesson-number{font-size:12px!important;color:var(--text-muted);font-weight:500;flex-shrink:0;min-width:28px}.outline-lesson.active .lesson-number{color:var(--brand-gold)}.outline-lesson .lesson-title{flex:1;font-size:13px!important;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:400!important}.outline-lesson.active .lesson-title{color:var(--text-primary);font-weight:500!important}.lesson-outline-info{flex:1;min-width:0}.lesson-outline-title{font-size:var(--font-size-sm);color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.outline-lesson.active .lesson-outline-title{color:var(--text-primary);font-weight:var(--font-weight-medium)}.lesson-outline-type{font-size:var(--font-size-xs);color:var(--text-muted);text-transform:capitalize}.btn-add-lesson-outline{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:10px 12px;background:#ffbd590d;border:1px dashed var(--brand-gold);border-radius:var(--radius-sm);color:var(--brand-gold);font-size:13px;font-weight:500;cursor:pointer;transition:all var(--transition-fast);margin-top:10px;position:relative;z-index:10;pointer-events:auto}.btn-add-lesson-outline:hover{border-color:var(--brand-gold);color:var(--brand-gold);background:#ffbd591a;border-style:solid}.btn-add-lesson-outline:active{background:#ffbd5933;transform:scale(.98)}.btn-add-lesson-outline svg{width:14px;height:14px}.btn-add-module-outline{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px 16px;background:#00d9ff0d;border:1px dashed rgba(0,217,255,.4);border-radius:var(--radius-md);color:var(--brand-cyan);font-size:13px;font-weight:600;cursor:pointer;transition:all var(--transition-fast);margin-top:12px}.btn-add-module-outline:hover{background:#00d9ff1a;border-color:var(--brand-cyan);border-style:solid}.btn-add-module-outline:active{background:#00d9ff26;transform:scale(.98)}.add-module-form{display:flex;flex-direction:column;gap:8px;padding:12px;background:#00d9ff0d;border:1px solid rgba(0,217,255,.2);border-radius:var(--radius-md);margin-top:12px}.add-module-input{width:100%;padding:10px 12px;background:var(--bg-elevated);border:1px solid var(--border-primary);border-radius:var(--radius-sm);color:var(--text-primary);font-size:13px;outline:none;transition:border-color var(--transition-fast);box-sizing:border-box}.add-module-input:focus{border-color:var(--brand-cyan)}.add-module-input::placeholder{color:var(--text-muted)}.add-module-actions{display:flex;gap:8px;justify-content:flex-end}.btn-confirm-module,.btn-cancel-module{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-sm);border:none;cursor:pointer;transition:all var(--transition-fast)}.btn-confirm-module{background:var(--brand-cyan);color:var(--bg-base)}.btn-confirm-module:hover:not(:disabled){background:#00e5ff}.btn-confirm-module:disabled{opacity:.5;cursor:not-allowed}.btn-cancel-module{background:#ffffff1a;color:var(--text-secondary)}.btn-cancel-module:hover:not(:disabled){background:#ffffff26;color:var(--text-primary)}.sidebar-empty{display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px 16px;color:var(--text-muted);text-align:center}.sidebar-empty p{margin:0;font-size:13px}.btn-add-module-empty{display:flex;align-items:center;gap:6px;padding:10px 16px;background:#00d9ff1a;border:1px solid rgba(0,217,255,.3);border-radius:var(--radius-md);color:var(--brand-cyan);font-size:13px;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.btn-add-module-empty:hover{background:#00d9ff26;border-color:var(--brand-cyan)}.drag-handle{display:flex;align-items:center;justify-content:center;cursor:grab;padding:4px;margin-right:4px;color:var(--text-muted);opacity:.6;transition:all var(--transition-fast);flex-shrink:0;border-radius:var(--radius-sm)}.drag-handle:hover{opacity:1;color:var(--text-primary);background:#ffffff1a}.drag-handle:active{cursor:grabbing;background:#ffbd5933}.drag-handle[draggable=true]:active{cursor:grabbing;opacity:1}.outline-list.reordering{pointer-events:none;opacity:.7}.outline-list.is-dragging .outline-module{transition:transform .2s ease,margin .2s ease,padding .2s ease}.outline-module.dragging{opacity:.4;transform:scale(.95);background:#ffbd591a;border-radius:var(--radius-md)}.outline-module.dragging .outline-module-header{background:#ffbd5926}.outline-module.insert-before{padding-top:24px;position:relative}.outline-module.insert-before:before{content:"";position:absolute;top:8px;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--brand-gold),rgba(255,189,89,.5));border-radius:2px;animation:insertPulse .8s ease infinite}.outline-module.insert-after{padding-bottom:24px;position:relative}.outline-module.insert-after:after{content:"";position:absolute;bottom:8px;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--brand-gold),rgba(255,189,89,.5));border-radius:2px;animation:insertPulse .8s ease infinite}.outline-module.insert-before .outline-module-header,.outline-module.insert-after .outline-module-header{background:#ffbd5914}@keyframes insertPulse{0%,to{opacity:1;transform:scaleX(1)}50%{opacity:.7;transform:scaleX(.98)}}.outline-module.drag-over{border-top:2px solid var(--brand-gold);margin-top:-2px}.outline-module.drag-over .outline-module-header{background:#ffbd591a}.outline-lesson.dragging{opacity:.4;background:#ffbd590d}.outline-lesson.drag-over{border-top:2px solid var(--brand-gold);margin-top:-2px;background:#ffbd591a}.outline-lessons.drop-zone-active{background:#ffbd590d;border:1px dashed rgba(255,189,89,.4);border-radius:var(--radius-sm);padding:4px;margin:4px 0}.outline-module[draggable=true]:hover .drag-handle,.outline-lesson[draggable=true]:hover .drag-handle{opacity:1}.outline-module[draggable=true],.outline-lesson[draggable=true]{transition:opacity .2s,transform .2s,border .2s}.editor-main-content{flex:1;min-width:0;display:flex;flex-direction:column;overflow:hidden}@media(max-width:1200px){.editor-layout{gap:var(--space-2)}.outline-sidebar{width:250px}.images-sidebar{width:220px}.images-panel-column{width:200px}}@media(max-width:1024px){.editor-layout{flex-direction:column}.images-sidebar{display:none}.outline-sidebar{width:100%;max-height:300px;position:static}.outline-sidebar.collapsed{width:100%;max-height:48px}.form-grid{grid-template-columns:1fr}.form-column-right{position:static;order:-1}.html-toolbar{gap:var(--space-2)}.toolbar-group{padding-right:var(--space-3)}}@media(max-width:768px){.outline-sidebar{display:none}.lesson-editor-page{padding:var(--space-3)}.editor-header{flex-wrap:wrap;gap:var(--space-3);padding-bottom:var(--space-3)}.btn-back{padding:var(--space-2);font-size:var(--font-size-sm)}.btn-back span{display:none}.header-title{order:-1;width:100%;margin-bottom:0}.editor-title{font-size:var(--font-size-lg);gap:var(--space-2)}.editor-title svg{width:20px;height:20px}.editor-actions{width:100%;justify-content:stretch}.btn-save,.btn-save-exit{flex:1;justify-content:center;padding:var(--space-3)}.editor-tabs{overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:var(--space-2);margin-bottom:var(--space-4)}.editor-tabs::-webkit-scrollbar{display:none}.editor-tab{padding:var(--space-3);white-space:nowrap;flex-shrink:0}.lesson-type-options{grid-template-columns:1fr;gap:var(--space-2)}.type-option{flex-direction:row;padding:6px 10px;text-align:left}.type-option svg{flex-shrink:0;width:16px;height:16px}.type-label{font-size:11px}.type-description{display:none}.form-label-row{flex-direction:column;align-items:flex-start;gap:var(--space-3)}.html-actions{width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2)}.btn-import-html,.btn-preview-html,.btn-copy-html,.btn-paste-html,.btn-sanitize-html,.btn-fullscreen{justify-content:center;padding:var(--space-3);font-size:var(--font-size-sm);min-height:44px}.html-toolbar{gap:var(--space-2);padding:var(--space-3);overflow-x:auto;flex-wrap:nowrap;justify-content:flex-start}.toolbar-group{flex-shrink:0;padding-right:var(--space-3)}.toolbar-btn{width:36px;height:36px}.code-editor{font-size:var(--font-size-xs);min-height:300px}.html-preview{min-height:300px;padding:0}.html-editor-footer{flex-direction:column;align-items:flex-start;gap:var(--space-2)}.html-editor-container.fullscreen .fullscreen-wrapper{padding:12px!important}.fullscreen-header{flex-direction:column;gap:var(--space-2);align-items:stretch}.btn-exit-fullscreen{justify-content:center;padding:var(--space-2)}.fullscreen-images-panel,.normal-images-panel{display:none}.normal-editor-layout,.fullscreen-main{flex-direction:column}.fullscreen-editor-area .code-editor,.fullscreen-editor-area .html-preview{min-height:calc(100vh - 200px)}.video-preview{margin-top:var(--space-4)}.quiz-notice{flex-direction:column;text-align:center;padding:var(--space-4)}.tips-card{padding:var(--space-3)}.images-tab{gap:var(--space-4)}.save-first-notice{padding:var(--space-5)}.btn-save-first{width:100%;justify-content:center}.coming-soon-notice{padding:var(--space-6)}}@media(max-width:480px){.lesson-editor-page{padding:var(--space-2)}.editor-header{gap:var(--space-2)}.editor-title{font-size:var(--font-size-base)}.editor-tabs{gap:var(--space-1)}.editor-tab{padding:var(--space-2) var(--space-3);font-size:var(--font-size-xs)}.editor-tab span{display:none}.tab-badge{padding:1px 6px;font-size:10px}.html-actions{grid-template-columns:repeat(2,1fr)}.btn-import-html span,.btn-preview-html span{display:inline}.btn-copy-html,.btn-paste-html{padding:var(--space-2)}.toolbar-btn{width:32px;height:32px}}.quiz-builder-page{min-height:100vh;background:transparent;padding:var(--space-6);position:relative;z-index:1}.builder-header{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid var(--border-primary);max-width:900px;margin-left:auto;margin-right:auto}.builder-title{display:flex;align-items:center;gap:var(--space-3);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0}.builder-title svg{color:#a855f7}.lesson-name{font-size:var(--font-size-sm);color:var(--text-muted)}.builder-actions{display:flex;gap:var(--space-3)}.btn-save{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:linear-gradient(135deg,#a855f7,#9333ea);border:none;border-radius:var(--radius-md);color:#fff;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-fast)}.btn-save:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 15px #a855f74d}.btn-save:disabled{opacity:.6;cursor:not-allowed}.message-success,.message-error{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--font-size-sm);margin-bottom:var(--space-4);max-width:900px;margin-left:auto;margin-right:auto}.quiz-settings{display:flex;gap:var(--space-4);padding:var(--space-4);background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-lg);margin-bottom:var(--space-6);max-width:900px;margin-left:auto;margin-right:auto}.setting-item{display:flex;flex-direction:column;gap:var(--space-1)}.setting-label{font-size:var(--font-size-xs);color:var(--text-muted)}.setting-input{width:100px;padding:var(--space-2);background:var(--bg-elevated);border:1px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--font-size-sm)}.setting-input:focus{outline:none;border-color:#a855f7}.setting-value{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--text-primary)}.questions-container{display:flex;flex-direction:column;gap:var(--space-4);max-width:900px;margin:0 auto}.questions-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-16) var(--space-6);text-align:center}.questions-empty svg{color:var(--text-muted);margin-bottom:var(--space-4)}.questions-empty h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--space-2)}.questions-empty p{color:var(--text-secondary);margin:0}.question-card{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-xl);overflow:hidden;transition:all var(--transition-fast)}.question-card:hover{border-color:var(--border-active)}.question-card.expanded{border-color:#a855f7}.question-header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--bg-elevated);cursor:pointer;transition:background var(--transition-fast)}.question-header:hover{background:var(--bg-card)}.question-drag-handle{color:var(--text-muted);cursor:grab}.question-drag-handle:active{cursor:grabbing}.question-info{display:flex;align-items:center;gap:var(--space-2)}.question-number{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.question-type-badge{display:flex;align-items:center;gap:var(--space-1);padding:2px var(--space-2);background:#a855f726;border-radius:var(--radius-sm);color:#a855f7;font-size:var(--font-size-xs)}.question-preview{flex:1;font-size:var(--font-size-sm);color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.question-actions-header{display:flex;align-items:center;gap:var(--space-2);color:var(--text-muted)}.btn-delete-question{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:1px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast)}.btn-delete-question:hover{border-color:#ef4444;color:#ef4444;background:#ef44441a}.question-body{padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-5);border-top:1px solid var(--border-primary)}.form-group{display:flex;flex-direction:column;gap:var(--space-2)}.form-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary)}.form-label .required{color:#ef4444}.label-hint{font-weight:var(--font-weight-normal);color:var(--text-muted);margin-left:var(--space-2)}.form-input,.form-textarea{padding:var(--space-3);background:var(--bg-elevated);border:1px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--font-size-base);transition:all var(--transition-fast)}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-muted)}.form-input:focus,.form-textarea:focus{outline:none;border-color:#a855f7}.form-textarea{resize:vertical;min-height:80px}.form-hint{font-size:var(--font-size-xs);color:var(--text-muted)}.points-input{width:100px}.question-type-selector{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-2)}.type-btn{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);padding:var(--space-3);background:var(--bg-elevated);border:1px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-muted);font-size:var(--font-size-xs);cursor:pointer;transition:all var(--transition-fast)}.type-btn:hover{border-color:var(--border-active);color:var(--text-primary)}.type-btn.selected{background:#a855f726;border-color:#a855f7;color:#a855f7}.options-list{display:flex;flex-direction:column;gap:var(--space-2)}.option-row{display:flex;align-items:center;gap:var(--space-2)}.option-marker{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--bg-elevated);border:1px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast)}.option-marker:hover:not(:disabled){border-color:var(--border-active);color:var(--text-primary)}.option-marker.correct{background:#22c55e26;border-color:#22c55e;color:#22c55e}.option-marker:disabled{cursor:default}.option-input{flex:1;padding:var(--space-2) var(--space-3);background:var(--bg-elevated);border:1px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--font-size-sm);transition:all var(--transition-fast)}.option-input:focus{outline:none;border-color:#a855f7}.option-input:disabled{opacity:.7;cursor:not-allowed}.btn-remove-option{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast)}.btn-remove-option:hover{color:#ef4444}.btn-add-option{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-2);background:transparent;border:1px dashed var(--border-primary);border-radius:var(--radius-md);color:var(--text-muted);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast);margin-top:var(--space-2)}.btn-add-option:hover{border-color:#a855f7;color:#a855f7}.btn-add-question{display:flex;align-items:center;justify-content:center;gap:var(--space-2);width:100%;padding:var(--space-4);background:transparent;border:2px dashed var(--border-primary);border-radius:var(--radius-xl);color:var(--text-muted);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast)}.btn-add-question:hover{border-color:#a855f7;color:#a855f7;background:#a855f70d}.builder-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center}.builder-loading .loading-spinner-icon{animation:spin 1s linear infinite;color:#a855f7;margin-bottom:var(--space-4)}.builder-loading p{color:var(--text-secondary)}@media(max-width:768px){.quiz-builder-page{padding:var(--space-4)}.builder-header{flex-wrap:wrap}.header-title{order:-1;width:100%;margin-bottom:var(--space-2)}.builder-actions{width:100%;justify-content:flex-end}.quiz-settings{flex-wrap:wrap}.question-type-selector{grid-template-columns:repeat(2,1fr)}}.student-management-page{min-height:100vh;background:transparent;padding:var(--space-6);position:relative;z-index:1}.management-header{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid var(--border-primary);max-width:1400px;margin-left:auto;margin-right:auto}.btn-back{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:transparent;border:1px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;flex-shrink:0}.btn-back:hover{border-color:var(--border-active);color:var(--text-primary)}.header-title{flex:1;display:flex;flex-direction:column;gap:var(--space-1)}.management-title{display:flex;align-items:center;gap:var(--space-3);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0}.management-title svg{color:var(--brand-gold)}.course-name{font-size:var(--font-size-sm);color:var(--text-muted)}.header-actions{display:flex;gap:var(--space-3)}.btn-export{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--bg-elevated);border:1px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast)}.btn-export:hover{border-color:var(--border-active);color:var(--text-primary)}.message-success,.message-error{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--font-size-sm);margin-bottom:var(--space-4);max-width:1400px;margin-left:auto;margin-right:auto}.message-success{background:#22c55e26;border:1px solid rgba(34,197,94,.3);color:#22c55e}.message-error{background:#ef444426;border:1px solid rgba(239,68,68,.3);color:#ef4444;justify-content:space-between}.message-error button{background:none;border:none;color:#ef4444;cursor:pointer;padding:0;opacity:.7}.message-error button:hover{opacity:1}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4);margin-bottom:var(--space-6);max-width:1400px;margin-left:auto;margin-right:auto}.stat-card{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-5);background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-xl);transition:all var(--transition-fast)}.stat-card:hover{border-color:var(--border-active)}.stat-icon{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:var(--radius-lg)}.stat-icon-blue{background:#3b82f626;color:#3b82f6}.stat-icon-green{background:#22c55e26;color:#22c55e}.stat-icon-gold{background:#ffbd5926;color:var(--brand-gold)}.stat-icon-purple{background:#a855f726;color:#a855f7}.stat-content{display:flex;flex-direction:column;gap:var(--space-1)}.stat-value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary)}.stat-label{font-size:var(--font-size-sm);color:var(--text-secondary)}.management-toolbar{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--space-5);max-width:1400px;margin-left:auto;margin-right:auto}.search-box{position:relative;flex:1;max-width:400px}.search-icon{position:absolute;left:var(--space-3);top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.search-input{width:100%;padding:var(--space-3) var(--space-4) var(--space-3) var(--space-10);background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-lg);color:var(--text-primary);font-size:var(--font-size-base);transition:all var(--transition-fast)}.search-input::placeholder{color:var(--text-muted)}.search-input:focus{outline:none;border-color:var(--brand-gold);box-shadow:0 0 0 3px #ffbd591a}.bulk-actions{display:flex;align-items:center;gap:var(--space-3)}.selected-count{font-size:var(--font-size-sm);color:var(--text-secondary)}.btn-remove-selected{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:#ef444426;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-md);color:#ef4444;font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast)}.btn-remove-selected:hover{background:#ef444440}.students-section{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-xl);overflow:hidden;max-width:1400px;margin:0 auto}.students-table-container{overflow-x:auto}.students-table{width:100%;border-collapse:collapse}.students-table thead{background:var(--bg-elevated)}.students-table th{padding:var(--space-4);text-align:left;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-secondary);border-bottom:1px solid var(--border-primary)}.students-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.students-table th.sortable:hover{color:var(--text-primary)}.students-table th.sortable svg{display:inline-block;vertical-align:middle;margin-left:var(--space-1)}.students-table tbody tr{border-bottom:1px solid var(--border-primary);transition:background var(--transition-fast)}.students-table tbody tr:hover{background:var(--bg-elevated)}.students-table tbody tr.selected{background:#ffbd590d}.students-table tbody tr:last-child{border-bottom:none}.students-table td{padding:var(--space-4);vertical-align:middle}.col-checkbox{width:48px}.col-checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--brand-gold)}.col-student{min-width:250px}.student-info{display:flex;align-items:center;gap:var(--space-3)}.student-avatar{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--bg-elevated);border-radius:var(--radius-full);color:var(--text-muted);overflow:hidden}.student-avatar img{width:100%;height:100%;object-fit:cover}.student-details{display:flex;flex-direction:column;gap:2px}.student-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary)}.student-email{font-size:var(--font-size-xs);color:var(--text-muted)}.col-progress{min-width:150px}.progress-cell{display:flex;align-items:center;gap:var(--space-2)}.progress-bar-wrapper{flex:1;height:8px;background:var(--bg-elevated);border-radius:var(--radius-full);overflow:hidden}.progress-bar-fill{height:100%;border-radius:var(--radius-full);transition:width var(--transition-base)}.progress-text{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary);min-width:40px;text-align:right}.date-cell{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--text-secondary)}.date-cell svg{color:var(--text-muted)}.col-actions{width:140px}.action-buttons{display:flex;gap:var(--space-2)}.btn-action{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:1px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast)}.btn-action:hover{border-color:var(--border-active);color:var(--text-primary)}.btn-action.btn-email:hover{border-color:#3b82f6;color:#3b82f6}.btn-action.btn-progress:hover{border-color:#a855f7;color:#a855f7}.btn-action.btn-remove:hover{border-color:#ef4444;color:#ef4444}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-16) var(--space-6);text-align:center}.empty-state svg{color:var(--text-muted);margin-bottom:var(--space-4)}.empty-state h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--space-2)}.empty-state p{color:var(--text-secondary);margin:0}.modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-4)}.modal-content{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-xl);padding:var(--space-6);max-width:400px;width:100%}.modal-content h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--space-3)}.modal-content p{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0 0 var(--space-6);line-height:1.6}.modal-actions{display:flex;gap:var(--space-3);justify-content:flex-end}.btn-cancel{padding:var(--space-2) var(--space-4);background:var(--bg-elevated);border:1px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast)}.btn-cancel:hover{border-color:var(--border-active);color:var(--text-primary)}.btn-confirm-remove{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:#ef4444;border:none;border-radius:var(--radius-md);color:#fff;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast)}.btn-confirm-remove:hover{background:#dc2626}.management-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center}.management-loading .loading-spinner-icon{animation:spin 1s linear infinite;color:var(--brand-gold);margin-bottom:var(--space-4)}.management-loading p{color:var(--text-secondary)}@media(max-width:1200px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.student-management-page{padding:var(--space-4)}.management-header{flex-wrap:wrap}.header-title{order:-1;width:100%;margin-bottom:var(--space-2)}.stats-grid{grid-template-columns:1fr}.management-toolbar{flex-direction:column;align-items:stretch}.search-box{max-width:none}.bulk-actions{justify-content:space-between}.students-table th:nth-child(4),.students-table td:nth-child(4),.students-table th:nth-child(5),.students-table td:nth-child(5){display:none}}.left-sidebar{display:flex;flex-direction:column;gap:8px;position:sticky;top:72px;max-height:calc(100vh - 80px);overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:rgba(106,91,255,.3) transparent;padding-bottom:20px}.left-sidebar::-webkit-scrollbar{width:3px}.left-sidebar::-webkit-scrollbar-track{background:transparent}.left-sidebar::-webkit-scrollbar-thumb{background:#6a5bff4d;border-radius:2px}.left-sidebar .quick-actions{display:flex;gap:6px}.left-sidebar .quick-action-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 14px;background:#ffbd590f;border:1px solid rgba(255,189,89,.2);border-radius:8px;font-family:Inter,sans-serif!important;font-size:14px!important;font-weight:500!important;color:var(--brand-gold)!important;cursor:pointer;transition:all .15s ease}.left-sidebar .quick-action-btn:hover{background:#ffbd591a;border-color:#ffbd5959}.left-sidebar .quick-action-btn svg{width:16px!important;height:16px!important;flex-shrink:0}.left-sidebar .quick-icon.liked{color:#ff6b6b}.left-sidebar .quick-icon.saved{color:var(--brand-gold)}.left-sidebar .feed-section{background:#1e2a5e59!important;-webkit-backdrop-filter:blur(12px)!important;backdrop-filter:blur(12px)!important;border:1px solid rgba(106,91,255,.12)!important;border-radius:10px!important;padding:12px 14px!important;overflow:visible!important;min-height:unset!important;height:auto!important;text-align:left!important}.left-sidebar .feed-section.main-feeds{background:#6a5bff0d;border-color:#6a5bff1f}.left-sidebar .feed-section.trending-section{background:#ffbd5908;border-color:#ffbd591a}.left-sidebar .section-header{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;gap:6px!important;width:100%!important;padding:0!important;margin:0!important;background:transparent!important;border:none!important;cursor:pointer;transition:all .15s ease;border-radius:3px;text-align:left!important}.left-sidebar .section-header:hover{background:#ffffff08}.left-sidebar .section-header-row{display:flex;align-items:center;gap:6px;padding:0}.left-sidebar .section-icon{color:var(--brand-gold)!important;flex-shrink:0!important;display:inline-flex!important;align-items:center!important;width:16px!important;height:16px!important}.left-sidebar .section-icon svg,.left-sidebar .section-header>svg{width:16px!important;height:16px!important;flex-shrink:0!important;display:inline-block!important}.left-sidebar .section-icon.trending{color:var(--brand-gold)}.left-sidebar .section-title{flex:1;font-family:Inter,sans-serif!important;font-size:14px!important;font-weight:600!important;color:var(--brand-gold)!important;text-transform:uppercase;letter-spacing:.5px;line-height:1!important;margin:0!important;padding:0!important;text-align:left!important}.left-sidebar .section-chevron{color:var(--brand-gold);display:flex;align-items:center;opacity:.7}.left-sidebar .section-chevron svg{width:10px!important;height:10px!important}.left-sidebar .section-header:hover .section-chevron{opacity:1}.left-sidebar .section-items{display:flex!important;flex-direction:column!important;gap:4px!important;margin-top:8px!important;padding:0!important}.left-sidebar .feed-item{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:10px!important;width:100%!important;padding:8px 10px!important;margin:0!important;background:#6a5bff08!important;border:1px solid transparent!important;border-radius:8px!important;cursor:pointer;transition:all .15s ease;text-align:left!important}.left-sidebar .feed-item:hover{background:#ffbd590f;border-color:#ffbd591f}.left-sidebar .feed-item:hover .feed-icon{color:var(--brand-gold)}.left-sidebar .feed-item.active{background:#ffbd591a;border-color:#ffbd5940}.left-sidebar .feed-item.active .feed-icon,.left-sidebar .feed-item.active .feed-item-title{color:var(--brand-gold)}.left-sidebar .feed-icon{color:#ffbd59cc!important;flex-shrink:0!important;display:inline-flex!important;align-items:center!important;width:18px!important;height:18px!important}.left-sidebar .feed-icon svg{width:18px!important;height:18px!important;flex-shrink:0!important}.left-sidebar .feed-item-title{flex:1;font-family:Inter,sans-serif!important;font-size:15px!important;font-weight:500!important;color:#ffffffe6!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left!important;line-height:1.3!important}.left-sidebar .trending-items{display:flex;flex-direction:column;gap:2px;margin-top:6px}.left-sidebar .trending-loading{padding:8px;text-align:center;color:#ffffff80;font-size:12px!important}.left-sidebar .trending-item{display:flex;align-items:center;gap:6px;width:100%;padding:6px 8px;background:#ffbd5908;border:1px solid transparent;border-radius:4px;cursor:pointer;transition:all .15s ease;text-align:left}.left-sidebar .trending-item:hover{background:#ffbd5914;border-color:#ffbd5926}.left-sidebar .trending-icon{color:var(--brand-gold);flex-shrink:0;display:flex;align-items:center}.left-sidebar .trending-icon svg{width:14px!important;height:14px!important}.left-sidebar .hashtag-name{font-family:Inter,sans-serif!important;font-size:13px!important;font-weight:500!important;color:var(--brand-gold)!important}.left-sidebar .feed-actions{display:flex;flex-direction:column;gap:4px;margin-top:6px}.left-sidebar .feed-action-btn{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:8px 12px;background:#ffbd5914;border:1px solid rgba(255,189,89,.2);border-radius:6px;font-family:Inter,sans-serif!important;font-size:12px!important;font-weight:500!important;color:var(--brand-gold)!important;cursor:pointer;transition:all .15s ease}.left-sidebar .feed-action-btn svg{width:14px!important;height:14px!important;flex-shrink:0}.left-sidebar .feed-action-btn:hover{background:#ffbd591f;border-color:#ffbd5959}.left-sidebar .feed-action-btn.outline{background:transparent;border-color:#6a5bff33;color:#fff9!important}.left-sidebar .feed-action-btn.outline:hover{background:#6a5bff0f;border-color:#6a5bff4d}@media(max-width:1024px){.left-sidebar{display:none}}.reaction-picker-container{position:relative;display:flex;align-items:center;gap:var(--space-xs, 8px)}.reaction-button{display:flex;align-items:center;gap:6px;padding:8px 14px;background:transparent;border:none;border-radius:var(--radius-md, 12px);color:var(--text-muted, rgba(255, 255, 255, .5));font-family:var(--font-body, "Inter", sans-serif);font-size:13px;cursor:pointer;transition:all .2s ease}.reaction-button:hover:not(:disabled){background:#ffffff0d;color:var(--text-primary, #FFFFFF)}.reaction-button:disabled{opacity:.5;cursor:not-allowed}.reaction-button.active{font-weight:600}.reaction-emoji{font-size:18px;line-height:1}.reaction-label{display:none}@media(min-width:600px){.reaction-label{display:inline}}.reaction-counts{display:flex;align-items:center;gap:6px;padding:4px 10px;background:var(--bg-card, rgba(30, 42, 94, .4));border-radius:20px;cursor:pointer;transition:all .2s ease}.reaction-counts:hover{background:#ffffff1a}.reaction-icons{display:flex;align-items:center}.reaction-count-emoji{font-size:14px;margin-left:-4px}.reaction-count-emoji:first-child{margin-left:0}.reaction-total{font-family:var(--font-body, "Inter", sans-serif);font-size:12px;font-weight:600;color:var(--text-secondary, rgba(255, 255, 255, .85))}.reaction-picker-popup{position:absolute;bottom:100%;left:0;margin-bottom:8px;display:flex;gap:4px;padding:8px 12px;background:var(--bg-secondary, #141B3D);border-radius:28px;box-shadow:0 8px 32px #00000080;border:1px solid rgba(255,255,255,.1);animation:popupIn .2s ease-out;z-index:100}@keyframes popupIn{0%{opacity:0;transform:translateY(10px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.reaction-option{position:relative;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:50%;cursor:pointer;transition:all .2s ease}.reaction-option:hover{background:#ffffff1a}.reaction-option.hovered{transform:scale(1.4) translateY(-8px)}.reaction-option.selected{background:#8b5cf633}.option-emoji{font-size:24px;line-height:1;transition:all .15s ease}.reaction-option.hovered .option-emoji{animation:emojiPop .3s ease}@keyframes emojiPop{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}.option-tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:4px;padding:4px 8px;background:#000c;border-radius:6px;font-family:var(--font-body, "Inter", sans-serif);font-size:11px;color:#fff;white-space:nowrap;animation:tooltipIn .15s ease-out}@keyframes tooltipIn{0%{opacity:0;transform:translate(-50%) translateY(4px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@media(max-width:480px){.reaction-picker-popup{left:50%;transform:translate(-50%)}.reaction-option{width:36px;height:36px}.option-emoji{font-size:20px}}.post-card{background:#1e2a5e80;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:12px;box-shadow:0 1px 3px #0003;transition:all .2s ease}.post-card:hover{background:#1e2a5e99}.post-card .post-header{display:flex!important;flex-direction:row!important;align-items:flex-start!important;justify-content:space-between!important;margin-bottom:12px;text-align:left!important;width:100%!important}.post-card .post-author{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;gap:10px!important;flex:1;text-align:left!important;min-width:0;max-width:calc(100% - 50px)}.post-card .author-avatar{width:40px!important;height:40px!important;min-width:40px!important;flex-shrink:0!important;order:0!important}.post-card .author-avatar img,.post-card .author-avatar .avatar-placeholder{width:100%;height:100%;border-radius:50%;object-fit:cover}.post-card .author-avatar .avatar-placeholder{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#9c0612,#6b0f1a);color:#ffbd59;font-family:Inter,sans-serif;font-size:15px;font-weight:600;border:2px solid rgba(255,189,89,.5)}.post-card .author-info{display:flex!important;flex-direction:column!important;gap:2px!important;flex:1;min-width:0;text-align:left!important;order:1!important}.post-card .author-name-row{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;gap:8px!important;text-align:left!important}.author-name{font-family:Inter,sans-serif;font-size:15px;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left!important}.post-card .author-info,.post-card .author-name,.post-card .author-name-row,.post-card .timestamp-row{text-align:left!important;justify-content:flex-start!important}.category-badge{display:inline-block;padding:2px 8px;background:#ffbd591a;border:none;border-radius:4px;font-family:Inter,sans-serif;font-size:11px;font-weight:500;color:#ffbd59}.post-timestamp{font-family:Inter,sans-serif;font-size:13px;color:#ffffff80}.post-menu{position:relative}.menu-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:50%;color:#fff9;cursor:pointer;transition:all .2s ease}.menu-btn:hover{background:#ffffff1a;color:#fff}.menu-dropdown{position:absolute;top:40px;right:0;min-width:180px;background:#1e2a5ef2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);border-radius:12px;box-shadow:0 12px 40px #00000080;z-index:100;overflow:hidden}.menu-item{display:flex;align-items:center;gap:12px;padding:12px 16px;width:100%;background:transparent;border:none;font-family:Inter,sans-serif;font-size:14px;font-weight:500;color:#ffffffe6;cursor:pointer;transition:all .2s ease;text-align:left}.menu-item:hover{background:#ffffff1a}.menu-item svg{color:#fff9;flex-shrink:0}.menu-item.delete{color:#f44}.menu-item.delete:hover{background:#ff44441a}.menu-item.delete svg{color:#f44}.post-content{margin-bottom:10px}.post-title{font-family:Inter,sans-serif;font-size:15px;font-weight:600;color:#fff;margin:0 0 8px;line-height:1.4}.post-text-wrapper{position:relative}.post-text{font-family:Inter,sans-serif;font-size:15px;line-height:1.5;color:#ffffffe6;margin:0 0 10px;white-space:pre-wrap;word-wrap:break-word}.view-more-btn{display:inline;background:none;border:none;padding:0;margin:0;font-family:Inter,sans-serif;font-size:15px;font-weight:600;color:var(--brand-cyan, #00F0FF);cursor:pointer;transition:all .2s ease}.view-more-btn:hover{color:var(--brand-gold, #FFBD59);text-decoration:underline}.hashtag-link{color:var(--brand-cyan, #00F0FF);font-weight:600;cursor:pointer;transition:all .2s ease}.hashtag-link:hover{color:var(--brand-gold, #FFBD59);text-decoration:underline}.timestamp-row{display:flex;align-items:center;gap:8px}.edited-badge{display:flex;align-items:center;gap:4px;font-family:Inter,sans-serif;font-size:11px;color:#fff6;font-style:italic}.post-media{border-radius:0;overflow:hidden;margin:10px -12px;background:#0000001a;position:relative;width:calc(100% + 24px);aspect-ratio:1 / 1}.image-carousel{position:relative;width:100%;height:100%}.carousel-image{width:100%;height:100%;object-fit:cover;display:block}.carousel-nav{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:50%;color:#fff;cursor:pointer;transition:all .2s ease;z-index:2}.carousel-nav:hover{background:#000000b3;border-color:#ffbd5980}.carousel-nav.prev{left:12px}.carousel-nav.next{right:12px}.carousel-dots{position:absolute;bottom:12px;left:50%;transform:translate(-50%);display:flex;gap:6px;padding:6px 12px;background:#00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;z-index:2}.carousel-dots .dot{width:8px;height:8px;border-radius:50%;background:#fff6;cursor:pointer;transition:all .2s ease}.carousel-dots .dot.active{background:var(--brand-gold, #FFBD59);transform:scale(1.2)}.carousel-dots .dot:hover{background:#ffffffb3}.image-counter{position:absolute;top:12px;right:12px;padding:4px 10px;background:#0009;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;font-family:Inter,sans-serif;font-size:12px;font-weight:600;color:#fff;z-index:2}.post-image{border-radius:16px;overflow:hidden;margin:16px 0;max-height:500px}.post-image img{width:100%;height:auto;object-fit:cover;display:block}.trading-data{background:#00d9ff0d;border:1px solid rgba(0,217,255,.2);border-radius:12px;padding:16px;margin-top:16px}.trading-data-header{display:flex;align-items:center;gap:8px;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.1)}.trading-data-header svg{color:#00d9ff}.trading-data-header span{font-family:Poppins,sans-serif;font-size:14px;font-weight:700;color:#00d9ff}.trading-data-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.data-item{display:flex;flex-direction:column;gap:4px}.data-label{font-family:Inter,sans-serif;font-size:12px;font-weight:600;color:#fff9;text-transform:uppercase;letter-spacing:.5px}.data-value{font-family:Poppins,sans-serif;font-size:16px;font-weight:700;color:#fff;display:flex;align-items:center;gap:4px}.data-value.stop-loss{color:#f44}.data-value.stop-loss svg{color:#f44}.data-value.take-profit{color:#0f8}.data-value.take-profit svg{color:#0f8}.data-value.rr{color:#ffbd59}@media(max-width:480px){.trading-data-grid{grid-template-columns:1fr}}.post-footer{display:flex;flex-direction:column;gap:0;padding-top:8px}.post-stats-row{display:flex;align-items:center;justify-content:space-between;padding:8px 4px;border-bottom:1px solid rgba(255,255,255,.08)}.stat-text{font-family:Inter,sans-serif;font-size:14px;color:#fff9;cursor:pointer}.stat-text:hover{text-decoration:underline}.stat-text-right{font-family:Inter,sans-serif;font-size:14px;color:#fff9}.stat-text-right span{cursor:pointer}.stat-text-right span:hover{text-decoration:underline}.post-actions{display:flex;align-items:center;gap:4px;padding:4px 0}.action-btn{display:flex;align-items:center;justify-content:center;gap:6px;flex:1;padding:8px 12px;background:transparent;border:none;border-radius:4px;font-family:Inter,sans-serif;font-size:14px;font-weight:600;color:#fff9;cursor:pointer;transition:all .15s ease}.action-btn:hover{background:#ffffff14;color:#ffffffe6}.action-btn svg{color:inherit;width:20px;height:20px;transition:all .15s ease}.action-btn.liked,.action-btn.like-btn.liked{background:transparent;color:#2374e1}.action-btn.liked:hover,.action-btn.like-btn.liked:hover{background:#2374e11a}.action-btn.liked svg,.action-btn.like-btn.liked svg{color:#2374e1}.action-btn.like-btn.animating svg{animation:likePopup .3s ease}@keyframes likePopup{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}.action-btn.bookmark-btn.saved{background:transparent;color:#ffbd59}.action-btn.bookmark-btn.saved:hover{background:#ffbd591a}.action-btn.bookmark-btn.saved svg{color:#ffbd59}.action-btn.reposted{background:transparent;color:#31a24c}.action-btn.reposted:hover{background:#31a24c1a}.action-btn.reposted svg{color:#31a24c}.action-btn.gift-btn:hover{color:#ffbd59}.action-btn.gift-btn:hover svg{color:#ffbd59}.actions-spacer{flex:1}@media(max-width:768px){.post-card{padding:20px}.post-footer{flex-direction:column;align-items:flex-start;gap:16px}.post-stats{width:100%}.post-actions{width:100%;justify-content:space-between}.action-btn{flex:1;justify-content:center}}@media(max-width:480px){.post-card{padding:16px}.author-name-row{flex-direction:row;flex-wrap:wrap;align-items:center;gap:6px}.post-title{font-size:18px}.post-text{font-size:14px}.action-btn span{display:none}.action-btn{padding:8px 12px}}@media(max-width:767px){.post-card{padding:16px;border-radius:14px;margin-bottom:12px}.post-card .post-header{display:flex!important;flex-direction:row!important;margin-bottom:12px;flex-wrap:wrap;gap:8px}.post-card .post-author{display:flex!important;flex-direction:row!important;align-items:center!important;gap:10px!important}.post-card .author-avatar{width:40px!important;height:40px!important;flex-shrink:0!important}.post-card .author-info{flex:1!important;min-width:0!important}.author-name-row{flex-direction:row;flex-wrap:wrap;gap:6px;align-items:center}.author-name{font-size:14px}.author-tier{padding:2px 8px;font-size:9px}.author-badges{gap:4px}.author-badge{font-size:11px;padding:2px 6px}.author-meta{font-size:11px;margin-top:2px}.post-menu-btn{width:32px;height:32px}.post-body{margin-bottom:12px}.post-category-badge{padding:4px 10px;font-size:10px;margin-bottom:10px}.post-title{font-size:16px;margin-bottom:8px}.post-text{font-size:14px;line-height:1.5;margin-bottom:12px}.view-more-btn{font-size:14px}.post-media{margin:12px 0;border-radius:12px;max-height:300px}.carousel-image{max-height:300px}.carousel-nav{width:32px;height:32px}.post-footer{flex-direction:column;gap:12px;padding-top:12px}.post-stats{width:100%;gap:12px}.stat-item{font-size:12px;gap:4px}.post-actions{width:100%;gap:6px;justify-content:space-between}.action-btn{flex:1;padding:8px 10px;font-size:12px;gap:4px;min-height:38px;justify-content:center;border-radius:20px}.action-btn span{display:none}.action-btn svg{width:18px;height:18px}}.modal-overlay{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px;animation:fadeIn .3s ease}.modal-content{width:100%;max-width:680px;max-height:90vh;overflow-y:auto;background:#1e2a5ef2;-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);border:1px solid rgba(255,255,255,.15);border-radius:24px;box-shadow:0 24px 80px #0009;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.modal-content::-webkit-scrollbar{width:8px}.modal-content::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.modal-content::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#9c0612,#6b0f1a);border-radius:4px;border:1px solid #FFBD59}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px 32px;border-bottom:1px solid rgba(255,255,255,.1)}.modal-title{font-family:Poppins,sans-serif;font-size:24px;font-weight:700;background:linear-gradient(135deg,#fff,#ffbd59);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}.modal-close-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid rgba(255,255,255,.2);border-radius:50%;color:#fffc;cursor:pointer;transition:all .2s ease}.modal-close-btn:hover{background:#ffffff1a;border-color:#ffbd59;color:#ffbd59}.modal-body{padding:24px 32px;display:flex;flex-direction:column;gap:20px}.post-author-info{display:flex;align-items:center;gap:16px;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.1)}.post-author-info .author-avatar{width:52px;height:52px;flex-shrink:0}.post-author-info .author-avatar img,.post-author-info .author-avatar .avatar-placeholder{width:100%;height:100%;border-radius:50%;object-fit:cover}.post-author-info .avatar-placeholder{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#9c0612,#6b0f1a);color:#ffbd59;font-family:Poppins,sans-serif;font-size:22px;font-weight:700;border:2px solid #FFBD59}.author-details{flex:1;display:flex;flex-direction:column;gap:8px}.author-details .author-name{font-family:Poppins,sans-serif;font-size:16px;font-weight:700;color:#fff}.category-select{position:relative;display:flex;align-items:center}.category-select select{padding:8px 36px 8px 16px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:50px;font-family:Inter,sans-serif;font-size:14px;font-weight:600;color:#ffbd59;cursor:pointer;appearance:none;outline:none;transition:all .2s ease}.category-select select:hover{background:#ffffff1f;border-color:#ffbd59}.category-select select option{background:#1e2a5e;color:#fff}.category-select svg{position:absolute;right:12px;color:#ffbd59;pointer-events:none}.post-title-input,.post-content-input{width:100%;background:#ffffff0d;border:1px solid rgba(255,255,255,.15);border-radius:12px;font-family:Inter,sans-serif;color:#fff;outline:none;transition:all .3s ease}.post-title-input{padding:16px 20px;font-size:18px;font-weight:700}.post-title-input::placeholder{color:#fff6;font-weight:600}.post-content-input{padding:16px 20px;font-size:15px;line-height:1.6;resize:vertical;min-height:140px}.post-content-input::placeholder{color:#fff6}.post-title-input:focus,.post-content-input:focus{background:#ffffff14;border-color:#ffbd59;box-shadow:0 0 0 3px #ffbd591a}.char-count{font-family:Inter,sans-serif;font-size:13px;color:#ffffff80;text-align:right;margin-top:-12px}.create-post-modal .modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px}.create-post-modal .modal-title{flex:1;text-align:center;font-size:20px}.submit-btn-header{padding:10px 24px;background:linear-gradient(135deg,var(--brand-gold, #FFBD59) 0%,#E5A84F 100%);border:none;border-radius:20px;font-family:Poppins,sans-serif;font-size:15px;font-weight:700;color:#112250;cursor:pointer;transition:all .2s ease;min-width:70px;display:flex;align-items:center;justify-content:center}.submit-btn-header:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 16px #ffbd5966}.submit-btn-header:disabled{opacity:.5;cursor:not-allowed}.submit-btn-header .spinner{animation:spin 1s linear infinite}.topic-selector{position:relative;margin-bottom:8px}.topic-selector-btn{display:flex;align-items:center;justify-content:space-between;width:100%;padding:14px 18px;background:#ffffff0d;border:1px solid rgba(106,91,255,.2);border-radius:12px;cursor:pointer;transition:all .2s ease}.topic-selector-btn:hover{background:#ffffff14;border-color:#6a5bff66}.topic-label{font-family:Inter,sans-serif;font-size:12px;font-weight:600;color:var(--text-muted, rgba(255, 255, 255, .5));text-transform:uppercase;letter-spacing:1px;margin-right:12px}.topic-value{flex:1;font-family:Inter,sans-serif;font-size:15px;font-weight:600;color:var(--text-primary, #FFFFFF);text-align:left}.topic-picker-dropdown{position:absolute;top:calc(100% + 8px);left:0;right:0;background:#1e2a5efa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(106,91,255,.3);border-radius:12px;overflow:hidden;z-index:100;max-height:300px;overflow-y:auto;animation:dropdownIn .2s ease-out}@keyframes dropdownIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.topic-option{display:flex;align-items:center;gap:12px;width:100%;padding:14px 18px;background:transparent;border:none;border-bottom:1px solid rgba(255,255,255,.05);font-family:Inter,sans-serif;font-size:15px;font-weight:600;color:var(--text-primary, #FFFFFF);cursor:pointer;transition:all .2s ease;text-align:left}.topic-option:hover{background:#ffbd591a}.topic-option.active{background:#ffbd5926}.topic-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.admin-badge{font-size:10px;font-weight:700;color:#ff6b6b;background:#ff6b6b33;padding:2px 6px;border-radius:4px;margin-left:auto}.content-input-wrapper{margin-bottom:8px}.input-hint{font-family:Inter,sans-serif;font-size:12px;color:var(--text-muted, rgba(255, 255, 255, .5));font-style:italic;margin-top:8px}.section-label{font-family:Inter,sans-serif;font-size:12px;font-weight:600;color:var(--text-muted, rgba(255, 255, 255, .5));text-transform:uppercase;letter-spacing:1px;margin-bottom:12px}.creator-toolbar{display:flex;gap:8px;padding:12px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;margin-bottom:16px}.toolbar-item{position:relative}.toolbar-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#6a5bff14;border:1px solid transparent;border-radius:10px;font-family:Inter,sans-serif;font-size:13px;font-weight:600;color:var(--text-secondary, rgba(255, 255, 255, .8));cursor:pointer;transition:all .2s ease}.toolbar-btn:hover{background:#ffbd591a;border-color:#ffbd5933}.toolbar-btn.active{background:#ffbd5926;border-color:#ffbd594d;color:var(--brand-gold, #FFBD59)}.audience-dropdown{position:absolute;top:calc(100% + 8px);left:0;min-width:240px;background:#1e2a5efa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(106,91,255,.3);border-radius:12px;overflow:hidden;z-index:100;animation:dropdownIn .2s ease-out}.audience-option{display:flex;align-items:center;gap:12px;width:100%;padding:14px 16px;background:transparent;border:none;border-bottom:1px solid rgba(255,255,255,.05);cursor:pointer;transition:all .2s ease;text-align:left}.audience-option:hover{background:#ffffff0d}.audience-option.active{background:#6a5bff1a}.audience-option-text{flex:1;display:flex;flex-direction:column;gap:2px}.audience-option-label{font-family:Inter,sans-serif;font-size:14px;font-weight:600;color:var(--text-primary, #FFFFFF)}.audience-option-desc{font-family:Inter,sans-serif;font-size:12px;color:var(--text-muted, rgba(255, 255, 255, .5))}.check-icon{color:var(--brand-gold, #FFBD59)}.linked-product-card{display:flex;align-items:center;gap:12px;padding:14px 16px;background:#ffbd591a;border:1px solid rgba(255,189,89,.3);border-radius:12px;margin-bottom:16px}.linked-product-card svg{color:var(--brand-gold, #FFBD59);flex-shrink:0}.linked-product-info{flex:1;display:flex;flex-direction:column;gap:2px}.linked-product-name{font-family:Inter,sans-serif;font-size:14px;font-weight:600;color:var(--text-primary, #FFFFFF)}.linked-product-price{font-family:Inter,sans-serif;font-size:13px;color:var(--brand-gold, #FFBD59)}.remove-product-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#ff6b6b33;border:none;border-radius:50%;color:#ff6b6b;cursor:pointer;transition:all .2s ease}.remove-product-btn:hover{background:#ff6b6b4d}.image-upload-section{margin-bottom:16px}.image-gallery{display:flex;gap:12px;flex-wrap:wrap;padding:16px;background:#6a5bff0d;border:1px solid rgba(106,91,255,.2);border-radius:12px}.gallery-image-container{position:relative;width:100px;height:100px;border-radius:10px;overflow:hidden}.gallery-image{width:100%;height:100%;object-fit:cover}.cover-badge{position:absolute;top:6px;left:6px;padding:2px 8px;background:var(--brand-gold, #FFBD59);border-radius:6px;font-family:Inter,sans-serif;font-size:9px;font-weight:700;color:#112250}.gallery-image-container .remove-image-btn{position:absolute;top:6px;right:6px;width:24px;height:24px;background:#0009;border-radius:50%}.add-more-btn{width:100px;height:100px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:#6a5bff14;border:2px dashed rgba(106,91,255,.3);border-radius:10px;cursor:pointer;transition:all .2s ease;color:var(--text-muted, rgba(255, 255, 255, .5));font-family:Inter,sans-serif;font-size:12px}.add-more-btn:hover{background:#6a5bff1f;border-color:#6a5bff80;color:var(--text-secondary, rgba(255, 255, 255, .8))}.add-media-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:32px;background:#6a5bff0d;border:2px dashed rgba(106,91,255,.3);border-radius:12px;cursor:pointer;transition:all .2s ease;color:var(--text-muted, rgba(255, 255, 255, .5))}.add-media-btn:hover{background:#6a5bff1a;border-color:#6a5bff80}.add-media-text{font-family:Inter,sans-serif;font-size:15px;font-weight:600;color:var(--text-primary, #FFFFFF)}.add-media-hint{font-family:Inter,sans-serif;font-size:12px;color:var(--text-muted, rgba(255, 255, 255, .5))}.image-preview{position:relative;border-radius:16px;overflow:hidden;max-height:400px}.image-preview img{width:100%;height:auto;display:block}.remove-image-btn{position:absolute;top:12px;right:12px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.2);border-radius:50%;color:#fff;cursor:pointer;transition:all .2s ease}.remove-image-btn:hover{background:#f44c;border-color:#f44}.toggle-trading-data-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;background:transparent;border:1px solid rgba(0,217,255,.3);border-radius:50px;font-family:Poppins,sans-serif;font-size:14px;font-weight:600;color:#00d9ff;cursor:pointer;transition:all .2s ease;align-self:flex-start}.toggle-trading-data-btn:hover{background:#00d9ff1a;border-color:#00d9ff}.toggle-trading-data-btn svg{color:#00d9ff}.trading-data-inputs{background:#00d9ff0d;border:1px solid rgba(0,217,255,.2);border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:16px}.input-row{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.input-group{display:flex;flex-direction:column;gap:8px}.input-group label{font-family:Poppins,sans-serif;font-size:13px;font-weight:600;color:#00d9ff;text-transform:uppercase;letter-spacing:.5px}.input-group input{padding:12px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.15);border-radius:10px;font-family:Inter,sans-serif;font-size:15px;font-weight:600;color:#fff;outline:none;transition:all .2s ease}.input-group input:focus{background:#ffffff14;border-color:#00d9ff;box-shadow:0 0 0 3px #00d9ff1a}.input-group input::placeholder{color:#ffffff4d}.error-message{padding:14px 18px;background:#ff444426;border:1px solid rgba(255,68,68,.4);border-radius:10px;font-family:Inter,sans-serif;font-size:14px;color:#f44;text-align:center}.modal-footer{display:flex;align-items:center;justify-content:space-between;padding-top:20px;border-top:1px solid rgba(255,255,255,.1)}.image-upload-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;background:transparent;border:1px solid rgba(255,255,255,.3);border-radius:50px;font-family:Inter,sans-serif;font-size:14px;font-weight:600;color:#fffc;cursor:pointer;transition:all .2s ease}.image-upload-btn:hover{background:#ffffff1a;border-color:#ffbd59;color:#ffbd59}.image-upload-btn svg{color:#fff9}.image-upload-btn:hover svg{color:#ffbd59}.footer-actions{display:flex;gap:12px}.cancel-btn,.submit-btn{padding:14px 32px;border-radius:50px;font-family:Poppins,sans-serif;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease}.cancel-btn{background:transparent;border:1px solid rgba(255,255,255,.3);color:#fffc}.cancel-btn:hover{background:#ffffff1a;border-color:#ffffff80;color:#fff}.submit-btn{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#9c0612,#6b0f1a);border:2px solid #FFBD59;color:#fff}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 32px #ffbd5966}.submit-btn:disabled{opacity:.5;cursor:not-allowed}.submit-btn .spinner{animation:spin 1s linear infinite}@media(max-width:768px){.modal-content{max-width:100%;max-height:100vh;border-radius:0}.modal-header,.modal-body{padding:20px}.input-row{grid-template-columns:1fr;gap:12px}.modal-footer{flex-direction:column;gap:12px}.image-upload-btn,.footer-actions{width:100%}.footer-actions{flex-direction:column}.cancel-btn,.submit-btn{width:100%;justify-content:center}}.center-feed{display:flex;flex-direction:column;gap:16px;max-width:680px;margin:0 auto;width:100%}.post-creation-box{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#1e2a5e80;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:12px;box-shadow:0 2px 8px #0003;cursor:pointer;transition:all .2s ease}.post-creation-box:hover{background:#1e2a5e99;border-color:#ffbd5933}.post-creation-avatar{width:40px;height:40px;flex-shrink:0}.post-creation-avatar img,.post-creation-avatar .avatar-placeholder{width:100%;height:100%;border-radius:50%;object-fit:cover}.post-creation-avatar .avatar-placeholder{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#9c0612,#6b0f1a);color:#ffbd59;font-family:Poppins,sans-serif;font-size:16px;font-weight:700;border:2px solid rgba(255,189,89,.5)}.post-creation-input{flex:1;background:#ffffff0d;border-radius:20px;padding:10px 16px;border:1px solid rgba(255,255,255,.08);transition:all .2s ease}.post-creation-box:hover .post-creation-input{background:#ffffff14;border-color:#ffffff1f}.post-creation-input p{font-family:Inter,sans-serif;font-size:15px;color:#ffffff80;margin:0}.post-creation-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background:linear-gradient(135deg,#9c0612,#6b0f1a);border:1px solid #FFBD59;border-radius:8px;font-family:Poppins,sans-serif;font-size:14px;font-weight:600;color:#fff;cursor:pointer;transition:all .2s ease}.post-creation-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #ffbd594d}.post-creation-btn svg{color:#ffbd59;width:16px;height:16px}.feed-tabs{display:flex;gap:0;border-bottom:1px solid rgba(255,255,255,.1);background:transparent}.feed-tab{position:relative;background:transparent;border:none;padding:12px 16px;font-family:Inter,sans-serif;font-size:15px;font-weight:600;color:#fff9;cursor:pointer;transition:all .2s ease}.feed-tab:hover{color:#ffffffe6;background:#ffffff0d}.feed-tab.active{color:#fff}.feed-tab.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:#ffbd59;border-radius:3px 3px 0 0}.feed-controls{display:flex;gap:8px;padding:8px 0}.search-bar{flex:1;display:flex;align-items:center;gap:8px;padding:8px 12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:20px;transition:all .2s ease}.search-bar:focus-within{border-color:#ffbd5966;background:#ffffff14}.search-bar svg{color:#fff6;flex-shrink:0;width:16px;height:16px}.search-bar input{flex:1;background:transparent;border:none;outline:none;font-family:Inter,sans-serif;font-size:14px;color:#fff}.sort-dropdown{display:flex;align-items:center;gap:6px;padding:8px 12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:20px;min-width:140px;transition:all .2s ease}.sort-dropdown:hover{background:#ffffff14}.sort-dropdown svg{color:#ffbd59;flex-shrink:0;width:16px;height:16px}.sort-dropdown select{flex:1;background:transparent;border:none;outline:none;font-family:Inter,sans-serif;font-size:13px;font-weight:500;color:#fff;cursor:pointer}.sort-dropdown select option{background:#1e2a5e;color:#fff}.posts-feed,.posts-list{display:flex;flex-direction:column;gap:12px}.feed-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 32px;background:#1e2a5e66;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);border-radius:20px}.loading-spinner{width:48px;height:48px;border:4px solid rgba(255,189,89,.2);border-top-color:#ffbd59;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.feed-loading p{font-family:Inter,sans-serif;font-size:16px;color:#ffffffb3;margin:0}.feed-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 32px;text-align:center;background:#1e2a5e66;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,68,68,.3);border-radius:20px}.error-message{font-family:Inter,sans-serif;font-size:16px;color:#f44;margin:0 0 24px}.retry-btn{padding:12px 32px;background:linear-gradient(135deg,#9c0612,#6b0f1a);border:2px solid #FFBD59;border-radius:50px;font-family:Poppins,sans-serif;font-size:16px;font-weight:700;color:#fff;cursor:pointer;transition:all .3s ease}.retry-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #ffbd5966}.feed-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 32px;text-align:center;background:#1e2a5e66;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);border-radius:20px}.empty-icon{margin-bottom:24px}.empty-icon svg{color:#ffbd5966}.feed-empty h3{font-family:Poppins,sans-serif;font-size:24px;font-weight:700;background:linear-gradient(135deg,#fff,#ffbd59);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 12px}.feed-empty p{font-family:Inter,sans-serif;font-size:16px;color:#ffffffb3;margin:0 0 32px;max-width:400px}.create-first-post-btn{display:flex;align-items:center;gap:8px;padding:14px 32px;background:linear-gradient(135deg,#9c0612,#6b0f1a);border:2px solid #FFBD59;border-radius:50px;font-family:Poppins,sans-serif;font-size:16px;font-weight:700;color:#fff;cursor:pointer;transition:all .3s ease}.create-first-post-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #ffbd5966}.create-first-post-btn svg{color:#ffbd59}.load-more{display:flex;justify-content:center;padding:24px 0}.load-more-btn{padding:14px 40px;background:transparent;border:2px solid rgba(255,189,89,.5);border-radius:50px;font-family:Poppins,sans-serif;font-size:16px;font-weight:700;color:#ffbd59;cursor:pointer;transition:all .3s ease}.load-more-btn:hover{background:#ffbd591a;border-color:#ffbd59;transform:translateY(-2px)}@media(max-width:768px){.feed-controls{flex-direction:column;gap:12px}.sort-dropdown{width:100%}.post-creation-box{padding:16px}.post-creation-btn span{display:none}.post-creation-btn{padding:12px}}.right-sidebar{display:flex;flex-direction:column;gap:6px;position:sticky;top:72px;max-height:calc(100vh - 90px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(156,6,18,.6) transparent;padding-bottom:12px}.sidebar-search{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#1e2a5e66;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:20px;transition:all .2s ease}.sidebar-search:focus-within{border-color:#ffbd5966;box-shadow:0 8px 24px #ffbd5926}.sidebar-search svg{color:#ffffff80;flex-shrink:0}.sidebar-search input{flex:1;background:transparent;border:none;outline:none;font-family:Inter,sans-serif;font-size:12px;color:#fff}.sidebar-search input::placeholder{color:#fff6}.right-sidebar::-webkit-scrollbar{width:6px}.right-sidebar::-webkit-scrollbar-track{background:#1e2a5e4d;border-radius:3px}.right-sidebar::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#9c0612,#6b0f1a);border-radius:3px;border:1px solid #FFBD59}.sidebar-widget{background:#1e2a5e59;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:12px;box-shadow:0 2px 8px #0003;transition:all .2s ease;position:relative;margin-bottom:0!important}.sidebar-widget:hover{border-color:#ffbd594d;box-shadow:0 12px 40px #ffbd5926}.sidebar-widget-header{display:flex;align-items:center;gap:8px;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.08)}.sidebar-widget-header svg{color:#ffbd59;flex-shrink:0;width:16px;height:16px}.sidebar-widget-title{font-family:Inter,sans-serif;font-size:13px;font-weight:600;color:var(--brand-gold);margin:0;flex:1}.flame-icon{color:#f44;animation:flicker 1.5s ease-in-out infinite}@keyframes flicker{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.trending-list{display:flex;flex-direction:column;gap:4px}.trending-item{display:flex;align-items:flex-start;gap:8px;padding:6px 8px;background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:6px;cursor:pointer;transition:all .15s ease}.trending-item:hover{background:#ffffff14;border-color:#ffbd5966;transform:translate(4px)}.trending-rank{display:flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0;background:linear-gradient(135deg,#9c0612,#6b0f1a);border:1px solid #FFBD59;border-radius:50%;font-family:Inter,sans-serif;font-size:10px;font-weight:600;color:#ffbd59}.trending-content{flex:1;min-width:0}.trending-title{font-family:Inter,sans-serif;font-size:13px;font-weight:500;color:#fff;margin:0 0 2px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.trending-stats{display:flex;align-items:center;gap:8px}.trending-stats .stat{display:flex;align-items:center;gap:3px;font-family:Inter,sans-serif;font-size:11px;color:#ffffff80}.trending-stats .stat svg{color:#fff6;width:10px;height:10px}.online-badge{display:flex;align-items:center;justify-content:center;min-width:24px;height:18px;padding:0 6px;background:#00ff8826;border:1px solid rgba(0,255,136,.3);border-radius:10px;font-family:Inter,sans-serif;font-size:10px;font-weight:600;color:#0f8;margin-left:auto}.online-indicator-text{display:flex;align-items:center;gap:8px;padding:8px;background:#00ff880a;border:1px solid rgba(0,255,136,.15);border-radius:6px}.pulse-dot{width:8px;height:8px;background:#0f8;border-radius:50%;animation:pulse 2s ease-in-out infinite;flex-shrink:0}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}.online-indicator-text p{font-family:Inter,sans-serif;font-size:13px;color:#0f8;margin:0}.creators-list{display:flex;flex-direction:column;gap:4px}.creator-item{display:flex;align-items:center;gap:8px;padding:6px 8px;background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:6px;cursor:pointer;transition:all .15s ease}.creator-item:hover{background:#ffffff14;border-color:#ffbd5966;transform:translateY(-2px)}.creator-avatar{width:28px;height:28px;flex-shrink:0}.creator-avatar img,.creator-avatar .avatar-placeholder{width:100%;height:100%;border-radius:50%;object-fit:cover}.creator-avatar .avatar-placeholder{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#9c0612,#6b0f1a);color:#ffbd59;font-family:Inter,sans-serif;font-size:11px;font-weight:600;border:1px solid #FFBD59}.creator-info{flex:1;min-width:0}.creator-name{font-family:Inter,sans-serif;font-size:13px;font-weight:600;color:#fff;margin:0 0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.creator-stats{display:flex;align-items:center;gap:4px;font-family:Inter,sans-serif;font-size:12px;color:#ffffff80}.stat-separator{color:#ffffff4d}.tier-badge{padding:2px 6px;border-radius:8px;font-family:Inter,sans-serif;font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.3px;flex-shrink:0}.tier-badge.tier-tier1{background:#c0c0c033;color:silver;border:1px solid rgba(192,192,192,.4)}.tier-badge.tier-tier2{background:#ffd70033;color:gold;border:1px solid rgba(255,215,0,.4)}.tier-badge.tier-tier3{background:#8a2be233;color:#8a2be2;border:1px solid rgba(138,43,226,.4)}.chatbot-widget{background:linear-gradient(135deg,#9c061226,#1e2a5e59);border:1px solid rgba(255,189,89,.2);padding:10px!important;z-index:2;clear:both;display:flex;flex-direction:column;overflow:visible;min-height:auto}.chatbot-widget:hover{border-color:#ffbd59;box-shadow:0 12px 40px #ffbd594d}.chatbot-content{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px}.chatbot-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#9c0612,#6b0f1a);border:1px solid #FFBD59;border-radius:50%;box-shadow:0 2px 8px #ffbd594d}.chatbot-icon svg{width:20px;height:20px;color:#ffbd59;animation:pulse 2s ease-in-out infinite}.chatbot-heading{font-family:Inter,sans-serif;font-size:14px;font-weight:600;color:var(--brand-gold);margin:0}.chatbot-description{font-family:Inter,sans-serif;font-size:12px;line-height:1.3;color:#ffffffb3;margin:0;text-align:center;word-wrap:break-word;overflow-wrap:break-word;max-width:100%}.chatbot-btn{display:flex;align-items:center;gap:4px;padding:8px 14px;background:linear-gradient(135deg,#9c0612,#6b0f1a);border:1px solid #FFBD59;border-radius:16px;font-family:Inter,sans-serif;font-size:12px;font-weight:600;color:#fff;cursor:pointer;transition:all .2s ease;width:100%;justify-content:center}.chatbot-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #ffbd5980}.chatbot-btn svg{color:#ffbd59}.chatbot-features{display:flex;flex-wrap:wrap;justify-content:center;gap:3px;margin-top:2px}.feature-tag{display:inline-flex;align-items:center;gap:2px;padding:3px 8px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:8px;font-family:Inter,sans-serif;font-size:11px;font-weight:500;color:#fffc;white-space:nowrap}.feature-tag svg{flex-shrink:0;color:#ffbd59;width:10px;height:10px}.feature-tag span{line-height:1}.sponsor-widget{background:linear-gradient(135deg,#ffbd5914,#1e2a5e59);border:1px solid rgba(255,189,89,.2);padding:10px!important;margin-top:0!important;z-index:1;clear:both;display:flex;flex-direction:column;position:relative;overflow:visible;min-height:auto}.sponsor-widget:hover{border-color:#ffbd59;box-shadow:0 12px 40px #ffbd5933}.sponsor-content{display:flex;flex-direction:column;gap:6px}.sponsor-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;padding:8px;background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-radius:6px;transition:all .2s ease}.sponsor-card:hover{background:#ffffff0d;transform:translateY(-1px)}.sponsor-logo{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#9c0612,#6b0f1a);border:1px solid #FFBD59;border-radius:50%;box-shadow:0 2px 8px #ffbd5933}.sponsor-logo svg{width:18px;height:18px;color:#ffbd59}.sponsor-name{font-family:Inter,sans-serif;font-size:13px;font-weight:600;color:var(--brand-gold);margin:0}.sponsor-description{font-family:Inter,sans-serif;font-size:11px;line-height:1.3;color:#fff9;margin:0}.sponsor-link{font-family:Inter,sans-serif;font-size:12px;font-weight:600;color:#ffbd59;text-decoration:none;transition:all .2s ease}.sponsor-link:hover{color:#fff;text-shadow:0 0 10px rgba(255,189,89,.5)}.widget-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px 10px;gap:8px}.mini-spinner{width:20px;height:20px;border:2px solid rgba(255,189,89,.2);border-top-color:#ffbd59;border-radius:50%;animation:spin 1s linear infinite}.widget-loading p{font-family:Inter,sans-serif;font-size:10px;color:#ffffff80;margin:0}.widget-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px 10px;text-align:center;gap:6px}.widget-empty svg{color:#ffbd594d;width:20px;height:20px}.widget-empty p{font-family:Inter,sans-serif;font-size:10px;color:#fff6;margin:0}@media(max-width:1024px){.right-sidebar{max-height:none;position:static}}@media(max-width:768px){.right-sidebar{display:none}}.forum-3column-container{display:grid;grid-template-columns:280px minmax(500px,590px) 320px;gap:20px;max-width:1280px;margin:0 auto;padding:24px 16px 80px;min-height:calc(100vh - 80px);justify-content:center;background:transparent}@media(max-width:1024px){.forum-3column-container{grid-template-columns:1fr 300px;padding:20px 16px 60px;gap:16px}.forum-3column-container>.left-sidebar{display:none}}@media(max-width:768px){.forum-3column-container{grid-template-columns:1fr;gap:16px;padding:24px 12px 60px}.forum-3column-container>.left-sidebar,.forum-3column-container>.right-sidebar{display:none}}.forum-loading{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:120px 32px;text-align:center}.forum-loading-spinner{width:60px;height:60px;border:4px solid rgba(255,189,89,.2);border-top-color:#ffbd59;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:24px}.forum-loading-text{font-family:Poppins,sans-serif;font-size:18px;font-weight:600;background:linear-gradient(135deg,#fff,#ffbd59);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.forum-error{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 32px;text-align:center}.forum-error-icon{width:80px;height:80px;margin-bottom:24px;color:#f44}.forum-error-message{font-family:Inter,sans-serif;font-size:16px;color:#ffffffb3;margin-bottom:24px;max-width:400px}.forum-error-retry{background:linear-gradient(135deg,#9c0612,#6b0f1a);color:#fff;border:2px solid #FFBD59;border-radius:50px;padding:14px 32px;font-family:Poppins,sans-serif;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease}.forum-error-retry:hover{transform:translateY(-2px);box-shadow:0 8px 24px #ffbd594d}.forum-empty{grid-column:2;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 32px;text-align:center;background:#1e2a5e66;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);border-radius:20px}.forum-empty-icon{width:100px;height:100px;margin-bottom:24px;color:#ffbd5999}.forum-empty-title{font-family:Poppins,sans-serif;font-size:24px;font-weight:700;background:linear-gradient(135deg,#fff,#ffbd59);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:12px}.forum-empty-message{font-family:Inter,sans-serif;font-size:16px;color:#ffffffb3;margin-bottom:32px;max-width:400px}.forum-empty-cta{background:linear-gradient(135deg,#9c0612,#6b0f1a);color:#fff;border:2px solid #FFBD59;border-radius:50px;padding:18px 40px;font-family:Poppins,sans-serif;font-size:18px;font-weight:700;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-flex;align-items:center;gap:12px}.forum-empty-cta:hover{transform:translateY(-2px);box-shadow:0 12px 32px #ffbd5966}.forum-3column-container ::-webkit-scrollbar{width:8px;height:8px}.forum-3column-container ::-webkit-scrollbar-track{background:#1e2a5e4d;border-radius:4px}.forum-3column-container ::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#9c0612,#6b0f1a);border-radius:4px;border:1px solid #FFBD59}.forum-3column-container ::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#6b0f1a,#9c0612)}@media(max-width:480px){.forum-3column-container{padding:16px 12px 48px}.forum-empty-title{font-size:20px}.forum-empty-message{font-size:14px}.forum-empty-cta{padding:14px 28px;font-size:16px}}@media(max-width:767px){.forum-3column-container{display:flex;flex-direction:column;gap:12px;padding:16px 12px 60px;min-height:auto;overflow-x:hidden;max-width:100vw}.forum-3column-container>.left-sidebar,.forum-3column-container>.right-sidebar{display:none!important}.forum-3column-container>.center-feed,.forum-3column-container>div:not(.left-sidebar):not(.right-sidebar){width:100%;max-width:100%;min-width:0}.forum-loading{padding:60px 20px}.forum-loading-spinner{width:48px;height:48px;margin-bottom:16px}.forum-loading-text{font-size:16px}.forum-error{padding:48px 20px}.forum-error-icon{width:60px;height:60px;margin-bottom:16px}.forum-error-message{font-size:14px;margin-bottom:20px}.forum-error-retry{padding:12px 24px;font-size:14px;min-height:44px}.forum-empty{grid-column:1;padding:48px 20px;border-radius:16px}.forum-empty-icon{width:64px;height:64px;margin-bottom:16px}.forum-empty-title{font-size:18px;margin-bottom:8px}.forum-empty-message{font-size:13px;margin-bottom:24px}.forum-empty-cta{padding:12px 24px;font-size:14px;gap:8px;min-height:44px}.forum-3column-container ::-webkit-scrollbar{width:4px;height:4px}}.forum-page{min-height:calc(100vh - 60px);max-width:1200px;margin:0 auto;padding:40px 20px;animation:fadeIn .5s ease-in}.back-btn{display:inline-flex;align-items:center;gap:12px;padding:14px 32px;background:transparent;border:2px solid rgba(255,255,255,.12);border-radius:14px;color:#ffbd59;font-family:Poppins,sans-serif;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-bottom:24px}.back-btn:hover{background:linear-gradient(135deg,#ffbd5926,#ff8c001a);border-color:#ffbd59;transform:translate(-4px);box-shadow:0 0 20px #ffbd5940}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;gap:1rem}.spinner{width:48px;height:48px;border:4px solid rgba(255,189,89,.2);border-top-color:#ffbd59;border-radius:50%;animation:spin 1s linear infinite}.spinner-small{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.empty-state{text-align:center;padding:4rem 2rem}.empty-icon{font-size:4rem;margin-bottom:1rem;opacity:.5}.empty-state h3{color:#ffbd59;margin-bottom:.5rem;font-size:1.5rem}.empty-state p{color:#fff9;margin-bottom:1.5rem}.card-glass{background:#1e2a5e66;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:32px;box-shadow:0 8px 32px #00000059;transition:all .3s ease}.card-glass:hover{transform:translateY(-4px);border-color:#ffffff40;box-shadow:0 12px 48px #00000073,0 0 80px #00d9ff33}.forum-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px;gap:24px}.heading-gold{font-family:Poppins,sans-serif;font-size:48px;font-weight:800;background:linear-gradient(135deg,#fff,#ffbd59);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:12px;letter-spacing:-1px}.forum-subtitle{font-family:Inter,sans-serif;color:#ffffffb3;font-size:16px;font-weight:500;line-height:1.6}.forum-filters{margin-bottom:32px}.search-bar{display:flex;gap:16px;margin-bottom:24px}.search-input-wrapper{position:relative;flex:1}.search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);font-size:1.25rem;opacity:.5}.search-input{width:100%;padding:14px 20px 14px 48px;background:#1e2a5e4d;border:1px solid rgba(255,255,255,.12);border-radius:14px;color:#fff;font-family:Inter,sans-serif;font-size:16px;transition:all .3s ease}.search-input:focus{outline:none;border-color:#00d9ff;background:#1e2a5e80;box-shadow:0 0 20px #00d9ff4d}.search-input::placeholder{color:#fff6}.category-buttons{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px}.category-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:#1e2a5e66;border:1px solid rgba(255,255,255,.2);border-radius:50px;color:#ffffffb3;font-family:Poppins,sans-serif;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:all .3s ease;white-space:nowrap}.category-btn:hover{background:#ffffff1a;border-color:#ffffff4d;color:#ffffffe6;transform:translateY(-1px);box-shadow:0 4px 12px #0000004d}.category-btn.active{background:#ffbd5926;border-color:#ffbd59;color:#ffbd59;box-shadow:0 0 16px #ffbd594d;font-weight:700}.sort-options{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.sort-icon{font-size:1.25rem}.sort-label{color:#fff9;font-size:.9rem;font-weight:500}.sort-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:#1e2a5e66;border:1px solid rgba(255,255,255,.2);border-radius:50px;color:#ffffffb3;font-family:Poppins,sans-serif;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:all .3s ease;white-space:nowrap}.sort-btn:hover{background:#ffffff1a;border-color:#ffffff4d;color:#ffffffe6;transform:translateY(-1px);box-shadow:0 4px 12px #0000004d}.sort-btn.active{background:#00d9ff26;border-color:#00d9ff;color:#00d9ff;box-shadow:0 0 16px #00d9ff4d;font-weight:700}.threads-list{display:flex;flex-direction:column;gap:16px}.thread-card{cursor:pointer;transition:all .3s ease}.thread-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #ffbd5926}.thread-card-content{display:flex;gap:1.25rem}.thread-avatar{width:48px;height:48px;border-radius:50%;border:2px solid;object-fit:cover;flex-shrink:0}.thread-main{flex:1;min-width:0}.thread-badges{display:flex;gap:.5rem;margin-bottom:.75rem;flex-wrap:wrap}.category-badge{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:var(--badge-color, #FFBD59);color:#0a0e27;font-family:Poppins,sans-serif;font-size:12px;font-weight:600;border-radius:50px;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 8px #ffbd5966}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;font-family:Poppins,sans-serif;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;border-radius:50px;white-space:nowrap}.status-badge.solved{background:#00ff8826;color:#0f8;border:1px solid rgba(0,255,136,.3);box-shadow:0 0 12px #0f83}.status-badge.pinned{background:#ffbd5926;color:#ffbd59;border:1px solid rgba(255,189,89,.3);box-shadow:0 0 12px #ffbd5933}.thread-title{font-family:Poppins,sans-serif;color:#fff;font-size:18px;font-weight:700;margin-bottom:8px;line-height:1.4}.thread-excerpt{font-family:Inter,sans-serif;color:#ffffffb3;font-size:14px;line-height:1.6;margin-bottom:12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.thread-meta{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;font-size:.85rem}.thread-author{color:#ffbd59;font-weight:500}.thread-stat{color:#ffffff80}.thread-date{color:#fff6;margin-left:auto}.pagination{display:flex;justify-content:center;align-items:center;gap:1.5rem;margin-top:2rem;padding:1.5rem}.pagination-btn{padding:14px 32px;background:transparent;border:2px solid rgba(255,255,255,.12);border-radius:14px;color:#ffbd59;font-family:Poppins,sans-serif;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.pagination-btn:hover:not(:disabled){background:linear-gradient(135deg,#ffbd5926,#ff8c001a);border-color:#ffbd59;transform:translateY(-2px);box-shadow:0 0 20px #ffbd5940}.pagination-btn:disabled{opacity:.3;cursor:not-allowed}.pagination-info{color:#ffffffb3;font-weight:500}.thread-detail-page{max-width:900px}.thread-detail{margin-bottom:2rem}.thread-detail-header{margin-bottom:1.5rem}.thread-detail-title{font-family:Poppins,sans-serif;color:#fff;font-size:32px;font-weight:800;line-height:1.3;margin-bottom:16px}.thread-detail-meta{display:flex;align-items:center;gap:.75rem;font-size:.9rem}.author-avatar-small{width:32px;height:32px;border-radius:50%;border:2px solid #FFBD59;object-fit:cover}.author-name{color:#ffbd59;font-weight:600}.meta-dot{color:#ffffff4d}.thread-date{color:#ffffff80}.thread-detail-content{margin:1.5rem 0}.thread-detail-content p{color:#ffffffd9;font-size:1rem;line-height:1.8;white-space:pre-wrap}.thread-actions{display:flex;gap:1rem;padding-top:1rem;border-top:1px solid rgba(255,189,89,.1)}.action-btn{padding:14px 32px;background:transparent;border:2px solid rgba(255,255,255,.12);border-radius:14px;color:#fffc;font-family:Poppins,sans-serif;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.action-btn:hover{background:linear-gradient(135deg,#ffbd5926,#ff8c001a);border-color:#ffbd59;color:#ffbd59;transform:translateY(-2px);box-shadow:0 0 20px #ffbd5940}.replies-section{margin-bottom:2rem}.replies-title{color:#ffbd59;font-size:1.5rem;font-weight:600;margin-bottom:1.5rem}.no-replies{text-align:center;padding:2rem;color:#ffffff80}.replies-list{display:flex;flex-direction:column;gap:1rem}.reply-card{transition:all .3s ease}.reply-card.accepted{border-color:#0f86;background:#00ff8808}.reply-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.reply-avatar{width:40px;height:40px;border-radius:50%;border:2px solid rgba(255,189,89,.3);object-fit:cover}.reply-author-info{display:flex;flex-direction:column;gap:.25rem;flex:1}.reply-author-name{color:#fff;font-weight:600;font-size:.95rem}.reply-date{color:#ffffff80;font-size:.8rem}.accepted-badge{padding:8px 16px;background:#0f83;border:1px solid rgba(0,255,136,.4);border-radius:50px;color:#0f8;font-family:Poppins,sans-serif;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 8px #0f86}.reply-content{margin-bottom:1rem}.reply-content p{color:#fffc;font-size:.95rem;line-height:1.7;white-space:pre-wrap}.reply-actions{display:flex;gap:.75rem}.reply-action-btn{padding:.5rem 1rem;background:#ffffff0d;border:1px solid rgba(255,189,89,.15);border-radius:8px;color:#fff9;font-size:.85rem;cursor:pointer;transition:all .3s ease}.reply-action-btn:hover{background:#ffbd591a;color:#ffbd59;transform:translateY(-2px)}.reply-action-btn.accept-btn{color:#0f8;border-color:#0f83}.reply-action-btn.accept-btn:hover{background:#00ff881a;border-color:#0f86}.reply-form{margin-top:2rem}.reply-form-title{color:#ffbd59;font-size:1.25rem;font-weight:600;margin-bottom:1rem}.login-prompt{color:#fff9;text-align:center;padding:2rem}.login-prompt a{color:#ffbd59;text-decoration:none;font-weight:600}.login-prompt a:hover{text-decoration:underline}.reply-textarea{width:100%;padding:14px 20px;background:#1e2a5e4d;border:1px solid rgba(255,255,255,.12);border-radius:14px;color:#fff;font-size:16px;font-family:Inter,sans-serif;line-height:1.6;resize:vertical;transition:all .3s ease}.reply-textarea:focus{outline:none;border-color:#00d9ff;background:#1e2a5e80;box-shadow:0 0 20px #00d9ff4d}.reply-textarea::placeholder{color:#ffffff4d}.reply-form-actions{margin-top:1rem;display:flex;justify-content:flex-end}.create-thread-page{max-width:800px}.page-header{margin-bottom:2rem}.page-subtitle{color:#fff9;font-size:1rem;line-height:1.6}.create-thread-form{margin-bottom:2rem}.form-group{margin-bottom:1.75rem;position:relative}.form-label{display:block;color:#ffffffe6;font-weight:600;margin-bottom:.75rem;font-size:.95rem}.required{color:#ff6b6b;margin-left:.25rem}.form-input{width:100%;padding:14px 20px;background:#1e2a5e4d;border:1px solid rgba(255,255,255,.12);border-radius:14px;color:#fff;font-family:Inter,sans-serif;font-size:16px;transition:all .3s ease}.form-input:focus{outline:none;border-color:#00d9ff;background:#1e2a5e80;box-shadow:0 0 20px #00d9ff4d}.form-input.error{border-color:#ff6b6b80}.form-input::placeholder{color:#ffffff4d}.form-textarea{width:100%;padding:14px 20px;background:#1e2a5e4d;border:1px solid rgba(255,255,255,.12);border-radius:14px;color:#fff;font-family:Inter,sans-serif;font-size:16px;line-height:1.6;resize:vertical;transition:all .3s ease}.form-textarea:focus{outline:none;border-color:#00d9ff;background:#1e2a5e80;box-shadow:0 0 20px #00d9ff4d}.form-textarea.error{border-color:#ff6b6b80}.form-textarea::placeholder{color:#ffffff4d}.error-message{display:block;color:#ff6b6b;font-size:.85rem;margin-top:.5rem}.char-count{position:absolute;right:0;bottom:-1.5rem;color:#fff6;font-size:.8rem}.helper-text{display:block;color:#ffffff80;font-size:.85rem;margin-top:.5rem;font-style:italic}.category-selector{display:flex;flex-direction:column;gap:.75rem}.category-select-btn{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background:#ffffff08;border:2px solid rgba(255,255,255,.1);border-radius:12px;cursor:pointer;transition:all .3s ease;text-align:left}.category-select-btn:hover{background:#ffffff0d;border-color:var(--category-color);transform:translate(4px)}.category-select-btn.selected{background:var(--category-color);border-color:var(--category-color)}.category-select-btn.selected .category-info{color:#000}.category-icon{font-size:1.75rem;flex-shrink:0}.category-info{display:flex;flex-direction:column;gap:.25rem;color:#fffc}.category-name{font-weight:600;font-size:1rem}.category-desc{font-size:.85rem;opacity:.7}.form-actions{display:flex;justify-content:flex-end;gap:1rem;padding-top:1.5rem;border-top:1px solid rgba(255,189,89,.1)}.btn-primary,.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:18px 40px;font-family:Poppins,sans-serif;font-size:18px;font-weight:700;text-decoration:none;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.btn-primary{background:linear-gradient(135deg,#9c0612,#6b0f1a);color:#fff;border:2px solid #FFBD59;border-radius:50px;box-shadow:0 10px 40px #9c061266}.btn-primary:hover:not(:disabled){transform:translateY(-3px);border-color:#ffbd59cc;box-shadow:0 12px 48px #9c061280,0 0 30px #ffbd5966}.btn-primary:hover:not(:disabled):before{opacity:1}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:transparent;border:2px solid rgba(255,255,255,.12);border-radius:14px;color:#ffffffe6}.btn-secondary:hover:not(:disabled){background:#ffffff14;border-color:#ffffff40;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.btn-icon{font-size:1.1rem}.guidelines-card{background:#ffbd590d;border-color:#ffbd5933}.guidelines-title{color:#ffbd59;font-size:1.25rem;font-weight:600;margin-bottom:1rem}.guidelines-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:1rem}.guidelines-list li{color:#ffffffb3;font-size:.95rem;line-height:1.6;padding-left:1.5rem;position:relative}.guidelines-list li:before{content:"✓";position:absolute;left:0;color:#0f8;font-weight:700}.guidelines-list strong{color:#ffbd59;font-weight:600}@media(max-width:768px){.forum-page{padding:1rem}.forum-header{flex-direction:column;gap:1rem}.heading-gold{font-size:2rem}.search-bar{flex-direction:column}.thread-card-content{gap:.875rem}.thread-avatar{width:40px;height:40px}.thread-title{font-size:1.1rem}.thread-detail-title{font-size:1.5rem}.pagination{flex-direction:column;gap:1rem}.form-actions{flex-direction:column}.btn-primary,.btn-secondary{width:100%;justify-content:center}}@media(max-width:480px){.category-buttons{flex-direction:column}.category-btn{width:100%}.sort-options{flex-direction:column;align-items:flex-start}.thread-meta{flex-direction:column;align-items:flex-start;gap:.5rem}.thread-date{margin-left:0}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}html{scroll-behavior:smooth}.user-badge{display:inline-flex;align-items:center;gap:4px;border-radius:8px;border:1px solid currentColor;font-weight:600;white-space:nowrap;transition:all .2s ease;cursor:default;-webkit-user-select:none;user-select:none}.badge-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center}.badge-label{text-transform:uppercase;letter-spacing:.5px;line-height:1}.user-badge:hover{transform:scale(1.05);box-shadow:0 2px 8px currentColor}@keyframes pulse-glow{0%,to{opacity:.9;box-shadow:0 0 8px currentColor}50%{opacity:1;box-shadow:0 0 16px currentColor}}.badge-pulse-glow{animation:pulse-glow 2s ease-in-out infinite}@keyframes shimmer{0%{background-position:-100% 0}to{background-position:200% 0}}.badge-shimmer:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);background-size:200% 100%;animation:shimmer 3s linear infinite;border-radius:inherit;pointer-events:none}.badge-shimmer,.badge-shimmer-rotate{position:relative;overflow:hidden}.badge-shimmer-rotate:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.4) 50%,transparent 100%);background-size:200% 100%;animation:shimmer 2.5s linear infinite;border-radius:inherit}@keyframes premium-glow{0%,to{box-shadow:0 0 12px #ffbd5966}50%{box-shadow:0 0 20px #ffbd5999,0 0 30px #9c061266}}.badge-premium-glow{animation:premium-glow 2s ease-in-out infinite}@keyframes subtle-shine{0%,to{filter:brightness(1)}50%{filter:brightness(1.2)}}.badge-subtle-shine{animation:subtle-shine 3s ease-in-out infinite}@keyframes gold-shine{0%,to{filter:brightness(1)}50%{filter:brightness(1.3) drop-shadow(0 0 6px rgba(255,215,0,.4))}}.badge-gold-shine{animation:gold-shine 3s ease-in-out infinite}@keyframes diamond-sparkle{0%,to{filter:hue-rotate(0deg) brightness(1)}25%{filter:hue-rotate(90deg) brightness(1.2)}50%{filter:hue-rotate(180deg) brightness(1.3)}75%{filter:hue-rotate(270deg) brightness(1.2)}}.badge-diamond-sparkle{animation:diamond-sparkle 4s linear infinite}@keyframes trophy-shine{0%,to{filter:brightness(1)}50%{filter:brightness(1.3) drop-shadow(0 0 8px rgba(255,189,89,.6))}}.badge-trophy-shine{animation:trophy-shine 3s ease-in-out infinite}@keyframes admin-pulse{0%,to{transform:scale(1);box-shadow:0 0 8px #ef44444d}50%{transform:scale(1.05);box-shadow:0 0 16px #ef444480}}.badge-admin-pulse{animation:admin-pulse 1.5s ease-in-out infinite}@keyframes subtle-glow{0%,to{box-shadow:0 0 6px #f59e0b33}50%{box-shadow:0 0 12px #f59e0b66}}.badge-subtle-glow{animation:subtle-glow 2s ease-in-out infinite}@keyframes target-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.badge-target-pulse .badge-icon{animation:target-pulse 2s ease-in-out infinite}@keyframes heartbeat{0%,to{transform:scale(1)}10%,30%{transform:scale(1.1)}20%,40%{transform:scale(1)}}.badge-heartbeat .badge-icon{animation:heartbeat 1.5s ease-in-out infinite}@keyframes money-rain{0%,to{filter:brightness(1)}50%{filter:brightness(1.3) drop-shadow(0 0 8px rgba(16,185,129,.6))}}.badge-money-rain{animation:money-rain 2s ease-in-out infinite}@keyframes rocket-launch{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.badge-rocket-launch .badge-icon{animation:rocket-launch 2s ease-in-out infinite}@media(max-width:768px){.user-badge{transform:scale(.95)}.user-badge:hover{transform:scale(1)}}@media(prefers-reduced-motion:reduce){.user-badge,.user-badge *,.user-badge:before,.user-badge:after{animation:none!important;transition:none!important}}.user-badge:focus{outline:2px solid currentColor;outline-offset:2px}.user-badges{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap}.user-badges.vertical{flex-direction:column;align-items:flex-start}.user-badges.compact{gap:4px}.user-badges.spacious{gap:8px}@media(max-width:768px){.user-badges{gap:4px}}.emoji-picker-container{position:relative;display:inline-block}.btn-emoji:hover{background:#ffffff1a;color:#ffbd59;transform:scale(1.1)}.emoji-picker-popup{position:absolute;bottom:100%;left:0;margin-bottom:12px;background:#1a1f3afa;border:1px solid rgba(255,255,255,.15);border-radius:16px;width:320px;max-height:400px;box-shadow:0 8px 32px #0006;z-index:1000;overflow:hidden;animation:slideUpFade .2s ease}@keyframes slideUpFade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.emoji-picker-header{padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.1);background:#0a0e2799}.emoji-picker-header h4{margin:0;font-size:14px;font-weight:600;color:#fff;background:linear-gradient(135deg,#fff,#ffbd59);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.emoji-picker-content{padding:12px;max-height:340px;overflow-y:auto;overflow-x:hidden}.emoji-picker-content::-webkit-scrollbar{width:6px}.emoji-picker-content::-webkit-scrollbar-track{background:#ffffff0d}.emoji-picker-content::-webkit-scrollbar-thumb{background:#00d9ff66;border-radius:3px}.emoji-picker-content::-webkit-scrollbar-thumb:hover{background:#00d9ff99}.emoji-category{margin-bottom:16px}.emoji-category:last-child{margin-bottom:0}.emoji-category-label{font-size:11px;font-weight:600;color:#ffffff80;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;padding-left:4px}.emoji-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:4px}.emoji-button{background:transparent;border:none;padding:8px;font-size:20px;cursor:pointer;border-radius:8px;transition:all .15s;display:flex;align-items:center;justify-content:center;aspect-ratio:1}.emoji-button:hover{background:#00d9ff26;transform:scale(1.2)}.emoji-button:active{transform:scale(1.1)}@media(max-width:480px){.emoji-picker-popup{width:280px;max-height:350px}.emoji-grid{grid-template-columns:repeat(7,1fr)}.emoji-button{font-size:18px;padding:6px}}.file-attachment-container{position:relative;display:inline-block}.btn-attach{background:transparent;border:none;color:#fff9;cursor:pointer;padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s}.btn-attach:hover{background:#ffffff1a;color:#00d9ff;transform:scale(1.1)}.attachment-preview{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#00d9ff1a;border:1px solid rgba(0,217,255,.3);border-radius:12px;max-width:250px}.attachment-info{display:flex;align-items:center;gap:8px;flex:1;min-width:0;color:#00d9ff}.attachment-details{display:flex;flex-direction:column;gap:2px;min-width:0}.attachment-name{font-size:12px;font-weight:500;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.attachment-size{font-size:10px;color:#fff9}.btn-remove-attachment{background:transparent;border:none;color:#fff9;cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.btn-remove-attachment:hover{background:#ff595933;color:#ff5959}.upload-progress-small{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#00d9ff1a;border:1px solid rgba(0,217,255,.3);border-radius:12px;color:#00d9ff;font-size:12px}.spinner-small{width:16px;height:16px;border:2px solid rgba(0,217,255,.3);border-top-color:#00d9ff;border-radius:50%;animation:spin .8s linear infinite}.attachment-error{position:absolute;top:100%;left:0;margin-top:4px;padding:6px 10px;background:#ff595933;border:1px solid rgba(255,89,89,.4);border-radius:8px;color:#ff5959;font-size:11px;white-space:nowrap;z-index:10}.message-attachment{margin-top:8px;max-width:100%}.attachment-image-link{display:block;border-radius:12px;overflow:hidden;max-width:300px;transition:opacity .2s}.attachment-image-link:hover{opacity:.9}.attachment-image{width:100%;height:auto;display:block;border-radius:12px}.attachment-file-link{display:flex;align-items:center;gap:12px;padding:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;max-width:300px;text-decoration:none;color:#fff;transition:all .2s}.attachment-file-link:hover{background:#ffffff14;border-color:#00d9ff}.attachment-file-icon{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#00d9ff26;border-radius:8px;color:#00d9ff}.attachment-file-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.attachment-file-name{font-size:14px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.attachment-file-size{font-size:12px;color:#ffffff80}.download-icon{flex-shrink:0;color:#fff6;transition:color .2s}.attachment-file-link:hover .download-icon{color:#00d9ff}.messages-page{height:calc(100vh - 60px);padding:0}.messages-container{display:flex!important;flex-direction:row!important;height:100%;max-width:1600px;margin:0 auto;background:#1e2a5e33;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.08);border-radius:20px;overflow:hidden;box-shadow:0 8px 32px #0000004d;min-height:0}.conversations-sidebar{flex:0 0 380px;min-width:380px;max-width:380px;background:#0a0e2799;border-right:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;height:100%}.sidebar-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid rgba(255,255,255,.1)}.sidebar-header h2{font-family:Poppins,sans-serif;font-size:24px;font-weight:700;background:linear-gradient(135deg,#fff,#ffbd59);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:flex;align-items:center;gap:12px;margin:0}.btn-new-chat{background:linear-gradient(135deg,#00d9ff,#4d9de0);border:2px solid rgba(255,255,255,.12);border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 16px #00d9ff4d}.btn-new-chat:hover{transform:translateY(-3px);box-shadow:0 8px 24px #00d9ff66}.search-bar{padding:12px 16px;display:flex;align-items:center;gap:8px;background:#ffffff08;border-bottom:1px solid rgba(255,255,255,.05);min-height:0;max-height:60px}.search-bar input{flex:1;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:8px 15px;color:#fff;font-size:14px;height:36px;min-height:36px;max-height:36px}.search-bar input::placeholder{color:#fff6}.conversations-list{flex:1;overflow-y:auto;overflow-x:hidden;min-height:0;max-height:100%}.conversations-list::-webkit-scrollbar{width:6px}.conversations-list::-webkit-scrollbar-track{background:#ffffff0d}.conversations-list::-webkit-scrollbar-thumb{background:#00d9ff66;border-radius:3px}.conversations-list::-webkit-scrollbar-thumb:hover{background:#00d9ff99}.conversation-item{display:flex;align-items:center;gap:12px;padding:15px 20px;cursor:pointer;transition:background .2s;border-bottom:1px solid rgba(255,255,255,.05);position:relative}.conversation-item:hover{background:#ffffff0d}.conversation-item.active{background:#00d9ff1a;border-left:3px solid #00D9FF}.conversation-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#00d9ff,#7b68ee);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;position:relative;overflow:hidden}.conversation-avatar img{width:100%;height:100%;object-fit:cover}.online-indicator{position:absolute;bottom:2px;right:2px;width:12px;height:12px;background:#0f8;border:2px solid #0a0e27;border-radius:50%;box-shadow:0 0 8px #0f89}.conversation-details{flex:1;min-width:0}.conversation-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.conversation-header h4{margin:0;font-size:15px;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conversation-time{font-size:12px;color:#ffffff80;flex-shrink:0}.conversation-preview{margin:0;font-size:13px;color:#fff9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.unread-badge{position:absolute;right:20px;top:50%;transform:translateY(-50%);background:#00d9ff;color:#0a0e27;font-size:11px;font-weight:700;padding:2px 8px;border-radius:10px;min-width:20px;text-align:center}.chat-area{flex:1;display:flex!important;flex-direction:column;height:100%;min-height:0;min-width:0;background:#1a1f3a66;position:relative}.chat-header{padding:20px;border-bottom:1px solid rgba(255,255,255,.1);background:#0a0e2799;display:flex;justify-content:space-between;align-items:center}.chat-header-info{display:flex;align-items:center;gap:16px}.chat-avatar{width:48px;height:48px;border-radius:50%;position:relative;overflow:hidden;flex-shrink:0}.chat-avatar img{width:100%;height:100%;object-fit:cover}.chat-header-info h3{margin:0 0 4px;font-size:18px;font-weight:600;color:#fff}.online-status{font-size:12px;font-weight:500}.online-status.online{color:#0f8}.online-status.offline{color:#fff6}.online-status:before{content:"";width:8px;height:8px;border-radius:50%;background:#00d9ff;display:inline-block}.messages-area{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:12px}.message{display:flex;animation:messageSlideIn .3s ease}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message.sent{justify-content:flex-end}.message.received{justify-content:flex-start}.message-content{max-width:60%;padding:12px 16px;border-radius:16px;position:relative}.message.sent .message-content{background:linear-gradient(135deg,#00d9ff,#7b68ee);color:#fff;border-bottom-right-radius:4px}.message.received .message-content{background:#ffffff14;color:#fff;border-bottom-left-radius:4px}.message-content p{margin:0 0 4px;font-size:14px;line-height:1.5;word-wrap:break-word}.message-footer{display:flex;align-items:center;justify-content:flex-end;gap:6px;margin-top:4px}.message-time{font-size:11px;opacity:.7}.message-read-receipt{font-size:12px;color:#00d9ff;font-weight:700;opacity:.9}.deleted-message{opacity:.5;font-size:13px}.typing-indicator{display:flex;align-items:center;gap:8px;padding:12px;animation:fadeIn .3s ease}.typing-dots{display:flex;gap:4px;padding:8px 12px;background:#ffffff14;border-radius:16px}.typing-dots span{width:8px;height:8px;background:#00d9ff;border-radius:50%;animation:typingDot 1.4s infinite}.typing-dots span:nth-child(1){animation-delay:0s}.typing-dots span:nth-child(2){animation-delay:.2s}.typing-dots span:nth-child(3){animation-delay:.4s}@keyframes typingDot{0%,60%,to{opacity:.3;transform:scale(.8)}30%{opacity:1;transform:scale(1)}}.typing-text{font-size:12px;color:#fff9;font-style:italic}.message-input-form{padding:20px;background:#0a0e2799;border-top:1px solid rgba(255,255,255,.1);display:flex;align-items:center;gap:12px}.btn-emoji{background:transparent;border:none;color:#fff9;cursor:pointer;padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s}.btn-emoji:hover{background:#ffffff1a;color:#00d9ff}.message-input-form input{flex:1;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:12px 20px;color:#fff;font-size:14px;transition:all .2s}.message-input-form input:focus{outline:none;border-color:#00d9ff;background:#ffffff14}.message-input-form input::placeholder{color:#fff6}.btn-send{background:linear-gradient(135deg,#00d9ff,#7b68ee);border:none;border-radius:50%;width:44px;height:44px;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:transform .2s}.btn-send:hover:not(:disabled){transform:scale(1.1)}.btn-send:disabled{opacity:.5;cursor:not-allowed}.loading-state,.empty-state,.no-conversation-selected{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#fff9;padding:40px;text-align:center}.empty-state svg,.no-conversation-selected svg{color:#ffffff4d;margin-bottom:16px}.empty-state h3,.no-conversation-selected h3{margin:0 0 8px;font-size:18px;color:#fff}.empty-state p,.no-conversation-selected p{margin:0 0 20px;color:#ffffff80}.btn-primary{background:linear-gradient(135deg,#9c0612,#6b0f1a);border:2px solid #FFBD59;border-radius:50px;padding:18px 40px;color:#fff;font-family:Poppins,sans-serif;font-size:18px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 10px 40px #9c061266;position:relative;overflow:hidden}.btn-primary:before{content:"";position:absolute;inset:0;background:radial-gradient(circle,rgba(255,189,89,.15) 0%,transparent 70%);opacity:0;transition:opacity .4s ease}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 12px 48px #9c061280,0 0 30px #ffbd5966;border-color:#ffbd59cc}.btn-primary:hover:before{opacity:1}.modal-overlay{position:fixed;inset:0;background:#0000004d;display:flex;align-items:flex-start;justify-content:flex-end;padding:20px;z-index:1000;animation:fadeIn .2s ease}.modal{background:#1a1f3af2;border:1px solid rgba(255,255,255,.1);border-radius:16px;width:500px;max-width:90%;max-height:80vh;overflow:hidden;animation:slideUp .3s ease}.new-chat-modal{width:360px;max-height:500px;animation:slideInFromRight .3s ease}@keyframes slideInFromRight{0%{transform:translate(30px);opacity:0}to{transform:translate(0);opacity:1}}.modal-header{padding:20px;border-bottom:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:center}.modal-header h3{margin:0;font-size:18px;font-weight:600;color:#fff}.modal-body{padding:20px}.search-results{margin-top:16px;max-height:400px;overflow-y:auto}.new-chat-modal .search-results{max-height:320px}.new-chat-modal .modal-body,.new-chat-modal .modal-header{padding:16px}.user-result{display:flex;align-items:center;gap:12px;padding:12px;border-radius:12px;cursor:pointer;transition:background .2s;position:relative}.user-result:hover{background:#ffffff0d}.user-avatar{width:44px;height:44px;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,#00d9ff,#7b68ee);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.user-avatar img{width:100%;height:100%;object-fit:cover}.user-info{flex:1;min-width:0}.user-info h4{margin:0 0 4px;font-size:15px;font-weight:600;color:#fff}.user-info p{margin:0;font-size:13px;color:#ffffff80}.status-indicator{width:10px;height:10px;border-radius:50%;flex-shrink:0}.status-indicator.online{background:#00d9ff;box-shadow:0 0 8px #00d9ff}.status-indicator.offline{background:#ffffff4d}.status-indicator.away{background:#ffbd59}.no-results{text-align:center;color:#ffffff80;padding:40px 20px}.chat-header{display:flex;justify-content:space-between;align-items:center}.chat-header-actions{position:relative}.btn-actions{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:#ffffffb3;cursor:pointer;transition:all .2s}.btn-actions:hover{background:#ffffff1a;color:#fff}.user-actions-menu{position:absolute;top:100%;right:0;margin-top:8px;background:#1a1f3afa;border:1px solid rgba(255,255,255,.15);border-radius:12px;min-width:180px;box-shadow:0 8px 32px #0006;z-index:100;overflow:hidden;animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.menu-item{display:flex;align-items:center;gap:12px;padding:12px 16px;width:100%;background:transparent;border:none;color:#fffc;cursor:pointer;transition:all .2s;font-size:14px;font-weight:500;text-align:left}.menu-item:hover{background:#ffffff14;color:#fff}.menu-item.block:hover{background:#ff595926;color:#ff5959}.menu-item.unblock:hover{background:#00d9ff26;color:#00d9ff}.menu-item.report:hover{background:#ffbd5926;color:#ffbd59}.menu-item svg{flex-shrink:0}.report-modal{width:550px}.modal-title-icon{display:flex;align-items:center;gap:12px}.warning-icon{color:#ffbd59}.report-description{margin:0 0 24px;color:#ffffffb3;font-size:14px;line-height:1.6}.form-group label{display:block;margin-bottom:8px;color:#fff;font-size:14px;font-weight:500}.form-select{width:100%;background:#ffffff0d;border:1px solid rgba(255,255,255,.15);border-radius:8px;padding:10px 14px;color:#fff;font-size:14px;cursor:pointer;transition:all .2s}.form-select:focus{outline:none;border-color:#00d9ff;background:#ffffff14}.form-select option{background:#1a1f3a;color:#fff}.form-textarea{width:100%;background:#ffffff0d;border:1px solid rgba(255,255,255,.15);border-radius:8px;padding:12px 14px;color:#fff;font-size:14px;font-family:inherit;resize:vertical;transition:all .2s}.form-textarea:focus{outline:none;border-color:#00d9ff;background:#ffffff14}.form-textarea::placeholder{color:#fff6}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1)}.btn-secondary{background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:8px;padding:10px 20px;color:#fffc;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-secondary:hover{background:#ffffff1f;color:#fff}.btn-danger{background:linear-gradient(135deg,#ff5959,#d32f2f);border:none;border-radius:8px;padding:10px 24px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #ff59594d}.btn-danger:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #ff595966}.btn-danger:disabled{opacity:.5;cursor:not-allowed}@media(max-width:768px){.messages-container{grid-template-columns:1fr}.conversations-sidebar{display:none}.message-content{max-width:80%}}.image-upload-container{width:100%}.upload-zone{width:100%;min-height:200px;border:2px dashed rgba(255,189,89,.3);border-radius:12px;background:#ffffff08;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;cursor:pointer;transition:all .3s ease;padding:32px 20px}.upload-zone:hover{border-color:#ffbd5999;background:#ffbd590d}.upload-zone.drag-active{border-color:#ffbd59;background:#ffbd591a;transform:scale(1.02)}.upload-zone.uploading{cursor:not-allowed;border-color:#00d9ff;background:#00d9ff0d}.upload-icon{color:#ffbd59;opacity:.7}.upload-zone h4{margin:0;font-size:16px;font-weight:600;color:#ffffffe6}.upload-zone p{margin:0;font-size:13px;color:#ffffff80}.upload-progress{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%;max-width:300px}.upload-progress .spinner{width:40px;height:40px;border:4px solid rgba(0,217,255,.2);border-top-color:#00d9ff;border-radius:50%;animation:spin .8s linear infinite}.upload-progress p{margin:0;font-size:14px;font-weight:600;color:#00d9ff}.progress-bar{width:100%;height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#00d9ff,#ffbd59);border-radius:3px;transition:width .3s ease}.image-preview-container{position:relative;width:100%;border-radius:12px;overflow:hidden;border:2px solid rgba(255,189,89,.3)}.uploaded-image{width:100%;height:auto;max-height:400px;object-fit:cover;display:block}.btn-remove-image{position:absolute;top:12px;right:12px;width:36px;height:36px;border-radius:50%;background:#ff6b9de6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.3);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #ff6b9d66}.btn-remove-image:hover{background:#ff6b9d;transform:scale(1.1);box-shadow:0 6px 16px #ff6b9d99}.upload-error{margin-top:12px;padding:12px 16px;background:#ff6b9d1a;border:1px solid rgba(255,107,157,.3);border-radius:8px;color:#ff6b9d;font-size:13px;font-weight:500}@media(max-width:768px){.upload-zone{min-height:160px;padding:24px 16px}.upload-icon{width:36px;height:36px}.upload-zone h4{font-size:14px}.upload-zone p{font-size:12px}}.events-page{min-height:calc(100vh - 60px);padding:40px 20px}.events-container{max-width:1600px;margin:0 auto}.events-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;gap:20px;flex-wrap:wrap}.header-content h1{font-family:Poppins,sans-serif;font-size:48px;font-weight:800;background:linear-gradient(135deg,#fff,#ffbd59);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 12px;display:flex;align-items:center;gap:16px;letter-spacing:-1px}.header-content p{margin:0;font-family:Inter,sans-serif;color:#ffffffb3;font-size:16px;font-weight:500}.btn-create-event{background:linear-gradient(135deg,#9c0612,#6b0f1a);border:2px solid #FFBD59;border-radius:50px;padding:18px 40px;color:#fff;font-family:Poppins,sans-serif;font-size:18px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:12px;transition:all .3s ease;box-shadow:0 10px 40px #9c061266;position:relative;overflow:hidden}.btn-create-event:before{content:"";position:absolute;inset:0;background:radial-gradient(circle,rgba(255,189,89,.15) 0%,transparent 70%);opacity:0;transition:opacity .4s ease}.btn-create-event:hover{transform:translateY(-3px);box-shadow:0 12px 48px #9c061280,0 0 30px #ffbd5966;border-color:#ffbd59cc}.btn-create-event:hover:before{opacity:1}.events-tabs{display:flex;gap:12px;margin-bottom:24px;border-bottom:2px solid rgba(255,255,255,.1)}.tab{background:transparent;border:none;border-bottom:3px solid transparent;padding:12px 24px;color:#fff9;font-weight:600;cursor:pointer;transition:all .2s;position:relative;margin-bottom:-2px}.tab:hover{color:#fff;background:#ffffff0d}.tab.active{color:#00d9ff;border-bottom-color:#00d9ff}.events-filters{display:flex;gap:12px;margin-bottom:30px}.filter-group{display:flex;align-items:center;gap:8px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:10px 16px;color:#fff9}.filter-group select{background:transparent;border:none;color:#fff;font-size:14px;font-weight:500;cursor:pointer;outline:none}.filter-group select option{background:#1a1f3a;color:#fff}.events-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:24px}.event-card{background:#1e2a5e66;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);border-radius:20px;overflow:hidden;cursor:pointer;transition:all .3s;position:relative;box-shadow:0 8px 32px #00000059}.event-card:hover{transform:translateY(-4px);box-shadow:0 12px 48px #00000073,0 0 80px #00d9ff33;border-color:#ffffff40}.featured-badge{position:absolute;top:12px;right:12px;background:linear-gradient(135deg,#ffbd59,#ff6b9d);color:#fff;padding:8px 16px;border-radius:50px;font-family:Poppins,sans-serif;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;z-index:10;box-shadow:0 4px 12px #ff6b9d4d}.event-host-actions{position:absolute;top:12px;left:12px;display:flex;gap:8px;z-index:10}.btn-icon-action{background:#0a0e27e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:8px;color:#fff;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.btn-icon-action:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.btn-icon-action.edit{color:#00d9ff;border-color:#00d9ff}.btn-icon-action.edit:hover{background:#00d9ff33;box-shadow:0 4px 12px #00d9ff66}.btn-icon-action.delete{color:#ff6b9d;border-color:#ff6b9d}.btn-icon-action.delete:hover{background:#ff6b9d33;box-shadow:0 4px 12px #ff6b9d66}.event-image{height:200px;background-size:cover;background-position:center;position:relative;display:flex;align-items:flex-end;padding:16px}.event-type-badge{background:#0a0e27e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:50px;padding:8px 16px;color:#00d9ff;font-family:Poppins,sans-serif;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;gap:6px}.event-content{padding:20px}.event-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px}.event-header h3{margin:0;font-size:18px;font-weight:700;color:#fff;flex:1}.tier-badge{font-family:Poppins,sans-serif;font-size:12px;font-weight:600;color:#fff;padding:8px 16px;border-radius:50px;white-space:nowrap;text-transform:uppercase;letter-spacing:.5px}.event-description{margin:0 0 16px;color:#ffffffb3;font-size:14px;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.event-meta{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.event-meta-item{display:flex;align-items:center;gap:8px;color:#fff9;font-size:13px}.event-meta-item svg{color:#00d9ff;flex-shrink:0}.event-actions{display:flex;gap:12px}.btn-rsvp,.btn-disabled{flex:1;padding:14px 32px;border-radius:50px;font-family:Poppins,sans-serif;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;border:2px solid transparent;position:relative;overflow:hidden}.btn-rsvp{background:linear-gradient(135deg,#9c0612,#6b0f1a);border-color:#ffbd59;color:#fff;box-shadow:0 8px 32px #9c061266}.btn-rsvp:before{content:"";position:absolute;inset:0;background:radial-gradient(circle,rgba(255,189,89,.15) 0%,transparent 70%);opacity:0;transition:opacity .4s ease}.btn-rsvp:hover{transform:translateY(-2px);box-shadow:0 10px 40px #9c061280,0 0 24px #ffbd5966;border-color:#ffbd59cc}.btn-rsvp:hover:before{opacity:1}.btn-rsvp.active{background:linear-gradient(135deg,#6b0f1a,#9c0612);border-color:#ffbd59}.btn-disabled{background:#ffffff1a;color:#fff6;cursor:not-allowed}.loading-state,.empty-state{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#fff9;text-align:center}.empty-state svg{color:#ffffff4d;margin-bottom:16px}.empty-state h3{margin:0 0 8px;font-size:20px;color:#fff}.modal-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .2s ease}.modal{background:#1a1f3af2;border:1px solid rgba(255,255,255,.1);border-radius:20px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;position:relative;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.btn-close-modal{position:absolute;top:16px;right:16px;background:#00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;z-index:10;transition:all .2s}.btn-close-modal:hover{background:#ffffff1a;transform:rotate(90deg)}.event-detail-image{height:300px;background-size:cover;background-position:center;position:relative;border-radius:20px 20px 0 0}.event-detail-content{padding:30px}.event-detail-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:12px}.event-detail-header h2{margin:0;font-size:28px;font-weight:700;color:#fff;flex:1}.event-type-label{display:inline-flex;align-items:center;gap:8px;background:#00d9ff1a;border:1px solid rgba(0,217,255,.3);color:#00d9ff;padding:8px 16px;border-radius:50px;font-family:Poppins,sans-serif;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:20px}.event-detail-description{color:#fffc;font-size:15px;line-height:1.7;margin:0 0 24px}.event-detail-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:30px}.meta-item{display:flex;align-items:flex-start;gap:12px;padding:16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px}.meta-item svg{color:#00d9ff;flex-shrink:0;margin-top:2px}.meta-item div{display:flex;flex-direction:column;gap:4px}.meta-item strong{color:#fff9;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.meta-item span{color:#fff;font-size:14px;font-weight:500}.event-detail-actions{display:flex;gap:12px}.btn-rsvp-large{flex:1;background:linear-gradient(135deg,#9c0612,#6b0f1a);border:2px solid #FFBD59;border-radius:50px;padding:18px 40px;color:#fff;font-family:Poppins,sans-serif;font-size:18px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 10px 40px #9c061266;position:relative;overflow:hidden}.btn-rsvp-large:before{content:"";position:absolute;inset:0;background:radial-gradient(circle,rgba(255,189,89,.15) 0%,transparent 70%);opacity:0;transition:opacity .4s ease}.btn-rsvp-large:hover{transform:translateY(-3px);box-shadow:0 12px 48px #9c061280,0 0 30px #ffbd5966;border-color:#ffbd59cc}.btn-rsvp-large:hover:before{opacity:1}.btn-rsvp-large.active{background:linear-gradient(135deg,#6b0f1a,#9c0612);border-color:#ffbd59}.modal-header{padding:24px;border-bottom:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:center}.modal-header h3{margin:0;font-size:20px;font-weight:700;color:#fff}.btn-close{background:transparent;border:none;color:#fff9;cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s}.btn-close:hover{background:#ffffff1a;color:#fff}.modal-body{padding:24px}.info-message{text-align:center;color:#ffffffb3;padding:40px 20px;background:#00d9ff0d;border:1px solid rgba(0,217,255,.2);border-radius:12px}.event-create-modal{max-width:700px}.modal-header h2{font-size:24px;font-weight:700;background:linear-gradient(135deg,#9c0612,#ffbd59);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}.modal-close{background:none;border:none;cursor:pointer;padding:8px;border-radius:8px;transition:all .2s;color:#fff9;display:flex;align-items:center;justify-content:center}.modal-close:hover{background:#ffffff1a;color:#fff}.event-create-form{padding:24px}.form-group label{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#ffffffe6;margin-bottom:8px}.form-group label svg{color:#ffbd59}.form-group input,.form-group textarea,.form-group select{width:100%;padding:12px 16px;background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:8px;font-size:14px;color:#fff;transition:all .2s;font-family:inherit}.form-group input::placeholder,.form-group textarea::placeholder{color:#fff6}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#9c0612;background:#9c06121a;box-shadow:0 0 0 3px #9c061233}.form-group textarea{resize:vertical;min-height:100px;line-height:1.6}.image-preview{margin-top:12px;border-radius:12px;overflow:hidden;border:2px solid rgba(255,189,89,.3);max-width:100%}.image-preview img{width:100%;height:auto;max-height:300px;object-fit:cover;display:block}.form-group select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23FFFFFF' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:40px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.checkbox-group{display:flex;align-items:center}.checkbox-group label{display:flex;align-items:center;gap:12px;cursor:pointer;font-weight:500;-webkit-user-select:none;user-select:none}.checkbox-group input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:#9C0612}.checkbox-group span{color:#ffffffe6}.error-message{padding:12px 16px;background:#f6465d26;border:1px solid rgba(246,70,93,.3);border-radius:8px;color:#f6465d;font-size:14px;margin-bottom:16px;display:flex;align-items:center;gap:8px}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:24px;border-top:1px solid rgba(255,255,255,.1)}.btn-secondary{padding:12px 24px;background:#ffffff1a;color:#ffffffe6;border:1px solid rgba(255,255,255,.2);border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s;font-size:14px}.btn-secondary:hover:not(:disabled){background:#ffffff26;border-color:#ffffff4d}.btn-primary{padding:12px 24px;background:linear-gradient(135deg,#9c0612,#ffbd59);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s;font-size:14px;box-shadow:0 4px 12px #9c06124d}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #9c061266}.btn-primary:disabled,.btn-secondary:disabled{opacity:.5;cursor:not-allowed}@media(max-width:768px){.events-header{flex-direction:column;align-items:flex-start}.header-content h1{font-size:24px}.btn-create-event{width:100%;justify-content:center}.events-grid{grid-template-columns:1fr}.events-tabs{flex-wrap:wrap}.tab{font-size:14px;padding:10px 16px}.event-detail-image{height:200px}.event-detail-content{padding:20px}.event-detail-header h2{font-size:22px}.event-detail-meta,.form-row{grid-template-columns:1fr}.event-create-modal{margin:0;border-radius:16px 16px 0 0;max-height:95vh}.modal-actions{flex-direction:column}.btn-primary,.btn-secondary{width:100%;justify-content:center}}.hexagram-visual{transform:scale(.8);transform-origin:center center;margin:-40px 0;display:flex;flex-direction:column;align-items:center;padding:12px;background:#9c06121a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:8px;border:1px solid rgba(255,189,89,.2)}.hexagram-lines{display:flex;flex-direction:column;gap:8px;margin-bottom:20px;align-items:center}.hex-line{width:120px;height:8px;display:flex;justify-content:space-between;transition:all .3s ease}.hex-line.solid{background:linear-gradient(90deg,#ffbd59,gold);box-shadow:0 0 12px #ffbd5999;border-radius:3px}.seg-left,.seg-right{width:54px;height:100%;background:linear-gradient(90deg,#ffbd59,gold);box-shadow:0 0 12px #ffbd5999;border-radius:3px}.hexagram-info h4{color:#ffbd59;margin-bottom:8px;font-size:18px;font-weight:700}.hexagram-info p{color:#fffc;font-size:14px;margin-bottom:4px}.chinese{font-family:Noto Sans SC,sans-serif;color:#fff9;font-size:24px;margin-top:8px}.tarot-visual{margin:8px 0;padding:12px;background:#8b5cf61a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;border:1px solid rgba(139,92,246,.3);text-align:center}.tarot-card{position:relative;width:150px;height:250px;max-width:200px;max-height:333px;margin:0 auto 12px;border-radius:8px;overflow:hidden;box-shadow:0 8px 24px #8b5cf64d}.card-back{width:100%;height:100%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center}.symbol{font-size:64px;filter:drop-shadow(0 0 10px rgba(255,255,255,.5))}.card-overlay{position:absolute;bottom:0;left:0;right:0;padding:16px;background:linear-gradient(to top,rgba(0,0,0,.8),transparent)}.card-overlay h4{color:#fff;margin-bottom:4px;font-size:16px;font-weight:700}.card-overlay p{color:#ffffffe6;font-size:13px;margin:0}.tarot-info{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.badge{padding:6px 12px;background:#8b5cf633;border:1px solid rgba(139,92,246,.4);border-radius:12px;font-size:12px;color:#c4b5fd;font-weight:600;text-transform:capitalize}.cskh-buttons{margin:16px 0}.cskh-title{font-size:14px;font-weight:600;color:#ffffffb3;margin-bottom:12px;letter-spacing:.5px}.cskh-btn{display:flex;align-items:center;gap:12px;padding:12px 16px;margin-bottom:8px;background:#1e2a5e66;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;text-decoration:none;transition:all .3s ease;font-size:14px;font-weight:500}.cskh-btn:hover{background:var(--cskh-color);transform:translate(4px);box-shadow:0 4px 16px #0000004d;border-color:var(--cskh-color)}.cskh-icon{flex-shrink:0;color:currentColor}.cskh-text{flex:1}@media(max-width:768px){.cskh-btn{padding:10px 14px;font-size:13px}.cskh-icon{font-size:18px}}.analytics-overlay{position:fixed;inset:0;background:#000000b3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px;animation:fadeIn .3s ease}.analytics-modal{background:linear-gradient(135deg,#1e2a5ef2,#2d3c78f2);backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);border:2px solid rgba(255,255,255,.2);border-radius:24px;padding:32px;max-width:900px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0009,0 0 80px #00d9ff26,inset 0 1px #fff3;position:relative;animation:slideUp .4s cubic-bezier(.4,0,.2,1)}.analytics-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:32px;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.1)}.analytics-title{display:flex;align-items:center;gap:12px;font-size:28px;font-weight:700;color:#fff;margin:0}.analytics-subtitle{font-size:14px;color:#fff9;margin:8px 0 0}.analytics-close-btn{padding:8px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#ef4444;cursor:pointer;transition:all .3s ease}.analytics-close-btn:hover{background:#ef444433;border-color:#ef4444;transform:scale(1.1)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:32px}.stat-card{background:linear-gradient(135deg,#1e2a5e80,#2d3c784d);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1.5px solid rgba(255,255,255,.15);border-radius:16px;padding:20px;display:flex;align-items:center;gap:16px;transition:all .3s cubic-bezier(.4,0,.2,1)}.stat-card:hover{transform:translateY(-4px);border-color:#ffffff4d;box-shadow:0 12px 32px #0006}.stat-icon{width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-content{flex:1}.stat-value{font-size:32px;font-weight:800;color:#fff;line-height:1;margin-bottom:6px}.stat-label{font-size:13px;color:#ffffffb3;font-weight:500}.charts-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-bottom:32px}.chart-card{background:linear-gradient(135deg,#1e2a5e66,#2d3c784d);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1.5px solid rgba(255,255,255,.15);border-radius:16px;padding:24px}.chart-title{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600;color:#fff;margin:0 0 20px}.chart-container{display:flex;align-items:flex-end;justify-content:space-between;gap:8px;height:200px;padding:20px 0 0}.bar-wrapper{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px}.bar-column{height:160px;width:100%;display:flex;align-items:flex-end;justify-content:center}.bar{width:100%;max-width:40px;border-radius:8px 8px 0 0;position:relative;display:flex;align-items:flex-start;justify-content:center;padding-top:8px;box-shadow:0 4px 16px #00d9ff4d;transition:all .3s ease;min-height:4px}.bar:hover{transform:scaleY(1.05);box-shadow:0 8px 24px #00d9ff80}.bar-value{font-size:12px;font-weight:700;color:#fff}.bar-label{font-size:11px;color:#ffffffb3;text-align:center}.mode-chart{display:flex;flex-direction:column;gap:16px}.mode-item{display:flex;flex-direction:column;gap:8px}.mode-info{display:flex;justify-content:space-between;align-items:center}.mode-name{font-size:14px;font-weight:600;color:#fff}.mode-count{font-size:14px;font-weight:700;color:#fffc}.mode-bar-bg{height:12px;background:#ffffff1a;border-radius:6px;overflow:hidden}.mode-bar{height:100%;border-radius:6px;transition:width .6s cubic-bezier(.4,0,.2,1);box-shadow:0 0 12px currentColor}.popular-section{background:linear-gradient(135deg,#1e2a5e66,#2d3c784d);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1.5px solid rgba(255,255,255,.15);border-radius:16px;padding:24px;margin-bottom:24px}.section-title{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600;color:#fff;margin:0 0 16px}.popular-list{display:flex;flex-direction:column;gap:12px}.popular-item{display:flex;align-items:center;gap:12px;padding:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;transition:all .3s ease}.popular-item:hover{background:#ffbd591a;border-color:#ffbd594d;transform:translate(4px)}.popular-rank{width:32px;height:32px;background:linear-gradient(135deg,#ffbd59,gold);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#000;flex-shrink:0}.popular-text{flex:1;font-size:14px;color:#ffffffe6;line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.popular-badge{padding:4px 10px;background:#00d9ff33;border:1px solid rgba(0,217,255,.4);border-radius:12px;font-size:12px;font-weight:600;color:#00d9ff;flex-shrink:0}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:#ffffff80;text-align:center}.empty-state p{margin-top:16px;font-size:14px}.analytics-actions{display:flex;gap:12px;justify-content:flex-end;flex-wrap:wrap;margin-bottom:20px}.btn-secondary{padding:10px 20px;background:linear-gradient(135deg,#00d9ff33,#00d9ff1a);border:1px solid rgba(0,217,255,.4);border-radius:10px;color:#00d9ff;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s ease}.btn-secondary:hover{background:linear-gradient(135deg,#00d9ff4d,#00d9ff33);border-color:#00d9ff;transform:translateY(-2px);box-shadow:0 4px 16px #00d9ff4d}.btn-danger{padding:10px 20px;background:linear-gradient(135deg,#ef444433,#ef44441a);border:1px solid rgba(239,68,68,.4);border-radius:10px;color:#ef4444;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-danger:hover{background:linear-gradient(135deg,#ef44444d,#ef444433);border-color:#ef4444;transform:translateY(-2px);box-shadow:0 4px 16px #ef44444d}.analytics-footer{padding-top:20px;border-top:1px solid rgba(255,255,255,.1);text-align:center}.analytics-footer p{margin:6px 0;font-size:13px;color:#ffffffb3}.analytics-footer strong{color:#fff;font-weight:600}.text-muted{color:#ffffff80!important;font-size:12px!important}@media(max-width:768px){.analytics-modal{padding:24px;max-height:95vh}.analytics-title{font-size:22px}.stats-grid{grid-template-columns:repeat(2,1fr)}.charts-section{grid-template-columns:1fr}.chart-container{height:150px}.bar-column{height:120px}.analytics-actions{flex-direction:column}.btn-secondary,.btn-danger{width:100%;justify-content:center}}@media(max-width:480px){.analytics-overlay{padding:10px}.analytics-modal{padding:20px}.stats-grid{grid-template-columns:1fr}.stat-value{font-size:28px}.popular-item{flex-direction:column;align-items:flex-start}.popular-badge{align-self:flex-end}}.analytics-modal::-webkit-scrollbar{width:8px}.analytics-modal::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.analytics-modal::-webkit-scrollbar-thumb{background:#ffbd594d;border-radius:4px}.analytics-modal::-webkit-scrollbar-thumb:hover{background:#ffbd5980}.preferences-overlay{position:fixed;inset:0;background:#000000b3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px;animation:fadeIn .3s ease}.preferences-modal{background:linear-gradient(135deg,#1e2a5ef2,#2d3c78f2);backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);border:2px solid rgba(255,255,255,.2);border-radius:24px;padding:32px;max-width:700px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0009,0 0 80px #ffbd5926,inset 0 1px #fff3;animation:slideUp .4s cubic-bezier(.4,0,.2,1)}.preferences-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:32px;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.1)}.preferences-title{display:flex;align-items:center;gap:12px;font-size:28px;font-weight:700;color:#fff;margin:0}.preferences-close-btn{padding:8px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#ef4444;cursor:pointer;transition:all .3s ease}.preferences-close-btn:hover{background:#ef444433;border-color:#ef4444;transform:scale(1.1)}.preferences-content{display:flex;flex-direction:column;gap:24px;margin-bottom:24px}.pref-section{background:linear-gradient(135deg,#1e2a5e66,#2d3c784d);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1.5px solid rgba(255,255,255,.15);border-radius:16px;padding:24px}.pref-section-title{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:600;color:#fff;margin:0 0 20px}.pref-group{margin-bottom:20px}.pref-group:last-child{margin-bottom:0}.pref-label{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#ffffffe6;margin-bottom:12px}.pref-toggle-group{display:flex;gap:8px;flex-wrap:wrap}.pref-toggle-btn{flex:1;min-width:100px;padding:12px 16px;background:#ffffff0d;border:1.5px solid rgba(255,255,255,.15);border-radius:10px;color:#fffc;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .3s ease}.pref-toggle-btn:hover{background:#ffbd591a;border-color:#ffbd594d;transform:translateY(-2px)}.pref-toggle-btn.active{background:linear-gradient(135deg,#ffbd594d,#ffd70033);border-color:#ffbd59;color:#fff;box-shadow:0 4px 16px #ffbd594d}.pref-checkbox-group{display:flex;flex-direction:column;gap:12px}.pref-checkbox{display:flex;align-items:center;gap:12px;padding:12px;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:10px;cursor:pointer;transition:all .3s ease}.pref-checkbox:hover{background:#ffffff0d;border-color:#ffbd594d}.pref-checkbox input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:#FFBD59}.pref-checkbox span{font-size:14px;font-weight:500;color:#ffffffe6}.preferences-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1)}.pref-actions-left,.pref-actions-right{display:flex;gap:12px}.pref-btn-primary,.pref-btn-secondary,.pref-btn-danger{padding:12px 20px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s ease;border:none}.pref-btn-primary{background:linear-gradient(135deg,#ffbd59,gold);color:#000}.pref-btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 16px #ffbd5966}.pref-btn-primary:disabled{opacity:.5;cursor:not-allowed}.pref-btn-secondary{background:linear-gradient(135deg,#00d9ff33,#00d9ff1a);border:1px solid rgba(0,217,255,.4);color:#00d9ff}.pref-btn-secondary:hover{background:linear-gradient(135deg,#00d9ff4d,#00d9ff33);border-color:#00d9ff;transform:translateY(-2px)}.pref-btn-danger{background:linear-gradient(135deg,#ef444433,#ef44441a);border:1px solid rgba(239,68,68,.4);color:#ef4444}.pref-btn-danger:hover{background:linear-gradient(135deg,#ef44444d,#ef444433);border-color:#ef4444;transform:translateY(-2px)}.pref-warning{margin-top:16px;padding:12px;background:#ffbd591a;border:1px solid rgba(255,189,89,.3);border-radius:8px;color:#ffbd59;font-size:13px;font-weight:600;text-align:center}@media(max-width:768px){.preferences-modal{padding:24px}.preferences-title{font-size:22px}.preferences-actions{flex-direction:column}.pref-actions-left,.pref-actions-right{width:100%}.pref-btn-primary,.pref-btn-secondary,.pref-btn-danger{flex:1;justify-content:center}.pref-toggle-group{flex-direction:column}.pref-toggle-btn{width:100%}}.preferences-modal::-webkit-scrollbar{width:8px}.preferences-modal::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.preferences-modal::-webkit-scrollbar-thumb{background:#ffbd594d;border-radius:4px}.preferences-modal::-webkit-scrollbar-thumb:hover{background:#ffbd5980}.chatbot-products-container .product-card{width:110px!important;min-width:110px!important;max-width:110px!important;height:auto!important;max-height:160px!important;background:#1e2a5e66;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,189,89,.3)!important;border-radius:8px;padding:6px!important;display:flex;flex-direction:column;gap:4px!important;cursor:pointer;transition:all .3s ease;overflow:visible!important}.chatbot-products-container .product-card:hover{border-color:#ffbd5980;transform:translateY(-2px);box-shadow:0 6px 20px #ffbd594d}.chatbot-products-container .product-card-inner{display:flex;flex-direction:column;gap:4px;width:100%}.chatbot-products-container .product-image-container{width:100%!important;height:80px!important;aspect-ratio:1 / 1!important;background:#0003;border-radius:6px;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;position:relative}.chatbot-products-container .product-image{width:100%;height:100%;object-fit:cover}.chatbot-products-container .product-badge{position:absolute;top:4px;right:4px;background:linear-gradient(135deg,#ffbd59e6,#ffd700e6);padding:2px 4px;border-radius:4px;font-size:10px;color:#000}.chatbot-products-container .product-placeholder{font-size:28px}.chatbot-products-container .product-info{display:flex;flex-direction:column;gap:3px}.chatbot-products-container .product-name{font-size:11px!important;font-weight:600;color:#fff;line-height:1.2;height:26px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0!important;padding:0!important}.chatbot-products-container .product-features{list-style:none;padding:0!important;margin:0!important;display:flex;flex-direction:column;gap:2px;max-height:24px!important;overflow:hidden}.chatbot-products-container .product-feature{display:flex;align-items:flex-start;gap:3px;font-size:8px!important;color:#fff9;line-height:1.2}.chatbot-products-container .feature-bullet{color:#ffbd59;font-size:10px;flex-shrink:0}.chatbot-products-container .product-footer{display:flex;align-items:center;justify-content:space-between;gap:3px!important;margin-top:0!important;padding-top:3px!important;border-top:1px solid rgba(255,255,255,.1)}.chatbot-products-container .product-price{font-size:12px!important;font-weight:700;color:#ffbd59;margin:0!important;white-space:nowrap;flex-shrink:0}.chatbot-products-container .product-type{font-size:8px!important;color:#ffffff80;text-transform:uppercase;letter-spacing:.5px}.chatbot-products-container .product-cta{display:flex;align-items:center;gap:2px;padding:4px 6px!important;background:linear-gradient(135deg,#ffbd59,gold);border:none;border-radius:5px;font-size:9px!important;font-weight:600;color:#000;white-space:nowrap;cursor:pointer;transition:all .3s ease}.chatbot-products-container .product-cta:hover{transform:scale(1.05);box-shadow:0 4px 12px #ffbd5966}.chatbot-products-container .cta-icon{transition:transform .3s ease}.chatbot-products-container .product-cta:hover .cta-icon{transform:translate(2px)}.chatbot-products-container .product-card[style*=background]{background:#1e2a5e66!important}.voice-input-container{display:flex;gap:8px;align-items:center;position:relative}.voice-btn{width:50px;height:50px;border-radius:50%;border:2px solid rgba(255,189,89,.3);background:#1e2a5e66;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);color:#ffbd59;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0}.voice-btn:hover:not(:disabled){background:#ffbd5933;border-color:#ffbd59;transform:scale(1.05);box-shadow:0 4px 16px #ffbd594d}.voice-btn:disabled{opacity:.5;cursor:not-allowed}.voice-btn.listening{background:linear-gradient(135deg,#ef44444d,#ff59004d);border-color:#ef4444;color:#ef4444;animation:pulse 1.5s infinite;box-shadow:0 0 20px #ef444480}@keyframes pulse{0%,to{transform:scale(1);box-shadow:0 0 20px #ef444480}50%{transform:scale(1.05);box-shadow:0 0 30px #ef4444cc}}.lang-toggle{padding:8px 14px;background:#1e2a5e66;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:10px;font-size:18px;cursor:pointer;transition:all .3s ease;flex-shrink:0}.lang-toggle:hover:not(:disabled){background:#ffffff1a;border-color:#ffbd5966;transform:translateY(-2px)}.lang-toggle:disabled{opacity:.5;cursor:not-allowed}.interim-text{position:absolute;bottom:calc(100% + 10px);left:0;right:0;padding:12px 16px;background:linear-gradient(135deg,#00d9fff2,#0099ccf2);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border-radius:12px;border:1px solid rgba(0,217,255,.5);color:#fff;font-size:14px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-shadow:0 4px 16px #00d9ff4d;animation:slideInUp .3s ease;z-index:100}@keyframes slideInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.voice-btn{width:44px;height:44px}.lang-toggle{padding:6px 10px;font-size:16px}.interim-text{font-size:12px;padding:10px 12px}}.widget{background:linear-gradient(135deg,#8b5cf61a,#00d9ff1a);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid transparent;border-image:linear-gradient(135deg,#8b5cf6,#00d9ff) 1;border-radius:16px;padding:20px;transition:all .3s ease;position:relative;overflow:hidden}.widget:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#8b5cf60d,#00d9ff0d);opacity:0;transition:opacity .3s ease;pointer-events:none}.widget:hover{transform:translateY(-4px);box-shadow:0 12px 48px #8b5cf64d}.widget:hover:before{opacity:1}.widget-header{display:flex;align-items:center;gap:10px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.1)}.widget-icon{font-size:28px;filter:drop-shadow(0 0 8px rgba(139,92,246,.5))}.widget-header h4{font-size:16px;font-weight:600;background:linear-gradient(135deg,#00d9ff,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;flex:1}.widget-header .widget-status{font-size:12px;padding:4px 8px;border-radius:8px;background:#0f83;color:#0f8;font-weight:500}.widget-body{color:#ffffffe6}.current-price,.target-price{display:flex;justify-content:space-between;align-items:center;margin:12px 0;padding:8px 0}.current-price .label,.target-price .label{font-size:13px;color:#fff9;font-weight:500}.current-price .value{font-size:28px;font-weight:700;color:#00d9ff;text-shadow:0 0 20px rgba(0,217,255,.5)}.target-price .value{font-size:20px;font-weight:600;color:#8b5cf6}.change{font-size:14px;font-weight:600;padding:4px 8px;border-radius:6px}.change.positive{color:#0f8;background:#00ff881a}.change.negative{color:#f46;background:#ff44661a}.condition{font-size:12px;padding:4px 10px;border-radius:6px;background:#8b5cf633;color:#8b5cf6;text-transform:uppercase;font-weight:600}.progress-bar{height:10px;background:#ffffff1a;border-radius:6px;overflow:hidden;margin-top:16px;position:relative}.progress{height:100%;background:linear-gradient(90deg,#8b5cf6,#00d9ff);transition:width .5s ease;border-radius:6px;position:relative}.progress:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.widget.small{min-width:200px;max-width:250px;padding:16px}.widget.small .widget-header h4{font-size:14px}.widget.small .current-price .value{font-size:20px}.widget.medium{min-width:300px;max-width:350px}.widget.large{min-width:400px;max-width:500px}.pattern-info{display:flex;flex-direction:column;gap:12px;margin-top:12px}.pattern-row{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#ffffff0d;border-radius:8px}.pattern-row .label{font-size:13px;color:#fff9}.pattern-row .value{font-size:14px;font-weight:600;color:#00d9ff}.confidence-bar{height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden;margin-top:8px}.confidence-fill{height:100%;background:linear-gradient(90deg,#0f8,#00d9ff);transition:width .5s ease;border-radius:3px}.holdings-list{display:flex;flex-direction:column;gap:8px;margin-top:12px}.holding-item{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:#ffffff0d;border-radius:8px;transition:all .2s ease}.holding-item:hover{background:#ffffff14;transform:translate(4px)}.holding-coin{display:flex;align-items:center;gap:8px}.coin-symbol{font-weight:700;color:#00d9ff;font-size:14px}.coin-amount{font-size:12px;color:#fff9}.holding-value{font-weight:600;color:#fff}.portfolio-summary{margin-top:16px;padding-top:16px;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:center}.total-value{font-size:24px;font-weight:700;color:#00d9ff}.reading-content{margin-top:12px}.hexagram-name{font-size:18px;font-weight:600;color:#8b5cf6;margin-bottom:12px}.interpretation{font-size:13px;line-height:1.6;color:#fffc;margin-bottom:12px}.trading-advice{padding:12px;background:#8b5cf61a;border-left:3px solid #8B5CF6;border-radius:8px;font-size:13px;line-height:1.5;color:#ffffffe6;font-style:italic}.valid-until{font-size:11px;color:#ffffff80;margin-top:12px;text-align:center}@media(max-width:768px){.widget,.widget.small,.widget.medium,.widget.large{min-width:100%;max-width:100%}.current-price .value{font-size:24px}}.widget-preview-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px;animation:fadeIn .2s ease}.widget-preview-modal{background:linear-gradient(135deg,#141428f2,#1e1432f2);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border:2px solid transparent;border-image:linear-gradient(135deg,#8b5cf6,#00d9ff) 1;border-radius:24px;padding:32px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 80px #8b5cf666;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.modal-header h2{font-size:24px;font-weight:700;background:linear-gradient(135deg,#00d9ff,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}.close-btn{width:36px;height:36px;border-radius:50%;background:#ffffff1a;border:none;color:#fff;font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.close-btn:hover{background:#ff44664d;transform:rotate(90deg)}.suggestion{font-size:16px;color:#fffc;margin-bottom:24px;padding:12px 16px;background:#8b5cf61a;border-left:3px solid #8B5CF6;border-radius:8px}.preview-area{margin-bottom:24px}.preview-label{font-size:14px;color:#fff9;margin-bottom:12px;font-weight:600}.widget-settings{display:flex;flex-direction:column;gap:20px;margin-bottom:24px}.setting-group{display:flex;flex-direction:column;gap:8px}.setting-group label{font-size:14px;color:#ffffffb3;font-weight:600}.widget-name-input{padding:12px 16px;background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;font-size:14px;transition:all .2s ease}.widget-name-input:focus{outline:none;border-color:#8b5cf6;background:#8b5cf61a}.widget-name-input::placeholder{color:#fff6}.size-selector{display:flex;gap:8px}.size-btn{flex:1;padding:10px;background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:10px;color:#ffffffb3;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.size-btn:hover{background:#ffffff14;border-color:#8b5cf680}.size-btn.active{background:linear-gradient(135deg,#8b5cf64d,#00d9ff4d);border-color:#8b5cf6;color:#fff}.tier-info{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#00d9ff1a;border:1px solid rgba(0,217,255,.3);border-radius:12px;margin-bottom:24px}.tier-badge{padding:6px 12px;background:linear-gradient(135deg,#8b5cf6,#00d9ff);border-radius:8px;font-size:12px;font-weight:700;color:#fff}.tier-text{font-size:13px;color:#fffc}.modal-actions{display:flex;gap:12px}.btn-secondary,.btn-primary{flex:1;padding:14px 24px;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none}.btn-secondary{background:#ffffff1a;color:#ffffffe6;border:2px solid rgba(255,255,255,.2)}.btn-secondary:hover{background:#ffffff26;transform:translateY(-2px)}.btn-primary{background:linear-gradient(135deg,#8b5cf6,#00d9ff);color:#fff;position:relative;overflow:hidden}.btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.btn-primary:hover:before{left:100%}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #8b5cf680}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-primary:disabled:hover{transform:none;box-shadow:none}@media(max-width:768px){.widget-preview-modal{padding:24px;max-height:95vh}.modal-header h2{font-size:20px}.modal-actions{flex-direction:column}.btn-secondary,.btn-primary{width:100%}.size-selector{flex-direction:column}.size-btn{width:100%}}.widget-preview-modal::-webkit-scrollbar{width:8px}.widget-preview-modal::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.widget-preview-modal::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#8b5cf6,#00d9ff);border-radius:4px}.widget-preview-modal::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#9f7aea,#00e5ff)}.magic-card-modal{position:fixed;inset:0;background:#000000d9;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{max-width:600px;width:100%;animation:slideUp .4s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.card-preview{display:flex;justify-content:center;margin-bottom:30px}.magic-card{width:400px;height:600px;position:relative;background:linear-gradient(135deg,#1a0b2e,#2d1b4e,#4a1e7a);border-radius:24px;padding:40px 30px;overflow:hidden;box-shadow:0 20px 60px #00000080}.glow-circle{position:absolute;width:200px;height:200px;border-radius:50%;filter:blur(80px);opacity:.15;pointer-events:none;z-index:0}.glow-top-left{top:-100px;left:-100px;background:radial-gradient(circle,#4c6fff 0%,transparent 70%)}.glow-bottom-right{bottom:-100px;right:-100px;background:radial-gradient(circle,#ff006e 0%,transparent 70%)}.card-inner{position:relative;z-index:1;width:100%;height:100%;background:#1e143c99;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:20px;padding:30px 25px;display:flex;flex-direction:column;align-items:center}.magic-card-blue .card-inner{border:2px solid transparent;background-image:linear-gradient(#1e143c99,#1e143c99),linear-gradient(135deg,#4c6fff,#00d4ff);background-origin:border-box;background-clip:padding-box,border-box;box-shadow:0 0 20px #4c6fff66,inset 0 0 20px #4c6fff1a}.magic-card-pink .card-inner{border:2px solid transparent;background-image:linear-gradient(#1e143c99,#1e143c99),linear-gradient(135deg,#ff006e,#ff6ec7);background-origin:border-box;background-clip:padding-box,border-box;box-shadow:0 0 20px #ff006e66,inset 0 0 20px #ff006e1a}.magic-card-purple .card-inner{border:2px solid transparent;background-image:linear-gradient(#1e143c99,#1e143c99),linear-gradient(135deg,#8b5cf6,#c084fc);background-origin:border-box;background-clip:padding-box,border-box;box-shadow:0 0 20px #8b5cf666,inset 0 0 20px #8b5cf61a}.magic-card-visual,.crystal-container{width:140px;height:140px;margin:10px auto 15px;display:flex;align-items:center;justify-content:center;overflow:visible;position:relative}.crystal-image{width:140px;height:140px;object-fit:contain;filter:drop-shadow(0 0 20px rgba(139,92,246,.6));animation:floatCrystal 3s ease-in-out infinite}@keyframes floatCrystal{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.card-hexagram-display{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.hexagram-symbol{font-size:100px;color:#ffbd59;text-shadow:0 0 30px rgba(255,189,89,.8);filter:drop-shadow(0 0 20px rgba(255,189,89,.6));animation:floatCrystal 3s ease-in-out infinite}.card-tarot-display{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.tarot-symbol{font-size:100px;filter:drop-shadow(0 0 30px rgba(139,92,246,.8));animation:floatCrystal 3s ease-in-out infinite}.card-icon-display{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:100px;text-align:center;filter:drop-shadow(0 0 30px rgba(255,189,89,.6));animation:floatCrystal 3s ease-in-out infinite}.hexagram-in-card{display:flex;flex-direction:column;gap:6px;align-items:center;justify-content:center;max-width:120px;margin:0 auto;width:100%}.hexagram-in-card .hex-line{width:80px;height:5px;display:flex;justify-content:space-between}.hexagram-in-card .hex-line.solid{background:linear-gradient(90deg,#ffbd59,gold);box-shadow:0 0 10px #ffbd5980;border-radius:2px}.hexagram-in-card .seg-left,.hexagram-in-card .seg-right{width:35px;height:100%;background:linear-gradient(90deg,#ffbd59,gold);box-shadow:0 0 10px #ffbd5980;border-radius:2px}.card-title{font-family:Poppins,sans-serif;font-size:24px;font-weight:700;color:#fff;text-align:center;margin-bottom:15px;text-shadow:0 2px 10px rgba(255,255,255,.3);line-height:1.3}.card-divider{width:80%;height:2px;background:linear-gradient(90deg,transparent,rgba(255,189,89,.5),transparent);margin-bottom:20px}.card-description{font-family:Inter,sans-serif;font-size:13px;font-weight:400;color:#ffffffd9;text-align:center;line-height:1.4;margin-bottom:auto;max-height:150px;overflow-y:auto;padding:0 8px;position:relative;z-index:2}.card-description::-webkit-scrollbar{width:4px}.card-description::-webkit-scrollbar-track{background:#ffffff0d;border-radius:2px}.card-description::-webkit-scrollbar-thumb{background:#ffbd5980;border-radius:2px}.card-description::-webkit-scrollbar-thumb:hover{background:#ffbd59b3}.card-footer{width:100%;display:flex;justify-content:space-between;align-items:center;margin-top:20px;padding-top:15px;border-top:1px solid rgba(255,255,255,.1)}.collection-tag{font-family:Poppins,sans-serif;font-size:11px;font-weight:600;color:#fff9;text-transform:uppercase;letter-spacing:.5px}.watermark{font-family:Poppins,sans-serif;font-size:12px;font-weight:600;color:#ffbd59;text-shadow:0 0 10px rgba(255,189,89,.5)}.export-actions{display:flex;gap:15px;justify-content:center;flex-wrap:wrap}.export-actions button{padding:10px 20px;border-radius:10px;font-family:Poppins,sans-serif;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease;border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;gap:6px;background:#1e2a5e66;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);color:#ffffffe6}.btn-export{border-color:#ffbd594d}.btn-export:hover{transform:translateY(-2px);background:#2d3c7880;border-color:#ffbd5980;box-shadow:0 4px 12px #0000004d}.btn-share{border-color:#00d9ff4d}.btn-share:hover{transform:translateY(-2px);background:#2d3c7880;border-color:#00d9ff80;box-shadow:0 4px 12px #0000004d}.btn-cancel{border-color:#fff3}.btn-cancel:hover{background:#2d3c7880;border-color:#ffffff4d;transform:translateY(-2px)}@media(max-width:768px){.magic-card{width:320px;height:480px;padding:30px 20px}.card-inner{padding:20px 15px}.crystal-container{width:140px;height:140px}.css-crystal{width:100px;height:100px}.card-title{font-size:20px}.card-description{font-size:13px;max-height:150px}.export-actions{flex-direction:column;width:100%}.export-actions button{width:100%;justify-content:center}}@media(max-width:480px){.magic-card-modal{padding:10px}.magic-card{width:280px;height:420px;padding:20px 15px}.card-inner{padding:15px 10px}.crystal-container{width:120px;height:120px;margin-bottom:15px}.css-crystal{width:80px;height:80px}.card-title{font-size:18px;margin-bottom:10px}.card-divider{margin-bottom:15px}.card-description{font-size:12px;max-height:120px}.card-footer{margin-top:15px;padding-top:10px}.collection-tag{font-size:9px}.watermark{font-size:10px}.export-actions button{padding:12px 20px;font-size:14px}}.typing-indicator-wrapper{display:flex;align-items:center;gap:var(--space-sm, 16px);padding:var(--space-sm, 16px);animation:fadeIn .3s ease-out}.typing-indicator-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--brand-purple, #8B5CF6) 0%,var(--brand-burgundy, #9C0612) 100%);display:flex;align-items:center;justify-content:center;color:var(--text-primary, #FFFFFF);flex-shrink:0}.typing-indicator{display:flex;align-items:center;gap:4px;padding:var(--space-xs, 8px) var(--space-sm, 16px);background:var(--bg-card, rgba(30, 42, 94, .4));border-radius:var(--radius-lg, 16px);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.typing-dot{width:8px;height:8px;border-radius:50%;background:var(--brand-gold, #FFBD59);animation:typingBounce 1.4s infinite ease-in-out}.typing-dot:nth-child(1){animation-delay:0s}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}.typing-text{font-family:var(--font-body, "Inter", sans-serif);font-size:var(--text-sm, 14px);color:var(--text-muted, rgba(255, 255, 255, .5));margin-left:var(--space-xs, 8px)}@keyframes typingBounce{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-6px);opacity:1}}.typing-indicator-wrapper{color:var(--text-primary, #FFFFFF)}.suggested-prompts-container{padding:var(--space-sm, 16px);margin:var(--space-xs, 8px) 0}.suggested-prompts-header{display:flex;align-items:center;gap:var(--space-xs, 8px);margin-bottom:var(--space-sm, 16px);font-family:var(--font-display, "Poppins", sans-serif);font-size:var(--text-sm, 14px);font-weight:500;color:var(--text-secondary, rgba(255, 255, 255, .85))}.suggested-prompts-header svg{color:var(--brand-gold, #FFBD59)}.suggested-prompts-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-xs, 8px)}.suggested-prompt-button{display:flex;align-items:center;gap:8px;padding:12px 14px;background:var(--bg-card, rgba(30, 42, 94, .4));border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md, 12px);color:var(--text-primary, #FFFFFF);font-family:var(--font-body, "Inter", sans-serif);font-size:13px;text-align:left;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.suggested-prompt-button:hover:not(:disabled){background:#8b5cf633;border-color:var(--brand-purple, #8B5CF6);transform:translateY(-2px);box-shadow:0 4px 12px #8b5cf64d}.suggested-prompt-button:active:not(:disabled){transform:translateY(0)}.suggested-prompt-button:disabled{opacity:.5;cursor:not-allowed}.suggested-prompt-button .prompt-icon{color:var(--brand-gold, #FFBD59);flex-shrink:0}.suggested-prompt-button span{flex:1;line-height:1.3}@media(max-width:600px){.suggested-prompts-grid{grid-template-columns:1fr}.suggested-prompt-button{padding:10px 12px;font-size:12px}}.error-message-container{display:flex;align-items:flex-start;gap:var(--space-sm, 16px);padding:var(--space-sm, 16px);background:#ff47571a;border:1px solid rgba(255,71,87,.3);border-radius:var(--radius-lg, 16px);animation:errorSlideIn .3s ease-out}.error-message-icon{flex-shrink:0;padding:8px;background:#ff475726;border-radius:var(--radius-md, 12px);display:flex;align-items:center;justify-content:center}.error-message-content{flex:1;min-width:0}.error-message-title{margin:0 0 4px;font-family:var(--font-display, "Poppins", sans-serif);font-size:var(--text-base, 16px);font-weight:600}.error-message-text{margin:0;font-family:var(--font-body, "Inter", sans-serif);font-size:var(--text-sm, 14px);color:var(--text-secondary, rgba(255, 255, 255, .85));line-height:1.5}.error-message-actions{flex-shrink:0;display:flex;gap:8px}.error-retry-button,.error-upgrade-button{display:flex;align-items:center;gap:6px;padding:8px 16px;border:none;border-radius:var(--radius-md, 12px);font-family:var(--font-body, "Inter", sans-serif);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.error-retry-button{background:#ffffff1a;color:var(--text-primary, #FFFFFF);border:1px solid rgba(255,255,255,.2)}.error-retry-button:hover{background:#ffffff26;transform:translateY(-1px)}.error-retry-button:active{transform:translateY(0)}.error-upgrade-button{background:linear-gradient(135deg,var(--brand-purple, #8B5CF6) 0%,var(--brand-burgundy, #9C0612) 100%);color:var(--text-primary, #FFFFFF);border:none}.error-upgrade-button:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf666}.error-upgrade-button:active{transform:translateY(0)}@keyframes errorSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:600px){.error-message-container{flex-direction:column;align-items:stretch}.error-message-icon{align-self:flex-start}.error-message-actions{margin-top:var(--space-xs, 8px)}}.image-upload-container{position:relative;display:inline-flex;align-items:center}.image-upload-input{display:none}.image-upload-button{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:var(--bg-card, rgba(30, 42, 94, .4));border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md, 12px);color:var(--text-primary, #FFFFFF);cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.image-upload-button:hover:not(:disabled):not(.locked){background:#8b5cf633;border-color:var(--brand-purple, #8B5CF6);transform:translateY(-1px)}.image-upload-button.dragging{background:#0f83;border-color:var(--accent-green, #00FF88);border-style:dashed}.image-upload-button.locked{opacity:.6;cursor:not-allowed}.image-upload-button.locked svg{color:var(--text-muted, rgba(255, 255, 255, .5))}.image-upload-button:disabled{opacity:.5;cursor:not-allowed}.image-upload-preview{position:relative;width:100%;max-width:200px;border-radius:var(--radius-md, 12px);overflow:hidden;border:1px solid rgba(255,255,255,.1)}.preview-image{width:100%;height:auto;max-height:150px;object-fit:cover;display:block}.preview-overlay{position:absolute;bottom:0;left:0;right:0;padding:8px;background:linear-gradient(transparent,#000c);display:flex;align-items:center;justify-content:space-between;gap:8px}.preview-name{font-family:var(--font-body, "Inter", sans-serif);font-size:11px;color:var(--text-secondary, rgba(255, 255, 255, .85));overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.preview-remove-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:#ff4757cc;border:none;border-radius:50%;color:#fff;cursor:pointer;transition:all .2s ease;flex-shrink:0}.preview-remove-btn:hover{background:var(--accent-red, #FF4757);transform:scale(1.1)}.preview-loader{animation:spin 1s linear infinite;color:var(--brand-gold, #FFBD59)}.image-upload-error{position:absolute;bottom:-24px;left:0;font-family:var(--font-body, "Inter", sans-serif);font-size:11px;color:var(--accent-red, #FF4757);white-space:nowrap}@media(max-width:600px){.image-upload-button{width:40px;height:40px}.image-upload-preview{max-width:150px}}.chatbot-page{min-height:100vh;padding:40px 20px}.chatbot-container{display:flex;max-width:1400px;margin:0 auto;gap:24px;height:calc(100vh - 180px)}.chatbot-sidebar{width:300px;display:flex;flex-direction:column;gap:16px}.mode-card{padding:32px;background:#1e2a5e66;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:2px solid rgba(255,255,255,.1);border-radius:24px;box-shadow:0 8px 32px #0006;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);overflow:hidden}.mode-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s ease}.mode-card:hover{transform:translateY(-4px) scale(1.02);border-color:#ffffff4d;box-shadow:0 16px 48px #0009}.mode-card:hover:before{left:100%}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.mode-title{font-size:18px;font-weight:700;color:#fff;margin-bottom:16px}.mode-buttons{display:flex;flex-direction:column;gap:12px}.mode-btn{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#11225066;border:1px solid rgba(255,255,255,.12);border-radius:12px;color:#fffc;font-size:14px;font-weight:600;cursor:pointer;text-align:left;transition:all .3s ease}.mode-btn:hover{background:#ffffff0d;transform:translate(4px)}.mode-btn.active{background:#ffbd5933;border-color:#ffbd59;color:#ffbd59}.mode-icon{font-size:20px}.spread-selector{margin-top:16px}.spread-label{display:block;font-size:12px;font-weight:600;color:#fffc;margin-bottom:8px}.spread-select{width:100%;padding:10px;background:#11225099;border:1px solid rgba(255,255,255,.12);border-radius:8px;color:#fff;font-size:14px;cursor:pointer}.usage-card{padding:12px 20px;background:#1e2a5e66;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:12px;box-shadow:0 4px 16px #0000004d;position:relative;transition:all .3s ease;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:16px}.usage-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s ease}.usage-card:hover{border-color:#ffffff4d;box-shadow:0 6px 24px #0006}.usage-card:hover:before{left:100%}.usage-card.limit-reached{background:#ef44441a;border-color:#ef44444d}.usage-header{display:flex;align-items:center;gap:8px;margin:0}.usage-icon{font-size:16px;display:flex;align-items:center}.usage-title{font-size:13px;font-weight:600;color:#ffffffe6;white-space:nowrap}.usage-count{font-size:20px;font-weight:700;color:#ffffffe6;margin:0;display:inline}.usage-card.limit-reached .usage-count{color:#ef4444}.usage-total{font-size:14px;color:#fff9;font-weight:500;margin-left:8px}.btn-warning{width:100%;padding:10px;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:8px;color:#fff;font-size:13px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:12px;transition:all .3s ease}.btn-warning:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ef444466}.history-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px}.chat-area{flex:1;display:flex;flex-direction:column;padding:0;overflow-x:visible!important;overflow-y:auto;background:linear-gradient(135deg,#1e2a5e99,#2d3c7880);backdrop-filter:blur(35px);-webkit-backdrop-filter:blur(35px);border:2px solid transparent;border-radius:24px;box-shadow:0 12px 48px #00000080,inset 0 1px #ffffff26,0 0 60px #00d9ff1f;position:relative}.chat-area:before{content:"";position:absolute;inset:-2px;background:linear-gradient(135deg,#00d9ff1a,#8b5cf61a);border-radius:24px;z-index:-1;opacity:.3;filter:blur(6px)}.chat-header{display:flex;align-items:center;justify-content:space-between;padding:24px;border-bottom:1px solid rgba(255,255,255,.12);background:#0a0e2799}.clear-btn{padding:10px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#ef4444;cursor:pointer;transition:all .3s ease}.clear-btn:hover{background:#ef444433;border-color:#ef4444;transform:scale(1.05)}.chat-title{font-size:24px;font-weight:700;color:#fff;margin-bottom:4px}.chat-subtitle{font-size:14px;color:#fff9}.messages-container,.chat-messages-container{display:flex;flex-direction:column;gap:10px;padding:16px;overflow-y:auto;overflow-x:visible;height:100%;min-height:400px}.messages-container{flex:1}.message-bubble{display:flex;margin-bottom:0;overflow:visible!important}.user-message{max-width:60%;padding:8px 12px;margin-left:auto;margin-right:0;margin-bottom:8px;background:#1e2a5e66;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,189,89,.3);border-radius:16px 16px 4px;color:#fff;font-size:14px;line-height:1.4}.bot-message,.ai-message{align-self:flex-start;max-width:none!important;width:auto!important;padding:12px 16px;margin-bottom:8px;overflow:visible!important;background:#1e2a5e99;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(0,217,255,.3);border-radius:16px 16px 16px 4px;color:#fff;font-size:14px;line-height:1.4;overflow:visible}.bot-message:has(.chatbot-products-container),.ai-message:has(.chatbot-products-container){max-width:fit-content!important}.system-message{align-self:center;max-width:80%}.message-content{display:flex;flex-direction:column;gap:6px;padding:10px 14px;border-radius:16px;font-size:15px;line-height:1.5;white-space:pre-wrap;word-wrap:break-word;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);overflow:visible!important}.user-message .message-content{background:#1e2a5e99;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,189,89,.3);border-radius:20px 20px 4px;color:#fff}.bot-message .message-content{background:#1e2a5e99;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(0,217,255,.3);border-radius:20px 20px 20px 4px;color:#fff}.system-message .message-content{background:#ef444433;border:1px solid rgba(239,68,68,.4);color:#fff;border-radius:12px;text-align:center}.message-time{font-size:11px;color:#ffffff80;margin-top:8px}.user-message .message-time{color:#fff9;text-align:right}.message-text{margin:0;padding:0;font-size:14px;line-height:1.4}.message-text p{margin:4px 0}.tarot-spread{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin:8px 0}.hexagram-container{margin:2px 0;padding:6px;background:#8b5cf61a;border-radius:8px}.hexagram-visual{margin:8px 0;padding:12px;background:#9c06121a;border-radius:12px;border:1px solid rgba(255,189,89,.2)}.hexagram-lines{display:flex;flex-direction:column;gap:6px;margin-bottom:8px}.hexagram-line{height:4px;background:var(--brand-gold, #FFBD59);border-radius:2px;box-shadow:0 0 8px #ffbd5966;transition:all .3s ease}.hexagram-line.solid{width:100%}.hexagram-line.broken{width:45%;margin:0 auto;position:relative}.hexagram-line.broken:before{content:"";position:absolute;right:-55%;width:45%;height:100%;background:var(--brand-gold, #FFBD59);border-radius:2px;box-shadow:0 0 8px #ffbd5966}.hexagram-info{text-align:center}.hexagram-info h4{font-size:18px;color:var(--brand-gold, #FFBD59);margin-bottom:8px;font-weight:700}.hexagram-info .vietnamese{font-size:14px;color:#ffffffb3}.hexagram-info .meaning{font-size:13px;color:#fff9;margin-top:4px}.product-recommendations{margin-top:8px;padding-top:8px;border-top:1px solid rgba(255,255,255,.1)}.chatbot-products-container{display:flex!important;flex-direction:column!important;gap:8px!important;width:fit-content!important;max-width:none!important;overflow:visible!important;margin-top:12px;padding-top:8px;border-top:1px solid rgba(255,255,255,.1)}.products-scroll{display:flex;gap:6px;overflow-x:auto;padding:4px 0;scrollbar-width:thin;scrollbar-color:rgba(255,189,89,.3) transparent}.products-scroll::-webkit-scrollbar{height:4px}.products-scroll::-webkit-scrollbar-thumb{background:#ffbd594d;border-radius:2px}.products-scroll::-webkit-scrollbar-track{background:transparent}.tarot-container{margin:2px 0;padding:6px;background:#ec48991a;border-radius:8px}.tarot-card-visual{max-width:180px!important;margin:4px auto;padding:8px;background:#8b5cf61a;border-radius:12px;border:1px solid rgba(139,92,246,.3);text-align:center}.tarot-image{width:100%;max-width:160px!important;height:auto;border-radius:8px;margin:0 auto 12px;box-shadow:0 4px 12px #ec48994d;display:block}.card-info{text-align:center}.card-info h4,.tarot-card-name{font-size:14px;color:#8b5cf6;margin-bottom:6px;font-weight:700}.card-vietnamese{font-size:12px;color:#ffffffb3;margin-bottom:6px}.tarot-card-description{font-size:12px;color:#fffc;line-height:1.4;margin-top:4px}.card-type{display:inline-block;padding:4px 12px;background:#8b5cf633;border-radius:12px;font-size:12px;color:#8b5cf6;margin-top:8px;font-weight:600}.quick-select-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;padding:20px;margin:20px 0}.quick-btn{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 12px;background:linear-gradient(135deg,#1e2a5e80,#2d3c784d);backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border:1.5px solid rgba(255,255,255,.15);border-radius:16px;cursor:pointer;transition:all .35s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.quick-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent,rgba(255,189,89,.1));opacity:0;transition:opacity .35s ease}.quick-btn:hover{background:linear-gradient(135deg,#ffbd5940,#ffd70026);border-color:#ffbd5980;transform:translateY(-3px) scale(1.02);box-shadow:0 12px 24px #ffbd594d,0 0 40px #ffbd5926,inset 0 1px #fff3}.quick-btn:hover:before{opacity:1}.btn-icon{font-size:28px}.btn-text{font-size:13px;font-weight:500;color:#ffffffe6;text-align:center}.quick-actions-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.1)}.quick-action-btn{padding:8px 16px;font-size:13px;font-weight:500;background:#00d9ff1a;border:1px solid rgba(0,217,255,.3);border-radius:20px;color:#00d9ff;cursor:pointer;transition:all .3s ease}.quick-action-btn:hover{background:#00d9ff33;border-color:#00d9ff;transform:scale(1.05)}.loading-message{display:flex;gap:8px;padding:16px;background:#11225066;border-radius:12px;align-self:flex-start;max-width:70%}.loading-message .spinner{width:20px;height:20px;border:2px solid rgba(255,189,89,.3);border-top-color:#ffbd59;border-radius:50%;animation:spin 1s linear infinite}.loading-message span{color:#fff9;font-size:14px}.chat-input-area{padding:24px;border-top:1px solid rgba(255,255,255,.12);background:#0a0e2799}.input-wrapper{display:flex;gap:12px;align-items:flex-end}.chat-textarea{flex:1;min-height:80px;max-height:200px;padding:14px 20px;font-family:Inter,sans-serif;font-size:16px;color:#fff;background:#1e2a5e4d;border:1px solid rgba(255,255,255,.12);border-radius:14px;resize:vertical;outline:none;transition:all .3s ease}.chat-textarea:focus{border-color:#00d9ff;box-shadow:0 0 20px #00d9ff4d;background:#1e2a5e80}.chat-textarea::placeholder{color:#fff6}.chat-textarea:disabled{opacity:.5;cursor:not-allowed}.send-btn{padding:14px 24px;font-size:20px;transition:all .3s ease}.send-btn:disabled{opacity:.5;cursor:not-allowed}.input-hint{font-size:12px;color:#ffffff80;margin-top:12px;margin-bottom:0}.history-panel{width:350px;padding:32px;overflow-y:auto;background:#1e2a5e66;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);border-radius:20px;box-shadow:0 8px 32px #00000059}.history-title{font-size:18px;font-weight:700;color:#fff;margin-bottom:16px}.empty-history{font-size:14px;color:#fff9;text-align:center;padding:40px 20px}.history-list{display:flex;flex-direction:column;gap:12px}.history-item{padding:12px;background:#11225066;border:1px solid rgba(255,255,255,.12);border-radius:8px;cursor:pointer;transition:all .3s ease}.history-item:hover{background:#11225099;border-color:#ffbd594d;transform:translate(4px)}.history-type{font-size:12px;color:#ffbd59;font-weight:600;margin-bottom:6px}.history-question{font-size:13px;color:#fffc;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:6px}.history-date{font-size:11px;color:#ffffff80}.messages-container::-webkit-scrollbar,.history-panel::-webkit-scrollbar{width:8px}.messages-container::-webkit-scrollbar-track,.history-panel::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.messages-container::-webkit-scrollbar-thumb,.history-panel::-webkit-scrollbar-thumb{background:#ffbd594d;border-radius:4px}.messages-container::-webkit-scrollbar-thumb:hover,.history-panel::-webkit-scrollbar-thumb:hover{background:#ffbd5980}@media(max-width:1200px){.chatbot-container{flex-direction:column;height:auto}.chatbot-sidebar{width:100%;flex-direction:row;flex-wrap:wrap}.mode-card,.usage-card,.history-btn{flex:1;min-width:250px}.chat-area{min-height:600px}.history-panel{width:100%;max-height:400px}}@media(max-width:768px){.chatbot-page{padding:20px 12px}.chatbot-sidebar{flex-direction:column}.mode-card,.usage-card,.history-btn{width:100%}.message-bubble{max-width:85%}.system-message{max-width:95%}.chat-title{font-size:20px}.history-panel{width:100%}.quick-select-buttons{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.chatbot-page{padding:12px 8px}.chat-header,.chat-input-area,.messages-container{padding:16px}.chat-textarea{min-height:60px;font-size:14px}.send-btn{padding:12px 20px;font-size:18px}}.message-bubble{animation:fadeIn .3s ease-out}@media(max-width:767px){.chatbot-page{padding:16px 12px;min-height:calc(100vh - 60px)}.chatbot-container{flex-direction:column;gap:12px;height:auto;min-height:calc(100vh - 140px)}.chatbot-sidebar{width:100%;flex-direction:column;gap:10px}.mode-card{padding:16px;border-radius:14px}.mode-title{font-size:15px;margin-bottom:12px}.mode-buttons{gap:8px}.mode-btn{padding:10px 14px;font-size:13px;gap:10px;border-radius:10px;min-height:44px}.mode-icon{font-size:18px}.spread-selector{margin-top:12px}.spread-label{font-size:11px;margin-bottom:6px}.spread-select{padding:8px;font-size:13px}.usage-card{padding:10px 14px;gap:12px;border-radius:10px}.usage-icon{font-size:14px}.usage-title{font-size:12px}.usage-count{font-size:18px}.usage-total{font-size:12px;margin-left:6px}.btn-warning{padding:8px;font-size:12px;margin-top:10px}.chat-area{min-height:400px;border-radius:16px}.chat-header{padding:14px 16px}.chat-title{font-size:18px;margin-bottom:2px}.chat-subtitle{font-size:12px}.clear-btn{padding:8px;border-radius:6px}.messages-container,.chat-messages-container{padding:12px;gap:8px;min-height:300px}.message-bubble{max-width:90%!important}.user-message{max-width:85%;padding:8px 12px;font-size:13px;border-radius:14px 14px 4px}.bot-message,.ai-message{padding:10px 14px;font-size:13px;border-radius:14px 14px 14px 4px}.message-content{padding:8px 12px;font-size:13px;gap:4px;border-radius:14px}.message-time{font-size:10px;margin-top:6px}.message-text{font-size:13px}.tarot-card-visual{max-width:150px!important;padding:6px;margin:4px auto;border-radius:10px}.tarot-image{max-width:130px!important;border-radius:6px;margin-bottom:8px}.card-info h4,.tarot-card-name{font-size:13px;margin-bottom:4px}.card-vietnamese{font-size:11px;margin-bottom:4px}.tarot-card-description{font-size:11px;line-height:1.3}.card-type{padding:3px 10px;font-size:10px;margin-top:6px}.hexagram-container{margin:2px 0;padding:6px;border-radius:6px}.hexagram-visual{margin:6px 0;padding:10px;border-radius:10px}.hexagram-lines{gap:4px;margin-bottom:6px}.hexagram-line{height:3px}.hexagram-info h4{font-size:16px;margin-bottom:6px}.hexagram-info .vietnamese{font-size:12px}.hexagram-info .meaning{font-size:11px;margin-top:3px}.chatbot-products-container{gap:6px!important;margin-top:10px;padding-top:6px}.products-scroll{gap:6px;padding:2px 0}.quick-select-buttons{grid-template-columns:repeat(2,1fr);gap:8px;padding:12px;margin:12px 0}.quick-btn{padding:12px 10px;gap:6px;border-radius:12px}.btn-icon{font-size:24px}.btn-text{font-size:11px}.quick-actions-row{gap:6px;margin-top:10px;padding-top:10px}.quick-action-btn{padding:6px 12px;font-size:11px;border-radius:16px}.loading-message{padding:12px;max-width:80%}.loading-message .spinner{width:16px;height:16px}.loading-message span{font-size:12px}.chat-input-area{padding:14px}.input-wrapper{gap:10px}.chat-textarea{min-height:60px;max-height:120px;padding:12px 16px;font-size:14px;border-radius:12px}.send-btn{padding:12px 18px;font-size:16px}.input-hint{font-size:11px;margin-top:10px}.history-panel{width:100%;padding:16px;max-height:350px;border-radius:14px}.history-title{font-size:16px;margin-bottom:12px}.empty-history{font-size:13px;padding:30px 16px}.history-list{gap:10px}.history-item{padding:10px;border-radius:8px}.history-type{font-size:11px;margin-bottom:4px}.history-question{font-size:12px;margin-bottom:4px}.history-date{font-size:10px}.tarot-spread{gap:8px;margin:6px 0}}.widget-prompt{position:fixed;bottom:100px;left:50%;transform:translate(-50%);width:90%;max-width:600px;z-index:1000;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translate(-50%) translateY(100%);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}.widget-prompt-content{background:linear-gradient(135deg,#8b5cf626,#00d9ff26);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:20px;box-shadow:0 8px 32px #0000004d;display:flex;align-items:center;gap:16px}.widget-prompt-icon{font-size:2.5em;flex-shrink:0;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.widget-prompt-text{flex:1}.widget-prompt-text h4{color:#fff;margin-bottom:8px;font-size:1.1em;font-weight:600}.widget-prompt-text p{color:#fffc;font-size:.9em;margin:0}.tier-warning{color:gold!important;font-weight:600;margin-top:8px!important}.tier-warning a{color:#00d9ff;text-decoration:underline;margin-left:4px}.widget-prompt-actions{display:flex;flex-direction:column;gap:8px;flex-shrink:0}.widget-prompt-actions button{white-space:nowrap;padding:10px 20px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px;justify-content:center;border:none}.widget-prompt-actions .btn-primary{background:linear-gradient(135deg,#8b5cf6,#00d9ff);color:#fff}.widget-prompt-actions .btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #8b5cf666}.widget-prompt-actions .btn-primary:disabled{opacity:.5;cursor:not-allowed}.widget-prompt-actions .btn-secondary{background:#ffffff1a;color:#fffc;border:1px solid rgba(255,255,255,.2)}.widget-prompt-actions .btn-secondary:hover{background:#ffffff26}@media(max-width:768px){.widget-prompt{bottom:80px;width:95%}.widget-prompt-content{flex-direction:column;text-align:center}.widget-prompt-actions,.widget-prompt-actions button{width:100%}}.leaderboard-container{width:100%}.leaderboard-filters{padding:32px;margin-bottom:32px;display:flex;gap:32px;flex-wrap:wrap;background:#1e2a5e66;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);border-radius:20px;box-shadow:0 8px 32px #00000059;transition:all .3s ease}.leaderboard-filters:hover{transform:translateY(-2px);border-color:#ffffff40;box-shadow:0 12px 48px #00000073,0 0 80px #00d9ff26}.filter-section{flex:1;min-width:280px}.filter-label{display:block;font-family:Poppins,sans-serif;font-size:14px;font-weight:700;color:#ffffffe6;margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px}.filter-buttons{display:flex;gap:10px;flex-wrap:wrap}.filter-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;font-family:Poppins,sans-serif;background:#1e2a5e66;border:1px solid rgba(255,255,255,.2);border-radius:50px;color:#ffffffb3;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:all .3s ease;white-space:nowrap}.filter-btn:hover{background:#ffffff1a;border-color:#ffffff4d;color:#ffffffe6;transform:translateY(-1px);box-shadow:0 4px 12px #0000004d}.filter-btn.active{background:#ffbd5926;border-color:#ffbd59;color:#ffbd59;box-shadow:0 0 16px #ffbd594d}.filter-btn.active.period{background:#00d9ff26;border-color:#00d9ff;color:#00d9ff;box-shadow:0 0 16px #00d9ff4d}.user-rank-card{padding:24px 28px;margin-bottom:24px;background:linear-gradient(135deg,#ffbd5926,#1e2a5e66);border:2px solid #FFBD59;border-radius:20px;display:flex;align-items:center;gap:20px;box-shadow:0 0 40px #ffbd5933,0 8px 32px #0000004d;transition:all .3s ease}.user-rank-card:hover{transform:translateY(-4px);box-shadow:0 0 50px #ffbd594d,0 12px 48px #0006}.rank-badge{width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,#ffbd59,#ff8c00);display:flex;align-items:center;justify-content:center;font-family:Poppins,sans-serif;font-size:28px;font-weight:900;color:#0a0e27;flex-shrink:0;box-shadow:0 4px 16px #ffbd5966}.rank-info{flex:1}.rank-label{font-family:Inter,sans-serif;font-size:14px;font-weight:600;color:#ffffffb3;margin:0 0 6px;text-transform:uppercase;letter-spacing:.5px}.rank-title{font-family:Poppins,sans-serif;font-size:24px;font-weight:700;color:#ffbd59;margin:0}.leaderboard-table{padding:0;overflow:hidden;border-radius:20px;background:#1e2a5e66;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);box-shadow:0 8px 32px #00000059;transition:all .3s ease}.leaderboard-table:hover{transform:translateY(-2px);border-color:#ffffff40;box-shadow:0 12px 48px #00000073,0 0 80px #00d9ff26}.table-wrapper{overflow-x:auto}.leaderboard-table table{width:100%;border-collapse:collapse}.leaderboard-table thead{background:linear-gradient(180deg,#1e2a5e99,#1e2a5e66);border-bottom:2px solid rgba(255,189,89,.2)}.leaderboard-table th{padding:20px 28px;font-family:Poppins,sans-serif;font-size:13px;font-weight:700;color:#fffc;text-transform:uppercase;text-align:left;letter-spacing:.5px}.th-rank{width:80px}.th-change{width:100px;text-align:center!important}.th-value{text-align:right!important}.leaderboard-table tbody{background:transparent}.leaderboard-row{background:transparent;border-bottom:1px solid rgba(255,255,255,.08);transition:all .3s ease}.leaderboard-row:hover{background:#ffffff0d;transform:translate(4px)}.leaderboard-row.current-user{background:linear-gradient(90deg,#ffbd5926,#ffbd590d);border-left:4px solid #FFBD59}.leaderboard-row.current-user:hover{background:linear-gradient(90deg,#ffbd5933,#ffbd5914)}.leaderboard-table td{padding:18px 28px}.rank-cell{display:flex;align-items:center;gap:8px}.rank-number{font-size:18px;font-weight:700;color:#fff}.rank-number.top-rank{color:#ffbd59}.user-cell{display:flex;align-items:center;gap:12px}.user-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid transparent}.user-avatar.top-avatar{border-color:#ffbd59}.user-details{flex:1;min-width:0}.user-name{font-family:Poppins,sans-serif;font-size:16px;font-weight:600;color:#fff;margin:0 0 4px;display:flex;align-items:center;gap:10px}.you-badge{padding:4px 12px;background:linear-gradient(135deg,#ffbd59,#ff8c00);color:#0a0e27;font-family:Poppins,sans-serif;font-size:11px;font-weight:800;border-radius:50px;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 8px #ffbd5966}.user-meta{font-size:12px;color:#fff9;margin:0}.metric-value{font-size:18px;font-weight:700;color:#0f8}.td-value{text-align:right}.rank-change{display:inline-flex;align-items:center;gap:4px;justify-content:center}.rank-change span{font-size:14px;font-weight:600}.td-change{text-align:center}.loading-state,.empty-state{padding:60px 20px;text-align:center;color:#fff9}.loading-state{display:flex;flex-direction:column;align-items:center;gap:16px}.spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.1);border-top-color:#00d9ff;border-radius:50%;animation:spin .8s linear infinite}.empty-state{display:flex;flex-direction:column;align-items:center;gap:12px}.empty-state h3{margin:0;font-size:20px;color:#fff}.empty-state p{margin:0;color:#ffffff80}@media(max-width:768px){.leaderboard-filters{flex-direction:column}.filter-section{width:100%}.user-rank-card{flex-direction:column;text-align:center}.leaderboard-table th,.leaderboard-table td{padding:12px 16px}.th-rank,.th-change{width:auto}.user-name{font-size:14px}.user-meta{font-size:11px}.metric-value{font-size:16px}}.user-profile-container{width:100%;display:flex;flex-direction:column;gap:24px}.btn-edit-profile{background:linear-gradient(135deg,#9c0612,#6b0f1a);border:2px solid #FFBD59;border-radius:50px;padding:10px 24px!important;color:#fff;font-family:Poppins,sans-serif;font-size:14px!important;font-weight:600!important;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s ease;box-shadow:0 4px 16px #9c06124d;position:relative;overflow:hidden;width:auto!important;max-width:fit-content!important;flex-shrink:0}@media(max-width:768px){.profile-header{padding:20px}.profile-banner{flex-direction:column;align-items:center;text-align:center}.profile-avatar{width:100px;height:100px}.profile-name{font-size:24px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.stat-value{font-size:20px}.achievements-grid{grid-template-columns:1fr}.btn-edit-profile{width:auto!important;max-width:fit-content!important;justify-content:center}}.community-hub{min-height:calc(100vh - 60px);background:transparent;padding:40px 20px;position:relative}.community-content{max-width:1600px;margin:0 auto}.community-header{margin-bottom:32px}.community-header h1{font-family:Poppins,sans-serif;font-size:48px;font-weight:800;background:linear-gradient(135deg,#fff,#ffbd59);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 12px;letter-spacing:-1px}.community-header p{font-size:16px;color:#fff9;margin:0}.community-tabs{padding:24px 32px;margin-bottom:32px;display:flex;gap:16px;overflow-x:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent}.community-tabs::-webkit-scrollbar{height:6px}.community-tabs::-webkit-scrollbar-track{background:transparent}.community-tabs::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.community-tab{display:flex;align-items:center;gap:10px;padding:14px 28px;font-family:Poppins,sans-serif;background:transparent;border:2px solid rgba(255,255,255,.12);border-radius:14px;color:#ffffffb3;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap;position:relative;flex-shrink:0}.community-tab:hover{background:#ffffff14;border-color:#ffffff40;color:#fffffff2;transform:translateY(-2px)}.community-tab.active{background:linear-gradient(135deg,#ffbd5940,#ff8c0026);border:2px solid #FFBD59;color:#ffbd59;box-shadow:0 0 24px #ffbd5940}.active-indicator{position:absolute;bottom:-18px;left:50%;transform:translate(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #FFBD59}.tab-content{animation:fadeIn .3s ease}.card-glass{background:#1e2a5e66;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);border-radius:20px;box-shadow:0 8px 32px #00000059;transition:all .3s ease}.card-glass:hover{transform:translateY(-2px);border-color:#ffffff40;box-shadow:0 12px 48px #00000073,0 0 80px #00d9ff26}@media(max-width:768px){.community-hub{padding:20px 12px}.community-header h1{font-size:24px}.community-header p{font-size:14px}.community-tabs{padding:12px 16px;gap:8px}.community-tab{padding:10px 16px;font-size:14px}.community-tab span{display:none}.community-tab{padding:12px}}.community-hub{position:relative;width:100%!important;max-width:100%!important;min-height:100vh;padding:0!important;margin:0!important;background:linear-gradient(135deg,#0a1628,#0d1b2a,#0f172a);background-attachment:fixed}.community-hub:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 85% 20%,rgba(59,130,246,.4) 0%,rgba(37,99,235,.2) 20%,transparent 50%);filter:blur(80px);pointer-events:none;z-index:0;animation:glowMove1 10s ease-in-out infinite}.community-hub:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 15% 80%,rgba(139,92,246,.3) 0%,rgba(30,64,175,.2) 30%,transparent 50%);filter:blur(60px);pointer-events:none;z-index:0;animation:glowMove2 12s ease-in-out infinite}@keyframes glowMove1{0%,to{transform:translate(0) scale(1);opacity:1}50%{transform:translate(-20px,10px) scale(1.1);opacity:.9}}@keyframes glowMove2{0%,to{transform:translate(0) scale(1);opacity:1}50%{transform:translate(15px,-20px) scale(1.05);opacity:.85}}.community-content,.community-header,.community-tabs,.tab-content,.forum-3column-container{position:relative;z-index:1}.community-header{padding:20px 40px!important;margin-bottom:16px!important;max-width:100%!important;text-align:left}.community-header h1{font-size:32px!important;font-weight:600!important;color:#ffbd59!important;margin-bottom:8px!important;line-height:1.2!important;display:flex;align-items:center;gap:12px}.community-header h1 .star-icon,.community-header h1 svg{color:#ffbd59!important;opacity:1!important}.community-header p{font-size:14px!important;color:#ffffffb3!important;margin:0!important}.community-tabs.card-glass,.community-tabs{display:flex;align-items:center;gap:8px!important;padding:0 40px!important;margin:0 40px 16px!important;max-width:calc(100% - 80px)!important;background:transparent!important;border:none!important;border-radius:0!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:none!important}.community-tabs button,.community-tab{padding:10px 16px!important;font-size:14px!important;font-weight:500!important;gap:8px!important;background:transparent!important;border:none!important;border-radius:8px!important;color:#ffffffb3!important;transition:all .2s ease!important;cursor:pointer}.community-tabs button.active,.community-tabs button[aria-selected=true],.community-tab.active{background:#ffbd591a!important;color:#ffbd59!important;font-weight:600!important;box-shadow:none!important}.community-tabs button:hover,.community-tab:hover{background:#ffffff0d!important;color:#ffffffe6!important;transform:none!important}.community-tabs button svg,.community-tab svg{width:18px!important;height:18px!important;opacity:.8}.tab-content{width:100%!important;max-width:100%!important;padding:0 20px!important;margin:0!important;height:auto!important;overflow:visible!important}.forum-3column-container{display:grid;grid-template-columns:320px 1fr 360px!important;gap:24px!important;width:100%!important;max-width:100%!important;padding:20px 20px 40px!important;margin:0!important;height:calc(100vh - 180px)!important;overflow:hidden}.left-sidebar{width:320px!important;max-width:320px!important;padding:24px 20px!important;height:100%!important;overflow-y:auto!important;background:#1e2a5e40;border:1px solid rgba(255,255,255,.08);border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.center-feed{flex:1!important;width:100%!important;max-width:100%!important;min-width:600px!important;padding:0!important;height:100%!important;overflow-y:auto!important}.right-sidebar{width:360px!important;max-width:360px!important;padding:24px 20px!important;height:100%!important;overflow-y:auto!important;background:#1e2a5e40;border:1px solid rgba(255,255,255,.08);border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.left-sidebar::-webkit-scrollbar,.center-feed::-webkit-scrollbar,.right-sidebar::-webkit-scrollbar{width:6px}.left-sidebar::-webkit-scrollbar-track,.center-feed::-webkit-scrollbar-track,.right-sidebar::-webkit-scrollbar-track{background:#ffffff0d;border-radius:10px}.left-sidebar::-webkit-scrollbar-thumb,.center-feed::-webkit-scrollbar-thumb,.right-sidebar::-webkit-scrollbar-thumb{background:#ffbd594d;border-radius:10px}.left-sidebar::-webkit-scrollbar-thumb:hover,.center-feed::-webkit-scrollbar-thumb:hover,.right-sidebar::-webkit-scrollbar-thumb:hover{background:#ffbd5980}.messages-container,.messages-widget,.events-container,.events-widget,.leaderboard-container,.leaderboard-widget,.gem-master-container,.gem-master-widget,.profile-container,.profile-widget{width:100%!important;max-width:100%!important;padding:24px!important;margin:0 auto!important}.gem-master-container,.gem-master-widget{min-height:400px!important;padding:32px 24px!important}.widget-card{width:100%!important;padding:24px 20px!important;margin-bottom:20px!important;background:#1e2a5e4d;border:1px solid rgba(255,255,255,.1);border-radius:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.leaderboard-container{display:flex!important;flex-direction:column!important;width:100%!important;max-width:100%!important;height:calc(100vh - 280px)!important;padding:24px!important;overflow:hidden!important}.leaderboard-header,.leaderboard-filters{flex-shrink:0!important;margin-bottom:20px}.leaderboard-table-container{flex:1!important;overflow-y:auto!important;overflow-x:hidden!important;padding-right:8px}.leaderboard-table{width:100%;border-collapse:separate;border-spacing:0 8px}.leaderboard-row{background:#1e2a5e4d;border-radius:12px;transition:all .2s ease}.leaderboard-row:hover{background:#1e2a5e80;transform:translate(4px)}.leaderboard-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;min-height:400px;text-align:center}.leaderboard-table-container::-webkit-scrollbar{width:6px}.leaderboard-table-container::-webkit-scrollbar-track{background:#ffffff0d;border-radius:10px}.leaderboard-table-container::-webkit-scrollbar-thumb{background:#ffbd594d;border-radius:10px}.leaderboard-table-container::-webkit-scrollbar-thumb:hover{background:#ffbd5980}@media(max-width:1200px){.forum-3column-container{grid-template-columns:280px 1fr 320px!important;padding:20px!important}.left-sidebar{width:280px!important}.right-sidebar{width:320px!important}}@media(max-width:968px){.forum-3column-container{grid-template-columns:1fr!important;gap:16px!important;height:auto!important;padding:20px!important}.left-sidebar,.right-sidebar{display:none}.center-feed{min-width:unset!important}.community-header{padding:12px 20px!important}.community-tabs{padding:0 20px!important;margin:0 20px 12px!important}}.gem-master-widget,.gem-master-card,.chatbot-widget{width:100%!important;padding:24px 20px!important;min-height:250px!important;background:#1e2a5e4d;border:1px solid rgba(255,255,255,.1);border-radius:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.gem-master-widget h3,.chatbot-widget h3,.featured-members-widget h3,.online-widget h3,.sidebar-widget-title{font-size:18px!important;font-weight:600;margin-bottom:16px;color:#ffbd59}.gem-master-widget .description,.chatbot-widget .chatbot-description,.chatbot-description{font-size:14px!important;line-height:1.6;color:#fffc;margin-bottom:16px}.gem-master-widget .cta-button,.chatbot-btn{width:100%;padding:14px 20px!important;font-size:15px!important;font-weight:600;border-radius:12px;background:linear-gradient(135deg,#9c0612,#7a0510);border:1px solid rgba(255,189,89,.3);color:#fff;cursor:pointer;transition:all .3s ease}.gem-master-widget .cta-button:hover,.chatbot-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #9c061266;border-color:#ffbd5999}.featured-members-widget,.online-widget,.sidebar-widget{width:100%!important;padding:20px!important;margin-bottom:20px}.member-item,.creator-item,.trending-item{display:flex;align-items:center;gap:12px;padding:12px;border-radius:10px;background:#ffffff08;margin-bottom:10px;transition:all .2s ease}.member-item:hover,.creator-item:hover,.trending-item:hover{background:#ffffff0f;transform:translate(4px)}.member-avatar,.creator-avatar{width:44px!important;height:44px!important;border-radius:50%;border:2px solid rgba(255,189,89,.3)}.member-name,.creator-name{font-size:14px!important;font-weight:600;color:#fff}.member-stats,.creator-stats{font-size:12px!important;color:#fff9}.online-count,.online-badge{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:24px;padding:0 10px;background:#00ff8826;border:1px solid rgba(0,255,136,.3);border-radius:12px;font-size:13px!important;font-weight:600;color:#0f8}.chatbot-heading{font-size:18px!important;font-weight:600;margin-bottom:12px;color:#fff}.chatbot-icon{display:flex;align-items:center;justify-content:center;margin-bottom:16px;color:#ffbd59}.chatbot-features{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.feature-tag{padding:6px 12px;background:#ffbd591a;border:1px solid rgba(255,189,89,.2);border-radius:20px;font-size:12px;color:#fffc}.tab-content{width:100%!important;max-width:100%!important;height:auto!important;max-height:none!important;overflow:visible!important;padding:0!important;margin:0!important}.community-tabs,.community-tabs.card-glass{display:flex!important;align-items:center;gap:8px!important;padding:0 40px!important;margin:0 40px 16px!important;max-width:calc(100% - 80px)!important;height:auto!important;overflow:visible!important;overflow-x:visible!important;overflow-y:visible!important;background:transparent!important;border:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;flex-wrap:nowrap!important;white-space:nowrap!important}.community-tabs button{flex-shrink:0!important;padding:10px 16px!important;font-size:14px!important;white-space:nowrap!important}@media(max-width:1200px){.community-tabs{overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:thin}.community-tabs::-webkit-scrollbar{height:4px}.community-tabs::-webkit-scrollbar-track{background:#ffffff0d}.community-tabs::-webkit-scrollbar-thumb{background:#ffbd594d;border-radius:4px}}.affiliate-dashboard{padding:40px 20px;min-height:100vh}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;flex-wrap:wrap;gap:20px}.dashboard-header h1{font-size:36px;font-weight:800;color:#fff;margin:0;background:linear-gradient(135deg,#ffbd59,#ff9500);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.subtitle{font-size:16px;color:#ffffffb3;margin-top:8px}.role-badge{padding:12px 24px;border-radius:12px;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid;box-shadow:0 8px 24px #0000004d}.role-affiliate{background:linear-gradient(135deg,#4a9eff33,#8a2be233);border-color:#4a9eff80;color:#4a9eff}.role-ctv.tier-beginner{background:linear-gradient(135deg,#8bc34a33,#4caf5033);border-color:#8bc34a80;color:#8bc34a}.role-ctv.tier-growing{background:linear-gradient(135deg,#ffbd5933,#ff950033);border-color:#ffbd5980;color:#ffbd59}.role-ctv.tier-master{background:linear-gradient(135deg,#ba68c833,#9c27b033);border-color:#ba68c880;color:#ba68c8}.role-ctv.tier-grand{background:linear-gradient(135deg,#ffd7004d,#ff8c004d);border-color:#ffd70099;color:gold;box-shadow:0 8px 32px #ffd70066}.role-instructor{background:linear-gradient(135deg,#0f83,#00c85333);border-color:#00ff8880;color:#0f8}.affiliate-tabs{display:flex;gap:12px;margin-bottom:32px;flex-wrap:wrap;background:#1a1a2e99;padding:12px;border-radius:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.tab-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;background:transparent;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#ffffffb3;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.tab-btn:hover{background:#ffffff0d;border-color:#ffbd594d;color:#fff}.tab-btn.active{background:linear-gradient(135deg,#ffbd59,#ff9500);border-color:#ffbd59;color:#1a1a2e;box-shadow:0 4px 16px #ffbd5966}.tab-btn svg{flex-shrink:0}.tab-content{animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.tab-header{margin-bottom:24px}.tab-header h2{font-size:28px;font-weight:800;color:#fff;margin-bottom:8px}.tab-header p{font-size:15px;color:#fff9}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;margin-bottom:32px}.stat-card{display:flex;align-items:center;gap:20px;padding:24px;background:linear-gradient(135deg,#1a1a2e99,#16213e99);border:1px solid rgba(255,255,255,.1);border-radius:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.stat-card:hover{border-color:#ffbd594d;transform:translateY(-4px);box-shadow:0 8px 24px #0000004d}.stat-icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;background:linear-gradient(135deg,#ffbd5933,#ff950033);border:1px solid rgba(255,189,89,.3);border-radius:12px;color:#ffbd59;flex-shrink:0}.stat-info{flex:1}.stat-label{font-size:13px;color:#fff9;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:28px;font-weight:800;color:#fff;margin-bottom:4px}.stat-sub{font-size:12px;color:#ffffff80}.referral-link-card{padding:32px;background:linear-gradient(135deg,#ffbd591a,#16213e99);border:2px solid rgba(255,189,89,.3);border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-bottom:32px}.referral-link-card h3{font-size:20px;font-weight:700;color:#fff;margin-bottom:8px}.help-text{font-size:14px;color:#fff9;margin-bottom:20px}.link-box{display:flex;gap:12px;margin-bottom:16px}.link-box input{flex:1;padding:14px 16px;background:#1a1a2ecc;border:1px solid rgba(255,255,255,.2);border-radius:10px;color:#fff;font-size:14px;font-family:Courier New,monospace}.btn-copy{display:flex;align-items:center;gap:8px;padding:14px 24px;background:linear-gradient(135deg,#ffbd59,#ff9500);color:#1a1a2e;border:none;border-radius:10px;font-size:14px;font-weight:700;cursor:pointer;transition:all .3s ease;white-space:nowrap}.btn-copy:hover{transform:translateY(-2px);box-shadow:0 8px 20px #ffbd5966}.referral-stats{display:flex;gap:24px;font-size:14px;color:#ffffffb3}.referral-stats strong{color:#ffbd59;margin-left:6px}.tier-progress-card{padding:32px;background:linear-gradient(135deg,#ba68c81a,#16213e99);border:2px solid rgba(186,104,200,.3);border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-bottom:32px}.tier-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.tier-header h3{font-size:20px;font-weight:700;color:#fff}.current-tier{font-size:14px;color:#ffffffb3}.current-tier strong{color:#ba68c8}.tier-info{margin-bottom:16px}.tier-info p{font-size:15px;color:#fffc;margin-bottom:8px}.tier-target{color:#0f8!important;font-weight:600}.progress-bar{width:100%;height:12px;background:#ffffff1a;border-radius:6px;overflow:hidden;margin-bottom:8px}.progress-fill{height:100%;background:linear-gradient(90deg,#ba68c8,#9c27b0);border-radius:6px;transition:width .5s ease}.progress-labels{display:flex;justify-content:space-between;font-size:12px;color:#ffffff80}.commission-info-card{padding:32px;background:linear-gradient(135deg,#00ff881a,#16213e99);border:2px solid rgba(0,255,136,.3);border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.commission-info-card h3{font-size:20px;font-weight:700;color:#fff;margin-bottom:20px}.rate-display{display:flex;flex-direction:column;align-items:center;gap:8px;margin-bottom:24px;padding:20px;background:#00ff880d;border:1px solid rgba(0,255,136,.2);border-radius:12px}.rate-value{font-size:48px;font-weight:800;color:#0f8}.rate-label{font-size:14px;color:#ffffffb3}.rate-tiers{margin-top:20px}.info-label{font-size:13px;color:#fff9;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}.rate-tiers ul{list-style:none;padding:0;margin:0}.rate-tiers li{padding:10px 16px;margin-bottom:8px;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#ffffffb3;font-size:14px}.rate-tiers li.active{background:#00ff881a;border-color:#00ff884d;color:#0f8}.rate-tiers li strong{color:#ffbd59;margin-left:8px}.referrals-list{display:flex;flex-direction:column;gap:16px}.referral-item{display:flex;align-items:center;gap:16px;padding:20px;background:linear-gradient(135deg,#1a1a2e99,#16213e99);border:1px solid rgba(255,255,255,.1);border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.referral-item:hover{border-color:#ffbd594d;transform:translate(4px)}.referral-avatar{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:linear-gradient(135deg,#4a9eff33,#8a2be233);border:1px solid rgba(74,158,255,.3);border-radius:50%;color:#4a9eff;flex-shrink:0}.referral-info{flex:1}.referral-name{font-size:16px;font-weight:700;color:#fff;margin-bottom:4px}.referral-email{font-size:13px;color:#fff9;margin-bottom:4px}.referral-date{font-size:12px;color:#ffffff80}.referral-status{display:flex;align-items:center;gap:6px;padding:8px 16px;border-radius:8px;font-size:13px;font-weight:600;white-space:nowrap}.referral-status.status-converted{background:#0f83;color:#0f8;border:1px solid rgba(0,255,136,.3)}.referral-status.status-pending{background:#ffbd5933;color:#ffbd59;border:1px solid rgba(255,189,89,.3)}.referral-status.status-inactive{background:#ffffff0d;color:#ffffff80;border:1px solid rgba(255,255,255,.1)}.commission-summary{display:flex;gap:20px;margin-bottom:32px;padding:24px;background:#1a1a2e99;border:1px solid rgba(255,255,255,.1);border-radius:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-wrap:wrap}.summary-item{display:flex;flex-direction:column;gap:8px;flex:1;min-width:150px}.summary-label{font-size:13px;color:#fff9;text-transform:uppercase;letter-spacing:.5px}.summary-value{font-size:24px;font-weight:800}.summary-value.pending{color:#ffbd59}.summary-value.approved{color:#0f8}.summary-value.paid{color:#4a9eff}.commissions-table{overflow-x:auto}.commissions-table table{width:100%;border-collapse:collapse;background:#1a1a2e99;border:1px solid rgba(255,255,255,.1);border-radius:12px;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.commissions-table thead{background:#ffbd591a}.commissions-table th{padding:16px;text-align:left;font-size:13px;font-weight:700;color:#ffbd59;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid rgba(255,255,255,.1)}.commissions-table td{padding:16px;font-size:14px;color:#fffc;border-bottom:1px solid rgba(255,255,255,.05)}.commissions-table tr:hover{background:#ffffff08}.commission-amount{font-weight:700;color:#0f8}.status-badge{display:inline-block;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:600}.status-badge.status-pending{background:#ffbd5933;color:#ffbd59;border:1px solid rgba(255,189,89,.3)}.status-badge.status-approved{background:#0f83;color:#0f8;border:1px solid rgba(0,255,136,.3)}.status-badge.status-paid{background:#4a9eff33;color:#4a9eff;border:1px solid rgba(74,158,255,.3)}.kpi-info-card{padding:32px;background:linear-gradient(135deg,#ffbd591a,#16213e99);border:2px solid rgba(255,189,89,.3);border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-bottom:32px}.kpi-info-card h3{font-size:20px;font-weight:700;color:#fff;margin-bottom:12px}.kpi-examples{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin-top:20px}.kpi-example{padding:20px;background:#1a1a2e99;border:1px solid rgba(255,255,255,.1);border-radius:12px}.product-name{font-size:14px;font-weight:700;color:#fff;margin-bottom:12px}.kpi-target{display:flex;align-items:center;gap:6px;font-size:13px;color:#ffffffb3;margin-bottom:8px}.kpi-bonus{font-size:13px;color:#fff9}.kpi-bonus strong{color:#ffbd59;margin-left:6px}.bonuses-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.bonus-item{padding:24px;background:linear-gradient(135deg,#1a1a2e99,#16213e99);border:1px solid rgba(255,255,255,.1);border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.bonus-item:hover{border-color:#ffbd594d;transform:translateY(-4px)}.bonus-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.1)}.bonus-header h4{font-size:16px;font-weight:700;color:#fff}.bonus-details p{font-size:14px;color:#ffffffb3;margin-bottom:8px}.bonus-details strong{color:#fff}.bonus-amount{color:#0f8!important;font-weight:700!important;font-size:16px!important}.withdrawal-balance{margin-bottom:32px}.balance-card{padding:32px;background:linear-gradient(135deg,#00ff881a,#16213e99);border:2px solid rgba(0,255,136,.3);border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center}.balance-label{font-size:14px;color:#ffffffb3;margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px}.balance-value{font-size:48px;font-weight:800;color:#0f8;margin-bottom:24px}.btn-withdraw{display:inline-flex;align-items:center;gap:10px;padding:16px 32px;background:linear-gradient(135deg,#0f8,#00c853);color:#1a1a2e;border:none;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease}.btn-withdraw:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #0f86}.btn-withdraw:disabled{opacity:.5;cursor:not-allowed}.withdrawals-list{display:flex;flex-direction:column;gap:16px}.withdrawal-item{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px;background:linear-gradient(135deg,#1a1a2e99,#16213e99);border:1px solid rgba(255,255,255,.1);border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.withdrawal-item:hover{border-color:#ffbd594d}.withdrawal-info{flex:1}.withdrawal-amount{font-size:24px;font-weight:800;color:#fff;margin-bottom:8px}.withdrawal-method{font-size:14px;color:#ffffffb3;margin-bottom:4px}.withdrawal-method strong{color:#ffbd59}.withdrawal-date{font-size:12px;color:#ffffff80}.withdrawal-status{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 20px;border-radius:10px;font-size:13px;font-weight:600;white-space:nowrap}.withdrawal-status.status-pending{background:#ffbd5933;color:#ffbd59;border:1px solid rgba(255,189,89,.3)}.withdrawal-status.status-processing{background:#4a9eff33;color:#4a9eff;border:1px solid rgba(74,158,255,.3)}.withdrawal-status.status-completed{background:#0f83;color:#0f8;border:1px solid rgba(0,255,136,.3)}.withdrawal-status.status-rejected{background:#f443;color:#f44;border:1px solid rgba(255,68,68,.3)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center}.empty-state svg{color:#fff3;margin-bottom:20px}.empty-state p{font-size:16px;color:#ffffffb3;margin-bottom:8px}.loading-container,.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center}.loading-container svg{color:#ffbd59;margin-bottom:20px}.loading-container p{font-size:16px;color:#ffffffb3}.spin{animation:spin 1s linear infinite}.error-container p{font-size:16px;color:#ffffffb3;margin-bottom:20px}.btn-retry{padding:12px 24px;background:linear-gradient(135deg,#ffbd59,#ff9500);color:#1a1a2e;border:none;border-radius:8px;font-size:14px;font-weight:700;cursor:pointer;transition:all .3s ease}.btn-retry:hover{transform:translateY(-2px);box-shadow:0 8px 20px #ffbd5966}@media(max-width:768px){.dashboard-header{flex-direction:column;align-items:flex-start}.dashboard-header h1{font-size:28px}.affiliate-tabs{overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch}.tab-btn{flex-shrink:0}.stats-grid{grid-template-columns:1fr}.link-box{flex-direction:column}.referral-stats{flex-direction:column;gap:8px}.commission-summary{flex-direction:column}.commissions-table{font-size:12px}.commissions-table th,.commissions-table td{padding:12px 8px}.kpi-examples,.bonuses-list{grid-template-columns:1fr}.withdrawal-item{flex-direction:column;align-items:flex-start}.withdrawal-status{align-self:stretch}.balance-value{font-size:36px}}@media(max-width:767px){.affiliate-dashboard{padding:24px 12px}.dashboard-header{margin-bottom:20px;gap:12px}.dashboard-header h1{font-size:24px}.subtitle{font-size:14px;margin-top:4px}.role-badge{padding:8px 16px;font-size:12px;border-radius:8px}.affiliate-tabs{gap:8px;margin-bottom:20px;padding:10px;border-radius:12px;overflow-x:auto;-webkit-overflow-scrolling:touch}.tab-btn{padding:10px 14px;font-size:12px;gap:6px;border-radius:8px;min-height:36px}.tab-btn svg{width:16px;height:16px}.tab-header{margin-bottom:16px}.tab-header h2{font-size:20px;margin-bottom:6px}.tab-header p{font-size:13px}.stats-grid{grid-template-columns:1fr;gap:10px;margin-bottom:20px}.stat-card{gap:14px;padding:14px;border-radius:12px}.stat-icon{width:32px;height:32px;border-radius:8px}.stat-icon svg{width:18px;height:18px}.stat-label{font-size:11px;margin-bottom:4px}.stat-value{font-size:22px;margin-bottom:2px}.stat-sub{font-size:11px}.referral-link-card{padding:16px;border-radius:14px;margin-bottom:20px}.referral-link-card h3{font-size:16px;margin-bottom:6px}.help-text{font-size:12px;margin-bottom:14px}.link-box{gap:8px;margin-bottom:12px}.link-box input{padding:10px 12px;font-size:12px}.btn-copy{padding:10px 16px;font-size:12px;min-height:40px}.referral-stats{gap:6px;font-size:12px}.tier-progress-card{padding:16px;border-radius:14px;margin-bottom:20px}.tier-header{margin-bottom:14px;flex-direction:column;gap:8px}.tier-header h3{font-size:16px}.current-tier{font-size:12px}.tier-info{margin-bottom:12px}.tier-info p{font-size:13px;margin-bottom:6px}.progress-bar{height:8px;margin-bottom:6px}.progress-labels{font-size:11px}.commission-info-card{padding:16px;border-radius:14px}.commission-info-card h3{font-size:16px;margin-bottom:14px}.rate-display{gap:6px;margin-bottom:16px;padding:14px;border-radius:10px}.rate-value{font-size:40px;font-weight:700}.rate-label{font-size:12px}.rate-tiers{margin-top:14px}.info-label{font-size:11px;margin-bottom:10px}.rate-tiers li{padding:10px 12px;margin-bottom:6px;font-size:13px;border-radius:6px}.referrals-list{gap:10px}.referral-item{gap:12px;padding:14px;border-radius:10px;flex-wrap:wrap}.referral-avatar{width:36px;height:36px}.referral-name{font-size:14px;margin-bottom:2px}.referral-email{font-size:12px;margin-bottom:2px}.referral-date{font-size:11px}.referral-status{padding:6px 12px;font-size:11px;gap:4px}.commission-summary{gap:12px;margin-bottom:20px;padding:16px;border-radius:12px}.summary-item{gap:4px;min-width:100px}.summary-label{font-size:11px}.summary-value{font-size:18px}.commissions-table th,.commissions-table td{padding:10px 6px;font-size:11px}.commission-amount{font-size:12px}.status-badge{padding:4px 8px;font-size:10px}.kpi-info-card{padding:16px;border-radius:14px;margin-bottom:20px}.kpi-info-card h3{font-size:16px;margin-bottom:10px}.kpi-examples{gap:10px;margin-top:14px}.kpi-example{padding:14px;border-radius:10px}.product-name{font-size:13px;margin-bottom:10px}.kpi-target{font-size:12px;margin-bottom:6px}.kpi-bonus{font-size:12px}.bonuses-list{gap:12px}.bonus-item{padding:16px;border-radius:10px}.bonus-header{margin-bottom:12px;padding-bottom:12px}.bonus-header h4{font-size:14px}.bonus-details p{font-size:13px;margin-bottom:6px}.bonus-amount{font-size:14px!important}.withdrawal-balance{margin-bottom:20px}.balance-card{padding:20px;border-radius:14px}.balance-label{font-size:12px;margin-bottom:8px}.balance-value{font-size:32px;margin-bottom:16px}.btn-withdraw{padding:12px 24px;font-size:14px;min-height:44px}.withdrawals-list{gap:12px}.withdrawal-item{gap:12px;padding:16px;border-radius:10px}.withdrawal-amount{font-size:20px;margin-bottom:6px}.withdrawal-method{font-size:12px;margin-bottom:2px}.withdrawal-date{font-size:11px}.withdrawal-status{gap:6px;padding:10px 14px;font-size:12px;border-radius:8px}.empty-state{padding:48px 16px}.empty-state svg{width:48px;height:48px;margin-bottom:14px}.empty-state p{font-size:14px}.loading-container,.error-container{min-height:50vh}.loading-container p,.error-container p{font-size:14px}.btn-retry{padding:10px 20px;font-size:13px;min-height:40px}}.account-dashboard-wrapper{min-height:100vh;background:var(--gradient-bg)}.account-dashboard{max-width:800px;margin:0 auto;padding:100px var(--space-4) var(--space-10) var(--space-4)}.account-dashboard.account-loading{display:flex;align-items:center;justify-content:center;min-height:60vh}.account-loading-container{display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.account-loading-spinner-icon{color:var(--brand-gold);animation:account-spin 1s linear infinite}.account-loading-text{color:var(--text-muted);font-size:var(--text-base)}@keyframes account-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.account-spinning{animation:account-spin 1s linear infinite}.account-error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-10) var(--space-4);text-align:center;min-height:60vh}.account-error-icon{color:var(--accent-red);margin-bottom:var(--space-4)}.account-error-title{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--text-primary);margin:0 0 var(--space-2) 0}.account-error-message{font-size:var(--text-base);color:var(--text-muted);margin:0 0 var(--space-6) 0}.account-btn-retry{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);background:var(--gradient-burgundy);border:none;border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-base);font-weight:var(--font-semibold);cursor:pointer;transition:var(--transition-base)}.account-btn-retry:hover{transform:translateY(-2px);box-shadow:var(--glow-burgundy)}.account-content{display:flex;flex-direction:column;gap:var(--space-4)}.account-profile-section{display:flex;align-items:center;background:var(--bg-glass);-webkit-backdrop-filter:blur(var(--blur-glass));backdrop-filter:blur(var(--blur-glass));border-radius:var(--radius-lg);padding:var(--space-5);border:1px solid var(--tier2-border);gap:var(--space-4)}.account-profile-avatar-container{position:relative;cursor:pointer}.account-profile-avatar{width:70px;height:70px;border-radius:var(--radius-circle);object-fit:cover;background:var(--bg-secondary)}.account-avatar-placeholder{width:70px;height:70px;border-radius:var(--radius-circle);background:linear-gradient(135deg,var(--brand-purple) 0%,var(--brand-burgundy) 100%);display:flex;align-items:center;justify-content:center;color:var(--text-primary)}.account-camera-button{position:absolute;bottom:0;right:-4px;width:26px;height:26px;border-radius:var(--radius-circle);background:var(--brand-purple);display:flex;align-items:center;justify-content:center;border:2px solid var(--bg-secondary);color:var(--text-primary)}.account-profile-info{flex:1}.account-profile-name{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--text-primary);margin:0}.account-profile-username{font-size:var(--text-base);color:var(--text-muted);margin:var(--space-1) 0 0 0}.account-profile-bio{font-size:var(--text-sm);color:var(--text-tertiary);margin:var(--space-2) 0 0 0;line-height:var(--leading-normal)}.account-btn-edit-profile{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);background:var(--tier3-bg);border:none;border-radius:var(--radius-md);color:var(--brand-gold);font-size:var(--text-base);font-weight:var(--font-semibold);cursor:pointer;transition:var(--transition-base)}.account-btn-edit-profile:hover{background:#ffbd5933;transform:translateY(-1px)}.account-stats-container{display:flex;align-items:center;background:var(--bg-glass);-webkit-backdrop-filter:blur(var(--blur-glass));backdrop-filter:blur(var(--blur-glass));border-radius:var(--radius-lg);padding:var(--space-5);border:1px solid var(--tier2-border)}.account-stat-item{flex:1;display:flex;flex-direction:column;align-items:center;cursor:pointer;transition:opacity var(--transition-fast)}.account-stat-item:hover{opacity:.8}.account-stat-number{font-size:var(--text-3xl);font-weight:var(--font-black);color:var(--tier1-color)}.account-stat-label{font-size:var(--text-sm);color:var(--text-muted);margin-top:var(--space-1)}.account-stat-divider{width:1px;height:30px;background:var(--border-primary)}.account-view-profile-button{display:flex;align-items:center;gap:var(--space-2);width:100%;background:var(--bg-glass);border:1px solid var(--tier2-border);border-radius:var(--radius-md);padding:var(--space-4) var(--space-5);color:var(--brand-purple);font-size:var(--text-lg);font-weight:var(--font-semibold);cursor:pointer;transition:var(--transition-base)}.account-view-profile-button span{flex:1;text-align:left}.account-view-profile-button:hover{background:var(--tier2-bg);transform:translateY(-1px)}.account-view-profile-button svg:last-child{color:var(--text-disabled)}.account-admin-section{background:#ff00ff14;border-radius:var(--radius-lg);padding:var(--space-5);border:2px solid rgba(255,0,255,.4)}.account-admin-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-4);color:#f0f;font-size:var(--text-sm);font-weight:var(--font-bold);letter-spacing:2px}.account-admin-main-button{display:flex;align-items:center;justify-content:space-between;width:100%;background:#ff00ff4d;border:none;border-radius:var(--radius-md);padding:var(--space-4) var(--space-5);color:var(--text-primary);cursor:pointer;transition:var(--transition-base)}.account-admin-main-button:hover{background:#f0f6;transform:translateY(-1px)}.account-admin-button-content{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-xl);font-weight:var(--font-bold)}.account-asset-stats-container{display:flex;gap:var(--space-3)}.account-asset-stat-card{flex:1;display:flex;flex-direction:column;align-items:center;background:var(--bg-glass);-webkit-backdrop-filter:blur(var(--blur-glass));backdrop-filter:blur(var(--blur-glass));border-radius:var(--radius-lg);padding:var(--space-5) var(--space-3);border:1px solid var(--tier2-border);cursor:pointer;transition:var(--transition-base)}.account-asset-stat-card:hover{transform:translateY(-2px);box-shadow:var(--glow-purple)}.account-asset-stat-icon{margin-bottom:var(--space-3)}.account-asset-stat-icon.gems{color:var(--brand-gold)}.account-asset-stat-icon.earnings{color:var(--tier-free-color)}.account-asset-stat-icon.affiliate{color:var(--tier1-color)}.account-asset-stat-value{font-size:var(--text-3xl);font-weight:var(--font-black);margin-bottom:var(--space-1)}.account-asset-stat-value.gems{color:var(--brand-gold)}.account-asset-stat-value.earnings{color:var(--tier-free-color)}.account-asset-stat-value.affiliate{color:var(--tier1-color)}.account-asset-stat-label{font-size:var(--text-sm);color:var(--text-muted);margin-bottom:var(--space-1)}.account-asset-stat-subtitle{font-size:var(--text-xs);color:var(--text-disabled)}.account-section-title{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--text-primary);margin:var(--space-8) 0 var(--space-5) var(--space-1)}.account-section-title.gold{color:var(--brand-gold)}.account-section-title.red{color:var(--accent-red);margin-bottom:0;margin-left:var(--space-2)}.account-section-header-row{display:flex;align-items:center;margin-bottom:var(--space-4)}.account-section-header-row .account-settings-icon{color:var(--accent-red)}.account-actions-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.account-action-card{background:var(--bg-glass);-webkit-backdrop-filter:blur(var(--blur-glass));backdrop-filter:blur(var(--blur-glass));border-radius:var(--radius-lg);padding:var(--space-5);border:1px solid var(--tier2-border);cursor:pointer;transition:var(--transition-base)}.account-action-card:hover{transform:translateY(-2px);box-shadow:var(--glow-purple)}.account-action-icon{width:48px;height:48px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-3)}.account-action-icon.gems{background:var(--tier3-bg);color:var(--brand-gold)}.account-action-icon.earnings{background:var(--tier-free-bg);color:var(--tier-free-color)}.account-action-icon.transactions{background:var(--tier2-bg);color:var(--brand-purple)}.account-action-icon.boost{background:#ec489926;color:var(--brand-pink)}.account-action-icon.portfolio{background:#8b5cf626;color:var(--brand-purple)}.account-action-icon.sounds{background:#f59e0b26;color:var(--accent-orange)}.account-action-title{display:block;font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:var(--space-1)}.account-action-subtitle{display:block;font-size:var(--text-sm);color:var(--text-muted)}.account-menu-section{margin-top:var(--space-2)}.account-menu-item{display:flex;align-items:center;background:var(--bg-glass);-webkit-backdrop-filter:blur(var(--blur-glass));backdrop-filter:blur(var(--blur-glass));border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-2);border:1px solid var(--border-primary);cursor:pointer;transition:var(--transition-base)}.account-menu-item:hover{background:var(--bg-glass-light);transform:translate(2px)}.account-menu-item.account-logout{border-color:#ff6b6b4d}.account-menu-item.account-logout:hover{background:#ff6b6b1a}.account-menu-icon{width:40px;height:40px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;margin-right:var(--space-3)}.account-menu-icon.orders{background:var(--tier3-bg);color:var(--brand-gold)}.account-menu-icon.portfolio{background:var(--tier-free-bg);color:var(--tier-free-color)}.account-menu-icon.paper-trade{background:var(--tier2-bg);color:var(--brand-purple)}.account-menu-icon.courses{background:var(--tier1-bg);color:var(--tier1-color)}.account-menu-icon.enrolled,.account-menu-icon.profile{background:var(--tier2-bg);color:var(--brand-purple)}.account-menu-icon.password{background:#ff6b6b26;color:var(--accent-red)}.account-menu-icon.notifications{background:var(--tier3-bg);color:var(--brand-gold)}.account-menu-icon.privacy{background:var(--tier1-bg);color:var(--tier1-color)}.account-menu-icon.close-friends{background:var(--tier-free-bg);color:var(--tier-free-color)}.account-menu-icon.saved{background:var(--tier3-bg);color:var(--brand-gold)}.account-menu-icon.help,.account-menu-icon.terms{background:#ffffff1a;color:var(--text-muted)}.account-menu-icon.logout{background:#ff6b6b26;color:var(--accent-red)}.account-menu-content{flex:1}.account-menu-text{display:block;font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary)}.account-menu-text.logout{color:var(--accent-red)}.account-menu-subtext{display:block;font-size:var(--text-sm);color:var(--text-muted);margin-top:2px}.account-menu-item>svg:last-child{color:var(--text-disabled)}.account-refresh-button{display:flex;align-items:center;justify-content:center;gap:var(--space-2);width:100%;padding:var(--space-4);margin-top:var(--space-6);background:var(--bg-glass);border:1px solid var(--border-primary);border-radius:var(--radius-lg);color:var(--text-tertiary);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:var(--transition-base)}.account-refresh-button:hover:not(:disabled){background:var(--bg-glass-light);color:var(--text-secondary)}.account-refresh-button:disabled{opacity:.6;cursor:not-allowed}@media(max-width:768px){.account-dashboard{padding:90px var(--space-3) var(--space-8) var(--space-3)}.account-profile-section{flex-wrap:wrap}.account-profile-name{font-size:var(--text-xl)}.account-profile-username{font-size:var(--text-sm)}.account-btn-edit-profile{width:100%;justify-content:center;margin-top:var(--space-3)}.account-asset-stats-container{flex-wrap:wrap}.account-asset-stat-card{min-width:calc(50% - 6px)}.account-asset-stat-card:nth-child(3){min-width:100%}.account-actions-grid{grid-template-columns:1fr}.account-stat-number,.account-asset-stat-value{font-size:var(--text-2xl)}.account-section-title{font-size:var(--text-lg);margin:var(--space-6) 0 var(--space-4) var(--space-1)}.account-action-title,.account-menu-text{font-size:var(--text-base)}.account-view-profile-button{font-size:var(--text-base);padding:var(--space-3) var(--space-4)}}.profile-page-wrapper{position:relative;min-height:calc(100vh - 160px)}.profile-page-content{width:100%;max-width:1400px;margin:0 auto;padding:40px 60px}@media(min-width:969px){.profile-page-content{margin-left:140px;margin-right:60px}}.user-profile-container{width:100%;max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:24px}.loading-container,.error-container{padding:60px 20px;text-align:center;color:#fff9}.profile-header{padding:32px;border-radius:20px;background:#1e2a5e66;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);box-shadow:0 8px 32px #00000059;transition:all .3s ease}.profile-header:hover{transform:translateY(-2px);border-color:#ffffff40;box-shadow:0 12px 48px #00000073,0 0 80px #00d9ff26}.profile-banner{display:flex;align-items:flex-start;gap:28px;margin-bottom:36px;flex-wrap:wrap}.profile-avatar-section{position:relative}.profile-avatar{width:140px;height:140px;border-radius:50%;object-fit:cover;border:5px solid #FFBD59;box-shadow:0 0 30px #ffbd5966,0 8px 24px #0000004d;transition:all .3s ease}.profile-avatar:hover{transform:scale(1.05);box-shadow:0 0 40px #ffbd5999,0 12px 32px #0006}.profile-rank-badge{position:absolute;bottom:-8px;right:-8px;background:linear-gradient(135deg,#ffbd59,#ff8c00);color:#0a0e27;font-family:Poppins,sans-serif;font-size:16px;font-weight:900;padding:8px 16px;border-radius:50px;border:4px solid #0A0E27;box-shadow:0 4px 16px #ffbd5980}.profile-info{flex:1;min-width:0}.social-links{display:flex;gap:16px;margin-top:12px;flex-wrap:wrap}.social-link{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fffc;text-decoration:none;font-size:14px;font-weight:500;transition:all .2s ease}.social-link:hover{background:#ffbd591a;border-color:#ffbd5966;color:#ffbd59;transform:translateY(-2px)}.profile-name{font-family:Poppins,sans-serif;font-size:42px;font-weight:800;background:linear-gradient(135deg,#fff,#ffbd59);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 10px;letter-spacing:-1px}.profile-name-badges{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:8px}.profile-name-badges h1{margin:0}.profile-tier{font-family:Inter,sans-serif;font-size:15px;font-weight:600;color:#ffffffb3;margin:0 0 16px}.profile-bio{font-family:Inter,sans-serif;font-size:16px;color:#ffffffd9;line-height:1.6;margin:0}.btn-edit-profile{background:linear-gradient(135deg,#9c0612,#6b0f1a);border:2px solid #FFBD59;border-radius:50px;padding:18px 40px;color:#fff;font-family:Poppins,sans-serif;font-size:18px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:12px;transition:all .3s ease;box-shadow:0 10px 40px #9c061266;position:relative;overflow:hidden}.btn-edit-profile:before{content:"";position:absolute;inset:0;background:radial-gradient(circle,rgba(255,189,89,.15) 0%,transparent 70%);opacity:0;transition:opacity .4s ease}.btn-edit-profile:hover{transform:translateY(-3px);box-shadow:0 12px 48px #9c061280,0 0 30px #ffbd5966;border-color:#ffbd59cc}.btn-edit-profile:hover:before{opacity:1}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.stat-card{background:#1e2a5e66;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:24px;display:flex;align-items:center;gap:16px;transition:all .3s ease;box-shadow:0 8px 32px #00000059}.stat-card:hover{border-color:#ffffff40;transform:translateY(-4px);box-shadow:0 12px 48px #00000073,0 0 80px #00d9ff26}.stat-icon{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 12px #0003}.stat-content{flex:1;min-width:0}.stat-label{font-family:Inter,sans-serif;font-size:13px;font-weight:600;color:#ffffffb3;margin:0 0 6px;text-transform:uppercase;letter-spacing:.5px}.stat-value{font-family:Poppins,sans-serif;font-size:28px;font-weight:700;color:#fff;margin:0}.profile-content{display:flex;flex-direction:column;gap:24px}.profile-section{padding:32px;background:#1e2a5e66;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);border-radius:20px;box-shadow:0 8px 32px #00000059;transition:all .3s ease}.profile-section:hover{transform:translateY(-2px);border-color:#ffffff40;box-shadow:0 12px 48px #00000073,0 0 80px #00d9ff26}.section-title{font-size:20px;font-weight:700;color:#fff;margin:0 0 20px;display:flex;align-items:center;gap:12px}.empty-section{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:#fff9;text-align:center}.empty-section p{margin:8px 0 0}.achievements-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.achievement-card{background:#1e2a5e4d;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.12);border-radius:16px;padding:24px;text-align:center;position:relative;transition:all .3s ease;box-shadow:0 4px 16px #00000040}.achievement-card:hover{transform:translateY(-6px);box-shadow:0 12px 32px #00000059}.achievement-card.rarity-common{border-color:#ffffff40;background:#1e2a5e59}.achievement-card.rarity-common:hover{box-shadow:0 12px 32px #ffffff26}.achievement-card.rarity-rare{border-color:#00d9ff99;background:linear-gradient(135deg,#00d9ff26,#1e2a5e59)}.achievement-card.rarity-rare:hover{box-shadow:0 0 40px #00d9ff66,0 12px 32px #00000059}.achievement-card.rarity-epic{border-color:#8b5cf699;background:linear-gradient(135deg,#8b5cf626,#1e2a5e59)}.achievement-card.rarity-epic:hover{box-shadow:0 0 40px #8b5cf666,0 12px 32px #00000059}.achievement-card.rarity-legendary{border-color:#ffbd59cc;background:linear-gradient(135deg,#ffbd5933,#ff8c001a,#1e2a5e59)}.achievement-card.rarity-legendary:hover{box-shadow:0 0 50px #ffbd5980,0 12px 32px #00000059}.achievement-icon{font-size:48px;margin-bottom:12px}.achievement-name{font-size:16px;font-weight:700;color:#fff;margin:0 0 8px}.achievement-desc{font-size:13px;color:#fff9;line-height:1.4;margin:0 0 12px}.achievement-footer{display:flex;justify-content:space-between;align-items:center;padding-top:12px;border-top:1px solid rgba(255,255,255,.1)}.achievement-rarity{font-size:11px;text-transform:uppercase;font-weight:700;color:#fff9}.achievement-points{font-size:12px;font-weight:700;color:#ffbd59}.achievement-date{display:block;font-size:11px;color:#fff6;margin-top:8px}.activity-list{display:flex;flex-direction:column;gap:12px}.activity-item{display:flex;align-items:center;gap:12px;padding:12px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:8px;transition:all .2s}.activity-item:hover{background:#ffffff0d}.activity-icon{width:36px;height:36px;border-radius:8px;background:#ffffff14;display:flex;align-items:center;justify-content:center;flex-shrink:0}.activity-content{flex:1;min-width:0}.activity-text{font-size:14px;color:#fff;margin:0 0 4px}.activity-time{font-size:12px;color:#ffffff80}@media(max-width:1200px){.profile-page-wrapper{gap:20px;padding:20px}}@media(max-width:968px){.profile-page-content{margin-left:0;margin-right:0;padding:20px}.profile-header{padding:20px}.profile-banner{flex-direction:column;align-items:center;text-align:center}.profile-avatar{width:100px;height:100px}.profile-name{font-size:24px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.stat-value{font-size:20px}.achievements-grid{grid-template-columns:1fr}.btn-edit-profile{width:100%;justify-content:center}}@media(max-width:640px){.stats-grid{grid-template-columns:1fr}}@media(max-width:767px){.profile-page-content{padding:16px}.user-profile-container{gap:16px}.profile-header{padding:16px;border-radius:16px}.profile-banner{gap:16px;margin-bottom:20px}.profile-avatar{width:80px;height:80px;border-width:3px}.profile-rank-badge{font-size:12px;padding:5px 10px;bottom:-5px;right:-5px}.profile-name{font-size:22px;letter-spacing:-.5px}.profile-tier{font-size:13px;margin-bottom:12px}.profile-bio{font-size:14px}.social-links{gap:10px;margin-top:10px}.social-link{padding:5px 10px;font-size:12px;gap:4px}.btn-edit-profile{padding:12px 24px;font-size:14px;gap:8px;min-height:44px}.stats-grid{grid-template-columns:1fr;gap:8px}.stat-card{padding:12px;gap:12px;border-radius:12px;min-height:70px}.stat-icon{width:28px;height:28px;border-radius:8px}.stat-icon svg{width:16px;height:16px}.stat-label{font-size:11px;margin-bottom:4px;letter-spacing:.3px}.stat-value{font-size:20px;line-height:1.2}.profile-content{gap:16px}.profile-section{padding:16px;border-radius:16px}.section-title{font-size:16px;margin-bottom:14px;gap:8px}.achievements-grid{grid-template-columns:1fr 1fr;gap:10px}.achievement-card{padding:14px;border-radius:12px}.achievement-icon{font-size:32px;margin-bottom:8px}.achievement-name{font-size:13px;margin-bottom:6px}.achievement-desc{font-size:11px;margin-bottom:8px}.achievement-footer{padding-top:8px}.achievement-rarity{font-size:10px}.achievement-points{font-size:11px}.activity-list{gap:8px}.activity-item{padding:10px;gap:10px}.activity-icon{width:32px;height:32px}.activity-text{font-size:13px}.activity-time{font-size:11px}.empty-section{padding:24px 16px}.loading-container,.error-container{padding:40px 16px}}.modal-overlay{position:fixed;inset:0;background:#000000b3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:linear-gradient(180deg,#4a1a4ff2,#1e2a5ef2);border:1px solid rgba(255,189,89,.3);border-radius:20px;padding:0;max-width:600px;width:90%;max-height:90vh;overflow:auto;box-shadow:0 20px 60px #00000080}.modal-header{padding:24px 32px;border-bottom:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:center}.modal-header h2{margin:0;font-size:24px;background:linear-gradient(135deg,#fff,#ffbd59);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.modal-close{background:none;border:none;color:#fff9;font-size:32px;cursor:pointer;line-height:1;padding:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;transition:color .2s}.modal-close:hover{color:#fff}.modal-body{padding:24px 32px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;color:#ffffffe6;font-weight:500;font-size:14px}.form-group input,.form-group textarea{width:100%;padding:12px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-family:inherit;font-size:14px;transition:all .2s;box-sizing:border-box}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#ffbd59;background:#ffffff14}.form-group textarea{resize:vertical;min-height:100px}.modal-footer{padding:20px 32px;border-top:1px solid rgba(255,255,255,.1);display:flex;gap:12px;justify-content:flex-end}.btn-primary,.btn-secondary{padding:10px 24px;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s;border:none;font-size:14px}.btn-primary{background:linear-gradient(135deg,#ffbd59,#ff8c00);color:#000}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #ffbd5966}.btn-secondary{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}.btn-secondary:hover{background:#ffffff26}@media(max-width:768px){.modal-content{width:95%}.modal-header,.modal-body,.modal-footer{padding:16px 20px}}.progress-bar-container{display:flex;align-items:center;gap:var(--spacing-sm);width:100%}.progress-bar-track{flex:1;background:#ffffff1a;border-radius:var(--radius-full);overflow:hidden}.progress-bar-fill{height:100%;border-radius:var(--radius-full);background:var(--color-primary);min-width:2px}.progress-bar-label{font-weight:600;flex-shrink:0}.progress-bar-sm .progress-bar-track{height:4px}.progress-bar-sm .progress-bar-label{font-size:var(--font-size-xs)}.progress-bar-md .progress-bar-track{height:6px}.progress-bar-md .progress-bar-label{font-size:var(--font-size-sm)}.progress-bar-lg .progress-bar-track{height:8px}.progress-bar-lg .progress-bar-label{font-size:var(--font-size-base)}@media(max-width:640px){.progress-bar-lg .progress-bar-track{height:6px}}.goal-card{position:relative;background:var(--color-bg-card);border-radius:var(--radius-lg);padding:var(--spacing-xl);border:1px solid var(--color-border-light);cursor:pointer;transition:all .2s ease;overflow:visible}.goal-card:hover{border-color:var(--color-border-accent);box-shadow:var(--shadow-card-hover)}.goal-card-completed{opacity:.8;border-color:var(--color-success)}.goal-card-overdue{border-color:var(--color-error)}.goal-card-compact{padding:var(--spacing-base)}.goal-card-compact .goal-card-description{display:none}.goal-card-compact .goal-card-title{font-size:var(--font-size-base)}.goal-card-badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:500;margin-bottom:var(--spacing-sm)}.goal-card-menu-btn{position:absolute;top:var(--spacing-base);right:var(--spacing-base);background:transparent;border:none;color:var(--color-text-muted);cursor:pointer;padding:var(--spacing-xs);border-radius:var(--radius-sm);transition:all .2s ease;z-index:2}.goal-card-menu-btn:hover{background:var(--color-bg-card-hover);color:var(--color-text-primary)}.goal-card-menu{position:absolute;top:calc(var(--spacing-base) + 32px);right:var(--spacing-base);background:var(--color-bg-card);border:1px solid var(--color-border-light);border-radius:var(--radius-md);padding:var(--spacing-xs);min-width:160px;z-index:10;box-shadow:var(--shadow-lg)}.goal-card-menu-item{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:none;color:var(--color-text-secondary);font-size:var(--font-size-sm);cursor:pointer;border-radius:var(--radius-sm);transition:all .15s ease}.goal-card-menu-item:hover{background:var(--color-bg-card-hover);color:var(--color-text-primary)}.goal-card-menu-item-danger:hover{background:#ff6b6b26;color:var(--color-error)}.goal-card-menu-overlay{position:fixed;inset:0;z-index:5}.goal-card-title{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-md);font-weight:600;color:var(--color-text-primary);margin:0 0 var(--spacing-sm) 0;padding-right:40px}.goal-card-complete-icon{color:var(--color-success);flex-shrink:0}.goal-card-description{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0 0 var(--spacing-base) 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.goal-card-progress-section{margin-bottom:var(--spacing-base)}.goal-card-progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xs)}.goal-card-progress-label{font-size:var(--font-size-xs);color:var(--color-text-muted)}.goal-card-progress-value{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-primary)}.goal-card-footer{display:flex;align-items:center;gap:var(--spacing-md);flex-wrap:wrap}.goal-card-date,.goal-card-milestones{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-xs);color:var(--color-text-muted)}.goal-card-date-overdue{color:var(--color-error)}.goal-card-arrow{margin-left:auto;color:var(--color-text-muted);transition:transform .2s ease}.goal-card:hover .goal-card-arrow{transform:translate(4px);color:var(--color-primary)}@media(max-width:768px){.goal-card{padding:var(--spacing-lg)}.goal-card-title{font-size:var(--font-size-base)}.goal-card-compact{padding:var(--spacing-md)}}@media(max-width:640px){.goal-card{padding:var(--spacing-base)}.goal-card-badge{font-size:10px;padding:3px var(--spacing-xs)}.goal-card-title{font-size:var(--font-size-sm);padding-right:32px}.goal-card-footer{gap:var(--spacing-sm)}.goal-card-menu-btn{top:var(--spacing-sm);right:var(--spacing-sm)}}.habit-card{position:relative;display:flex;align-items:center;gap:var(--spacing-md);background:var(--color-bg-card);border-radius:var(--radius-md);padding:var(--spacing-base);border:1px solid var(--color-border-light);transition:all .2s ease;min-height:72px}.habit-card:hover{border-color:var(--color-border-accent);background:var(--color-bg-card-hover)}.habit-card-completed{background:#3af7a60d}.habit-card-checkbox{width:28px;height:28px;min-width:28px;border-radius:var(--radius-sm);border:2px solid;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;padding:0}.habit-card-checkbox:hover{transform:scale(1.1)}.habit-card-checkbox-checked{border-color:var(--color-success)!important}.habit-card-content{flex:1;min-width:0}.habit-card-title{font-size:var(--font-size-base);font-weight:500;color:var(--color-text-primary);margin:0 0 var(--spacing-xs) 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.habit-card-title-completed{color:var(--color-text-muted);text-decoration:line-through}.habit-card-meta{display:flex;align-items:center;gap:var(--spacing-md)}.habit-card-category{font-size:var(--font-size-xs);font-weight:500}.habit-card-streak{display:flex;align-items:center;gap:2px;font-size:var(--font-size-xs);color:var(--color-text-muted);font-weight:600}.habit-card-menu-btn{background:transparent;border:none;color:var(--color-text-muted);cursor:pointer;padding:var(--spacing-xs);border-radius:var(--radius-sm);transition:all .15s ease;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}.habit-card-menu-btn:hover{background:var(--color-bg-card-hover);color:var(--color-text-primary)}.habit-card-menu-overlay{position:fixed;inset:0;z-index:5}.habit-card-menu{position:absolute;top:100%;right:var(--spacing-sm);background:var(--color-bg-card);border:1px solid var(--color-border-light);border-radius:var(--radius-md);padding:var(--spacing-xs);min-width:120px;z-index:10;box-shadow:var(--shadow-lg)}.habit-card-menu-item{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm);background:transparent;border:none;color:var(--color-text-secondary);font-size:var(--font-size-sm);cursor:pointer;border-radius:var(--radius-sm);transition:all .15s ease}.habit-card-menu-item:hover{background:var(--color-bg-card-hover);color:var(--color-text-primary)}.habit-card-menu-item-danger:hover{background:#ff6b6b26;color:var(--color-error)}@media(max-width:768px){.habit-card{min-height:64px;padding:var(--spacing-md)}.habit-card-checkbox{width:24px;height:24px;min-width:24px}}@media(max-width:640px){.habit-card{min-height:56px;padding:var(--spacing-sm) var(--spacing-md);gap:var(--spacing-sm)}.habit-card-title{font-size:var(--font-size-sm)}.habit-card-meta{gap:var(--spacing-sm)}}.affirmation-card{position:relative;background:linear-gradient(135deg,#6a5bff1a,#a855f71a);border:1px solid rgba(106,91,255,.2);border-radius:var(--radius-xl);padding:var(--spacing-2xl);text-align:center;overflow:hidden}.affirmation-card-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-sm);min-height:150px;color:var(--color-text-muted)}.affirmation-card-empty-icon{color:var(--color-accent);opacity:.5}.affirmation-card-empty p{margin:0;font-weight:500}.affirmation-card-empty span{font-size:var(--font-size-sm)}.affirmation-card-sparkle{position:absolute;color:var(--color-primary);opacity:.3;animation:sparkle 3s ease-in-out infinite}.affirmation-card-sparkle-1{top:var(--spacing-base);left:var(--spacing-base);animation-delay:0s}.affirmation-card-sparkle-2{top:var(--spacing-lg);right:var(--spacing-lg);animation-delay:1.5s}@keyframes sparkle{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}.affirmation-card-category{display:inline-block;padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:500;margin-bottom:var(--spacing-base)}.affirmation-card-text{font-size:var(--font-size-xl);font-weight:500;color:var(--color-text-primary);line-height:1.6;margin:0 0 var(--spacing-xl) 0;font-style:italic}.affirmation-card-controls{display:flex;justify-content:center;gap:var(--spacing-md)}.affirmation-card-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-full);background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--color-text-muted);cursor:pointer;transition:all .2s ease}.affirmation-card-btn:hover{background:#ffffff1a;color:var(--color-text-primary);transform:scale(1.1)}.affirmation-card-btn-favorite.is-favorite{background:#ff6b6b1a;border-color:#ff6b6b33}.affirmation-card-btn-favorite.is-favorite:hover{background:#ff6b6b33}@media(max-width:768px){.affirmation-card{padding:var(--spacing-xl)}.affirmation-card-text{font-size:var(--font-size-lg)}}@media(max-width:640px){.affirmation-card{padding:var(--spacing-lg)}.affirmation-card-text{font-size:var(--font-size-md)}.affirmation-card-btn{width:40px;height:40px}}.progress-ring{position:relative;display:inline-flex;align-items:center;justify-content:center}.progress-ring-svg{position:absolute;top:0;left:0}.progress-ring-background{stroke:#ffffff1a}.progress-ring-progress{filter:drop-shadow(0 0 6px currentColor)}.progress-ring-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center}.progress-ring-value{font-weight:700}.progress-ring-sm .progress-ring-value{font-size:var(--font-size-sm)}.progress-ring-md .progress-ring-value{font-size:var(--font-size-lg)}.progress-ring-lg .progress-ring-value{font-size:var(--font-size-xl)}.progress-ring-xl .progress-ring-value{font-size:var(--font-size-2xl)}@media(max-width:640px){.progress-ring-lg{width:80px!important;height:80px!important}.progress-ring-xl{width:100px!important;height:100px!important}}.streak-badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:#ffbd591a;border:1px solid rgba(255,189,89,.2);border-radius:var(--radius-full)}.streak-badge-icon{display:flex;align-items:center;justify-content:center}.streak-badge-count{font-weight:700}.streak-badge-label{color:var(--color-text-muted);font-weight:400}.streak-badge-sm{padding:2px var(--spacing-xs);gap:2px}.streak-badge-sm .streak-badge-count,.streak-badge-sm .streak-badge-label{font-size:var(--font-size-xs)}.streak-badge-md .streak-badge-count{font-size:var(--font-size-sm)}.streak-badge-md .streak-badge-label{font-size:var(--font-size-xs)}.streak-badge-lg{padding:var(--spacing-sm) var(--spacing-md);gap:var(--spacing-sm)}.streak-badge-lg .streak-badge-count{font-size:var(--font-size-lg)}.streak-badge-lg .streak-badge-label{font-size:var(--font-size-sm)}.quota-bar{display:flex;flex-direction:column;gap:var(--spacing-xs)}.quota-bar-header{display:flex;justify-content:space-between;align-items:center}.quota-bar-label{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.quota-bar-info{display:flex;cursor:help;color:var(--color-text-muted)}.quota-bar-count{font-size:var(--font-size-sm)}.quota-bar-current{font-weight:600;color:var(--color-text-primary)}.quota-bar-separator{color:var(--color-text-muted);margin:0 2px}.quota-bar-limit{color:var(--color-text-muted)}.quota-bar-track{height:4px;background:#ffffff1a;border-radius:var(--radius-full);overflow:hidden}.quota-bar-fill{height:100%;border-radius:var(--radius-full);min-width:2px}.quota-bar-upgrade{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);margin-top:var(--spacing-xs);padding:var(--spacing-sm);background:#6a5bff1a;border:1px solid rgba(106,91,255,.2);border-radius:var(--radius-sm);color:var(--color-accent);font-size:var(--font-size-xs);font-weight:500;cursor:pointer;transition:all .2s ease}.quota-bar-upgrade:hover{background:#6a5bff33}.quota-bar-warning{margin:var(--spacing-xs) 0 0 0;font-size:var(--font-size-xs);color:var(--color-warning)}.daily-score-card{background:var(--color-bg-card);border-radius:var(--radius-xl);border:1px solid var(--color-border-light);padding:var(--spacing-xl)}.daily-score-card-empty{display:flex;align-items:center;justify-content:center;min-height:200px;color:var(--color-text-muted)}.daily-score-main{display:flex;align-items:center;gap:var(--spacing-xl);margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-xl);border-bottom:1px solid var(--color-border-light)}.daily-score-value{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-text-primary)}.daily-score-label{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px}.daily-score-info{flex:1}.daily-score-title{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text-primary);margin:0 0 var(--spacing-xs) 0}.daily-score-message{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}.daily-score-breakdown{display:flex;flex-direction:column;gap:var(--spacing-md)}.daily-score-category{display:flex;flex-direction:column;gap:var(--spacing-xs)}.daily-score-category-header{display:flex;align-items:center;gap:var(--spacing-sm)}.daily-score-category-icon{display:flex;align-items:center;justify-content:center}.daily-score-category-label{font-size:var(--font-size-sm);color:var(--color-text-primary);font-weight:500}.daily-score-category-weight{font-size:var(--font-size-xs);color:var(--color-text-muted);cursor:help}.daily-score-category-bar{height:4px;background:#ffffff1a;border-radius:var(--radius-full);overflow:hidden}.daily-score-category-fill{height:100%;border-radius:var(--radius-full);min-width:2px}.daily-score-category-detail{display:flex;justify-content:space-between;font-size:var(--font-size-xs)}.daily-score-category-detail span:first-child{font-weight:600}.daily-score-category-detail span:last-child{color:var(--color-text-muted)}.daily-score-tooltip{display:flex;align-items:center;gap:var(--spacing-xs);margin-top:var(--spacing-lg);padding-top:var(--spacing-md);border-top:1px solid var(--color-border-light);font-size:var(--font-size-xs);color:var(--color-text-muted)}@media(max-width:768px){.daily-score-card{padding:var(--spacing-lg)}.daily-score-main{gap:var(--spacing-lg)}.daily-score-title{font-size:var(--font-size-md)}}@media(max-width:640px){.daily-score-card{padding:var(--spacing-base)}.daily-score-main{flex-direction:column;text-align:center;gap:var(--spacing-md)}.daily-score-value{font-size:var(--font-size-xl)}.daily-score-tooltip{flex-wrap:wrap}}.life-area-selector{position:relative;margin:0 calc(-1 * var(--spacing-base));padding:0 var(--spacing-base)}.life-area-selector-scroll{display:flex;gap:var(--spacing-sm);overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;padding:var(--spacing-xs) 0}.life-area-selector-scroll::-webkit-scrollbar{display:none}.life-area-tab{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-full);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;white-space:nowrap;transition:all .2s ease;min-height:44px}.life-area-tab:hover{background:#ffffff0d;color:var(--color-text-primary)}.life-area-tab-selected{color:var(--color-text-primary);border-color:var(--area-color);background:color-mix(in srgb,var(--area-color) 10%,transparent)}@media(max-width:768px){.life-area-selector:after{content:"";position:absolute;top:0;right:0;bottom:0;width:40px;background:linear-gradient(to left,var(--color-bg-primary),transparent);pointer-events:none}.life-area-tab{padding:var(--spacing-sm) var(--spacing-base);font-size:var(--font-size-xs)}}.loading-spinner-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;padding:32px}.loading-spinner-container.fullscreen{position:fixed;inset:0;min-height:100vh;background:#0a0a0fe6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999}.loading-spinner-container.sm{min-height:100px;padding:16px}.loading-spinner-container.lg{min-height:400px}.loading-spinner-content{display:flex;flex-direction:column;align-items:center;gap:16px}.loading-spinner-icon{color:var(--primary-gold, #FFBD59);animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-spinner-message{font-size:15px;color:var(--text-secondary, #B8B8D0);margin:0;text-align:center}.loading-spinner-container.sm .loading-spinner-message{font-size:13px}.loading-spinner-container.lg .loading-spinner-message{font-size:17px}.vision-board-page{max-width:1200px;margin:0 auto;padding:var(--spacing-xl);padding-bottom:100px}.vision-board-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-lg);margin-bottom:var(--spacing-2xl)}.vision-board-header h1{font-size:var(--font-size-3xl);font-weight:700;color:var(--color-text-primary);margin:0}.vision-board-subtitle{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:var(--spacing-xs) 0 0 0}.vision-board-header-right{display:flex;align-items:center;gap:var(--spacing-md)}.vision-board-xp-badge{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:#ffbd591a;border:1px solid rgba(255,189,89,.2);border-radius:var(--radius-full);font-weight:600;color:var(--color-text-primary)}.vision-board-xp-label{font-size:var(--font-size-xs);color:var(--color-text-muted)}.vision-board-settings-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:transparent;border:1px solid var(--color-border-light);border-radius:var(--radius-full);color:var(--color-text-muted);cursor:pointer;transition:all .2s ease}.vision-board-settings-btn:hover{background:var(--color-bg-card);color:var(--color-text-primary)}.vision-board-stats-row,.vision-board-section{margin-bottom:var(--spacing-2xl)}.vision-board-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-base)}.vision-board-section-title{display:flex;align-items:center;gap:var(--spacing-sm)}.vision-board-section-title h2{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text-primary);margin:0}.vision-board-section-count{font-size:var(--font-size-sm);color:var(--color-text-muted);padding:2px var(--spacing-sm);background:#ffffff0d;border-radius:var(--radius-full)}.vision-board-section-link{display:flex;align-items:center;gap:var(--spacing-xs);background:transparent;border:none;color:var(--color-accent);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:opacity .2s ease}.vision-board-section-link:hover{opacity:.8}.vision-board-habits-grid{display:flex;flex-direction:column;gap:var(--spacing-sm)}.vision-board-goals-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--spacing-lg)}.vision-board-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-3xl);background:var(--color-bg-card);border-radius:var(--radius-lg);border:1px dashed var(--color-border-light);color:var(--color-text-muted);text-align:center}.vision-board-empty p{margin:0}.vision-board-empty-btn{margin-top:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);background:var(--color-accent);border:none;border-radius:var(--radius-md);color:#fff;font-weight:500;cursor:pointer;transition:opacity .2s ease}.vision-board-empty-btn:hover{opacity:.9}.vision-board-show-more{width:100%;padding:var(--spacing-md);background:transparent;border:1px solid var(--color-border-light);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--font-size-sm);cursor:pointer;transition:all .2s ease;margin-top:var(--spacing-sm)}.vision-board-show-more:hover{background:var(--color-bg-card);color:var(--color-text-primary)}.vision-board-quotas{background:var(--color-bg-card);border-radius:var(--radius-lg);padding:var(--spacing-xl);border:1px solid var(--color-border-light)}.vision-board-quotas-title{font-size:var(--font-size-md);font-weight:600;color:var(--color-text-primary);margin:0 0 var(--spacing-lg) 0}.vision-board-quotas-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-xl)}.vision-board-error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md);padding:var(--spacing-4xl);text-align:center;color:var(--color-text-muted)}.vision-board-error button{padding:var(--spacing-sm) var(--spacing-lg);background:var(--color-accent);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer}.vision-board-fab-container{position:fixed;bottom:var(--spacing-xl);right:var(--spacing-xl);z-index:100}.vision-board-fab{width:56px;height:56px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--color-accent),#8B7FFF);border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-lg),0 0 20px #6a5bff4d;position:relative;z-index:2}.vision-board-fab-overlay{position:fixed;inset:0;background:#0000004d;z-index:1}.vision-board-fab-menu{position:absolute;bottom:70px;right:0;display:flex;flex-direction:column;gap:var(--spacing-sm);z-index:2}.vision-board-fab-action{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);padding-left:var(--spacing-md);background:var(--color-bg-card);border:1px solid var(--color-border-light);border-radius:var(--radius-full);cursor:pointer;transition:all .2s ease;white-space:nowrap}.vision-board-fab-action:hover{background:var(--color-bg-card-hover);transform:translate(-4px)}.vision-board-fab-action span{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-primary)}.vision-board-fab-action-icon{width:36px;height:36px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center}@media(max-width:768px){.vision-board-page{padding:var(--spacing-lg)}.vision-board-header{flex-direction:column;gap:var(--spacing-md)}.vision-board-header-right{width:100%;justify-content:flex-start}.vision-board-header h1{font-size:var(--font-size-2xl)}.vision-board-goals-grid,.vision-board-quotas-grid{grid-template-columns:1fr}.vision-board-fab-container{bottom:var(--spacing-lg);right:var(--spacing-lg)}.vision-board-fab{width:48px;height:48px}}@media(max-width:640px){.vision-board-page{padding:var(--spacing-base);padding-bottom:80px}.vision-board-header h1{font-size:var(--font-size-xl)}.vision-board-section-title h2{font-size:var(--font-size-md)}.vision-board-quotas{padding:var(--spacing-base)}.vision-board-fab-container{bottom:var(--spacing-base);right:var(--spacing-base)}.vision-board-fab{width:44px;height:44px}}.create-goal-page{max-width:600px;margin:0 auto;padding:var(--spacing-xl)}.create-goal-header{display:flex;align-items:center;gap:var(--spacing-lg);margin-bottom:var(--spacing-2xl)}.create-goal-back{display:flex;align-items:center;gap:var(--spacing-xs);background:transparent;border:none;color:var(--color-text-muted);font-size:var(--font-size-sm);cursor:pointer;padding:var(--spacing-sm);margin-left:calc(-1 * var(--spacing-sm));border-radius:var(--radius-sm);transition:all .2s ease}.create-goal-back:hover{color:var(--color-text-primary);background:var(--color-bg-card)}.create-goal-header h1{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-text-primary);margin:0}.create-goal-form{display:flex;flex-direction:column;gap:var(--spacing-xl)}.create-goal-error{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:#ff6b6b1a;border:1px solid rgba(255,107,107,.2);border-radius:var(--radius-md);color:var(--color-error);font-size:var(--font-size-sm)}.create-goal-field{display:flex;flex-direction:column;gap:var(--spacing-sm)}.create-goal-field label{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-secondary)}.create-goal-hint{font-size:var(--font-size-xs);color:var(--color-text-muted);margin:0}.create-goal-field input[type=text],.create-goal-field input[type=date],.create-goal-field textarea{padding:var(--spacing-md);background:var(--color-bg-card);border:1px solid var(--color-border-light);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--font-size-base);font-family:inherit;transition:border-color .2s ease}.create-goal-field input:focus,.create-goal-field textarea:focus{outline:none;border-color:var(--color-accent)}.create-goal-field textarea{resize:vertical;min-height:80px}.create-goal-life-areas{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.create-goal-life-area{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-full);color:var(--color-text-secondary);font-size:var(--font-size-sm);cursor:pointer;transition:all .2s ease}.create-goal-life-area:hover{background:#ffffff0d}.create-goal-life-area.selected{color:var(--color-text-primary)}.create-goal-list{display:flex;flex-direction:column;gap:var(--spacing-xs)}.create-goal-list-item{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-card);border-radius:var(--radius-sm);font-size:var(--font-size-sm);color:var(--color-text-primary)}.create-goal-list-item button{display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--color-text-muted);cursor:pointer;padding:var(--spacing-xs);border-radius:var(--radius-sm)}.create-goal-list-item button:hover{color:var(--color-error);background:#ff6b6b1a}.create-goal-add-row{display:flex;gap:var(--spacing-sm)}.create-goal-add-row input{flex:1;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-card);border:1px solid var(--color-border-light);border-radius:var(--radius-sm);color:var(--color-text-primary);font-size:var(--font-size-sm)}.create-goal-add-row input:focus{outline:none;border-color:var(--color-accent)}.create-goal-add-row button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--color-accent);border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;transition:opacity .2s ease}.create-goal-add-row button:disabled{opacity:.5;cursor:not-allowed}.create-goal-add-row button:not(:disabled):hover{opacity:.9}.create-goal-actions{display:flex;gap:var(--spacing-md);padding-top:var(--spacing-lg);border-top:1px solid var(--color-border-light)}.create-goal-cancel{flex:1;padding:var(--spacing-md);background:transparent;border:1px solid var(--color-border-light);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--font-size-base);font-weight:500;cursor:pointer;transition:all .2s ease}.create-goal-cancel:hover{background:var(--color-bg-card);color:var(--color-text-primary)}.create-goal-submit{flex:2;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--color-accent);border:none;border-radius:var(--radius-md);color:#fff;font-size:var(--font-size-base);font-weight:500;cursor:pointer;transition:opacity .2s ease}.create-goal-submit:disabled{opacity:.5;cursor:not-allowed}.create-goal-submit:not(:disabled):hover{opacity:.9}@media(max-width:640px){.create-goal-page{padding:var(--spacing-base)}.create-goal-header h1{font-size:var(--font-size-xl)}.create-goal-life-areas{gap:var(--spacing-xs)}.create-goal-life-area{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs)}.create-goal-actions{flex-direction:column}.create-goal-cancel,.create-goal-submit{flex:none}}.goal-detail-page{max-width:700px;margin:0 auto;padding:var(--spacing-xl)}.goal-detail-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-2xl)}.goal-detail-back{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:transparent;border:1px solid var(--color-border-light);border-radius:var(--radius-full);color:var(--color-text-muted);cursor:pointer;transition:all .2s ease}.goal-detail-back:hover{background:var(--color-bg-card);color:var(--color-text-primary)}.goal-detail-header-actions{display:flex;gap:var(--spacing-sm);position:relative}.goal-detail-edit-btn,.goal-detail-menu-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:transparent;border:1px solid var(--color-border-light);border-radius:var(--radius-full);color:var(--color-text-muted);cursor:pointer;transition:all .2s ease}.goal-detail-edit-btn:hover,.goal-detail-menu-btn:hover{background:var(--color-bg-card);color:var(--color-text-primary)}.goal-detail-menu-overlay{position:fixed;inset:0;z-index:5}.goal-detail-menu{position:absolute;top:100%;right:0;background:var(--color-bg-card);border:1px solid var(--color-border-light);border-radius:var(--radius-md);padding:var(--spacing-xs);min-width:160px;z-index:10;box-shadow:var(--shadow-lg)}.goal-detail-menu button{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:none;color:var(--color-text-secondary);font-size:var(--font-size-sm);cursor:pointer;border-radius:var(--radius-sm)}.goal-detail-menu button:hover{background:var(--color-bg-card-hover);color:var(--color-text-primary)}.goal-detail-menu button.danger:hover{background:#ff6b6b26;color:var(--color-error)}.goal-detail-progress-section{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-2xl)}.goal-detail-progress-info{font-size:var(--font-size-sm);color:var(--color-text-muted)}.goal-detail-completed-badge{display:flex;align-items:center;gap:var(--spacing-xs);color:var(--color-success);font-weight:600}.goal-detail-badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:500;margin-bottom:var(--spacing-md)}.goal-detail-title{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-text-primary);margin:0 0 var(--spacing-md) 0}.goal-detail-description{font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:1.6;margin:0 0 var(--spacing-lg) 0}.goal-detail-date{display:inline-flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--spacing-2xl)}.goal-detail-date.overdue{color:var(--color-error)}.goal-detail-section{margin-bottom:var(--spacing-2xl)}.goal-detail-section h2{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-md);font-weight:600;color:var(--color-text-primary);margin:0 0 var(--spacing-md) 0}.goal-detail-section-count{font-size:var(--font-size-sm);color:var(--color-text-muted);font-weight:400;margin-left:auto}.goal-detail-list{display:flex;flex-direction:column;gap:var(--spacing-xs)}.goal-detail-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-bg-card);border-radius:var(--radius-md);cursor:pointer;transition:background .2s ease}.goal-detail-item:hover{background:var(--color-bg-card-hover)}.goal-detail-item.completed span{text-decoration:line-through;color:var(--color-text-muted)}.goal-detail-item-check{background:transparent;border:none;cursor:pointer;display:flex;color:var(--color-text-muted)}.goal-detail-item span{flex:1;font-size:var(--font-size-base);color:var(--color-text-primary)}.goal-detail-item-delete{background:transparent;border:none;color:var(--color-text-muted);cursor:pointer;padding:var(--spacing-xs);border-radius:var(--radius-sm);opacity:0;transition:all .2s ease}.goal-detail-item:hover .goal-detail-item-delete{opacity:1}.goal-detail-item-delete:hover{color:var(--color-error);background:#ff6b6b1a}.goal-detail-add-action{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.goal-detail-add-action input{flex:1;padding:var(--spacing-md);background:var(--color-bg-card);border:1px solid var(--color-border-light);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--font-size-base)}.goal-detail-add-action input:focus{outline:none;border-color:var(--color-accent)}.goal-detail-add-action button{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--color-accent);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer}.goal-detail-add-action button:disabled{opacity:.5;cursor:not-allowed}.goal-detail-edit-form{display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--color-bg-card);border-radius:var(--radius-lg);margin-bottom:var(--spacing-2xl)}.goal-detail-edit-title{font-size:var(--font-size-xl);font-weight:600;padding:var(--spacing-md);background:transparent;border:1px solid var(--color-border-light);border-radius:var(--radius-md);color:var(--color-text-primary)}.goal-detail-edit-desc{padding:var(--spacing-md);background:transparent;border:1px solid var(--color-border-light);border-radius:var(--radius-md);color:var(--color-text-primary);font-family:inherit;resize:vertical}.goal-detail-edit-row{display:flex;gap:var(--spacing-md)}.goal-detail-edit-row select,.goal-detail-edit-row input{flex:1;padding:var(--spacing-md);background:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:var(--radius-md);color:var(--color-text-primary)}.goal-detail-edit-actions{display:flex;gap:var(--spacing-md);justify-content:flex-end}.goal-detail-edit-actions button{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);font-weight:500;cursor:pointer;transition:all .2s ease}.goal-detail-edit-actions button:first-child{background:transparent;border:1px solid var(--color-border-light);color:var(--color-text-secondary)}.goal-detail-edit-actions button.primary{background:var(--color-accent);border:none;color:#fff}.goal-detail-error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md);padding:var(--spacing-4xl);text-align:center;color:var(--color-text-muted)}.goal-detail-error button{padding:var(--spacing-sm) var(--spacing-lg);background:var(--color-accent);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer}@media(max-width:640px){.goal-detail-page{padding:var(--spacing-base)}.goal-detail-title{font-size:var(--font-size-xl)}.goal-detail-edit-row{flex-direction:column}}.cosmic-background{position:fixed;inset:0;z-index:-1;background:#05040b;overflow:hidden}.cosmic-background-canvas{position:absolute;inset:0;width:100%;height:100%}.cosmic-background-overlay{position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 0%,rgba(5,4,11,.3) 50%,rgba(5,4,11,.8) 100%);pointer-events:none}.cosmic-background-overlay:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60vw;height:60vh;background:radial-gradient(ellipse at center,var(--glow-color, rgba(106, 91, 255, .1)) 0%,transparent 70%);animation:cosmic-pulse 8s ease-in-out infinite;pointer-events:none}@keyframes cosmic-pulse{0%,to{opacity:.3;transform:translate(-50%,-50%) scale(1)}50%{opacity:.5;transform:translate(-50%,-50%) scale(1.1)}}@media(prefers-reduced-motion:reduce){.cosmic-background-overlay:after{animation:none;opacity:.4}}.breathing-circle-container{position:relative;display:flex;align-items:center;justify-content:center}.breathing-circle-glow{position:absolute;inset:-20px;border-radius:50%;border:2px solid;opacity:.5}.breathing-circle-main{width:100%;height:100%;border-radius:50%;border:2px solid;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.breathing-circle-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-sm);text-align:center;padding:var(--spacing-lg)}.breathing-circle-label{font-size:var(--font-size-lg);font-weight:500;color:var(--color-text-primary)}.breathing-circle-countdown{font-size:var(--font-size-4xl);font-weight:700;line-height:1}.breathing-circle-cycle{font-size:var(--font-size-sm);color:var(--color-text-muted)}.breathing-circle-start{background:transparent;border:none;font-size:var(--font-size-md);font-weight:600;cursor:pointer;padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-full);transition:all .2s ease}.breathing-circle-start:hover{background:#ffffff1a;transform:scale(1.05)}@media(max-width:640px){.breathing-circle-label{font-size:var(--font-size-md)}.breathing-circle-countdown{font-size:var(--font-size-3xl)}}.glass-card{background:#0d0d2b99;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-xl);padding:var(--spacing-xl);transition:all .3s ease}.glass-card-hoverable{cursor:pointer}.glass-card-hoverable:hover{border-color:#fff3;box-shadow:0 8px 32px #0000004d,0 0 40px var(--glow-color)}@media(max-width:768px){.glass-card{padding:var(--spacing-lg);border-radius:var(--radius-lg)}}@media(max-width:640px){.glass-card{padding:var(--spacing-base)}}.glow-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);font-weight:600;border-radius:var(--radius-full);cursor:pointer;transition:all .2s ease;border:none;font-family:inherit}.glow-button-primary{background:var(--btn-color);color:#fff;box-shadow:0 4px 20px var(--btn-glow)}.glow-button-primary:hover:not(:disabled){box-shadow:0 6px 30px var(--btn-glow),0 0 40px var(--btn-glow)}.glow-button-secondary{background:transparent;border:2px solid var(--btn-color);color:var(--btn-color)}.glow-button-secondary:hover:not(:disabled){background:var(--btn-glow);box-shadow:0 0 20px var(--btn-glow)}.glow-button-ghost{background:transparent;color:var(--btn-color)}.glow-button-ghost:hover:not(:disabled){background:var(--btn-glow)}.glow-button-sm{padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-sm);min-height:36px}.glow-button-md{padding:var(--spacing-md) var(--spacing-xl);font-size:var(--font-size-base);min-height:44px}.glow-button-lg{padding:var(--spacing-lg) var(--spacing-2xl);font-size:var(--font-size-lg);min-height:56px}.glow-button:disabled{opacity:.5;cursor:not-allowed}@media(max-width:640px){.glow-button-lg{padding:var(--spacing-md) var(--spacing-xl);font-size:var(--font-size-base);min-height:48px}}.rituals-page{min-height:100vh;position:relative}.rituals-page-content{position:relative;z-index:1;max-width:1200px;margin:0 auto;padding:var(--spacing-xl)}.rituals-page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-2xl)}.rituals-page-header h1{font-size:var(--font-size-3xl);font-weight:700;color:var(--color-text-primary);margin:0}.rituals-page-header p{font-size:var(--font-size-base);color:var(--color-text-muted);margin:var(--spacing-xs) 0 0 0}.rituals-page-progress{margin-bottom:var(--spacing-2xl)}.rituals-page-progress-content{display:flex;align-items:center;gap:var(--spacing-xl)}.rituals-page-progress-circle{position:relative;width:80px;height:80px;flex-shrink:0}.rituals-page-progress-circle svg{width:100%;height:100%}.rituals-page-progress-text{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-lg);font-weight:700;color:var(--color-text-primary)}.rituals-page-progress-info h3{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text-primary);margin:0 0 var(--spacing-xs) 0}.rituals-page-progress-info p{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0}.rituals-page-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-lg)}.rituals-page-card{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--spacing-2xl) var(--spacing-xl);min-height:280px}.rituals-page-card.locked{opacity:.7}.rituals-page-card.completed{border-color:#3af7a64d}.rituals-page-card-locked,.rituals-page-card-completed{position:absolute;top:var(--spacing-md);right:var(--spacing-md);display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:500}.rituals-page-card-locked{background:#ffffff1a;color:var(--color-text-muted)}.rituals-page-card-completed{background:#3af7a626;color:var(--color-success)}.rituals-page-card-icon{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-lg)}.rituals-page-card-title{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text-primary);margin:0 0 var(--spacing-sm) 0}.rituals-page-card-desc{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0 0 var(--spacing-lg) 0;flex:1}.rituals-page-card-meta{display:flex;align-items:center;gap:var(--spacing-lg);margin-top:auto}.rituals-page-card-duration,.rituals-page-card-xp{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--color-text-muted)}.rituals-page-error{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-lg);color:var(--color-text-muted);z-index:10}.rituals-page-error p{margin:0;font-size:var(--font-size-lg)}.rituals-page-error button{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-xl);background:var(--color-accent);border:none;border-radius:var(--radius-md);color:#fff;font-weight:500;cursor:pointer;transition:opacity .2s ease}.rituals-page-error button:hover{opacity:.9}@media(max-width:768px){.rituals-page-content{padding:var(--spacing-lg)}.rituals-page-header{flex-direction:column;gap:var(--spacing-md)}.rituals-page-header h1{font-size:var(--font-size-2xl)}.rituals-page-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--spacing-md)}}@media(max-width:640px){.rituals-page-content{padding:var(--spacing-base)}.rituals-page-header h1{font-size:var(--font-size-xl)}.rituals-page-progress-content{flex-direction:column;text-align:center}.rituals-page-grid{grid-template-columns:1fr}.rituals-page-card{padding:var(--spacing-xl) var(--spacing-base);min-height:240px}.rituals-page-card-icon{width:64px;height:64px}.rituals-page-card-icon svg{width:28px;height:28px}}.ritual-playground{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;overflow:hidden}.ritual-playground-exit{position:fixed;top:var(--spacing-lg);right:var(--spacing-lg);z-index:100;width:48px;height:48px;border-radius:50%;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:var(--color-text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.ritual-playground-exit:hover{background:#ffffff26;color:var(--color-text-primary)}.ritual-playground-content{position:relative;z-index:1;width:100%;max-width:500px;padding:var(--spacing-xl)}.ritual-phase{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--spacing-lg)}.ritual-phase-title{font-size:var(--font-size-2xl);font-weight:600;color:var(--color-text-primary);margin:0}.ritual-phase-subtitle{font-size:var(--font-size-base);color:var(--color-text-muted);margin:0}.ritual-intro-icon{width:140px;height:140px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-lg)}.ritual-intro-title{font-size:var(--font-size-3xl);font-weight:700;color:var(--color-text-primary);margin:0}.ritual-intro-desc{font-size:var(--font-size-lg);color:var(--color-text-secondary);margin:0;max-width:400px}.ritual-intro-meta{display:flex;align-items:center;gap:var(--spacing-md);font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--spacing-lg)}.ritual-phase-breath{justify-content:center;min-height:400px}.ritual-interaction-write,.ritual-interaction-intention,.ritual-interaction-visualize,.ritual-interaction-wish,.ritual-interaction-default{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg);width:100%}.ritual-interaction-write label,.ritual-interaction-intention label{font-size:var(--font-size-lg);color:var(--color-text-primary);font-weight:500}.ritual-interaction-write textarea{width:100%;padding:var(--spacing-lg);background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);color:var(--color-text-primary);font-size:var(--font-size-base);font-family:inherit;resize:none;min-height:160px}.ritual-interaction-write textarea:focus,.ritual-interaction-intention input:focus{outline:none;border-color:#ffffff4d}.ritual-interaction-intention input{width:100%;padding:var(--spacing-md) var(--spacing-lg);background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);color:var(--color-text-primary);font-size:var(--font-size-base);text-align:center}.ritual-interaction-visualize p,.ritual-interaction-wish p{font-size:var(--font-size-lg);color:var(--color-text-secondary);margin:0}.ritual-interaction-hint{font-size:var(--font-size-sm)!important;color:var(--color-text-muted)!important}.ritual-heart-container,.ritual-water-container,.ritual-star-container{margin:var(--spacing-xl) 0}.ritual-complete-icon{width:120px;height:120px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-xl)}.ritual-complete-title{font-size:var(--font-size-3xl);font-weight:700;color:var(--color-success);margin:0}.ritual-complete-message{font-size:var(--font-size-lg);color:var(--color-text-secondary);margin:0}.ritual-complete-xp{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);background:#ffbd591a;border:1px solid rgba(255,189,89,.2);border-radius:var(--radius-full);font-size:var(--font-size-xl);font-weight:700;color:var(--color-primary);margin:var(--spacing-lg) 0}.ritual-playground-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:var(--spacing-lg);color:var(--color-text-muted)}.ritual-playground-error button{padding:var(--spacing-sm) var(--spacing-xl);background:var(--color-accent);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer}@media(max-width:640px){.ritual-playground-exit{top:var(--spacing-base);right:var(--spacing-base);width:44px;height:44px}.ritual-playground-content{padding:var(--spacing-base)}.ritual-intro-icon{width:100px;height:100px}.ritual-intro-icon svg{width:48px;height:48px}.ritual-intro-title{font-size:var(--font-size-2xl)}.ritual-intro-desc{font-size:var(--font-size-base)}.ritual-complete-title{font-size:var(--font-size-2xl)}}:root{--toastify-color-light: #fff;--toastify-color-dark: #121212;--toastify-color-info: #3498db;--toastify-color-success: #07bc0c;--toastify-color-warning: #f1c40f;--toastify-color-error: hsl(6, 78%, 57%);--toastify-color-transparent: rgba(255, 255, 255, .7);--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 rgba(0, 0, 0, .1);--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(to right, #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: .2}.Toastify__toast-container{z-index:var(--toastify-z-index);-webkit-transform:translate3d(0,0,var(--toastify-z-index));position:fixed;width:var(--toastify-container-width);box-sizing:border-box;color:#fff;display:flex;flex-direction:column}.Toastify__toast-container--top-left{top:var(--toastify-toast-top);left:var(--toastify-toast-left)}.Toastify__toast-container--top-center{top:var(--toastify-toast-top);left:50%;transform:translate(-50%);align-items:center}.Toastify__toast-container--top-right{top:var(--toastify-toast-top);right:var(--toastify-toast-right);align-items:end}.Toastify__toast-container--bottom-left{bottom:var(--toastify-toast-bottom);left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{bottom:var(--toastify-toast-bottom);left:50%;transform:translate(-50%);align-items:center}.Toastify__toast-container--bottom-right{bottom:var(--toastify-toast-bottom);right:var(--toastify-toast-right);align-items:end}.Toastify__toast{--y: 0;position:relative;touch-action:none;width:var(--toastify-toast-width);min-height:var(--toastify-toast-min-height);box-sizing:border-box;margin-bottom:1rem;padding:var(--toastify-toast-padding);border-radius:var(--toastify-toast-bd-radius);box-shadow:var(--toastify-toast-shadow);max-height:var(--toastify-toast-max-height);font-family:var(--toastify-font-family);z-index:0;display:flex;flex:1 auto;align-items:center;word-break:break-word}@media only screen and (max-width:480px){.Toastify__toast-container{width:100vw;left:env(safe-area-inset-left);margin:0}.Toastify__toast-container--top-left,.Toastify__toast-container--top-center,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translate(0)}.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translate(0)}.Toastify__toast-container--rtl{right:env(safe-area-inset-right);left:initial}.Toastify__toast{--toastify-toast-width: 100%;margin-bottom:0;border-radius:0}}.Toastify__toast-container[data-stacked=true]{width:var(--toastify-toast-width)}.Toastify__toast--stacked{position:absolute;width:100%;transform:translate3d(0,var(--y),0) scale(var(--s));transition:transform .3s}.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body,.Toastify__toast--stacked[data-collapsed] .Toastify__close-button{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{content:"";position:absolute;left:0;right:0;height:calc(var(--g) * 1px);bottom:100%}.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{content:"";position:absolute;left:0;right:0;bottom:0;height:100%;transform:scaleY(3);z-index:-1}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-icon{margin-inline-end:10px;width:22px;flex-shrink:0;display:flex}.Toastify--animate{animation-fill-mode:both;animation-duration:.5s}.Toastify--animate-icon{animation-fill-mode:both;animation-duration:.3s}.Toastify__toast-theme--dark{background:var(--toastify-color-dark);color:var(--toastify-text-color-dark)}.Toastify__toast-theme--light,.Toastify__toast-theme--colored.Toastify__toast--default{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{color:var(--toastify-text-color-info);background:var(--toastify-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{color:var(--toastify-text-color-success);background:var(--toastify-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{color:var(--toastify-text-color-warning);background:var(--toastify-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{color:var(--toastify-text-color-error);background:var(--toastify-color-error)}.Toastify__progress-bar-theme--light{background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:var(--toastify-color-progress-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,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error{background:var(--toastify-color-transparent)}.Toastify__close-button{color:#fff;position:absolute;top:6px;right:6px;background:transparent;outline:none;border:none;padding:0;cursor:pointer;opacity:.7;transition:.3s ease;z-index:1}.Toastify__toast--rtl .Toastify__close-button{left:6px;right:unset}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:hover,.Toastify__close-button:focus{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:1;opacity:.7;transform-origin:left}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{right:0;left:initial;transform-origin:right;border-bottom-left-radius:initial}.Toastify__progress-bar--wrp{position:absolute;overflow:hidden;bottom:0;left:0;width:100%;height:5px;border-bottom-left-radius:var(--toastify-toast-bd-radius);border-bottom-right-radius:var(--toastify-toast-bd-radius)}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{opacity:var(--toastify-color-progress-bgo);width:100%;height:100%}.Toastify__spinner{width:20px;height:20px;box-sizing:border-box;border:2px solid;border-radius:100%;border-color:var(--toastify-spinner-color-empty-area);border-right-color:var(--toastify-spinner-color);animation:Toastify__spin .65s linear infinite}@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--top-left,.Toastify__bounce-enter--bottom-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--top-right,.Toastify__bounce-enter--bottom-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--top-left,.Toastify__bounce-exit--bottom-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--top-right,.Toastify__bounce-exit--bottom-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%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0,var(--y),0) perspective(400px)}30%{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(-20deg);opacity:1}to{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(90deg);opacity:0}}.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{visibility:hidden;transform:translate3d(110%,var(--y),0)}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(-110%,var(--y),0)}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,500px,0)}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,-500px,0)}}.Toastify__slide-enter--top-left,.Toastify__slide-enter--bottom-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--top-right,.Toastify__slide-enter--bottom-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--top-left,.Toastify__slide-exit--bottom-left{animation-name:Toastify__slideOutLeft;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-right,.Toastify__slide-exit--bottom-right{animation-name:Toastify__slideOutRight;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown;animation-timing-function:ease-in;animation-duration:.3s}@keyframes Toastify__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}html,body{width:100%;height:100%;margin:0;padding:0}#root{display:flex;flex-direction:column;min-height:100vh;width:100%;position:relative}.app{display:flex;flex-direction:column;min-height:100vh;width:100%;position:relative;background:transparent}.page-wrapper{flex:1 0 auto;display:flex;flex-direction:column;transition:margin-left .3s cubic-bezier(.4,0,.2,1)}.page-wrapper.compact-sidebar-offset{margin-left:80px}@media(max-width:968px){.page-wrapper.compact-sidebar-offset{margin-left:0}}.app-footer{flex-shrink:0}.app.light{background:linear-gradient(180deg,#f0f2f5,#e4e6eb)}.app.light .app-layout{background:#fff}.app-layout{flex:1;display:grid;grid-template-columns:var(--sidebar-width-left) var(--main-content-width) var(--sidebar-width-right);gap:0;height:calc(100vh - 70px);overflow:hidden;transition:opacity .3s ease,filter .3s ease}.app-layout.focus-mode{opacity:.3;pointer-events:none;filter:blur(3px)}.sidebar-left,.sidebar-right{height:100%;overflow:hidden}.main-content{height:100%;padding:var(--space-lg);background:var(--bg-elevated);border-left:var(--border-thin) solid var(--glass-border);border-right:var(--border-thin) solid var(--glass-border);position:relative;overflow:hidden;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur)}.scanning-overlay{position:absolute;inset:0;background:var(--bg-overlay);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-lg);z-index:var(--z-dropdown);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur)}.scanning-spinner{width:60px;height:60px;border:4px solid var(--warning-bg);border-top-color:var(--brand-gold);border-radius:var(--radius-full);animation:spin 1s linear infinite}.scanning-overlay p{color:var(--brand-gold);font-size:var(--text-lg);font-weight:var(--font-semibold);font-family:var(--font-heading)}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1400px){.app-layout{grid-template-columns:25% 45% 30%}}@media(max-width:1024px){.app-layout{grid-template-columns:30% 40% 30%}.main-content{padding:15px}}@media(max-width:768px){.app-layout{grid-template-columns:1fr;grid-template-rows:auto 1fr}.sidebar-left{display:none}.sidebar-right{grid-row:1;height:auto;max-height:300px}.main-content{grid-row:2;padding:10px}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}button:focus-visible,.nav-btn:focus-visible,.coin-item:focus-visible{outline:var(--border-medium) solid var(--brand-gold);outline-offset:2px;border-radius:var(--radius-sm)}