:root,:root[data-theme=dark]{--bg-app: #050811;--bg-surface: #0a0f1d;--bg-surface-elevated: #111827;--bg-tertiary: #131d35;--bg-card: rgba(15, 23, 42, .75);--bg-input: rgba(10, 16, 30, .85);--bg-button: #1e293b;--bg-button-hover: #2563eb;--surface-color: #0a0f1d;--text-primary: #ffffff;--text-secondary: #cbd5e1;--text-muted: #94a3b8;--border-color: rgba(255, 255, 255, .12);--border-color-hover: rgba(59, 130, 246, .6);--color-primary: #2563eb;--color-primary-hover: #1d4ed8;--color-primary-glow: rgba(37, 99, 235, .35);--color-accent-blue: #3b82f6;--color-accent-blue-light: #60a5fa;--color-accent-cyan: #38bdf8;--glass-bg: rgba(10, 16, 30, .85);--glass-border: rgba(37, 99, 235, .25);--glass-blur: blur(16px);--modal-bg: #0b1329;--modal-overlay: rgba(5, 8, 17, .8);--input-bg: rgba(255, 255, 255, .05);--input-border: rgba(255, 255, 255, .15);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .6);--shadow-md: 0 4px 20px -2px rgba(0, 0, 0, .7), 0 0 16px rgba(37, 99, 235, .15);--shadow-lg: 0 12px 36px -4px rgba(0, 0, 0, .8), 0 0 28px rgba(37, 99, 235, .25);--shadow-card: 0 4px 20px -2px rgba(0, 0, 0, .7), 0 0 16px rgba(37, 99, 235, .15);--scrollbar-track: rgba(15, 23, 42, .5);--scrollbar-thumb: rgba(255, 255, 255, .16);--loader-overlay: rgba(5, 8, 17, .92);--loader-card-bg: rgba(10, 16, 28, .85);--spinner-track: rgba(255, 255, 255, .08);--spinner-aura: radial-gradient(circle, rgba(59, 130, 246, .22) 0%, rgba(6, 182, 212, .08) 50%, transparent 75%);--hadros-logo-filter: brightness(1) contrast(1.05);--ease-apple-out: cubic-bezier(.16, 1, .3, 1);--ease-apple-in: cubic-bezier(.4, 0, 1, 1);--ease-apple-in-out: cubic-bezier(.65, 0, .35, 1);--ease-spring: cubic-bezier(.175, .885, .32, 1.15);--duration-micro: .12s;--duration-component: .2s;--duration-surface: .28s}:root[data-theme=light]{--bg-app: #f4f7fc;--bg-surface: #ffffff;--bg-surface-elevated: #f8fafc;--bg-tertiary: #f1f5f9;--bg-card: #ffffff;--bg-input: #ffffff;--bg-button: #e2e8f0;--bg-button-hover: #cbd5e1;--surface-color: #ffffff;--text-primary: #0f172a;--text-secondary: #334155;--text-muted: #475569;--border-color: #cbd5e1;--border-color-hover: #2563eb;--color-primary: #2563eb;--color-primary-hover: #1d4ed8;--color-primary-glow: rgba(37, 99, 235, .15);--color-accent-blue: #2563eb;--color-accent-blue-light: #1d4ed8;--color-accent-cyan: #0284c7;--glass-bg: rgba(255, 255, 255, .95);--glass-border: rgba(203, 213, 225, .8);--glass-blur: blur(12px);--modal-bg: #ffffff;--modal-overlay: rgba(15, 23, 42, .5);--input-bg: #ffffff;--input-border: #cbd5e1;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);--shadow-md: 0 4px 16px -2px rgba(0, 0, 0, .08), 0 0 12px rgba(37, 99, 235, .06);--shadow-lg: 0 12px 32px -4px rgba(0, 0, 0, .12), 0 0 20px rgba(37, 99, 235, .1);--shadow-card: 0 4px 16px -2px rgba(0, 0, 0, .08), 0 0 12px rgba(37, 99, 235, .06);--scrollbar-track: rgba(241, 245, 249, .8);--scrollbar-thumb: rgba(148, 163, 184, .5);--loader-overlay: rgba(244, 247, 252, .92);--loader-card-bg: rgba(255, 255, 255, .95);--spinner-track: rgba(0, 0, 0, .08);--spinner-aura: radial-gradient(circle, rgba(37, 99, 235, .12) 0%, rgba(6, 182, 212, .05) 50%, transparent 75%);--hadros-logo-filter: invert(1) brightness(.18) contrast(1.2)}body{background-color:var(--bg-app);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Plus Jakarta Sans,Segoe UI,Roboto,sans-serif;margin:0;padding:0;overscroll-behavior-x:none;transition:background-color .3s ease,color .3s ease;-webkit-font-smoothing:antialiased}input,select,textarea,button{font-family:inherit;color:var(--text-primary)}select option{background-color:var(--bg-surface);color:var(--text-primary)}.hadros-hero-container{position:relative;width:100%;min-height:100vh;background:radial-gradient(circle at 75% 20%,var(--color-primary-glow) 0%,transparent 55%),radial-gradient(circle at 20% 80%,rgba(37,99,235,.08) 0%,transparent 45%),var(--bg-app);overflow-x:clip}.hadros-nav-pill{display:flex;align-items:center;justify-content:space-between;max-width:1240px;margin:20px auto 0;padding:10px 24px;background:var(--glass-bg);border-radius:9999px;border:1px solid var(--border-color);box-shadow:var(--shadow-md);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);color:var(--text-primary);position:relative;z-index:50}.hadros-nav-link{color:var(--text-secondary);font-size:14px;font-weight:500;text-decoration:none;padding:6px 14px;border-radius:9999px;transition:all .2s ease;cursor:pointer;border:none;background:transparent}.hadros-nav-link:hover{color:var(--text-primary);background:#2563eb1f}.hadros-btn-primary,.hadros-btn-purple{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;font-weight:600;letter-spacing:-.01em;padding:12px 28px;border-radius:9999px;border:1px solid rgba(255,255,255,.18);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 4px 14px -2px #2563eb73,inset 0 1px #fff3;transition:all .25s cubic-bezier(.16,1,.3,1);text-decoration:none;font-family:inherit;-webkit-user-select:none;user-select:none}.hadros-btn-primary:hover,.hadros-btn-purple:hover{background:linear-gradient(135deg,#3b82f6,#2563eb);transform:translateY(-2px);box-shadow:0 8px 24px -4px #2563eb99,inset 0 1px #ffffff4d;border-color:#ffffff47}.hadros-btn-primary:active,.hadros-btn-purple:active{transform:translateY(0) scale(.985);box-shadow:0 2px 8px -2px #2563eb66}.hadros-btn-secondary{background-color:var(--bg-surface-elevated);color:var(--text-primary);font-weight:600;letter-spacing:-.01em;padding:12px 28px;border-radius:9999px;border:1px solid var(--border-color);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:10px;box-shadow:var(--shadow-sm);transition:all .25s cubic-bezier(.16,1,.3,1);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);font-family:inherit;-webkit-user-select:none;user-select:none}.hadros-btn-secondary:hover{background-color:var(--glass-bg);border-color:var(--color-accent-blue);color:var(--color-accent-blue);transform:translateY(-2px);box-shadow:var(--shadow-md)}.hadros-btn-secondary:active{transform:translateY(0) scale(.985)}.hadros-dots-pattern{background-image:radial-gradient(rgba(59,130,246,.25) 1.5px,transparent 1.5px);background-size:16px 16px}.hadros-glass-card{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:16px;box-shadow:var(--shadow-md);transition:all .25s cubic-bezier(.4,0,.2,1)}.hadros-glass-card:hover{border-color:var(--border-color-hover);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.hadros-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;color:var(--text-primary);box-shadow:var(--shadow-card);transition:all .25s cubic-bezier(.16,1,.3,1)}.hadros-card:hover{border-color:var(--border-color-hover)}.hadros-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:9999px;font-size:12px;font-weight:600;letter-spacing:.02em}.hadros-badge-primary{background:#2563eb24;color:var(--color-accent-blue-light);border:1px solid rgba(37,99,235,.3)}.hadros-badge-success{background:#10b98126;color:#10b981;border:1px solid rgba(16,185,129,.3)}.hadros-badge-new{background:#2563eb29;color:var(--color-accent-blue);border:1px solid rgba(59,130,246,.35)}.hadros-input{width:100%;box-sizing:border-box;background-color:var(--bg-surface-elevated);border:1px solid var(--border-color);border-radius:10px;color:var(--text-primary);font-family:inherit;font-size:13px;line-height:1.4;outline:none;transition:all .2s cubic-bezier(.16,1,.3,1)}.hadros-input:hover{border-color:var(--border-color-hover);background-color:var(--bg-surface)}.hadros-input:focus{border-color:var(--color-accent-blue)!important;box-shadow:0 0 0 3px var(--color-primary-glow)!important;background-color:var(--bg-surface)!important;outline:none!important}.hadros-input::placeholder{color:var(--text-muted);opacity:.75}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:9999px}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:9999px;border:1px solid var(--border-color)}::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}*{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}:focus-visible{outline:2px solid var(--color-accent-blue);outline-offset:2px;box-shadow:0 0 0 4px var(--color-primary-glow)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[role=button]:focus-visible,[tabindex]:focus-visible{outline:2px solid #3b82f6!important;outline-offset:2px!important;box-shadow:0 0 0 4px #3b82f659!important}:focus:not(:focus-visible){outline:none}@media(prefers-reduced-motion:reduce){*:not(.hadros-loading-spinner-wrapper):not(.hadros-loading-spinner-wrapper *),*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.skip-to-content{position:absolute;top:-100px;left:16px;z-index:9999;padding:10px 18px;background:var(--color-primary);color:#fff;border-radius:8px;font-size:13px;font-weight:600;text-decoration:none;box-shadow:0 8px 24px #0006;transition:top .2s cubic-bezier(.16,1,.3,1)}.skip-to-content:focus{top:16px}.hadros-kbd{display:inline-flex;align-items:center;justify-content:center;padding:2px 6px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,monospace;font-size:11px;font-weight:600;line-height:1;color:var(--text-muted);background-color:var(--bg-surface-elevated);border:1px solid var(--border-color);border-radius:5px;box-shadow:0 1px 2px #0000001f,inset 0 1px #ffffff14;-webkit-user-select:none;user-select:none;pointer-events:none;letter-spacing:.03em}.hadros-skeleton{background:linear-gradient(90deg,#ffffff05,#ffffff12,#ffffff05);background-size:200% 100%;animation:hadros-shimmer 2s infinite cubic-bezier(.4,0,.2,1);border-radius:8px;border:1px solid rgba(255,255,255,.05);box-shadow:inset 0 0 12px #0000001a}[data-theme=light] .hadros-skeleton{background:linear-gradient(90deg,#0000000a,#00000017,#0000000a);border-color:#00000014;box-shadow:inset 0 0 12px #00000008}.hadros-table-wrapper{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:12px;border:1px solid var(--border-color)}.hadros-responsive-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.hadros-responsive-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.hadros-responsive-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.hadros-mobile-only{display:none!important}.hadros-desktop-only{display:flex!important}.hadros-hamburger-btn{display:none;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;border:1px solid var(--border-color);background-color:var(--bg-surface-elevated);color:var(--text-primary);cursor:pointer;transition:all .2s ease}.hadros-hamburger-btn:hover{background-color:var(--bg-surface);border-color:var(--color-accent-blue)}.hadros-sidebar{width:260px;min-width:260px;transition:width .25s cubic-bezier(.16,1,.3,1),transform .25s cubic-bezier(.16,1,.3,1)}.hadros-sidebar.is-collapsed{width:72px!important;min-width:72px!important}.hadros-nav-item{width:100%;display:flex;align-items:center;gap:12px;padding:9px 12px;border-radius:10px;font-size:13px;font-weight:500;border:1px solid transparent;background-color:transparent;color:var(--text-secondary);cursor:pointer;text-align:left;transition:all .18s cubic-bezier(.16,1,.3,1);position:relative}.hadros-nav-item:hover{background-color:var(--bg-surface-elevated);color:var(--text-primary);transform:translate(2px)}.hadros-nav-item.is-active{font-weight:600;border-color:#3b82f64d;background:linear-gradient(90deg,#3b82f629,#3b82f60a);color:var(--color-accent-blue-light)}.hadros-nav-item.is-collapsed{justify-content:center;padding:10px 0}.hadros-nav-item.is-collapsed:hover{transform:none}@media(max-width:768px){.hadros-desktop-only{display:none!important}.hadros-mobile-only,.hadros-hamburger-btn{display:flex!important}.hadros-sidebar{position:fixed!important;top:56px!important;left:0!important;bottom:0!important;z-index:99!important;height:calc(100vh - 56px)!important;transform:translate(-100%);transition:transform .25s cubic-bezier(.16,1,.3,1)!important;box-shadow:4px 0 24px #0006!important}.hadros-sidebar.is-open{transform:translate(0)!important}.hadros-sidebar-backdrop{position:fixed;top:56px;left:0;right:0;bottom:0;background-color:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:98}.hadros-responsive-grid-2,.hadros-responsive-grid-3,.hadros-responsive-grid-4{grid-template-columns:1fr!important;gap:14px!important}.hadros-main-container{padding:16px 12px!important}.hadros-header-controls{gap:6px!important}.hadros-user-name-text{display:none!important}}@keyframes hadros-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes hadrosSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes hadrosCounterSpin{0%{transform:rotate(360deg)}to{transform:rotate(0)}}@keyframes hadrosOrbitalPulse{0%,to{box-shadow:0 0 10px #3b82f6,0 0 20px #60a5fa,0 0 30px #06b6d4;transform:translate(-50%,-50%) scale(.9)}50%{box-shadow:0 0 16px #3b82f6,0 0 32px #60a5fa,0 0 45px #38bdf8;transform:translate(-50%,-50%) scale(1.15)}}@keyframes hadrosDash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}to{stroke-dasharray:90,150;stroke-dashoffset:-125}}@keyframes hadrosPulseGlow{0%,to{opacity:.5;transform:scale(.98)}50%{opacity:1;transform:scale(1.02)}}@keyframes hadrosAuraPulse{0%,to{transform:scale(.85);opacity:.25}50%{transform:scale(1.15);opacity:.6}}@keyframes hadrosWaveDot{0%,to{transform:translateY(0);opacity:.4}50%{transform:translateY(-4px);opacity:1}}@keyframes hadrosProgressGlow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.sharp-bi-footer{transition:background-color .25s ease,border-color .25s ease}@media(max-width:640px){.sharp-bi-footer{padding:6px 14px!important;min-height:34px!important;gap:8px!important}.sharp-bi-footer-rights{display:none!important}.sharp-bi-footer-brand{font-size:11px!important}.sharp-bi-footer-powered img{height:15px!important}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@keyframes hadrosCursorPulse{0%,to{opacity:1;box-shadow:0 0 8px #3b82f6cc}50%{opacity:.15;box-shadow:0 0 2px #3b82f633}}