:root{--bg-primary: #0d1117;--bg-secondary: #161b22;--bg-tertiary: #21262d;--bg-hover: #30363d;--text-primary: #f0f6fc;--text-secondary: #8b949e;--text-muted: #6e7681;--smart-img: #3fb950;--smart-img-bg: rgba(63, 185, 80, .15);--ai-related: #58a6ff;--ai-related-bg: rgba(88, 166, 255, .15);--one-off: #f78166;--one-off-bg: rgba(247, 129, 102, .15);--ongoing: #a371f7;--ongoing-bg: rgba(163, 113, 247, .15);--revenue: #f0c14b;--revenue-bg: rgba(240, 193, 75, .15);--fe-color: #58a6ff;--be-color: #3fb950;--ml-color: #f78166;--ux-color: #a371f7;--sidebar-width: 300px;--header-height: 60px;--toolbar-height: 48px;--legend-height: 44px;--sprint-width: 130px;--track-height: 88px;--font-display: "DM Sans", -apple-system, sans-serif;--font-body: "DM Sans", -apple-system, sans-serif;--border-color: var(--bg-tertiary)}*{box-sizing:border-box}body{font-family:var(--font-body);margin:0;padding:0;background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app-container{display:flex;flex-direction:column;height:100vh;width:100vw;overflow:hidden}.top-bar{height:60px;background:var(--bg-panel);border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;padding:0 24px}.app-title{font-size:20px;font-weight:700;display:flex;align-items:center;gap:12px}.cost-display{font-size:14px;color:var(--text-secondary);background:var(--bg-card);padding:6px 12px;border-radius:6px;border:1px solid var(--border-color)}.cost-display span{color:var(--accent-success);font-weight:600;font-family:monospace;font-size:16px;margin-left:8px}.logo-icon{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800}.main-content{flex:1;display:flex;overflow:hidden}.action-btn{background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-secondary);padding:8px 16px;border-radius:6px;display:flex;align-items:center;gap:8px;cursor:pointer;font-weight:500;transition:all .2s}.action-btn:hover{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}