*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#030712;--card:#091124;--card2:#09112466;--border:#14284f;--border-hover:#14284fcc;--text-1:#f8fafc;--text-2:#94a3b8;--text-3:#475569;--accent:#ff5800;--accent2:#ff7020;--accent-dim:#ff580026;--accent-border:#ff58004d;--navy:#051d46;--navy-dim:#051d4626;--navy-border:#051d464d;--font-display:"Space Grotesk", sans-serif;--font-body:"Inter", sans-serif;--r:16px;--r-sm:10px}html,body,#root{background-color:var(--bg);width:100%;min-height:100vh}body{background:var(--bg);color:var(--text-1);font-family:var(--font-body);-webkit-font-smoothing:antialiased;font-size:15px;overflow-x:hidden}@keyframes fadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes glow{0%,to{opacity:.1}50%{opacity:.2}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.85)}}.anim-up{animation:.42s cubic-bezier(.22,1,.36,1) forwards fadeUp}.anim-in{animation:.3s forwards fadeIn}textarea:focus,input:focus,select:focus{box-shadow:0 0 0 3px var(--accent-dim);outline:none;border-color:var(--accent-border)!important}button{font-family:var(--font-body);will-change:transform;transition:transform .2s cubic-bezier(.34,1.56,.64,1)}button:active{transform:scale(.97)translateY(2px)}.btn-primary{background:linear-gradient(135deg, var(--accent), var(--accent2));color:#fff;border:none;font-weight:700}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#fff3}.card-hover:hover{transform:translateY(-3px);box-shadow:0 15px 35px #0009,inset 0 1px #ffffff1a}.layout-container{z-index:1;flex-direction:row;min-height:100vh;display:flex;position:relative}.sidebar{border-right:1px solid var(--border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:2;background:#05050a66;flex-direction:column;width:280px;height:100vh;padding:30px 24px;display:flex;position:sticky;top:0;overflow-y:auto;box-shadow:10px 0 30px #0006}.sidebar-nav{flex-direction:column;flex:1;gap:10px;margin-bottom:20px;display:flex}.main-content{flex:1;padding:50px 80px;position:relative;overflow:hidden auto}.grid-2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.footer{text-align:center;border-top:1px solid var(--border);color:var(--text-3);margin-top:auto;padding-top:20px;font-size:13px}.footer a{color:var(--text-2);font-weight:600;text-decoration:none;transition:color .2s}.footer a:hover{color:var(--accent)}.ai-overlay{width:420px;bottom:40px;right:40px}.mobile-header{border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:900;background:#00000080;justify-content:space-between;align-items:center;padding:16px 20px;display:none;position:sticky;top:0}.mobile-menu-btn{background:var(--card);border:1px solid var(--border);color:var(--text-1);cursor:pointer;border-radius:var(--r-sm);justify-content:center;align-items:center;width:44px;height:44px;transition:all .2s;display:flex}.mobile-menu-btn:active{transform:scale(.95)}@media (width<=1024px){.main-content{padding:40px}}@media (width<=900px){.layout-container{flex-direction:column}.mobile-header{display:flex}.sidebar{border-right:1px solid var(--border);z-index:1000;background:#08080f;width:280px;padding:30px 24px;transition:transform .3s cubic-bezier(.4,0,.2,1);position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999;opacity:0;pointer-events:none;background:#0009;transition:opacity .3s;position:fixed;inset:0}.sidebar-overlay.open{opacity:1;pointer-events:auto}.main-content{padding:30px 20px}.ai-overlay{width:calc(100% - 40px)!important;padding:16px!important;bottom:20px!important;right:20px!important;box-shadow:0 -10px 40px #000c,0 0 0 1px #ffffff0d!important}}@media (width<=600px){.grid-2,.grid-3{grid-template-columns:1fr}}