:root{--bg:#04060d;--surface:rgba(9,13,28,0.45);--border:rgba(255,255,255,0.05);--primary:#38bdf8;--success:#10b981;}body{background:var(--bg);color:#f8fafc;font-family:'Outfit',sans-serif;line-height:1.6;margin:0;padding:0;display:flex;min-height:100vh;overflow-x:hidden;background-image:radial-gradient(circle at 5% 5%,rgba(56,189,248,0.05) 0%,transparent 35%),radial-gradient(circle at 95% 95%,rgba(16,185,129,0.03) 0%,transparent 35%);}.header{padding-bottom:1.25rem;margin-bottom:2rem;position:relative;}.header h1,.header-left h1{font-family:'Outfit',sans-serif;font-size:2.0rem;font-weight:800;letter-spacing:-0.75px;text-transform:uppercase;background:linear-gradient(135deg,#fff,#94a3b8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}@media (max-width:1024px){.header h1,.header-left h1{font-size:1.6rem;}}.header-nav-pills{display:flex;flex-wrap:wrap;align-items:center;gap:0.35rem;background:rgba(10,14,30,0.72);border:1px solid rgba(255,255,255,0.08);border-radius:14px;padding:0.35rem;margin-bottom:0.8rem;backdrop-filter:blur(16px);box-shadow:0 18px 40px rgba(0,0,0,0.20),inset 0 1px 0 rgba(255,255,255,0.03);overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch;scrollbar-width:none;max-width:100%;width:fit-content;justify-content:flex-start;}.header-nav-pills::-webkit-scrollbar{display:none;}.nav-pill-btn{display:inline-flex;align-items:center;gap:0.4rem;padding:0.38rem 0.8rem;border-radius:10px;font-family:'DM Sans','Outfit',sans-serif;font-size:0.72rem;font-weight:600;letter-spacing:0.03em;color:#cbd5e1;text-decoration:none;transition:transform 0.18s ease,background 0.18s ease,color 0.18s ease,box-shadow 0.18s ease;white-space:nowrap;flex-shrink:0;position:relative;background:rgba(255,255,255,0.02);border:1px solid transparent;}.nav-pill-btn .pill-icon{display:inline-flex;align-items:center;justify-content:center;opacity:0.85;flex-shrink:0;transition:all 0.18s ease;}.nav-pill-btn .pill-label{display:inline;}.nav-pill-btn:hover{color:#eef2ff;background:rgba(255,255,255,0.08);transform:translateY(-1px);box-shadow:0 10px 24px rgba(8,13,30,0.12);}.nav-pill-btn:hover .pill-icon{opacity:1;background:rgba(56,189,248,0.12);}.nav-pill-btn.active{background:linear-gradient(135deg,rgba(56,189,248,0.18),rgba(16,185,129,0.14));color:#eff8ff;border:1px solid rgba(56,189,248,0.26);box-shadow:0 18px 36px rgba(16,185,129,0.16),inset 0 1px 0 rgba(255,255,255,0.08);}.nav-pill-btn.active .pill-icon{opacity:1;background:rgba(255,255,255,0.12);}.nav-pill-sep{width:1px;height:20px;background:linear-gradient(180deg,rgba(255,255,255,0.12),rgba(255,255,255,0.04));margin:0 0.2rem;flex-shrink:0;}.main-content{margin-left:260px !important;flex:1 !important;padding:2rem 1.5rem 6rem 1.5rem !important;min-width:0 !important;will-change:margin-left;}.main-content.expanded{margin-left:68px !important;}.profiler-sym-tooltip{position:fixed;z-index:99999;max-width:290px;min-width:230px;background:rgba(8,10,22,0.97);border:1px solid rgba(56,189,248,0.3);border-radius:12px;padding:0.75rem 0.9rem;box-shadow:0 12px 40px rgba(0,0,0,0.7),0 0 0 1px rgba(56,189,248,0.07);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);pointer-events:auto;opacity:0;transform:translateY(4px) scale(0.97);transition:opacity 0.15s ease,transform 0.15s ease;font-family:'Outfit',sans-serif;display:none;}.profiler-sym-tooltip.visible{opacity:1;transform:translateY(0) scale(1);display:block;}@media (max-width:1023px){#app-shell{flex-direction:column;}#app-shell .main-content,#appMainContent.main-content,.main-content{margin-left:0 !important;padding:1.25rem 0.9rem !important;padding-top:76px !important;width:100% !important;box-sizing:border-box !important;}#app-shell .main-content.expanded,#appMainContent.main-content.expanded,.main-content.expanded{margin-left:0 !important;}.mobile-header{display:flex !important;position:fixed;top:0;left:0;right:0;z-index:900;background:rgba(6,9,19,0.98);border-bottom:1px solid rgba(255,255,255,0.06);padding:0.7rem 1rem;align-items:center;justify-content:space-between;width:100%;box-sizing:border-box;}}