@import "https://fonts.googleapis.com/css2?family=Syne:wght@400;500;600;700;800&family=IBM+Plex+Mono:wght@400;500;600&family=Inter:wght@400;500;600;700&display=swap";
:root{--bg:#060810;--surf:#0c1018;--card:#101520;--border:#182030;--primary:#00d4ff;--primary-d:#00d4ff1a;--secondary:#b06fff;--secondary-d:#b06fff1a;--green:#00e5a0;--green-d:#00e5a01a;--amber:#ffb340;--amber-d:#ffb3401a;--red:#ff4560;--red-d:#ff45601a;--purple:#b06fff;--purple-d:#b06fff1a;--pink:#ff6eb4;--pink-d:#ff6eb41a;--text:#eef2f7;--sub:#7a8a9e;--muted:#243040;--font-sans:"Inter", sans-serif;--font-heading:"Syne", sans-serif;--font-mono:"IBM Plex Mono", monospace}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body{background:var(--bg);color:var(--text);font-family:var(--font-sans);height:100%;overflow-x:hidden}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:99px}.glass{-webkit-backdrop-filter:blur(12px)saturate(180%);background:#101520b3;position:relative}.glass:before{content:"";pointer-events:none;border-radius:inherit;-webkit-mask-composite:xor;background:linear-gradient(135deg,#ffffff0f,#fff0);padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.card-hover{transition:all .3s cubic-bezier(.4,0,.2,1)}.card-hover:hover{transform:translateY(-2px);box-shadow:0 12px 30px -10px #00000080}.card-hover:active{transform:translateY(0)scale(.98)}.sidebar-item:hover{background:var(--primary-d)!important;color:var(--primary)!important}.page{animation:.4s ease-out fadeIn}@media (max-width:1024px){.desktop-sidebar{display:none!important}}@media (min-width:1025px){.mobile-only{display:none!important}}@media (max-width:480px){.responsive-grid{grid-template-columns:1fr!important}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes dot{0%{opacity:.2}50%{opacity:1}to{opacity:.2}}.dot{animation:1.4s infinite dot}.dot2{animation:1.4s .2s infinite dot}.dot3{animation:1.4s .4s infinite dot}input::placeholder{color:var(--muted);opacity:.6}select{appearance:none}.login-card{padding:40px 32px}@media (max-width:480px){.login-card{padding:32px 20px}.login-title{font-size:26px!important}}