*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #030305;--card: rgba(255,255,255,.02);--card2: rgba(255,255,255,.04);--border: rgba(255,255,255,.06);--border-hover: rgba(255,255,255,.12);--text-1: #f8f8f8;--text-2: rgba(248,248,248,.65);--text-3: rgba(248,248,248,.35);--accent: #10b981;--accent-dim: rgba(16,185,129,.15);--accent-border: rgba(16,185,129,.3);--accent-text: #34d399;--purple: #8b5cf6;--purple-dim: rgba(139,92,246,.15);--purple-border: rgba(139,92,246,.3);--font-d: "Space Grotesk", sans-serif;--font-b: "Inter", sans-serif;--r: 16px;--r-sm: 10px}html,body,#root{min-height:100vh;width:100%;background-color:var(--bg)}body{background:radial-gradient(circle at 50% -20%,#1a1a2e,var(--bg) 60%);background-attachment:fixed;color:var(--text-1);font-family:var(--font-b);font-size:15px;-webkit-font-smoothing:antialiased;overflow-x:hidden}option{background-color:#08080f;color:#fff}@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:fadeUp .42s cubic-bezier(.22,1,.36,1) forwards}.anim-in{animation:fadeIn .3s ease forwards}textarea:focus,input:focus{outline:none;border-color:var(--accent-border)!important;box-shadow:0 0 0 3px #6ee7b71a}button{font-family:var(--font-b);will-change:transform;transition:transform .2s cubic-bezier(.34,1.56,.64,1)}button:active{transform:scale(.97) translateY(2px)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#fff3}pre{white-space:pre-wrap!important;word-break:break-word!important;overflow-wrap:anywhere!important;font-size:14.5px;line-height:1.6}.card-hover:hover{transform:translateY(-3px);box-shadow:0 15px 35px #0009,inset 0 1px #ffffff1a}.layout-container{display:flex;min-height:100vh;position:relative;z-index:1;flex-direction:row}.sidebar{width:280px;border-right:1px solid var(--border);padding:30px 24px;display:flex;flex-direction:column;background:#05050a66;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:2;box-shadow:10px 0 30px #0006;position:sticky;top:0;height:100vh;overflow-y:auto}.sidebar-nav{display:flex;flex-direction:column;gap:10px;flex:1;margin-bottom:20px}.main-content{flex:1;padding:50px 80px;overflow-y:auto;overflow-x:hidden;position:relative}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.footer{text-align:center;margin-top:auto;padding-top:20px;border-top:1px solid var(--border);font-size:13px;color:var(--text-3)}.footer a{color:var(--text-2);text-decoration:none;font-weight:600;transition:color .2s}.footer a:hover{color:var(--accent)}.ai-overlay{width:420px;bottom:40px;right:40px}.mobile-header{display:none;padding:16px 20px;border-bottom:1px solid var(--border);background:#00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0;z-index:900;align-items:center;justify-content:space-between}.mobile-menu-btn{background:var(--card);border:1px solid var(--border);color:var(--text-1);cursor:pointer;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--r-sm);transition:all .2s}.mobile-menu-btn:active{transform:scale(.95)}@media (max-width: 900px){.layout-container{flex-direction:column}.mobile-header{display:flex}.sidebar{position:fixed;top:0;left:0;bottom:0;width:280px;transform:translate(-100%);background:#08080f;border-right:1px solid var(--border);z-index:1000;padding:30px 24px;transition:transform .3s cubic-bezier(.4,0,.2,1)}.sidebar.open{transform:translate(0)}.sidebar-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999;opacity:0;pointer-events:none;transition:opacity .3s ease}.sidebar-overlay.open{opacity:1;pointer-events:auto}.main-content{padding:30px 20px}.ai-overlay{width:calc(100% - 40px)!important;bottom:20px!important;right:20px!important;padding:16px!important;box-shadow:0 -10px 40px #000c,0 0 0 1px #ffffff0d!important}}@media (max-width: 600px){.grid-2{grid-template-columns:1fr}.grid-4{grid-template-columns:1fr 1fr}}@media (max-width: 400px){.grid-4{grid-template-columns:1fr}}