*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #080b10;--bg2: #0f1420;--bg3: #161c2a;--bg4: #1c2435;--bg5: #232d40;--b: rgba(255,255,255,.05);--b2: rgba(255,255,255,.09);--b3: rgba(255,255,255,.15);--t: #dde2ed;--t2: #6b7789;--t3: #3a4455;--gr: #00df78;--am: #ffb627;--re: #ff4757;--bl: #4fa6ff;--tl: #00cfaa;--pu: #a78bfa;--gr-b: rgba(0,223,120,.07);--am-b: rgba(255,182,39,.07);--re-b: rgba(255,71,87,.07);--bl-b: rgba(79,166,255,.07);--pu-b: rgba(167,139,250,.07);--tl-b: rgba(0,207,170,.07);--fh: "Syne", sans-serif;--fm: "IBM Plex Mono", monospace;--radius: 8px;--radius-lg: 10px;--sidebar-w: 192px}html,body,#root{height:100%;background:var(--bg);color:var(--t);font-family:var(--fh);-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:var(--bg2)}::-webkit-scrollbar-thumb{background:var(--bg5);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--t3)}button{cursor:pointer;font-family:var(--fh)}input,textarea,select{font-family:var(--fm);color:var(--t)}a{color:inherit;text-decoration:none}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.3}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-in-left{0%{transform:translate(-100%)}to{transform:translate(0)}}.animate-fade-in{animation:fade-in .2s ease both}.animate-spin{animation:spin 1s linear infinite}.pulse-dot{animation:pulse-dot 2s ease-in-out infinite}.app-shell{display:flex;height:100%;overflow:hidden}.sidebar-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:199;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.mobile-nav{display:none}.main-content{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.page-scroll{flex:1;overflow-y:auto;overflow-x:hidden}.stat-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.topbar-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:200px}.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}@media (max-width: 768px){:root{--sidebar-w: 240px}.sidebar-desktop{position:fixed;top:0;left:0;height:100%;z-index:200;transform:translate(-100%);transition:transform .25s ease;width:var(--sidebar-w)!important}.sidebar-desktop.open{transform:translate(0);animation:slide-in-left .25s ease;box-shadow:4px 0 24px #00000080}.sidebar-overlay.show{display:block}.stat-grid-4{grid-template-columns:repeat(2,1fr);gap:8px}.grid-2,.grid-3{grid-template-columns:1fr;gap:8px}.mobile-bottom-nav{display:flex!important}.page-scroll{padding-bottom:56px}.page-padding{padding:10px!important}.topbar-actions .hide-mobile{display:none}.topbar-title{max-width:140px}}@media (max-width: 480px){.stat-grid-4{grid-template-columns:repeat(2,1fr)}.topbar-title{max-width:100px}}