:root{--bg-void: #030308;--bg-primary: #08080f;--bg-secondary: #0c0c16;--bg-card: #101020;--bg-elevated: #16162a;--bg-hover: #1c1c38;--text-primary: #ffffff;--text-secondary: #a0a0b0;--text-muted: #6c6c80;--border-base: rgba(255, 255, 255, .08);--border-accent: rgba(0, 245, 212, .3);--border-hover: rgba(255, 255, 255, .15);--accent: #00f5d4;--accent-light: #5ffbdb;--accent-dark: #00c4aa;--accent-rgb: 0, 245, 212;--electric: #00bbf9;--electric-rgb: 0, 187, 249;--violet: #9b5de5;--violet-rgb: 155, 93, 229;--coral: #f15bb5;--coral-rgb: 241, 91, 181;--gold: #fee440;--gold-rgb: 254, 228, 64;--success: #00f5d4;--success-bg: rgba(0, 245, 212, .1);--warning: #fee440;--warning-bg: rgba(254, 228, 64, .1);--danger: #ff6b6b;--danger-bg: rgba(255, 107, 107, .1);--info: #00bbf9;--info-bg: rgba(0, 187, 249, .1);--level-master: #ffd700;--level-distributor: #c0c0c0;--level-agent: #cd7f32;--profit-up: #00f5d4;--profit-down: #ff6b6b;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .5);--shadow-md: 0 4px 6px rgba(0, 0, 0, .5);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .5);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .5);--shadow-glow: 0 0 20px rgba(0, 245, 212, .3);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--header-height: 64px;--sidebar-width: 260px;--sidebar-collapsed: 72px;--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-modal-backdrop: 400;--z-modal: 500;--z-popover: 600;--z-tooltip: 700}[data-theme=light]{--bg-void: #f0f2f5;--bg-primary: #ffffff;--bg-secondary: #f5f7fa;--bg-card: #ffffff;--bg-elevated: #ffffff;--bg-hover: #e8ebef;--bg-tertiary: #edf0f4;--text-primary: #111827;--text-secondary: #374151;--text-muted: #6b7280;--border-base: rgba(0, 0, 0, .12);--border-accent: rgba(0, 160, 140, .4);--border-hover: rgba(0, 0, 0, .2);--accent: #00a896;--accent-light: #00c4aa;--accent-dark: #008f7a;--accent-rgb: 0, 168, 150;--electric: #4f46e5;--electric-rgb: 79, 70, 229;--violet: #7c3aed;--violet-rgb: 124, 58, 237;--success: #059669;--danger: #dc2626;--warning: #d97706;--info: #0284c7;--profit-up: #059669;--profit-down: #dc2626;--gold: #ca8a04;--gold-rgb: 202, 138, 4;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .06);--shadow-md: 0 4px 6px rgba(0, 0, 0, .08);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .12);--shadow-glow: 0 0 20px rgba(0, 168, 150, .15);--success-bg: rgba(5, 150, 105, .1);--warning-bg: rgba(217, 119, 6, .1);--danger-bg: rgba(220, 38, 38, .1);--info-bg: rgba(2, 132, 199, .1);--level-master: #b45309;--level-distributor: #6b7280;--level-agent: #92400e}@media(max-width:767px){:root{--header-height: 56px}}@media(min-width:768px)and (max-width:1023px){:root{--header-height: 60px}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background-color:var(--bg-void);color:var(--text-primary);line-height:1.6;min-height:100vh;transition:background-color .3s ease,color .3s ease}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.3;color:var(--text-primary)}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}h4{font-size:1.125rem}h5{font-size:1rem}h6{font-size:.875rem}p{color:var(--text-secondary)}a{color:var(--accent);text-decoration:none;transition:color .2s ease}a:hover{color:var(--accent-light)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--bg-hover);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}::selection{background-color:var(--accent);color:var(--bg-void)}.container{width:100%;max-width:1400px;margin:0 auto;padding:0 16px}@media(min-width:640px){.container{padding:0 20px}}@media(min-width:768px){.container{padding:0 24px}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes glow{0%,to{box-shadow:0 0 5px var(--accent),0 0 10px var(--accent)}50%{box-shadow:0 0 10px var(--accent),0 0 20px var(--accent)}}.page-enter{animation:slide-up .3s ease-out}.skeleton{background:linear-gradient(90deg,var(--bg-secondary) 25%,var(--bg-hover) 50%,var(--bg-secondary) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes slide-in-right{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes slide-in-left{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-fade-in{animation:fade-in .3s ease-out}.animate-slide-up{animation:slide-up .3s ease-out}.animate-slide-in-right{animation:slide-in-right .3s ease-out}.animate-slide-in-left{animation:slide-in-left .3s ease-out}.animate-scale-in{animation:scale-in .2s ease-out}.animate-pulse{animation:pulse 2s infinite}.animate-bounce{animation:bounce 1s infinite}.animate-spin{animation:spin 1s linear infinite}.stagger-1{animation-delay:.1s}.stagger-2{animation-delay:.2s}.stagger-3{animation-delay:.3s}.stagger-4{animation-delay:.4s}.stagger-5{animation-delay:.5s}.hover-lift{transition:transform .2s ease,box-shadow .2s ease}.hover-lift:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0003}.hover-glow{transition:box-shadow .2s ease}.hover-glow:hover{box-shadow:0 0 20px #00f5d44d}.hide-mobile{display:none}@media(min-width:768px){.hide-mobile{display:block}.hide-desktop{display:none}}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.text-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.spinner{width:24px;height:24px;border:2px solid var(--border-base);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}.spinner--sm{width:16px;height:16px}.spinner--lg{width:32px;height:32px}