*,: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)}.markdown-content{color:var(--text-2);font-size:15px;line-height:1.7}.markdown-content h1,.markdown-content h2,.markdown-content h3{color:var(--text-1);margin-top:1.5em;margin-bottom:.5em;font-weight:700}.markdown-content h1{font-size:24px}.markdown-content h2{font-size:20px}.markdown-content h3{font-size:18px}.markdown-content p{margin-bottom:1em}.markdown-content ul,.markdown-content ol{margin-bottom:1em;padding-left:20px}.markdown-content li{margin-bottom:.5em}.markdown-content strong{color:var(--text-1)}.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}}.glass-panel{background:var(--card2);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:var(--r);padding:24px;box-shadow:0 4px 30px #0000001a}.glass-input{border:1px solid var(--border);border-radius:var(--r-sm);width:100%;color:var(--text-1);font-family:var(--font-body);background:#ffffff08;padding:14px 16px;transition:all .2s}.glass-input:focus{background:#ffffff0f;outline:none;border-color:var(--accent-border)!important;box-shadow:0 0 0 3px var(--accent-dim)!important}select.glass-input option{background:var(--card,#0f172a);color:var(--text-1,#fff)}.glass-button{background:linear-gradient(135deg, var(--accent), var(--accent2));color:#fff;border-radius:var(--r-sm);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;padding:14px 24px;font-weight:600;transition:all .2s;display:inline-flex}.glass-button:disabled{opacity:.7;cursor:not-allowed}.glass-button.secondary{border:1px solid var(--border);color:var(--text-1);background:#ffffff0d}.glass-button.secondary:hover{background:#ffffff1a}.form-group{text-align:left;margin-bottom:20px}.form-group label{color:var(--text-2);margin-bottom:8px;font-size:14px;font-weight:600;display:block}.responsive-grid{grid-template-columns:1fr;gap:24px;display:grid}@media (width>=900px){.responsive-grid{grid-template-columns:1fr 1fr}}.responsive-form-grid{grid-template-columns:1fr;gap:16px;display:grid}@media (width>=600px){.responsive-form-grid{grid-template-columns:1fr 1fr}}@keyframes internalGlow{0%,to{box-shadow:0 0 #ff580066}50%{box-shadow:0 0 0 15px #ff580000}}.fab-animated{will-change:box-shadow;animation:2s ease-out infinite internalGlow!important}.fab-animated:hover{animation:none!important;transform:scale(1.1)!important}@keyframes rotateSlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulseScale{0%,to{transform:scale(1)}50%{transform:scale(1.3)}}.spinner-rotate{transform-origin:50%;animation:4s linear infinite rotateSlow}.pulse-scale{transform-origin:50%;animation:2s ease-in-out infinite pulseScale}@media print{@page{size:A4;margin:1.5cm}body,html{color:#000!important;background:#fff!important}.sidebar,.sidebar-overlay,.mobile-header,.fab-animated,.glass-button,form,.form-group,button{display:none!important}.layout-container{margin:0!important;padding:0!important;display:block!important}.main-content{margin:0!important;padding:0!important;display:block!important;overflow:visible!important}.responsive-grid{display:block!important}.glass-panel{box-shadow:none!important;background:0 0!important;border:none!important;min-height:auto!important;margin:0!important;padding:0!important}.responsive-grid>.glass-panel:first-child{display:none!important}div[style*="rgba(0, 0, 0, 0.2)"],div[style*="rgba(0,0,0,0.2)"]{background:0 0!important;border:none!important;padding:0!important;overflow:visible!important}.markdown-content{color:#000!important;max-width:100%!important}.markdown-content h1,.markdown-content h2,.markdown-content h3,.markdown-content strong,h2{color:#000!important}.markdown-content,.markdown-content *{color:#000!important;background:#fff!important}}