:root{--color-bg: #080C14;--color-surface: #0F1624;--color-surface2: #19233A;--color-surface3: #1F2D47;--color-border: #243048;--color-border2: #2E3D5C;--color-accent: #10E8C5;--color-accent2: #0DC4A8;--color-blue: #3B82F6;--color-yellow: #F59E0B;--color-red: #EF4444;--color-green: #22C55E;--color-text: #E8EFF8;--color-text2: #A8BCCF;--color-muted: #5A7290;--font-display: "Syne", sans-serif;--font-body: "Outfit", sans-serif;--font-mono: "Fira Code", monospace;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--shadow-sm: 0 1px 3px rgba(0,0,0,.3);--shadow-md: 0 4px 16px rgba(0,0,0,.4);--shadow-lg: 0 8px 32px rgba(0,0,0,.5);--shadow-glow: 0 0 20px rgba(16,232,197,.15);--sidebar-width: 252px;--header-height: 56px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);background-color:var(--color-bg);color:var(--color-text);min-height:100vh;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border2);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-muted)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;line-height:1.2;color:var(--color-text)}code,pre,.mono{font-family:var(--font-mono)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1);box-shadow:0 0 #10e8c566}50%{opacity:.8;transform:scale(.9);box-shadow:0 0 0 4px #10e8c500}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes spin{to{transform:rotate(360deg)}}.animate-fade-in{animation:fadeIn .2s ease-out}.progress-track{height:5px;background:var(--color-surface3);border-radius:99px;overflow:hidden}.progress-fill{height:100%;border-radius:99px;background:linear-gradient(90deg,var(--color-accent),var(--color-blue));transition:width .6s cubic-bezier(.4,0,.2,1)}.skeleton{background:linear-gradient(90deg,var(--color-surface2) 25%,var(--color-surface3) 50%,var(--color-surface2) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-sm)}.log-ok{color:var(--color-accent)}.log-info{color:var(--color-muted)}.log-warn{color:var(--color-yellow)}.log-error{color:var(--color-red)}