:root{--color-primary: #FFD700;--color-primary-dark: #DAA520;--color-primary-light: #FFF8DC;--color-secondary: #8b5cf6;--color-secondary-dark: #7c3aed;--color-secondary-light: #a78bfa;--color-success: #00d084;--color-success-dark: #00995f;--color-success-light: #33d19c;--color-success-ghost: rgba(0, 208, 132, .1);--color-success-border: rgba(0, 208, 132, .3);--color-danger: #ff4757;--color-danger-dark: #e63946;--color-danger-light: #ff6b7a;--color-danger-ghost: rgba(255, 71, 87, .1);--color-danger-border: rgba(255, 71, 87, .3);--color-warning: #f39c12;--color-warning-dark: #e67e22;--color-warning-light: #f1c40f;--color-warning-ghost: rgba(243, 156, 18, .1);--color-warning-border: rgba(243, 156, 18, .3);--color-info: #06b6d4;--color-info-dark: #0891b2;--color-info-light: #22d3ee;--color-info-ghost: rgba(6, 182, 212, .1);--color-info-border: rgba(6, 182, 212, .3);--color-gray-50: #f9fafb;--color-gray-100: #f3f4f6;--color-gray-200: #e5e7eb;--color-gray-300: #d1d5db;--color-gray-400: #9ca3af;--color-gray-500: #6b7280;--color-gray-600: #4b5563;--color-gray-700: #374151;--color-gray-800: #1f2937;--color-gray-900: #111827;--color-accent: #DAA520;--color-accent-dark: #B8860B;--color-accent-light: #F4D03F;--color-accent-ultra-light: #F7DC6F;--bg-primary: #000000;--bg-secondary: #1f2937;--bg-tertiary: #374151;--bg-quaternary: #4b5563;--bg-card: #000000;--bg-hover: #1f2937;--bg-active: #374151;--bg-overlay: rgba(0, 0, 0, .9);--bg-gradient: linear-gradient(135deg, #000000 0%, #1f2937 100%);--bg-success: rgba(0, 208, 132, .1);--bg-success-hover: rgba(0, 208, 132, .15);--bg-danger: rgba(255, 71, 87, .1);--bg-danger-hover: rgba(255, 71, 87, .15);--bg-warning: rgba(243, 156, 18, .1);--bg-warning-hover: rgba(243, 156, 18, .15);--bg-info: rgba(6, 182, 212, .1);--bg-info-hover: rgba(6, 182, 212, .15);--text-primary: #ffffff;--text-secondary: #d1d5db;--text-tertiary: #9ca3af;--text-muted: #6b7280;--text-inverse: #000000;--text-accent: #ffffff;--text-success: #00d084;--text-success-muted: #33d19c;--text-danger: #ff4757;--text-danger-muted: #ff6b7a;--text-warning: #f39c12;--text-info: #22d3ee;--border-primary: #000000;--border-secondary: #374151;--border-tertiary: #4b5563;--border-focus: #FFD700;--border-muted: #6b7280;--border-success: #00d084;--border-success-ghost: rgba(0, 208, 132, .2);--border-danger: #ff4757;--border-danger-ghost: rgba(255, 71, 87, .2);--border-warning: #f39c12;--border-info: #06b6d4;--glass-bg-card-30: rgba(0, 0, 0, .3);--glass-bg-card-50: rgba(0, 0, 0, .5);--glass-border: rgba(255, 255, 255, .1);--bg-sidebar: #000000;--bg-mobile-menu: #000000;--bg-background: rgba(0, 0, 0, .95);--bg-card: rgba(0, 0, 0, .8);--bg-card-hover: rgba(17, 17, 17, .9);--border: rgba(0, 0, 0, .8);--border-hover: rgba(17, 17, 17, .5);--text-foreground: #f1f5f9;--text-muted-foreground: #94a3b8;--text-primary: #FFD700;--text-gold-400: #DAA520;--text-green-400: #4ade80;--primary-color: var(--color-primary);--primary-hover: rgba(255, 255, 255, .1);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .05), 0 0 0 1px rgba(255, 255, 255, .1);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05), 0 1px 1px 0 rgba(0, 0, 0, .1), 0 0 0 1px rgba(255, 255, 255, .1);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06), 0 0 0 1px rgba(255, 255, 255, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05), 0 0 0 1px rgba(255, 255, 255, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04), 0 0 0 1px rgba(255, 255, 255, .1);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25), 0 0 0 1px rgba(255, 255, 255, .1);--shadow-glow: 0 0 20px rgba(255, 255, 255, .3), 0 0 0 1px rgba(255, 255, 255, .1);--shadow-glow-success: 0 0 20px rgba(16, 185, 129, .3), 0 0 0 1px rgba(16, 185, 129, .3);--shadow-glow-danger: 0 0 20px rgba(239, 68, 68, .3), 0 0 0 1px rgba(239, 68, 68, .3);--shadow-modern: 0 8px 32px rgba(0, 0, 0, .12), 0 0 0 1px rgba(255, 255, 255, .1);--shadow-card: 0 4px 16px rgba(0, 0, 0, .08), 0 0 0 1px rgba(255, 255, 255, .08);--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--space-4xl: 6rem;--radius-none: 0;--radius-xs: .25rem;--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.25rem;--radius-2xl: 1.5rem;--radius-3xl: 2rem;--radius-full: 9999px;--radius-button: var(--radius-md);--radius-card: var(--radius-lg);--radius-input: var(--radius-sm);--radius-modal: var(--radius-xl);--radius-badge: var(--radius-full);--radius-dropdown: var(--radius-lg);--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .4s ease;--transition-press-in: .12s cubic-bezier(.4, 0, .2, 1);--transition-press-out: .18s cubic-bezier(.34, 1.56, .64, 1);--transition-bounce: .3s cubic-bezier(.68, -.55, .265, 1.55);--transition-smooth: .4s cubic-bezier(.25, .46, .45, .94);--transition-elastic: .6s cubic-bezier(.175, .885, .32, 1.275);--transition-spring: .8s cubic-bezier(.68, -.55, .265, 1.55);--transition-float: .4s cubic-bezier(.25, .46, .45, .94);--transition-wobble: .5s ease-in-out;--transition-jello: 1s ease-in-out;--transition-back: .6s cubic-bezier(.68, -.55, .265, 1.55);--transition-ripple: .3s ease-out;--transition-pulse-scale: .2s ease-in-out;--transition-stagger: .1s;--font-family-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--font-family-mono: "SF Mono", Monaco, Inconsolata, "Roboto Mono", source-code-pro, Menlo, Consolas, "Courier New", monospace;--font-family-display: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--text-6xl: 3.75rem;--text-7xl: 4.5rem;--font-thin: 100;--font-light: 300;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--font-extrabold: 800;--font-black: 900;--leading-none: 1;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--leading-loose: 2;--tracking-tighter: -.05em;--tracking-tight: -.025em;--tracking-normal: 0;--tracking-wide: .025em;--tracking-wider: .05em;--tracking-widest: .1em;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--z-toast: 1080}:root .text-gold-400{color:var(--text-gold-400)}:root .border-gold-400\/30{border-color:#daa5204d}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-family-sans);font-size:var(--text-base);font-weight:var(--font-normal);line-height:var(--leading-normal);letter-spacing:var(--tracking-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-gradient);background-color:var(--bg-primary);color:var(--text-primary);transition:background-color var(--transition-normal),color var(--transition-normal);min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-display);font-weight:var(--font-bold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);color:var(--text-primary);margin-bottom:var(--space-md)}h1{font-size:var(--text-5xl);font-weight:var(--font-extrabold);line-height:var(--leading-none);letter-spacing:var(--tracking-tighter)}h2{font-size:var(--text-4xl);font-weight:var(--font-bold)}h3{font-size:var(--text-3xl);font-weight:var(--font-semibold)}h4{font-size:var(--text-2xl);font-weight:var(--font-semibold)}h5{font-size:var(--text-xl);font-weight:var(--font-medium)}h6{font-size:var(--text-lg);font-weight:var(--font-medium)}p{margin-bottom:var(--space-md);line-height:var(--leading-relaxed);color:var(--text-secondary)}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-light)}strong,b{font-weight:var(--font-bold);color:var(--text-primary)}em,i{font-style:italic}code{font-family:var(--font-family-mono);background-color:var(--bg-tertiary);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-size:.875em;color:var(--text-primary)}pre{background-color:var(--bg-tertiary);padding:var(--space-lg);border-radius:var(--radius-md);overflow-x:auto;font-family:var(--font-family-mono);font-size:var(--text-sm);line-height:var(--leading-relaxed)}pre code{background:none;padding:0;border-radius:0}.press-in{transition:all var(--transition-press-in);cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.press-in:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.press-in:active{transform:translateY(1px);box-shadow:var(--shadow-sm),0 0 0 2px #fff3;transition:all var(--transition-press-out)}.press-in-subtle{transition:all var(--transition-press-in)}.press-in-subtle:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.press-in-subtle:active{transform:translateY(.5px);box-shadow:var(--shadow-xs),0 0 0 1px #ffffff1a;transition:all var(--transition-press-out)}.press-in-medium{transition:all var(--transition-press-in)}.press-in-medium:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.press-in-medium:active{transform:translateY(1px);box-shadow:var(--shadow-sm),0 0 0 2px #fff3;transition:all var(--transition-press-out)}.press-in-strong{transition:all var(--transition-press-in)}.press-in-strong:hover{transform:translateY(-3px);box-shadow:var(--shadow-xl)}.press-in-strong:active{transform:translateY(1.5px);box-shadow:var(--shadow-sm),0 0 0 3px #ffffff4d;transition:all var(--transition-press-out)}.rounded-none{border-radius:var(--radius-none)}.rounded-xs{border-radius:var(--radius-xs)}.rounded-sm{border-radius:var(--radius-sm)}.rounded,.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-3xl{border-radius:var(--radius-3xl)}.rounded-full{border-radius:var(--radius-full)}.rounded-t-none{border-top-left-radius:var(--radius-none);border-top-right-radius:var(--radius-none)}.rounded-t-xs{border-top-left-radius:var(--radius-xs);border-top-right-radius:var(--radius-xs)}.rounded-t-sm{border-top-left-radius:var(--radius-sm);border-top-right-radius:var(--radius-sm)}.rounded-t-md{border-top-left-radius:var(--radius-md);border-top-right-radius:var(--radius-md)}.rounded-t-lg{border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg)}.rounded-t-xl{border-top-left-radius:var(--radius-xl);border-top-right-radius:var(--radius-xl)}.rounded-t-2xl{border-top-left-radius:var(--radius-2xl);border-top-right-radius:var(--radius-2xl)}.rounded-t-full{border-top-left-radius:var(--radius-full);border-top-right-radius:var(--radius-full)}.rounded-b-none{border-bottom-left-radius:var(--radius-none);border-bottom-right-radius:var(--radius-none)}.rounded-b-xs{border-bottom-left-radius:var(--radius-xs);border-bottom-right-radius:var(--radius-xs)}.rounded-b-sm{border-bottom-left-radius:var(--radius-sm);border-bottom-right-radius:var(--radius-sm)}.rounded-b-md{border-bottom-left-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md)}.rounded-b-lg{border-bottom-left-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg)}.rounded-b-xl{border-bottom-left-radius:var(--radius-xl);border-bottom-right-radius:var(--radius-xl)}.rounded-b-2xl{border-bottom-left-radius:var(--radius-2xl);border-bottom-right-radius:var(--radius-2xl)}.rounded-b-full{border-bottom-left-radius:var(--radius-full);border-bottom-right-radius:var(--radius-full)}.rounded-l-none{border-top-left-radius:var(--radius-none);border-bottom-left-radius:var(--radius-none)}.rounded-l-xs{border-top-left-radius:var(--radius-xs);border-bottom-left-radius:var(--radius-xs)}.rounded-l-sm{border-top-left-radius:var(--radius-sm);border-bottom-left-radius:var(--radius-sm)}.rounded-l-md{border-top-left-radius:var(--radius-md);border-bottom-left-radius:var(--radius-md)}.rounded-l-lg{border-top-left-radius:var(--radius-lg);border-bottom-left-radius:var(--radius-lg)}.rounded-l-xl{border-top-left-radius:var(--radius-xl);border-bottom-left-radius:var(--radius-xl)}.rounded-l-2xl{border-top-left-radius:var(--radius-2xl);border-bottom-left-radius:var(--radius-2xl)}.rounded-l-full{border-top-left-radius:var(--radius-full);border-bottom-left-radius:var(--radius-full)}.rounded-r-none{border-top-right-radius:var(--radius-none);border-bottom-right-radius:var(--radius-none)}.rounded-r-xs{border-top-right-radius:var(--radius-xs);border-bottom-right-radius:var(--radius-xs)}.rounded-r-sm{border-top-right-radius:var(--radius-sm);border-bottom-right-radius:var(--radius-sm)}.rounded-r-md{border-top-right-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md)}.rounded-r-lg{border-top-right-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg)}.rounded-r-xl{border-top-right-radius:var(--radius-xl);border-bottom-right-radius:var(--radius-xl)}.rounded-r-2xl{border-top-right-radius:var(--radius-2xl);border-bottom-right-radius:var(--radius-2xl)}.rounded-r-full{border-top-right-radius:var(--radius-full);border-bottom-right-radius:var(--radius-full)}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.text-3xl{font-size:var(--text-3xl)}.text-4xl{font-size:var(--text-4xl)}.text-5xl{font-size:var(--text-5xl)}.font-thin{font-weight:var(--font-thin)}.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)}.leading-none{line-height:var(--leading-none)}.leading-tight{line-height:var(--leading-tight)}.leading-snug{line-height:var(--leading-snug)}.leading-normal{line-height:var(--leading-normal)}.leading-relaxed{line-height:var(--leading-relaxed)}.leading-loose{line-height:var(--leading-loose)}.tracking-tighter{letter-spacing:var(--tracking-tighter)}.tracking-tight{letter-spacing:var(--tracking-tight)}.tracking-normal{letter-spacing:var(--tracking-normal)}.tracking-wide{letter-spacing:var(--tracking-wide)}.tracking-wider{letter-spacing:var(--tracking-wider)}.tracking-widest{letter-spacing:var(--tracking-widest)}.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-accent{color:var(--text-accent)}.text-success{color:var(--text-success)}.text-success-muted{color:var(--text-success-muted)}.text-danger{color:var(--text-danger)}.text-danger-muted{color:var(--text-danger-muted)}.text-warning{color:var(--text-warning)}.text-info{color:var(--text-info)}.bg-success{background-color:var(--bg-success)}.bg-success-hover{background-color:var(--bg-success-hover)}.bg-danger{background-color:var(--bg-danger)}.bg-danger-hover{background-color:var(--bg-danger-hover)}.bg-warning{background-color:var(--bg-warning)}.bg-warning-hover{background-color:var(--bg-warning-hover)}.bg-info{background-color:var(--bg-info)}.bg-info-hover{background-color:var(--bg-info-hover)}.border-success{border-color:var(--border-success)}.border-success-ghost{border-color:var(--border-success-ghost)}.border-danger{border-color:var(--border-danger)}.border-danger-ghost{border-color:var(--border-danger-ghost)}.border-muted{border-color:var(--border-muted)}.container{max-width:1200px;margin:0 auto;padding:0 var(--space-lg)}.btn{padding:var(--space-sm) var(--space-md);border:none;border-radius:var(--radius-button);text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);cursor:pointer;font-size:var(--text-base);font-weight:var(--font-medium);transition:all var(--transition-press-in);position:relative;overflow:hidden;transform:translateY(0);box-shadow:var(--shadow-card);border:1px solid var(--border-secondary);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:var(--color-accent)}.btn:active{transform:translateY(1px) scale(.98);box-shadow:var(--shadow-sm);transition:all var(--transition-press-out)}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:var(--shadow-xs)}.btn-primary{background:var(--color-accent);color:#fff;border-color:var(--color-accent);box-shadow:var(--shadow-card)}.btn-primary:hover{background:var(--color-accent-dark);border-color:var(--color-accent-dark);box-shadow:var(--shadow-lg);transform:translateY(-3px)}.btn-primary:active{background:var(--color-accent-dark);transform:translateY(1px) scale(.96);box-shadow:var(--shadow-sm)}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-primary);box-shadow:var(--shadow-card)}.btn-secondary:hover{background:var(--bg-secondary);border-color:var(--border-secondary);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-secondary:active{background:var(--bg-active);transform:translateY(1px) scale(.98);box-shadow:var(--shadow-sm)}.btn-success{background:var(--color-success);color:#fff;border-color:var(--color-success);box-shadow:var(--shadow-card)}.btn-success:hover{background:var(--color-success-dark);border-color:var(--color-success-dark);box-shadow:var(--shadow-lg);transform:translateY(-3px)}.btn-success:active{background:var(--color-success-dark);transform:translateY(1px) scale(.96);box-shadow:var(--shadow-sm)}.btn-danger{background:var(--color-danger);color:#fff;border-color:var(--color-danger);box-shadow:var(--shadow-card)}.btn-danger:hover{background:var(--color-danger-dark);border-color:var(--color-danger-dark);box-shadow:var(--shadow-lg);transform:translateY(-3px)}.btn-danger:active{transform:translateY(1px) scale(.96);box-shadow:var(--shadow-sm)}.form-group{margin-bottom:var(--space-lg);position:relative}.form-control{width:100%;padding:var(--space-sm) var(--space-md);border:2px solid rgba(255,255,255,.2);border-radius:var(--radius-input);font-size:var(--text-base);background-color:#1a1a1a;color:var(--text-primary);transition:all var(--transition-press-in);position:relative;box-shadow:0 0 10px #ffffff0d}.form-control::placeholder{color:var(--text-muted)}.form-control:focus{outline:none;border-color:var(--color-primary);background-color:#2a2a2a;box-shadow:0 0 0 2px #ffffff26,0 0 10px #ffffff1a;transform:translateY(-1px)}.form-control:focus::placeholder{color:var(--text-tertiary)}.form-control.valid{border-color:var(--color-success);background-color:#10b9810d;box-shadow:0 0 0 1px #10b9814d,var(--shadow-xs)}.form-control.invalid{border-color:var(--color-danger);background-color:#ef44440d;box-shadow:0 0 0 1px #ef44444d,var(--shadow-xs)}.form-control.loading{position:relative;overflow:hidden}.form-control.loading:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);animation:inputLoading 1.5s ease-in-out infinite}.form-group label{display:block;margin-bottom:var(--space-xs);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-primary);transition:color var(--transition-fast);position:relative;z-index:1;text-shadow:0 0 5px rgba(255,255,255,.2)}.form-group:has(.form-control:focus) label{color:#fff}.alert{padding:var(--space-md);margin-bottom:var(--space-md);border-radius:var(--radius-md);border:1px solid;animation:fadeIn .3s ease-out;box-shadow:var(--shadow-sm)}.alert-success{background:#10b98126;color:#34d399;border-color:#10b98166;box-shadow:var(--shadow-glow-success)}.alert-danger{background:#daa52026;color:#f4d03f;border-color:#daa52066;box-shadow:var(--shadow-glow-danger)}.alert-warning{background:#f59e0b26;color:#fbbf24;border-color:#f59e0b66;box-shadow:var(--shadow-sm)}.alert-info{background:#06b6d426;color:#22d3ee;border-color:#06b6d466;box-shadow:var(--shadow-sm)}.card{background:var(--bg-card);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:var(--space-xl);margin-bottom:var(--space-lg);border:1px solid var(--border-secondary);transition:all var(--transition-press-in);position:relative;overflow:hidden}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:var(--border-secondary);opacity:.5}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:var(--color-accent)}.card:active{transform:translateY(1px) scale(.98);box-shadow:var(--shadow-sm);transition:all var(--transition-press-out)}.card-interactive{composes:card;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.card-interactive:hover{transform:translateY(-3px);box-shadow:var(--shadow-xl);border-color:var(--color-accent)}.card-interactive:active{transform:translateY(1px) scale(.97);box-shadow:var(--shadow-md);transition:all var(--transition-press-out)}.main-content{padding:var(--space-lg) 0;min-height:calc(100vh - 60px);position:relative}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(--space-xs)}.mb-2{margin-bottom:var(--space-sm)}.mb-3{margin-bottom:var(--space-md)}.mb-4{margin-bottom:var(--space-lg)}.mb-5{margin-bottom:var(--space-xl)}.mt-0{margin-top:0}.mt-1{margin-top:var(--space-xs)}.mt-2{margin-top:var(--space-sm)}.mt-3{margin-top:var(--space-md)}.mt-4{margin-top:var(--space-lg)}.mt-5{margin-top:var(--space-xl)}.p-0{padding:0}.p-1{padding:var(--space-xs)}.p-2{padding:var(--space-sm)}.p-3{padding:var(--space-md)}.p-4{padding:var(--space-lg)}.p-5{padding:var(--space-xl)}html{scroll-behavior:smooth}::selection{background:#3b82f680;color:#fff}::-moz-selection{background:#3b82f680;color:#fff}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--border-secondary)}*:focus{outline:2px solid var(--color-accent);outline-offset:2px}button:focus,.btn:focus{outline:2px solid var(--color-accent);outline-offset:4px}@keyframes pageFadeIn{0%{opacity:0}to{opacity:1}}@keyframes pageScaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.page-enter{animation:pageFadeIn .3s ease-out forwards}.page-exit{animation:pageFadeIn .3s ease-out reverse forwards}.page-enter-fade{animation:pageFadeIn .3s ease-out forwards}.page-exit-fade{animation:pageFadeIn .3s ease-out reverse forwards}.page-enter-scale{animation:pageScaleIn .3s ease-out forwards}.page-exit-scale{animation:pageScaleIn .3s ease-out reverse forwards}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.loading{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes inputLoading{0%{left:-100%}to{left:100%}}.trade-buttons-container{display:flex;gap:var(--space-md);margin-bottom:var(--space-lg)}.trade-button{padding:var(--space-md) var(--space-lg);border:2px solid var(--border-primary);border-radius:var(--radius-lg);font-size:var(--text-base);font-weight:var(--font-bold);cursor:pointer;transition:all var(--transition-press-in);text-transform:uppercase;letter-spacing:.5px;position:relative;overflow:hidden;flex:1;align-items:center;justify-content:center;min-height:48px;box-shadow:var(--shadow-card);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.trade-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:#ffffff1a;transition:left var(--transition-normal)}.trade-button:hover:before{left:100%}.trade-button:hover{transform:translateY(-3px);box-shadow:var(--shadow-xl)}.trade-button:active{transform:translateY(1px) scale(.97);box-shadow:var(--shadow-sm);transition:all var(--transition-press-out)}.trade-button.buy-button{background:var(--color-success);color:#fff;border-color:var(--color-success)}.trade-button.buy-button:hover{background:var(--color-success-dark);border-color:var(--color-success-dark);transform:translateY(-3px);box-shadow:var(--shadow-xl)}.trade-button.sell-button{background:var(--color-danger);color:#fff;border-color:var(--color-danger)}.trade-button.sell-button:hover{background:var(--color-danger-dark);border-color:var(--color-danger-dark);transform:translateY(-3px);box-shadow:var(--shadow-xl)}.trade-button:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:var(--shadow-xs)}.modal-overlay{position:fixed;inset:0;background-color:#000c;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-container{background:var(--bg-card);border-radius:var(--radius-modal);box-shadow:var(--shadow-2xl);padding:var(--space-xl);margin:var(--space-lg);max-width:90vw;max-height:90vh;overflow-y:auto;border:1px solid var(--border-secondary);animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-close{position:absolute;top:var(--space-md);right:var(--space-md);background:none;border:none;color:var(--text-muted);font-size:var(--text-xl);cursor:pointer;padding:var(--space-xs);border-radius:var(--radius-sm);transition:all var(--transition-press-in)}.modal-close:hover{background:var(--bg-hover);color:var(--text-primary);transform:translateY(-1px)}.modal-close:active{transform:translateY(0);background:var(--bg-active)}.badge{display:inline-flex;align-items:center;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-badge);font-size:var(--text-xs);font-weight:var(--font-medium);text-transform:uppercase;letter-spacing:var(--tracking-wide);transition:all var(--transition-press-in);cursor:default;-webkit-user-select:none;user-select:none}.badge:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}.badge-primary{background:var(--color-accent);color:#fff;border:1px solid var(--color-accent-dark)}.badge-secondary{background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-primary)}.badge-success{background:var(--color-success);color:#fff;border:1px solid var(--color-success-dark)}.badge-danger{background:var(--color-danger);color:#fff;border:1px solid var(--color-danger-dark)}@media(max-width:768px){.container{padding:0 var(--space-md)}.btn{padding:var(--space-sm) var(--space-sm);font-size:var(--text-sm)}.card{padding:var(--space-md)}.main-content{padding:var(--space-md) 0}.trade-button{padding:var(--space-sm) var(--space-md);font-size:var(--text-sm);min-height:44px;border-radius:var(--radius-md)}.modal-container{padding:var(--space-lg);margin:var(--space-sm);border-radius:var(--radius-lg)}}@media(max-width:480px){.container{padding:0 var(--space-sm)}.btn{padding:var(--space-xs) var(--space-sm);font-size:var(--text-sm);border-radius:var(--radius-sm)}.card{padding:var(--space-sm);border-radius:var(--radius-md)}.form-control{padding:var(--space-sm);border-radius:var(--radius-sm)}.trade-button{padding:var(--space-xs) var(--space-sm);font-size:var(--text-sm);min-height:40px;border-radius:var(--radius-sm)}.modal-container{padding:var(--space-md);margin:var(--space-xs);border-radius:var(--radius-md)}}@media(min-width:1200px){.btn{border-radius:var(--radius-lg)}.card{border-radius:var(--radius-xl)}.trade-button{border-radius:var(--radius-xl);min-height:52px}.modal-container{border-radius:var(--radius-2xl)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.press-in,.press-in-subtle,.press-in-medium,.press-in-strong{transition:none}.btn:hover,.trade-button:hover,.card:hover{transform:none}}@media(prefers-contrast:high){:root{--shadow-sm: 0 0 0 2px var(--border-focus);--shadow-md: 0 0 0 2px var(--border-focus);--shadow-lg: 0 0 0 2px var(--border-focus);--shadow-xl: 0 0 0 2px var(--border-focus);--shadow-2xl: 0 0 0 2px var(--border-focus)}.btn,.card,.form-control,.trade-button{border-width:2px}}.scroll-lock{position:fixed;width:100%;overflow:hidden}.safe-top{padding-top:env(safe-area-inset-top)}.safe-bottom{padding-bottom:env(safe-area-inset-bottom)}.safe-left{padding-left:env(safe-area-inset-left)}.safe-right{padding-right:env(safe-area-inset-right)}@media(hover:none)and (pointer:coarse){.touch-target{min-height:44px;min-width:44px}button:active,.btn:active,.mobile-hamburger:active{transform:scale(.98);transition:transform .1s}}:root{--z-dropdown: 40;--z-modal: 50;--z-toast: 70;--z-tooltip: 60;--z-mobile-nav: 100}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media(max-width:768px){.mobile-animation{animation-timing-function:cubic-bezier(.4,0,.2,1);will-change:transform,opacity}}.modal-overlay{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);z-index:var(--z-modal-backdrop);display:flex;align-items:center;justify-content:center;padding:var(--space-lg)}.modal-overlay:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 30%,rgba(139,92,246,.1) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(16,185,129,.1) 0%,transparent 50%),radial-gradient(circle at 40% 80%,rgba(255,215,0,.1) 0%,transparent 50%);pointer-events:none}.modal-container{background:var(--bg-card);border:1px solid var(--border-primary);box-shadow:0 20px 40px #0006,0 0 0 1px #ffffff1a,inset 0 1px #ffffff1a;max-width:90vw;max-height:90vh;overflow-y:auto;position:relative;display:flex;flex-direction:column;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);transform-origin:center center}.modal-container:before{content:"";position:absolute;inset:-2px;background:linear-gradient(45deg,#8b5cf64d,#10b9814d,#ffd7004d);border-radius:calc(var(--radius-xl) + 2px);z-index:-1;opacity:0}.modal-container.small{width:400px}.modal-container.medium{width:500px}.modal-container.large{width:600px}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg);padding-bottom:var(--space-md);border-bottom:1px solid var(--border-primary);flex-shrink:0;background:var(--bg-secondary);border-radius:var(--radius-xl) var(--radius-xl) 0 0;position:relative;overflow:hidden}.modal-header:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--color-accent),transparent)}.modal-title{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--text-primary);margin:0;letter-spacing:var(--tracking-tight);line-height:var(--leading-tight);position:relative}.modal-close-button{background:none;border:none;color:var(--text-tertiary);font-size:var(--text-2xl);font-weight:var(--font-light);cursor:pointer;padding:var(--space-xs);border-radius:var(--radius-full);transition:none;line-height:1;width:32px;height:32px;display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;overflow:hidden}.modal-close-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);border-radius:50%;transform:translate(-50%,-50%);transition:none}.modal-close-button:hover:before{width:120%;height:120%}.modal-close-button:hover{background:var(--bg-hover);color:var(--text-primary);box-shadow:var(--shadow-md)}.modal-close-button:focus{outline:2px solid var(--color-accent);outline-offset:2px;box-shadow:0 0 0 3px #dc262633}.modal-close-button:active{transform:scale(.95)}.modal-content{padding:var(--space-lg) 0;overflow-y:auto;flex:1;color:var(--text-secondary);line-height:var(--leading-relaxed);position:relative}.modal-content::-webkit-scrollbar{width:6px}.modal-content::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:var(--radius-full)}.modal-content::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--border-secondary),var(--border-primary));border-radius:var(--radius-full);transition:all var(--transition-normal)}.modal-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--color-accent),var(--color-accent-dark))}@media(max-width:768px){.modal-overlay{padding:var(--space-md)}.modal-container.small,.modal-container.medium,.modal-container.large{width:95vw}.modal-header{margin-bottom:var(--space-md);padding-bottom:var(--space-sm)}.modal-content{padding:var(--space-md) 0}}@media(max-width:480px){.modal-overlay{padding:var(--space-sm)}.modal-container{max-height:95vh}.modal-header{margin-bottom:var(--space-sm)}.modal-title{font-size:var(--text-lg)}.modal-close-button{width:28px;height:28px;font-size:var(--text-xl)}}.modal-container:focus{outline:none}.modal-content::-webkit-scrollbar{width:8px}.modal-content::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:var(--radius-sm)}.modal-content::-webkit-scrollbar-thumb{background:var(--border-secondary);border-radius:var(--radius-sm);transition:background var(--transition-normal)}.modal-content::-webkit-scrollbar-thumb:hover{background:var(--border-primary)}@media(prefers-contrast:high){.modal-overlay{background:#000c}.modal-container{border:2px solid var(--border-primary);box-shadow:var(--shadow-xl)}}@media(prefers-reduced-motion:reduce){.modal-overlay,.modal-container{animation:none}.modal-close-button{transition:none}.modal-close-button:hover{transform:none}}.promo-code-redeem{display:flex;flex-direction:column;gap:var(--space-lg);max-width:100%}.promo-code-success{background:linear-gradient(135deg,var(--color-success) 0%,#059669 100%);border:1px solid var(--color-success);padding:var(--space-lg);display:flex;align-items:flex-start;gap:var(--space-md);animation:slideInUp var(--transition-normal);position:relative;overflow:hidden}.promo-code-success:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.8),transparent);animation:shimmer 2s infinite}.success-icon{background:#fff3;border-radius:var(--radius-full);width:48px;height:48px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:var(--text-xl);flex-shrink:0;box-shadow:var(--shadow-sm)}.success-content h3{color:#fff;font-size:var(--text-lg);font-weight:var(--font-bold);margin:0 0 var(--space-xs) 0;letter-spacing:var(--tracking-tight)}.success-content p{color:#ffffffe6;font-size:var(--text-sm);margin:0 0 var(--space-sm) 0;line-height:var(--leading-relaxed)}.success-details{display:flex;flex-direction:column;gap:var(--space-xs)}.success-detail{display:flex;justify-content:space-between;align-items:center;background:#ffffff1a;padding:var(--space-xs) var(--space-sm);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.detail-label{color:#fffc;font-size:var(--text-sm);font-weight:var(--font-medium)}.detail-value{color:#fff;font-size:var(--text-sm);font-weight:var(--font-semibold)}.promo-code-error{background:linear-gradient(135deg,var(--color-error) 0%,#B8860B 100%);border:1px solid var(--color-error);padding:var(--space-md);display:flex;align-items:flex-start;gap:var(--space-sm);animation:slideInUp var(--transition-normal)}.error-icon{background:#fff3;border-radius:var(--radius-full);width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:var(--text-lg);flex-shrink:0}.error-content h4{color:#fff;font-size:var(--text-sm);font-weight:var(--font-bold);margin:0 0 var(--space-xs) 0}.error-content p{color:#ffffffe6;font-size:var(--text-sm);margin:0;line-height:var(--leading-relaxed)}.promo-code-form{display:flex;flex-direction:column;gap:var(--space-lg)}.form-group{display:flex;flex-direction:column;gap:var(--space-sm)}.form-label{display:flex;align-items:center;gap:var(--space-xs);color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--font-medium);letter-spacing:var(--tracking-tight)}.form-icon{color:var(--color-accent);font-size:var(--text-lg)}.form-input{background:var(--bg-secondary);border:1px solid var(--border-primary);padding:var(--space-md) var(--space-lg);color:var(--text-primary);font-size:var(--text-base);font-weight:var(--font-medium);letter-spacing:.05em;transition:all var(--transition-normal);text-transform:uppercase;text-align:center}.form-input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #dc26261a;background:var(--bg-tertiary)}.form-input:disabled{opacity:.6;cursor:not-allowed}.form-hint{color:var(--text-tertiary);font-size:var(--text-xs);text-align:center;line-height:var(--leading-relaxed)}.redeem-button{background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-accent-dark) 100%);border:none;padding:var(--space-md) var(--space-xl);color:#fff;font-size:var(--text-base);font-weight:var(--font-bold);letter-spacing:var(--tracking-tight);cursor:pointer;transition:all var(--transition-normal);display:flex;align-items:center;justify-content:center;gap:var(--space-sm);position:relative;overflow:hidden;min-height:48px}.redeem-button:hover:not(:disabled){background:linear-gradient(135deg,var(--color-accent-light) 0%,var(--color-accent) 100%);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.redeem-button:active:not(:disabled){transform:translateY(0);box-shadow:var(--shadow-md)}.redeem-button:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.button-icon{font-size:var(--text-lg)}.promo-code-history{border-top:1px solid var(--border-primary);padding-top:var(--space-lg)}.history-loading,.history-empty{text-align:center;padding:var(--space-lg);color:var(--text-tertiary);display:flex;align-items:center;justify-content:center;gap:var(--space-sm);flex-direction:column}.empty-hint{font-size:var(--text-xs);color:var(--text-quaternary)}.redemptions-list{display:flex;flex-direction:column;gap:var(--space-sm);max-height:300px;overflow-y:auto;padding-right:var(--space-xs)}.redemptions-list::-webkit-scrollbar{width:6px}.redemptions-list::-webkit-scrollbar-track{background:var(--bg-secondary)}.redemptions-list::-webkit-scrollbar-thumb{background:var(--border-secondary)}.redemptions-list::-webkit-scrollbar-thumb:hover{background:var(--border-primary)}.redemption-item{background:var(--bg-secondary);border:1px solid var(--border-primary);padding:var(--space-md);transition:all var(--transition-normal);position:relative;overflow:hidden}.redemption-item:hover{background:var(--bg-tertiary);border-color:var(--border-secondary);transform:translateY(-1px);box-shadow:var(--shadow-md)}.redemption-main{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-xs)}.redemption-code{background:var(--color-accent);color:#fff;padding:var(--space-xs) var(--space-sm);font-size:var(--text-sm);font-weight:var(--font-bold);letter-spacing:.05em;text-transform:uppercase}.redemption-amount{color:var(--color-success);font-size:var(--text-sm);font-weight:var(--font-bold)}.redemption-details{display:flex;justify-content:space-between;align-items:center;font-size:var(--text-xs);color:var(--text-tertiary)}.redemption-type{background:var(--bg-tertiary);padding:2px 6px;font-weight:var(--font-medium)}.redemption-description{margin-top:var(--space-xs);font-size:var(--text-xs);color:var(--text-secondary);font-style:italic;line-height:var(--leading-relaxed)}.loading-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.promo-code-redeem{gap:var(--space-md)}.promo-code-success,.promo-code-error{padding:var(--space-md);flex-direction:column;text-align:center}.success-icon{width:40px;height:40px;font-size:var(--text-lg)}.success-content h3{font-size:var(--text-base)}.success-detail{flex-direction:column;gap:var(--space-xs);text-align:center}.form-input{padding:var(--space-sm) var(--space-md);font-size:var(--text-sm)}.redeem-button{padding:var(--space-sm) var(--space-lg);font-size:var(--text-sm)}.redemption-main{flex-direction:column;gap:var(--space-xs);align-items:flex-start}.redemption-details{flex-direction:column;align-items:flex-start;gap:var(--space-xs)}}@media(max-width:480px){.success-details{gap:var(--space-xs)}.redemptions-list{max-height:250px}.redemption-item{padding:var(--space-sm)}}@media(prefers-contrast:high){.promo-code-success,.promo-code-error,.redemption-item,.form-input{border-width:2px}}@media(prefers-reduced-motion:reduce){.promo-code-success,.promo-code-error,.history-content{animation:none}.redeem-button{transition:none}.redeem-button:hover:not(:disabled){transform:none}.loading-spinner{animation:none;border-top-color:#ffffff4d}}.promo-code-redeem:focus-within .form-input{border-color:var(--color-accent);box-shadow:0 0 0 3px #dc26261a}.profile-picture-upload{display:flex;flex-direction:column;gap:var(--space-lg);max-width:100%;min-width:320px}.upload-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:var(--space-sm);border-bottom:1px solid var(--border-primary)}.upload-title{display:flex;align-items:center;gap:var(--space-sm);color:var(--text-primary);font-size:var(--text-lg);font-weight:var(--font-bold);margin:0;letter-spacing:var(--tracking-tight)}.upload-icon{color:var(--color-accent);font-size:var(--text-xl)}.upload-close{background:none;border:none;color:var(--text-tertiary);font-size:var(--text-xl);cursor:pointer;padding:var(--space-xs);border-radius:var(--radius-md);transition:all var(--transition-normal);display:flex;align-items:center;justify-content:center;width:32px;height:32px}.upload-close:hover{color:var(--text-secondary);background:var(--bg-secondary)}.current-avatar{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);padding:var(--space-lg);background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg)}.avatar-preview{position:relative;width:80px;height:80px;border-radius:var(--radius-full);overflow:hidden;background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center}.avatar-image{width:100%;height:100%;object-fit:cover;border-radius:var(--radius-full)}.avatar-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);font-size:var(--text-lg);font-weight:var(--font-bold);background:var(--bg-tertiary);border-radius:var(--radius-full)}.current-avatar-label{color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--font-medium);text-align:center;margin:0}.avatar-preview.avatar-error{background:var(--bg-tertiary);border:2px solid var(--color-error);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-xs)}.avatar-error-icon{font-size:var(--text-xl);margin-bottom:var(--space-xs)}.avatar-error-text{color:var(--color-error);font-size:var(--text-xs);font-weight:var(--font-medium);text-align:center;margin:0;line-height:var(--leading-tight)}.avatar-error-hint{color:var(--text-tertiary);font-size:var(--text-xs);text-align:center;margin:0;line-height:var(--leading-tight)}.upload-area{border:2px dashed var(--border-secondary);border-radius:var(--radius-lg);padding:var(--space-xl);text-align:center;cursor:pointer;transition:all var(--transition-normal);background:var(--bg-secondary);position:relative;overflow:hidden}.upload-area:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(220,38,38,.05),transparent);transition:left .5s}.upload-area:hover:before{left:100%}.upload-area:hover{border-color:var(--color-accent);background:var(--bg-tertiary)}.upload-area.drag-over{border-color:var(--color-accent);background:#dc26260d;transform:scale(1.02)}.upload-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:var(--space-md)}.upload-icon-large{color:var(--color-accent);font-size:3rem;opacity:.8}.upload-text{color:var(--text-primary);font-size:var(--text-base);font-weight:var(--font-medium);margin:0;line-height:var(--leading-relaxed)}.upload-text-highlight{color:var(--color-accent);font-weight:var(--font-bold)}.upload-hint{color:var(--text-tertiary);font-size:var(--text-sm);margin:0;line-height:var(--leading-relaxed)}.selected-file{display:flex;flex-direction:column;gap:var(--space-md);padding:var(--space-lg);background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg)}.file-preview{display:flex;align-items:center;gap:var(--space-md)}.file-preview-image{width:60px;height:60px;object-fit:cover;border-radius:var(--radius-md);background:var(--bg-tertiary)}.file-info{flex:1;display:flex;flex-direction:column;gap:var(--space-xs)}.file-name{color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--font-medium);margin:0;line-height:var(--leading-snug);word-break:break-word}.file-size{color:var(--text-tertiary);font-size:var(--text-xs);margin:0;line-height:var(--leading-snug)}.file-actions{display:flex;gap:var(--space-sm);justify-content:flex-end}.file-action-btn{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);border:none;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-normal);min-height:36px}.file-action-remove{background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-primary)}.file-action-remove:hover:not(:disabled){background:var(--color-error);color:#fff;border-color:var(--color-error)}.file-action-upload{background:var(--color-accent);color:#fff}.file-action-upload:hover:not(:disabled){background:var(--color-accent-light);transform:translateY(-1px);box-shadow:var(--shadow-md)}.file-action-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.upload-progress{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md)}.progress-bar{flex:1;height:8px;background:var(--bg-tertiary);border-radius:var(--radius-full);overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--color-accent),var(--color-accent-light));border-radius:var(--radius-full);transition:width var(--transition-normal);position:relative}.progress-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 1s infinite}.progress-text{color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--font-semibold);min-width:40px;text-align:right}.upload-message{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium)}.upload-success{background:#22c55e1a;color:var(--color-success);border:1px solid rgba(34,197,94,.2)}.upload-error{background:#ef44441a;color:var(--color-error);border:1px solid rgba(239,68,68,.2)}.message-icon{font-size:var(--text-lg);flex-shrink:0}.message-text{margin:0;line-height:var(--leading-relaxed)}.spinning{animation:spin 1s linear infinite}@media(max-width:768px){.profile-picture-upload{gap:var(--space-md);min-width:280px}.upload-header{padding-bottom:var(--space-xs)}.upload-title{font-size:var(--text-base);gap:var(--space-xs)}.upload-icon{font-size:var(--text-lg)}.upload-area{padding:var(--space-lg)}.upload-icon-large{font-size:2.5rem}.upload-text{font-size:var(--text-sm)}.current-avatar,.selected-file{padding:var(--space-md)}.avatar-preview{width:60px;height:60px}.file-preview{gap:var(--space-sm)}.file-preview-image{width:50px;height:50px}.file-actions{gap:var(--space-xs)}.file-action-btn{padding:var(--space-xs) var(--space-sm);font-size:var(--text-xs);min-height:32px}}@media(max-width:480px){.profile-picture-upload{min-width:260px}.upload-area{padding:var(--space-md)}.upload-icon-large{font-size:2rem}.upload-text,.upload-hint{font-size:var(--text-xs)}.avatar-preview{width:50px;height:50px}.file-preview-image{width:40px;height:40px}}@media(prefers-contrast:high){.upload-area{border-width:3px}.file-action-btn,.upload-success,.upload-error{border-width:2px}}@media(prefers-reduced-motion:reduce){.upload-area:before,.progress-fill:after{animation:none}.upload-area:hover{transform:none}.file-action-upload:hover:not(:disabled){transform:none}.spinning{animation:none;border-top-color:#ffffff4d}}.profile-picture-upload:focus-within .upload-area{border-color:var(--color-accent);box-shadow:0 0 0 3px #dc26261a}.profile-upload-modal{position:fixed;inset:0;z-index:1000;display:none;align-items:center;justify-content:center;animation:fadeIn .2s ease-out}.profile-upload-modal.modal-open{display:flex}.profile-upload-modal-overlay{position:absolute;inset:0;background:#000000bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:var(--space-lg);animation:overlayFadeIn .2s ease-out}.profile-upload-modal-content{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl);max-width:500px;width:100%;max-height:90vh;overflow-y:auto;animation:modalSlideIn .3s ease-out;position:relative}.sidebar-upload .profile-picture-upload{min-width:auto;padding:0}.sidebar-upload .upload-header{background:var(--bg-primary);border-bottom:1px solid var(--border-primary);margin:0;padding:var(--space-lg);border-radius:var(--radius-xl) var(--radius-xl) 0 0}@keyframes overlayFadeIn{0%{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}to{opacity:1;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}@media(max-width:768px){.profile-upload-modal-overlay{padding:var(--space-md)}.profile-upload-modal-content{max-width:100%;max-height:85vh}.sidebar-upload .upload-header{padding:var(--space-md)}}@keyframes skeletonShimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.skeleton-container{display:flex;flex-direction:column;gap:var(--space-md)}.skeleton-card,.skeleton-balance-card,.skeleton-coin-card{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-md);position:relative;overflow:hidden}.skeleton-card:before,.skeleton-balance-card:before,.skeleton-coin-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:var(--border-secondary);opacity:.5}.skeleton-line{height:16px;background:linear-gradient(90deg,#1a1a1a 25%,#2a2a2a,#1a1a1a 75%);background-size:200px 100%;border-radius:4px;animation:skeletonShimmer 1.5s infinite;margin-bottom:var(--space-xs)}.skeleton-line:last-child{margin-bottom:0}.skeleton-text{width:100%}.skeleton-text-short{width:60%}.skeleton-title{width:70%;height:20px}.skeleton-subtitle{width:40%;height:14px}.skeleton-button{height:36px;background:linear-gradient(90deg,#1a1a1a 25%,#2a2a2a,#1a1a1a 75%);background-size:200px 100%;border-radius:var(--radius-sm);animation:skeletonShimmer 1.5s infinite;flex:1}.skeleton-header{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-md)}.skeleton-avatar{width:48px;height:48px;background:linear-gradient(90deg,#1a1a1a 25%,#2a2a2a,#1a1a1a 75%);background-size:200px 100%;border-radius:50%;animation:skeletonShimmer 1.5s infinite;flex-shrink:0}.skeleton-title-block{flex:1}.skeleton-content{margin-bottom:var(--space-md)}.skeleton-actions{display:flex;gap:var(--space-sm);margin-top:auto}.skeleton-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr auto;gap:var(--space-md);padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--border-primary);align-items:center}.skeleton-cell{height:16px;background:linear-gradient(90deg,#1a1a1a 25%,#2a2a2a,#1a1a1a 75%);background-size:200px 100%;border-radius:4px;animation:skeletonShimmer 1.5s infinite}.skeleton-balance-card{display:flex;align-items:center;gap:var(--space-lg);padding:var(--space-xl)}.skeleton-balance-icon{width:80px;height:80px;background:linear-gradient(90deg,#1a1a1a 25%,#2a2a2a,#1a1a1a 75%);background-size:200px 100%;border-radius:50%;animation:skeletonShimmer 1.5s infinite;flex-shrink:0}.skeleton-balance-content{flex:1}.skeleton-balance-label{width:40%;height:18px;margin-bottom:var(--space-sm)}.skeleton-balance-amount{width:60%;height:32px}.skeleton-coin-card{display:flex;flex-direction:column;text-align:center;min-height:180px}.skeleton-coin-header{margin-bottom:var(--space-md)}.skeleton-coin-title{width:50%;height:20px;margin:0 auto var(--space-xs) auto}.skeleton-coin-symbol{width:30%;height:14px;margin:0 auto}.skeleton-coin-price{width:60%;height:24px;margin:var(--space-md) auto}.skeleton-coin-stats{display:flex;justify-content:space-between;margin-top:auto}.skeleton-stat{width:45%;height:16px}.skeleton-text-block{padding:var(--space-lg);background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-lg)}.loading-overlay{position:relative}.loading-overlay:before{content:"";position:absolute;inset:0;background:#000c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border-radius:inherit;z-index:10;display:flex;align-items:center;justify-content:center}.loading-spinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:11;width:40px;height:40px;border:3px solid var(--border-primary);border-top:3px solid var(--color-accent);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.btn-loading{position:relative;color:transparent}.btn-loading:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}.empty-state{text-align:center;padding:var(--space-2xl);color:var(--text-tertiary);font-style:italic}.empty-state-icon{font-size:var(--text-4xl);margin-bottom:var(--space-md);opacity:.5}.fade-in{animation:fadeIn .3s ease-out}.fade-out{animation:fadeOut .3s ease-in}.slide-up{animation:slideUp .3s ease-out}.slide-down{animation:slideDown .3s ease-out}.scale-in{animation:scaleIn .2s ease-out}.scale-out{animation:scaleOut .2s ease-in}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideDown{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes scaleIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}@keyframes scaleOut{0%{transform:scale(1);opacity:1}to{transform:scale(.9);opacity:0}}@media(max-width:768px){.skeleton-card,.skeleton-balance-card,.skeleton-coin-card{padding:var(--space-md)}.skeleton-row{grid-template-columns:1fr;gap:var(--space-sm);padding:var(--space-sm) var(--space-md)}.skeleton-balance-card{flex-direction:column;text-align:center;gap:var(--space-md)}.skeleton-balance-icon{width:60px;height:60px}.skeleton-actions{flex-direction:column;gap:var(--space-xs)}.skeleton-button{height:32px}}@media(max-width:480px){.skeleton-coin-card{min-height:160px}.skeleton-coin-title{width:60%}.skeleton-coin-price{width:70%}.skeleton-stats{flex-direction:column;gap:var(--space-xs)}.skeleton-stat{width:100%}}@media(prefers-contrast:high){.skeleton-line,.skeleton-button,.skeleton-avatar,.skeleton-balance-icon,.skeleton-cell{background:#333}}@media(prefers-reduced-motion:reduce){.skeleton-line,.skeleton-button,.skeleton-avatar,.skeleton-balance-icon,.skeleton-cell,.fade-in,.fade-out,.slide-up,.slide-down,.scale-in,.scale-out,.loading-spinner{animation:none}}.auth-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;text-align:center;padding:2rem}.loading-spinner{width:40px;height:40px;border:4px solid #333;border-top:4px solid #DAA520;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.auth-loading p{color:#ccc;font-size:1.1rem;margin:0;font-weight:500}@media(max-width:768px){.auth-loading{min-height:150px;padding:1.5rem}.loading-spinner{width:32px;height:32px;border-width:3px}.auth-loading p{font-size:1rem}}.daily-rewards-widget{background:linear-gradient(135deg,#1a1a1a,#2d2d2d);border:1px solid rgba(255,215,0,.2);border-radius:12px;padding:20px;transition:all .3s ease;box-shadow:0 4px 20px #0000004d;position:relative;overflow:hidden}.daily-rewards-widget:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,gold,orange,gold);opacity:0;transition:opacity .3s ease}.daily-rewards-widget.available:before{opacity:1;animation:shimmer 2s infinite}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:200px 0}}.daily-rewards-widget:hover{border-color:#ffd70066;transform:translateY(-2px);box-shadow:0 6px 25px #0006}.daily-rewards-widget.available{border-color:gold;background:linear-gradient(135deg,#2d2d2d,#3d3d3d);animation:pulse 2s infinite}@keyframes pulse{0%,to{box-shadow:0 4px 20px #0000004d}50%{box-shadow:0 6px 30px #ffd70033}}.widget-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid rgba(255,255,255,.1)}.widget-icon{color:gold;font-size:24px;margin-right:10px}.widget-header h3{color:#fff;font-size:18px;font-weight:600;margin:0;flex:1}.claim-button-small{background:linear-gradient(135deg,gold,orange);color:#000;border:none;border-radius:8px;padding:8px 16px;font-size:12px;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;animation:claim-button-pulse 2s infinite}.claim-button-small:hover:not(:disabled){background:linear-gradient(135deg,orange,#ff8c00);transform:scale(1.05)}.claim-button-small:disabled{opacity:.6;cursor:not-allowed}@keyframes claim-button-pulse{0%,to{box-shadow:0 4px 15px #ffd7004d}50%{box-shadow:0 6px 20px #ffd70080}}.widget-content{display:flex;flex-direction:column;gap:20px}.streak-display{display:flex;justify-content:center;margin-bottom:10px}.streak-circle{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,gold,orange);display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 4px 15px #ffd7004d;position:relative}.streak-circle:before{content:"";position:absolute;inset:-3px;border-radius:50%;background:linear-gradient(135deg,gold,orange);z-index:-1;opacity:.5}.streak-number{font-size:24px;font-weight:700;color:#000;line-height:1}.streak-label{font-size:10px;color:#000;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.streak-progress{margin-bottom:15px}.progress-bar-container{width:100%;height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden;margin-bottom:8px}.progress-bar{height:100%;background:linear-gradient(90deg,gold,orange);border-radius:3px;transition:width .5s ease;position:relative}.progress-bar:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:progress-shine 2s infinite}@keyframes progress-shine{0%{transform:translate(-100%)}to{transform:translate(100%)}}.progress-labels{display:flex;justify-content:space-between;font-size:11px;color:#fff9}.progress-label{font-weight:600}.next-reward{display:flex;align-items:center;background:#ffd7001a;border:1px solid rgba(255,215,0,.2);border-radius:8px;padding:12px}.reward-icon{color:gold;font-size:18px;margin-right:12px}.reward-info{flex:1}.reward-label{display:block;font-size:12px;color:#ffffffb3;margin-bottom:4px}.reward-amount{font-size:16px;font-weight:600;color:gold}.next-eligible{display:flex;align-items:center;background:#6464641a;border:1px solid rgba(100,100,100,.2);border-radius:8px;padding:12px}.eligible-icon{color:#888;font-size:18px;margin-right:12px}.eligible-info{flex:1}.eligible-label{display:block;font-size:12px;color:#ffffffb3;margin-bottom:4px}.eligible-time{font-size:14px;font-weight:600;color:#ccc}.claim-available{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ffd70033,#ffa50033);border:1px solid rgba(255,215,0,.3);border-radius:8px;padding:12px;font-weight:600;color:gold;text-align:center}.claim-available-icon{font-size:18px;margin-right:8px}.claim-success{display:flex;align-items:center;background:linear-gradient(135deg,#22c55e33,#22c55e1a);border:1px solid rgba(34,197,94,.3);border-radius:8px;padding:12px;margin-top:12px}.success-icon{color:#22c55e;font-size:18px;margin-right:12px;display:flex;align-items:center;justify-content:center}.success-content{flex:1}.success-content h4{color:#22c55e;font-size:14px;font-weight:600;margin:0 0 4px}.success-content p{color:#fffc;font-size:12px;margin:0 0 8px}.success-details{display:flex;flex-direction:column;gap:4px}.success-detail{display:flex;justify-content:space-between;align-items:center}.detail-label{font-size:11px;color:#fff9}.detail-value{font-size:11px;font-weight:600;color:#22c55e}.claim-error{display:flex;align-items:center;background:linear-gradient(135deg,#ef444433,#ef44441a);border:1px solid rgba(239,68,68,.3);border-radius:8px;padding:12px;margin-top:12px}.error-icon{color:#ef4444;font-size:18px;margin-right:12px;display:flex;align-items:center;justify-content:center}.error-content{flex:1}.error-content h4{color:#ef4444;font-size:14px;font-weight:600;margin:0 0 4px}.error-content p{color:#fffc;font-size:12px;margin:0}.claim-loading{display:flex;align-items:center;justify-content:center;background:#6464641a;border:1px solid rgba(100,100,100,.2);border-radius:8px;padding:12px;margin-top:12px;color:#ffffffb3;font-size:12px}.claim-loading .loading-spinner{width:16px;height:16px;margin-right:8px}.daily-rewards-widget.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px}.loading-spinner{width:24px;height:24px;border:2px solid rgba(255,215,0,.2);border-top:2px solid #FFD700;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:12px}.loading-spinner.small{width:16px;height:16px;border-width:2px;margin-bottom:8px}.daily-rewards-widget.error{border-color:#ef4444;background:#ef44441a}.error-content{display:flex;align-items:center;justify-content:center;text-align:center;color:#ef4444;font-size:14px}.error-icon{font-size:18px;margin-right:8px}.portfolio-widget{margin-bottom:24px;max-width:400px}@media(max-width:768px){.daily-rewards-widget{padding:16px}.widget-header{flex-direction:column;align-items:flex-start;gap:10px}.claim-button-small{align-self:stretch;text-align:center}.streak-circle{width:70px;height:70px}.streak-number{font-size:20px}.streak-label{font-size:9px}}@media(max-width:480px){.daily-rewards-widget{padding:12px}.widget-content{gap:15px}.streak-circle{width:60px;height:60px}.streak-number{font-size:18px}.next-reward,.next-eligible,.claim-available{padding:10px}}@media(prefers-color-scheme:dark){.daily-rewards-widget{background:linear-gradient(135deg,#1a1a1a,#2d2d2d);color:#fff}}.eligible-time{animation:countdown-blink 2s infinite}@keyframes countdown-blink{0%,50%{opacity:1}51%,to{opacity:.7}}.daily-rewards-widget.success-animation{border-color:#22c55e;background:linear-gradient(135deg,#2d2d2d,#1a3a1a);animation:success-glow 2s ease-out}@keyframes success-glow{0%{box-shadow:0 4px 20px #0000004d;border-color:gold}50%{box-shadow:0 8px 40px #22c55e66;border-color:#22c55e}to{box-shadow:0 4px 20px #0000004d;border-color:#22c55e}}.daily-reward-history{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-lg);transition:all var(--transition-normal);position:relative;overflow:hidden}.daily-reward-history:hover{border-color:var(--border-secondary);box-shadow:var(--shadow-md)}.daily-reward-history.loading,.daily-reward-history.error{align-items:center;justify-content:center;text-align:center;min-height:300px}.history-header{display:flex;align-items:center;gap:var(--space-md);border-bottom:1px solid var(--border-primary);padding-bottom:var(--space-md)}.history-header h3{color:var(--text-primary);font-size:var(--text-xl);font-weight:var(--font-bold);margin:0;letter-spacing:var(--tracking-tight);display:flex;align-items:center;gap:var(--space-sm)}.header-icon{color:var(--color-accent);font-size:var(--text-lg)}.streak-summary{display:grid;grid-template-columns:1fr 2fr;gap:var(--space-md);align-items:center}.streak-card{background:var(--bg-tertiary);border:1px solid var(--border-secondary);border-radius:var(--radius-md);padding:var(--space-md);text-align:center;transition:all var(--transition-normal)}.streak-card.current{background:linear-gradient(135deg,var(--bg-tertiary) 0%,rgba(220,38,38,.1) 100%);border-color:var(--color-accent);position:relative}.streak-card.current:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--color-accent);border-radius:var(--radius-md) var(--radius-md) 0 0}.streak-value{color:var(--text-primary);font-size:var(--text-2xl);font-weight:var(--font-bold);line-height:1;margin-bottom:var(--space-xs)}.streak-label{color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--font-medium)}.streak-sublabel{color:var(--text-tertiary);font-size:var(--text-xs);margin-top:var(--space-xs)}.streak-card.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-sm);background:none;border:none;padding:0}.stat-item{background:var(--bg-tertiary);border:1px solid var(--border-secondary);border-radius:var(--radius-md);padding:var(--space-sm);text-align:center;transition:all var(--transition-normal)}.stat-item:hover{border-color:var(--border-tertiary);transform:translateY(-1px)}.stat-value{color:var(--text-primary);font-size:var(--text-lg);font-weight:var(--font-bold);line-height:1;margin-bottom:var(--space-xs)}.stat-label{color:var(--text-secondary);font-size:var(--text-xs);font-weight:var(--font-medium)}.streak-progress{background:var(--bg-tertiary);border:1px solid var(--border-secondary);border-radius:var(--radius-md);padding:var(--space-md)}.progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-sm)}.progress-title{color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--font-semibold)}.progress-milestone{color:var(--text-tertiary);font-size:var(--text-xs)}.progress-bar-container{position:relative;margin-bottom:var(--space-sm)}.progress-bar{height:8px;background:linear-gradient(90deg,var(--color-accent) 0%,var(--color-success) 100%);border-radius:var(--radius-full);transition:width var(--transition-normal);position:relative;overflow:hidden}.progress-bar:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:shimmer 2s infinite}.progress-labels{display:flex;justify-content:space-between;align-items:center}.milestone{color:var(--text-tertiary);font-size:var(--text-xs);font-weight:var(--font-medium);position:relative;padding:0 var(--space-xs)}.milestone.completed{color:var(--text-secondary);font-weight:var(--font-semibold)}.milestone.completed:after{content:"✓";position:absolute;top:-8px;right:-8px;color:var(--color-success);font-size:10px;font-weight:var(--font-bold)}.history-section{border-top:1px solid var(--border-primary);padding-top:var(--space-lg)}.history-toggle{background:none;border:none;color:var(--color-accent);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) 0;transition:color var(--transition-normal);width:100%;justify-content:flex-start}.history-toggle:hover{color:var(--color-accent-light);text-decoration:underline}.toggle-icon{font-size:var(--text-base)}.history-count{background:var(--bg-tertiary);color:var(--text-secondary);padding:2px 8px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-semibold)}.history-content{margin-top:var(--space-md);animation:slideDown var(--transition-normal)}.history-empty{text-align:center;padding:var(--space-lg);color:var(--text-tertiary);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:var(--space-sm)}.empty-icon{font-size:var(--text-2xl);color:var(--text-quaternary);opacity:.6}.empty-hint{font-size:var(--text-xs);color:var(--text-quaternary);margin-top:var(--space-xs)}.claims-list{display:flex;flex-direction:column;gap:var(--space-sm);max-height:400px;overflow-y:auto;padding-right:var(--space-xs)}.claims-list::-webkit-scrollbar{width:6px}.claims-list::-webkit-scrollbar-track{background:var(--bg-secondary)}.claims-list::-webkit-scrollbar-thumb{background:var(--border-secondary);border-radius:var(--radius-full)}.claims-list::-webkit-scrollbar-thumb:hover{background:var(--border-primary)}.claim-item{background:var(--bg-tertiary);border:1px solid var(--border-secondary);padding:var(--space-md);transition:all var(--transition-normal);position:relative;overflow:hidden}.claim-item:hover{background:var(--bg-hover);border-color:var(--border-tertiary);transform:translateY(-1px);box-shadow:var(--shadow-md)}.claim-main{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-xs)}.claim-streak{display:flex;align-items:center;gap:var(--space-xs)}.streak-badge{background:var(--bg-quaternary);color:var(--text-secondary);padding:2px 8px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.streak-badge.daily{background:var(--color-accent);color:#fff}.streak-badge.week{background:var(--color-warning);color:#fff}.streak-badge.fortnight{background:var(--color-success);color:#fff}.streak-badge.month{background:var(--color-error);color:#fff}.claim-amount{color:var(--color-success);font-size:var(--text-base);font-weight:var(--font-bold)}.claim-details{display:flex;justify-content:space-between;align-items:center;font-size:var(--text-xs);color:var(--text-tertiary)}.claim-type{background:var(--bg-quaternary);padding:2px 6px;border-radius:var(--radius-sm);font-weight:var(--font-medium);color:var(--text-secondary)}.claim-date{color:var(--text-tertiary);font-style:italic}.load-more-button{background:var(--bg-tertiary);border:1px solid var(--border-secondary);padding:var(--space-sm) var(--space-md);color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-normal);display:flex;align-items:center;justify-content:center;gap:var(--space-xs);width:100%;margin-top:var(--space-sm);border-radius:var(--radius-md)}.load-more-button:hover:not(:disabled){background:var(--bg-hover);border-color:var(--border-tertiary);color:var(--text-primary);transform:translateY(-1px)}.load-more-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.load-more-icon{font-size:var(--text-sm)}.loading-spinner{width:24px;height:24px;border:2px solid var(--border-primary);border-top:2px solid var(--color-accent);border-radius:50%;animation:spin 1s linear infinite}.loading-spinner.small{width:16px;height:16px;border-width:2px}.error-content{display:flex;align-items:center;gap:var(--space-sm);color:var(--text-tertiary);text-align:center}.error-icon{color:var(--color-error);font-size:var(--text-lg)}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media(max-width:768px){.daily-reward-history{padding:var(--space-md);gap:var(--space-md)}.history-header h3{font-size:var(--text-lg)}.streak-summary{grid-template-columns:1fr;gap:var(--space-sm)}.streak-card.stats{grid-template-columns:repeat(3,1fr);gap:var(--space-xs)}.stat-item{padding:var(--space-xs)}.stat-value{font-size:var(--text-base)}.progress-header{flex-direction:column;gap:var(--space-xs);align-items:flex-start}.progress-milestone{font-size:var(--text-xs)}.claim-item{padding:var(--space-sm)}.claim-main{flex-direction:column;gap:var(--space-xs);align-items:flex-start}.claim-details{flex-direction:column;align-items:flex-start;gap:var(--space-xs)}}@media(max-width:480px){.streak-card.stats{grid-template-columns:1fr;gap:var(--space-xs)}.stat-item{padding:var(--space-sm)}.progress-labels{font-size:var(--text-xs)}.milestone{padding:0}.milestone:not(:first-child):not(:last-child){display:none}.claims-list{max-height:300px}.load-more-button{padding:var(--space-xs) var(--space-sm);font-size:var(--text-xs)}}@media(prefers-contrast:high){.daily-reward-history,.streak-card,.stat-item,.streak-progress,.claim-item{border-width:2px}.streak-badge{border:1px solid currentColor}}@media(prefers-reduced-motion:reduce){.daily-reward-history,.streak-card,.stat-item,.claim-item,.load-more-button{transition:none}.history-content{animation:none}.progress-bar:after{animation:none}.loading-spinner{animation:none;border-top-color:#dc26264d}}.App{text-align:center;min-height:100vh;background:#000;background-color:#000;color:#fff;transition:all var(--transition-normal);font-family:var(--font-family-sans);font-size:var(--text-base);line-height:var(--leading-normal)}.sidebar-layout{display:flex;min-height:100vh;width:100%}.sidebar-content{flex:1;display:flex;flex-direction:column;margin-left:280px;transition:margin-left var(--transition-normal);width:calc(100% - 280px);min-width:0}.sidebar-layout.collapsed .sidebar-content{margin-left:60px;width:calc(100% - 60px)}.sidebar-overlay{position:fixed;inset:0;background:#00000080;z-index:999;opacity:0;visibility:hidden;transition:all var(--transition-normal)}.sidebar-overlay.active{opacity:1;visibility:visible}.sidebar{position:fixed;left:0;top:0;bottom:0;width:280px;background:linear-gradient(180deg,#0a0a0a,#000,#0a0a0a);background-color:#000000d9;z-index:var(--z-sticky);transition:all var(--transition-normal);display:flex;flex-direction:column;border-right:1px solid rgba(255,255,255,.1);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.sidebar-collapsed{width:60px}@media(max-width:768px){.sidebar-content{margin-left:0!important;width:100%!important}.sidebar,.sidebar-open{display:none!important}.mobile-hamburger{display:flex!important}.nav-list{padding:0 6px}.nav-link{padding:var(--space-xs) var(--space-sm);margin-bottom:var(--space-xs);height:36px}}@media(max-width:1024px)and (min-width:769px){.sidebar-content{margin-left:230px;width:calc(100% - 230px)}.sidebar{width:230px}.sidebar-layout.collapsed .sidebar-content{margin-left:50px;width:calc(100% - 50px)}.sidebar-collapsed{width:50px}}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-xl);background:#0009;border-bottom:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.sidebar-brand{display:flex;align-items:center;justify-content:center;font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--text-primary);text-decoration:none;transition:all var(--transition-fast)}.sidebar-brand:hover{color:var(--color-primary);transform:scale(1.02)}.sidebar-logo{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--text-primary);text-decoration:none;transition:all var(--transition-normal);text-shadow:0 2px 4px rgba(255,255,255,.2);letter-spacing:var(--tracking-wide);text-transform:uppercase}.brand-text{color:var(--text-primary);font-weight:var(--font-semibold);letter-spacing:var(--tracking-wide)}.sidebar-toggle{background:none;border:none;color:var(--text-secondary);font-size:var(--text-lg);cursor:pointer;padding:var(--space-sm);border-radius:var(--radius-sm);transition:all var(--transition-normal)}.sidebar-toggle:hover{background:var(--bg-hover);color:var(--text-primary);transform:scale(1.1)}.sidebar-nav{flex:1;padding:var(--space-md) 0;overflow-y:auto}.nav-section{margin-bottom:var(--space-lg);padding:0 var(--space-sm)}.nav-section-title{color:var(--text-tertiary);font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:var(--tracking-wider);margin:var(--space-md) var(--space-sm) var(--space-md) var(--space-sm);padding-bottom:var(--space-sm);opacity:.8;border-bottom:1px solid rgba(255,255,255,.1)}.nav-list{list-style:none;margin:0;padding:0 var(--space-sm)}.nav-link{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);margin-bottom:var(--space-sm);height:44px;color:var(--text-secondary);text-decoration:none;font-weight:var(--font-medium);background:transparent;border-radius:var(--radius-md);transition:all var(--transition-normal);position:relative;border:2px solid transparent;letter-spacing:var(--tracking-normal);cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.nav-link:hover{background:#ffffff14;transform:translate(4px);border-color:#ffffff1a}.nav-link-active{color:var(--color-primary);font-weight:var(--font-semibold);border:2px solid var(--color-primary);background:linear-gradient(135deg,#ffd7001a,#ffd7000d);position:relative;overflow:hidden;transform:translate(0)}.nav-link:active{background:#ffffff26;transform:translate(2px);transition:all .1s ease}.nav-icon{color:var(--text-secondary);opacity:.8;font-size:18px;display:flex;align-items:center;justify-content:center;transition:all var(--transition-normal);min-width:24px}.nav-link:hover .nav-icon{color:var(--text-primary);opacity:1}.nav-link-active .nav-icon{color:var(--color-primary);opacity:1}.nav-link:active .nav-icon{color:var(--text-secondary)}.nav-link-active:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(135deg,rgba(255,255,255,.05) 0%,transparent 100%);transition:left var(--transition-normal)}.nav-link-active:hover:before{left:100%}@keyframes navItemSlideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.nav-list li{animation:navItemSlideIn .4s ease-out;animation-fill-mode:both}.nav-list li:nth-child(1){animation-delay:.1s}.nav-list li:nth-child(2){animation-delay:.15s}.nav-list li:nth-child(3){animation-delay:.2s}.nav-list li:nth-child(4){animation-delay:.25s}.nav-list li:nth-child(5){animation-delay:.3s}.nav-list li:nth-child(6){animation-delay:.35s}.nav-icon{font-size:var(--text-lg);min-width:24px;text-align:center;color:var(--text-secondary);transition:all var(--transition-normal)}.nav-link-active .nav-icon{color:var(--color-primary)}.nav-link:active .nav-icon{transform:scale(.95)}.nav-label{white-space:nowrap}.sidebar-balance{padding:var(--space-md);background:#0009;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fadeInUp .6s ease-out;animation-fill-mode:both;animation-delay:.4s}.balance-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-sm) var(--space-md);margin-bottom:var(--space-sm);background:#ffffff0d;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.1);transition:all var(--transition-normal)}.balance-item:hover{background:#ffffff14;transform:translate(2px)}.balance-label{color:var(--text-secondary);font-size:var(--text-xs);font-weight:var(--font-bold);display:flex;align-items:center;gap:6px}.balance-icon{font-size:14px}.balance-value{color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--font-semibold);letter-spacing:var(--tracking-wide)}.balance-value-white{color:#fff}.balance-total{margin-top:var(--space-sm);padding-top:var(--space-sm);border-top:1px solid var(--border-primary)}.balance-total-label{display:block;color:var(--text-secondary);font-size:var(--text-xs);font-weight:var(--font-medium);margin-bottom:4px}.balance-total-value{display:block;color:var(--color-primary);font-size:var(--text-lg);font-weight:var(--font-bold);letter-spacing:var(--tracking-wide)}.sidebar-user{padding:var(--space-md);background:#0009;border-top:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fadeInUp .6s ease-out;animation-fill-mode:both;animation-delay:.5s}.user-info{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-md);padding:var(--space-sm);border-radius:var(--radius-md);background:#ffffff0d;border:1px solid rgba(255,255,255,.1);transition:all var(--transition-normal);cursor:pointer}.user-info:hover{background:#ffffff14;transform:translate(2px)}.user-info:active{background:#ffffff26;transform:translate(0)}.user-avatar{width:64px;height:64px;border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-accent-dark) 100%);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:var(--font-bold);font-size:var(--text-xl);box-shadow:var(--shadow-md);transition:all var(--transition-normal);position:relative;overflow:hidden}.user-avatar:hover{transform:scale(1.05);box-shadow:var(--shadow-lg)}.user-avatar:after{content:"";position:absolute;bottom:2px;right:2px;width:14px;height:14px;background:#00d084;border:3px solid #000000;border-radius:50%;box-shadow:0 0 4px #00d08480}.user-details{display:flex;flex-direction:column;min-width:0;flex:1}.user-name{color:var(--text-primary);font-weight:var(--font-semibold);font-size:var(--text-base);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:var(--tracking-wide)}.user-balance{color:var(--color-success);font-weight:var(--font-semibold);font-size:var(--text-lg);text-shadow:0 0 8px rgba(16,185,129,.3)}.logout-btn{display:flex;align-items:center;gap:var(--space-sm);width:100%;padding:var(--space-sm) var(--space-md);background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:var(--text-xs);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-normal);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.logout-btn:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-secondary);transform:translateY(-1px)}.logout-icon{font-size:var(--text-base);color:var(--text-secondary);transition:all var(--transition-normal)}.logout-btn:hover .logout-icon{color:var(--text-primary)}.sidebar-auth{padding:var(--space-md);background:#000;border-top:1px solid var(--border-primary)}.auth-buttons{display:flex;flex-direction:column;gap:var(--space-sm)}.auth-compact{display:flex;justify-content:center}.auth-btn{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);text-decoration:none;text-align:center;font-weight:var(--font-medium);transition:all var(--transition-normal);display:block;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.auth-btn-primary{background:var(--color-primary);color:#fff;border:1px solid var(--color-primary);box-shadow:var(--shadow-sm)}.auth-btn-primary:hover{background:var(--color-primary-dark);border-color:var(--color-primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.auth-btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-primary)}.auth-btn-secondary:hover{background:var(--bg-hover);border-color:var(--border-secondary);color:var(--text-primary);transform:translateY(-1px)}.mobile-hamburger{display:none;position:fixed;top:20px;left:20px;z-index:var(--z-mobile-nav, 100);background:linear-gradient(135deg,#000,#1a1a1a);border:1px solid var(--border-primary);border-radius:8px;padding:12px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #0000004d}.mobile-hamburger:hover{background:linear-gradient(135deg,#1a1a1a,#2a2a2a);transform:scale(1.05);box-shadow:0 6px 16px #0006}.mobile-hamburger:active{transform:scale(.98)}.hamburger-line{display:block;width:25px;height:3px;background:#fff;margin:5px 0;transition:all .3s ease;border-radius:2px}.mobile-hamburger.active .hamburger-line:nth-child(1){transform:rotate(-45deg) translate(-5px,6px);background:var(--color-primary)}.mobile-hamburger.active .hamburger-line:nth-child(2){opacity:0;transform:translate(-10px)}.mobile-hamburger.active .hamburger-line:nth-child(3){transform:rotate(45deg) translate(-5px,-6px);background:var(--color-primary)}.sidebar-backdrop{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:90;opacity:0;visibility:hidden;transition:all var(--transition-normal)}.sidebar-backdrop.active{opacity:1;visibility:visible}.coins-grid-mobile{display:grid!important;grid-template-columns:1fr!important;gap:var(--space-md)!important;width:100%!important;max-width:100%!important;margin:0!important;padding:0 var(--space-sm)!important;box-sizing:border-box!important;overflow-x:hidden!important}.coin-card-mobile{width:100%!important;min-height:180px!important;padding:var(--space-lg)!important;display:flex!important;flex-direction:column!important;justify-content:space-between!important;border-radius:var(--radius-lg)!important;background:var(--bg-card)!important;border:1px solid var(--border-primary)!important;box-shadow:var(--shadow-md)!important;transition:all var(--transition-normal)!important;position:relative!important;overflow:hidden!important}.coin-card-mobile:hover{transform:translateY(-3px) scale(1.02)!important;box-shadow:var(--shadow-xl)!important;border-color:var(--color-primary)!important}@media(max-width:768px){.coin-card-mobile{min-height:160px!important;padding:var(--space-md)!important;margin-bottom:var(--space-sm)!important}.coin-card-mobile h3{font-size:var(--text-lg)!important;margin-bottom:var(--space-sm)!important}.coin-card-mobile .price{font-size:var(--text-xl)!important;margin:var(--space-sm) 0!important}.percentage-pill{font-size:var(--text-sm)!important;padding:var(--space-xs) var(--space-sm)!important;min-width:60px!important}.mobile-hamburger{display:flex!important}.sidebar-layout{position:relative!important}.sidebar-content{margin-left:0!important;width:100%!important;transform:translate(0)!important}.hero h1{font-size:var(--text-3xl)!important}.hero p{font-size:var(--text-lg)!important}.market-section h2{font-size:var(--text-2xl)!important}.sidebar-backdrop{display:none!important}}@media(max-width:480px){.coin-card-mobile{min-height:140px!important;padding:var(--space-sm)!important}.coin-card-mobile h3{font-size:var(--text-base)!important}.coin-card-mobile .price{font-size:var(--text-lg)!important}.percentage-pill{font-size:var(--text-xs)!important;padding:2px var(--space-xs)!important;min-width:50px!important}.hero h1{font-size:var(--text-2xl)!important}.market-section h2{font-size:var(--text-xl)!important}.market-section{padding:0 var(--space-sm)!important}.coins-grid-mobile{padding:0 var(--space-xs)!important}}@media(max-width:768px){.sidebar-layout.with-sidebar .sidebar-content{margin-left:0!important;width:100%!important}.sidebar,.sidebar-open{display:none!important}.hamburger-menu{display:flex}.navbar .container{position:relative;width:100%;max-width:100%;padding:0 var(--space-md);box-sizing:border-box}.nav-brand{margin-right:auto}.nav-menu{display:none}.market-section{width:100%!important;max-width:100%!important;padding:0 var(--space-md)!important;box-sizing:border-box!important;overflow-x:hidden!important}.coins-grid{width:100%!important;max-width:100%!important;padding:0 var(--space-sm)!important;box-sizing:border-box!important}}@media(max-width:480px){.navbar .container{padding:0 var(--space-sm)}.market-section{padding:0 var(--space-sm)!important}.coins-grid{padding:0 var(--space-xs)!important}}.loading{display:flex;justify-content:center;align-items:center;min-height:50vh;position:relative}.spinner{width:50px;height:50px;border:3px solid var(--border-primary);border-top:3px solid var(--color-accent);border-radius:50%;animation:spin 1s linear infinite}.no-coins{text-align:center;padding:var(--space-2xl);background:var(--bg-card);border-radius:var(--radius-lg);color:var(--text-tertiary);border:1px solid var(--border-primary);font-size:var(--text-lg);font-style:italic;position:relative;overflow:hidden}.no-coins:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:var(--border-secondary);opacity:.5}.navbar{background:var(--bg-secondary);padding:var(--space-lg) 0;box-shadow:var(--shadow-lg);border-bottom:1px solid var(--border-primary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0;z-index:var(--z-sticky);transition:all var(--transition-normal)}.navbar .container{display:flex;justify-content:space-between;align-items:center;gap:var(--space-lg)}.nav-brand a{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-accent);text-decoration:none;transition:all var(--transition-normal);letter-spacing:var(--tracking-tight)}.nav-brand a:hover{transform:scale(1.05);filter:brightness(1.1);color:var(--color-accent-light)}.nav-menu{display:flex;align-items:center;gap:var(--space-md)}.nav-menu a{color:var(--text-secondary);text-decoration:none;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-weight:var(--font-medium);transition:all var(--transition-normal);position:relative;overflow:hidden;letter-spacing:var(--tracking-normal)}.nav-menu a:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:var(--color-accent);opacity:.1;transition:left var(--transition-normal)}.nav-menu a:hover{color:var(--text-primary);background-color:var(--bg-hover);transform:translateY(-1px)}.nav-menu a:hover:before{left:100%}.balance{background:var(--color-success);color:#fff;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-weight:var(--font-bold);font-size:var(--text-sm);box-shadow:var(--shadow-md);position:relative;overflow:hidden;animation:glow 2s ease-in-out infinite alternate;letter-spacing:var(--tracking-wide)}@keyframes glow{0%{box-shadow:var(--shadow-md)}to{box-shadow:var(--shadow-glow-success)}}.balance:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:#ffffff1a;transform:rotate(45deg);animation:shimmer 3s linear infinite}@keyframes shimmer{0%{transform:translate(-100%) translateY(-100%) rotate(45deg)}to{transform:translate(100%) translateY(100%) rotate(45deg)}}.hero{text-align:left;padding:var(--space-2xl) 0;background:var(--bg-card);color:var(--text-primary);margin:calc(-1 * var(--space-lg)) calc(-1 * var(--space-lg)) var(--space-2xl) calc(-1 * var(--space-lg));position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:#ffffff1a;animation:float 6s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-10px) scale(1.02)}}.hero h1{font-size:var(--text-5xl);margin-bottom:var(--space-lg);font-weight:var(--font-bold);position:relative;z-index:1;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.hero p{font-size:var(--text-xl);margin-bottom:var(--space-xl);opacity:.9;position:relative;z-index:1;max-width:600px;margin-left:auto;margin-right:auto}.hero-actions{display:flex;gap:var(--space-md);justify-content:center;position:relative;z-index:1}.market-section{width:100%!important;max-width:100%!important;margin:0 auto!important;padding:0 var(--space-lg)!important;box-sizing:border-box!important;overflow-x:hidden!important}.market-section h2{margin-bottom:var(--space-xl);text-align:center;color:var(--text-primary);font-size:var(--text-3xl);font-weight:var(--font-bold);position:relative}.market-section h2:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:60px;height:3px;background:var(--color-accent);border-radius:2px}.coins-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))!important;gap:var(--space-lg)!important;margin-top:var(--space-xl)!important;width:100%!important;max-width:100%!important;margin-left:auto!important;margin-right:auto!important;padding:0 var(--space-md)!important;box-sizing:border-box!important;overflow-x:hidden!important}.container .coins-grid,.market-section .coins-grid{width:100%!important;max-width:100%!important;margin-left:auto!important;margin-right:auto!important;display:grid!important;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))!important;gap:var(--space-lg)!important;overflow-x:hidden!important}@media(max-width:1024px){.coins-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))!important;gap:var(--space-md)!important}}@media(max-width:768px){.coins-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))!important;gap:var(--space-md)!important;padding:0 var(--space-sm)!important}}@media(max-width:480px){.coins-grid{grid-template-columns:1fr!important;gap:var(--space-sm)!important;padding:0 var(--space-xs)!important}}.coin-card{background:var(--bg-card);padding:var(--space-lg);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);text-align:center;transition:all var(--transition-normal);border:1px solid var(--border-primary);position:relative;overflow:hidden;cursor:pointer;display:flex!important;flex-direction:column!important;justify-content:space-between!important;min-height:200px!important;width:100%!important;box-sizing:border-box!important;text-decoration:none!important;color:inherit!important}.coin-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:#ffffff0d;transition:left var(--transition-slow)}.coin-card:hover:before{left:100%}.coin-card,.coin-card *,.coin-card h3,.coin-card p,.coin-card .symbol,.coin-card .price,.coin-card .market-cap{color:inherit!important;text-decoration:none!important}.coin-card:visited,.coin-card:active,.coin-card:focus{color:inherit!important;text-decoration:none!important;outline:none!important}.coin-card:hover{transform:translateY(-5px) scale(1.02);box-shadow:var(--shadow-xl);border-color:var(--border-secondary);color:inherit!important;text-decoration:none!important}.coin-card h3{margin-bottom:var(--space-sm);color:var(--text-primary);font-size:var(--text-xl);font-weight:var(--font-bold);text-shadow:0 1px 2px rgba(0,0,0,.2);letter-spacing:var(--tracking-normal)}.coin-card .symbol{color:var(--text-tertiary);font-weight:var(--font-medium);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:var(--tracking-wide);opacity:.85}.coin-card .price{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-success);margin:var(--space-sm) 0;position:relative;text-shadow:0 0 8px rgba(16,185,129,.3)}.coin-card .market-cap{color:var(--text-tertiary);margin-bottom:var(--space-sm);font-size:var(--text-sm);font-weight:var(--font-medium);opacity:.8}.coin-card-header{margin-bottom:var(--space-md)}.coin-card-header h3{margin-bottom:var(--space-xs);color:#fff;font-size:var(--text-xl);font-weight:var(--font-bold);text-shadow:0 1px 2px rgba(0,0,0,.2)}.coin-card-header .symbol{color:#9ca3af;font-weight:var(--font-medium);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.5px;margin:0;opacity:.85}.coin-card-info{margin-bottom:var(--space-lg)}.coin-card-info .price{font-size:var(--text-2xl);font-weight:var(--font-bold);color:#10b981;margin:0 0 var(--space-sm) 0;position:relative;text-shadow:0 0 8px rgba(16,185,129,.3)}.percentage-change-container{margin-bottom:var(--space-sm);display:flex;align-items:center}.percentage-pill{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-xs) var(--space-sm);border-radius:20px;font-size:var(--text-sm);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:.5px;min-width:70px;text-align:center;position:relative;overflow:hidden;transition:all var(--transition-normal);box-shadow:0 2px 4px #0000001a}.percentage-pill.positive{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:1px solid rgba(16,185,129,.3);box-shadow:0 2px 4px #10b98133}.percentage-pill.positive:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(135deg,rgba(255,255,255,.2) 0%,transparent 100%);transition:left var(--transition-normal)}.percentage-pill.positive:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 4px 12px #10b9814d}.percentage-pill.positive:hover:before{left:100%}.percentage-pill.negative{background:linear-gradient(135deg,#daa520,#b8860b);color:#fff;border:1px solid rgba(218,165,32,.3);box-shadow:0 2px 4px #daa52033}.percentage-pill.negative:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(135deg,rgba(255,255,255,.2) 0%,transparent 100%);transition:left var var(--transition-normal)}.percentage-pill.negative:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 4px 12px #daa5204d}.percentage-pill.negative:hover:before{left:100%}.percentage-pill.neutral{background:linear-gradient(135deg,var(--text-tertiary) 0%,#616161 100%);color:#fff;border:1px solid rgba(156,156,156,.3)}.percentage-pill.neutral:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 4px 12px #9c9c9c4d}@media(max-width:768px){.percentage-pill{font-size:var(--text-xs);padding:var(--space-xs) var(--space-xs);min-width:60px}}@media(max-width:480px){.percentage-pill{font-size:10px;padding:2px var(--space-xs);min-width:50px}.coin-card-header h3{font-size:var(--text-lg)}.coin-card-info .price{font-size:var(--text-xl)}}.auth-container{display:flex;justify-content:center;align-items:center;min-height:80vh;padding:var(--space-lg)}.auth-card{background:var(--bg-card);padding:var(--space-xl);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);width:100%;max-width:400px;border:1px solid var(--border-primary);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:relative;overflow:hidden;animation:slideUp .5s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.auth-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:var(--border-secondary);opacity:.5}.auth-card h2{text-align:center;margin-bottom:var(--space-lg);color:var(--text-primary);font-size:var(--text-2xl);font-weight:var(--font-semibold)}.auth-switch{text-align:center;margin-top:var(--space-lg)}.auth-switch a{color:var(--color-primary);text-decoration:none;font-weight:var(--font-medium);transition:all var(--transition-normal)}.auth-switch a:hover{color:var(--color-primary-light);text-decoration:underline}.portfolio h1{margin-bottom:var(--space-xl);color:var(--text-primary);font-size:var(--text-4xl);font-weight:var(--font-bold);text-align:center;position:relative}.portfolio h1:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:80px;height:3px;background:var(--color-accent);border-radius:2px}.balance-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-md);margin-bottom:var(--space-2xl)}.balance-card{background:var(--bg-card);padding:var(--space-lg);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);text-align:center;border:1px solid var(--border-primary);transition:all var(--transition-normal);position:relative;overflow:hidden}.balance-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--color-accent);opacity:.8}.balance-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);border-color:var(--border-secondary)}.balance-card h3{color:var(--text-tertiary);font-size:var(--text-sm);margin-bottom:var(--space-sm);font-weight:var(--font-medium);text-transform:uppercase;letter-spacing:.5px}.balance-amount{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--color-success);text-shadow:0 0 10px rgba(16,185,129,.3)}.portfolio-section{margin-bottom:var(--space-2xl)}.portfolio-section h2{margin-bottom:var(--space-lg);color:var(--text-primary);font-size:var(--text-2xl);font-weight:var(--font-semibold);position:relative;padding-bottom:var(--space-sm)}.portfolio-section h2:after{content:"";position:absolute;bottom:0;left:0;width:40px;height:2px;background:var(--color-accent);border-radius:1px}.no-data{text-align:center;padding:var(--space-xl);background:var(--bg-card);border-radius:var(--radius-lg);color:var(--text-tertiary);border:1px solid var(--border-primary);font-style:italic}.holdings-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--space-md)}.holding-card{background:var(--bg-card);padding:var(--space-lg);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--border-primary);transition:all var(--transition-normal);position:relative;overflow:hidden}.holding-card:before{content:"";position:absolute;top:0;left:0;width:3px;height:100%;background:var(--color-accent);transform:scaleY(0);transition:transform var(--transition-normal)}.holding-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:var(--border-secondary)}.holding-card:hover:before{transform:scaleY(1)}.holding-card h3{color:var(--text-primary);margin-bottom:var(--space-sm);font-size:var(--text-lg);font-weight:var(--font-semibold)}.holding-card .value{font-weight:var(--font-bold);color:var(--color-success);margin-top:var(--space-sm);font-size:var(--text-lg)}.trading-section{background:var(--bg-card);padding:var(--space-xl);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);margin-bottom:var(--space-xl);border:1px solid var(--border-primary);position:relative;overflow:hidden}.trading-section:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:var(--border-secondary);opacity:.5}.trade-form{max-width:400px}.trade-type-selector{display:flex;margin-bottom:var(--space-md);background:var(--bg-secondary);border-radius:var(--radius-md);padding:4px}.trade-type-btn{flex:1;padding:var(--space-sm) var(--space-md);border:none;background:transparent;color:var(--text-tertiary);cursor:pointer;transition:all var(--transition-normal);border-radius:var(--radius-sm);font-weight:var(--font-medium);position:relative;overflow:hidden}.trade-type-btn:first-child{border-radius:var(--radius-sm)}.trade-type-btn:last-child{border-radius:var(--radius-sm)}.trade-type-btn.active{background:var(--color-accent);color:#fff;box-shadow:var(--shadow-md);transform:scale(1.05)}.trade-type-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:#ffffff1a;transition:left var(--transition-normal)}.trade-type-btn:hover:not(.active):before{left:100%}.trade-summary{background:var(--bg-secondary);padding:var(--space-md);border-radius:var(--radius-md);margin:var(--space-md) 0;border:1px solid var(--border-primary);position:relative;overflow:hidden}.trade-summary:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--color-info);opacity:.8}.trade-summary p{margin:var(--space-sm) 0;color:var(--text-secondary)}.trades-list{background:var(--bg-card);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md);border:1px solid var(--border-primary)}.trade-item{display:grid;grid-template-columns:auto 1fr auto auto auto;gap:var(--space-md);padding:var(--space-md);border-bottom:1px solid var(--border-primary);align-items:center;transition:background-color var(--transition-normal);position:relative}.trade-item:last-child{border-bottom:none}.trade-item:hover{background-color:var(--bg-hover)}.trade-item:before{content:"";position:absolute;top:0;left:0;width:3px;height:100%;background:var(--color-accent);transform:scaleY(0);transition:transform var(--transition-normal)}.trade-item:hover:before{transform:scaleY(1)}.trade-type{padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:.5px;position:relative;z-index:1}.trade-type.buy{background:#10b98133;color:var(--color-success);border:1px solid rgba(16,185,129,.3)}.trade-type.sell{background:#daa52033;color:var(--color-danger);border:1px solid rgba(218,165,32,.3)}.trade-total{font-weight:var(--font-bold);color:var(--color-success);font-size:var(--text-lg)}.trade-date{font-size:var(--text-sm);color:var(--text-tertiary)}.create-coin-container{display:flex;justify-content:center;align-items:center;min-height:80vh;padding:var(--space-lg)}.create-coin-card{background:var(--bg-card);padding:var(--space-xl);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);width:100%;max-width:500px;border:1px solid var(--border-primary);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:relative;overflow:hidden;animation:slideUp .5s ease-out}.create-coin-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:var(--border-secondary);opacity:.5}.create-coin-card h2{text-align:center;margin-bottom:var(--space-lg);color:var(--text-primary);font-size:var(--text-2xl);font-weight:var(--font-semibold)}.info-section{background:var(--bg-secondary);padding:var(--space-md);border-radius:var(--radius-md);margin-bottom:var(--space-lg);border:1px solid var(--border-primary);position:relative;overflow:hidden}.info-section:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--color-info);opacity:.8}.info-section h3{margin-bottom:var(--space-sm);color:var(--text-primary);font-size:var(--text-lg);font-weight:var(--font-semibold)}.info-section ul{margin:0;padding-left:var(--space-lg)}.info-section li{margin:var(--space-xs) 0;color:var(--text-secondary);line-height:1.6}.balance-info{text-align:center;margin-bottom:var(--space-lg);padding:var(--space-md);background:#10b9811a;border-radius:var(--radius-md);border:1px solid rgba(16,185,129,.2);position:relative;overflow:hidden}.balance-info:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--color-success);opacity:.8}.balance-info h3{margin-bottom:var(--space-sm);color:var(--text-primary);font-size:var(--text-lg);font-weight:var(--font-semibold)}.balance-amount{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-success);text-shadow:0 0 10px rgba(16,185,129,.3)}.sufficient{color:var(--color-success);font-weight:var(--font-bold)}.insufficient{color:var(--color-danger);font-weight:var(--font-bold)}.btn-large{width:100%;padding:var(--space-md);font-size:var(--text-lg);font-weight:var(--font-semibold);border-radius:var(--radius-md)}.coin-details{max-width:1000px;margin:0 auto;padding:0 var(--space-lg)}.coin-header{background:var(--bg-card);padding:var(--space-xl);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);margin-bottom:var(--space-xl);text-align:center;border:1px solid var(--border-primary);position:relative;overflow:hidden}.coin-header:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:var(--border-secondary);opacity:.5}.coin-header h1{color:var(--color-primary);margin-bottom:var(--space-sm);font-size:var(--text-4xl);font-weight:var(--font-bold)}.coin-header .symbol{color:var(--text-tertiary);font-weight:var(--font-bold);font-size:var(--text-xl);margin-bottom:var(--space-md);text-transform:uppercase;letter-spacing:1px}.price-section h2{color:var(--color-success);font-size:var(--text-4xl);margin-bottom:var(--space-md);font-weight:var(--font-bold);text-shadow:0 0 20px rgba(16,185,129,.3);animation:pulse-glow 2s ease-in-out infinite alternate}@keyframes pulse-glow{0%{text-shadow:0 0 20px rgba(16,185,129,.3)}to{text-shadow:0 0 30px rgba(16,185,129,.5)}}.price-section p{color:var(--text-tertiary);margin:var(--space-xs) 0;font-size:var(--text-lg)}.coin-details-container{max-width:100%;margin:0;padding:var(--space-md);min-height:calc(100vh - 120px)}.coin-details-grid{display:grid;grid-template-columns:2fr 1fr;gap:var(--space-lg);max-width:1400px;margin:0 auto}.main-content{display:flex;flex-direction:column;gap:var(--space-lg)}.side-content{display:flex;flex-direction:column;gap:var(--space-md);position:sticky;top:20px;height:fit-content}.coin-header-compact{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-primary);overflow:hidden;box-shadow:var(--shadow-md);display:grid;grid-template-columns:1fr 400px;gap:0}.coin-info{padding:var(--space-lg);display:flex;flex-direction:column;justify-content:center;gap:var(--space-sm)}.coin-title{display:flex;align-items:center;gap:var(--space-sm)}.coin-title h1{color:var(--color-primary);margin:0;font-size:var(--text-2xl);font-weight:var(--font-bold)}.coin-title .symbol{color:var(--text-tertiary);font-weight:var(--font-bold);font-size:var(--text-lg);text-transform:uppercase;letter-spacing:1px}.price-info h2{color:var(--color-success);font-size:var(--text-3xl);margin:0 0 var(--space-sm) 0;font-weight:var(--font-bold);text-shadow:0 0 15px rgba(16,185,129,.3)}.market-stats{display:flex;gap:var(--space-lg);font-size:var(--text-sm);color:var(--text-tertiary)}.trading-form-compact{background:var(--bg-secondary);border-left:1px solid var(--border-primary);padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-md)}.trade-type-tabs{display:flex;background:var(--bg-primary);border-radius:var(--radius-md);padding:3px;border:1px solid var(--border-primary)}.trade-tab{flex:1;padding:var(--space-sm) var(--space-md);border:none;background:transparent;color:var(--text-tertiary);cursor:pointer;border-radius:var(--radius-sm);font-weight:var(--font-medium);font-size:var(--text-sm);transition:all var(--transition-normal)}.trade-tab.active{background:var(--color-accent);color:#fff;box-shadow:var(--shadow-sm)}.trade-tab:not(.active):hover{color:var(--text-primary);background:var(--bg-hover)}.compact-trade-form{display:flex;flex-direction:column;gap:var(--space-sm)}.quick-amounts{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-xs)}.quick-amount-btn{padding:var(--space-xs) var(--space-sm);background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:var(--text-xs);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-normal);text-align:center}.quick-amount-btn:hover{background:var(--bg-hover);border-color:var(--border-secondary);color:var(--text-primary);transform:translateY(-1px)}.quantity-input-group{display:flex;flex-direction:column;gap:var(--space-xs)}.quantity-input-group label{font-size:var(--text-sm);color:var(--text-secondary);font-weight:var(--font-medium)}.input-wrapper{display:flex;align-items:center;background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-md);overflow:hidden;transition:border-color var(--transition-normal)}.input-wrapper:focus-within{border-color:var(--color-accent);box-shadow:0 0 0 2px #3b82f61a}.quantity-input{flex:1;padding:var(--space-sm) var(--space-md);background:transparent;border:none;color:var(--text-primary);font-size:var(--text-base);font-weight:var(--font-medium);outline:none}.quantity-input::placeholder{color:var(--text-tertiary)}.coin-symbol{padding:var(--space-sm);color:var(--text-tertiary);font-weight:var(--font-bold);font-size:var(--text-sm);background:var(--bg-secondary);border-left:1px solid var(--border-primary)}.trade-calculations{background:var(--bg-primary);border-radius:var(--radius-md);border:1px solid var(--border-primary);padding:var(--space-sm);display:flex;flex-direction:column;gap:var(--space-xs)}.calc-item{display:flex;justify-content:space-between;align-items:center;font-size:var(--text-sm)}.calc-item span:first-child{color:var(--text-tertiary)}.calc-item .total-amount{color:var(--color-success);font-weight:var(--font-bold);font-size:var(--text-base)}.calc-item .balance-amount{color:var(--color-primary);font-weight:var(--font-medium)}.trade-submit-btn{padding:var(--space-md);border:none;border-radius:var(--radius-md);font-size:var(--text-base);font-weight:var(--font-bold);cursor:pointer;transition:all var(--transition-normal);text-transform:uppercase;letter-spacing:.5px}.trade-submit-btn.buy{background:var(--color-success);color:#fff}.trade-submit-btn.buy:hover:not(:disabled){background:var(--color-success-light);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.trade-submit-btn.sell{background:var(--color-danger);color:#fff}.trade-submit-btn.sell:hover:not(:disabled){background:var(--color-danger-light);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.trade-submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.chart-section{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-primary);overflow:hidden;box-shadow:var(--shadow-md)}.chart-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md) var(--space-lg);background:var(--bg-secondary);border-bottom:1px solid var(--border-primary)}.chart-header h3{margin:0;color:var(--text-primary);font-size:var(--text-lg);font-weight:var(--font-semibold)}.chart-container-compact{width:100%;height:300px;padding:var(--space-sm)}.chart-loading-compact{display:flex;flex-direction:column;align-items:center;justify-content:center;height:300px;color:var(--text-tertiary)}.chart-loading-compact .spinner{width:30px;height:30px;border:2px solid var(--border-primary);border-top:2px solid var(--color-accent);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:var(--space-sm)}.no-chart-data-compact{display:flex;align-items:center;justify-content:center;height:300px;color:var(--text-tertiary);font-style:italic}.trades-section-compact{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-primary);overflow:hidden;box-shadow:var(--shadow-md)}.trades-section-compact h3{margin:0;padding:var(--space-md) var(--space-lg);background:var(--bg-secondary);border-bottom:1px solid var(--border-primary);color:var(--text-primary);font-size:var(--text-lg);font-weight:var(--font-semibold)}.trades-list-compact{max-height:300px;overflow-y:auto}.trade-item-compact{display:grid;grid-template-columns:auto 1fr auto auto;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);border-bottom:1px solid var(--border-primary);align-items:center;transition:background-color var(--transition-normal)}.trade-item-compact:hover{background:var(--bg-hover)}.trade-item-compact:last-child{border-bottom:none}.trade-item-compact .trade-type{padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--font-bold);text-transform:uppercase}.trade-item-compact .trade-type.buy{background:#10b98133;color:var(--color-success);border:1px solid rgba(16,185,129,.3)}.trade-item-compact .trade-type.sell{background:#daa52033;color:var(--color-danger);border:1px solid rgba(218,165,32,.3)}.trade-item-compact .trade-user{color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--font-medium)}.trade-item-compact .trade-details{color:var(--text-tertiary);font-size:var(--text-sm)}.trade-item-compact .trade-value{color:var(--color-success);font-weight:var(--font-bold);font-size:var(--text-sm)}.no-trades-compact{padding:var(--space-xl);text-align:center;color:var(--text-tertiary);font-style:italic}.coin-stats-panel{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-primary);overflow:hidden;box-shadow:var(--shadow-md)}.coin-stats-panel h3{margin:0;padding:var(--space-md) var(--space-lg);background:var(--bg-secondary);border-bottom:1px solid var(--border-primary);color:var(--text-primary);font-size:var(--text-lg);font-weight:var(--font-semibold)}.trade-buttons-section{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-primary);overflow:hidden;box-shadow:var(--shadow-md);margin-bottom:var(--space-md)}.stat-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-sm) var(--space-lg);border-bottom:1px solid var(--border-primary);transition:background-color var(--transition-normal);min-width:0;overflow:hidden}.stat-item:last-child{border-bottom:none}.stat-item:hover{background:var(--bg-hover)}.stat-item span:first-child{color:var(--text-tertiary);font-size:var(--text-sm);white-space:nowrap;flex-shrink:0;margin-right:var(--space-xs)}.stat-item span:last-child{color:var(--text-primary);font-weight:var(--font-medium);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:60%;flex-shrink:1}.stats-trade-buttons-container{display:flex;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--border-primary)}.stats-trade-button{flex:1;padding:var(--space-sm) var(--space-md);border:none;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-bold);cursor:pointer;transition:all var(--transition-normal);text-transform:uppercase;letter-spacing:.5px;position:relative;overflow:hidden}.stats-trade-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;opacity:.1;transition:left var(--transition-normal)}.stats-trade-button:hover:before{left:100%}.stats-trade-button.buy-button{background:var(--color-success);color:#fff;box-shadow:0 2px 4px #10b98133}.stats-trade-button.buy-button:hover{background:var(--color-success-light);transform:translateY(-2px);box-shadow:0 4px 12px #10b9814d}.stats-trade-button.sell-button{background:var(--color-danger);color:#fff;box-shadow:0 2px 4px #ef444433}.stats-trade-button.sell-button:hover{background:var(--color-danger-light);transform:translateY(-2px);box-shadow:0 4px 12px #ef44444d}.stats-trade-button:disabled{opacity:.6;cursor:not-allowed;transform:none}@media(max-width:768px){.trade-buttons-section{margin-bottom:var(--space-sm)}.stats-trade-buttons-container{padding:var(--space-sm) var(--space-md);gap:var(--space-xs)}.stats-trade-button{padding:var(--space-xs) var(--space-sm);font-size:var(--text-xs)}}@media(max-width:480px){.trade-buttons-section{margin-bottom:var(--space-xs)}.stats-trade-buttons-container{flex-direction:column;gap:var(--space-xs)}.stats-trade-button{padding:var(--space-sm);font-size:var(--text-sm)}}.auth-prompt{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-primary);padding:var(--space-lg);text-align:center;box-shadow:var(--shadow-md)}.auth-prompt h3{margin:0 0 var(--space-sm) 0;color:var(--text-primary);font-size:var(--text-lg);font-weight:var(--font-semibold)}.auth-prompt p{margin:0 0 var(--space-md) 0;color:var(--text-tertiary);font-size:var(--text-sm)}.auth-btn{padding:var(--space-sm) var(--space-lg);background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-md);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-normal)}.auth-btn:hover{background:var(--color-primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}@media(max-width:768px){.coin-details-grid{grid-template-columns:1fr;gap:var(--space-md)}.coin-header-compact{grid-template-columns:1fr}.trading-form-compact{border-left:none;border-top:1px solid var(--border-primary)}.coin-info{text-align:center}.market-stats{justify-content:center}.chart-container-compact,.chart-loading-compact,.no-chart-data-compact{height:250px}.side-content{position:static}.trades-list-compact{max-height:200px}.trade-item-compact{grid-template-columns:1fr;gap:var(--space-xs);text-align:center}.coin-stats-panel h3{padding:var(--space-sm) var(--space-md);font-size:var(--text-base)}.stat-item{padding:var(--space-xs) var(--space-md);min-width:0;overflow:hidden}.stat-item span:first-child{font-size:var(--text-sm);margin-right:var(--space-sm);flex-shrink:0;max-width:40%}.stat-item span:last-child{font-size:var(--text-sm);max-width:55%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-shrink:1}}@media(max-width:480px){.coin-details-container{padding:var(--space-sm)}.coin-info,.trading-form-compact{padding:var(--space-md)}.chart-header{padding:var(--space-sm) var(--space-md);flex-direction:column;gap:var(--space-sm)}.quick-amounts{grid-template-columns:repeat(4,1fr);gap:2px}.quick-amount-btn{padding:var(--space-xs) 2px;font-size:10px}.coin-stats-panel{margin:0 calc(-1 * var(--space-sm));border-radius:0}.coin-stats-panel h3{padding:var(--space-sm) var(--space-md);font-size:var(--text-base)}.stat-item{padding:var(--space-xs) var(--space-sm);font-size:var(--text-sm);flex-wrap:nowrap;min-width:0;max-width:100%}.stat-item span:first-child{font-size:var(--text-xs);margin-right:var(--space-xs);flex:0 0 auto;max-width:35%}.stat-item span:last-child{font-size:var(--text-xs);max-width:60%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1 1 auto}}@media(max-width:1366px){.coin-details-grid{grid-template-columns:1fr 320px;gap:var(--space-md)}.coin-stats-panel{max-width:100%}.stat-item{padding:var(--space-sm) var(--space-md)}.stat-item span:first-child{max-width:45%;margin-right:var(--space-sm)}.stat-item span:last-child{max-width:50%}}@media(max-width:1280px){.coin-details-grid{grid-template-columns:1fr 280px;gap:var(--space-sm);padding:0 var(--space-sm)}.coin-header-compact{grid-template-columns:1fr 320px}.coin-stats-panel{margin:0;border-radius:var(--radius-sm)}.coin-stats-panel h3{padding:var(--space-sm) var(--space-md);font-size:var(--text-base)}.stat-item{padding:var(--space-xs) var(--space-sm)}.stat-item span:first-child{font-size:var(--text-xs);max-width:40%;margin-right:var(--space-xs)}.stat-item span:last-child{font-size:var(--text-sm);max-width:55%}.trading-form-compact{padding:var(--space-md)}}@media(max-width:1152px){.coin-details-container{padding:var(--space-sm)}.coin-details-grid{grid-template-columns:1fr;gap:var(--space-md)}.side-content{position:static;order:2}.main-content{order:1}.coin-header-compact{grid-template-columns:1fr}.coin-info{text-align:center;padding:var(--space-md)}.trading-form-compact{border-left:none;border-top:1px solid var(--border-primary)}.market-stats{justify-content:center}.coin-stats-panel{margin:0}.stat-item{padding:var(--space-xs) var(--space-md)}.stat-item span:first-child{max-width:35%;margin-right:var(--space-sm)}.stat-item span:last-child{max-width:60%}.chart-container-compact{height:250px}.trades-list-compact{max-height:250px}}@media(max-width:1024px){.coin-details-container{padding:var(--space-xs)}.coin-header-compact{margin-bottom:var(--space-md)}.coin-info{padding:var(--space-sm) var(--space-md)}.coin-title h1{font-size:var(--text-xl)}.coin-title .symbol{font-size:var(--text-base)}.price-info h2{font-size:var(--text-2xl)}.market-stats{gap:var(--space-md);font-size:var(--text-xs)}.trading-form-compact{padding:var(--space-sm) var(--space-md)}.compact-trade-form{gap:var(--space-xs)}.quick-amounts{grid-template-columns:repeat(2,1fr);gap:2px}.quick-amount-btn{padding:var(--space-xs);font-size:10px}.quantity-input{padding:var(--space-xs) var(--space-sm);font-size:var(--text-sm)}.coin-symbol{padding:var(--space-xs) var(--space-sm);font-size:var(--text-xs)}.trade-calculations{padding:var(--space-xs)}.calc-item{font-size:var(--text-xs)}.trade-submit-btn{padding:var(--space-sm);font-size:var(--text-sm)}.coin-stats-panel h3{padding:var(--space-xs) var(--space-sm);font-size:var(--text-sm)}.stat-item{padding:var(--space-xs);font-size:var(--text-xs)}.stat-item span:first-child{font-size:10px;max-width:30%;margin-right:var(--space-xs)}.stat-item span:last-child{font-size:10px;max-width:65%}.chart-section{margin-bottom:var(--space-md)}.chart-header{padding:var(--space-xs) var(--space-sm);flex-direction:column;gap:var(--space-xs)}.chart-header h3{font-size:var(--text-base)}.chart-container-compact,.chart-loading-compact,.no-chart-data-compact{height:200px}.trades-section-compact h3{padding:var(--space-xs) var(--space-sm);font-size:var(--text-base)}.trades-list-compact{max-height:200px}.trade-item-compact{padding:var(--space-xs) var(--space-sm);grid-template-columns:1fr;gap:var(--space-xs);text-align:center}.trade-item-compact .trade-type{font-size:10px;padding:2px var(--space-xs)}.trade-item-compact .trade-user,.trade-item-compact .trade-details,.trade-item-compact .trade-value{font-size:10px}.sidebar-content{margin-left:180px;width:calc(100% - 180px)}.sidebar{width:180px}.sidebar-layout.collapsed .sidebar-content{margin-left:50px;width:calc(100% - 50px)}.sidebar-collapsed{width:50px}.sidebar-header{padding:var(--space-md)}.nav-list{padding:0 4px}.nav-link{padding:0 var(--space-sm);margin-bottom:2px;font-size:var(--text-xs);height:24px}}@media(max-width:480px){.hero h1{font-size:var(--text-3xl)}.coin-header{padding:var(--space-lg)}.coin-header h1{font-size:var(--text-3xl)}}.price-history-section{background:var(--bg-card);padding:var(--space-xl);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);margin-bottom:var(--space-xl);border:1px solid var(--border-primary);position:relative;overflow:hidden}.price-history-section:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:var(--border-secondary);opacity:.5}.price-history-section h3{color:var(--text-primary);margin-bottom:var(--space-lg);text-align:center;font-size:var(--text-2xl);font-weight:var(--font-semibold)}.chart-controls{display:flex;justify-content:center;margin-bottom:var(--space-xl)}.interval-selector{display:flex;background:var(--bg-secondary);border-radius:var(--radius-md);padding:4px;border:1px solid var(--border-primary)}.interval-btn{padding:var(--space-sm) var(--space-md);border:none;background:transparent;color:var(--text-tertiary);cursor:pointer;transition:all var(--transition-normal);border-radius:var(--radius-sm);font-weight:var(--font-medium);font-size:var(--text-sm);position:relative;overflow:hidden}.interval-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:#ffffff1a;transition:left var(--transition-normal)}.interval-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.interval-btn:hover:before{left:100%}.interval-btn.active{background:var(--color-accent);color:#fff;box-shadow:var(--shadow-md);transform:scale(1.05)}.chart-container{width:100%;height:400px;margin:var(--space-md) 0;border-radius:var(--radius-md);background:var(--bg-secondary);border:1px solid var(--border-primary);position:relative;overflow:hidden}.chart-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;color:var(--text-tertiary);position:relative}.chart-loading:after{content:"";width:40px;height:40px;border:3px solid var(--border-primary);border-top:3px solid var(--color-accent);border-radius:50%;animation:spin 1s linear infinite;margin-top:var(--space-md)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.chart-loading p{margin-top:var(--space-md);font-size:var(--text-lg);font-weight:var(--font-medium)}.no-chart-data{text-align:center;padding:var(--space-xl);color:var(--text-tertiary);background:var(--bg-secondary);border-radius:var(--radius-md);margin:var(--space-md) 0;border:1px solid var(--border-primary);font-style:italic}@media(max-width:768px){.price-history-section{padding:var(--space-lg)}.chart-container{height:300px}.interval-btn{padding:var(--space-xs) var(--space-sm);font-size:var(--text-xs)}.chart-loading{height:300px}}.casino{max-width:1200px;margin:0 auto;padding:var(--space-lg);min-height:calc(100vh - 120px)}.casino-header{text-align:center;margin-bottom:var(--space-2xl);background:var(--bg-card);padding:var(--space-xl);border-radius:var(--radius-lg);border:1px solid var(--border-primary);box-shadow:var(--shadow-lg);position:relative;overflow:hidden}.casino-header:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:var(--border-secondary);opacity:.5}.casino-header h1{color:var(--text-primary);font-size:var(--text-4xl);font-weight:var(--font-bold);margin-bottom:var(--space-sm);text-shadow:2px 2px 4px rgba(0,0,0,.3)}.casino-subtitle{color:var(--text-secondary);font-size:var(--text-lg);margin:0;opacity:.9}.casino-balance-card{display:flex;align-items:center;gap:var(--space-lg);background:var(--bg-card);padding:var(--space-xl);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);margin-bottom:var(--space-2xl);border:1px solid var(--border-primary);position:relative;overflow:hidden;transition:all var(--transition-normal)}.casino-balance-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--color-primary),var(--color-success));opacity:.8}.casino-balance-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-xl);border-color:var(--border-secondary)}.balance-icon{display:flex;align-items:center;justify-content:center;width:80px;height:80px;background:linear-gradient(135deg,var(--color-primary),var(--color-success));border-radius:50%;box-shadow:var(--shadow-md);animation:pulse-glow 2s ease-in-out infinite alternate}.balance-content h3{color:var(--text-tertiary);font-size:var(--text-lg);margin-bottom:var(--space-sm);font-weight:var(--font-medium);text-transform:uppercase;letter-spacing:.5px}.balance-amount{font-size:var(--text-4xl);font-weight:var(--font-bold);color:var(--color-success);text-shadow:0 0 20px rgba(16,185,129,.3);margin:0}.spinner.small{width:24px;height:24px;border:2px solid var(--border-primary);border-top:2px solid var(--color-success)}.casino-game-section{background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);margin-bottom:var(--space-2xl);border:1px solid var(--border-primary);overflow:hidden;position:relative}.casino-game-section:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:var(--border-secondary);opacity:.5}.game-area{padding:var(--space-xl)}.game-area h2{text-align:center;margin-bottom:var(--space-xl);color:var(--text-primary);font-size:var(--text-3xl);font-weight:var(--font-bold);position:relative}.game-area h2:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:80px;height:3px;background:var(--color-accent);border-radius:2px}.coin-container{display:flex;justify-content:center;align-items:center;margin:var(--space-2xl) 0;min-height:120px}.coin{width:80px;height:80px;position:relative;transform-style:preserve-3d;transition:transform .6s}.coin.flipping{animation:flip 1.5s ease-in-out}@keyframes flip{0%{transform:rotateY(0)}50%{transform:rotateY(1800deg)}to{transform:rotateY(3600deg)}}.coin-face{position:absolute;width:100%;height:100%;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--text-2xl);font-weight:var(--font-bold);backface-visibility:hidden;border:3px solid #ffd700;box-shadow:var(--shadow-lg)}.coin-face.heads{background-image:url(/assets/heads-coin-C3kLeGdw.webp);background-size:cover;background-position:center;background-repeat:no-repeat;color:transparent}.coin-face.tails{background-image:url(/assets/tails-coin-BdGkXTPs.webp);background-size:cover;background-position:center;background-repeat:no-repeat;color:transparent;transform:rotateY(180deg)}.game-controls{max-width:500px;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-xl)}.choice-selection h3,.bet-input-section h3{text-align:center;color:var(--text-primary);font-size:var(--text-xl);font-weight:var(--font-semibold);margin-bottom:var(--space-md)}.choice-buttons{display:flex;gap:var(--space-md);justify-content:center}.choice-btn{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);background:var(--bg-secondary);border:2px solid var(--border-primary);border-radius:var(--radius-lg);color:var(--text-secondary);font-size:var(--text-lg);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-normal);min-width:120px;justify-content:center;position:relative;overflow:hidden}.choice-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:#ffffff1a;transition:left var(--transition-normal)}.choice-btn:hover{background:var(--bg-hover);border-color:var(--border-secondary);color:var(--text-primary);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.choice-btn:hover:before{left:100%}.choice-btn.selected{background:var(--color-primary);border-color:var(--color-primary);color:#fff;transform:scale(1.05);box-shadow:var(--shadow-lg)}.choice-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.bet-input-container{display:flex;justify-content:center}.bet-input{width:200px;padding:var(--space-md);background:var(--bg-secondary);border:2px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-lg);font-weight:var(--font-semibold);text-align:center;transition:all var(--transition-normal)}.bet-input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #daa5201a;background:var(--bg-primary)}.bet-input::placeholder{color:var(--text-tertiary)}.flip-button{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-lg) var(--space-2xl);background:linear-gradient(135deg,var(--color-primary),var(--color-success));border:none;border-radius:var(--radius-lg);color:#fff;font-size:var(--text-xl);font-weight:var(--font-bold);cursor:pointer;transition:all var(--transition-normal);box-shadow:var(--shadow-lg);text-transform:uppercase;letter-spacing:.5px;position:relative;overflow:hidden}.flip-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:#fff3;transition:left var(--transition-normal)}.flip-button:hover:not(:disabled){transform:translateY(-3px);box-shadow:var(--shadow-xl);background:linear-gradient(135deg,var(--color-primary-dark),var(--color-success-light))}.flip-button:hover:not(:disabled):before{left:100%}.flip-button:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:var(--shadow-md)}.game-result{margin-top:var(--space-xl);text-align:center}.result-message{background:var(--bg-secondary);padding:var(--space-xl);border-radius:var(--radius-lg);border:1px solid var(--border-primary);position:relative;overflow:hidden;animation:slideUp .5s ease-out}.result-message:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;opacity:.8}.result-message.win{border-color:#10b9814d;background:#10b9811a}.result-message.win:before{background:var(--color-success)}.result-message.loss{border-color:#daa5204d;background:#daa5201a}.result-message.loss:before{background:var(--color-danger)}.result-message h3{font-size:var(--text-2xl);font-weight:var(--font-bold);margin-bottom:var(--space-md)}.result-message.win h3{color:var(--color-success)}.result-message.loss h3{color:var(--color-danger)}.result-message p{margin:var(--space-sm) 0;color:var(--text-primary);font-size:var(--text-lg)}.result-message .new-balance{font-weight:var(--font-bold);color:var(--color-primary);font-size:var(--text-xl);margin-top:var(--space-md)}.casino-stats-section{background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);margin-bottom:var(--space-2xl);border:1px solid var(--border-primary);overflow:hidden;position:relative}.casino-stats-section:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:var(--border-secondary);opacity:.5}.casino-stats-section h2{margin:0;padding:var(--space-xl) var(--space-xl) var(--space-lg) var(--space-xl);background:var(--bg-secondary);border-bottom:1px solid var(--border-primary);color:var(--text-primary);font-size:var(--text-2xl);font-weight:var(--font-semibold)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-md);padding:var(--space-xl)}.stat-card{display:flex;align-items:center;gap:var(--space-md);background:var(--bg-secondary);padding:var(--space-lg);border-radius:var(--radius-md);border:1px solid var(--border-primary);transition:all var(--transition-normal);position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;width:3px;height:100%;background:var(--color-primary);transform:scaleY(0);transition:transform var(--transition-normal)}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:var(--border-secondary);background:var(--bg-hover)}.stat-card:hover:before{transform:scaleY(1)}.stat-icon{display:flex;align-items:center;justify-content:center;width:50px;height:50px;background:var(--color-accent);border-radius:var(--radius-md);flex-shrink:0}.stat-wins,.stat-losses,.stat-profit,.stat-wagered{display:flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:var(--radius-md);font-weight:var(--font-bold);font-size:var(--text-lg);color:#fff}.stat-wins{background:var(--color-success)}.stat-losses{background:var(--color-danger)}.stat-profit{background:var(--color-accent)}.stat-wagered{background:var(--color-info)}.stat-content{flex:1}.stat-content h4{color:var(--text-tertiary);font-size:var(--text-sm);margin:0 0 var(--space-xs) 0;font-weight:var(--font-medium);text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:var(--text-xl);font-weight:var(--font-bold);margin:0;color:var(--text-primary)}.stat-value.wins{color:var(--color-success)}.stat-value.losses{color:var(--color-danger)}.stat-value.profit{color:var(--color-success)}.stat-value.loss{color:var(--color-danger)}.casino-history-section{background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);border:1px solid var(--border-primary);overflow:hidden;position:relative}.casino-history-section:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:var(--border-secondary);opacity:.5}.casino-history-section h2{margin:0;padding:var(--space-xl) var(--space-xl) var(--space-lg) var(--space-xl);background:var(--bg-secondary);border-bottom:1px solid var(--border-primary);color:var(--text-primary);font-size:var(--text-2xl);font-weight:var(--font-semibold)}.game-history-list{max-height:400px;overflow-y:auto}.history-item{display:grid;grid-template-columns:1fr auto auto;gap:var(--space-md);padding:var(--space-md) var(--space-xl);border-bottom:1px solid var(--border-primary);align-items:center;transition:background-color var(--transition-normal);position:relative}.history-item:last-child{border-bottom:none}.history-item:hover{background-color:var(--bg-hover)}.history-item:before{content:"";position:absolute;top:0;left:0;width:3px;height:100%;background:var(--color-accent);transform:scaleY(0);transition:transform var(--transition-normal)}.history-item:hover:before{transform:scaleY(1)}.history-game-info{display:flex;align-items:center;gap:var(--space-sm)}.outcome-badge{padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:.5px}.outcome-badge.win{background:#10b98133;color:var(--color-success);border:1px solid rgba(16,185,129,.3)}.outcome-badge.loss{background:#daa52033;color:var(--color-danger);border:1px solid rgba(218,165,32,.3)}.choice-text{color:var(--text-secondary);font-weight:var(--font-medium)}.history-amounts{display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-xs)}.bet-amount{color:var(--text-tertiary);font-size:var(--text-sm)}.win-amount{font-weight:var(--font-bold);font-size:var(--text-sm)}.win-amount.positive{color:var(--color-success)}.win-amount.negative{color:var(--color-danger)}.history-date{color:var(--text-tertiary);font-size:var(--text-sm);white-space:nowrap}@media(max-width:768px){.casino{padding:var(--space-md)}.casino-header{padding:var(--space-lg)}.casino-header h1{font-size:var(--text-3xl)}.casino-balance-card{flex-direction:column;text-align:center;gap:var(--space-md)}.balance-icon{width:60px;height:60px}.balance-amount{font-size:var(--text-3xl)}.game-area{padding:var(--space-lg)}.coin{width:60px;height:60px}.coin-face{font-size:var(--text-lg)}.choice-buttons{flex-direction:column;align-items:center}.choice-btn,.bet-input{width:100%;max-width:200px}.flip-button{width:100%;max-width:300px;margin:0 auto}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));padding:var(--space-lg)}.stat-card{flex-direction:column;text-align:center;gap:var(--space-sm)}.history-item{grid-template-columns:1fr;gap:var(--space-sm);text-align:center}.history-amounts{align-items:center}}@media(max-width:480px){.casino{padding:var(--space-sm)}.casino-balance-card{padding:var(--space-lg)}.game-area{padding:var(--space-md)}.choice-btn,.bet-input{font-size:var(--text-base)}.flip-button{font-size:var(--text-lg);padding:var(--space-md) var(--space-lg)}.stats-grid{grid-template-columns:1fr;padding:var(--space-md)}.game-history-list{max-height:300px}}.admin-panel{max-width:1200px;margin:0 auto;padding:var(--space-lg);min-height:calc(100vh - 120px)}.admin-header{text-align:center;margin-bottom:var(--space-2xl);background:var(--bg-card);padding:var(--space-xl);border-radius:var(--radius-lg);border:1px solid var(--border-primary);box-shadow:var(--shadow-lg);position:relative;overflow:hidden}.admin-header:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:var(--border-secondary);opacity:.5}.admin-header h1{color:var(--text-primary);font-size:var(--text-4xl);font-weight:var(--font-bold);margin-bottom:var(--space-sm);text-shadow:2px 2px 4px rgba(0,0,0,.3)}.admin-subtitle{color:var(--text-secondary);font-size:var(--text-lg);margin:0;opacity:.9}.admin-welcome{margin-bottom:var(--space-2xl)}.welcome-card{background:var(--bg-card);padding:var(--space-xl);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--border-primary);position:relative;overflow:hidden}.welcome-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--color-primary),var(--color-success));opacity:.8}.welcome-card h3{color:var(--text-primary);font-size:var(--text-2xl);font-weight:var(--font-semibold);margin-bottom:var(--space-md)}.welcome-card p{color:var(--text-secondary);margin-bottom:var(--space-lg);font-size:var(--text-base)}.admin-privileges{display:flex;flex-wrap:wrap;gap:var(--space-md);margin-top:var(--space-lg)}.privilege-item{display:flex;align-items:center;gap:var(--space-sm);background:var(--bg-secondary);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);border:1px solid var(--border-primary);font-size:var(--text-sm);color:var(--text-secondary)}.privilege-icon{font-size:var(--text-lg)}.access-denied{display:flex;justify-content:center;align-items:center;min-height:80vh;padding:var(--space-lg)}.access-denied-card{background:var(--bg-card);padding:var(--space-xl);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);text-align:center;border:1px solid var(--border-primary);max-width:500px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:relative;overflow:hidden;animation:slideUp .5s ease-out}.access-denied-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:var(--border-secondary);opacity:.5}.access-denied-card h2{color:var(--color-danger);font-size:var(--text-2xl);font-weight:var(--font-semibold);margin-bottom:var(--space-md)}.access-denied-card p{color:var(--text-tertiary);margin-bottom:var(--space-sm);font-size:var(--text-base)}.admin-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-md);margin-bottom:var(--space-2xl)}.admin-users-list .stat-card{display:flex;align-items:center;gap:var(--space-md);background:var(--bg-card);padding:var(--space-lg);border-radius:var(--radius-lg);border:1px solid var(--border-primary);box-shadow:var(--shadow-md);transition:all var(--transition-normal);position:relative;overflow:hidden}.admin-users-list .stat-card:before{content:"";position:absolute;top:0;left:0;width:3px;height:100%;background:var(--color-accent);transform:scaleY(0);transition:transform var(--transition-normal)}.admin-users-list .stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:var(--border-secondary)}.admin-users-list .stat-card:hover:before{transform:scaleY(1)}.admin-users-list .stat-icon{display:flex;align-items:center;justify-content:center;width:50px;height:50px;background:var(--color-accent);border-radius:var(--radius-md);font-size:var(--text-xl);flex-shrink:0}.admin-users-list .stat-content h4{color:var(--text-tertiary);font-size:var(--text-sm);margin:0 0 var(--space-xs) 0;font-weight:var(--font-medium);text-transform:uppercase;letter-spacing:.5px}.admin-users-list .stat-value{font-size:var(--text-xl);font-weight:var(--font-bold);margin:0;color:var(--text-primary)}.admin-users-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:var(--space-lg)}.admin-user-card{background:var(--bg-card);padding:var(--space-lg);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--border-primary);transition:all var(--transition-normal);position:relative;overflow:hidden}.admin-user-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:var(--border-secondary);opacity:.5}.admin-user-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:var(--border-secondary)}.admin-user-header{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-md)}.admin-user-avatar{width:50px;height:50px;border-radius:50%;background:var(--color-accent);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:var(--font-bold);font-size:var(--text-lg);flex-shrink:0}.admin-user-info{flex:1;min-width:0}.admin-username{color:var(--text-primary);font-size:var(--text-lg);font-weight:var(--font-semibold);margin:0 0 var(--space-xs) 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-email{color:var(--text-tertiary);font-size:var(--text-sm);margin:0 0 var(--space-xs) 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-role-badge{display:inline-block;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:.5px;color:#fff}.admin-user-balance{display:flex;justify-content:space-between;align-items:center;background:var(--bg-secondary);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);margin-bottom:var(--space-md);border:1px solid var(--border-primary)}.balance-label{color:var(--text-tertiary);font-size:var(--text-sm);font-weight:var(--font-medium)}.balance-amount{color:var(--color-success);font-weight:var(--font-bold);font-size:var(--text-lg)}.admin-give-money-form{display:flex;flex-direction:column;gap:var(--space-md)}.admin-give-money-form .form-group{margin-bottom:0}.admin-give-money-form label{display:block;color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--font-medium);margin-bottom:var(--space-xs)}.input-group{display:flex;align-items:center;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);overflow:hidden;transition:border-color var(--transition-normal)}.input-group:focus-within{border-color:var(--color-accent);box-shadow:0 0 0 2px #daa5201a}.input-prefix{padding:var(--space-sm) var(--space-md);background:var(--bg-primary);color:var(--text-tertiary);font-weight:var(--font-bold);border-right:1px solid var(--border-primary)}.admin-amount-input{flex:1;padding:var(--space-sm) var(--space-md);background:transparent;border:none;color:var(--text-primary);font-size:var(--text-base);font-weight:var(--font-medium);outline:none}.admin-amount-input::placeholder{color:var(--text-tertiary)}.admin-give-money-btn{padding:var(--space-sm) var(--space-md);font-size:var(--text-sm);font-weight:var(--font-semibold);border-radius:var(--radius-md)}@media(max-width:768px){.admin-panel{padding:var(--space-md)}.admin-header{padding:var(--space-lg)}.admin-header h1{font-size:var(--text-3xl)}.admin-privileges{flex-direction:column}.admin-users-grid,.admin-stats{grid-template-columns:1fr}.welcome-card{padding:var(--space-lg)}}@media(max-width:480px){.admin-panel{padding:var(--space-sm)}.admin-user-header{flex-direction:column;text-align:center;gap:var(--space-sm)}.admin-user-balance{flex-direction:column;gap:var(--space-xs)}.input-group{flex-direction:column}.input-prefix{border-right:none;border-bottom:1px solid var(--border-primary);width:100%;text-align:center}}.admin-search-section{margin-bottom:var(--space-2xl)}.search-card{background:var(--bg-card);padding:var(--space-xl);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);border:1px solid var(--border-primary);position:relative;overflow:hidden}.search-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--color-primary),var(--color-info));opacity:.8}.search-card h3{color:var(--text-primary);font-size:var(--text-2xl);font-weight:var(--font-semibold);margin-bottom:var(--space-sm);text-align:center}.search-card p{color:var(--text-secondary);text-align:center;margin-bottom:var(--space-lg);font-size:var(--text-base)}.search-form{max-width:400px;margin:0 auto}.search-input{width:100%;padding:var(--space-md);background:var(--bg-secondary);border:2px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-lg);font-weight:var(--font-medium);text-align:center;transition:all var(--transition-normal)}.search-input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #daa5201a;background:var(--bg-primary);transform:translateY(-2px)}.search-input::placeholder{color:var(--text-tertiary);font-style:italic}.search-loading{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);margin-top:var(--space-md);color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--font-medium)}.search-instructions{margin-top:var(--space-2xl)}.instruction-card{background:var(--bg-card);padding:var(--space-xl);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--border-primary);position:relative;overflow:hidden}.instruction-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:var(--border-secondary);opacity:.5}.instruction-card h3{color:var(--text-primary);font-size:var(--text-xl);font-weight:var(--font-semibold);margin-bottom:var(--space-lg);text-align:center}.instruction-steps{display:flex;flex-direction:column;gap:var(--space-md);margin-bottom:var(--space-lg)}.step{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);background:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border-primary);transition:all var(--transition-normal)}.step:hover{background:var(--bg-hover);transform:translate(5px)}.step-number{display:flex;align-items:center;justify-content:center;width:30px;height:30px;background:var(--color-accent);color:#fff;border-radius:50%;font-weight:var(--font-bold);font-size:var(--text-sm);flex-shrink:0}.step span:last-child{color:var(--text-secondary);font-weight:var(--font-medium)}.search-tips{background:var(--bg-secondary);padding:var(--space-lg);border-radius:var(--radius-md);border:1px solid var(--border-primary);position:relative;overflow:hidden}.search-tips:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--color-info);opacity:.8}.search-tips h4{color:var(--text-primary);font-size:var(--text-lg);font-weight:var(--font-semibold);margin:0 0 var(--space-sm) 0}.search-tips ul{margin:0;padding-left:var(--space-lg);list-style:none}.search-tips li{color:var(--text-secondary);margin:var(--space-xs) 0;position:relative;padding-left:var(--space-md)}.search-tips li:before{content:"💡";position:absolute;left:0;top:0}@media(max-width:768px){.search-card{padding:var(--space-lg)}.search-card h3{font-size:var(--text-xl)}.search-input{font-size:var(--text-base)}.instruction-card{padding:var(--space-lg)}.step{flex-direction:column;text-align:center;gap:var(--space-sm)}.step-number{width:25px;height:25px;font-size:var(--text-xs)}}@media(max-width:480px){.search-card{padding:var(--space-md)}.search-form{max-width:100%}.instruction-card,.search-tips{padding:var(--space-md)}.instruction-steps{gap:var(--space-sm)}}@media(max-width:480px){.nav-list{padding:0 4px}.nav-link{padding:0 6px;margin-bottom:1px;border-radius:var(--radius-sm);height:24px}.nav-link:hover{background:#ffffff14}}.profile-popup{position:absolute;bottom:12px;left:100%;margin-left:10px;width:280px;background:#000000f2;border-radius:16px;box-shadow:var(--shadow-2xl);border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:1001;animation:slideInRight .3s ease-out;overflow:hidden}.profile-popup:before{content:"";position:absolute;bottom:20px;left:-8px;width:0;height:0;border-style:solid;border-width:8px 8px 8px 0;border-color:transparent rgba(0,0,0,.95) transparent transparent;z-index:1}.profile-popup:after{content:"";position:absolute;bottom:20px;left:-9px;width:0;height:0;border-style:solid;border-width:9px 9px 9px 0;border-color:transparent rgba(255,255,255,.1) transparent transparent;z-index:0}@keyframes slideInRight{0%{opacity:0;transform:translate(20px) translateY(10px)}to{opacity:1;transform:translate(0) translateY(0)}}.profile-popup-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-lg);background:#0009;border-bottom:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.profile-popup-user{display:flex;align-items:center;gap:12px}.profile-popup-avatar{width:45px;height:45px;border-radius:50%;background:var(--color-accent);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:18px}.profile-popup-info{display:flex;flex-direction:column;min-width:0}.profile-popup-name{color:#fff;font-weight:600;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-popup-balance{color:#fff;font-weight:500;font-size:14px;margin-top:2px}.profile-popup-close{background:none;border:none;color:#fff;font-size:20px;cursor:pointer;padding:4px;border-radius:4px;transition:background-color .3s ease;width:28px;height:28px;display:flex;align-items:center;justify-content:center}.profile-popup-close:hover{background:#3a3a3a}.profile-popup-content{padding:16px 0}.profile-popup-buttons{display:flex;flex-direction:column;gap:4px;padding:0 16px}.profile-popup-btn{display:flex;align-items:center;gap:12px;padding:12px 16px;background:transparent;border:none;border-radius:8px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .25s ease;text-align:left;width:100%}.profile-popup-btn:hover{background:#1a1a1a;transform:translate(4px)}.profile-popup-btn-danger{color:#ff6b6b}.profile-popup-btn-danger:hover{background:#ff6b6b1a;color:#ff5252}.profile-popup-icon{font-size:16px;min-width:16px;text-align:center}.profile-popup-icon .user-avatar{position:relative;width:2.5rem;height:2.5rem;border-radius:50%;background:var(--color-accent);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:18px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;container-type:size}.profile-popup-icon .user-avatar:hover{transform:scale(1.05);box-shadow:0 4px 12px #daa5204d}.profile-popup-icon .user-avatar-img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;position:absolute;top:0;left:0;transition:opacity .3s ease}.profile-popup-icon .user-avatar-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-accent),var(--color-accent-dark));border-radius:50%;font-weight:600;font-size:18px;transition:transform .3s ease}@container (max-width: 60px){.profile-popup-icon .user-avatar{width:2rem;height:2rem}.profile-popup-icon .user-avatar-fallback{font-size:14px}}@media(-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.profile-popup-icon .user-avatar-img{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}}.profile-popup-icon .profile-popup-avatar{position:relative;width:2.8125rem;height:2.8125rem;border-radius:50%;background:var(--color-accent);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:18px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;container-type:size}.profile-popup-icon .profile-popup-avatar:hover{transform:scale(1.05);box-shadow:0 4px 12px #daa5204d}.profile-popup-icon .profile-popup-avatar-img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;position:absolute;top:0;left:0;transition:opacity .3s ease}.profile-popup-icon .profile-popup-avatar-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-accent),var(--color-accent-dark));border-radius:50%;font-weight:600;font-size:18px;transition:transform .3s ease}@container (max-width: 280px){.profile-popup-icon .profile-popup-avatar{width:2.5rem;height:2.5rem}.profile-popup-icon .profile-popup-avatar-fallback{font-size:16px}}@media(-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.profile-popup-icon .profile-popup-avatar-img{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}}.profile-popup-icon .profile-popup-bio{color:#ccc;font-size:12px;font-style:italic;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}.profile-popup-icon .profile-popup-btn-primary{color:#fff}.profile-popup-icon .profile-popup-btn-primary:hover{background:#ffffff1a;color:#fff}.user-info{cursor:pointer;transition:all .25s ease;border-radius:8px;padding:8px;margin:-8px}.user-info:hover{background:#1a1a1a;transform:scale(1.02)}@media(max-width:768px){.profile-popup{left:auto;right:10px;width:250px;margin-left:0}.profile-popup:before{content:"";position:absolute;top:20px;left:-8px;width:0;height:0;border-style:solid;border-width:8px 8px 8px 0;border-color:transparent #1a1a1a transparent transparent}}@media(max-width:480px){.profile-popup{left:50%;right:auto;transform:translate(-50%);width:calc(100vw - 20px);max-width:300px}.profile-popup:before{left:50%;transform:translate(-50%) rotate(90deg);top:-8px}}.casino{--casino-primary: #eab308;--casino-primary-dark: #ca8a04;--casino-primary-light: #facc15;--casino-secondary: #f59e0b;--casino-accent: #fbbf24;--casino-gold: #fbbf24;--casino-gold-dark: #f59e0b}.casino .casino-header{background:linear-gradient(135deg,#000,#0a0a0a);border:1px solid rgba(234,179,8,.3);box-shadow:0 10px 25px -3px #eab3081a,0 4px 6px -2px #eab3080d}.casino .casino-header:before{background:linear-gradient(90deg,var(--casino-primary),var(--casino-accent));height:3px}.casino .casino-header h1{color:var(--casino-primary);text-shadow:2px 2px 4px rgba(234,179,8,.3)}.casino .casino-balance-card{background:linear-gradient(135deg,#000,#0a0a0a);border:1px solid rgba(234,179,8,.3);box-shadow:0 10px 25px -3px #eab3081a}.casino .casino-balance-card:before{background:linear-gradient(90deg,var(--casino-primary),var(--casino-accent));height:4px}.casino .casino-balance-card:hover{border-color:#eab30880;box-shadow:0 20px 25px -5px #eab30833,0 10px 10px -5px #eab3081a}.casino .balance-icon{background:linear-gradient(135deg,var(--casino-primary),var(--casino-accent));box-shadow:0 0 20px #eab3084d}.casino .balance-amount{color:var(--casino-accent);text-shadow:0 0 20px rgba(250,204,21,.4)}.casino .casino-game-section{background:linear-gradient(135deg,#000,#0a0a0a);border:1px solid rgba(234,179,8,.3);box-shadow:0 10px 25px -3px #eab3081a}.casino .casino-game-section:before{background:linear-gradient(90deg,var(--casino-primary),var(--casino-accent));height:2px}.casino .game-area h2{color:var(--casino-primary)}.casino .game-area h2:after{background:linear-gradient(90deg,var(--casino-primary),var(--casino-accent))}.casino .coin-face{border:3px solid var(--casino-gold);box-shadow:0 0 20px #facc1566,inset 0 2px 4px #eab30833}.casino .choice-btn{background:var(--bg-secondary);border:2px solid var(--border-primary);color:var(--text-secondary);position:relative;overflow:hidden}.casino .choice-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(135deg,var(--casino-primary),var(--casino-accent));opacity:.1;transition:left var(--transition-normal)}.casino .choice-btn:hover{background:var(--bg-hover);border-color:var(--casino-primary);color:var(--text-primary);transform:translateY(-2px);box-shadow:0 10px 25px -3px #eab30833}.casino .choice-btn:hover:before{left:100%}.casino .choice-btn.selected{background:linear-gradient(135deg,var(--casino-primary),var(--casino-accent));border-color:var(--casino-primary);color:#fff;transform:scale(1.05);box-shadow:0 10px 25px -3px #eab3084d}.casino .bet-input{background:var(--bg-secondary);border:2px solid var(--border-primary);color:var(--text-primary)}.casino .bet-input:focus{border-color:var(--casino-primary);box-shadow:0 0 0 3px #eab3081a;background:var(--bg-primary)}.casino .flip-button{background:linear-gradient(135deg,var(--casino-primary),var(--casino-accent));box-shadow:0 10px 25px -3px #eab3084d;position:relative;overflow:hidden}.casino .flip-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(135deg,var(--casino-primary-dark),var(--casino-gold-dark));opacity:.3;transition:left var(--transition-normal)}.casino .flip-button:hover:not(:disabled){background:linear-gradient(135deg,var(--casino-primary-dark),var(--casino-gold-dark));transform:translateY(-3px);box-shadow:0 20px 25px -5px #eab30866}.casino .flip-button:hover:not(:disabled):before{left:100%}.casino .result-message{background:var(--bg-secondary);border:1px solid var(--border-primary);position:relative;overflow:hidden}.casino .result-message:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--casino-primary);opacity:.8}.casino .result-message.win{border-color:#10b98166;background:#10b9811a}.casino .result-message.win:before{background:var(--color-success)}.casino .result-message.win h3{color:var(--color-success)}.casino .result-message.loss{border-color:#ef44444d;background:#ef44441a}.casino .result-message.loss:before{background:var(--color-danger)}.casino .result-message .new-balance{color:var(--casino-primary)}.casino .casino-stats-section{background:linear-gradient(135deg,#000,#0a0a0a);border:1px solid rgba(234,179,8,.3);box-shadow:0 10px 25px -3px #eab3081a}.casino .casino-stats-section:before{background:linear-gradient(90deg,var(--casino-primary),var(--casino-accent));height:2px}.casino .casino-stats-section h2{background:var(--bg-secondary);color:var(--text-primary);border-bottom:1px solid var(--border-primary)}.casino .stat-card{background:var(--bg-secondary);border:1px solid var(--border-primary);transition:all var(--transition-normal)}.casino .stat-card:before{background:var(--casino-primary)}.casino .stat-card:hover{transform:translateY(-2px);box-shadow:0 10px 25px -3px #eab30833;border-color:var(--casino-primary);background:var(--bg-hover)}.casino .stat-icon{background:var(--casino-primary)}.casino .stat-wins{background:var(--color-success)}.casino .stat-losses{background:var(--color-danger)}.casino .stat-profit{background:var(--casino-primary)}.casino .stat-wagered{background:var(--casino-accent)}.casino .stat-value.wins{color:var(--color-success)}.casino .stat-value.losses{color:var(--color-danger)}.casino .stat-value.profit{color:var(--casino-accent)}.casino .stat-value.loss{color:var(--color-danger)}.casino .casino-history-section{background:linear-gradient(135deg,#000,#0a0a0a);border:1px solid rgba(234,179,8,.3);box-shadow:0 10px 25px -3px #eab3081a}.casino .casino-history-section:before{background:linear-gradient(90deg,var(--casino-primary),var(--casino-accent));height:2px}.casino .casino-history-section h2{background:var(--bg-secondary);color:var(--text-primary);border-bottom:1px solid var(--border-primary)}.casino .history-item{border-bottom:1px solid var(--border-primary);transition:background-color var(--transition-normal)}.casino .history-item:hover{background-color:var(--bg-hover)}.casino .history-item:before{background:var(--casino-primary)}.casino .outcome-badge.win{background:#eab30833;color:var(--casino-accent);border:1px solid rgba(234,179,8,.3)}.casino .outcome-badge.loss{background:#ef444433;color:var(--color-danger);border:1px solid rgba(239,68,68,.3)}.casino .win-amount.positive{color:var(--color-success)}.casino .win-amount.negative{color:var(--color-danger)}.casino .spinner{border:3px solid var(--border-primary);border-top:3px solid var(--casino-primary);border-radius:50%;animation:spin 1s linear infinite}.casino .spinner.small{border:2px solid var(--border-primary);border-top:2px solid var(--casino-accent);border-radius:50%;animation:spin 1s linear infinite}@media(max-width:768px){.casino .choice-btn{width:100%;max-width:200px}.casino .flip-button{width:100%;max-width:300px;margin:0 auto}}@media(max-width:480px){.casino .casino{padding:var(--space-sm)}.casino .casino-balance-card{padding:var(--space-lg)}.casino .game-area{padding:var(--space-md)}.casino .choice-btn,.casino .bet-input{font-size:var(--text-base)}.casino .flip-button{font-size:var(--text-lg);padding:var(--space-md) var(--space-lg)}.casino .stats-grid{grid-template-columns:1fr;padding:var(--space-md)}.casino .game-history-list{max-height:300px}}.casino-tabs{margin-top:var(--space-2xl);background:var(--bg-card);border-radius:var(--radius-xl);border:1px solid var(--border-primary);overflow:hidden;box-shadow:var(--shadow-lg);position:relative}.casino-tabs:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--casino-primary),var(--casino-accent));opacity:.8}.tabs-nav{display:flex;background:var(--bg-secondary);border-bottom:1px solid var(--border-primary);position:relative;overflow:hidden}.tabs-nav:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--casino-primary),transparent);opacity:.3}.tab-button{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-lg) var(--space-xl);background:transparent;border:none;color:var(--text-tertiary);font-size:var(--text-base);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-normal);position:relative;border-bottom:3px solid transparent;text-transform:uppercase;letter-spacing:.5px;font-size:var(--text-sm);font-weight:var(--font-semibold);min-height:60px;overflow:hidden}.tab-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(135deg,var(--casino-primary),var(--casino-accent));opacity:.1;transition:left var(--transition-normal);z-index:0}.tab-button:hover:not(.active){color:var(--text-secondary);background:var(--bg-hover);transform:translateY(-1px);border-bottom-color:#eab3084d;box-shadow:0 2px 8px #eab3081a}.tab-button:hover:not(.active):before{left:100%}.tab-button.active{background:var(--bg-card);color:var(--casino-primary);border-bottom-color:var(--casino-primary);transform:translateY(-2px);box-shadow:0 4px 12px #eab30826,0 -1px 0 var(--bg-card) inset;font-weight:var(--font-bold)}.tab-button.active:before{left:0;background:linear-gradient(135deg,var(--casino-primary),var(--casino-accent));opacity:.05}.tab-icon{font-size:var(--text-xl);display:flex;align-items:center;justify-content:center;min-width:24px;filter:drop-shadow(0 0 4px rgba(234,179,8,.2));transition:all var(--transition-normal)}.tab-button:hover:not(.active) .tab-icon{transform:scale(1.1);filter:drop-shadow(0 0 6px rgba(234,179,8,.3))}.tab-button.active .tab-icon{transform:scale(1.15);filter:drop-shadow(0 0 8px rgba(234,179,8,.4))}.tab-name{position:relative;z-index:1;white-space:nowrap;text-align:center}.tab-button.coming-soon{opacity:.7;cursor:not-allowed}.tab-button.coming-soon:hover{transform:none;background:transparent;border-bottom-color:transparent;box-shadow:none}.tab-button.coming-soon .tab-icon{filter:grayscale(.3) drop-shadow(0 0 2px rgba(234,179,8,.1))}.tab-content{background:var(--bg-card);position:relative;overflow:hidden}.tab-content:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:var(--border-secondary);opacity:.5}@media(max-width:768px){.casino-tabs{margin-top:var(--space-lg);border-radius:var(--radius-lg)}.tabs-nav{flex-direction:column}.tab-button{padding:var(--space-md) var(--space-lg);min-height:50px;border-bottom:none;border-right:3px solid transparent}.tab-button:before{top:-100%;left:0;width:100%;height:100%}.tab-button:hover:not(.active){transform:translate(-1px);border-right-color:#eab3084d;border-bottom-color:transparent}.tab-button:hover:not(.active):before{top:0}.tab-button.active{transform:translate(-2px);border-right-color:var(--casino-primary);border-bottom-color:transparent;box-shadow:4px 0 12px #eab30826,-1px 0 0 var(--bg-card) inset}.tab-button.active:before{top:0}}@media(max-width:480px){.tab-button{padding:var(--space-sm) var(--space-md);font-size:var(--text-xs)}.tab-icon{font-size:var(--text-lg)}.tab-name{font-size:10px;letter-spacing:.3px}}.tab-content{animation:fadeInUp .4s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.tab-button.active{text-shadow:0 0 8px rgba(234,179,8,.3);position:relative;animation:tabPulse 3s ease-in-out infinite}.tab-button.active:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(234,179,8,.03) 0%,transparent 50%,rgba(250,204,21,.03) 100%);pointer-events:none;z-index:0}@keyframes tabPulse{0%,to{box-shadow:0 4px 12px #eab30826,0 -1px 0 var(--bg-card) inset}50%{box-shadow:0 6px 16px #eab30833,0 -1px 0 var(--bg-card) inset}}.slot-machine-container{max-width:600px;margin:0 auto;padding:var(--space-lg);background:var(--bg-card);border-radius:var(--radius-xl);border:1px solid var(--border-primary);box-shadow:var(--shadow-xl);position:relative;overflow:hidden}.slot-machine-container:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--casino-primary),var(--casino-accent));opacity:.8}.progressive-jackpot{text-align:center;margin-bottom:var(--space-lg);background:linear-gradient(135deg,#2a1f1a,#121212);border:2px solid var(--casino-gold);border-radius:var(--radius-lg);padding:var(--space-md);position:relative;box-shadow:0 0 20px #eab3084d,inset 0 2px 4px #ffffff1a;animation:jackpotGlow 2s ease-in-out infinite alternate}@keyframes jackpotGlow{0%{box-shadow:0 0 20px #eab3084d,inset 0 2px 4px #ffffff1a}to{box-shadow:0 0 30px #eab30880,inset 0 2px 4px #fff3}}.jackpot-label{color:var(--casino-gold);font-size:var(--text-sm);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:1px;margin-bottom:var(--space-xs)}.jackpot-amount{color:var(--casino-accent);font-size:var(--text-2xl);font-weight:var(--font-bold);display:flex;align-items:center;justify-content:center;gap:var(--space-sm);text-shadow:0 0 10px rgba(250,204,21,.5)}.jackpot-icon{color:var(--casino-primary);animation:lightning 1.5s ease-in-out infinite}@keyframes lightning{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}.slot-machine{margin-bottom:var(--space-lg)}.machine-frame{background:linear-gradient(135deg,#404040,#2a2a2a);border:4px solid var(--casino-gold);border-radius:var(--radius-xl);padding:var(--space-lg);box-shadow:0 10px 30px #00000080,inset 0 2px 4px #ffffff1a;position:relative}.machine-frame:before{content:"";position:absolute;inset:10px;border:1px solid rgba(234,179,8,.3);border-radius:var(--radius-lg);pointer-events:none}.reels-container{display:flex;gap:var(--space-sm);justify-content:center;margin-bottom:var(--space-md)}.reel{width:80px;height:100px;background:linear-gradient(135deg,#4a3f3a,#3a2f2a);border:3px solid var(--casino-gold);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;position:relative;box-shadow:inset 0 2px 4px #0000004d,0 4px 8px #0003;transition:all var(--transition-normal)}.reel.spinning{animation:reelSpin .1s linear infinite;border-color:var(--casino-primary);box-shadow:inset 0 2px 4px #0000004d,0 4px 8px #0003,0 0 15px #eab30866}@keyframes reelSpin{0%{transform:translateY(0)}to{transform:translateY(-20px)}}.reel-symbol{font-size:2.5rem;text-align:center;z-index:1;transition:all var(--transition-fast)}.payline{position:absolute;left:50%;transform:translate(-50%);width:90%;height:2px;background:linear-gradient(90deg,var(--casino-primary) 0%,var(--casino-accent) 100%);border-radius:1px;animation:paylineGlow 2s ease-in-out infinite alternate;pointer-events:none}@keyframes paylineGlow{0%{opacity:.6;box-shadow:0 0 5px #eab3084d}to{opacity:1;box-shadow:0 0 10px #eab30899}}.bet-selection{text-align:center;margin-bottom:var(--space-lg)}.bet-selection h3{color:var(--text-primary);font-size:var(--text-lg);font-weight:var(--font-semibold);margin-bottom:var(--space-md)}.bet-buttons{display:flex;gap:var(--space-sm);justify-content:center;flex-wrap:wrap}.bet-btn{padding:var(--space-sm) var(--space-md);background:var(--bg-secondary);border:2px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-secondary);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-normal);position:relative;overflow:hidden}.bet-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(135deg,var(--casino-primary),var(--casino-accent));opacity:.1;transition:left var(--transition-normal)}.bet-btn:hover:not(:disabled){background:var(--bg-hover);border-color:var(--casino-primary);color:var(--text-primary);transform:translateY(-2px);box-shadow:0 4px 12px #eab30833}.bet-btn:hover:not(:disabled):before{left:100%}.bet-btn.selected{background:linear-gradient(135deg,var(--casino-primary),var(--casino-accent));border-color:var(--casino-primary);color:#fff;transform:scale(1.05);box-shadow:0 6px 16px #eab3084d}.bet-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.free-spins-display{text-align:center;margin-bottom:var(--space-lg);background:linear-gradient(135deg,var(--color-info) 0%,#1976d2 100%);color:#fff;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-lg);box-shadow:0 4px 12px #1976d24d;animation:freeSpinsPulse 2s ease-in-out infinite}@keyframes freeSpinsPulse{0%,to{transform:scale(1);box-shadow:0 4px 12px #1976d24d}50%{transform:scale(1.02);box-shadow:0 6px 16px #1976d266}}.free-spins-label{font-weight:var(--font-semibold);margin-right:var(--space-sm)}.free-spins-count{font-weight:var(--font-bold);font-size:var(--text-lg)}.slot-controls{display:flex;flex-direction:column;gap:var(--space-md);align-items:center}.spin-button{padding:var(--space-md) var(--space-2xl);background:linear-gradient(135deg,var(--color-success) 0%,#2e7d32 100%);color:#fff;border:none;border-radius:var(--radius-lg);font-size:var(--text-lg);font-weight:var(--font-bold);cursor:pointer;transition:all var(--transition-normal);position:relative;overflow:hidden;box-shadow:0 6px 16px #10b9814d;text-transform:uppercase;letter-spacing:.5px}.spin-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(135deg,#2e7d32,#1b5e20);opacity:.3;transition:left var(--transition-normal)}.spin-button:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 10px 25px #10b98166;background:linear-gradient(135deg,#2e7d32,#1b5e20)}.spin-button:hover:not(:disabled):before{left:100%}.spin-button:disabled{opacity:.6;cursor:not-allowed;transform:none;background:var(--color-success)}.auto-spin-controls{display:flex;gap:var(--space-sm);justify-content:center}.auto-spin-btn{padding:var(--space-sm) var(--space-md);background:var(--color-info);color:#fff;border:none;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-normal);position:relative;overflow:hidden}.auto-spin-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:#fff3;transition:left var(--transition-normal)}.auto-spin-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #1976d24d}.auto-spin-btn:hover:not(:disabled):before{left:100%}.auto-spin-btn.active{background:var(--color-danger);animation:autoSpinActive 1s ease-in-out infinite}@keyframes autoSpinActive{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.auto-spin-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}@keyframes resultSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.result-symbols{display:flex;justify-content:center;gap:var(--space-sm);margin-bottom:var(--space-md);font-size:var(--text-3xl);animation:symbolsBounce .6s ease-out}@keyframes symbolsBounce{0%{transform:scale(.5);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.result-text{font-size:var(--text-lg);font-weight:var(--font-semibold);margin-bottom:var(--space-sm)}.progressive-win-animation{font-size:var(--text-2xl);margin-top:var(--space-md);animation:progressiveWin 1s ease-out infinite}@keyframes progressiveWin{0%,to{transform:scale(1) rotate(0)}25%{transform:scale(1.1) rotate(5deg)}75%{transform:scale(1.1) rotate(-5deg)}}.win-information{background:var(--bg-secondary);border-radius:var(--radius-lg);padding:var(--space-lg);border:1px solid var(--border-primary);margin-top:var(--space-lg)}.win-information h4{color:var(--text-primary);font-size:var(--text-lg);font-weight:var(--font-semibold);margin-bottom:var(--space-md);text-align:center}.win-table{display:flex;flex-direction:column;gap:var(--space-xs)}.win-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-sm);background:var(--bg-primary);border-radius:var(--radius-sm);border:1px solid var(--border-primary);transition:all var(--transition-normal)}.win-row:hover{background:var(--bg-hover);border-color:var(--border-secondary);transform:translate(5px)}.win-row span:first-child{color:var(--text-primary);font-weight:var(--font-medium)}.win-row span:last-child{color:var(--casino-accent);font-weight:var(--font-bold);text-align:right}@media(max-width:768px){.slot-machine-container{padding:var(--space-md);margin:0 var(--space-sm)}.reels-container{gap:var(--space-xs)}.reel{width:70px;height:90px}.reel-symbol{font-size:2rem}.bet-buttons{grid-template-columns:repeat(auto-fit,minmax(60px,1fr))}.bet-btn{padding:var(--space-xs) var(--space-sm);font-size:var(--text-sm)}.spin-button{padding:var(--space-md) var(--space-lg);font-size:var(--text-base)}.result-symbols{font-size:var(--text-2xl)}.win-table{font-size:var(--text-sm)}}@media(max-width:480px){.reel{width:60px;height:80px}.reel-symbol{font-size:1.5rem}.jackpot-amount{font-size:var(--text-xl)}.slot-controls{gap:var(--space-sm)}.auto-spin-controls{flex-direction:column;align-items:center}}.dice-game-container{max-width:600px;margin:0 auto;padding:var(--space-lg);background:var(--bg-card);border-radius:var(--radius-xl);border:1px solid var(--border-primary);box-shadow:var(--shadow-xl);position:relative;overflow:hidden}.dice-game-container:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--casino-primary),var(--casino-accent));opacity:.8}.game-title{text-align:center;margin-bottom:var(--space-lg)}.game-title h2{color:var(--text-primary);font-size:var(--text-3xl);font-weight:var(--font-bold);margin-bottom:var(--space-sm);text-shadow:2px 2px 4px rgba(0,0,0,.3)}.game-title p{color:var(--text-secondary);font-size:var(--text-lg);margin:0;opacity:.9}.dice-selection{text-align:center;margin-bottom:var(--space-lg)}.dice-selection h3{color:var(--text-primary);font-size:var(--text-xl);font-weight:var(--font-semibold);margin-bottom:var(--space-md)}.number-buttons{display:flex;gap:var(--space-sm);justify-content:center;flex-wrap:wrap;margin-bottom:var(--space-md)}.number-btn{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);padding:var(--space-md);background:var(--bg-secondary);border:2px solid var(--border-primary);border-radius:var(--radius-lg);color:var(--text-secondary);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-normal);position:relative;overflow:hidden;min-width:60px;min-height:80px}.number-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(135deg,var(--casino-primary),var(--casino-accent));opacity:.1;transition:left var(--transition-normal)}.number-btn:hover:not(:disabled){background:var(--bg-hover);border-color:var(--casino-primary);color:var(--text-primary);transform:translateY(-2px);box-shadow:0 4px 12px #eab30833}.number-btn:hover:not(:disabled):before{left:100%}.number-btn.selected{background:linear-gradient(135deg,var(--casino-primary),var(--casino-accent));border-color:var(--casino-primary);color:#fff;transform:scale(1.05);box-shadow:0 6px 16px #eab3084d}.number-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.dice-face{font-size:var(--text-2xl);transition:all var(--transition-normal)}.number-label{font-size:var(--text-sm);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:.5px}.selection-display{background:var(--bg-secondary);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);border:1px solid var(--border-primary);font-size:var(--text-base);color:var(--text-primary);font-weight:var(--font-medium)}.dice-display{text-align:center;margin:var(--space-2xl) 0;position:relative}.dice{display:inline-flex;align-items:center;justify-content:center;width:120px;height:120px;background:linear-gradient(135deg,#404040,#333);border:4px solid var(--casino-gold);border-radius:var(--radius-xl);box-shadow:0 8px 25px #0000004d,inset 0 2px 4px #ffffff4d,inset 0 -2px 4px #0000001a;position:relative;transition:all var(--transition-normal)}.dice.rolling{animation:diceRoll .1s linear infinite;border-color:var(--casino-primary);box-shadow:0 8px 25px #0000004d,inset 0 2px 4px #ffffff4d,inset 0 -2px 4px #0000001a,0 0 20px #eab30866}@keyframes diceRoll{0%{transform:rotate(0) scale(1)}25%{transform:rotate(5deg) scale(1.05)}50%{transform:rotate(-5deg) scale(1.05)}75%{transform:rotate(3deg) scale(1.02)}to{transform:rotate(0) scale(1)}}.dice-face-display{font-size:4rem;font-weight:var(--font-bold);color:var(--text-primary);text-shadow:2px 2px 4px rgba(0,0,0,.3);transition:all var(--transition-normal);z-index:1;position:relative}.result-display{margin-top:var(--space-lg);background:var(--bg-secondary);padding:var(--space-lg);border-radius:var(--radius-lg);border:1px solid var(--border-primary);position:relative;overflow:hidden;animation:resultSlideIn .5s ease-out}.result-display:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--casino-primary);opacity:.8}.result-text{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);margin-bottom:var(--space-sm)}.result-label{color:var(--text-tertiary);font-weight:var(--font-medium)}.result-number{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--casino-primary);text-shadow:0 0 10px rgba(234,179,8,.3)}.result-face{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--text-primary)}.result-details{text-align:center}.result-status{display:inline-block;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-weight:var(--font-bold);font-size:var(--text-lg);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-sm)}.result-status.win{background:#10b98133;color:var(--color-success);border:1px solid rgba(16,185,129,.3)}.result-status.loss{background:#ef444433;color:var(--color-danger);border:1px solid rgba(239,68,68,.3)}.win-amount{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-success);text-shadow:0 0 10px rgba(16,185,129,.3)}.dice-controls{text-align:center;margin-bottom:var(--space-lg)}.roll-button{padding:var(--space-md) var(--space-2xl);background:linear-gradient(135deg,var(--color-success) 0%,#2e7d32 100%);color:#fff;border:none;border-radius:var(--radius-lg);font-size:var(--text-lg);font-weight:var(--font-bold);cursor:pointer;transition:all var(--transition-normal);position:relative;overflow:hidden;box-shadow:0 6px 16px #10b9814d;text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;gap:var(--space-sm);justify-content:center;min-width:200px}.roll-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(135deg,#2e7d32,#1b5e20);opacity:.3;transition:left var(--transition-normal)}.roll-button:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 10px 25px #10b98166;background:linear-gradient(135deg,#2e7d32,#1b5e20)}.roll-button:hover:not(:disabled):before{left:100%}.roll-button:disabled{opacity:.6;cursor:not-allowed;transform:none;background:var(--color-success)}.game-result{text-align:center;padding:var(--space-lg);border-radius:var(--radius-lg);margin-bottom:var(--space-lg);border:2px solid;position:relative;overflow:hidden;animation:resultSlideIn .5s ease-out}.game-result.win{background:linear-gradient(135deg,#10b9811a,#10b9810d);border-color:var(--color-success);box-shadow:0 0 20px #10b98133}.game-result.win:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--color-success),#4caf50);opacity:.8}.game-result.loss{background:linear-gradient(135deg,#ef44441a,#ef44440d);border-color:var(--color-danger);box-shadow:0 0 20px #ef444433}.game-result.loss:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--color-danger),#f44336);opacity:.8}.result-message h3{font-size:var(--text-2xl);font-weight:var(--font-bold);margin-bottom:var(--space-md);text-shadow:0 2px 4px rgba(0,0,0,.3)}.result-details{margin-bottom:var(--space-md)}.prediction-result,.actual-result{display:flex;justify-content:center;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm)}.prediction-label,.actual-label{color:var(--text-tertiary);font-weight:var(--font-medium)}.prediction-number,.actual-number{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--casino-primary);text-shadow:0 0 10px rgba(234,179,8,.3)}.game-information{background:var(--bg-secondary);border-radius:var(--radius-lg);padding:var(--space-lg);border:1px solid var(--border-primary);margin-top:var(--space-lg)}.game-information h4{color:var(--text-primary);font-size:var(--text-lg);font-weight:var(--font-semibold);margin-bottom:var(--space-md);text-align:center}.info-table{display:flex;flex-direction:column;gap:var(--space-xs)}.info-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-sm);background:var(--bg-primary);border-radius:var(--radius-sm);border:1px solid var(--border-primary);transition:all var(--transition-normal)}.info-row:hover{background:var(--bg-hover);border-color:var(--border-secondary);transform:translate(5px)}.info-row.highlight{background:linear-gradient(135deg,#eab3081a,#eab3080d);border-color:var(--casino-primary)}.info-row span:first-child{color:var(--text-primary);font-weight:var(--font-medium)}.info-row span:last-child{color:var(--casino-accent);font-weight:var(--font-bold);text-align:right}.game-stats{background:var(--bg-secondary);border-radius:var(--radius-lg);padding:var(--space-lg);border:1px solid var(--border-primary);margin-top:var(--space-lg)}.game-stats h4{color:var(--text-primary);font-size:var(--text-lg);font-weight:var(--font-semibold);margin-bottom:var(--space-md);text-align:center}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--space-sm)}.stat-item{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);padding:var(--space-sm);background:var(--bg-primary);border-radius:var(--radius-md);border:1px solid var(--border-primary);transition:all var(--transition-normal)}.stat-item:hover{background:var(--bg-hover);border-color:var(--border-secondary);transform:translateY(-2px)}.stat-label{color:var(--text-tertiary);font-size:var(--text-xs);font-weight:var(--font-medium);text-transform:uppercase;letter-spacing:.5px;text-align:center}.stat-value{color:var(--text-primary);font-weight:var(--font-bold);font-size:var(--text-sm);text-align:center}@media(max-width:768px){.dice-game-container{padding:var(--space-md);margin:0 var(--space-sm)}.number-buttons{gap:var(--space-xs)}.number-btn{padding:var(--space-sm);min-width:50px;min-height:70px}.dice-face{font-size:var(--text-xl)}.number-label{font-size:var(--text-xs)}.dice{width:100px;height:100px}.dice-face-display{font-size:3rem}.roll-button{padding:var(--space-md) var(--space-lg);font-size:var(--text-base);min-width:150px}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.dice{width:80px;height:80px}.dice-face-display{font-size:2.5rem}.number-btn{padding:var(--space-xs);min-width:45px;min-height:60px}.dice-face{font-size:var(--text-lg)}.number-label{font-size:10px}.result-number,.prediction-number,.actual-number{font-size:var(--text-lg)}.roll-button{font-size:var(--text-sm);padding:var(--space-sm) var(--space-md);min-width:120px}.stats-grid{grid-template-columns:1fr;gap:var(--space-xs)}.promo-code-manager{max-width:1200px;margin:0 auto;padding:var(--space-lg);min-height:calc(100vh - 120px)}.promo-code-header{text-align:center;margin-bottom:var(--space-2xl);background:var(--bg-card);padding:var(--space-xl);border-radius:var(--radius-lg);border:1px solid var(--border-primary);box-shadow:var(--shadow-lg);position:relative;overflow:hidden}.promo-code-header:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:var(--border-secondary);opacity:.5}.promo-code-header h2{color:var(--text-primary);font-size:var(--text-3xl);font-weight:var(--font-bold);margin-bottom:var(--space-sm);text-shadow:2px 2px 4px rgba(0,0,0,.3)}.promo-code-subtitle{color:var(--text-secondary);font-size:var(--text-lg);margin:0;opacity:.9}.promo-tabs-nav{display:flex;background:var(--bg-secondary);border-radius:var(--radius-md);padding:4px;margin-bottom:var(--space-xl);border:1px solid var(--border-primary);position:relative;overflow:hidden}.promo-tabs-nav:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--color-accent),transparent);opacity:.3}.promo-tab-button{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);background:transparent;border:none;color:var(--text-tertiary);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-normal);border-radius:var(--radius-sm);position:relative;border-bottom:2px solid transparent;text-transform:uppercase;letter-spacing:.5px;min-height:50px;overflow:hidden}.promo-tab-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(135deg,var(--color-primary),var(--color-success));opacity:.1;transition:left var(--transition-normal);z-index:0}.promo-tab-button:hover:not(.active){color:var(--text-secondary);background:var(--bg-hover);transform:translateY(-1px);border-bottom-color:#3498db4d;box-shadow:0 2px 8px #3498db1a}.promo-tab-button:hover:not(.active):before{left:100%}.promo-tab-button.active{background:var(--bg-card);color:var(--color-accent);border-bottom-color:var(--color-accent);transform:translateY(-2px);box-shadow:0 4px 12px #dc262626,0 -1px 0 var(--bg-card) inset;font-weight:var(--font-bold)}.promo-tab-button.active:before{left:0;background:linear-gradient(135deg,var(--color-accent),var(--color-success));opacity:.05}.promo-tab-icon{font-size:var(--text-lg);display:flex;align-items:center;justify-content:center;min-width:20px;filter:drop-shadow(0 0 4px rgba(218,165,32,.2));transition:all var(--transition-normal)}.promo-tab-button:hover:not(.active) .promo-tab-icon{transform:scale(1.1);filter:drop-shadow(0 0 6px rgba(218,165,32,.3))}.promo-tab-button.active .promo-tab-icon{transform:scale(1.15);filter:drop-shadow(0 0 8px rgba(218,165,32,.4))}.promo-tab-name{position:relative;z-index:1;white-space:nowrap;text-align:center}.promo-tab-content{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-primary);overflow:hidden;box-shadow:var(--shadow-md);position:relative;animation:fadeInUp .4s ease-out}.promo-tab-content:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:var(--border-secondary);opacity:.5}.promo-form-container{padding:var(--space-xl)}.promo-form-card{background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-primary);padding:var(--space-xl);position:relative;overflow:hidden}.promo-form-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--color-accent);opacity:.8}.promo-form-title{color:var(--text-primary);font-size:var(--text-2xl);font-weight:var(--font-semibold);margin-bottom:var(--space-lg);text-align:center}.promo-form{display:flex;flex-direction:column;gap:var(--space-lg)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md)}.form-group{display:flex;flex-direction:column;gap:var(--space-xs)}.form-group.full-width{grid-column:1 / -1}.form-group label{color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--font-medium);margin-bottom:var(--space-xs)}.form-label{display:flex;align-items:center;gap:var(--space-xs);margin-bottom:var(--space-xs)}.form-label .field-icon{color:var(--text-tertiary);font-size:var(--text-sm);transition:color var(--transition-normal)}.form-input.success~.form-label .field-icon,.form-input:focus~.form-label .field-icon{color:var(--color-success)}.form-input.error~.form-label .field-icon{color:var(--color-danger)}.input-container{position:relative;display:flex;align-items:center}.form-input{flex:1;padding:var(--space-sm) var(--space-md);background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-base);font-weight:var(--font-medium);transition:all var(--transition-normal);outline:none}.form-input:focus{border-color:var(--color-accent);box-shadow:0 0 0 2px #daa5201a;background:var(--bg-card);transform:translateY(-1px)}.form-input.success{border-color:var(--color-success);background:var(--bg-primary)}.form-input.success:focus{border-color:var(--color-success);box-shadow:0 0 0 2px #10b9811a}.form-input.error{border-color:var(--color-danger);background:var(--bg-primary)}.form-input.error:focus{border-color:var(--color-danger);box-shadow:0 0 0 2px #ef44441a}.form-input::placeholder{color:var(--text-tertiary);font-style:italic}.field-icon{position:absolute;right:var(--space-sm);font-size:var(--text-sm);pointer-events:none;transition:all var(--transition-normal)}.field-icon.success{color:var(--color-success);animation:checkmarkBounce .3s ease-out}.field-icon.error{color:var(--color-danger);animation:errorShake .3s ease-out}@keyframes checkmarkBounce{0%{transform:scale(.8);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}@keyframes errorShake{0%,to{transform:translate(0)}25%{transform:translate(-3px)}75%{transform:translate(3px)}}.error-message{color:var(--color-danger);font-size:var(--text-xs);font-weight:var(--font-medium);margin-top:var(--space-xs);display:flex;align-items:center;gap:var(--space-xs);animation:messageSlideIn .2s ease-out}.error-message:before{content:"⚠️";font-size:var(--text-xs)}.success-message{color:var(--color-success);font-size:var(--text-xs);font-weight:var(--font-medium);margin-top:var(--space-xs);display:flex;align-items:center;gap:var(--space-xs);animation:messageSlideIn .2s ease-out}.success-message:before{content:"✅";font-size:var(--text-xs)}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.password-toggle{position:absolute;right:var(--space-sm);background:none;border:none;color:var(--text-tertiary);cursor:pointer;padding:var(--space-xs);border-radius:var(--radius-sm);transition:all var(--transition-normal);display:flex;align-items:center;justify-content:center;z-index:1}.password-toggle:hover{color:var(--text-secondary);background:var(--bg-hover);transform:scale(1.1)}.password-toggle:active{transform:scale(.95)}.password-strength{margin-top:var(--space-sm);display:flex;align-items:center;gap:var(--space-sm)}.strength-bar{flex:1;height:4px;background:var(--bg-primary);border-radius:2px;overflow:hidden;position:relative}.strength-fill{height:100%;transition:all var(--transition-normal);border-radius:2px;position:relative}.strength-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);animation:strengthShimmer 2s ease-in-out infinite}@keyframes strengthShimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.strength-label{font-size:var(--text-xs);font-weight:var(--font-semibold);min-width:60px;text-align:right;transition:all var(--transition-normal)}@media(max-width:768px){.form-group{margin-bottom:var(--space-md)}.input-container{position:relative}.field-icon{right:var(--space-xs);font-size:10px}.password-toggle{right:var(--space-xs);padding:2px}.password-strength{flex-direction:column;gap:var(--space-xs)}.strength-label{min-width:auto;text-align:left}}.form-input{padding:var(--space-xs) var(--space-sm);font-size:var(--text-sm)}.password-strength{margin-top:var(--space-xs)}.form-input,.form-select,.form-textarea{padding:var(--space-sm) var(--space-md);background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-base);font-weight:var(--font-medium);transition:all var(--transition-normal);outline:none}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--color-accent);box-shadow:0 0 0 2px #daa5201a;background:var(--bg-card);transform:translateY(-1px)}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-tertiary);font-style:italic}.form-textarea{resize:vertical;min-height:80px;font-family:inherit}.form-select{cursor:pointer}.form-select option{background:var(--bg-primary);color:var(--text-primary)}.promo-code-input-group{display:flex;gap:var(--space-sm);align-items:end}.promo-code-input{flex:1}.generate-code-btn{padding:var(--space-sm) var(--space-md);background:var(--color-info);color:#fff;border:none;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-normal);white-space:nowrap;position:relative;overflow:hidden}.generate-code-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:#fff3;transition:left var(--transition-normal)}.generate-code-btn:hover{background:#1976d2;transform:translateY(-2px);box-shadow:0 4px 12px #1976d24d}.generate-code-btn:hover:before{left:100%}.generate-code-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.form-actions{display:flex;gap:var(--space-md);justify-content:center;margin-top:var(--space-lg);padding-top:var(--space-lg);border-top:1px solid var(--border-primary)}.btn-primary,.btn-secondary{padding:var(--space-md) var(--space-xl);border:none;border-radius:var(--radius-md);font-size:var(--text-base);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-normal);position:relative;overflow:hidden;text-transform:uppercase;letter-spacing:.5px;min-width:120px}.btn-primary{background:var(--color-success);color:#fff}.btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:#fff3;transition:left var(--transition-normal)}.btn-primary:hover{background:var(--color-success-light);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-primary:hover:before{left:100%}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-secondary{background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-primary)}.btn-secondary:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-secondary);transform:translateY(-2px)}.form-message{padding:var(--space-md);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);text-align:center;margin-bottom:var(--space-md)}.form-message.success{background:#10b9811a;color:var(--color-success);border:1px solid rgba(16,185,129,.3)}.form-message.error{background:#ef44441a;color:var(--color-danger);border:1px solid rgba(239,68,68,.3)}.promo-list-container{padding:var(--space-xl)}.promo-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg);flex-wrap:wrap;gap:var(--space-md)}.promo-list-title{color:var(--text-primary);font-size:var(--text-2xl);font-weight:var(--font-semibold);margin:0}.promo-stats{display:flex;gap:var(--space-md);flex-wrap:wrap}.stat-item{display:flex;align-items:center;gap:var(--space-xs);background:var(--bg-secondary);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);border:1px solid var(--border-primary);font-size:var(--text-sm);color:var(--text-secondary)}.stat-value{color:var(--color-accent);font-weight:var(--font-bold)}.promo-table-container{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-primary);overflow:hidden;box-shadow:var(--shadow-md)}.promo-table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.promo-table thead{background:var(--bg-secondary)}.promo-table th{padding:var(--space-md);text-align:left;color:var(--text-secondary);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.5px;font-size:var(--text-xs);border-bottom:1px solid var(--border-primary)}.promo-table td{padding:var(--space-md);border-bottom:1px solid var(--border-primary);color:var(--text-primary);vertical-align:middle}.promo-table tbody tr{transition:background-color var(--transition-normal)}.promo-table tbody tr:hover{background:var(--bg-hover)}.promo-table tbody tr:last-child td{border-bottom:none}.promo-code-display{display:flex;align-items:center;gap:var(--space-sm);font-family:Courier New,monospace;font-weight:var(--font-bold);color:var(--color-accent);background:var(--bg-secondary);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);border:1px solid var(--border-primary);font-size:var(--text-sm)}.promo-description{color:var(--text-secondary);font-size:var(--text-sm);max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.promo-reward{display:flex;align-items:center;gap:var(--space-xs);font-weight:var(--font-semibold)}.reward-amount{color:var(--color-success)}.reward-type{color:var(--text-tertiary);font-size:var(--text-xs);text-transform:uppercase}.usage-stats{display:flex;flex-direction:column;gap:var(--space-xs);min-width:120px}.usage-bar{background:var(--bg-primary);height:6px;border-radius:3px;overflow:hidden;position:relative}.usage-fill{height:100%;background:linear-gradient(90deg,var(--color-accent),var(--color-success));transition:width var(--transition-normal);border-radius:3px}.usage-text{font-size:var(--text-xs);color:var(--text-tertiary);text-align:center}.status-badge.inactive{background:#9ca3af33;color:var(--text-tertiary);border:1px solid rgba(156,163,175,.3)}.status-badge.expired{background:#daa52033;color:var(--color-danger);border:1px solid rgba(218,165,32,.3)}.date-display{display:flex;flex-direction:column;gap:var(--space-xs);font-size:var(--text-xs);color:var(--text-tertiary)}.date-item{display:flex;align-items:center;gap:var(--space-xs)}.date-icon{opacity:.7}.action-buttons{display:flex;gap:var(--space-xs);align-items:center}.action-btn{padding:var(--space-xs) var(--space-sm);border:none;border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-normal);display:flex;align-items:center;gap:var(--space-xs);position:relative;overflow:hidden}.action-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:#fff3;transition:left var(--transition-normal)}.action-btn:hover:before{left:100%}.action-btn.edit{background:var(--color-info);color:#fff}.action-btn.edit:hover{background:#1976d2;transform:translateY(-1px)}.action-btn.delete{background:var(--color-danger);color:#fff}.action-btn.delete:hover{background:var(--color-danger-light);transform:translateY(-1px)}.action-btn.toggle{background:var(--color-warning);color:#fff}.action-btn.toggle:hover{background:#f57c00;transform:translateY(-1px)}.action-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.empty-state{text-align:center;padding:var(--space-2xl);color:var(--text-tertiary);font-style:italic}.empty-state-icon{font-size:var(--text-4xl);margin-bottom:var(--space-md);opacity:.5}.loading-state{display:flex;align-items:center;justify-content:center;padding:var(--space-2xl);color:var(--text-secondary);font-size:var(--text-base);font-weight:var(--font-medium)}.loading-spinner{width:20px;height:20px;border:2px solid var(--border-primary);border-top:2px solid var(--color-primary);border-radius:50%;animation:spin 1s linear infinite;margin-right:var(--space-sm)}.redemption-container{padding:var(--space-xl)}.redemption-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg);flex-wrap:wrap;gap:var(--space-md)}.redemption-title{color:var(--text-primary);font-size:var(--text-2xl);font-weight:var(--font-semibold);margin:0}.redemption-filters{display:flex;gap:var(--space-sm);align-items:center;flex-wrap:wrap}.filter-group{display:flex;flex-direction:column;gap:var(--space-xs);min-width:150px}.filter-label{color:var(--text-secondary);font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.5px}.filter-select{padding:var(--space-xs) var(--space-sm);background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-sm);color:var(--text-primary);font-size:var(--text-sm);cursor:pointer}.redemption-list{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-primary);overflow:hidden;box-shadow:var(--shadow-md)}.redemption-item{display:grid;grid-template-columns:1fr auto auto auto;gap:var(--space-md);padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--border-primary);align-items:center;transition:background-color var(--transition-normal)}.redemption-item:hover{background:var(--bg-hover)}.redemption-item:last-child{border-bottom:none}.redemption-user{display:flex;align-items:center;gap:var(--space-sm)}.user-avatar{width:32px;height:32px;border-radius:50%;background:var(--color-primary);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:var(--font-bold);font-size:var(--text-sm);flex-shrink:0}.user-info{display:flex;flex-direction:column;min-width:0}.username{color:var(--text-primary);font-weight:var(--font-medium);font-size:var(--text-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-email{color:var(--text-tertiary);font-size:var(--text-xs);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.redemption-code{display:flex;align-items:center;gap:var(--space-xs);font-family:Courier New,monospace;font-weight:var(--font-semibold);color:var(--color-accent);background:var(--bg-secondary);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);border:1px solid var(--border-primary);font-size:var(--text-sm)}.redemption-amount{color:var(--color-success);font-weight:var(--font-bold);font-size:var(--text-sm);display:flex;align-items:center;gap:var(--space-xs)}.redemption-date{color:var(--text-tertiary);font-size:var(--text-xs);text-align:right;white-space:nowrap}.analytics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-md);margin-bottom:var(--space-lg)}.analytics-card{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-primary);padding:var(--space-lg);box-shadow:var(--shadow-md);transition:all var(--transition-normal);position:relative;overflow:hidden}.analytics-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--color-accent);opacity:.8}.analytics-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:var(--border-secondary)}.analytics-header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm)}.analytics-icon{font-size:var(--text-lg);color:var(--color-accent)}.analytics-title{color:var(--text-tertiary);font-size:var(--text-sm);font-weight:var(--font-medium);text-transform:uppercase;letter-spacing:.5px}.analytics-value{color:var(--text-primary);font-size:var(--text-2xl);font-weight:var(--font-bold);margin:0}.analytics-change{font-size:var(--text-xs);margin-top:var(--space-xs)}.analytics-change.positive{color:var(--color-success)}.analytics-change.negative{color:var(--color-danger)}@media(max-width:768px){.promo-code-manager{padding:var(--space-md)}.promo-code-header{padding:var(--space-lg)}.promo-code-header h2{font-size:var(--text-2xl)}.promo-tabs-nav{flex-direction:column}.promo-tab-button{border-bottom:none;border-right:2px solid transparent}.promo-tab-button:hover:not(.active){transform:translate(-1px);border-right-color:#3498db4d}.promo-tab-button.active{transform:translate(-2px);border-right-color:var(--color-primary);border-bottom-color:transparent}.form-row{grid-template-columns:1fr}.promo-code-input-group,.form-actions{flex-direction:column}.promo-list-header{flex-direction:column;align-items:stretch}.promo-stats{justify-content:center}.promo-table-container{overflow-x:auto}.promo-table{min-width:800px}.action-buttons{flex-direction:column;gap:var(--space-xs)}.redemption-header{flex-direction:column;align-items:stretch}.redemption-filters{justify-content:center}.redemption-item{grid-template-columns:1fr;gap:var(--space-sm);text-align:center}.analytics-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}.promo-code-manager{padding:var(--space-sm)}.promo-form-container,.promo-list-container,.redemption-container{padding:var(--space-md)}.promo-form-card{padding:var(--space-lg)}.promo-tab-button{padding:var(--space-sm) var(--space-md);font-size:var(--text-xs)}.promo-tab-icon{font-size:var(--text-base)}.analytics-grid{grid-template-columns:1fr}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.promo-tab-button.active{text-shadow:0 0 8px rgba(218,165,32,.3);position:relative;animation:tabPulse 3s ease-in-out infinite}.promo-tab-button.active:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(218,165,32,.03) 0%,transparent 50%,rgba(218,165,32,.03) 100%);pointer-events:none;z-index:0}@keyframes tabPulse{0%,to{box-shadow:0 4px 12px #daa52026,0 -1px 0 var(--bg-card) inset}50%{box-shadow:0 6px 16px #daa52033,0 -1px 0 var(--bg-card) inset}}.admin-coins-header{text-align:center;margin-bottom:var(--space-2xl);background:var(--bg-card);padding:var(--space-xl);border-radius:var(--radius-lg);border:1px solid var(--border-primary);box-shadow:var(--shadow-lg);position:relative;overflow:hidden}.admin-coins-header:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:var(--border-secondary);opacity:.5}.admin-coins-header h2{color:var(--text-primary);font-size:var(--text-3xl);font-weight:var(--font-bold);margin-bottom:var(--space-sm);text-shadow:2px 2px 4px rgba(0,0,0,.3)}.admin-coins-subtitle{color:var(--text-secondary);font-size:var(--text-lg);margin:0;opacity:.9}.admin-coins-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-md);margin-bottom:var(--space-2xl)}.coin-stat-card{display:flex;align-items:center;gap:var(--space-md);background:var(--bg-card);padding:var(--space-lg);border-radius:var(--radius-lg);border:1px solid var(--border-primary);box-shadow:var(--shadow-md);transition:all var(--transition-normal);position:relative;overflow:hidden}.coin-stat-card:before{content:"";position:absolute;top:0;left:0;width:3px;height:100%;background:var(--color-primary);transform:scaleY(0);transition:transform var(--transition-normal)}.coin-stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:var(--border-secondary)}.coin-stat-card:hover:before{transform:scaleY(1)}.coin-stat-icon{display:flex;align-items:center;justify-content:center;width:50px;height:50px;background:var(--color-accent);border-radius:var(--radius-md);font-size:var(--text-xl);flex-shrink:0}.coin-stat-content h4{color:var(--text-tertiary);font-size:var(--text-sm);margin:0 0 var(--space-xs) 0;font-weight:var(--font-medium);text-transform:uppercase;letter-spacing:.5px}.coin-stat-value{font-size:var(--text-xl);font-weight:var(--font-bold);margin:0;color:var(--text-primary)}.admin-coins-search{margin-bottom:var(--space-2xl);background:var(--bg-card);padding:var(--space-xl);border-radius:var(--radius-lg);border:1px solid var(--border-primary);box-shadow:var(--shadow-lg);position:relative;overflow:hidden}.admin-coins-search:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--color-primary),var(--color-success));opacity:.8}.admin-coins-search h3{color:var(--text-primary);font-size:var(--text-2xl);font-weight:var(--font-semibold);margin-bottom:var(--space-lg);text-align:center}.coins-search-form{display:flex;gap:var(--space-md);align-items:end;max-width:600px;margin:0 auto}.coins-search-group{flex:1;display:flex;flex-direction:column;gap:var(--space-xs)}.coins-search-group label{color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--font-medium)}.coins-search-input{padding:var(--space-sm) var(--space-md);background:var(--bg-secondary);border:2px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-base);font-weight:var(--font-medium);transition:all var(--transition-normal)}.coins-search-input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #daa5201a;background:var(--bg-primary);transform:translateY(-2px)}.coins-search-input::placeholder{color:var(--text-tertiary);font-style:italic}.coins-filter-select{padding:var(--space-sm) var(--space-md);background:var(--bg-secondary);border:2px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-base);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-normal);min-width:150px}.coins-filter-select:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #daa5201a;background:var(--bg-primary)}.admin-coins-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:var(--space-lg);margin-bottom:var(--space-2xl)}.admin-coin-card{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-primary);box-shadow:var(--shadow-md);transition:all var(--transition-normal);position:relative;overflow:hidden}.admin-coin-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:var(--border-secondary);opacity:.5}.admin-coin-card.deleted{opacity:.7;border-color:var(--color-danger);background:linear-gradient(135deg,#ef44440d,#ef444405)}.admin-coin-card.deleted:before{background:var(--color-danger);height:3px}.admin-coin-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);border-color:var(--border-secondary)}.admin-coin-card.deleted:hover{border-color:var(--color-danger)}.admin-coin-header{padding:var(--space-lg);display:flex;align-items:center;gap:var(--space-md);border-bottom:1px solid var(--border-primary)}.admin-coin-avatar{width:60px;height:60px;border-radius:50%;background:var(--color-accent);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:var(--font-bold);font-size:var(--text-xl);flex-shrink:0;box-shadow:var(--shadow-md)}.admin-coin-info{flex:1;min-width:0}.admin-coin-name{color:var(--text-primary);font-size:var(--text-lg);font-weight:var(--font-semibold);margin:0 0 var(--space-xs) 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-coin-symbol{color:var(--text-tertiary);font-weight:var(--font-bold);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.5px;margin:0}.admin-coin-status{display:flex;flex-direction:column;gap:var(--space-xs);align-items:flex-end}.status-badge{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:.5px}.status-badge.active{background:#10b98133;color:var(--color-success);border:1px solid rgba(16,185,129,.3)}.status-badge.deleted{background:#ef444433;color:var(--color-danger);border:1px solid rgba(239,68,68,.3)}.admin-coin-stats{padding:var(--space-lg);display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md);border-bottom:1px solid var(--border-primary)}.coin-stat-item{display:flex;flex-direction:column;gap:var(--space-xs)}.coin-stat-label{color:var(--text-tertiary);font-size:var(--text-xs);font-weight:var(--font-medium);text-transform:uppercase;letter-spacing:.5px}.coin-stat-value{color:var(--text-primary);font-weight:var(--font-bold);font-size:var(--text-sm)}.coin-stat-value.price{color:var(--color-success);font-size:var(--text-base)}.admin-coin-actions{padding:var(--space-lg);display:flex;gap:var(--space-sm);justify-content:flex-end}.coin-action-btn{padding:var(--space-xs) var(--space-sm);border:none;border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-normal);display:flex;align-items:center;gap:var(--space-xs);position:relative;overflow:hidden}.coin-action-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:#fff3;transition:left var(--transition-normal)}.coin-action-btn:hover:before{left:100%}.coin-action-btn.delete{background:var(--color-danger);color:#fff}.coin-action-btn.delete:hover{background:var(--color-danger-light);transform:translateY(-1px)}.coin-action-btn.restore{background:var(--color-success);color:#fff}.coin-action-btn.restore:hover{background:var(--color-success-light);transform:translateY(-1px)}.coin-action-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.admin-coins-empty{text-align:center;padding:var(--space-2xl);color:var(--text-tertiary);font-style:italic;background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-primary)}.admin-coins-empty-icon{font-size:var(--text-4xl);margin-bottom:var(--space-md);opacity:.5}.admin-coins-loading{display:flex;align-items:center;justify-content:center;padding:var(--space-2xl);color:var(--text-secondary);font-size:var(--text-base);font-weight:var(--font-medium)}.admin-coins-spinner{width:24px;height:24px;border:2px solid var(--border-primary);border-top:2px solid var(--color-primary);border-radius:50%;animation:spin 1s linear infinite;margin-right:var(--space-sm)}.delete-confirm-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center;animation:fadeIn .3s ease-out}.delete-confirm-dialog{background:var(--bg-card);border-radius:var(--radius-xl);border:1px solid var(--border-primary);box-shadow:var(--shadow-xl);max-width:400px;width:90%;position:relative;overflow:hidden;animation:slideInUp .3s ease-out}.delete-confirm-dialog:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--color-danger);opacity:.8}.delete-confirm-header{padding:var(--space-lg) var(--space-xl) var(--space-md) var(--space-xl);text-align:center}.delete-confirm-icon{font-size:var(--text-4xl);color:var(--color-danger);margin-bottom:var(--space-sm);animation:iconPulse 2s ease-in-out infinite}@keyframes iconPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.delete-confirm-title{color:var(--text-primary);font-size:var(--text-xl);font-weight:var(--font-bold);margin:0}.delete-confirm-content{padding:0 var(--space-xl) var(--space-lg) var(--space-xl);text-align:center}.delete-confirm-message{color:var(--text-secondary);font-size:var(--text-base);margin:0;line-height:1.5}.delete-confirm-actions{padding:var(--space-md) var(--space-xl) var(--space-xl) var(--space-xl);display:flex;gap:var(--space-md);justify-content:center}.delete-confirm-btn{padding:var(--space-sm) var(--space-lg);border:none;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-normal);position:relative;overflow:hidden;min-width:100px}.delete-confirm-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:#fff3;transition:left var(--transition-normal)}.delete-confirm-btn:hover:before{left:100%}.delete-confirm-btn.cancel{background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-primary)}.delete-confirm-btn.cancel:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-secondary);transform:translateY(-1px)}.delete-confirm-btn.confirm{background:var(--color-danger);color:#fff}.delete-confirm-btn.confirm:hover{background:var(--color-danger-light);transform:translateY(-1px)}.delete-confirm-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.admin-coins-header{padding:var(--space-lg)}.admin-coins-header h2{font-size:var(--text-2xl)}.admin-coins-stats{grid-template-columns:1fr}.coins-search-form{flex-direction:column;gap:var(--space-md)}.admin-coins-grid,.admin-coin-stats{grid-template-columns:1fr}.admin-coin-actions{flex-direction:column}.delete-confirm-dialog{width:95%;margin:var(--space-md)}.delete-confirm-actions{flex-direction:column}}.admin-coins-header{padding:var(--space-md)}.admin-coins-search,.admin-coin-card{margin:0 var(--space-sm)}.admin-coin-header{flex-direction:column;text-align:center;gap:var(--space-sm)}.admin-coin-status{align-items:center}}