:root{--bg: #080b10;--bg2: #10151d;--bg3: #161c25;--panel: rgba(14, 18, 25, .94);--panel-2: rgba(11, 15, 22, .94);--border: rgba(118, 139, 170, .18);--border2: rgba(118, 139, 170, .28);--text: #f2f6fb;--text2: #90a0b8;--text3: #566275;--green: #14d49c;--green2: #18e5ad;--green-bg: rgba(20, 212, 156, .1);--green-border: rgba(20, 212, 156, .28);--red: #ff6278;--red-bg: rgba(255, 98, 120, .1);--red-border: rgba(255, 98, 120, .28);--amber: #ffbe5c;--amber-bg: rgba(255, 190, 92, .1);--amber-border: rgba(255, 190, 92, .25);--blue: #6aa8ff;--blue-bg: rgba(106, 168, 255, .1);--blue-border: rgba(106, 168, 255, .24);--venice: #87ffb0;--venice-bg: rgba(135, 255, 176, .1);--venice-border: rgba(135, 255, 176, .24);--cyan: #23d9ff;--font-mono: "JetBrains Mono", monospace;--font-sans: "Space Grotesk", sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100%}body{background:radial-gradient(circle at top center,rgba(35,217,255,.09),transparent 28%),linear-gradient(180deg,#07090d,#0a0d12);color:var(--text);font-family:var(--font-sans);line-height:1.5;min-height:100vh;overflow-x:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(rgba(255,255,255,.012) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.012) 1px,transparent 1px);background-size:42px 42px;-webkit-mask-image:radial-gradient(circle at center,black 60%,transparent 100%);mask-image:radial-gradient(circle at center,black 60%,transparent 100%);opacity:.35;z-index:0}.grid-bg{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle at 20% 20%,rgba(35,217,255,.08),transparent 22%),radial-gradient(circle at 80% 10%,rgba(20,212,156,.08),transparent 18%),radial-gradient(circle at 50% 100%,rgba(106,168,255,.08),transparent 24%);z-index:0}.app{position:relative;z-index:1;width:min(1380px,calc(100vw - 32px));margin:20px auto;min-height:calc(100vh - 40px);padding:10px;border-radius:24px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,#0e1219f5,#0a0d13fa);box-shadow:0 24px 70px #0000006b,inset 0 1px #ffffff0a}.app-shell{display:grid;grid-template-columns:240px minmax(0,1fr);gap:20px;min-height:calc(100vh - 62px)}.sidebar-shell{border-radius:18px;padding:22px 16px;background:linear-gradient(180deg,#0a0e14fa,#0d1218f5);border:1px solid rgba(118,139,170,.18)}.main-shell{border-radius:18px;padding:28px;background:linear-gradient(180deg,#0f141bfa,#0b0f16fa);border:1px solid rgba(118,139,170,.16);min-width:0}.content-scroll{display:flex;flex-direction:column;gap:24px}@keyframes fadein{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-v{0%,to{opacity:1}50%{opacity:.35}}button,input,textarea{font-family:var(--font-sans)}input:focus,textarea:focus{border-color:#23d9ff59;outline:none}a{transition:opacity .2s ease}a:hover{opacity:.86}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#ffffff05}::-webkit-scrollbar-thumb{background:#768baa59;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#768baa80}@media (max-width: 1024px){.app{width:min(100vw,calc(100vw - 16px));margin:8px auto;min-height:calc(100vh - 16px)}.app-shell{grid-template-columns:1fr}.sidebar-shell,.main-shell{padding:18px}}