:root{--color-bg: #f6f8fa;--color-surface: #ffffff;--color-surface-hover: #fafbfc;--color-surface-alt: #f0f2f5;--color-text: #1a1f36;--color-text-secondary: #5e6687;--color-text-muted: #8792a2;--color-border: #e3e8ee;--color-border-light: #edf0f4;--color-primary: #1e56a0;--color-primary-hover: #174785;--color-primary-bg: rgba(30, 86, 160, .06);--color-accent: #c9943e;--color-accent-bg: rgba(201, 148, 62, .08);--color-accent-text: #8b6914;--color-sidebar: #1a1f36;--color-sidebar-hover: rgba(255, 255, 255, .06);--color-sidebar-active: rgba(255, 255, 255, .12);--color-sidebar-text: #8890a8;--color-sidebar-text-hover: #c8cee0;--color-sidebar-text-active: #ffffff;--color-success: #059669;--color-success-bg: rgba(5, 150, 105, .08);--color-warning: #d97706;--color-warning-bg: rgba(217, 119, 6, .08);--color-danger: #dc2626;--color-danger-bg: rgba(220, 38, 38, .06);--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-pill: 999px;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .04);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .03);--shadow-md: 0 4px 12px rgba(0, 0, 0, .06);--shadow-focus: 0 0 0 3px rgba(30, 86, 160, .12);--shadow-focus-accent: 0 0 0 3px rgba(201, 148, 62, .15);--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 24px;--space-2xl: 32px;--font-sans: Inter, "Microsoft YaHei", "PingFang SC", system-ui, -apple-system, sans-serif;--font-mono: "SF Mono", "Cascadia Code", Consolas, monospace;font-family:var(--font-sans);color:var(--color-text);background:var(--color-bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;overflow-x:hidden;-webkit-text-size-adjust:100%}button,input,select,textarea{font:inherit}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-pill)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}*{scrollbar-width:thin;scrollbar-color:var(--color-border) transparent}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}button,a,.metric-card,.panel,.pipeline-card,.nav-button,.fact-grid div{transition:all .18s ease}.data-table tbody tr{transition:background .12s ease}.login-backdrop{min-height:100dvh;display:flex;align-items:center;justify-content:center;background:linear-gradient(160deg,#141928,#1a2140 40%,#1e2a4a,#162032);padding:var(--space-xl);position:relative;overflow:hidden}.login-backdrop:before{content:"";position:absolute;top:-40%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,rgba(201,148,62,.08) 0%,transparent 70%);pointer-events:none}.login-backdrop:after{content:"";position:absolute;bottom:-30%;left:-15%;width:500px;height:500px;background:radial-gradient(circle,rgba(30,86,160,.06) 0%,transparent 70%);pointer-events:none}.login-card{background:var(--color-surface);border-radius:16px;box-shadow:0 20px 60px #0000004d,0 0 0 1px #ffffff0f;padding:44px 36px;width:100%;max-width:380px;display:flex;flex-direction:column;gap:var(--space-lg);text-align:center;position:relative;z-index:1;animation:fadeInUp .4s ease}.login-card:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:48px;height:3px;background:var(--color-accent);border-radius:0 0 var(--radius-sm) var(--radius-sm)}.login-card h2{margin:0;font-size:20px;color:var(--color-text);font-weight:700;letter-spacing:-.2px}.login-card>p{margin:-4px 0 0;color:var(--color-text-muted);font-size:13px}.login-card input{padding:12px 16px;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:15px;background:var(--color-surface-hover);outline:none;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}.login-card input:focus{border-color:var(--color-primary);box-shadow:var(--shadow-focus);background:var(--color-surface)}.login-card button{padding:12px;border:none;border-radius:var(--radius-md);background:var(--color-primary);color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:background .15s ease,transform .15s ease,box-shadow .15s ease}.login-card button:hover:not(:disabled){background:var(--color-primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px #1e56a04d}.login-card button:active:not(:disabled){transform:translateY(0)}.login-card button:disabled{background:var(--color-border);color:var(--color-text-muted);cursor:not-allowed}.login-error{margin:0;color:var(--color-danger);font-size:13px;font-weight:500;animation:fadeIn .2s ease}.app-shell{height:100dvh;display:grid;grid-template-columns:240px minmax(0,1fr);overflow:hidden}.sidebar{background:var(--color-sidebar);color:var(--color-sidebar-text);padding:var(--space-xl);border-right:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;overflow-y:auto}.sidebar h1{font-size:16px;line-height:1.4;margin:0 0 var(--space-xl);padding-bottom:var(--space-lg);border-bottom:1px solid rgba(255,255,255,.08);color:var(--color-sidebar-text-active);letter-spacing:.2px;font-weight:600}.nav-list{display:grid;gap:var(--space-xs)}.nav-button{width:100%;border:0;border-left:2px solid transparent;border-radius:0 var(--radius-sm) var(--radius-sm) 0;padding:9px 12px;display:flex;align-items:center;gap:10px;background:transparent;color:var(--color-sidebar-text);text-align:left;cursor:pointer;font-size:13.5px;font-weight:500;letter-spacing:.1px}.nav-button:hover{background:var(--color-sidebar-hover);color:var(--color-sidebar-text-hover)}.nav-button.active,.nav-button:focus-visible{background:var(--color-sidebar-active);border-left-color:var(--color-accent);color:var(--color-sidebar-text-active);font-weight:600}.sidebar-footer{margin-top:auto;padding-top:var(--space-lg);border-top:1px solid rgba(255,255,255,.08);display:grid;gap:2px}.nav-button.utility{font-size:12.5px;padding:7px 12px;opacity:.7}.nav-button.utility:hover{opacity:1}.nav-button.utility.logout{color:#e5737380}.nav-button.utility.logout:hover{color:#e57373;background:#e5737314}.main-panel{min-width:0;padding:var(--space-2xl);animation:fadeIn .2s ease;overflow-y:auto}.page-header{margin-bottom:var(--space-xl)}.eyebrow{margin:0 0 var(--space-xs);color:var(--color-text-muted);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.main-panel h2{margin:0;font-size:24px;color:var(--color-text);font-weight:700;letter-spacing:-.3px;line-height:1.3}.screen-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-md);min-width:0}.metric-card,.panel{background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);min-width:0;padding:var(--space-lg);overflow-wrap:anywhere}.panel:hover{box-shadow:var(--shadow-sm)}.metric-card{border-left:3px solid var(--color-border);padding:var(--space-lg);position:relative}.metric-button.active .metric-card,.metric-button:hover .metric-card{border-left-color:var(--color-accent)}.metric-button{width:100%;cursor:pointer;text-align:left}.metric-button:hover,.metric-button:focus-visible{box-shadow:var(--shadow-md);border-color:var(--color-border);transform:translateY(-1px)}.metric-button.active{border-color:var(--color-accent);box-shadow:0 0 0 1px var(--color-accent),var(--shadow-md)}.metric-card span{display:block;color:var(--color-text-muted);font-size:12px;font-weight:600;letter-spacing:.2px;margin-bottom:var(--space-sm)}.metric-card strong{display:block;font-size:28px;line-height:1;color:var(--color-text);font-weight:700}.drilldown-panel{border-color:var(--color-accent);box-shadow:0 0 0 1px var(--color-accent),var(--shadow-md)}.panel{grid-column:span 2}.panel.wide{grid-column:1 / -1}.demo-panel{display:flex;align-items:center;justify-content:space-between;gap:var(--space-lg)}.panel-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:var(--space-sm)}.segmented-control{display:inline-grid;grid-auto-flow:column;gap:2px;padding:3px;border:none;border-radius:var(--radius-md);background:var(--color-surface-alt)}.segmented-control button{border:0;border-radius:var(--radius-sm);padding:7px 14px;background:transparent;color:var(--color-text-secondary);cursor:pointer;font:inherit;font-size:13px;font-weight:500;white-space:nowrap}.segmented-control button.active{background:var(--color-surface);color:var(--color-primary);font-weight:600;box-shadow:var(--shadow-sm)}.segmented-control button:hover:not(.active){color:var(--color-text)}.segmented-control button:focus-visible{outline:2px solid var(--color-primary)}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);margin-bottom:var(--space-lg);padding-bottom:var(--space-md);border-bottom:1px solid var(--color-border-light);min-width:0}.panel h3{margin:0;min-width:0;font-size:14px;font-weight:700;color:var(--color-text);overflow-wrap:anywhere;text-transform:uppercase;letter-spacing:.3px}.count-label{flex:0 0 auto;min-width:24px;border-radius:var(--radius-pill);padding:2px 8px;background:var(--color-surface-alt);color:var(--color-text-secondary);font-size:11px;font-weight:700;text-align:center;border:1px solid var(--color-border-light)}.status-badge{display:inline-block;padding:2px 10px;border-radius:var(--radius-pill);font-size:12px;font-weight:600;line-height:1.6;white-space:nowrap}.badge-pending{background:var(--color-warning-bg);color:var(--color-warning)}.badge-info{background:var(--color-primary-bg);color:var(--color-primary)}.badge-positive{background:var(--color-success-bg);color:var(--color-success)}.badge-progress{background:#0d948814;color:#0d9488}.badge-deep{background:#6d28d914;color:#7c3aed}.badge-negative{background:var(--color-danger-bg);color:var(--color-danger)}.badge-closed{background:#6b728014;color:#6b7280}.badge-neutral{background:var(--color-surface-alt);color:var(--color-text-muted)}.empty-text{margin:0;color:var(--color-text-muted);overflow-wrap:anywhere;padding:var(--space-xl) var(--space-lg);text-align:center;font-size:13px;background:var(--color-surface-alt);border-radius:var(--radius-md);border:1px dashed var(--color-border)}.success-text{margin:var(--space-sm) 0 0;color:var(--color-success);font-weight:600}.warning-text{margin:0 0 var(--space-md);color:var(--color-warning);font-size:13px;font-weight:600}.muted{color:var(--color-text-muted)}.bp-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-md);margin-bottom:var(--space-lg);max-width:720px}.bp-form .primary-action,.bp-form .form-hint{grid-column:1 / -1}.form-field{display:grid;gap:var(--space-xs);color:var(--color-text-secondary);font-size:13px;font-weight:600}.form-field input,.form-field select,.form-field textarea{width:100%;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:9px 12px;color:var(--color-text);background:var(--color-surface-hover);font-weight:400;resize:vertical;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}.form-field input:hover,.form-field select:hover,.form-field textarea:hover{border-color:#c0c8d4}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:var(--color-primary);outline:none;box-shadow:var(--shadow-focus);background:var(--color-surface)}.form-field input::placeholder,.form-field textarea::placeholder{color:var(--color-text-muted);opacity:.7}.full-span{grid-column:1 / -1}.filter-grid{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:var(--space-md);margin-bottom:var(--space-lg)}.draft-list{display:grid;gap:var(--space-sm);margin-bottom:var(--space-lg)}.draft-list h4{margin:0;font-size:14px;font-weight:700}.draft-card{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-lg);border:1px solid #fde68a;border-radius:var(--radius-md);padding:var(--space-md);background:#fffbeb}.draft-card p{margin:var(--space-xs) 0 0}.primary-action{justify-self:start;border:0;border-radius:var(--radius-md);padding:9px 18px;background:var(--color-primary);color:#fff;font-weight:600;font-size:14px;cursor:pointer;box-shadow:var(--shadow-xs)}.primary-action:hover:not(:disabled){background:var(--color-primary-hover);box-shadow:0 2px 8px #1e56a040;transform:translateY(-.5px)}.primary-action:active:not(:disabled){transform:translateY(.5px);box-shadow:var(--shadow-xs)}.primary-action:disabled{background:var(--color-border);color:var(--color-text-muted);box-shadow:none;cursor:not-allowed}.secondary-action{flex:0 0 auto;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:8px 14px;background:var(--color-surface);color:var(--color-text-secondary);font-weight:600;font-size:13px;cursor:pointer}.secondary-action:hover{background:var(--color-surface-hover);border-color:#c0c8d4;color:var(--color-text)}.secondary-action:active{background:var(--color-surface-alt);transform:translateY(.5px)}.secondary-link{display:inline-flex;align-items:center;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:8px 14px;background:var(--color-surface);color:var(--color-primary);font-weight:600;font-size:13px;text-decoration:none}.secondary-link:hover,.secondary-link:focus-visible{background:var(--color-surface-hover);border-color:var(--color-primary)}.link-button{border:0;padding:0;background:transparent;color:var(--color-primary);font-weight:500;text-align:left;cursor:pointer}.link-button:hover{color:var(--color-primary-hover);text-decoration:underline}.link-button:focus-visible{color:var(--color-primary-hover);outline:2px solid var(--color-primary);outline-offset:2px;border-radius:2px}.danger-action{flex:0 0 auto;background:var(--color-surface);color:var(--color-danger);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:8px 14px;font-weight:600;font-size:13px;cursor:pointer}.danger-action:hover{background:var(--color-danger-bg);border-color:#f5c5c5}.danger-action:active{transform:translateY(.5px)}.prompt-helper{display:grid;gap:var(--space-sm);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-md) var(--space-lg);background:linear-gradient(135deg,var(--color-surface-hover),var(--color-surface-alt))}.prompt-helper-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-md)}.prompt-helper-header p{margin:var(--space-xs) 0 0;font-size:12px;font-weight:400}.prompt-text{max-height:260px;margin:0;overflow:auto;border:1px solid var(--color-border-light);border-radius:var(--radius-md);padding:var(--space-md);background:var(--color-surface);color:var(--color-text-secondary);font:12px/1.7 var(--font-mono);white-space:pre-wrap}.attachment-actions{margin-top:var(--space-md)}.data-list{display:grid;gap:0;margin:0;min-width:0;padding:0;list-style:none}.data-list li{display:flex;align-items:center;justify-content:space-between;gap:var(--space-lg);min-width:0;border-top:1px solid var(--color-border-light);padding:var(--space-sm) 0}.data-list li:first-child{border-top:none}.data-list li>*{min-width:0;overflow-wrap:anywhere}.data-table{width:100%;table-layout:fixed;border-collapse:separate;border-spacing:0;border:1px solid var(--color-border-light);border-radius:var(--radius-lg);overflow:hidden}.data-table th,.data-table td{min-width:0;padding:10px 14px;border-top:1px solid var(--color-border-light);color:var(--color-text);overflow-wrap:anywhere;text-align:left;vertical-align:top;font-size:13px}.data-table thead th{border-top:0;border-bottom:2px solid var(--color-border);background:var(--color-surface);color:var(--color-text-secondary);font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.4px}.data-table tbody tr:hover{background:#1e56a00a}.data-table tbody tr:active{background:#1e56a012}.project-table th:nth-child(1),.project-table td:nth-child(1){width:32%}.project-table th:nth-child(2),.project-table td:nth-child(2){width:22%}.project-table th:nth-child(3),.project-table td:nth-child(3){width:18%}.project-table th:nth-child(4),.project-table td:nth-child(4){width:10%}.project-table th:nth-child(5),.project-table td:nth-child(5){width:18%}.client-table th:nth-child(1),.client-table td:nth-child(1){width:35%}.client-table th:nth-child(2),.client-table td:nth-child(2){width:25%}.client-table th:nth-child(3),.client-table td:nth-child(3){width:25%}.client-table th:nth-child(4),.client-table td:nth-child(4){width:15%}.match-table th,.match-table td,.visit-table th,.visit-table td{width:25%}.action-cell{white-space:nowrap}.table-action{border:none;background:none;cursor:pointer;font-size:12px;padding:4px 8px;border-radius:var(--radius-sm);font-weight:500}.table-action.edit{color:var(--color-primary)}.table-action.edit:hover{background:var(--color-primary-bg)}.table-action.delete{color:var(--color-danger)}.table-action.delete:hover{background:var(--color-danger-bg)}.form-hint{grid-column:1 / -1;margin:0;padding:var(--space-sm) var(--space-md);background:var(--color-primary-bg);border:1px solid rgba(30,86,160,.12);border-radius:var(--radius-sm);font-size:13px;color:var(--color-primary)}.detail-stack{display:grid;gap:var(--space-lg)}.detail-hero{display:flex;flex-direction:column;gap:var(--space-lg)}.detail-hero h3{margin:0 0 var(--space-sm);font-size:22px;letter-spacing:-.2px}.detail-hero p:last-child{margin:0;color:var(--color-text-secondary)}.detail-back{align-self:flex-start;background:none;border:none;color:var(--color-text-muted);font-size:13px;font-weight:500;padding:0;cursor:pointer}.detail-back:hover{color:var(--color-primary);text-decoration:underline}.detail-hero-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-md);flex-wrap:wrap}.detail-hero-header>div:first-child{flex:1 1 200px;min-width:0}.detail-hero-actions{display:flex;gap:var(--space-sm);flex-shrink:0;align-self:flex-start;margin-top:var(--space-lg)}.detail-stage-control{margin-left:auto;display:grid;gap:var(--space-xs);justify-items:end}.detail-stage-label{color:var(--color-text-muted);font-size:12px;font-weight:600}.fact-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-sm)}.fact-grid.compact{grid-template-columns:repeat(4,minmax(0,1fr))}.fact-grid div{min-width:0;border:none;border-left:2px solid var(--color-border);border-radius:0 var(--radius-md) var(--radius-md) 0;padding:10px var(--space-md);background:var(--color-surface-alt)}.fact-grid div:hover{border-left-color:var(--color-primary);background:var(--color-primary-bg)}.fact-grid span{display:block;margin-bottom:var(--space-xs);color:var(--color-text-muted);font-size:12px;font-weight:500}.fact-grid strong{display:block;min-width:0;font-size:13px;overflow-wrap:anywhere}.detail-notes{display:grid;gap:var(--space-sm);margin-top:var(--space-md)}.detail-notes p,.table-note{margin:0;color:var(--color-text-secondary);font-size:13px;line-height:1.6}.detail-table th:nth-child(1),.detail-table td:nth-child(1){width:26%}.detail-table th:nth-child(2),.detail-table td:nth-child(2){width:16%}.detail-table th:nth-child(3),.detail-table td:nth-child(3){width:16%}.detail-table th:nth-child(4),.detail-table td:nth-child(4){width:42%}.timeline-list,.inline-link-list,.timeline-actions{display:grid;gap:var(--space-sm)}.timeline-list{margin:0;padding:0;list-style:none}.timeline-list li{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-lg);border-top:1px solid var(--color-border-light);padding-top:var(--space-md)}.timeline-list li:first-child{border-top:0;padding-top:0}.timeline-list span{display:block;margin-bottom:var(--space-xs);color:var(--color-text-muted);font-size:12px}.timeline-list strong,.timeline-list p{display:block;margin:0}.timeline-list p{margin-top:var(--space-xs);color:var(--color-text-secondary);font-size:13px}.edit-form-inline{display:grid;gap:var(--space-sm);margin-top:var(--space-sm)}.edit-form-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--space-md)}.pipeline-container{display:grid;gap:var(--space-lg)}.pipeline-summary{display:flex;gap:var(--space-xs);padding:var(--space-md) var(--space-lg);background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);overflow-x:auto}.pipeline-summary-item{flex:1 0 0;display:grid;gap:var(--space-xs);justify-items:center;min-width:64px}.pipeline-summary-count{display:grid;place-items:center;width:30px;height:30px;border-radius:var(--radius-pill);color:#fff;font-size:13px;font-weight:700}.pipeline-summary-label{color:var(--color-text-secondary);font-size:11px;font-weight:600;text-align:center;white-space:nowrap}.pipeline-total{margin:0;color:var(--color-text-muted);font-size:13px}.pipeline-board{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(200px,1fr);gap:var(--space-sm);overflow-x:auto;padding-bottom:var(--space-sm)}.pipeline-column{min-width:0;background:var(--color-bg);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);overflow:hidden}.pipeline-column-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-top:2px solid;background:var(--color-surface);border-bottom:1px solid var(--color-border-light)}.pipeline-column-title{font-size:13px;font-weight:700;color:var(--color-text)}.pipeline-column-count{display:grid;place-items:center;min-width:22px;height:22px;border-radius:var(--radius-pill);padding:0 6px;color:#fff;font-size:11px;font-weight:700}.pipeline-column-body{display:grid;gap:var(--space-sm);padding:var(--space-sm);max-height:520px;overflow-y:auto}.pipeline-card{border:1px solid var(--color-border-light);border-left:3px solid;border-radius:var(--radius-sm);padding:var(--space-sm) var(--space-md);background:var(--color-surface);cursor:default}.pipeline-card:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.pipeline-card-name{display:block;margin-bottom:var(--space-xs);font-size:13px;font-weight:500}.pipeline-card-meta{display:flex;flex-wrap:wrap;gap:6px;font-size:12px;color:var(--color-text-muted)}.pipeline-card-meta span{display:inline-block}.pipeline-score{display:inline-grid;place-items:center;min-width:18px;height:18px;border-radius:var(--radius-sm);background:var(--color-surface-alt);color:var(--color-text-secondary);font-weight:700;font-size:11px}.pipeline-card-action{margin:var(--space-xs) 0 0;font-size:12px;color:var(--color-text-secondary)}.pipeline-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:6px;margin-bottom:var(--space-xs)}.pipeline-empty{margin:0;padding:var(--space-xl) var(--space-sm);color:var(--color-text-muted);font-size:12px;text-align:center;font-style:italic}.stage-select,.stage-select-inline{border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:3px 6px;background:var(--color-surface);color:var(--color-text-secondary);font-size:12px;font-weight:600;cursor:pointer}.stage-select:focus,.stage-select-inline:focus{outline:none;box-shadow:var(--shadow-focus)}.stage-select-inline{padding:5px 8px;font-size:13px}.score-select-inline{border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:4px 8px;background:var(--color-surface);color:var(--color-text-secondary);font-size:13px;font-weight:600;cursor:pointer;width:52px;text-align:center}.score-select-inline:focus{outline:none;box-shadow:var(--shadow-focus)}.filter-grid-5{grid-template-columns:repeat(4,minmax(120px,1fr))}.pipeline-project-table th:nth-child(1),.pipeline-project-table td:nth-child(1){width:24%}.pipeline-project-table th:nth-child(2),.pipeline-project-table td:nth-child(2){width:14%}.pipeline-project-table th:nth-child(3),.pipeline-project-table td:nth-child(3){width:12%}.pipeline-project-table th:nth-child(4),.pipeline-project-table td:nth-child(4){width:10%}.pipeline-project-table th:nth-child(5),.pipeline-project-table td:nth-child(5){width:24%}.pipeline-project-table th:nth-child(6),.pipeline-project-table td:nth-child(6){width:16%}.placeholder-panel{min-height:220px;border:1px dashed var(--color-border);border-radius:var(--radius-lg);padding:var(--space-2xl);display:grid;align-content:center;gap:var(--space-md);background:var(--color-surface);color:var(--color-text-secondary)}.placeholder-panel p{max-width:560px;margin:0;font-size:16px}.placeholder-panel span{color:var(--color-text-muted)}@media(max-width:1024px){.screen-grid,.fact-grid,.fact-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr))}.filter-grid,.filter-grid-5{grid-template-columns:repeat(2,minmax(120px,1fr))}.edit-form-grid{grid-template-columns:repeat(2,minmax(180px,1fr))}.bp-form{grid-template-columns:repeat(2,minmax(0,1fr))}.bp-form .full-span,.bp-form .primary-action,.bp-form .form-hint{grid-column:1 / -1}}@media(max-width:768px){.app-shell{grid-template-columns:1fr}.sidebar{padding:var(--space-md) var(--space-lg);padding-top:max(12px,env(safe-area-inset-top));padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right));min-width:0;overflow:hidden}.sidebar h1{font-size:15px;margin:0 0 var(--space-sm)}.nav-list{display:flex;gap:var(--space-xs);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.nav-list::-webkit-scrollbar{display:none}.nav-button{flex:0 0 auto;width:auto;padding:var(--space-sm) var(--space-lg);font-size:13px;white-space:nowrap;min-height:44px;border-left:0;border-bottom:2px solid transparent;border-radius:0}.nav-button.active,.nav-button:focus-visible{border-left-color:transparent;border-bottom-color:var(--color-accent);background:#ffffff14;border-radius:0}.sidebar-footer{display:flex;gap:var(--space-sm);margin-top:var(--space-sm);padding-top:0;border-top:0}.sidebar-footer .nav-button.utility span{display:none}.sidebar-footer .nav-button.utility{padding:6px 10px;min-width:36px;justify-content:center}.main-panel{padding:var(--space-lg);padding-bottom:max(16px,env(safe-area-inset-bottom))}.main-panel h2{font-size:22px}.screen-grid{grid-template-columns:1fr}.panel,.panel.wide{grid-column:1 / -1}.bp-form,.filter-grid,.filter-grid-5{grid-template-columns:1fr}.fact-grid,.fact-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr))}.edit-form-grid{grid-template-columns:1fr}.panel{overflow-x:auto}.data-table{min-width:560px;table-layout:auto}.data-table th,.data-table td{padding:var(--space-sm) var(--space-md);font-size:13px;width:auto!important}.visit-table{min-width:640px}.match-table,.pipeline-project-table{min-width:720px}.detail-hero,.timeline-list li{display:grid}.detail-hero h3{font-size:20px}.detail-hero-actions{margin-top:var(--space-md)}.draft-card,.prompt-helper-header{display:grid}.demo-panel{flex-wrap:wrap}.segmented-control button{padding:7px 10px;font-size:13px}.pipeline-board{grid-auto-flow:row;grid-auto-columns:unset}.pipeline-summary{overflow-x:auto;padding:var(--space-sm) var(--space-md)}.metric-card strong{font-size:24px}input,select,textarea{min-height:44px;font-size:16px}.primary-action,.secondary-action,.danger-action{min-height:44px}.table-action{min-height:36px;padding:6px 10px}.link-button{min-height:36px;display:inline-flex;align-items:center}}@media(max-width:480px){.main-panel,.panel{padding:var(--space-md)}.fact-grid,.fact-grid.compact{grid-template-columns:1fr}.detail-hero-header{flex-direction:column}.detail-hero-actions{align-self:stretch}.detail-hero-actions button{flex:1}}.sync-error-banner{position:fixed;top:0;left:50%;transform:translate(-50%);z-index:1000;background:var(--color-warning, #f59e0b);color:#1a1a1a;padding:.5rem 1rem;border-radius:0 0 .5rem .5rem;font-size:.85rem;display:flex;align-items:center;gap:.75rem;box-shadow:0 2px 8px #00000026}.sync-error-banner button{background:none;border:none;font-size:1.1rem;cursor:pointer;padding:0 .25rem;line-height:1}