@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Space+Grotesk:wght@500;600;700&family=IBM+Plex+Mono:wght@400;500;600&display=swap";:root{--bg: #F8FAFC;--bg-subtle: #F1F5F9;--bg-card-subtle: #FAFAFC;--surface: #FFFFFF;--surface-raised: #F8FAFC;--surface-hover: #FFF1F2;--border: #E2E8F0;--border-soft: #F1F5F9;--border-focus: #E31E24;--text: #0F172A;--text-heading: #020617;--text-muted: #64748B;--text-faint: #94A3B8;--brand: #E31E24;--brand-gradient: linear-gradient(135deg, #FF2E35 0%, #C81016 100%);--brand-dim: rgba(227, 30, 36, .08);--brand-dim-hover: rgba(227, 30, 36, .16);--brand-text: #FFFFFF;--brand-glow: rgba(227, 30, 36, .28);--accent: var(--brand);--accent-dim: var(--brand-dim);--accent-text: var(--brand-text);--success: #10B981;--success-dim: #ECFDF5;--success-border: #A7F3D0;--warn: #F59E0B;--warn-dim: #FFFBEB;--warn-border: #FDE68A;--danger: #EF4444;--danger-dim: #FEF2F2;--danger-border: #FCA5A5;--info: #3B82F6;--info-dim: #EFF6FF;--info-border: #BFDBFE;--font-display: "Space Grotesk", system-ui, -apple-system, sans-serif;--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "IBM Plex Mono", "SF Mono", monospace;--radius-sm: 6px;--radius: 10px;--radius-lg: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(15, 23, 42, .04);--shadow-card: 0 4px 16px -2px rgba(15, 23, 42, .05), 0 0 0 1px var(--border);--shadow-card-hover: 0 12px 32px -4px rgba(227, 30, 36, .14), 0 0 0 1px var(--brand-glow);--shadow-lg: 0 20px 40px -10px rgba(15, 23, 42, .12);--shadow-focus: 0 0 0 3px rgba(227, 30, 36, .2);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .25s cubic-bezier(.4, 0, .2, 1)}[data-theme=dark]{--bg: #0B0F19;--bg-subtle: #111827;--bg-card-subtle: #161F33;--surface: #111827;--surface-raised: #1F2937;--surface-hover: #2D3748;--border: #1F2937;--border-soft: #182235;--border-focus: #F43F5E;--text: #F9FAFB;--text-heading: #FFFFFF;--text-muted: #9CA3AF;--text-faint: #6B7280;--brand: #F43F5E;--brand-gradient: linear-gradient(135deg, #FF385C 0%, #E11D48 100%);--brand-dim: rgba(244, 63, 94, .16);--brand-dim-hover: rgba(244, 63, 94, .28);--brand-text: #FFFFFF;--brand-glow: rgba(244, 63, 94, .35);--accent: var(--brand);--accent-dim: var(--brand-dim);--accent-text: var(--brand-text);--success: #10B981;--success-dim: rgba(16, 185, 129, .16);--success-border: #047857;--warn: #F59E0B;--warn-dim: rgba(245, 158, 11, .16);--warn-border: #B45309;--danger: #EF4444;--danger-dim: rgba(239, 68, 68, .16);--danger-border: #B91C1C;--info: #3B82F6;--info-dim: rgba(59, 130, 246, .16);--info-border: #1D4ED8;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .5);--shadow-card: 0 4px 16px -2px rgba(0, 0, 0, .5), 0 0 0 1px rgba(255, 255, 255, .07);--shadow-card-hover: 0 14px 36px -4px rgba(244, 63, 94, .25), 0 0 0 1px var(--brand);--shadow-lg: 0 20px 40px -10px rgba(0, 0, 0, .8);--shadow-focus: 0 0 0 3px rgba(244, 63, 94, .35)}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;width:100%;min-height:100vh}button,input,select,textarea{font-family:inherit}h1,h2,h3,h4{font-family:var(--font-display);margin:0}.login-screen{min-height:100vh;width:100%;display:flex;align-items:center;justify-content:center;padding:24px 16px;background:radial-gradient(circle at 15% 15%,rgba(227,30,36,.08) 0%,transparent 45%),radial-gradient(circle at 85% 85%,rgba(227,30,36,.06) 0%,transparent 50%),var(--bg);position:relative}.login-card{width:100%;max-width:420px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:36px 32px;box-shadow:var(--shadow-lg);margin:0 auto}.app-shell{display:flex;min-height:100vh;background:var(--bg);position:relative}.sidebar{width:260px;background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;justify-content:space-between;padding:20px 16px;flex-shrink:0;transition:width .2s ease,transform var(--transition-normal);z-index:100}.sidebar.collapsed{width:72px;padding:20px 10px}.sidebar.collapsed .sidebar-top{justify-content:center}.sidebar.collapsed .nav-item{justify-content:center;padding:12px}.sidebar-top{display:flex;align-items:center;gap:12px;margin-bottom:24px}.brand-mark{width:40px;height:40px;background:var(--brand-dim);border-radius:var(--radius);padding:6px;display:flex;align-items:center;justify-content:center}.brand-mark img{width:100%;height:100%;object-fit:contain}.brand-text h1{font-size:18px;font-weight:700;color:var(--text)}.brand-text p{font-size:11px;font-weight:600;color:var(--brand);text-transform:uppercase;letter-spacing:.08em;margin:0}.nav{display:flex;flex-direction:column;gap:6px}.nav-item{display:flex;align-items:center;gap:12px;background:transparent;border:1px solid transparent;color:var(--text-muted);padding:10px 14px;border-radius:var(--radius);font-size:13.5px;font-weight:500;cursor:pointer;transition:all var(--transition-fast);text-align:left;width:100%}.nav-item:hover{background:var(--surface-raised);color:var(--text)}.nav-item.active{background:var(--brand-dim);color:var(--brand);border-color:#e31e2426;font-weight:600}.sidebar-bottom{border-top:1px solid var(--border);padding-top:16px}.user-chip{display:flex;align-items:center;gap:12px;padding:8px;border-radius:var(--radius);transition:background var(--transition-fast)}.user-avatar{width:36px;height:36px;border-radius:50%;background:var(--brand-dim);color:var(--brand);border:1.5px solid rgba(227,30,36,.2);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;font-family:var(--font-mono)}.user-name{font-size:13px;font-weight:600;color:var(--text)}.user-zone{font-size:11px;color:var(--text-muted)}.main{flex:1;padding:24px 32px;overflow-y:auto;min-width:0}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--border-soft);gap:12px}.topbar h2{font-size:22px;font-weight:700;color:var(--text)}.topbar-right{display:flex;align-items:center;gap:12px}.sidebar-toggle-btn,.mobile-menu-btn{background:transparent;border:1px solid var(--border);border-radius:var(--radius);padding:8px;color:var(--text);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.sidebar-toggle-btn:hover,.mobile-menu-btn:hover{background:var(--surface-raised);border-color:var(--border-focus);color:var(--brand)}.btn-primary{background:var(--brand-gradient);color:#fff;border:none;border-radius:var(--radius);padding:10px 18px;font-weight:600;font-size:13.5px;cursor:pointer;box-shadow:0 2px 8px var(--brand-glow);transition:all var(--transition-fast);display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 14px var(--brand-glow);filter:brightness(1.08)}.btn-secondary{background:var(--brand-dim);color:var(--brand);border:1.5px solid rgba(227,30,36,.3);border-radius:var(--radius);padding:9px 15px;font-size:13px;font-weight:600;cursor:pointer;transition:all var(--transition-fast);display:inline-flex;align-items:center;gap:6px}.btn-secondary:hover{background:var(--brand-gradient);color:#fff;border-color:transparent}.btn-ghost{background:transparent;color:var(--text);border:1px solid var(--border);border-radius:var(--radius);padding:8px 14px;font-size:13px;font-weight:600;cursor:pointer;transition:all var(--transition-fast);display:inline-flex;align-items:center;gap:6px}.btn-ghost:hover{background:var(--surface-raised);border-color:var(--border-focus);color:var(--brand)}.badge{font-family:var(--font-mono);font-size:11px;font-weight:600;padding:4px 10px;border-radius:var(--radius-full);border:1px solid var(--border);color:var(--text-muted);text-transform:uppercase;background:var(--surface-raised);white-space:nowrap}.badge.danger{background:var(--danger-dim);color:var(--danger);border-color:var(--danger-border)}.badge.warn{background:var(--warn-dim);color:var(--warn);border-color:var(--warn-border)}.badge.success{background:var(--success-dim);color:var(--success);border-color:var(--success-border)}.badge.info{background:var(--info-dim);color:var(--info);border-color:var(--info-border)}.role-badge{color:var(--brand);border-color:#e31e2440;background:var(--brand-dim)}.card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:24px 28px;box-shadow:var(--shadow-sm);margin-bottom:24px;overflow-x:auto}.card h3{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:16px}.dash-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:24px}.stat-card{position:relative;overflow:hidden;border-radius:12px;padding:20px 24px;background:var(--surface);border:1px solid var(--border)}.interactive-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--border-focus)}.pipeline-card{background:var(--surface-raised);padding:16px;border-radius:10px;border:1px solid var(--border);cursor:pointer;transition:all .2s ease}.pipeline-card:hover{background:var(--surface-hover);border-color:var(--brand);transform:translateY(-2px);box-shadow:0 4px 12px #e31e241f}.spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pulse{animation:pulseGlow 2s infinite}@keyframes pulseGlow{0%{box-shadow:0 0 #f59e0b66}70%{box-shadow:0 0 0 10px #f59e0b00}to{box-shadow:0 0 #f59e0b00}}.stat-card.accent:after{background:var(--brand)}.stat-card.warn:after{background:var(--warn)}.stat-card.info:after{background:var(--info)}.stat-card.success:after{background:var(--success)}.stat-card.danger:after{background:var(--danger)}.stat-value{font-family:var(--font-mono);font-size:28px;font-weight:700;color:var(--text);line-height:1.1;margin-top:8px}.stat-label{font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.table-responsive{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}table{width:100%;border-collapse:collapse;min-width:500px}th{text-align:left;font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);padding:12px 14px;border-bottom:1px solid var(--border);background:var(--surface-raised);white-space:nowrap}td{padding:14px;font-size:13.5px;border-bottom:1px solid var(--border-soft);color:var(--text)}tr:hover td{background:var(--surface-hover)}.mono{font-family:var(--font-mono)}.muted{color:var(--text-muted)}.modal-overlay{position:fixed;inset:0;background:#00000080;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:28px;width:100%;max-width:560px;box-shadow:var(--shadow-lg);max-height:90vh;overflow-y:auto}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}input,select,textarea{width:100%;background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius);padding:10px 14px;color:var(--text);font-size:14px;transition:border-color var(--transition-fast)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--brand);box-shadow:var(--shadow-focus)}label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:600;color:var(--text);margin-bottom:14px}.form-error{color:var(--danger);font-size:13px;font-weight:500;margin:0;padding:10px 12px;background:var(--danger-dim);border:1px solid var(--danger-border);border-radius:var(--radius-sm);display:flex;align-items:center;gap:8px}.pdf-modal-wide{max-width:1280px}.pdf-dropzone{border:2px dashed var(--border);border-radius:var(--radius-lg);background:var(--surface-raised);cursor:pointer;transition:all var(--transition-fast)}.pdf-dropzone:hover,.pdf-dropzone.drag-active{border-color:var(--brand);background:var(--brand-dim)}.pdf-dropzone.has-file{border-style:solid;border-color:#e31e244d;background:var(--surface)}.pdf-split-layout{display:grid;grid-template-columns:45% 55%;gap:20px;min-height:520px}.pdf-preview-pane{background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius);display:flex;flex-direction:column;overflow:hidden;height:560px}.pdf-preview-header{padding:10px 14px;background:var(--surface);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.pdf-frame-wrapper{flex:1;width:100%;height:100%;background:#525659}.pdf-data-pane{display:flex;flex-direction:column;overflow-y:auto;max-height:560px;padding-right:4px}@media(max-width:900px){.pdf-split-layout{grid-template-columns:1fr}.pdf-preview-pane{height:380px}}.toast-stack{position:fixed;top:24px;right:24px;display:flex;flex-direction:column;gap:10px;z-index:9999;max-width:360px;width:calc(100% - 48px)}.toast{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:12px 18px;box-shadow:var(--shadow-lg);display:flex;align-items:center;gap:12px;font-size:13.5px;font-weight:500;animation:slideIn .2s ease-out}.toast.success{border-left:4px solid var(--success)}.toast.error{border-left:4px solid var(--danger)}.toast.info{border-left:4px solid var(--info)}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@media(max-width:768px){.login-card{padding:24px 20px}.mobile-menu-btn{display:inline-flex}.sidebar{position:fixed;top:0;left:0;bottom:0;transform:translate(-100%);box-shadow:var(--shadow-lg)}.sidebar.mobile-open{transform:translate(0)}.sidebar-backdrop{position:fixed;inset:0;background:#0006;backdrop-filter:blur(2px);z-index:90}.main{padding:16px 14px}.topbar{margin-bottom:16px;padding-bottom:12px;flex-wrap:wrap}.topbar h2{font-size:17px}.topbar-right{gap:6px}.dash-kpi-grid{grid-template-columns:1fr;gap:12px}.card{padding:16px 14px;border-radius:12px}.modal-overlay{padding:0;align-items:flex-end}.modal-content{padding:20px 16px;border-radius:20px 20px 0 0;max-height:85vh;border-bottom:none}.modal-header h3{font-size:16px}.toast-stack{top:12px;right:12px;left:12px;width:auto;max-width:100%}.toast{padding:10px 14px;font-size:12.5px}}