@import "https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&family=JetBrains+Mono:wght@400;500&display=swap";:root{--sg-font:"DM Sans", -apple-system, BlinkMacSystemFont, sans-serif;--sg-mono:"JetBrains Mono", ui-monospace, monospace;--sg-sidebar:#243447;--sg-sidebar-active:#5c77ff2e;--sg-sidebar-text:#fff9;--sg-sidebar-text-active:#fff;--sg-primary:#5c77ff;--sg-primary-light:#7b93ff;--sg-primary-soft:#5c77ff14;--sg-accent:#06b6d4;--sg-success:#10b981;--sg-warning:#f59e0b;--sg-danger:#ef4444;--sg-bg:#f8fafc;--sg-surface:#fff;--sg-border:#e2e8f0;--sg-text:#1e293b;--sg-text-secondary:#64748b;--sg-text-muted:#94a3b8;--sg-radius:12px;--sg-radius-sm:8px;--sg-shadow-sm:0 1px 2px #0000000a;--sg-shadow:0 1px 3px #0000000f, 0 1px 2px #0000000a;--sg-shadow-md:0 4px 6px -1px #00000012, 0 2px 4px -2px #0000000d;--sg-shadow-lg:0 10px 25px -3px #00000014, 0 4px 6px -4px #0000000a;--sg-gradient-primary:linear-gradient(135deg, #5c77ff 0%, #3b5bdb 100%);--sg-gradient-accent:linear-gradient(135deg, #06b6d4 0%, #3b82f6 100%);--sg-gradient-success:linear-gradient(135deg, #10b981 0%, #34d399 100%);--sg-gradient-warm:linear-gradient(135deg, #f59e0b 0%, #f97316 100%)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#app{height:100%;font-family:var(--sg-font);color:var(--sg-text);background:var(--sg-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulse-soft{0%,to{opacity:1}50%{opacity:.7}}@keyframes float{0%,to{transform:translateY(0)rotate(0)}33%{transform:translateY(-8px)rotate(1deg)}66%{transform:translateY(4px)rotate(-1deg)}}.animate-in{animation:.4s ease-out both fadeInUp}.animate-in-delay-1{animation-delay:50ms}.animate-in-delay-2{animation-delay:.1s}.animate-in-delay-3{animation-delay:.15s}.animate-in-delay-4{animation-delay:.2s}