@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Outfit:wght@500;600;700;800&family=JetBrains+Mono:wght@400;500;600;700&display=swap');:root{--color-primary:#00235A;--color-primary-dark:#00173D;--color-primary-light:#0B3B82;--color-primary-subtle:rgba(0,35,90,0.08);--color-secondary:#0E2A3E;--color-secondary-light:#1E3A5F;--color-gold:#D4AF37;--color-gold-hover:#B8972E;--color-gold-glow:#F59E0B;--color-gold-subtle:rgba(212,175,55,0.12);--color-success:#059669;--color-success-hover:#047857;--color-success-bg:#ECFDF5;--color-success-border:#A7F3D0;--color-warning:#D97706;--color-warning-hover:#B45309;--color-warning-bg:#FFFBEB;--color-warning-border:#FDE68A;--color-danger:#DC2626;--color-danger-hover:#B91C1C;--color-danger-bg:#FEF2F2;--color-danger-border:#FECACA;--color-info:#0284C7;--color-info-hover:#0369A1;--color-info-bg:#F0F9FF;--color-info-border:#BAE6FD;--color-background:#F8FAFC;--color-surface:#FFFFFF;--color-surface-hover:#F1F5F9;--color-surface-muted:#F8FAFC;--color-surface-elevated:#FFFFFF;--color-border:#E2E8F0;--color-border-strong:#CBD5E1;--color-border-focus:#00235A;--color-text:#0F172A;--color-text-secondary:#475569;--color-text-muted:#64748B;--color-text-inverse:#FFFFFF;--font-sans:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;--font-display:'Outfit',var(--font-sans);--font-mono:'JetBrains Mono',monospace;--shadow-xs:0 1px 2px 0 rgba(0,0,0,0.05);--shadow-sm:0 1px 3px 0 rgba(0,0,0,0.08),0 1px 2px 0 rgba(0,0,0,0.04);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.08),0 2px 4px -1px rgba(0,0,0,0.04);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.08),0 4px 6px -2px rgba(0,0,0,0.04);--shadow-xl:0 20px 25px -5px rgba(0,0,0,0.1),0 10px 10px -5px rgba(0,0,0,0.04);--shadow-gold:0 4px 14px -1px rgba(212,175,55,0.35);--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--transition-fast:120ms cubic-bezier(0.4,0,0.2,1);--transition-normal:200ms cubic-bezier(0.4,0,0.2,1);--transition-smooth:300ms cubic-bezier(0.16,1,0.3,1)}.font-display{font-family:var(--font-display)}.font-mono{font-family:var(--font-mono)}.font-sans{font-family:var(--font-sans)}.erp-h1{font-family:var(--font-display);font-size:1.5rem;font-weight:800;color:var(--color-primary);letter-spacing:-0.025em;line-height:1.25}.erp-h2{font-family:var(--font-display);font-size:1.25rem;font-weight:700;color:var(--color-text);letter-spacing:-0.02em;line-height:1.3}.erp-h3{font-family:var(--font-display);font-size:1.05rem;font-weight:700;color:var(--color-text);line-height:1.35}.erp-subtitle{font-size:0.8125rem;color:var(--color-text-secondary);line-height:1.4}.erp-currency,.erp-number-tabular{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-weight:600;letter-spacing:-0.01em}.erp-currency-lg{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:1.75rem;font-weight:800;letter-spacing:-0.03em;color:var(--color-text)}.erp-currency-unit{font-size:0.75em;font-weight:600;color:var(--color-text-muted);margin-left:0.25rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:0.5rem;padding:0.5rem 0.875rem;font-size:0.8125rem;font-weight:600;border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;transition:all var(--transition-fast);text-decoration:none;line-height:1.25;white-space:nowrap;user-select:none}.btn:focus-visible{outline:2px solid var(--color-info);outline-offset:2px}.btn:disabled,.btn[disabled]{opacity:0.5;cursor:not-allowed;pointer-events:none}.btn-primary{background:var(--color-primary);color:var(--color-text-inverse);box-shadow:0 1px 3px rgba(0,35,90,0.25)}.btn-primary:hover{background:var(--color-primary-dark);box-shadow:0 3px 6px rgba(0,35,90,0.35)}.btn-primary:active{transform:translateY(1px)}.btn-secondary{background:var(--color-surface);color:var(--color-text);border-color:var(--color-border-strong);box-shadow:var(--shadow-xs)}.btn-secondary:hover{background:var(--color-surface-hover);border-color:var(--color-text-muted)}.btn-gold{background:linear-gradient(135deg,#D4AF37 0%,#B8972E 100%);color:#00173D;font-weight:700;box-shadow:0 2px 6px rgba(212,175,55,0.3)}.btn-gold:hover{box-shadow:var(--shadow-gold);filter:brightness(1.05)}.btn-success{background:var(--color-success);color:var(--color-text-inverse)}.btn-success:hover{background:var(--color-success-hover)}.btn-danger{background:var(--color-danger);color:var(--color-text-inverse)}.btn-danger:hover{background:var(--color-danger-hover)}.btn-ghost{background:transparent;color:var(--color-text-secondary)}.btn-ghost:hover{background:var(--color-surface-hover);color:var(--color-text)}.btn-sm{padding:0.3125rem 0.625rem;font-size:0.75rem;border-radius:var(--radius-sm)}.btn-lg{padding:0.75rem 1.25rem;font-size:0.9375rem;border-radius:var(--radius-lg)}.btn-icon{width:2rem;height:2rem;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-md)}.erp-label{display:block;font-size:0.75rem;font-weight:600;color:var(--color-text-secondary);margin-bottom:0.25rem;text-transform:uppercase;letter-spacing:0.03em}.erp-input,.erp-select,.erp-textarea{width:100%;padding:0.5rem 0.75rem;font-size:0.8125rem;font-family:var(--font-sans);color:var(--color-text);background-color:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);outline:none;transition:all var(--transition-fast)}.erp-input:focus,.erp-select:focus,.erp-textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(0,35,90,0.12)}.erp-input[disabled],.erp-select[disabled],.erp-textarea[disabled]{background-color:var(--color-surface-muted);color:var(--color-text-muted);cursor:not-allowed}.erp-input-error{border-color:var(--color-danger) !important}.erp-input-error:focus{box-shadow:0 0 0 3px rgba(220,38,38,0.15) !important}.erp-badge{display:inline-flex;align-items:center;gap:0.35rem;padding:0.2rem 0.55rem;font-size:0.6875rem;font-weight:700;border-radius:var(--radius-full);line-height:1.2;text-transform:uppercase;letter-spacing:0.04em;border:1px solid transparent;white-space:nowrap}.erp-badge::before{content:'';width:6px;height:6px;border-radius:50%;display:inline-block}.badge-draft,.badge-brouillon{background:#F1F5F9;color:#475569;border-color:#CBD5E1}.badge-draft::before,.badge-brouillon::before{background:#64748B}.badge-pending,.badge-en-attente{background:var(--color-warning-bg);color:#92400E;border-color:var(--color-warning-border)}.badge-pending::before,.badge-en-attente::before{background:var(--color-warning)}.badge-validated,.badge-valide{background:var(--color-success-bg);color:#065F46;border-color:var(--color-success-border)}.badge-validated::before,.badge-valide::before{background:var(--color-success)}.badge-rejected,.badge-refuse,.badge-annule{background:var(--color-danger-bg);color:#991B1B;border-color:var(--color-danger-border)}.badge-rejected::before,.badge-refuse::before,.badge-annule::before{background:var(--color-danger)}.badge-paid,.badge-paye{background:#EFF6FF;color:#1E40AF;border-color:#BFDBFE}.badge-paid::before,.badge-paye::before{background:#2563EB}.badge-partial,.badge-partiel{background:#FAF5FF;color:#6B21A8;border-color:#E9D5FF}.badge-partial::before,.badge-partiel::before{background:#9333EA}.badge-delivered,.badge-livre{background:#ECFDF5;color:#047857;border-color:#A7F3D0}.badge-delivered::before,.badge-livre::before{background:#10B981}.erp-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-normal),border-color var(--transition-normal)}.erp-card-header{padding:1rem 1.25rem;border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between;gap:1rem}.erp-card-body{padding:1.25rem}.erp-card-footer{padding:0.75rem 1.25rem;border-top:1px solid var(--color-border);background:var(--color-surface-muted);border-bottom-left-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg)}.stat-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.125rem 1.25rem;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;justify-content:space-between;cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast),border-color var(--transition-fast);position:relative;overflow:hidden}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--color-border-strong)}.stat-card.alert-active{border-color:var(--color-gold);background:linear-gradient(to bottom right,#FFFFFF 85%,var(--color-gold-subtle) 100%)}.stat-card-label{font-size:0.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:0.05em;color:var(--color-text-muted)}.stat-card-value{font-family:var(--font-mono);font-size:1.625rem;font-weight:800;color:var(--color-text);margin-top:0.35rem;line-height:1.15}.stat-card-sub{font-size:0.6875rem;color:var(--color-text-secondary);margin-top:0.4rem;display:flex;align-items:center;gap:0.35rem}.erp-table-container{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.erp-table-toolbar{padding:0.75rem 1rem;border-bottom:1px solid var(--color-border);background:var(--color-surface);display:flex;align-items:center;justify-content:space-between;gap:0.75rem;flex-wrap:wrap}.erp-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.erp-table{width:100%;border-collapse:collapse;text-align:left;font-size:0.8125rem}.erp-table th{background:#F8FAFC;color:var(--color-text-secondary);font-size:0.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:0.05em;padding:0.65rem 0.875rem;border-bottom:1px solid var(--color-border-strong);white-space:nowrap;user-select:none}.erp-table th.sortable{cursor:pointer}.erp-table th.sortable:hover{background:#F1F5F9;color:var(--color-primary)}.erp-table td{padding:0.75rem 0.875rem;border-bottom:1px solid var(--color-border);color:var(--color-text);vertical-align:middle}.erp-table tr:hover td{background:#F8FAFC}.erp-table tr:last-child td{border-bottom:none}.erp-pagination{padding:0.625rem 1rem;border-top:1px solid var(--color-border);background:#F8FAFC;display:flex;align-items:center;justify-content:space-between;font-size:0.75rem;color:var(--color-text-secondary)}.command-palette-backdrop{position:fixed;inset:0;background:rgba(15,23,42,0.75);backdrop-filter:blur(6px);z-index:500;display:flex;align-items:flex-start;justify-content:center;padding-top:12vh;animation:fadeIn 150ms ease-out}.command-palette-modal{width:100%;max-width:640px;background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:0 25px 50px -12px rgba(0,0,0,0.35),0 0 0 1px var(--color-border);overflow:hidden;display:flex;flex-direction:column;animation:modalPop 150ms cubic-bezier(0.16,1,0.3,1)}.command-palette-input-wrap{display:flex;align-items:center;gap:0.75rem;padding:0.875rem 1.25rem;border-bottom:1px solid var(--color-border)}.command-palette-input{width:100%;border:none;outline:none;font-size:1rem;font-family:var(--font-sans);color:var(--color-text);background:transparent}.command-palette-results{max-height:420px;overflow-y:auto;padding:0.5rem}.command-category-title{font-size:0.6875rem;font-weight:700;text-transform:uppercase;color:var(--color-text-muted);letter-spacing:0.05em;padding:0.5rem 0.75rem 0.25rem}.command-item{display:flex;align-items:center;justify-content:space-between;gap:0.75rem;padding:0.625rem 0.75rem;border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast)}.command-item:hover,.command-item.selected{background:var(--color-surface-hover)}.command-item-left{display:flex;align-items:center;gap:0.625rem}.command-item-title{font-size:0.8125rem;font-weight:600;color:var(--color-text)}.command-item-subtitle{font-size:0.6875rem;color:var(--color-text-muted)}.command-palette-footer{padding:0.5rem 1rem;background:#F8FAFC;border-top:1px solid var(--color-border);font-size:0.6875rem;color:var(--color-text-muted);display:flex;align-items:center;justify-content:space-between}.empty-state{text-align:center;padding:3rem 1.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center}.empty-state-icon{width:48px;height:48px;border-radius:50%;background:#F1F5F9;color:var(--color-text-muted);display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin-bottom:1rem}.empty-state-title{font-size:0.9375rem;font-weight:700;color:var(--color-text);margin-bottom:0.25rem}.empty-state-desc{font-size:0.8125rem;color:var(--color-text-muted);max-width:320px;margin-bottom:1rem;line-height:1.4}.confirm-dialog-backdrop{position:fixed;inset:0;background:rgba(15,23,42,0.75);backdrop-filter:blur(4px);z-index:600;display:flex;align-items:center;justify-content:center;padding:1rem}.confirm-dialog{background:var(--color-surface);border-radius:var(--radius-xl);max-width:440px;width:100%;box-shadow:var(--shadow-xl);border:1px solid var(--color-border);padding:1.5rem;animation:modalPop 150ms cubic-bezier(0.16,1,0.3,1)}.confirm-dialog-icon{width:44px;height:44px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin-bottom:1rem}.confirm-dialog-icon.danger{background:var(--color-danger-bg);color:var(--color-danger)}.confirm-dialog-icon.warning{background:var(--color-warning-bg);color:var(--color-warning)}.confirm-dialog-icon.gold{background:var(--color-gold-subtle);color:#B8972E}.document-split-view{display:grid;grid-template-columns:1fr 360px;gap:1.5rem;align-items:start}@media (max-width:1180px){.document-split-view{grid-template-columns:1fr}}.document-sidebar-panel{position:sticky;top:70px}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes modalPop{from{opacity:0;transform:scale(0.96) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.app-sidebar{width:260px;background:var(--color-surface);border-right:1px solid var(--color-border);display:flex;flex-direction:column;position:sticky;top:54px;height:calc(100vh - 54px);overflow-y:auto;transition:width var(--transition-normal);z-index:40;flex-shrink:0}.app-sidebar.collapsed{width:72px}.app-sidebar.collapsed .sidebar-text,.app-sidebar.collapsed .sidebar-header-title,.app-sidebar.collapsed .sidebar-user-details,.app-sidebar.collapsed .erp-badge{display:none !important}.app-sidebar.collapsed .nav-item{justify-content:center;padding:0.65rem 0.5rem;margin:0.15rem 0.5rem}.app-sidebar.collapsed .nav-item .icon{font-size:1.25rem;margin:0}.nav-item{display:flex;align-items:center;gap:0.75rem;padding:0.6rem 0.875rem;margin:0.15rem 0.5rem;border-radius:var(--radius-md);font-size:0.8125rem;font-weight:500;color:var(--color-text-secondary);text-decoration:none;cursor:pointer;transition:all var(--transition-fast);border:1px solid transparent;background:transparent;width:calc(100% - 1rem);text-align:left}.nav-item:hover{background:var(--color-surface-hover);color:var(--color-primary)}.nav-item.active{background:var(--color-primary-subtle);color:var(--color-primary);font-weight:700;border-color:rgba(0,35,90,0.12);position:relative}.nav-item.active::before{content:'';position:absolute;left:-0.5rem;top:15%;bottom:15%;width:3px;background:var(--color-primary);border-radius:0 4px 4px 0}.topbar-search-btn{display:flex;align-items:center;gap:0.75rem;background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.15);border-radius:var(--radius-lg);padding:0.35rem 0.85rem;color:rgba(255,255,255,0.7);font-size:0.75rem;cursor:pointer;transition:all var(--transition-fast);min-width:280px}.topbar-search-btn:hover{background:rgba(255,255,255,0.18);border-color:rgba(255,255,255,0.3);color:#FFFFFF}.topbar-search-kbd{margin-left:auto;font-family:var(--font-mono);font-size:0.6875rem;background:rgba(255,255,255,0.15);border:1px solid rgba(255,255,255,0.2);padding:0.1rem 0.35rem;border-radius:var(--radius-xs);color:#FFFFFF}.notification-bell-btn{position:relative;width:34px;height:34px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.12);color:#FFFFFF;cursor:pointer;transition:all var(--transition-fast)}.notification-bell-btn:hover{background:rgba(255,255,255,0.16)}.notification-badge-dot{position:absolute;top:4px;right:4px;width:8px;height:8px;border-radius:50%;background:var(--color-danger);border:2px solid var(--color-primary-dark)}@media (max-width:1024px){.topbar-search-btn{min-width:180px}}@media (max-width:768px){.app-sidebar{position:fixed;left:-280px;top:54px;bottom:0;width:260px;height:calc(100vh - 54px);box-shadow:var(--shadow-xl);z-index:99;transition:left var(--transition-smooth)}.app-sidebar.mobile-open{left:0 !important}.sidebar-backdrop{position:fixed;inset:0;background:rgba(0,0,0,0.5);backdrop-filter:blur(2px);z-index:98}.topbar-search-btn{min-width:120px;padding:0.35rem 0.5rem}.topbar-search-btn .topbar-search-kbd{display:none}.table-data-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.stat-card{padding:0.875rem 1rem}.erp-currency-lg{font-size:1.35rem}.btn{min-height:38px}.btn-sm{min-height:32px}}.mobile-fab{display:none}@media (max-width:768px){.mobile-fab{display:flex;align-items:center;justify-content:center;position:fixed;bottom:20px;right:20px;width:54px;height:54px;border-radius:50%;background:linear-gradient(135deg,#D4AF37 0%,#B8972E 100%);color:#00173D;font-size:26px;font-weight:800;box-shadow:0 4px 14px rgba(212,175,55,0.5);border:none;cursor:pointer;z-index:80;transition:transform var(--transition-fast)}.mobile-fab:active{transform:scale(0.92)}}.erp-icon{display:inline-flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;vertical-align:middle;flex-shrink:0;fill:currentColor}.erp-icon-xs{width:0.875rem;height:0.875rem}.erp-icon-sm{width:1rem;height:1rem}.erp-icon-md{width:1.25rem;height:1.25rem}.erp-icon-lg{width:1.5rem;height:1.5rem}.erp-icon-xl{width:2rem;height:2rem}.erp-icon-stroke{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.sidebar-group{margin-bottom:0.75rem}.sidebar-group-title{padding:0.45rem 0.85rem 0.25rem 0.85rem;font-size:0.65rem;font-weight:800;letter-spacing:0.08em;text-transform:uppercase;color:var(--color-text-muted);user-select:none}.app-sidebar.collapsed{width:68px !important;min-width:68px !important}.app-sidebar.collapsed .sidebar-header-title,.app-sidebar.collapsed .sidebar-group-title,.app-sidebar.collapsed .sidebar-text,.app-sidebar.collapsed .sidebar-user-details,.app-sidebar.collapsed .erp-badge{display:none !important}.app-sidebar.collapsed .nav-item{justify-content:center;padding:0.65rem 0;position:relative}.app-sidebar.collapsed .sidebar-collapse-btn{transform:rotate(180deg)}.user-menu-btn{display:flex;align-items:center;gap:0.5rem;padding:0.35rem 0.65rem;background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.15);border-radius:var(--radius-md);color:#ffffff;cursor:pointer;transition:all var(--transition-fast)}.user-menu-btn:hover{background:rgba(255,255,255,0.16);border-color:rgba(255,255,255,0.3)}.user-avatar-circle{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,var(--color-gold) 0%,#B8972E 100%);color:#00173D;font-weight:800;font-size:0.75rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.dropdown-panel{position:absolute;right:0;top:100%;margin-top:0.5rem;background:#ffffff;border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);min-width:220px;z-index:100;overflow:hidden}.dropdown-panel-item{display:flex;align-items:center;gap:0.6rem;padding:0.6rem 1rem;font-size:0.8125rem;font-weight:500;color:var(--color-text);cursor:pointer;transition:background var(--transition-fast);width:100%;text-align:left;border:none;background:none}.dropdown-panel-item:hover{background:var(--color-surface-hover);color:var(--color-primary)}.kpi-grid-8{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0.75rem}@media (min-width:640px){.kpi-grid-8{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width:1280px){.kpi-grid-8{grid-template-columns:repeat(8,minmax(0,1fr))}}.stat-card-compact{padding:0.75rem 0.875rem;background:#ffffff;border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);transition:all var(--transition-fast);cursor:pointer;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between}.stat-card-compact:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--color-primary-light)}.stat-card-compact.alert-highlight{border-color:var(--color-warning);background:linear-gradient(180deg,#FFFFFF 0%,#FFFBEB 100%)}.attention-card-pdg{background:linear-gradient(135deg,#00173D 0%,#00235A 100%);color:#ffffff;border-radius:var(--radius-xl);padding:1.25rem 1.5rem;border:1px solid rgba(212,175,55,0.4);box-shadow:0 10px 25px -5px rgba(0,35,90,0.3);position:relative;overflow:hidden}.attention-card-pdg::after{content:'';position:absolute;top:-50px;right:-50px;width:150px;height:150px;border-radius:50%;background:radial-gradient(circle,rgba(212,175,55,0.15) 0%,transparent 70%);pointer-events:none}.pipeline-track{display:flex;align-items:center;gap:0.25rem;overflow-x:auto;padding:0.5rem 0.25rem}.pipeline-step{display:flex;align-items:center;gap:0.4rem;padding:0.45rem 0.75rem;border-radius:var(--radius-md);font-size:0.75rem;font-weight:700;color:var(--color-text-secondary);background:var(--color-surface-muted);border:1px solid var(--color-border);white-space:nowrap;transition:all var(--transition-fast);cursor:pointer}.pipeline-step:hover{border-color:var(--color-primary-light);background:var(--color-surface)}.pipeline-step.active{background:var(--color-primary);color:#ffffff;border-color:var(--color-primary-dark)}.pipeline-step.completed{background:var(--color-success-bg);color:var(--color-success);border-color:var(--color-success-border)}.pipeline-arrow{color:var(--color-border-strong);font-size:0.875rem;flex-shrink:0}.agency-perf-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:0.75rem}@media (min-width:640px){.agency-perf-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.agency-perf-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}.agency-perf-card{background:#ffffff;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:0.75rem 1rem;transition:all var(--transition-fast)}.agency-perf-card:hover{border-color:var(--color-primary-light);box-shadow:var(--shadow-sm)}.timeline-list{position:relative;padding-left:1.5rem}.timeline-list::before{content:'';position:absolute;left:0.45rem;top:0.5rem;bottom:0.5rem;width:2px;background:var(--color-border)}.timeline-item{position:relative;padding-bottom:1rem}.timeline-item:last-child{padding-bottom:0}.timeline-dot{position:absolute;left:-1.5rem;top:0.25rem;width:0.75rem;height:0.75rem;border-radius:50%;background:var(--color-primary);border:2px solid #ffffff;box-shadow:0 0 0 2px var(--color-primary-subtle)}.timeline-dot.success{background:var(--color-success);box-shadow:0 0 0 2px var(--color-success-bg)}.timeline-dot.warning{background:var(--color-warning);box-shadow:0 0 0 2px var(--color-warning-bg)}.timeline-dot.danger{background:var(--color-danger);box-shadow:0 0 0 2px var(--color-danger-bg)}.timeline-time{font-size:0.6875rem;font-weight:600;color:var(--color-text-muted)}