:root{--bg-primary:#0b0f19;--bg-secondary:#111827;--bg-card:#161f30;--bg-card-hover:#1f293d;--bg-input:#1e293b;--border-subtle:#2d3748;--border-focus:#3b82f6;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--accent-primary:#3b82f6;--accent-primary-hover:#2563eb;--accent-success:#10b981;--accent-warning:#f59e0b;--accent-danger:#ef4444;--shadow-card:0 4px 20px rgba(0,0,0,.5);--shadow-glow:0 0 25px rgba(59,130,246,.25);--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-full:9999px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body,html{background-color:#0b0f19;color:#f8fafc;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;min-height:100vh;-webkit-font-smoothing:antialiased}:target{scroll-margin-top:100px}.landing-card:target{border-color:#3b82f6!important;box-shadow:0 0 0 4px rgba(59,130,246,.22),0 16px 32px -4px rgba(37,99,235,.12)!important;transform:translateY(-2px)}h1,h2,h3,h4,h5,h6{color:#f8fafc;font-weight:700}.landing-light{background-color:#f8fafc!important}.landing-light,.landing-light h1,.landing-light h2,.landing-light h3,.landing-light h4,.landing-light h5,.landing-light h6{color:#0f172a!important}.landing-light p{color:#475569}.landing-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 20px -2px rgba(15,23,42,.06),0 2px 4px -2px rgba(15,23,42,.04);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.landing-card:hover{transform:translateY(-2px);box-shadow:0 12px 28px -4px rgba(15,23,42,.09),0 4px 8px -2px rgba(15,23,42,.04);border-color:#cbd5e1}a,label,p,span,td,th{color:inherit}a{text-decoration:none}button{cursor:pointer;border:none}button,input,select,textarea{font-family:inherit;outline:none}input,select,textarea{border:1px solid #334155!important;transition:border-color .2s,box-shadow .2s}input,select,select option,textarea{background-color:#1e293b!important;color:#f8fafc!important}input:focus,select:focus,textarea:focus{border-color:#3b82f6!important;box-shadow:0 0 0 2px rgba(59,130,246,.25)!important}input::placeholder,textarea::placeholder{color:#64748b!important}input:-webkit-autofill,input:-webkit-autofill:active,input:-webkit-autofill:focus,input:-webkit-autofill:hover{-webkit-box-shadow:inset 0 0 0 1000px #1e293b!important;-webkit-text-fill-color:#f8fafc!important;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s;caret-color:#f8fafc!important;border:1px solid #334155!important}.glass-panel{background:rgba(22,31,48,.9)!important;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid hsla(0,0%,100%,.1)!important;border-radius:16px;box-shadow:0 8px 32px rgba(0,0,0,.4)}.gradient-text{background:linear-gradient(135deg,#60a5fa,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.dashboard-root{display:flex;height:100vh;max-height:100vh;width:100%;overflow:hidden;position:relative}.dashboard-mobile-header{display:none}.dashboard-desktop-sidebar{width:270px;min-width:270px;border-right:1px solid var(--border-subtle);background:var(--bg-secondary);display:flex;flex-direction:column;padding:24px 16px;height:100vh;max-height:100vh;overflow-y:auto;overflow-x:hidden;flex-shrink:0;position:relative;z-index:30;scrollbar-width:thin;scrollbar-color:hsla(0,0%,100%,.12) transparent}.dashboard-desktop-sidebar::-webkit-scrollbar{width:5px}.dashboard-desktop-sidebar::-webkit-scrollbar-track{background:transparent}.dashboard-desktop-sidebar::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.12);border-radius:9999px}.dashboard-main{flex:1 1;min-width:0;height:100vh;max-height:100vh;padding:32px;overflow-y:auto;overflow-x:hidden;max-width:100%;position:relative;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:hsla(0,0%,100%,.16) transparent}.dashboard-main::-webkit-scrollbar{width:8px}.dashboard-main::-webkit-scrollbar-track{background:rgba(11,15,25,.5)}.dashboard-main::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.18);border-radius:9999px}.dashboard-main::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,100%,.28)}.responsive-table-wrapper{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:12px}@media (max-width:1024px){.dashboard-root{flex-direction:column;height:auto;max-height:none;min-height:100vh;overflow-y:auto}.dashboard-mobile-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--bg-secondary);border-bottom:1px solid var(--border-subtle);position:-webkit-sticky;position:sticky;top:0;z-index:40;width:100%}.dashboard-desktop-sidebar{display:none!important}.dashboard-main{padding:16px 12px;width:100%;min-width:0;height:auto;max-height:none;overflow-y:visible}}.dashboard-header-flex{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;width:100%}.dashboard-header-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.telemetry-bar-container{background:rgba(15,23,42,.75);border:1px solid hsla(0,0%,100%,.08);border-radius:12px;padding:14px 18px;margin-bottom:22px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px}.telemetry-divider{width:1px;height:24px;background:hsla(0,0%,100%,.1)}.tabs-scroll-container{display:flex;align-items:center;gap:6px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:4px;max-width:100%}.tabs-scroll-container::-webkit-scrollbar{display:none}.tabs-scroll-container button{white-space:nowrap;flex-shrink:0}.search-bar-responsive{position:relative;width:280px}@media (max-width:768px){.dashboard-header-flex{flex-direction:column!important;align-items:stretch!important;gap:16px!important}.dashboard-header-actions{width:100%!important;display:flex!important;flex-wrap:wrap!important;gap:8px!important}.dashboard-header-actions>a,.dashboard-header-actions>button{flex:1 1 auto!important;justify-content:center!important;padding:10px 12px!important}.telemetry-bar-container{padding:12px 14px;flex-direction:column;align-items:stretch;gap:12px}.telemetry-divider{display:none}.search-bar-responsive{width:100%!important;margin-top:8px}.table-toolbar-responsive{flex-direction:column!important;align-items:stretch!important;gap:12px!important}.table-toolbar-responsive>div{width:100%;justify-content:space-between}.kpi-cards-grid{grid-template-columns:repeat(2,1fr)!important;gap:10px!important}.glass-panel{padding:16px!important;border-radius:12px!important}}@media (max-width:480px){.kpi-cards-grid{grid-template-columns:1fr!important}.dashboard-main{padding:12px 8px!important}}.landing-desktop-nav{display:flex!important;align-items:center!important;gap:24px!important}.landing-mobile-toggle{display:none!important}.landing-mobile-drawer{display:flex;flex-direction:column;gap:10px;animation:slideDown .2s cubic-bezier(.16,1,.3,1) forwards}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media (max-width:960px){.landing-desktop-nav{display:none!important}.landing-mobile-toggle{display:flex!important}}@media (max-width:640px){.landing-hero-actions{flex-direction:column!important;align-items:stretch!important;width:100%!important;gap:10px!important}.landing-hero-btn-primary,.landing-hero-btn-secondary{width:100%!important;justify-content:center!important}.landing-showcase-hud-right{display:none!important}.landing-showcase-hud-left{bottom:8px!important;left:8px!important;padding:6px 10px!important;max-width:calc(100% - 16px)!important}}.blog-article-content h2{font-size:clamp(22px,3vw,28px);font-weight:800;color:#0f172a;margin-top:36px;margin-bottom:14px;line-height:1.3}.blog-article-content h3{font-size:clamp(18px,2.5vw,22px);font-weight:700;color:#1e293b;margin-top:28px;margin-bottom:12px;line-height:1.35}.blog-article-content p{margin-bottom:18px;color:#334155}.blog-article-content ol,.blog-article-content ul{margin:16px 0 24px 24px;padding-left:8px;color:#334155}.blog-article-content li{margin-bottom:10px;line-height:1.6}.blog-article-content a{color:#2563eb;text-decoration:underline;text-underline-offset:3px;font-weight:600;transition:color .15s}.blog-article-content a:hover{color:#1d4ed8}.blog-article-content code{background:#f1f5f9;border:1px solid #e2e8f0;color:#2563eb;padding:2px 6px;border-radius:6px;font-size:13px;font-family:monospace}.blog-callout{background:linear-gradient(135deg,#eff6ff,#f0fdf4);border-left:4px solid #2563eb;border-radius:0 12px 12px 0;padding:18px 22px;margin:28px 0;box-shadow:0 2px 12px rgba(37,99,235,.05)}.blog-callout h4{font-size:15px;font-weight:800;color:#1e3a8a;margin:0 0 6px}.blog-callout p{font-size:14px;color:#334155;margin:0;line-height:1.6}