@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Caveat:wght@400;500;600;700&display=swap";
:root{--glass-card:#fff;--glass-card-hover:#fff;--glass-border:#0f172a14;--glass-border-hover:#0f172a24;--glass-input:#f8fafc;--glass-blur:0px;--ergo:#b91c1c;--ergo-light:#dc2626;--ergo-glow:#dc26261f;--ergo-gradient:linear-gradient(135deg,#b91c1c 0%,#dc2626 60%,#ef4444 100%);--ergo-soft:#fff1f2;--ergo-border:#dc262633;--ergo-border-strong:#dc262640;--ergo-glow-strong:#dc26264d;--ergo-shadow-light:#dc262626;--ergo-shadow-medium:#dc262640;--ergo-shadow-strong:#dc262659;--green:#16a34a;--green-soft:#22c55e;--green-bg:#f0fdf4;--green-glow:#16a34a2e;--green-border:#bbf7d0;--green-gradient:linear-gradient(135deg,#16a34a 0%,#22c55e 100%);--text:#0f172a;--text-secondary:#334155;--text-muted:#64748b;--text-dim:#94a3b8;--text-inverse:#fff;--bg:#f0f3f9;--bg-secondary:#f8fafc;--bg-tertiary:#f1f5f9;--bg-quaternary:#e2e8f0;--bg-card:#fff;--bg-elevated:#fff;--pay-summary-bg:#f8fafc;--pay-summary-border:#e2e8f0;--pay-total-bg:#fff;--pay-total-border:#e2e8f0;--pay-badge-success-bg:#f0fdf4;--pay-badge-success-text:#16a34a;--pay-badge-success-border:#bbf7d0;--pay-input-bg:#f8fafc;--pay-tracker-inactive:#f1f5f9;--pay-tracker-border:#cbd5e1;--pay-tracker-label:#94a3b8;--pay-method-active-bg:#fff1f2;--pay-bottom-bg:#fff;--pay-bottom-border:#e2e8f0;--border:#e2e8f0;--border-subtle:#f1f5f9;--border-light:#f1f5f9;--border-default:#e2e8f0;--border-strong:#cbd5e1;--shadow-xs:0 1px 2px #0f172a0a;--shadow-sm:0 1px 3px #0f172a0f,0 1px 2px #0f172a0a;--shadow-md:0 4px 16px #0f172a12,0 1px 4px #0f172a0d;--shadow-lg:0 10px 25px #0f172a14;--shadow-panel:1px 0 16px #0f172a08;--shadow-sidebar:1px 0 12px #0f172a05;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:12px;--spacing-lg:16px;--spacing-xl:24px;--spacing-xxl:32px;--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-lg:10px;--radius-xl:12px;--radius-card:12px;--radius-full:9999px;--font:"Inter",-apple-system,BlinkMacSystemFont,sans-serif;--font-mono:"JetBrains Mono","DM Mono",monospace;--header-height:64px;--sidebar-width:240px;--transition-fast:.15s;--transition-base:.25s;--success:#16a34a;--success-muted:#f0fdf4;--warning:#f59e0b;--warning-soft:#fffbeb;--warning-border:#fde68a;--error:#ef4444;--card:var(--bg-card);--card-hover:var(--bg-secondary)}.menu-item{border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);color:var(--text-secondary);font-size:var(--font-size-sm);text-align:left;width:100%;font-family:var(--font);background:0 0;border:none;align-items:center;gap:.75rem;padding:.625rem .75rem;display:flex}.menu-item:hover{background:var(--bg-secondary);color:var(--text)}.menu-item.active{background:var(--ergo-soft);color:var(--ergo);border-left:3px solid var(--ergo-light);font-weight:600}.chrome-tabs-container{padding:0 var(--spacing-lg);background:var(--bg);border-bottom:1px solid var(--border);align-items:center;gap:2px;height:36px;display:flex}.chrome-tab{border-radius:var(--radius-md)var(--radius-md)0 0;font-size:var(--font-size-xs);letter-spacing:.05em;cursor:pointer;color:var(--text-secondary);font-weight:700;font-family:var(--font);transition:all var(--transition-fast);background:0 0;border:none;padding:.375rem 1rem}.chrome-tab.active{background:var(--bg-elevated);color:var(--ergo-light);border-bottom:2px solid var(--ergo-light)}.workspace-tabs{padding:6px var(--spacing-lg);background:var(--bg-elevated);border-bottom:1px solid var(--border);align-items:center;gap:4px;min-height:40px;display:flex;overflow-x:auto}.workspace-tab{border-radius:var(--radius-md);font-size:var(--font-size-xs);cursor:pointer;color:var(--text-secondary);white-space:nowrap;transition:all var(--transition-fast);font-weight:500;font-family:var(--font);background:0 0;border:1px solid #0000;align-items:center;gap:6px;padding:.375rem .75rem;display:flex}.workspace-tab:hover{background:var(--bg-secondary);color:var(--text)}.workspace-tab.active{background:var(--ergo-soft);color:var(--ergo-light);border-color:var(--ergo-light);font-weight:600}.workspace-tab.pinned{border-left:2px solid var(--ergo-light)}.skeleton{background:linear-gradient(90deg,var(--bg-secondary)25%,var(--border)50%,var(--bg-secondary)75%);border-radius:var(--radius-md);background-size:200% 100%;animation:1.5s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes pulse{0%,to{opacity:.6}50%{opacity:.3}}[data-theme=dark]{--bg:#262220;--bg-secondary:#2e2824;--bg-tertiary:#322c26;--bg-quaternary:#3a332d;--bg-card:#ffffff0a;--bg-elevated:#201c1a;--glass-card:#1412108c;--glass-card-hover:#1c1916b3;--glass-border:#ffffff12;--glass-border-hover:#ffffff24;--glass-input:#ffffff0f;--text:#fff;--text-secondary:#ffffffd9;--text-muted:#ffffffa6;--text-dim:#ffffff73;--text-inverse:#111827;--bg-gradient-light:radial-gradient(ellipse at 15% 45%,#6e5a462e 0%,transparent 55%),radial-gradient(ellipse at 85% 25%,#55483a1f 0%,transparent 45%),radial-gradient(ellipse at 50% 90%,#8b1a1a0d 0%,transparent 45%),linear-gradient(165deg,#2a2520 0%,#322c26 35%,#2e2824 65%,#262220 100%);--border:#ffffff12;--border-subtle:#ffffff0a;--border-light:#ffffff0f;--border-default:#ffffff12;--border-strong:#ffffff24;--shadow-xs:0 1px 2px #00000040;--shadow-sm:0 1px 3px #00000040;--shadow-md:0 2px 8px #00000059;--shadow-lg:0 4px 20px #00000073;--shadow-panel:1px 0 16px #00000059;--shadow-sidebar:1px 0 12px #00000040;--card:#ffffff0a;--card-hover:#ffffff0f;--success:#10b981;--success-muted:#10b9811f;--warning:#f59e0b;--warning-soft:#f59e0b14;--warning-border:#f59e0b24;--ergo-soft:#dc26261a;--ergo-glow:#dc26264d;--pay-summary-bg:#322c26;--pay-summary-border:#ffffff12;--pay-total-bg:#201c1a;--pay-total-border:#ffffff24;--pay-badge-success-bg:#10b9811f;--pay-badge-success-text:#10b981;--pay-badge-success-border:#10b98140;--pay-input-bg:#ffffff0f;--pay-tracker-inactive:#3a332d;--pay-tracker-border:#ffffff24;--pay-tracker-label:#ffffff73;--pay-method-active-bg:#dc26261a;--pay-bottom-bg:#201c1a;--pay-bottom-border:#ffffff24}[data-theme=dark] .menu-item:hover{background:#ffffff0f}[data-theme=dark] .menu-item.active{color:#f0f2f5;background:#8b1a1a1a}[data-theme=dark] .chrome-tabs-container{background:#262220}[data-theme=dark] .chrome-tab.active{color:#f0f2f5;background:#201c1a}[data-theme=dark] .workspace-tabs{background:#201c1a}[data-theme=dark] .workspace-tab.active{color:#f0f2f5;background:#8b1a1a1a}
*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font);background:var(--bg-gradient-light);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-attachment:fixed;min-height:100vh}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background:#0000001f}::-webkit-scrollbar-thumb:hover{background:#00000038}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fade-in{animation:.4s ease-out fadeIn}.animate-slide-up{animation:.5s ease-out slideUp}