body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;min-height:100vh;text-align:center}.App-header{margin:0 auto;max-width:800px;padding:2rem}.App-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#ff6b6b,#4ecdc4);-webkit-background-clip:text;background-clip:text;font-size:3rem;margin-bottom:1rem}.App-header p{font-size:1.5rem;margin-bottom:3rem;opacity:.9}.features,.status{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:15px;margin:2rem 0;padding:2rem}.features h2,.status h2{color:#4ecdc4;margin-bottom:1rem}.features ul,.status ul{list-style:none;padding:0;text-align:left}.features li,.status li{border-bottom:1px solid #ffffff1a;padding:.5rem 0}.features li:last-child,.status li:last-child{border-bottom:none}@keyframes pulse{0%,80%,to{opacity:0;transform:scale(0)}40%{opacity:1;transform:scale(1)}}@keyframes successParticle{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-60px) scale(0)}}@keyframes fadeInOut{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}20%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}80%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(.8)}}.glass-effect{box-shadow:0 8px 32px #0000001a}.glass-effect:hover{background:#ffffff1a;border-color:#fff3;box-shadow:0 12px 40px #00000026;transform:translateY(-2px)}.gradient-text{animation:gradientShift 3s ease-in-out infinite;background:linear-gradient(135deg,#6366f1,#10b981 50%,#f59e0b);background-clip:text}@keyframes gradientShift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.float-animation{animation:float 3s ease-in-out infinite}.shimmer{animation:shimmer 2s infinite;background:linear-gradient(90deg,#ffffff1a 25%,#fff3 50%,#ffffff1a 75%);background-size:200px 100%}@keyframes morph{0%,to{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}50%{border-radius:30% 60% 70% 40%/50% 60% 30% 60%}}.morph-shape{animation:morph 8s ease-in-out infinite}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink{50%{border-color:#0000}}.typing-effect{animation:typing 3.5s steps(40),blink .75s step-end infinite;border-right:2px solid #6366f1;overflow:hidden;white-space:nowrap}.parallax{transform:translateZ(0);will-change:transform}.hover-lift{transition:all .3s cubic-bezier(.4,0,.2,1)}.hover-lift:hover{box-shadow:0 20px 40px #0003;transform:translateY(-8px) scale(1.02)}@keyframes ripple{0%{opacity:1;transform:scale(0)}to{opacity:0;transform:scale(4)}}.ripple-effect{overflow:hidden;position:relative}.ripple-effect:after{background:#ffffff80;border-radius:100%;content:"";height:5px;left:50%;opacity:0;position:absolute;top:50%;transform:scale(1) translate(-50%);transform-origin:50% 50%;width:5px}.ripple-effect:focus:not(:active):after{animation:ripple 1s ease-out}@keyframes glow{0%,to{box-shadow:0 0 5px #6366f180}50%{box-shadow:0 0 20px #6366f1cc,0 0 30px #6366f199}}.glow-effect{animation:glow 2s ease-in-out infinite alternate}@keyframes slideInUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.slide-in-left{animation:slideInLeft .6s ease-out}.slide-in-right{animation:slideInRight .6s ease-out}.slide-in-up{animation:slideInUp .6s ease-out}.slide-in-down{animation:slideInDown .6s ease-out}@keyframes scaleIn{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes scaleOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(0)}}.scale-in{animation:scaleIn .3s ease-out}.scale-out{animation:scaleOut .3s ease-in}@keyframes rotateIn{0%{opacity:0;transform:rotate(-200deg)}to{opacity:1;transform:rotate(0)}}@keyframes rotateOut{0%{opacity:1;transform:rotate(0)}to{opacity:0;transform:rotate(200deg)}}.rotate-in{animation:rotateIn .6s ease-out}.rotate-out{animation:rotateOut .6s ease-in}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{transform:scale(1.05)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes bounceOut{0%{opacity:1;transform:scale(1)}20%{transform:scale(.9)}50%{transform:scale(1.1)}to{opacity:0;transform:scale(.3)}}.bounce-in{animation:bounceIn .6s ease-out}.bounce-out{animation:bounceOut .6s ease-in}@keyframes flipInX{0%{opacity:0;transform:perspective(400px) rotateX(90deg)}40%{transform:perspective(400px) rotateX(-20deg)}60%{transform:perspective(400px) rotateX(10deg)}80%{transform:perspective(400px) rotateX(-5deg)}to{opacity:1;transform:perspective(400px) rotateX(0deg)}}@keyframes flipInY{0%{opacity:0;transform:perspective(400px) rotateY(90deg)}40%{transform:perspective(400px) rotateY(-20deg)}60%{transform:perspective(400px) rotateY(10deg)}80%{transform:perspective(400px) rotateY(-5deg)}to{opacity:1;transform:perspective(400px) rotateY(0deg)}}.flip-in-x{animation:flipInX .6s ease-out}.flip-in-y{animation:flipInY .6s ease-out}.animate-delay-100{animation-delay:.1s}.animate-delay-200{animation-delay:.2s}.animate-delay-300{animation-delay:.3s}.animate-delay-500{animation-delay:.5s}.animate-delay-1000{animation-delay:1s}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-color-scheme:dark){.glass-effect{background:#ffffff08}.glass-effect:hover{background:#ffffff14}}@media (prefers-contrast:high){.glass-effect{border-width:2px}.shimmer{background:linear-gradient(90deg,#ffffff4d 25%,#ffffff80 50%,#ffffff4d 75%)}}*{transition:all .3s cubic-bezier(.4,0,.2,1)}.sidebar-container{transition:width .3s ease-in-out}.sidebar-item{transition:all .2s ease-in-out}.sidebar-item:hover{background-color:#00d4ff0d;transform:translateX(4px)}.sidebar-item.selected{background-color:#00d4ff1a;border-right:3px solid #00d4ff;transform:translateX(0)}.category-header{transition:all .2s ease-in-out}.category-header:hover{background-color:#ffffff0d}.badge-revolutionary{animation:pulse-revolutionary 2s infinite}.badge-admin{animation:pulse-admin 2s infinite}.badge-live{animation:pulse-live 1.5s infinite}@keyframes pulse-revolutionary{0%,to{box-shadow:0 0 0 0 #9c27b0b3}50%{box-shadow:0 0 0 8px #9c27b000}}@keyframes pulse-admin{0%,to{box-shadow:0 0 0 0 #ff6b35b3}50%{box-shadow:0 0 0 8px #ff6b3500}}@keyframes pulse-live{0%,to{box-shadow:0 0 0 0 #4caf50b3}50%{box-shadow:0 0 0 8px #4caf5000}}.top-nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease-in-out}.profile-avatar{transition:transform .2s ease-in-out}.profile-avatar:hover{transform:scale(1.05)}.status-chip{transition:all .2s ease-in-out}.status-chip:hover{box-shadow:0 4px 8px #0003;transform:translateY(-1px)}.menu-item{transition:all .2s ease-in-out}.menu-item:hover{background-color:#00d4ff1a;transform:translateX(4px)}.notification-badge{animation:bounce 1s infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-3px)}60%{transform:translateY(-1px)}}.collapse-enter{opacity:0;transform:translateY(-10px)}.collapse-enter-active{transition:opacity .3s,transform .3s}.collapse-enter-active,.collapse-exit{opacity:1;transform:translateY(0)}.collapse-exit-active{opacity:0;transform:translateY(-10px);transition:opacity .3s,transform .3s}.modern-card{border:1px solid #ffffff1a;transition:all .3s cubic-bezier(.4,0,.2,1)}.modern-card:hover{border-color:#00d4ff4d;box-shadow:0 8px 25px #00d4ff26;transform:translateY(-4px)}.modern-button{overflow:hidden;position:relative;transition:all .3s ease-in-out}.modern-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.modern-button:hover:before{left:100%}.modern-button:hover{box-shadow:0 6px 20px #0000004d;transform:translateY(-2px)}.gradient-text{-webkit-text-fill-color:#0000;animation:gradient-shift 3s ease-in-out infinite;background:linear-gradient(45deg,#00d4ff,#ff6b35);-webkit-background-clip:text;background-size:200% 200%}@keyframes gradient-shift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}::-webkit-scrollbar-thumb{background:#00d4ff4d;-webkit-transition:background .3s ease;transition:background .3s ease}::-webkit-scrollbar-thumb:hover{background:#00d4ff80}.focusable:focus{outline:2px solid #00d4ff;outline-offset:2px}@media (max-width:768px){.modern-button:hover,.modern-card:hover,.sidebar-item:hover{transform:none}}.dark-mode{background:linear-gradient(135deg,#0a0a0a,#1a1a1a)}.glass-effect{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px}.neon-glow{box-shadow:0 0 5px #00d4ff80,0 0 10px #00d4ff4d,0 0 15px #00d4ff33}.neon-glow:hover{box-shadow:0 0 10px #00d4ffb3,0 0 20px #00d4ff80,0 0 30px #00d4ff4d}.floating{animation:floating 3s ease-in-out infinite}@keyframes floating{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.success-state{animation:success-pulse .6s ease-in-out}.error-state{animation:error-shake .6s ease-in-out}@keyframes success-pulse{0%{transform:scale(1)}50%{box-shadow:0 0 20px #4caf5080;transform:scale(1.05)}to{transform:scale(1)}}@keyframes error-shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}:root{--primary-blue:#00d4ff;--primary-blue-dark:#09c;--primary-blue-light:#3df;--primary-purple:#9c27b0;--primary-purple-dark:#7b1fa2;--primary-purple-light:#ba68c8;--success:#4caf50;--success-dark:#388e3c;--success-light:#81c784;--warning:#ff9800;--warning-dark:#f57c00;--warning-light:#ffb74d;--error:#f44336;--error-dark:#d32f2f;--error-light:#ef5350;--info:#2196f3;--info-dark:#1976d2;--info-light:#64b5f6;--neutral-900:#0a0a0a;--neutral-800:#1a1a1a;--neutral-700:#2a2a2a;--neutral-600:#3a3a3a;--neutral-500:#4a4a4a;--neutral-400:#6a6a6a;--neutral-300:#8a8a8a;--neutral-200:#aaa;--neutral-100:#ccc;--neutral-50:#f5f5f5;--text-primary:#fff;--text-secondary:#ccc;--text-muted:#999;--text-disabled:#666;--bg-primary:var(--neutral-900);--bg-secondary:var(--neutral-800);--bg-tertiary:var(--neutral-700);--bg-surface:var(--neutral-800);--bg-overlay:#1a1a1acc;--border-primary:#ffffff1a;--border-secondary:#ffffff0d;--border-accent:var(--primary-blue);--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px #0000001a;--shadow-lg:0 10px 15px #0000001a;--shadow-xl:0 20px 25px #00000026;--shadow-glow:0 0 20px #00d4ff4d;--shadow-glow-purple:0 0 20px #9c27b04d;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--radius-sm:0.25rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--line-height-tight:1.25;--line-height-snug:1.375;--line-height-normal:1.5;--line-height-relaxed:1.625;--line-height-loose:2;--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-normal:300ms cubic-bezier(0.4,0,0.2,1);--transition-slow:500ms cubic-bezier(0.4,0,0.2,1);--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}.heading-5xl{font-size:3rem;font-size:var(--font-size-5xl);margin-bottom:1.5rem;margin-bottom:var(--space-6)}.heading-4xl,.heading-5xl{color:#fff;color:var(--text-primary);font-weight:700;font-weight:var(--font-weight-bold);line-height:1.25;line-height:var(--line-height-tight)}.heading-4xl{font-size:2.25rem;font-size:var(--font-size-4xl);margin-bottom:1.25rem;margin-bottom:var(--space-5)}.heading-3xl{font-size:1.875rem;font-size:var(--font-size-3xl)}.heading-2xl,.heading-3xl{color:#fff;color:var(--text-primary);font-weight:600;font-weight:var(--font-weight-semibold);line-height:1.375;line-height:var(--line-height-snug);margin-bottom:1rem;margin-bottom:var(--space-4)}.heading-2xl{font-size:1.5rem;font-size:var(--font-size-2xl)}.heading-xl{color:#fff;color:var(--text-primary);font-size:1.25rem;font-size:var(--font-size-xl);font-weight:500;font-weight:var(--font-weight-medium);line-height:1.375;line-height:var(--line-height-snug);margin-bottom:.75rem;margin-bottom:var(--space-3)}.body-lg{font-size:1.125rem;font-size:var(--font-size-lg);line-height:1.625;line-height:var(--line-height-relaxed)}.body-base,.body-lg{color:#ccc;color:var(--text-secondary);font-weight:400;font-weight:var(--font-weight-normal)}.body-base{font-size:1rem;font-size:var(--font-size-base);line-height:1.5;line-height:var(--line-height-normal)}.body-sm{font-size:.875rem;font-size:var(--font-size-sm);font-weight:400;font-weight:var(--font-weight-normal)}.body-sm,.caption{color:#999;color:var(--text-muted);line-height:1.5;line-height:var(--line-height-normal)}.caption{font-size:.75rem;font-size:var(--font-size-xs);font-weight:500;font-weight:var(--font-weight-medium);letter-spacing:.05em;text-transform:uppercase}.glass-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a1a1acc;background:var(--bg-overlay);border:1px solid #ffffff1a;border:1px solid var(--border-primary);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 10px 15px #0000001a;box-shadow:var(--shadow-lg);transition:.3s cubic-bezier(.4,0,.2,1);transition:var(--transition-normal)}.glass-card:hover{border-color:#00d4ff;border-color:var(--border-accent);box-shadow:0 0 20px #00d4ff4d;box-shadow:var(--shadow-glow);transform:translateY(-2px)}.btn{align-items:center;border:none;border-radius:.75rem;border-radius:var(--radius-lg);cursor:pointer;display:inline-flex;font-size:1rem;font-size:var(--font-size-base);font-weight:500;font-weight:var(--font-weight-medium);gap:.5rem;gap:var(--space-2);justify-content:center;line-height:1;padding:.75rem 1.5rem;padding:var(--space-3) var(--space-6);text-decoration:none;transition:.15s cubic-bezier(.4,0,.2,1);transition:var(--transition-fast);-webkit-user-select:none;user-select:none}.btn:focus-visible{outline:2px solid #00d4ff;outline:2px solid var(--primary-blue);outline-offset:2px}.btn-primary{background:linear-gradient(45deg,#00d4ff,#9c27b0);background:linear-gradient(45deg,var(--primary-blue),var(--primary-purple));box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow-md);color:#fff;color:var(--text-primary)}.btn-primary:hover{background:linear-gradient(45deg,#09c,#7b1fa2);background:linear-gradient(45deg,var(--primary-blue-dark),var(--primary-purple-dark));box-shadow:0 0 20px #00d4ff4d;box-shadow:var(--shadow-glow);transform:translateY(-1px)}.btn-secondary{background:#2a2a2a;background:var(--bg-tertiary);border:1px solid #ffffff1a;border:1px solid var(--border-primary);color:#fff;color:var(--text-primary)}.btn-secondary:hover{background:#1a1a1a;background:var(--bg-surface);border-color:#00d4ff;border-color:var(--border-accent)}.btn-outline{background:#0000;border:1px solid #00d4ff;border:1px solid var(--primary-blue);color:#00d4ff;color:var(--primary-blue)}.btn-outline:hover{background:#00d4ff;background:var(--primary-blue);color:#fff;color:var(--text-primary)}.btn-ghost{background:#0000;color:#ccc;color:var(--text-secondary)}.btn-ghost:hover{background:#2a2a2a;background:var(--bg-tertiary);color:#fff;color:var(--text-primary)}.btn-sm{font-size:.875rem;font-size:var(--font-size-sm);padding:.5rem 1rem;padding:var(--space-2) var(--space-4)}.btn-lg{font-size:1.125rem;font-size:var(--font-size-lg);padding:1rem 2rem;padding:var(--space-4) var(--space-8)}.input{background:#2a2a2a;background:var(--bg-tertiary);border:1px solid #ffffff1a;border:1px solid var(--border-primary);border-radius:.5rem;border-radius:var(--radius-md);color:#fff;color:var(--text-primary);font-size:1rem;font-size:var(--font-size-base);padding:.75rem 1rem;padding:var(--space-3) var(--space-4);transition:.15s cubic-bezier(.4,0,.2,1);transition:var(--transition-fast);width:100%}.input:focus{border-color:#00d4ff;border-color:var(--primary-blue);box-shadow:0 0 0 3px #00d4ff1a;outline:none}.input::placeholder{color:#999;color:var(--text-muted)}.status-indicator{align-items:center;border-radius:9999px;border-radius:var(--radius-full);display:inline-flex;font-size:.875rem;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium);gap:.5rem;gap:var(--space-2);padding:.25rem .75rem;padding:var(--space-1) var(--space-3)}.status-success{background:#4caf501a;border:1px solid #4caf50;border:1px solid var(--success);color:#4caf50;color:var(--success)}.status-warning{background:#ff98001a;border:1px solid #ff9800;border:1px solid var(--warning);color:#ff9800;color:var(--warning)}.status-error{background:#f443361a;border:1px solid #f44336;border:1px solid var(--error);color:#f44336;color:var(--error)}.status-info{background:#00d4ff1a;border:1px solid #00d4ff;border:1px solid var(--primary-blue);color:#00d4ff;color:var(--primary-blue)}.loading-spinner{animation:spin 1s linear infinite;border:2px solid #ffffff1a;border-top:2px solid #00d4ff;border:2px solid var(--border-primary);border-radius:50%;border-top-color:var(--primary-blue);height:20px;width:20px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.skeleton{animation:skeleton-loading 1.5s infinite;background:linear-gradient(90deg,#2a2a2a 25%,#1a1a1a 50%,#2a2a2a 75%);background:linear-gradient(90deg,var(--bg-tertiary) 25%,var(--bg-surface) 50%,var(--bg-tertiary) 75%);background-size:200% 100%;border-radius:.5rem;border-radius:var(--radius-md)}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.p-0{padding:0}.p-1{padding:.25rem;padding:var(--space-1)}.p-2{padding:.5rem;padding:var(--space-2)}.p-3{padding:.75rem;padding:var(--space-3)}.p-4{padding:1rem;padding:var(--space-4)}.p-5{padding:1.25rem;padding:var(--space-5)}.p-6{padding:1.5rem;padding:var(--space-6)}.p-8{padding:2rem;padding:var(--space-8)}.m-0{margin:0}.m-1{margin:.25rem;margin:var(--space-1)}.m-2{margin:.5rem;margin:var(--space-2)}.m-3{margin:.75rem;margin:var(--space-3)}.m-4{margin:1rem;margin:var(--space-4)}.m-5{margin:1.25rem;margin:var(--space-5)}.m-6{margin:1.5rem;margin:var(--space-6)}.m-8{margin:2rem;margin:var(--space-8)}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.gap-1{gap:.25rem;gap:var(--space-1)}.gap-2{gap:.5rem;gap:var(--space-2)}.gap-3{gap:.75rem;gap:var(--space-3)}.gap-4{gap:1rem;gap:var(--space-4)}.gap-6{gap:1.5rem;gap:var(--space-6)}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-primary{color:#fff;color:var(--text-primary)}.text-secondary{color:#ccc;color:var(--text-secondary)}.text-muted{color:#999;color:var(--text-muted)}.text-success{color:#4caf50;color:var(--success)}.text-warning{color:#ff9800;color:var(--warning)}.text-error{color:#f44336;color:var(--error)}.text-blue{color:#00d4ff;color:var(--primary-blue)}.text-purple{color:#9c27b0;color:var(--primary-purple)}.bg-primary{background-color:#0a0a0a;background-color:var(--bg-primary)}.bg-secondary{background-color:#1a1a1a;background-color:var(--bg-secondary)}.bg-tertiary{background-color:#2a2a2a;background-color:var(--bg-tertiary)}.border{border:1px solid #ffffff1a;border:1px solid var(--border-primary)}.border-accent{border:1px solid #00d4ff;border:1px solid var(--border-accent)}.rounded{border-radius:.5rem;border-radius:var(--radius-md)}.rounded-lg{border-radius:.75rem;border-radius:var(--radius-lg)}.rounded-xl{border-radius:1rem;border-radius:var(--radius-xl)}.rounded-full{border-radius:9999px;border-radius:var(--radius-full)}.shadow-sm{box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:0 10px 15px #0000001a;box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:0 20px 25px #00000026;box-shadow:var(--shadow-xl)}.shadow-glow{box-shadow:0 0 20px #00d4ff4d;box-shadow:var(--shadow-glow)}.transition{transition:.3s cubic-bezier(.4,0,.2,1);transition:var(--transition-normal)}.transition-fast{transition:.15s cubic-bezier(.4,0,.2,1);transition:var(--transition-fast)}.transition-slow{transition:.5s cubic-bezier(.4,0,.2,1);transition:var(--transition-slow)}.hover-lift:hover{transform:translateY(-2px)}.hover-glow:hover{box-shadow:0 0 20px #00d4ff4d;box-shadow:var(--shadow-glow)}.hover-scale:hover{transform:scale(1.05)}@media (max-width:768px){.heading-5xl{font-size:1.875rem;font-size:var(--font-size-3xl)}.heading-4xl{font-size:1.5rem;font-size:var(--font-size-2xl)}.heading-3xl{font-size:1.25rem;font-size:var(--font-size-xl)}.btn{padding:.5rem 1rem;padding:var(--space-2) var(--space-4)}.btn-lg{padding:.75rem 1.5rem;padding:var(--space-3) var(--space-6)}.glass-card{margin:.5rem;margin:var(--space-2)}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-contrast:high){:root{--border-primary:#ffffff4d;--text-secondary:#fff;--text-muted:#ccc}}.skip-link{background:#00d4ff;border-radius:0 0 4px 0;color:#000;font-weight:600;left:0;padding:8px 16px;position:absolute;top:-40px;transition:top .2s;z-index:1000}.skip-link:focus{outline:3px solid #ff6b35;top:0}:focus-visible{outline:2px solid #00d4ff;outline-offset:2px}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}img[src="/LogoNew.png"]{background:#0000!important;background-color:initial!important;border:none!important;outline:none!important}:root{--breakpoint-xs:0px;--breakpoint-sm:600px;--breakpoint-md:900px;--breakpoint-lg:1200px;--breakpoint-xl:1536px;--mobile-padding:16px;--mobile-margin:8px;--mobile-gap:12px;--touch-target-min:44px;--mobile-button-height:48px;--mobile-input-height:56px}.dashboard-container{gap:12px;gap:var(--mobile-gap);padding:16px;padding:var(--mobile-padding)}.dashboard-grid{grid-gap:12px;grid-gap:var(--mobile-gap);display:grid;gap:12px;gap:var(--mobile-gap);grid-template-columns:1fr}.card-container{border-radius:12px;margin-bottom:8px;margin-bottom:var(--mobile-margin)}.button-mobile{border-radius:8px;font-size:16px;min-height:48px;min-height:var(--mobile-button-height);padding:12px 24px}.input-mobile{font-size:16px;min-height:56px;min-height:var(--mobile-input-height)}.sidebar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1a1a1af2;border-right:1px solid #ffffff1a;height:100vh;left:0;position:fixed;top:0;transform:translateX(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);width:280px;z-index:1200}.sidebar.open{transform:translateX(0)}.sidebar-overlay{background:#00000080;height:100vh;left:0;opacity:0;position:fixed;top:0;transition:opacity .3s ease,visibility .3s ease;visibility:hidden;width:100vw;z-index:1100}.sidebar-overlay.visible{opacity:1;visibility:visible}.mobile-nav{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a1a1ae6;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:12px 16px;padding:12px var(--mobile-padding);position:-webkit-sticky;position:sticky;top:0;z-index:1000}.mobile-menu-button{align-items:center;background:#0000;border:1px solid #00d4ff4d;border-radius:8px;color:#00d4ff;display:flex;justify-content:center;min-height:44px;min-height:var(--touch-target-min);min-width:44px;min-width:var(--touch-target-min);padding:8px}@media (min-width:600px){.dashboard-container{gap:16px;padding:24px}.dashboard-grid{gap:16px;grid-template-columns:repeat(2,1fr)}.card-container{margin-bottom:16px}.sidebar{width:320px}}@media (min-width:900px){.dashboard-container{gap:24px;padding:32px}.dashboard-grid{gap:24px;grid-template-columns:repeat(3,1fr)}.sidebar{height:auto;position:relative;transform:translateX(0);width:280px}.mobile-menu-button,.mobile-nav,.sidebar-overlay{display:none}}@media (min-width:1200px){.dashboard-container{gap:32px;padding:40px}.dashboard-grid{gap:32px;grid-template-columns:repeat(4,1fr)}.sidebar{width:320px}}@media (min-width:1536px){.dashboard-container{margin:0 auto;max-width:1400px;padding:48px}.dashboard-grid{grid-template-columns:repeat(5,1fr)}}.trading-command-center{padding:16px;padding:var(--mobile-padding)}@media (min-width:600px){.trading-command-center{padding:24px}}@media (min-width:900px){.trading-command-center{padding:32px}}.metric-card{min-height:120px;padding:16px}@media (min-width:600px){.metric-card{min-height:140px;padding:20px}}@media (min-width:900px){.metric-card{min-height:160px;padding:24px}}.responsive-table{-webkit-overflow-scrolling:touch;overflow-x:auto}.responsive-table table{min-width:600px}@media (min-width:900px){.responsive-table table{min-width:auto}}.form-container{padding:16px;padding:var(--mobile-padding)}.form-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr}@media (min-width:600px){.form-grid{gap:20px;grid-template-columns:repeat(2,1fr)}}@media (min-width:900px){.form-container{padding:32px}.form-grid{gap:24px}}@media (hover:none) and (pointer:coarse){.interactive-element{min-height:44px;min-height:var(--touch-target-min);min-width:44px;min-width:var(--touch-target-min)}.button-group .button{margin:4px}.nav-item{padding:16px}.icon-button{padding:12px}}@media (hover:hover) and (pointer:fine){.hover-effect:hover{box-shadow:0 8px 25px #00d4ff4d;transform:translateY(-2px)}}@media print{.floating-action-button,.mobile-nav,.navigation-button,.sidebar{display:none!important}.dashboard-container{background:#fff!important;color:#000!important;padding:0}.card-container{border:1px solid #ccc;break-inside:avoid;page-break-inside:avoid}}.status-connected{color:#80cbc4}.status-disconnected{color:#ff5370}.logo-container{align-items:center;display:inline-flex;justify-content:center;margin:0;padding:0;position:relative}.logo-container,.logo-image{background:#0000!important;background-color:initial!important;border:none;box-shadow:none;outline:none}.logo-image{-webkit-backdrop-filter:none;backdrop-filter:none;-webkit-background-clip:padding-box;background-clip:padding-box;display:block;filter:drop-shadow(0 2px 8px rgba(0,0,0,.1)) contrast(1.2) brightness(1.1);object-fit:contain;transition:all .3s ease}.logo-container:hover .logo-image{background:#0000!important;background-color:initial!important;filter:drop-shadow(0 4px 12px rgba(0,0,0,.15));transform:scale(1.05)}.logo-small{height:40px;width:40px}.logo-medium{height:64px;width:64px}.logo-large{height:96px;width:96px}.logo-light .logo-image{filter:drop-shadow(0 2px 8px rgba(0,0,0,.1))}.logo-dark .logo-image{filter:drop-shadow(0 2px 12px rgba(0,0,0,.2))}.landing-logo{animation:logoFadeIn 1.5s forwards,logoPulse 3s 1.5s infinite;margin-bottom:20px;opacity:0;transition:transform .3s ease}.landing-logo:hover{transform:scale(1.08)}.landing-logo .logo-image{filter:drop-shadow(0 4px 16px rgba(0,0,0,.15))}@keyframes logoPulse{0%,to{filter:drop-shadow(0 4px 16px rgba(0,0,0,.15))}50%{filter:drop-shadow(0 6px 24px rgba(0,0,0,.25))}}@keyframes logoFadeIn{0%{opacity:0;transform:translateY(-30px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:768px){.logo-large{height:72px;width:72px}.logo-medium{height:56px;width:56px}.logo-small{height:36px;width:36px}}@media (prefers-reduced-motion:reduce){.landing-logo{animation:logoFadeIn .3s forwards}.landing-logo:hover,.logo-container:hover .logo-image{transform:none}}.registration-container{background:linear-gradient(135deg,#0a0a0a,#1a1a1a 50%,#2a2a2a);min-height:100vh;overflow:hidden;position:relative}.registration-container:before{background:radial-gradient(circle at 20% 80%,#00d4ff1a 0,#0000 50%),radial-gradient(circle at 80% 20%,#ffd7001a 0,#0000 50%),radial-gradient(circle at 40% 40%,#9c27b01a 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.registration-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid #00d4ff4d;box-shadow:0 25px 50px #00000080,0 0 100px #00d4ff1a;transition:all .3s ease}.registration-card:hover{box-shadow:0 35px 70px #0009,0 0 120px #00d4ff26}.header-gradient{background:linear-gradient(45deg,#00d4ff,#09c);overflow:hidden;position:relative}.header-gradient:before{animation:shimmer 3s infinite;background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes shimmer{0%{left:-100%}to{left:100%}}.tier-card{cursor:pointer;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.tier-card:before{background:linear-gradient(45deg,#0000,#ffffff1a,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0;transform:translateX(-100%);transition:transform .6s}.tier-card:hover:before{transform:translateX(100%)}.tier-card:hover{box-shadow:0 20px 40px #0000004d;transform:translateY(-8px) scale(1.02)}.tier-card.selected{box-shadow:0 15px 30px #ffd70066;transform:translateY(-4px) scale(1.05)}.features-showcase{background:linear-gradient(135deg,gold,#ffb300);border:2px solid gold;overflow:hidden;position:relative}.features-showcase:before{animation:rotate 10s linear infinite;background:conic-gradient(from 0deg,#0000,#ffffff1a,#0000);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.step-indicator{position:relative}.step-indicator:after{background:linear-gradient(90deg,#00d4ff,#09c);border-radius:2px;bottom:-10px;content:"";height:3px;left:0;position:absolute;right:0;transform:scaleX(0);transition:transform .3s ease}.step-indicator.active:after{transform:scaleX(1)}.form-field{position:relative}.form-field .MuiOutlinedInput-root{transition:all .3s ease}.form-field .MuiOutlinedInput-root:hover{box-shadow:0 8px 25px #00d4ff26;transform:translateY(-2px)}.form-field .MuiOutlinedInput-root.Mui-focused{box-shadow:0 8px 25px #00d4ff40;transform:translateY(-2px)}.success-animation{animation:successPulse 2s ease-in-out infinite}@keyframes successPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.floating-particles{height:100%;pointer-events:none;position:absolute;width:100%}.particle{animation:float 6s ease-in-out infinite;background:#00d4ff;border-radius:50%;height:4px;position:absolute;width:4px}.particle:first-child{animation-delay:0s;left:10%}.particle:nth-child(2){animation-delay:1s;left:20%}.particle:nth-child(3){animation-delay:2s;left:30%}.particle:nth-child(4){animation-delay:3s;left:40%}.particle:nth-child(5){animation-delay:4s;left:50%}.particle:nth-child(6){animation-delay:5s;left:60%}.particle:nth-child(7){animation-delay:.5s;left:70%}.particle:nth-child(8){animation-delay:1.5s;left:80%}.particle:nth-child(9){animation-delay:2.5s;left:90%}.button-glow{background:linear-gradient(45deg,#00d4ff,#09c)!important;border:none!important;border-radius:12px!important;box-shadow:0 4px 15px #00d4ff4d!important;font-weight:700!important;overflow:hidden;padding:12px 32px!important;position:relative;text-transform:none!important;transition:all .3s ease!important}.button-glow:hover{background:linear-gradient(45deg,#3df,#00b3e6)!important;box-shadow:0 8px 25px #00d4ff66!important;transform:translateY(-2px)!important}.button-glow:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.button-glow:hover:before{left:100%}.MuiButton-outlined{border-color:#00d4ff80!important;border-radius:12px!important;color:#00d4ff!important;font-weight:600!important;padding:10px 24px!important;text-transform:none!important;transition:all .3s ease!important}.MuiButton-outlined:hover{background:#00d4ff1a!important;border-color:#00d4ff!important;transform:translateY(-1px)!important}.MuiStepper-root{background:#0000!important;padding:24px 0!important}.MuiStepConnector-line{border-color:#00d4ff4d!important;border-top-width:2px!important}.MuiStepConnector-root.Mui-active .MuiStepConnector-line,.MuiStepConnector-root.Mui-completed .MuiStepConnector-line{border-color:#00d4ff!important}.MuiStepIcon-root{color:#ffffff4d!important;font-size:1.5rem!important}.MuiStepIcon-root.Mui-active{animation:stepPulse 2s ease-in-out infinite!important;color:#00d4ff!important}.MuiStepIcon-root.Mui-completed{color:#4caf50!important}.MuiStepLabel-label{color:#ffffffb3!important;font-weight:600!important}.MuiStepLabel-label.Mui-active{color:#00d4ff!important;font-weight:700!important}.MuiStepLabel-label.Mui-completed{color:#4caf50!important}@keyframes stepPulse{0%,to{box-shadow:0 0 0 0 #00d4ff66;transform:scale(1)}50%{box-shadow:0 0 0 8px #00d4ff00;transform:scale(1.05)}}@media (max-width:768px){.registration-card{border-radius:1rem;margin:1rem}.tier-card{margin-bottom:1rem}.features-showcase{margin:1rem 0}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#1a1a1a}::-webkit-scrollbar-thumb{background:#00d4ff;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#3df}.loading-shimmer{animation:shimmer-loading 1.5s infinite;background:linear-gradient(90deg,#2a2a2a 25%,#3a3a3a 50%,#2a2a2a 75%);background-size:200% 100%}@keyframes shimmer-loading{0%{background-position:-200% 0}to{background-position:200% 0}}.login-root{align-items:stretch;background:linear-gradient(135deg,#18192a,#2d2250);display:flex;justify-content:stretch;left:0;min-height:100vh;overflow:hidden;position:fixed;top:0;width:100vw}.login-card{background:#1a1a2ef2;border:1px solid #ffffff14;border-radius:16px;box-shadow:0 6px 24px #0000002e;max-width:400px;min-width:350px;padding:24px}.login-header{-webkit-margin-after:40px;margin-block-end:40px;text-align:center}.login-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#80cbc4,#82aaff);-webkit-background-clip:text;background-clip:text;color:#fff;font-size:32px;font-weight:700;margin:0 0 10px}.login-header p{color:#b0b5bd;font-size:16px;font-weight:500;margin:0}.login-form{-webkit-margin-after:30px;margin-block-end:30px}.form-group{-webkit-margin-after:20px;margin-block-end:20px}.form-group label{-webkit-margin-after:8px;color:#b0b5bd;display:block;font-size:14px;font-weight:600;margin-block-end:8px}.form-group input[type=password],.form-group input[type=text]{background:#282c34;border:2px solid #353b45;border-radius:10px;box-sizing:border-box;color:#fff;font-size:16px;inline-size:100%;padding:15px;transition:all .3s ease}.form-group input[type=password]:focus,.form-group input[type=text]:focus{border-color:#82aaff;box-shadow:0 0 0 3px #82aaff1a;outline:none;transform:translateY(-2px)}.tenant-toggle{-webkit-margin-after:0;align-items:center;color:#666;cursor:pointer;display:flex;font-size:14px;gap:8px;margin-block-end:0}.tenant-toggle input[type=checkbox]{inline-size:auto;margin:0}.error-message{-webkit-margin-after:20px;align-items:center;background:linear-gradient(135deg,#fee,#fdd);border:1px solid #fcc;border-radius:10px;color:#c33;display:flex;font-size:14px;gap:10px;margin-block-end:20px;padding:15px}.error-icon{font-size:18px}.login-button{background:linear-gradient(135deg,#80cbc4,#82aaff);border:none;border-radius:10px;color:#23272e;cursor:pointer;font-size:16px;font-weight:600;inline-size:100%;margin-top:10px;overflow:hidden;padding:15px;position:relative;transition:all .3s ease}.login-button:hover{box-shadow:0 10px 30px #82aaff33;transform:translateY(-2px)}.login-button:active{transform:translateY(0)}.login-button:disabled{box-shadow:none;cursor:not-allowed;opacity:.7;transform:none}.loading-spinner{align-items:center;color:#82aaff;display:flex}.login-info{background:linear-gradient(135deg,#23272e,#282c34);border:1px solid #353b45;border-radius:10px;color:#b0b5bd;font-size:14px;margin-top:20px;padding:20px;text-align:center}.auth-options,.demo-accounts,.divider,.feature,.features-grid,.login-features,.register-button{display:none!important}.demo-note{background-color:#ffc1071a;border:1px solid #ffc10733;border-radius:5px;color:#8a99ad;font-size:12px;margin-top:20px;padding:10px}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}33%{transform:translateY(-10px) rotate(1deg)}66%{transform:translateY(5px) rotate(-1deg)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-50px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(50px)}to{opacity:1;transform:translateX(0)}}@keyframes labelFloat{0%{color:#999;transform:translate(14px,16px) scale(1)}to{color:#00d4ff;transform:translate(14px,-9px) scale(.75)}}@keyframes labelSink{0%{color:#00d4ff;transform:translate(14px,-9px) scale(.75)}to{color:#999;transform:translate(14px,16px) scale(1)}}.login-root{animation:fadeInUp .8s ease-out}@media (max-width:768px){.login-container{padding:10px}.login-card{margin:10px;padding:30px 20px}.login-header h1{font-size:28px}}@media (max-width:480px){.login-card{padding:20px 15px}.login-header h1{font-size:24px}.form-group input[type=password],.form-group input[type=text]{font-size:16px;padding:12px}.login-button{padding:12px}}