@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--bg-color:#f8fafc;--panel-bg:#fff;--panel-bg-hover:#f1f5f9;--panel-border:#e2e8f0;--text-primary:#0f172a;--text-secondary:#475569;--text-tertiary:#94a3b8;--accent-color:#0f172a;--accent-text:#fff;--brand-blue:#3b82f6;--brand-purple:#7c3aed;--success:#10b981;--success-bg:#10b9811a;--warning:#f59e0b;--warning-bg:#f59e0b1a;--danger:#ef4444;--danger-bg:#ef44441a;--shadow-sm:0 1px 2px 0 #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}[data-theme=dark]{--bg-color:#0b0f19;--panel-bg:#111827;--panel-bg-hover:#1f2937;--panel-border:#1f2937;--text-primary:#f9fafb;--text-secondary:#9ca3af;--text-tertiary:#6b7280;--accent-color:#fff;--accent-text:#0b0f19;--shadow-sm:0 1px 2px 0 #0000004d;--shadow-md:0 4px 6px -1px #0006;--shadow-lg:0 10px 15px -3px #00000080}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;transition:background-color .3s,color .3s;overflow-x:hidden}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;outline:none;font-family:inherit}.saas-card{background:var(--panel-bg);border:1px solid var(--panel-border);box-shadow:var(--shadow-sm);border-radius:12px;transition:background-color .3s,border-color .3s}.saas-input{background:var(--bg-color);border:1px solid var(--panel-border);color:var(--text-primary);border-radius:8px;padding:10px 14px;font-size:14px;transition:all .2s}.saas-input:focus{border-color:var(--brand-blue);outline:none;box-shadow:0 0 0 2px #3b82f633}.btn-primary{background:var(--accent-color);color:var(--accent-text);box-shadow:var(--shadow-sm);border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:500;transition:opacity .2s;display:inline-flex}.btn-primary:hover{opacity:.9}.btn-secondary{background:var(--panel-bg);color:var(--text-primary);border:1px solid var(--panel-border);box-shadow:var(--shadow-sm);border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:500;transition:background .2s;display:inline-flex}.btn-secondary:hover{background:var(--panel-bg-hover)}.flex-center{justify-content:center;align-items:center;display:flex}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--panel-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.badge{border-radius:999px;align-items:center;padding:4px 10px;font-size:12px;font-weight:500;display:inline-flex}.badge.active{background:var(--success-bg);color:var(--success)}.badge.inactive{background:var(--panel-bg-hover);color:var(--text-secondary)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{display:inline-block;animation:1s linear infinite spin!important}