@charset "UTF-8";:root{--color-primary-50: #eef2ff;--color-primary-100: #e0e7ff;--color-primary-200: #c7d2fe;--color-primary-500: #6366f1;--color-primary-600: #4f46e5;--color-primary-700: #4338ca;--color-primary-800: #3730a3;--color-primary: var(--color-primary-600);--color-primary-hover: var(--color-primary-700);--color-primary-active:var(--color-primary-800);--color-ai-start: #7c3aed;--color-ai-end: #4f46e5;--gradient-ai: linear-gradient(135deg, var(--color-ai-start), var(--color-ai-end));--color-ai-gradient: var(--gradient-ai);--color-ai-gradient-hover: linear-gradient(135deg, #6d28d9 0%, #4338ca 100%);--color-ai-purple: #7c3aed;--color-ai-bg: #f5f3ff;--color-ai-border: #ddd6fe;--bg-app: #f8fafc;--bg-surface: #ffffff;--bg-card: var(--bg-surface);--bg-hover: #f1f5f9;--bg-subtle: #f8fafc;--border-hairline: #e2e8f0;--border-strong: #cbd5e1;--border-input: #cbd5e1;--text-heading: #0f172a;--text-body: #334155;--text-muted: #64748b;--text-primary: var(--text-heading);--text-secondary:var(--text-body);--text-on-primary: #ffffff;--color-success-bg: #ecfdf5;--color-success-text: #047857;--color-success-border: #a7f3d0;--color-success: var(--color-success-text);--color-warning-bg: #fffbeb;--color-warning-text: #b45309;--color-warning-border: #fde68a;--color-warning: var(--color-warning-text);--color-danger-bg: #fef2f2;--color-danger-text: #b91c1c;--color-danger-border: #fecaca;--color-danger: var(--color-danger-text);--font-heading: "Plus Jakarta Sans", "Inter", system-ui, sans-serif;--font-body: "Inter", system-ui, -apple-system, sans-serif;--font-formal: "Cinzel", serif;--font-serif: var(--font-formal);--fs-xs: .75rem;--fs-sm: .875rem;--fs-base: .9375rem;--fs-lg: 1.125rem;--fs-xl: 1.5rem;--fs-2xl: 2rem;--fs-3xl: 2.5rem;--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--fw-extrabold: 800;--lh-tight: 1.2;--lh-normal: 1.5;--lh-relaxed: 1.7;--radius-xs: .25rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.25rem;--radius-full: 9999px;--bg-glass: rgba(255, 255, 255, .7);--border-glass: rgba(255, 255, 255, .5);--shadow-glass: 0 4px 30px rgba(0, 0, 0, .1);--shadow-sm: 0 1px 3px rgba(15, 23, 42, .05);--shadow-md: 0 4px 12px rgba(15, 23, 42, .08);--shadow-lg: 0 12px 32px rgba(15, 23, 42, .12);--shadow-ai: 0 4px 14px rgba(124, 58, 237, .25);--transition-fast: .15s ease;--transition-base: .2s ease;--focus-ring: 0 0 0 2px rgba(79, 70, 229, .35);--nav-bg: rgba(255, 255, 255, .95);--nav-border: #e2e8f0;--hero-bg: linear-gradient(135deg, #ffffff 0%, #f1f5f9 100%);--hero-border: #cbd5e1;--hero-text: #0f172a;--hero-desc: #334155;--hero-badge-bg: #eef2ff;--hero-badge-color: #4f46e5;--hero-badge-border: #c7d2fe;--footer-bg: #ffffff;--footer-border: #e2e8f0;--footer-heading: #0f172a;--footer-text: #334155;--footer-muted: #64748b;--footer-bottom-border: #f1f5f9}[data-theme=dark]{--color-primary-50: rgba(99, 102, 241, .15);--color-primary-100: rgba(99, 102, 241, .25);--color-primary-200: rgba(99, 102, 241, .4);--color-primary-500: #818cf8;--color-primary-600: #6366f1;--color-primary-700: #4f46e5;--color-ai-start: #a855f7;--color-ai-end: #6366f1;--gradient-ai: linear-gradient(135deg, var(--color-ai-start), var(--color-ai-end));--color-ai-purple: #c084fc;--color-ai-bg: rgba(168, 85, 247, .15);--color-ai-border: rgba(168, 85, 247, .35);--bg-app: #0f172a;--bg-surface: #1e293b;--bg-card: var(--bg-surface);--bg-hover: #334155;--bg-subtle: #1e293b;--border-hairline: #334155;--border-strong: #475569;--border-input: #475569;--text-heading: #f8fafc;--text-body: #cbd5e1;--text-muted: #94a3b8;--text-primary: var(--text-heading);--text-secondary:var(--text-body);--text-on-primary: #ffffff;--color-success-bg: rgba(16, 185, 129, .15);--color-success-text: #34d399;--color-success-border: rgba(16, 185, 129, .35);--color-warning-bg: rgba(245, 158, 11, .15);--color-warning-text: #fbbf24;--color-warning-border: rgba(245, 158, 11, .35);--color-danger-bg: rgba(239, 68, 68, .15);--color-danger-text: #f87171;--color-danger-border: rgba(239, 68, 68, .35);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .35);--shadow-md: 0 8px 24px rgba(0, 0, 0, .45);--shadow-lg: 0 16px 40px rgba(0, 0, 0, .55);--nav-bg: rgba(17, 24, 39, .9);--nav-border: #1f2937;--hero-bg: linear-gradient(135deg, #111827 0%, #1e1b4b 50%, #311b92 100%);--hero-border: #312e81;--hero-text: #ffffff;--hero-desc: #c7d2fe;--hero-badge-bg: rgba(168, 85, 247, .15);--hero-badge-color: #c084fc;--hero-badge-border: rgba(168, 85, 247, .35);--footer-bg: #0b0f19;--footer-border: #1f2937;--footer-heading: #ffffff;--footer-text: #9ca3af;--footer-muted: #6b7280;--footer-bottom-border: #1f2937}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;font-family:var(--font-body);font-size:var(--fs-base);line-height:var(--lh-normal);color:var(--text-body);background:var(--bg-app);-webkit-font-smoothing:antialiased;transition:background-color .2s ease,color .2s ease}h1,h2,h3,h4{font-family:var(--font-heading);color:var(--text-heading)!important;line-height:var(--lh-tight);letter-spacing:-.015em;margin:0}h1{font-size:var(--fs-3xl);font-weight:var(--fw-extrabold)}h2{font-size:var(--fs-2xl);font-weight:var(--fw-bold)}h3{font-size:var(--fs-xl);font-weight:var(--fw-bold)}h4{font-size:var(--fs-lg);font-weight:var(--fw-semibold)}p{margin:0;color:var(--text-body)}small,.text-muted{font-size:var(--fs-sm);color:var(--text-muted)}a{color:var(--color-primary-600);text-decoration:none!important;transition:color var(--transition-fast)}a:hover{text-decoration:none!important}.card,.saas-card,.content-card{background:var(--bg-surface);border:1px solid var(--border-hairline);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);padding:var(--space-6);transition:box-shadow var(--transition-base),transform var(--transition-base),background-color .2s ease}.card:hover,.saas-card:hover{box-shadow:var(--shadow-md)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-family:var(--font-body);font-weight:var(--fw-bold);font-size:var(--fs-sm);padding:10px 20px;border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;white-space:nowrap;transition:all .2s cubic-bezier(.175,.885,.32,1.275);outline:none;text-decoration:none!important}.btn:focus-visible{box-shadow:var(--focus-ring)}.btn:disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn:active:not(:disabled){transform:translateY(1px);box-shadow:var(--shadow-sm)}.btn-primary{background:var(--color-primary-600)!important;color:var(--text-on-primary)!important}.btn-primary:hover{background:var(--color-primary-700)!important}.btn-secondary{background:var(--bg-surface)!important;color:var(--text-heading)!important;border-color:var(--border-strong)!important}.btn-secondary:hover{background:var(--bg-hover)!important}.btn-outline{background:var(--bg-surface)!important;color:var(--text-heading)!important;border:1px solid var(--border-strong)!important;box-shadow:var(--shadow-sm)}.btn-outline:hover{background:var(--color-primary-50)!important;border-color:var(--color-primary-600)!important;color:var(--color-primary-600)!important;text-decoration:none!important}.btn-ghost{background-color:transparent!important;color:var(--text-body)!important}.btn-ghost:hover{background-color:var(--bg-hover)!important;color:var(--text-heading)!important}.btn-danger{background-color:var(--color-danger-bg)!important;color:var(--color-danger-text)!important;border-color:var(--color-danger-border)!important}.btn-danger:hover{background-color:#ef444440!important}.btn-ai{background:var(--gradient-ai)!important;color:var(--text-on-primary)!important;border:none!important;box-shadow:var(--shadow-md)}.btn-ai:hover{filter:brightness(1.1)}.btn-sm{padding:6px 14px;font-size:var(--fs-xs);border-radius:var(--radius-sm)}.badge{display:inline-flex;align-items:center;gap:4px;font-size:var(--fs-xs);font-weight:var(--fw-bold);padding:4px 10px;border-radius:var(--radius-full)}.badge-success,.badge-emerald{background:var(--color-success-bg);color:var(--color-success-text)!important;border:1px solid var(--color-success-border)}.badge-warning,.badge-amber{background:var(--color-warning-bg);color:var(--color-warning-text)!important;border:1px solid var(--color-warning-border)}.badge-danger{background:var(--color-danger-bg);color:var(--color-danger-text)!important;border:1px solid var(--color-danger-border)}.badge-ai,.badge-primary{background:var(--color-primary-50);color:var(--color-primary-600)!important;border:1px solid var(--color-primary-200)}.badge-slate{background:var(--bg-hover);color:var(--text-body)!important;border:1px solid var(--border-hairline)}.form-group{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-4)}.form-group label{font-size:var(--fs-sm);font-weight:var(--fw-bold);color:var(--text-heading)!important}input,select,textarea,.input-control,.form-control{font-family:var(--font-body);font-size:var(--fs-base);color:var(--text-heading)!important;background:var(--bg-surface)!important;border:1px solid var(--border-strong)!important;border-radius:var(--radius-md)!important;padding:12px 16px;width:100%;transition:all .2s ease;box-shadow:var(--shadow-sm)}input:focus,select:focus,textarea:focus,.input-control:focus,.form-control:focus{outline:none;border-color:var(--color-primary-600)!important;box-shadow:0 0 0 2px var(--color-primary-50)}.stat-card{border-top:3px solid var(--color-primary-600)}.qp-table{width:100%;border-collapse:collapse;text-align:left}.qp-table th{font-size:var(--fs-xs);font-weight:var(--fw-bold);color:var(--text-muted)!important;text-transform:uppercase;letter-spacing:.6px;padding:.5rem .75rem;border-bottom:2px solid var(--border-hairline);background:var(--bg-subtle)}.qp-table td{padding:.6rem .75rem;border-bottom:1px solid var(--border-hairline);font-size:var(--fs-sm);vertical-align:middle;color:var(--text-body)}.qp-table td a{text-decoration:none!important}.empty-state-box{text-align:center;padding:2.75rem 1.5rem;background:transparent;border:none;margin:0}.empty-state-box .empty-icon-wrapper{width:56px;height:56px;border-radius:0!important;background:var(--color-primary-50);color:var(--color-primary-600);display:flex;align-items:center;justify-content:center;margin:0 auto 1.25rem}.empty-state-box .empty-icon-wrapper svg{stroke:var(--color-primary-600)}.empty-state-box h4{font-size:var(--fs-lg);font-weight:var(--fw-bold);color:var(--text-heading)!important;margin-bottom:.5rem}.empty-state-box p{font-size:var(--fs-sm);color:var(--text-muted)!important;max-width:440px;margin:0 auto 1.5rem;line-height:var(--lh-normal)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-app)}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:0}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton-line,.skeleton-row{height:20px;border-radius:0!important;background:linear-gradient(90deg,var(--bg-hover) 25%,var(--border-hairline) 50%,var(--bg-hover) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;margin-bottom:10px}@media(max-width:640px){.card,.saas-card,.content-card{padding:var(--space-4)}.empty-state-box{padding:2rem 1rem}}.glass-card{background:var(--bg-glass);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--border-glass);box-shadow:var(--shadow-glass);border-radius:var(--radius-lg)}
