:root{--bg-primary:#0e0e0e;--bg-secondary:#1a1a1a;--bg-card:#25252a;--bg-card-hover:#2d2d32;--gradient-primary:linear-gradient(135deg,#06f,#0052cc);--gradient-success:linear-gradient(135deg,#00d865,#00b84f);--gradient-danger:linear-gradient(135deg,#f44,#c00);--gradient-warning:linear-gradient(135deg,#ff9500,#ff6b00);--gradient-card:linear-gradient(135deg,rgba(0,102,255,.05),rgba(0,82,204,.05));--text-primary:#fff;--text-secondary:#b8b8bb;--text-muted:#7a7a80;--accent-primary:#06f;--accent-success:#00d865;--accent-danger:#f44;--accent-warning:#ff9500;--border-color:#35353a;--shadow-sm:0 1px 3px rgba(0,0,0,.4);--shadow-md:0 2px 8px rgba(0,0,0,.5);--shadow-lg:0 4px 16px rgba(0,0,0,.6);--shadow-glow:0 0 16px rgba(0,102,255,.25);--spacing-xs:0.5rem;--spacing-sm:1rem;--spacing-md:1.5rem;--spacing-lg:2rem;--spacing-xl:3rem;--radius-sm:12px;--radius-md:16px;--radius-lg:20px;--radius-xl:28px;--transition-fast:150ms ease;--transition-normal:300ms ease;--transition-slow:500ms ease;--h1-gradient:linear-gradient(135deg,#fff,#a5b4fc)}[data-theme=light]{--bg-primary:#f5f7fa;--bg-secondary:#fff;--bg-card:#fff;--bg-card-hover:#f8f9fb;--gradient-primary:linear-gradient(135deg,#0052cc,#003d99);--gradient-success:linear-gradient(135deg,#00a043,#007a33);--gradient-danger:linear-gradient(135deg,#d50000,#a00000);--gradient-warning:linear-gradient(135deg,#e65100,#bf360c);--gradient-card:linear-gradient(135deg,rgba(0,82,204,.03),rgba(0,61,153,.03));--text-primary:#0a0a0a;--text-secondary:#2a2a2f;--text-muted:#4a4a4f;--accent-primary:#0052cc;--accent-success:#00a043;--accent-danger:#d50000;--accent-warning:#e65100;--border-color:#d0d0d5;--shadow-sm:0 1px 3px rgba(0,0,0,.1);--shadow-md:0 2px 8px rgba(0,0,0,.15);--shadow-lg:0 4px 16px rgba(0,0,0,.2);--shadow-glow:0 0 20px rgba(0,82,204,.2);--h1-gradient:linear-gradient(135deg,#000,#0052cc)}*{box-sizing:border-box;margin:0;padding:0}html{overflow-y:auto;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--text-primary)}body,html{max-width:100vw;overflow-x:hidden;background:var(--bg-primary)}body{min-height:100vh;transition:background var(--transition-normal);position:relative;overflow-y:visible}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--accent-primary);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#7c94f5}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2}h1{font-size:2.5rem;background:var(--h1-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 20px rgba(0,102,255,.3));letter-spacing:-.02em}h2{font-size:2rem}h3{font-size:1.5rem}.btn{padding:.75rem 1.5rem;border:none;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:all var(--transition-normal);font-size:1rem;display:inline-flex;align-items:center;gap:.5rem;min-width:-moz-fit-content;min-width:fit-content;white-space:nowrap}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-glow)}.btn-success{background:var(--gradient-success);color:#fff}.btn-danger{background:var(--gradient-danger);color:#fff}.btn-secondary{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-color)}.btn:disabled{opacity:.5;cursor:not-allowed}.card{background:var(--bg-card);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-md);border:1px solid var(--border-color);transition:all var(--transition-normal)}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--accent-primary)}.card-glass{background:rgba(26,34,53,.7);border:1px solid hsla(0,0%,100%,.1)}.input{width:100%;padding:.75rem 1rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:1rem;transition:all var(--transition-fast)}.input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px rgba(102,126,234,.2)}.input::placeholder{color:var(--text-muted)}select.input{cursor:pointer}.label{display:block;margin-bottom:.5rem;color:var(--text-secondary);font-weight:500}.badge,.label{font-size:.875rem}.badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:var(--radius-sm);font-weight:600}.badge-success{background:rgba(56,239,125,.2);color:var(--accent-success)}.badge-danger{background:rgba(255,106,0,.2);color:var(--accent-danger)}.badge-info{background:rgba(102,126,234,.2);color:var(--accent-primary)}.table{width:100%;border-collapse:collapse}.table thead{background:var(--bg-secondary)}.table th{padding:1rem;text-align:left;font-weight:600;color:var(--text-secondary);font-size:.875rem;text-transform:uppercase;letter-spacing:.05em}.table td{padding:1rem;border-top:1px solid var(--border-color)}.table tbody tr{transition:background var(--transition-fast)}.table tbody tr:hover{background:var(--bg-card-hover)}.grid{display:grid;grid-gap:var(--spacing-lg);gap:var(--spacing-lg)}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.grid-4{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.flex{display:flex}.flex-between{display:flex;justify-content:space-between;align-items:center}.flex-col{display:flex;flex-direction:column}.flex-row{display:flex;flex-direction:row}.space-y-sm>*+*{margin-top:var(--spacing-sm)}.space-y-md>*+*{margin-top:var(--spacing-md)}.space-y-lg>*+*{margin-top:var(--spacing-lg)}.flex-center{display:flex;justify-content:center;align-items:center}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.p-sm{padding:var(--spacing-sm)!important}.gap-xs{gap:.25rem}.text-center{text-align:center}.text-right{text-align:right}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.text-success{color:var(--accent-success)}.text-danger{color:var(--accent-danger)}.font-bold{font-weight:700}.font-semibold{font-weight:600}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.animate-fade-in{animation:fadeIn .5s ease}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.85);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease}.modal{background:var(--bg-card);border-radius:var(--radius-lg);padding:var(--spacing-lg);max-width:500px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg);border:1px solid var(--border-color)}.modal.modal-compact{max-width:420px;padding:var(--spacing-md)}.spinner{border-top:3px solid var(--bg-secondary);border:3px solid var(--bg-secondary);border-top-color:var(--accent-primary);border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.btn-gold{background-color:#fcd535;color:#1e2329;font-weight:600;border:none;text-decoration:none!important;display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:var(--radius-md);transition:all .2s ease;box-shadow:0 2px 4px rgba(0,0,0,.1)}.btn-gold:hover{background-color:#f0b90b;transform:translateY(-1px);box-shadow:0 4px 8px rgba(0,0,0,.15);color:#1e2329}.btn-sm{padding:.4rem .8rem;font-size:.875rem}.loading-screen{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--bg-primary);display:flex;align-items:center;justify-content:center;z-index:9999}.loading-content{text-align:center;animation:fadeIn .5s ease}.loading-logo-wrapper{margin-bottom:2rem;animation:pulse 2s ease-in-out infinite}.loading-logo{width:80px;height:80px;filter:drop-shadow(0 0 30px rgba(0,102,255,.4))}.loading-title{font-size:2.5rem;margin-bottom:.5rem;letter-spacing:-.02em}.loading-subtitle{color:var(--text-secondary);font-size:1rem;margin-bottom:2rem;font-weight:500}.loading-spinner{border-top:3px solid var(--border-color);border:3px solid var(--border-color);border-top-color:var(--accent-primary);border-radius:50%;width:40px;height:40px;animation:spin .8s linear infinite;margin:0 auto}.dropdown-item{width:100%;padding:.75rem 1rem;text-align:left;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;transition:background var(--transition-fast);font-size:.9rem;display:flex;align-items:center;gap:.5rem}.dropdown-item:hover{background:var(--bg-card-hover)}.dropdown-item-gold{background:linear-gradient(135deg,#ffb800,#ff9500);color:#000;font-weight:600;text-decoration:none;padding:.6rem .85rem;font-size:.85rem}.dropdown-item-gold:hover{background:linear-gradient(135deg,#ffc933,#ffb800);color:#000;text-decoration:none}.dropdown-divider{height:1px;background:var(--border-color);margin:.5rem 0}@keyframes fadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){h1{font-size:1.75rem}h2{font-size:1.25rem}.card{padding:var(--spacing-sm)}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.hidden-xs{display:none!important}header .flex-between{flex-direction:column;align-items:flex-start;gap:1rem}header .flex-between>div{width:100%;justify-content:space-between}.gap-md{gap:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-sm)}canvas{max-height:250px!important}}.alert-widget-card{border-color:var(--alert-border)!important}.alert-widget-card:hover{border-color:var(--accent-primary)!important}.mobile-only{display:none}@media (max-width:768px){.hidden-mobile{display:none!important}.mobile-only{display:block}}.hero-3d-container{perspective:1000px;transform-style:preserve-3d}.hero-3d-card{transition:transform .1s ease-out;transform-style:preserve-3d;position:relative;will-change:transform}.hero-3d-card:before{content:"";position:absolute;inset:-2px;background:linear-gradient(135deg,rgba(0,102,255,.4),transparent);border-radius:26px;transform:translateZ(-10px);filter:blur(8px);opacity:.6}.hero-3d-content{background:var(--bg-primary);border-radius:24px;overflow:hidden;border:1px solid var(--border-color);box-shadow:0 20px 50px rgba(0,0,0,.5)}