:root{--dv-primary: #0d9488;--dv-primary-dark: #0f766e;--dv-primary-light: #14b8a6;--dv-accent: #6366f1;--dv-accent-hover: #4f46e5;--dv-purple: #8b5cf6;--dv-success: #10b981;--dv-warning: #f59e0b;--dv-danger: #ef4444;--dv-info: #3b82f6;--dv-bg: #f8fafc;--dv-bg-elevated: #ffffff;--dv-bg-card: rgba(255, 255, 255, .85);--dv-bg-hover: rgba(241, 245, 249, .8);--dv-text: #0f172a;--dv-text-secondary: #475569;--dv-text-muted: #64748b;--dv-text-inverse: #f8fafc;--dv-border: rgba(15, 23, 42, .1);--font-sans: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--dv-modal-scrim: rgba(15, 23, 42, .5);--dv-instant-withdraw: #ea580c;--dv-instant-withdraw-hover: #c2410c;--glass-bg: rgba(255, 255, 255, .7);--glass-border: rgba(255, 255, 255, .5);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .08);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .02);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .04), 0 1px 2px rgba(0, 0, 0, .02);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .05), 0 2px 4px -2px rgba(0, 0, 0, .03);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .08), 0 4px 6px -4px rgba(0, 0, 0, .03);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .02);--shadow-glow: 0 0 0 3px rgba(13, 148, 136, .15);--shadow-accent: 0 4px 14px rgba(99, 102, 241, .25);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--text-xs: clamp(.75rem, .7rem + .25vw, .875rem);--text-sm: clamp(.875rem, .8rem + .35vw, .9375rem);--text-base: clamp(.9375rem, .9rem + .5vw, 1rem);--text-lg: clamp(1.125rem, 1rem + .65vw, 1.25rem);--text-xl: clamp(1.25rem, 1.1rem + .75vw, 1.5rem);--text-2xl: clamp(1.5rem, 1.3rem + 1vw, 2rem);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--duration-fast: .15s;--duration-base: .25s;--duration-slow: .35s;--sidebar-width: 280px;--header-height: 72px;--radius-sm: .375rem;--radius: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.25rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--transition: .25s cubic-bezier(.16, 1, .3, 1);--transition-fast: .15s ease;--dv-shadow-sm: 0 1px 3px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);--dv-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .08), 0 2px 4px -2px rgba(0, 0, 0, .04);--dv-shadow-lg: 0 12px 24px -4px rgba(0, 0, 0, .1), 0 4px 8px -2px rgba(0, 0, 0, .05)}body.dark{--dv-bg: var(--premium-navy-950, #05080f);--dv-bg-elevated: var(--premium-navy-900, #0b1220);--dv-bg-card: rgba(11, 18, 32, .82);--dv-bg-hover: rgba(15, 23, 41, .55);--dv-text: var(--premium-text-on-navy, #e8edf5);--dv-text-secondary: var(--premium-text-on-navy-muted, #94a3b8);--dv-text-muted: var(--premium-text-on-navy-subtle, #64748b);--dv-border: var(--premium-navy-border, rgba(148, 163, 184, .14));--dv-modal-scrim: rgba(0, 0, 0, .62);--glass-bg: rgba(11, 18, 32, .72);--glass-border: rgba(148, 163, 184, .12);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .45);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .35);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .45);--shadow-md: 0 4px 6px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .5);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .55);--dv-shadow-sm: 0 2px 10px rgba(0, 0, 0, .28);--dv-shadow-md: 0 8px 22px rgba(0, 0, 0, .38);--dv-shadow-lg: 0 16px 40px rgba(0, 0, 0, .48);scrollbar-width:thin;scrollbar-color:var(--premium-scrollbar-thumb, rgba(148, 163, 184, .28)) transparent}body.dark .app-layout,body.dark .main-content{background:var(--premium-navy-950, #05080f)}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}body{font-family:var(--font-sans);background:var(--dv-bg);color:var(--dv-text);line-height:1.6;font-size:var(--text-base);overflow-x:hidden}::-webkit-scrollbar{width:var(--premium-scrollbar-size, 6px);height:var(--premium-scrollbar-size, 6px)}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--premium-scrollbar-thumb, rgba(100, 116, 139, .42));border-radius:var(--radius-full);border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:var(--premium-scrollbar-thumb-hover, rgba(71, 85, 105, .55));border:2px solid transparent;background-clip:padding-box}::selection{background:#0d948833;color:var(--dv-primary-dark)}body.dark ::selection{background:#9aaf8847;color:var(--premium-text-on-navy, #e8edf5)}*:focus-visible{outline:2px solid var(--dv-primary);outline-offset:2px}.glass-card{background:var(--glass-bg);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid var(--glass-border);border-radius:var(--radius-xl);box-shadow:var(--glass-shadow),var(--shadow-sm);transition:all var(--duration-base) var(--ease-out);position:relative;overflow:hidden}.glass-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent)}.glass-card:hover{transform:translateY(-2px);box-shadow:var(--glass-shadow),var(--shadow-lg),0 0 0 1px #6366f11a}body.dark .glass-card:before{background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent)}.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);border-radius:var(--radius-lg);font-weight:600;font-size:var(--text-sm);transition:all var(--duration-base) var(--ease-out);border:1px solid transparent;overflow:hidden;white-space:nowrap}.btn:after{content:"";position:absolute;inset:0;background:linear-gradient(to right,transparent,rgba(255,255,255,.2),transparent);transform:translate(-100%);transition:transform .6s}.btn:hover:after{transform:translate(100%)}.btn-primary{background:linear-gradient(135deg,var(--dv-accent),var(--dv-accent-hover));color:#fff;box-shadow:var(--shadow-accent)}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 8px 20px #6366f166}.btn-secondary{background:var(--dv-bg-elevated);color:var(--dv-text);border-color:var(--dv-border);box-shadow:var(--shadow-sm)}.btn-secondary:hover{background:var(--dv-bg-hover);border-color:var(--dv-text-muted);transform:translateY(-1px)}.btn:disabled,.btn[disabled],.btn.disabled{opacity:.55;cursor:not-allowed;pointer-events:none;transform:none;box-shadow:none}.btn:disabled:after,.btn[disabled]:after{display:none}.badge-premium{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#000;box-shadow:0 2px 8px #fbbf2466;animation:shimmer 2s infinite}@keyframes shimmer{0%,to{opacity:1}50%{opacity:.8}}.skeleton{background:linear-gradient(90deg,var(--dv-bg-elevated) 25%,var(--dv-bg-hover) 50%,var(--dv-bg-elevated) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:var(--radius-md)}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.toast-container{position:fixed;bottom:var(--space-6);right:var(--space-6);display:flex;flex-direction:column;gap:var(--space-3);z-index:200000;pointer-events:none}.toast-container .toast{background:#0ea5e9;color:#fff;border:none;border-radius:var(--radius-lg);padding:var(--space-4) var(--space-6);box-shadow:0 10px 40px #00000040;display:flex;align-items:center;gap:var(--space-3);pointer-events:auto;max-width:400px;position:relative;overflow:hidden;backdrop-filter:none;-webkit-backdrop-filter:none;transform:translate(100%);opacity:0;transition:transform .35s cubic-bezier(.16,1,.3,1),opacity .35s ease}.toast-container .toast.show{transform:translate(0);opacity:1}.toast-container .toast.hide{transform:translate(100%);opacity:0}.toast-container .toast .toast-title,.toast-container .toast .toast-message,.toast-container .toast .toast-icon{color:#fff}.toast-container .toast .toast-icon svg{stroke:currentColor}.toast-container .toast .toast-close{background:#fff3;color:#fff}.toast-container .toast .toast-close:hover{background:#ffffff52;color:#fff}.toast-container .toast.toast-success,.toast-container .toast.success{background:#16a34a}.toast-container .toast.toast-error,.toast-container .toast.error{background:#dc2626}.toast-container .toast.toast-info,.toast-container .toast.info{background:#0ea5e9}.toast-container .toast.toast-warning,.toast-container .toast.warning{background:#ca8a04}.toast-container .toast .toast-progress{background:#ffffff59}@media(max-width:640px){.toast-container{left:var(--space-4);right:var(--space-4);bottom:var(--space-4)}.toast-container .toast{max-width:100%}}