@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";
:root{--bg-primary:#fafafa;--bg-secondary:#f4f4f5;--bg-tertiary:#e4e4e7;--bg-card:#fff;--bg-card-hover:#fdfdfd;--text-primary:#18181b;--text-secondary:#52525b;--text-tertiary:#71717a;--text-muted:#a1a1aa;--text-accent:#15803d;--accent-primary:#15803d;--accent-secondary:#86efac;--accent-warm:#fdba74;--accent-gradient:linear-gradient(135deg,#15803d 0%,#166534 100%);--success:#15803d;--warning:#f97316;--error:#dc2626;--border-subtle:#e4e4e7;--border-light:#d4d4d8;--glass-bg:#fffc;--glass-border:#0000000d;--glass-blur:16px;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-glow:none;--font-serif:var(--font-sans);--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-mono:"JetBrains Mono","Menlo",monospace;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.4s ease;--action-card-bg:var(--bg-card);--action-card-bg-hover:var(--bg-card-hover);--action-card-border:var(--border-subtle);--action-card-border-hover:var(--border-light);--action-card-radius:var(--radius-lg);--action-card-shadow:var(--shadow-sm);--action-card-shadow-hover:var(--shadow-md);--action-card-padding:var(--space-md);--result-card-bg:var(--bg-secondary);--result-card-border:var(--border-subtle);--result-card-radius:var(--radius-md);--result-card-padding:var(--space-md);--result-card-title-size:.95rem;--processing-bg:var(--bg-card);--processing-text:var(--text-primary);--processing-radius:var(--radius-xl);--processing-padding:var(--space-lg)var(--space-xl);--wip-bg:#fef3c7;--wip-text:#d97706;--wip-border:#f59e0b;--btn-primary-bg:var(--accent-gradient);--btn-primary-text:white;--btn-primary-radius:var(--radius-md);--btn-primary-shadow:0 4px 12px #10b9814d;--btn-primary-shadow-hover:0 6px 20px #10b98166;--btn-secondary-bg:transparent;--btn-secondary-text:var(--text-secondary);--btn-secondary-border:var(--border-subtle);--tool-email-color:#10b981;--tool-tabs-color:#3b82f6;--tool-bookmarks-color:#f59e0b;--tool-finance-color:#8b5cf6;--stat-value-color:var(--accent-primary);--badge-radius:var(--radius-full)}*{box-sizing:border-box;margin:0;padding:0}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}body{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;line-height:1.6}a{color:inherit;text-decoration:none}.container{max-width:1200px;padding:0 var(--space-lg);margin:0 auto}.btn{justify-content:center;align-items:center;gap:var(--space-sm);padding:var(--space-sm)var(--space-lg);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);border:none;font-size:.95rem;font-weight:500;text-decoration:none;display:inline-flex}.btn-primary{background:var(--accent-gradient);color:#fff;box-shadow:var(--shadow-sm),0 0 20px #6366f14d}.btn-primary:hover{box-shadow:var(--shadow-md),0 0 30px #6366f166;transform:translateY(-2px)}.btn-secondary{background:var(--glass-bg);color:var(--text-primary);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur))}.btn-secondary:hover{background:var(--bg-card-hover);border-color:var(--border-light)}.btn-lg{padding:var(--space-md)var(--space-xl);border-radius:var(--radius-lg);font-size:1.1rem}.btn-icon{border-radius:var(--radius-full);width:40px;height:40px;padding:0}.card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-lg);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));transition:all var(--transition-base)}.card:hover{background:var(--bg-card-hover);border-color:var(--border-light);box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-header{margin-bottom:var(--space-md);justify-content:space-between;align-items:center;display:flex}.card-title{color:var(--text-primary);font-size:1.1rem;font-weight:600}.card-subtitle{color:var(--text-secondary);font-size:.85rem}.badge{align-items:center;gap:var(--space-xs);padding:var(--space-xs)var(--space-sm);border-radius:var(--radius-full);background:var(--glass-bg);border:1px solid var(--glass-border);font-size:.75rem;font-weight:500;display:inline-flex}.badge-success{color:var(--success);background:#10b98126;border-color:#10b9814d}.badge-warning{color:var(--warning);background:#f59e0b26;border-color:#f59e0b4d}.badge-error{color:var(--error);background:#ef444426;border-color:#ef44444d}.badge-accent{color:var(--accent-secondary);background:#6366f126;border-color:#6366f14d}.stat{text-align:center}.stat-value{background:var(--accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:700}.stat-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.85rem}.grid{gap:var(--space-lg);display:grid}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media (max-width:768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.spinner{border:2px solid var(--border-light);border-top-color:var(--accent-primary);border-radius:50%;width:24px;height:24px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-fade-in{animation:.5s ease-out forwards fadeIn}.animate-slide-in{animation:.4s ease-out forwards slideIn}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}
