:root{--bg-primary: #f6f8fd;--bg-secondary: #ffffff;--card-bg: rgba(255, 255, 255, .7);--card-border: rgba(226, 232, 240, .8);--card-shadow: 0 8px 32px 0 rgba(31, 38, 135, .04);--text-primary: #1e293b;--text-secondary: #64748b;--text-muted: #94a3b8;--primary: #6366f1;--primary-hover: #4f46e5;--primary-glow: rgba(99, 102, 241, .15);--success: #10b981;--success-hover: #059669;--success-glow: rgba(16, 185, 129, .15);--warning: #f59e0b;--danger: #ef4444;--info: #0ea5e9;--proj-purple: linear-gradient(135deg, #a855f7, #6366f1);--proj-teal: linear-gradient(135deg, #14b8a6, #0ea5e9);--proj-blue: linear-gradient(135deg, #3b82f6, #6366f1);--proj-orange: linear-gradient(135deg, #f97316, #ec4899);--proj-gray: linear-gradient(135deg, #64748b, #475569);--font-sans: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-heading: "Outfit", var(--font-sans);--radius-sm: 8px;--radius-md: 16px;--radius-lg: 24px;--transition-fast: .15s ease;--transition-normal: .3s ease}html{color-scheme:light}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh;transition:background-color var(--transition-normal),color var(--transition-normal);overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%;min-height:100vh;display:flex;flex-direction:column}.glass-panel{background:#fffffff2;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid #e2e8f0;box-shadow:0 4px 24px #0f172a0f;border-radius:var(--radius-md);transition:transform var(--transition-normal),box-shadow var(--transition-normal),background-color var(--transition-normal),border-color var(--transition-normal)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:600;letter-spacing:-.02em}@keyframes pulseGlow{0%{box-shadow:0 0 #6366f166}70%{box-shadow:0 0 0 10px #6366f100}to{box-shadow:0 0 #6366f100}}@keyframes pulseGlowGreen{0%{box-shadow:0 0 #10b98166}70%{box-shadow:0 0 0 10px #10b98100}to{box-shadow:0 0 #10b98100}}.pulse-green{animation:pulseGlowGreen 2s infinite}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.animate-slideup{animation:slideUp .4s ease forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-fadein{animation:fadeIn .3s ease forwards}.app-container{display:flex;min-height:100vh;background-color:var(--bg-primary)}.sidebar{width:240px;min-width:240px;background-color:var(--bg-secondary);border-right:1px solid var(--card-border);display:flex;flex-direction:column;padding:20px 14px;position:sticky;top:0;height:100vh;z-index:10;overflow:hidden}.logo-container{display:flex;flex-direction:column;align-items:flex-start;gap:10px;margin-bottom:24px;padding:0 6px;width:100%;flex-shrink:0}.logo-text{font-family:var(--font-heading);font-size:16px;font-weight:700;line-height:1.2;color:var(--text-primary);display:block;width:100%}.nav-links{list-style:none;display:flex;flex-direction:column;gap:6px;flex:1;min-height:0;overflow-y:auto;margin:0;padding:0}.nav-item button{width:100%;display:flex;align-items:center;gap:10px;padding:11px 12px;border:none;background:transparent;color:var(--text-secondary);font-family:var(--font-sans);font-size:13px;font-weight:500;border-radius:var(--radius-sm);cursor:pointer;text-align:left;transition:background-color var(--transition-fast),color var(--transition-fast);line-height:1.3}.nav-icon{flex-shrink:0}.nav-label{flex:1;min-width:0;line-height:1.35}.nav-item button:hover{background-color:var(--bg-primary);color:var(--text-primary)}.nav-item.active button{background-color:var(--primary-glow);color:var(--primary);font-weight:600}.sidebar-footer{border-top:1px solid var(--card-border);padding-top:14px;margin-top:auto;flex-shrink:0;display:flex;flex-direction:column;gap:12px}.back-to-freepool-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;white-space:nowrap}.sidebar-back-btn{width:100%}.mobile-back-btn{padding:8px 14px;font-size:13px}.theme-toggle-btn{display:flex;align-items:center;justify-content:center;gap:10px;padding:10px;border-radius:var(--radius-sm);border:1px solid var(--card-border);background:var(--bg-secondary);color:var(--text-primary);font-family:var(--font-sans);cursor:pointer;font-size:13px;font-weight:500;transition:all var(--transition-fast)}.theme-toggle-btn:hover{background-color:var(--bg-primary)}.main-content{flex-grow:1;padding:32px 40px;overflow-y:auto;max-width:1500px;margin:0 auto;width:100%}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px;flex-wrap:wrap;gap:20px}.header-title-area h1{font-size:28px;color:var(--text-primary);margin-bottom:4px}.header-title-row{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:4px}.header-title-row h1{margin-bottom:0}.btn-export-header{flex-shrink:0}.header-title-area p{color:var(--text-secondary);font-size:14px}.month-selector-bar{display:flex;align-items:center;gap:12px}.dashboard-header-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.pipeline-logout-btn{padding:8px 16px;font-size:13px}.logout-to-freepool-btn{font-family:var(--font-sans);cursor:pointer}.month-btn-nav{background:var(--bg-secondary);border:1px solid var(--card-border);width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-primary);transition:background-color var(--transition-fast)}.month-btn-nav:hover{background-color:var(--bg-primary)}.month-select-dropdown{background:var(--bg-secondary);border:1px solid var(--card-border);padding:8px 16px;border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-sans);font-size:15px;font-weight:600;outline:none;cursor:pointer}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-bottom:28px}.metric-card{padding:20px;display:flex;align-items:center;gap:16px}.metric-icon-wrapper{width:48px;height:48px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center}.metric-icon-wrapper.purple{background-color:#6366f11f;color:var(--primary)}.metric-icon-wrapper.teal{background-color:#14b8a61f;color:#14b8a6}.metric-icon-wrapper.blue{background-color:#3b82f61f;color:#3b82f6}.metric-icon-wrapper.orange{background-color:#f973161f;color:#f97316}.metric-info{display:flex;flex-direction:column}.metric-label{font-size:12px;color:var(--text-secondary);font-weight:500;margin-bottom:2px;text-transform:uppercase;letter-spacing:.05em}.metric-value{font-size:22px;font-weight:700;color:var(--text-primary);line-height:1.2}.metric-subtext{font-size:12px;color:var(--text-muted);margin-top:4px}.metric-card-clickable{cursor:pointer;transition:border-color .15s,box-shadow .15s;border:1px solid var(--card-border)}.metric-card-clickable:hover{border-color:var(--primary);box-shadow:0 4px 20px #6366f11f}.metric-card-clickable.selected{border-color:var(--primary);box-shadow:inset 0 0 0 1px #6366f159;background:#6366f10a}.metric-click-hint{font-size:10px;color:var(--primary);margin-top:6px;font-weight:600;opacity:.85}.worker-breakdown-anchor{margin-bottom:24px}.worker-breakdown-panel{padding:24px}.worker-breakdown-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px}.worker-breakdown-subtitle{font-size:13px;color:var(--text-secondary);margin:4px 0 0}.worker-breakdown-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px}@media (max-width: 900px){.worker-breakdown-summary{grid-template-columns:repeat(2,1fr)}}.worker-breakdown-stat{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--bg-primary);border-radius:var(--radius-sm);border:1px solid var(--card-border)}.worker-breakdown-stat svg{color:#14b8a6;flex-shrink:0}.worker-breakdown-stat-label{display:block;font-size:10px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.worker-breakdown-stat-value{display:block;font-size:18px;font-weight:800;margin-top:2px}.worker-breakdown-stat-value.loss{color:#ef4444}.worker-breakdown-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.worker-tab{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:var(--radius-sm);border:1px solid var(--card-border);background:var(--bg-primary);color:var(--text-secondary);font-size:12px;font-weight:600;cursor:pointer;transition:all .15s}.worker-tab.active{background:#6366f11f;border-color:var(--primary);color:var(--primary)}.worker-breakdown-table-wrap{border:1px solid var(--card-border);border-radius:var(--radius-sm);overflow:hidden}.worker-breakdown-table-header,.worker-breakdown-row{display:grid;grid-template-columns:1fr 120px 70px 70px 80px;gap:12px;padding:10px 16px;align-items:center;font-size:13px}.worker-breakdown-table-header{font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary);background:var(--bg-primary)}.worker-breakdown-table-header.losses{border-left:3px solid #ef4444}.worker-breakdown-table-header.gains{border-left:3px solid #10b981}.worker-breakdown-row{border-top:1px solid var(--card-border);background:var(--bg-secondary)}.worker-breakdown-row.loss{border-left:3px solid rgba(239,68,68,.5)}.worker-breakdown-row.gain{border-left:3px solid rgba(16,185,129,.5)}.worker-row-name{font-weight:600}.worker-row-pm{font-size:12px;color:var(--text-secondary)}.worker-delta{font-weight:800;font-variant-numeric:tabular-nums}.worker-delta.loss{color:#ef4444}.worker-delta.gain{color:#10b981}.worker-breakdown-total{padding:12px 16px;font-size:13px;font-weight:700;background:#ef444414;border-top:1px solid var(--card-border)}.worker-breakdown-total.loss{color:#ef4444}.worker-breakdown-empty,.worker-breakdown-note{padding:20px 16px;font-size:13px;color:var(--text-secondary)}.worker-breakdown-empty-sm{padding:8px 12px;font-size:12px;color:var(--text-muted)}.worker-monthly-breakdown{display:flex;flex-direction:column;gap:12px;max-height:520px;overflow-y:auto}.worker-monthly-totals{border:1px solid var(--card-border);border-radius:var(--radius-sm);overflow:hidden}.worker-monthly-totals-header,.worker-monthly-total-row,.worker-monthly-total-footer{display:grid;grid-template-columns:100px 1fr 120px 120px;gap:12px;padding:12px 16px;align-items:center;font-size:13px}.worker-monthly-totals-header{font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary);background:var(--bg-primary);border-bottom:1px solid var(--card-border)}.worker-monthly-total-row{border-top:1px solid var(--card-border);background:var(--bg-secondary)}.worker-monthly-total-row.selected{background:#6366f114;box-shadow:inset 3px 0 0 var(--primary)}.worker-monthly-total-row.row-loss{border-left:3px solid rgba(239,68,68,.35)}.worker-monthly-total-row.row-gain{border-left:3px solid rgba(16,185,129,.35)}.worker-monthly-name{display:flex;flex-direction:column;gap:4px}.worker-monthly-name strong{font-size:14px;color:var(--primary)}.worker-baseline-tag{font-size:9px;font-weight:700;text-transform:uppercase;color:var(--text-muted);letter-spacing:.06em}.worker-monthly-count{display:flex;align-items:center;gap:12px}.worker-monthly-bar-wrap{flex:1;height:8px;background:var(--bg-primary);border-radius:99px;overflow:hidden;border:1px solid var(--card-border);max-width:120px}.worker-monthly-bar{display:block;height:100%;background:linear-gradient(90deg,#14b8a6,#14b8a688);border-radius:99px;min-width:0}.worker-monthly-total-footer{border-top:2px solid var(--primary);background:#6366f114;font-size:13px}.worker-monthly-note{padding:12px 16px;margin:0;font-size:12px;color:var(--text-muted);background:var(--bg-primary);border-top:1px solid var(--card-border)}.worker-excel-wrap{border:1px solid var(--card-border);border-radius:var(--radius-sm);overflow:hidden;background:var(--bg-secondary)}.worker-excel-hint{margin:0;padding:10px 14px;font-size:12px;color:var(--text-secondary);background:var(--bg-primary);border-bottom:1px solid var(--card-border)}.worker-excel-scroll{overflow:auto;max-height:560px}.worker-excel-table{width:max-content;min-width:100%;border-collapse:separate;border-spacing:0;font-size:12px}.worker-excel-table th,.worker-excel-table td{padding:8px 10px;border-bottom:1px solid var(--card-border);border-right:1px solid var(--card-border);vertical-align:middle;text-align:center;white-space:nowrap}.worker-excel-table th:last-child,.worker-excel-table td:last-child{border-right:none}.excel-sticky-header{position:sticky;top:0;z-index:3;background:var(--bg-primary);font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:.03em;color:var(--text-secondary)}.excel-sticky-col{position:sticky;left:0;z-index:2;background:var(--bg-secondary);text-align:left;min-width:160px;max-width:220px}.worker-excel-table thead .excel-sticky-col{z-index:4;background:var(--bg-primary)}.excel-client-name{font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis}.excel-pm{text-align:left;color:var(--text-secondary);font-size:11px;min-width:90px}.excel-month-col{min-width:72px}.excel-total-col{min-width:72px;background:#6366f10f;font-weight:700}.excel-col-sub{display:block;font-size:9px;font-weight:600;color:var(--text-muted);text-transform:none;letter-spacing:0;margin-top:2px}.excel-cell{display:flex;flex-direction:column;align-items:center;gap:2px;line-height:1.2}.excel-workers{font-weight:700;font-variant-numeric:tabular-nums;color:var(--text-primary)}.excel-delta{font-size:10px;font-weight:800;font-variant-numeric:tabular-nums}.excel-delta.gain{color:#10b981}.excel-delta.loss{color:#ef4444}.excel-delta.zero,.excel-empty{color:var(--text-muted)}.excel-net.gain{color:#10b981}.excel-net.loss{color:#ef4444}.excel-row-loss td{background:#ef444408}.excel-row-gain td{background:#10b98108}.excel-footer-row td{background:#6366f11a;border-top:2px solid var(--primary);font-weight:700}.excel-footer-row .excel-sticky-col{background:#6366f11f}.worker-month-block-toggle{width:100%;border:none;background:transparent;cursor:pointer;text-align:left;font:inherit;color:inherit}.worker-month-block-toggle:hover{background:#6366f10a}@media (max-width: 768px){.worker-monthly-totals-header,.worker-monthly-total-row,.worker-monthly-total-footer{grid-template-columns:70px 1fr 80px}.worker-monthly-totals-header span:last-child,.worker-monthly-total-row span:last-child,.worker-monthly-total-footer span:last-child{display:none}.worker-monthly-bar-wrap{display:none}}.worker-month-block{border:1px solid var(--card-border);border-radius:var(--radius-sm);overflow:hidden;background:var(--bg-secondary)}.worker-month-block.selected{border-color:var(--primary);box-shadow:0 0 0 1px #6366f140}.worker-month-block-header{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 16px;background:var(--bg-primary);border-bottom:1px solid var(--card-border);font-size:13px}.worker-month-block-header strong{font-size:14px;color:var(--primary)}.worker-mini-delta{font-size:11px;font-weight:700;padding:2px 8px;border-radius:99px}.worker-mini-delta.loss{background:#ef44441f;color:#ef4444}.worker-mini-delta.gain{background:#10b9811f;color:#10b981}.worker-month-clients-header,.worker-month-client-row{display:grid;grid-template-columns:1fr 110px 70px 60px 60px;gap:10px;padding:8px 16px;font-size:12px;align-items:center}.worker-month-clients-header{font-weight:700;font-size:10px;text-transform:uppercase;color:var(--text-muted);background:var(--bg-primary)}.worker-month-client-row{border-top:1px solid var(--card-border)}.worker-count{font-weight:800;color:#14b8a6}@media (max-width: 768px){.worker-breakdown-table-header,.worker-breakdown-row,.worker-month-clients-header,.worker-month-client-row{grid-template-columns:1fr 80px 60px}.worker-breakdown-table-header span:nth-child(2),.worker-breakdown-row span:nth-child(2),.worker-month-clients-header span:nth-child(2),.worker-month-client-row span:nth-child(2){display:none}.worker-breakdown-table-header span:nth-child(3),.worker-breakdown-row span:nth-child(3){display:none}}.dashboard-layout-grid{display:grid;grid-template-columns:3fr 2fr;gap:24px;margin-bottom:28px}@media (max-width: 1024px){.dashboard-layout-grid{grid-template-columns:1fr}}.chart-card{padding:24px;display:flex;flex-direction:column}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.card-title{font-size:16px;font-weight:600;color:var(--text-primary)}.pipeline-workspace{padding:0;margin-bottom:28px;overflow:hidden;background:#fff}.billing-funnel-block{padding:24px 28px 20px}.pipeline-table-divider{height:1px;background:var(--card-border);margin:0 28px}.pipeline-table-section{padding:20px 28px 28px}.pipeline-table-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap;margin-bottom:16px}.pipeline-table-title{font-size:18px;font-weight:800;color:var(--text-primary);margin:0 0 2px}.pipeline-table-subtitle{font-size:13px;color:var(--text-secondary);margin:0}.pipeline-table-count{font-size:12px;font-weight:600;color:var(--text-secondary);padding:6px 12px;background:var(--bg-primary);border:1px solid var(--card-border);border-radius:999px;white-space:nowrap}.billing-funnel-header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:20px;flex-wrap:wrap}.billing-funnel-title{font-size:18px;font-weight:800;color:var(--text-primary);margin:0 0 4px}.billing-funnel-subtitle{font-size:13px;color:var(--text-secondary);margin:0}.billing-funnel-total{text-align:center;padding:10px 18px;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:var(--radius-md);min-width:120px}.billing-funnel-total-label{display:block;font-size:10px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.billing-funnel-total-value{display:block;font-size:26px;font-weight:800;color:var(--primary);line-height:1.2}.billing-funnel-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.billing-funnel-card{display:flex;flex-direction:column;gap:8px;padding:14px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:var(--radius-md);min-width:0}.billing-funnel-card-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.billing-funnel-badge{flex-shrink:0;width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:14px;box-shadow:0 2px 8px #0000001f}.billing-funnel-label{font-size:12px;font-weight:700;color:var(--text-primary);line-height:1.2}.billing-funnel-track{height:8px;background:#e2e8f0;border-radius:999px;overflow:hidden}.billing-funnel-fill{height:100%;border-radius:999px;transition:width .5s cubic-bezier(.4,0,.2,1);min-width:0}.billing-funnel-card-foot{display:flex;align-items:baseline;gap:4px}.billing-funnel-count{font-size:22px;font-weight:800;color:var(--text-primary);font-variant-numeric:tabular-nums;line-height:1}.billing-funnel-of{font-size:11px;color:var(--text-muted);font-weight:500}.billing-funnel-pct{font-size:13px;font-weight:800}@media (max-width: 1100px){.billing-funnel-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 700px){.pipeline-workspace,.billing-funnel-block,.pipeline-table-section{padding-left:16px;padding-right:16px}.pipeline-table-divider{margin:0 16px}.billing-funnel-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.billing-funnel-grid{grid-template-columns:1fr}}.billing-funnel-section,.billing-funnel-rows{display:none}.funnel-container{display:flex;flex-direction:column;gap:12px;padding:10px 0}.funnel-row{display:flex;align-items:center;gap:16px}.funnel-label{width:180px;font-size:13px;color:var(--text-secondary);font-weight:500;white-space:nowrap}.funnel-bar-wrapper{flex-grow:1;background-color:var(--bg-primary);height:24px;border-radius:4px;overflow:hidden;position:relative}.funnel-bar-fill{height:100%;background:linear-gradient(90deg,var(--primary),#3b82f6);border-radius:4px;transition:width .6s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;padding-left:12px}.funnel-count{font-size:11px;font-weight:700;color:#fff;z-index:2}.funnel-pct{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:11px;font-weight:600;color:var(--text-secondary)}.pipeline-steps-flow{display:flex;align-items:center;gap:6px}.pipeline-step-node{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;cursor:pointer;border:1px solid var(--card-border);transition:all var(--transition-fast);-webkit-user-select:none;user-select:none}.pipeline-step-node.true{background-color:var(--success);border-color:var(--success);color:#fff}.pipeline-step-node.false{background-color:#ef44441a;border-color:#ef44444d;color:var(--danger)}.pipeline-step-node.nostaff{background-color:#64748b1a;border-color:var(--card-border);color:var(--text-secondary);cursor:not-allowed}.pipeline-step-node:hover:not(.nostaff){transform:scale(1.15);box-shadow:0 2px 6px #00000026}.pm-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.pm-card{padding:20px;border-top:4px solid var(--primary)}.pm-card.pm-Bilal{border-top-color:#6366f1}.pm-card.pm-Haithem{border-top-color:#14b8a6}.pm-card.pm-Ammar{border-top-color:#f59e0b}.pm-card.pm-Dawud{border-top-color:#3b82f6}.pm-card.pm-Faizan{border-top-color:#ec4899}.pm-card.pm-Silawi{border-top-color:#8b5cf6}.pm-card.pm-Shadi{border-top-color:#ef4444}.pm-card.pm-Haseeb{border-top-color:#10b981}.pm-card.pm-Rababa{border-top-color:#0ea5e9}.pm-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.pm-name{font-size:16px;font-weight:700;color:var(--text-primary)}.pm-clients-count{font-size:12px;color:var(--text-secondary);background-color:var(--bg-primary);padding:4px 8px;border-radius:12px}.pm-stats{display:flex;flex-direction:column;gap:8px}.pm-stat-row{display:flex;justify-content:space-between;font-size:13px}.pm-stat-label{color:var(--text-secondary)}.pm-stat-value{font-weight:600;color:var(--text-primary)}.pm-progress-wrapper{margin-top:12px}.pm-progress-meta{display:flex;justify-content:space-between;font-size:11px;color:var(--text-muted);margin-bottom:4px}.logs-table-card{padding:24px;background-color:#fff}.table-controls{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:16px;padding:14px 16px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:var(--radius-md)}.search-filter-wrapper{display:flex;gap:12px;flex-grow:1;max-width:800px}.search-input-wrapper{position:relative;flex-grow:1}.search-input{width:100%;padding-left:36px}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-muted)}.table-actions{display:flex;gap:12px}.btn-primary{background-color:var(--primary);color:#fff;border:none;padding:8px 16px;border-radius:var(--radius-sm);font-family:var(--font-sans);font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:background-color var(--transition-fast)}.btn-primary:hover{background-color:var(--primary-hover)}.btn-secondary{background:var(--bg-secondary);border:1px solid var(--card-border);color:var(--text-primary);padding:8px 16px;border-radius:var(--radius-sm);font-family:var(--font-sans);font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:8px;transition:background-color var(--transition-fast)}.btn-secondary:hover{background:var(--bg-primary)}.table-wrapper{overflow-x:auto;border-radius:var(--radius-sm);border:1px solid var(--card-border)}.custom-table{width:100%;border-collapse:collapse;text-align:left;font-size:13px}.custom-table th{background-color:var(--bg-primary);padding:12px 14px;color:var(--text-secondary);font-weight:600;border-bottom:1px solid var(--card-border);white-space:nowrap}.custom-table td{padding:12px 14px;border-bottom:1px solid var(--card-border);color:var(--text-primary);max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.custom-table tbody tr{transition:background-color var(--transition-fast)}.custom-table tbody tr:hover{background-color:#6366f105}.custom-table tbody tr:last-child td{border-bottom:none}.status-badge{padding:4px 8px;border-radius:12px;font-size:11px;font-weight:600}.status-100{background-color:#10b9811f;color:var(--success)}.status-80{background-color:#3b82f61f;color:#3b82f6}.status-60{background-color:#f59e0b1f;color:#f59e0b}.status-40{background-color:#ef44441f;color:var(--danger)}.status-20{background-color:#ef444414;color:#ec4899}.status-0{background-color:var(--bg-primary);color:var(--text-muted)}.quick-log-card{padding:24px;margin-bottom:28px}.log-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-top:16px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:11px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.03em}.form-input,.form-select{background:var(--bg-primary);border:1px solid var(--card-border);padding:10px 12px;border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-sans);font-size:13px;outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-input:focus,.form-select:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.form-row-full{grid-column:1 / -1}.form-checkbox-row{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:16px;margin-top:8px}.form-checkbox-inline{display:flex;align-items:center;gap:8px;background-color:var(--bg-primary);padding:8px 12px;border-radius:var(--radius-sm);border:1px solid var(--card-border);cursor:pointer;transition:all var(--transition-fast)}.form-checkbox-inline:hover{border-color:var(--primary)}.checkbox-input{width:16px;height:16px;cursor:pointer;accent-color:var(--primary)}.form-submit-btn{background-color:var(--primary);color:#fff;border:none;padding:10px 20px;border-radius:var(--radius-sm);font-family:var(--font-sans);font-size:14px;font-weight:600;cursor:pointer;transition:background-color var(--transition-fast),transform .1s;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:16px;align-self:flex-end}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0f172a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:100}.modal-content{width:90%;max-width:750px;max-height:90vh;overflow-y:auto;border-radius:var(--radius-md);padding:0;display:flex;flex-direction:column}.modal-header{padding:16px 24px;border-bottom:1px solid var(--card-border);display:flex;justify-content:space-between;align-items:center}.modal-body{padding:24px;flex-grow:1}.modal-footer{padding:16px 24px;border-top:1px solid var(--card-border);display:flex;justify-content:flex-end;gap:12px}.action-icon-btn{background:transparent;border:none;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.action-icon-btn:hover{background-color:var(--bg-primary);color:var(--primary)}.month-history-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;margin-top:16px}.month-history-card{padding:16px;display:flex;flex-direction:column;gap:8px;cursor:pointer}.month-history-name{font-size:15px;font-weight:700;color:var(--text-primary)}.month-history-stat{font-size:13px;color:var(--text-secondary)}.history-flow-list{display:flex;flex-direction:column;gap:12px;margin-top:16px}.history-flow-row{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background-color:var(--bg-primary);border-radius:var(--radius-sm);border-left:4px solid var(--primary)}.history-flow-month{font-weight:700;font-size:14px}@media (max-width: 768px){.app-container{flex-direction:column}.sidebar{width:100%;height:auto;border-right:none;border-bottom:1px solid var(--card-border);position:relative;padding:16px}.logo-container{margin-bottom:16px}.nav-links{flex-direction:row;overflow-x:auto;padding-bottom:8px;gap:4px}.nav-item button{padding:8px 12px;white-space:nowrap}.main-content{padding:20px}.metrics-grid{grid-template-columns:1fr}}.pm-dashboard-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:24px;margin-bottom:28px}@media (max-width: 1024px){.pm-dashboard-grid{grid-template-columns:1fr}}.leaderboard-panel{display:flex;flex-direction:column;padding:24px}.leaderboard-toggle-group{display:flex;background-color:var(--bg-primary);padding:4px;border-radius:var(--radius-sm);border:1px solid var(--card-border);margin-bottom:20px;align-self:flex-start}.leaderboard-toggle-btn{background:transparent;border:none;color:var(--text-secondary);font-family:var(--font-sans);font-size:13px;font-weight:500;padding:6px 16px;border-radius:calc(var(--radius-sm) - 2px);cursor:pointer;transition:all var(--transition-fast)}.leaderboard-toggle-btn.active{background-color:var(--bg-secondary);color:var(--text-primary);font-weight:600;box-shadow:0 2px 4px #0000001a}.leaderboard-list{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.leaderboard-item{display:flex;align-items:center;gap:16px;padding:12px 16px;border-radius:var(--radius-sm);background-color:var(--bg-primary);border:1px solid var(--card-border);transition:all var(--transition-fast);cursor:pointer}.leaderboard-item.selected{border-color:var(--primary);background-color:var(--primary-glow)}.leaderboard-item:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.rank-badge-wrapper{width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:14px;border-radius:50%;background-color:var(--bg-secondary);color:var(--text-secondary);flex-shrink:0}.rank-badge-wrapper.rank-1{background-color:#fbbf2426;color:#fbbf24;border:1px solid rgba(251,191,36,.3)}.rank-badge-wrapper.rank-2{background-color:#94a3b826;color:#94a3b8;border:1px solid rgba(148,163,184,.3)}.rank-badge-wrapper.rank-3{background-color:#b4530926;color:#b45309;border:1px solid rgba(180,83,9,.3)}.leaderboard-name{font-weight:700;color:var(--text-primary);min-width:100px}.leaderboard-progress-wrapper{flex-grow:1;display:flex;flex-direction:column;gap:4px}.leaderboard-progress-label{display:flex;justify-content:space-between;font-size:11px;color:var(--text-secondary)}.leaderboard-progress-bar{height:6px;background-color:var(--bg-secondary);border-radius:99px;overflow:hidden}.leaderboard-progress-fill{height:100%;border-radius:99px}.leaderboard-meta{display:flex;flex-direction:column;align-items:flex-end;font-variant-numeric:tabular-nums;flex-shrink:0}.leaderboard-main-val{font-weight:700;color:var(--text-primary);font-size:14px}.leaderboard-sub-val{font-size:11px;color:var(--text-muted)}.pm-analytics-panel{padding:24px;display:flex;flex-direction:column}.analytics-selector-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.analytics-summary-cards{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px}.analytics-summary-card{padding:16px;background-color:var(--bg-primary);border:1px solid var(--card-border);border-radius:var(--radius-sm);display:flex;flex-direction:column;gap:4px}.analytics-summary-card .label{font-size:11px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-weight:500}.analytics-summary-card .value{font-size:18px;font-weight:700;color:var(--text-primary);font-variant-numeric:tabular-nums}.bar-chart-container{display:flex;flex-direction:column;gap:14px}.monthly-bar-row{display:grid;grid-template-columns:45px 1fr;align-items:center;gap:12px}.chart-month-label{font-size:12px;font-weight:700;color:var(--text-secondary);text-transform:uppercase}.chart-bars-wrapper{display:flex;flex-direction:column;gap:4px;position:relative}.chart-bar-fill-row{display:flex;align-items:center;gap:8px;height:14px}.chart-bar-fill{height:100%;border-radius:2px;transition:width .8s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px #0000001a;min-width:3px}.chart-bar-fill.workers{background:linear-gradient(90deg,#14b8a699,#14b8a6)}.chart-bar-fill.amount{background:linear-gradient(90deg,#f59e0b99,#f59e0b)}.chart-bar-val{font-size:10px;font-weight:600;color:var(--text-secondary);font-variant-numeric:tabular-nums;white-space:nowrap}.chart-legend{display:flex;gap:16px;justify-content:flex-end;margin-top:16px;border-top:1px solid var(--card-border);padding-top:16px;font-size:12px}.legend-item{display:flex;align-items:center;gap:6px;color:var(--text-secondary)}.legend-dot{width:10px;height:10px;border-radius:2px}.legend-dot.workers{background-color:#14b8a6}.legend-dot.amount{background-color:#f59e0b}.app-logo-img{width:auto;max-width:100%;height:auto;max-height:52px;object-fit:contain;object-position:left center;display:block}.mobile-app-logo{height:36px;width:auto;max-width:120px;object-fit:contain;border-radius:4px}.global-author-footer{margin-top:48px;padding:20px 16px 32px;text-align:center;font-size:11px;font-weight:700;letter-spacing:.14em;color:var(--text-muted);border-top:1px solid var(--card-border);cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .2s ease,letter-spacing .2s ease}.global-author-footer:hover{color:var(--primary);letter-spacing:.16em}.global-author-footer:focus-visible{outline:2px solid var(--primary);outline-offset:4px}.made-by-text{font-size:9px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;font-weight:500}.author-link{font-size:13px;font-weight:700;color:var(--text-secondary);text-decoration:none;background:linear-gradient(135deg,var(--text-primary),var(--text-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;transition:all var(--transition-fast)}.sidebar-footer:hover .author-link,.mobile-only-footer:hover .author-link{background:linear-gradient(135deg,var(--primary),#0ea5e9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;transform:translateY(-1px)}.mobile-header-bar,.mobile-bottom-nav,.mobile-only-footer{display:none}@media (max-width: 768px){.sidebar{display:none!important}.mobile-header-bar{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:var(--bg-secondary);border-bottom:1px solid var(--card-border);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);position:sticky;top:0;z-index:50;width:100%;margin-bottom:16px}.mobile-logo-area{display:flex;align-items:center;gap:8px}.logo-text-mini{font-family:var(--font-heading);font-size:16px;font-weight:700;color:var(--text-primary)}.mobile-theme-toggle{background:var(--bg-primary);border:1px solid var(--card-border);width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast)}.mobile-theme-toggle:hover{background:var(--card-border)}.main-content{padding:16px 16px 80px!important}.table-wrapper{-webkit-overflow-scrolling:touch}.mobile-bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;height:64px;background:var(--card-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--card-border);box-shadow:0 -4px 20px #00000014;z-index:99;padding:0 12px;justify-content:space-around;align-items:center}.mobile-nav-item{background:transparent;border:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:var(--text-secondary);font-family:var(--font-sans);cursor:pointer;flex-grow:1;height:100%;padding:8px 0;transition:all var(--transition-fast)}.mobile-nav-item.active{color:var(--primary);font-weight:700}.mobile-nav-item span{font-size:10px}.mobile-nav-item:active{transform:scale(.92)}.mobile-only-footer{display:flex;justify-content:center;align-items:center;margin-top:32px;margin-bottom:24px;width:100%}.mobile-only-footer .custom-branding-footer{border-top:none;margin-top:0}}.worker-delta-bar{margin:8px 0}.worker-delta-meta{display:flex;justify-content:space-between;font-size:11px;color:var(--text-secondary);margin-bottom:4px}.worker-delta-track{position:relative;height:8px;background:var(--bg-primary);border-radius:99px;overflow:hidden}.worker-delta-fill{height:100%;border-radius:99px;transition:width .6s ease}.worker-delta-current{position:absolute;right:6px;top:-16px;font-size:10px;font-weight:700;color:var(--text-secondary)}.trend-line-chart{margin-bottom:16px}.trend-line-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.trend-line-label{font-size:13px;font-weight:600;color:var(--text-primary)}.trend-line-badge{font-size:11px;font-weight:700;display:inline-flex;align-items:center;gap:4px}.trend-line-svg{width:100%;height:80px;display:block;border-radius:var(--radius-sm);background:var(--bg-primary)}.trend-line-labels{display:flex;justify-content:space-between;margin-top:4px}.trend-line-month{font-size:9px;color:var(--text-muted);font-weight:600;text-transform:uppercase}.company-progress-section{margin-top:24px;padding:24px}.company-charts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:20px 0}@media (max-width: 900px){.company-charts-grid{grid-template-columns:1fr}}.company-monthly-bars{display:flex;gap:8px;align-items:flex-end;height:140px;padding-top:16px;border-top:1px solid var(--card-border)}.company-month-bar-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;position:relative}.company-month-bar-col.active .company-bar-label{color:var(--primary);font-weight:800}.company-bar-track{width:100%;max-width:36px;height:80px;background:var(--bg-primary);border-radius:4px 4px 0 0;display:flex;align-items:flex-end;overflow:hidden}.company-bar-fill{width:100%;border-radius:4px 4px 0 0;transition:height .6s ease}.company-bar-val{font-size:10px;font-weight:700;color:var(--text-secondary)}.company-bar-label{font-size:10px;font-weight:600;color:var(--text-muted);text-transform:uppercase}.company-bar-delta{font-size:9px;font-weight:700}.leaderboard-item.no-invoice{opacity:.65}.invoice-badge{display:inline-block;margin-left:8px;font-size:9px;font-weight:700;padding:2px 6px;border-radius:99px;background:#10b98126;color:#10b981;text-transform:uppercase;vertical-align:middle}.pm-trend-charts{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid var(--card-border)}@media (max-width: 768px){.pm-trend-charts{grid-template-columns:1fr}}.history-dashboard{display:flex;flex-direction:column;gap:24px}.history-pipeline-overview{margin-top:16px;padding-top:32px;border-top:2px solid var(--card-border)}.pipeline-overview-section{display:flex;flex-direction:column;gap:0}.pipeline-overview-section .dashboard-header,.pipeline-overview-section .year-overview-chart{margin-bottom:24px}.pipeline-overview-section .metrics-grid{margin-bottom:0}.top-clients-duo{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px}@media (max-width: 1100px){.top-clients-duo{grid-template-columns:1fr}}.top-clients-section{min-width:0}.top-clients-desc{font-size:13px;color:var(--text-secondary);margin-top:4px;margin-bottom:0}.top-clients-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:16px}.top-clients-grid--bad{grid-template-columns:repeat(5,1fr)}@media (max-width: 1400px){.top-clients-duo .top-clients-grid,.top-clients-duo .top-clients-grid--bad{grid-template-columns:repeat(3,1fr)}}@media (max-width: 900px){.top-clients-duo .top-clients-grid,.top-clients-duo .top-clients-grid--bad{grid-template-columns:repeat(2,1fr)}}@media (max-width: 1100px){.top-clients-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 600px){.top-clients-grid{grid-template-columns:1fr 1fr}}.top-client-card{padding:16px;cursor:pointer;transition:all .2s ease;border:1px solid var(--card-border)}.top-client-card:hover,.top-client-card.selected{border-color:var(--primary);transform:translateY(-2px);box-shadow:0 8px 24px #6366f126}.top-client-card--bad:hover,.top-client-card--bad.selected{border-color:#ef4444;box-shadow:0 8px 24px #ef444426}.top-client-rank{font-size:24px;font-weight:800;color:var(--primary);opacity:.5}.top-client-rank--bad{color:#ef4444}.top-client-name{font-size:14px;font-weight:700;margin:8px 0 4px}.top-client-pm{font-size:11px;color:var(--text-secondary);display:block}.top-client-amount{font-size:16px;font-weight:800;color:#10b981;display:block;margin-top:8px}.top-client-amount--bad{color:#ef4444}.top-client-workers{font-size:11px;color:var(--text-muted);line-height:1.4}.top-clients-empty{grid-column:1 / -1;padding:24px;text-align:center;color:var(--text-secondary);font-size:13px}.monthly-top-strip{padding:20px}.monthly-top-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.monthly-top-chip{flex:1;min-width:80px;padding:10px;background:var(--bg-primary);border-radius:var(--radius-sm);border:1px solid var(--card-border);text-align:center}.monthly-top-label{font-size:10px;font-weight:700;color:var(--text-muted);text-transform:uppercase;display:block}.monthly-top-name{font-size:11px;font-weight:600;display:block;margin-top:4px}.monthly-top-amt{font-size:10px;color:#10b981;font-weight:700;display:block}.monthly-top-empty{font-size:11px;color:var(--text-muted)}.client-rankings-section{padding:24px}.client-rankings-table{display:flex;flex-direction:column;gap:2px;max-height:400px;overflow-y:auto}.client-rankings-header,.client-rankings-row{display:grid;grid-template-columns:50px 1fr 120px 130px 130px 90px;gap:12px;padding:10px 14px;align-items:center;font-size:13px}.client-rankings-header{font-weight:700;color:var(--text-secondary);background:var(--bg-primary);border-radius:var(--radius-sm);position:sticky;top:0}.client-rankings-row{cursor:pointer;border-radius:var(--radius-sm);transition:background .15s}.client-rankings-row:hover{background:var(--bg-primary)}.client-rankings-row.selected{background:#6366f11a;border:1px solid var(--primary)}.rank-num{font-weight:800;color:var(--primary)}.client-rank-name{font-weight:600}.rank-amount{font-weight:700;color:#10b981}.rank-pending{font-weight:700}.rank-pending--due{color:#ef4444}.rank-pending--clear{color:var(--text-muted)}.client-detail-panel{padding:24px}.client-detail-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px}.client-detail-title{margin-bottom:4px}.client-detail-subtitle{font-size:13px;color:var(--text-secondary);margin:0}.client-detail-close{background:var(--bg-primary);border:1px solid var(--card-border);border-radius:var(--radius-sm);color:var(--text-secondary);padding:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;flex-shrink:0}.client-detail-close:hover{color:var(--text-primary);border-color:var(--primary)}.client-detail-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:24px}@media (max-width: 900px){.client-detail-summary{grid-template-columns:repeat(2,1fr)}}.client-detail-stat-paid{color:#0ea5e9}.client-detail-stat-pending{color:#ef4444}.client-detail-stat-clear{color:#10b981;font-size:15px}.client-payment-month-overview{display:flex;flex-direction:column;gap:14px;margin-bottom:24px;padding:16px;background:var(--bg-primary);border:1px solid var(--card-border);border-radius:var(--radius-sm)}.client-payment-month-group{display:flex;flex-direction:column;gap:8px}.client-payment-month-group-label{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#10b981}.client-payment-month-group-label--pending{color:#ef4444}.client-payment-month-chips{display:flex;flex-wrap:wrap;gap:8px}.client-payment-chip{padding:4px 10px;border-radius:999px;font-size:12px;font-weight:600}.client-payment-chip--paid{background:#ecfdf5;color:#059669;border:1px solid #a7f3d0}.client-payment-chip--pending{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.client-month-breakdown-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.client-month-breakdown-table{display:flex;flex-direction:column;gap:2px;border:1px solid var(--card-border);border-radius:var(--radius-sm);overflow:hidden;min-width:760px}.client-month-breakdown-header,.client-month-breakdown-row{display:grid;grid-template-columns:64px 88px minmax(100px,1fr) minmax(90px,1fr) minmax(120px,1.2fr) 96px;gap:12px;padding:12px 16px;align-items:center;font-size:13px}.client-detail-stat{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--bg-primary);border-radius:var(--radius-sm);border:1px solid var(--card-border)}.client-detail-stat svg{color:var(--primary);flex-shrink:0}.client-detail-stat-label{display:block;font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.client-detail-stat-value{display:block;font-size:18px;font-weight:800;margin-top:2px}.client-detail-stat-amount{color:#10b981}.client-detail-charts{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px}@media (max-width: 768px){.client-detail-charts{grid-template-columns:1fr}}.client-month-breakdown-header{font-weight:700;color:var(--text-secondary);background:var(--bg-primary);text-transform:uppercase;font-size:11px;letter-spacing:.04em}.client-month-breakdown-row{background:var(--bg-secondary);border-top:1px solid var(--card-border)}.client-month-breakdown-row.has-data{border-left:3px solid var(--primary)}.client-month-breakdown-row.empty{opacity:.55}.client-month-label{font-weight:700;font-size:14px}.client-month-workers{display:flex;flex-direction:column;gap:2px}.client-month-num{font-weight:800;font-size:16px;color:#6366f1}.client-month-unit{font-size:10px;color:var(--text-muted);text-transform:uppercase}.client-month-invoice{font-weight:700;color:#10b981;display:flex;flex-direction:column;gap:2px}.client-month-lastyear{font-size:10px;font-weight:600;color:#f59e0b}.client-month-paid{font-weight:700;color:#0ea5e9}.client-month-payment-status{display:flex;flex-direction:column;gap:4px;align-items:flex-start}.payment-status-badge{display:inline-block;padding:3px 10px;border-radius:999px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.03em}.payment-status-badge--paid{background:#ecfdf5;color:#059669;border:1px solid #a7f3d0}.payment-status-badge--pending{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.payment-status-badge--partial{background:#fffbeb;color:#d97706;border:1px solid #fde68a}.client-month-pending-amt{font-size:11px;font-weight:600;color:#ef4444}.client-month-payment-remark{font-size:10px;color:var(--text-muted);max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.client-month-breakdown-row.payment-row--paid.has-data{border-left-color:#10b981}.client-month-breakdown-row.payment-row--pending.has-data,.client-month-breakdown-row.payment-row--partial.has-data{border-left-color:#ef4444}.client-month-empty-val{color:var(--text-muted);font-weight:500}.client-month-status{font-size:12px}@media (max-width: 600px){.client-detail-summary{grid-template-columns:1fr}}.pm-view-page{display:flex;flex-direction:column;gap:24px}.pm-all-bars-chart{padding:28px 32px;margin-top:0}.pm-all-bars-header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:20px;flex-wrap:wrap}.pm-all-bars-title{font-size:20px;font-weight:800;color:var(--text-primary);margin:0 0 4px}.pm-all-bars-subtitle{font-size:13px;color:var(--text-secondary);margin:0}.pm-all-bars-detail-strip{display:flex;align-items:center;gap:20px;flex-wrap:wrap;min-height:48px;padding:12px 16px;margin-bottom:16px;background:var(--bg-primary);border:1px solid var(--card-border);border-radius:var(--radius-md);font-size:13px}.pm-all-bars-detail-strip strong{font-size:14px}.pm-all-bars-detail-strip span{color:var(--text-secondary)}.pm-all-bars-legend{display:flex;gap:24px;margin-bottom:24px;flex-wrap:wrap}.pm-all-legend-item{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--text-secondary)}.pm-all-legend-dot{width:12px;height:12px;border-radius:3px}.pm-graph-y-axis{display:flex;justify-content:space-between;margin-bottom:8px;padding:0 8px;font-size:10px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.pm-graph-y-right{text-align:right}.pm-graph-area{display:flex;gap:8px;align-items:flex-end;height:280px;padding:12px 8px 0;border-top:1px solid var(--card-border);border-bottom:1px solid var(--card-border);margin-bottom:20px;overflow-x:auto;background:linear-gradient(to top,var(--card-border) 1px,transparent 1px) 0 100% / 100% 25%,linear-gradient(to top,var(--card-border) 1px,transparent 1px) 0 100% / 100% 50%,linear-gradient(to top,var(--card-border) 1px,transparent 1px) 0 100% / 100% 75%;background-repeat:no-repeat}.pm-graph-group{flex:1;min-width:72px;max-width:120px;display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;padding:8px 6px;border-radius:var(--radius-md);transition:background .15s}.pm-graph-group:hover,.pm-graph-group.active{background:#6366f114}.pm-graph-group.selected{background:#6366f11f;box-shadow:inset 0 0 0 2px var(--primary)}.pm-graph-rank{font-size:10px;font-weight:800;color:var(--text-muted)}.pm-graph-bars{display:flex;gap:4px;align-items:flex-end;height:220px;width:100%;justify-content:center}.pm-graph-bar-col{flex:1;max-width:22px;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:4px}.pm-graph-bar-track{width:100%;flex:1;min-height:100px;background:var(--bg-primary);border:1px solid var(--card-border);border-radius:4px 4px 0 0;display:flex;align-items:flex-end;overflow:hidden}.pm-graph-bar-fill{width:100%;border-radius:3px 3px 0 0;transition:height .25s ease,opacity .25s ease;min-height:0}.pm-graph-bar-value{font-size:9px;font-weight:800;line-height:1;text-align:center;min-height:12px;white-space:nowrap}.pm-graph-label{font-size:11px;font-weight:700;text-align:center;line-height:1.2;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pm-graph-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}@media (max-width: 768px){.pm-graph-summary{grid-template-columns:1fr}.pm-all-bars-chart{padding:20px 16px}.pm-graph-area{height:240px}.pm-graph-bars{height:180px}}.pm-graph-summary-stat{padding:16px;background:var(--bg-primary);border-radius:var(--radius-md);border:1px solid var(--card-border)}.pm-graph-summary-label{display:block;font-size:11px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px}.pm-graph-summary-value{display:block;font-size:20px;font-weight:800;font-variant-numeric:tabular-nums}.pm-graph-summary-peak{display:block;font-size:11px;color:var(--text-muted);margin-top:6px}.year-overview-chart{margin-bottom:24px;padding:28px 32px}.year-overview-header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:20px;flex-wrap:wrap}.year-overview-title{font-size:20px;font-weight:800;color:var(--text-primary);margin:0 0 4px}.year-overview-subtitle{font-size:13px;color:var(--text-secondary);margin:0}.year-overview-tooltip{display:flex;flex-direction:column;gap:4px;padding:12px 16px;background:var(--bg-primary);border-radius:var(--radius-md);border:1px solid var(--card-border);font-size:12px;min-width:160px}.year-overview-tooltip strong{font-size:13px;color:var(--primary)}.year-overview-detail-strip{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;min-height:52px;padding:12px 16px;margin-bottom:16px;background:var(--bg-primary);border:1px solid var(--card-border);border-radius:var(--radius-md)}.year-detail-month{font-weight:800;font-size:14px;color:var(--primary);white-space:nowrap}.year-detail-metrics{display:flex;gap:20px;flex-wrap:wrap}.year-detail-metric{display:flex;align-items:center;gap:8px}.year-detail-dot{width:10px;height:10px;border-radius:3px;flex-shrink:0}.year-detail-label{font-size:12px;color:var(--text-secondary)}.year-detail-value{font-size:14px;font-weight:800}.year-overview-y-axis{display:flex;justify-content:space-between;margin-bottom:8px;padding:0 8px}.year-y-label{font-size:10px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.year-y-label-right{text-align:right}.year-overview-legend{display:flex;gap:24px;margin-bottom:24px;flex-wrap:wrap}.year-legend-item{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--text-secondary)}.year-legend-dot{width:12px;height:12px;border-radius:3px}.year-overview-chart-area{display:flex;gap:6px;align-items:flex-end;height:260px;padding:16px 8px 0;border-top:1px solid var(--card-border);border-bottom:1px solid var(--card-border);margin-bottom:20px;overflow-x:auto}.year-month-group{flex:1;min-width:56px;display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;padding:8px 4px;border-radius:var(--radius-md);transition:background .15s}.year-month-group:hover,.year-month-group.active{background:#6366f114}.year-month-group.selected{background:#6366f11f;box-shadow:inset 0 0 0 2px var(--primary)}.year-bars-row{display:flex;gap:4px;align-items:flex-end;height:200px;width:100%;justify-content:center}.year-bar-col{flex:1;max-width:24px;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:4px}.year-bar-track{width:100%;flex:1;min-height:120px;background:var(--bg-primary);border-radius:4px 4px 0 0;display:flex;align-items:flex-end;overflow:hidden;border:1px solid var(--card-border)}.year-bar-fill{width:100%;border-radius:3px 3px 0 0;transition:height .25s ease,opacity .25s ease;min-height:0}.year-bar-value{font-size:9px;font-weight:800;line-height:1;text-align:center;min-height:12px}.year-month-label{font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase}.year-month-group.selected .year-month-label{color:var(--primary)}.year-overview-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}@media (max-width: 1100px){.year-overview-summary{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.year-overview-summary{grid-template-columns:1fr}.year-overview-chart{padding:20px 16px}}.year-summary-stat{padding:16px;background:var(--bg-primary);border-radius:var(--radius-md);border:1px solid var(--card-border);text-align:left}.year-summary-stat-clickable{cursor:pointer;transition:all .2s ease;width:100%;font:inherit;color:inherit}.year-summary-stat-clickable:hover{border-color:#ef4444;transform:translateY(-2px);box-shadow:0 8px 24px #ef44441f}.year-summary-stat-clickable.selected{border-color:#ef4444;box-shadow:0 0 0 2px #ef444440}.year-summary-click-hint{display:block;font-size:10px;color:#ef4444;margin-top:8px;font-weight:600;opacity:.85}.year-summary-label{display:block;font-size:11px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px}.year-summary-value{display:block;font-size:22px;font-weight:800;font-variant-numeric:tabular-nums}.year-summary-peak{display:block;font-size:11px;color:var(--text-muted);margin-top:6px}.pending-breakdown-anchor{margin-bottom:24px}.pending-payment-panel{padding:24px;border:1px solid rgba(239,68,68,.25)}.pending-payment-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px}.pending-payment-subtitle{font-size:13px;color:var(--text-secondary);margin-top:4px}.pending-payment-close{background:var(--bg-secondary);border:1px solid var(--card-border);border-radius:var(--radius-sm);padding:8px;cursor:pointer;color:var(--text-secondary);flex-shrink:0}.pending-payment-summary{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:16px 20px;margin-bottom:20px;background:#ef444414;border:1px solid rgba(239,68,68,.2);border-radius:var(--radius-md)}.pending-payment-summary-icon{color:#ef4444;flex-shrink:0}.pending-payment-summary-label{display:block;font-size:11px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em}.pending-payment-summary-value{display:block;font-size:22px;font-weight:800;color:#ef4444}.pending-payment-summary-count{margin-left:auto;font-size:13px;color:var(--text-secondary)}.pending-payment-table-wrap{overflow-x:auto;border:1px solid var(--card-border);border-radius:var(--radius-md)}.pending-payment-table{width:100%;border-collapse:collapse;font-size:13px}.pending-payment-table th,.pending-payment-table td{padding:12px 14px;text-align:left;border-bottom:1px solid var(--card-border);vertical-align:top}.pending-payment-table th{background:var(--bg-primary);font-weight:700;color:var(--text-secondary);font-size:11px;text-transform:uppercase;letter-spacing:.04em;position:sticky;top:0}.pending-payment-table tbody tr:hover{background:var(--bg-primary)}.pending-payment-client{font-weight:700}.pending-month-chips{display:flex;flex-wrap:wrap;gap:6px}.pending-month-chip{display:inline-block;padding:4px 8px;background:#ef44441f;color:#ef4444;border-radius:999px;font-size:11px;font-weight:700}.pending-month-detail-row{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px;margin-bottom:4px}.pending-month-detail-row:last-child{margin-bottom:0}.pending-month-detail-label{font-weight:700;min-width:36px}.pending-month-detail-amt{color:#ef4444;font-weight:700}.pending-month-detail-note{font-size:11px;color:var(--text-muted)}.pending-payment-total{font-weight:800;color:#ef4444;white-space:nowrap}.pending-payment-empty{padding:32px;text-align:center;color:var(--text-secondary);font-size:14px}@media (max-width: 900px){.pending-payment-table th:nth-child(5),.pending-payment-table td:nth-child(5){display:none}}.chart-month-progress{font-size:11px;font-weight:600;color:var(--text-muted);min-width:72px;text-align:right}.workers-only-chart .chart-bars-wrapper{flex:1}.ts-leaderboard-intro{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:linear-gradient(160deg,#f8fafc,#eef2ff 45%,#f0fdf4);opacity:1;transition:opacity .4s ease}.ts-leaderboard-intro-out{opacity:0;pointer-events:none}.ts-leaderboard-intro-inner{text-align:center;padding:32px 24px;max-width:520px;width:100%;animation:tsIntroFadeUp .6s ease-out}.ts-leaderboard-intro-logo{width:64px;height:64px;object-fit:contain;margin-bottom:16px}.ts-leaderboard-intro-title{font-size:28px;font-weight:800;margin:0 0 8px;color:var(--text-primary)}.ts-leaderboard-intro-sub{margin:0 0 24px;font-size:14px;color:var(--text-secondary)}.ts-leaderboard-intro-month{margin:0 0 20px;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--primary)}.ts-leaderboard-intro-podium{list-style:none;margin:0 0 28px;padding:0;display:flex;flex-direction:column;gap:12px}.ts-leaderboard-intro-pm{display:flex;align-items:center;gap:14px;padding:14px 18px;background:#fff;border:1px solid #e2e8f0;border-left:4px solid transparent;border-radius:var(--radius-md);box-shadow:0 4px 16px #0f172a0f;text-align:left;animation:tsIntroFadeUp .5s ease-out backwards}.ts-leaderboard-intro-pm.rank-1{animation-delay:.15s}.ts-leaderboard-intro-pm.rank-2{animation-delay:.3s}.ts-leaderboard-intro-pm.rank-3{animation-delay:.45s}.ts-leaderboard-intro-pm-name{flex:1;font-size:17px;font-weight:700;color:var(--text-primary)}.ts-leaderboard-intro-pm-workers{font-size:12px;font-weight:600;color:var(--text-secondary)}.ts-leaderboard-intro-loader{display:flex;justify-content:center;gap:8px}.ts-leaderboard-intro-loader span{width:8px;height:8px;border-radius:50%;background:var(--primary);opacity:.35;animation:tsIntroPulse 1.2s ease-in-out infinite}.ts-leaderboard-intro-loader span:nth-child(2){animation-delay:.2s}.ts-leaderboard-intro-loader span:nth-child(3){animation-delay:.4s}@keyframes tsIntroFadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes tsIntroPulse{0%,80%,to{opacity:.35;transform:scale(1)}40%{opacity:1;transform:scale(1.15)}}.timesheet-leaderboard-page{min-height:100vh;background:var(--bg-primary);padding:24px 32px 0;max-width:1500px;margin:0 auto}.ts-leaderboard-hero{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;margin-bottom:28px;padding:24px 28px;background:#fff;border:1px solid #e2e8f0;border-radius:var(--radius-md);box-shadow:0 4px 24px #0f172a0f}.ts-leaderboard-brand{display:flex;align-items:center;gap:16px}.ts-leaderboard-logo{width:48px;height:48px;object-fit:contain}.ts-leaderboard-brand h1{font-size:24px;font-weight:800;margin:0 0 4px;color:var(--text-primary)}.ts-leaderboard-brand p{margin:0;font-size:13px;color:var(--text-secondary)}.ts-leaderboard-badge{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:999px;font-size:13px;font-weight:600;color:#059669}.ts-leaderboard-body{display:flex;flex-direction:column;gap:24px}.ts-leaderboard-loading{padding:48px;text-align:center;color:var(--text-secondary);font-size:14px}.ts-leaderboard-footer{margin-top:32px}.lb-panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;flex-wrap:wrap}.pm-tracker-desc{font-size:13px;color:var(--text-secondary);margin-bottom:20px}.pipeline-pending-dot{display:inline-block;width:8px;height:8px;background-color:var(--danger, #ef4444);border-radius:50%;box-shadow:0 0 4px var(--danger, #ef4444);flex-shrink:0}.main-login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:var(--bg-primary)}.main-login-card{width:100%;max-width:400px;padding:36px 32px;text-align:center}.main-login-logo{width:56px;height:56px;margin-bottom:16px}.main-login-card h1{font-size:22px;margin-bottom:8px}.main-login-sub{font-size:13px;color:var(--text-secondary);margin-bottom:24px}.main-login-form{text-align:left}.main-login-label{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--text-secondary);margin-bottom:8px}.main-login-btn{width:100%;justify-content:center;margin-top:16px}.main-login-error{color:#ef4444;font-size:13px;margin-top:8px}.main-login-leaderboard-link{display:inline-block;margin-top:20px;font-size:13px;color:var(--primary);text-decoration:none}.main-login-leaderboard-link:hover{text-decoration:underline}.main-login-back-btn{margin-top:16px;width:100%}.login-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.login-modal{width:100%;max-width:400px;padding:24px}.login-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.login-modal-header h3{font-size:18px;margin:0}.login-modal-close{background:none;border:none;cursor:pointer;color:var(--text-secondary);padding:4px}.login-modal-desc{font-size:13px;color:var(--text-secondary);margin-bottom:16px}.ts-leaderboard-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}@media (max-width: 768px){.timesheet-leaderboard-page{padding:16px 16px 0}.ts-leaderboard-hero{padding:16px}}.pm-pending-invoice-section{margin:0 0 20px;padding:20px 24px}.pm-pending-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap;margin-bottom:16px}.pm-pending-desc{font-size:13px;color:var(--text-secondary);margin-top:4px}.pm-pending-total{font-size:13px;font-weight:700;color:#ef4444;padding:6px 12px;background:#ef444414;border-radius:999px;white-space:nowrap}.pm-pending-bars{display:flex;flex-direction:column;gap:10px}.pm-pending-row{display:grid;grid-template-columns:minmax(120px,160px) 1fr minmax(90px,auto);gap:12px;align-items:center;padding:12px 14px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:var(--radius-md);cursor:pointer;text-align:left;font:inherit;color:inherit;transition:border-color .15s,box-shadow .15s}.pm-pending-row:hover{border-color:var(--primary)}.pm-pending-row.selected{border-color:#ef4444;box-shadow:0 0 0 2px #ef444426;background:#fff}.pm-pending-name{font-weight:700;font-size:13px}.pm-pending-track{height:28px;background:#e2e8f0;border-radius:8px;overflow:hidden}.pm-pending-fill{height:100%;border-radius:8px;min-width:4px;transition:width .4s ease}.pm-pending-count{font-weight:800;font-size:13px;color:#ef4444;text-align:right}.pm-pending-client-list{margin-top:16px;padding-top:16px;border-top:1px solid var(--card-border)}.pm-pending-list-title{font-size:14px;font-weight:700;margin-bottom:12px;color:var(--text-primary)}.pm-pending-client-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px}.pm-pending-client-chip{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;background:var(--bg-primary);border:1px solid var(--card-border);border-radius:var(--radius-sm)}.pm-pending-client-name{font-size:13px;font-weight:600}@media (max-width: 768px){.ts-leaderboard-hero,.ts-leaderboard-actions{flex-direction:column;align-items:stretch}.pm-pending-row{grid-template-columns:1fr;gap:8px}.pm-pending-count{text-align:left}}.metric-delta-row{display:inline-flex;align-items:center;gap:4px}.pm-pipeline-overview{padding:24px 28px;margin-bottom:24px}.pm-pipeline-overview-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap;margin-bottom:20px}.pm-pipeline-overview-desc{font-size:13px;color:var(--text-secondary);margin-top:4px}.pm-pipeline-overview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.pm-pipeline-pm-card{background:#f8fafc;border:1px solid #e2e8f0;border-top:4px solid var(--primary);border-radius:var(--radius-md);overflow:hidden}.pm-pipeline-pm-card-head{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;background:none;border:none;cursor:pointer;text-align:left;font:inherit;color:inherit}.pm-pipeline-pm-card-head:hover{background:#6366f10a}.pm-pipeline-pm-name{display:block;font-size:15px;font-weight:800;color:var(--text-primary)}.pm-pipeline-pm-meta{display:block;font-size:12px;color:var(--text-secondary);margin-top:2px}.pm-pipeline-step-summary{display:flex;gap:8px;padding:0 16px 14px;flex-wrap:wrap}.pm-pipeline-step-pill{display:flex;align-items:center;gap:6px;padding:4px 8px 4px 4px;background:#fff;border:1px solid #e2e8f0;border-radius:999px}.pm-pipeline-step-pill.has-pending{border-color:#ef444459;background:#ef44440f}.pm-pipeline-v-pill{flex:1;min-width:0;padding-right:12px}.pm-pipeline-v-label{font-size:12px;font-weight:600;color:var(--text-secondary);flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pm-pipeline-step-pill.clear{opacity:.55}.pm-pipeline-step-letter{width:22px;height:22px;border-radius:6px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:11px;font-weight:800}.pm-pipeline-step-letter.sm{width:20px;height:20px;font-size:10px}.pm-pipeline-step-count{font-size:13px;font-weight:800;min-width:16px}.pm-pipeline-step-details{padding:0 16px 16px;border-top:1px solid #e2e8f0;background:#fff}.pm-pipeline-step-block{padding:12px 0;border-bottom:1px solid #f1f5f9}.pm-pipeline-step-block:last-child{border-bottom:none}.pm-pipeline-step-block-head{display:flex;align-items:center;gap:8px;margin-bottom:8px}.pm-pipeline-step-block-label{font-size:13px;font-weight:600;flex:1}.pm-pipeline-step-block-count{font-size:12px;font-weight:700;color:#ef4444}.pm-pipeline-client-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:4px 12px}.pm-pipeline-client-list li{font-size:12px;color:var(--text-primary);padding:4px 0}.pm-pipeline-step-all-done{font-size:12px;color:var(--text-muted);margin:0}@media (max-width: 768px){.pm-pipeline-overview-grid{grid-template-columns:1fr}}