@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&display=swap";.chart-container{position:relative;height:280px}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--sp-6);margin-bottom:var(--sp-6)}.grid-3{display:grid;grid-template-columns:2fr 1fr;gap:var(--sp-6);margin-bottom:var(--sp-6)}@media(max-width:1200px){.grid-3{grid-template-columns:1fr}}@media(max-width:900px){.grid-2{grid-template-columns:1fr}}.team-member{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--border-light)}.team-member:last-child{border-bottom:none}.team-avatar{width:40px;height:40px;border-radius:50%;background:var(--accent-light);display:flex;align-items:center;justify-content:center;color:var(--accent);font-weight:600;font-size:14px;flex-shrink:0}.team-info{flex:1}.team-name{font-weight:600;color:var(--text-primary);font-size:14px}.team-role{font-size:12px;color:var(--text-muted)}.team-count{font-size:20px;font-weight:700;color:var(--text-primary)}.progress-bar{height:8px;background:var(--border-light);border-radius:4px;overflow:hidden}.progress-fill{height:100%;border-radius:4px;transition:width .3s;background:var(--accent)}.filter-bar{display:flex;gap:8px;margin-bottom:var(--sp-4);flex-wrap:wrap;align-items:center}.filter-btn{padding:7px 16px;border:1px solid var(--border);background:var(--surface);border-radius:var(--radius-sm);cursor:pointer;font-size:12px;font-weight:500;color:var(--text-secondary);transition:all var(--transition);font-family:inherit}.filter-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-light)}.filter-btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}.scrollable{max-height:400px;overflow-y:auto}.view-all-link{display:block;text-align:center;padding:12px;color:var(--accent);font-weight:500;font-size:13px;text-decoration:none;border-top:1px solid var(--border-light);cursor:pointer;background:none;border-left:none;border-right:none;border-bottom:none;width:100%;font-family:inherit}.view-all-link:hover{background:var(--sidebar-hover)}.time-ago{color:var(--text-muted);font-size:12px}.clickable:hover{background:var(--accent-light);cursor:pointer}.badge-saScoping{background:#e0e7ff;color:#3730a3}.badge-devRequest{background:#fce7f3;color:#9d174d}.badge-saError{background:var(--danger-light);color:#991b1b}.badge-devError{background:var(--warning-light);color:#92400e}.badge-retainerChange{background:var(--success-light);color:#065f46}.badge-ptoRequest{background:var(--purple-light);color:#5b21b6}.badge-error{background:var(--danger-light);color:#991b1b}.badge-gray{background:#f5f3f0;color:#57534e}.modal-tab{padding:12px 20px;border:none;background:none;cursor:pointer;font-size:13px;font-weight:500;color:var(--text-muted);border-bottom:2px solid transparent;transition:all var(--transition);font-family:inherit}.modal-tab:hover{color:var(--text-primary)}.modal-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.modal-form-label{display:block;font-size:13px;font-weight:500;color:var(--text-primary);margin-bottom:6px}.modal-form-hint{font-size:12px;color:var(--text-muted);margin-bottom:8px}.modal-info-box{margin-bottom:var(--sp-4);padding:12px 16px;border-radius:var(--radius);font-size:13px}.modal-info-box.blue{background:var(--info-light);color:#1e40af;border:1px solid #bfdbfe}.modal-info-box.green{background:var(--success-light);color:#065f46;border:1px solid #bbf7d0}.scope-item-row{display:flex;gap:8px;padding:12px;border-bottom:1px solid var(--border-light);align-items:flex-start}.scope-item-row .input{margin-bottom:6px}.env-setting-row{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--bg);border-radius:var(--radius);border:1px solid var(--border)}.env-setting-info{flex:1;min-width:0}.env-setting-label{font-weight:600;font-size:14px;margin-bottom:2px}.env-setting-desc{font-size:12px;color:var(--text-muted)}.env-setting-value{margin-top:6px;display:flex;align-items:center;gap:8px}.env-setting-masked{font-family:monospace;font-size:12px;color:var(--text-secondary)}.env-source-badge{font-size:10px;padding:2px 6px;border-radius:4px;color:#fff;font-weight:600}.template-card{padding:20px}.template-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.template-card-title{display:flex;align-items:center;gap:8px;margin-bottom:4px}.template-card-title h3{font-size:15px;font-weight:600;color:var(--text-primary)}.template-card-desc{font-size:13px;color:var(--text-muted)}.template-card-meta{display:flex;gap:16px;font-size:13px;color:var(--text-muted);flex-wrap:wrap}.template-card-scope{margin-top:12px;padding-top:12px;border-top:1px solid var(--border-light)}.template-card-scope-items{display:flex;flex-wrap:wrap;gap:6px}.code-inline{font-size:11px;background:#f5f3f0;padding:2px 6px;border-radius:4px;font-family:monospace}.hourly-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:4px}.hourly-cell{text-align:center;padding:8px 2px;border-radius:var(--radius-sm);font-size:11px}.hourly-cell-label{color:var(--text-muted);font-size:10px;margin-bottom:4px}.hourly-cell-value{font-weight:600;font-size:14px}.submissions-30d-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:4px}.day-cell{text-align:center;padding:6px 4px;border-radius:var(--radius-sm);background:var(--bg);border:1px solid var(--border-light)}.day-cell-date{font-size:10px;color:var(--text-muted)}.day-cell-count{font-size:14px;font-weight:600;color:var(--text-primary)}.day-cell.has-data{background:var(--accent-light);border-color:#f5c6be}.type-distribution-row{display:flex;align-items:center;gap:12px;padding:8px 0;border-bottom:1px solid var(--border-light)}.type-distribution-row:last-child{border-bottom:none}.type-distribution-label{flex:1;font-size:13px;font-weight:500}.type-distribution-count{font-size:14px;font-weight:600;min-width:40px;text-align:right}.type-distribution-bar{width:120px}.inbox-page{display:flex;flex-direction:column;flex:1;overflow:hidden}.inbox-page .page-header{flex-shrink:0}.inbox-layout{display:grid;grid-template-columns:220px 360px 1fr;flex:1;overflow:hidden;background:var(--bg)}.inbox-sidebar{background:var(--surface);border-right:1px solid var(--border);padding:16px 12px;overflow-y:auto;display:flex;flex-direction:column;gap:4px}.inbox-sidebar::-webkit-scrollbar{width:4px}.inbox-sidebar::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.sidebar-section{margin-bottom:20px}.sidebar-section:last-child{margin-bottom:0}.sidebar-title{font-size:10px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.8px;margin-bottom:6px;padding:0 10px}.sidebar-item{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:var(--radius-sm);cursor:pointer;font-size:13px;color:var(--text-secondary);transition:all var(--transition);border:1px solid transparent;background:none;width:100%;text-align:left;font-family:inherit}.sidebar-item:hover{background:var(--sidebar-hover);color:var(--text-primary)}.sidebar-item.active{background:var(--accent-light);color:var(--accent);font-weight:600;border-color:#e8604c26}.sidebar-item svg{width:16px;height:16px;flex-shrink:0;opacity:.6}.sidebar-item.active svg{opacity:1;color:var(--accent)}.sidebar-item:hover svg{opacity:.85}.sidebar-item .count{margin-left:auto;background:var(--accent);color:#fff;font-size:10px;font-weight:700;padding:1px 7px;border-radius:10px;min-width:18px;text-align:center;line-height:1.6}.account-item{display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:var(--radius-sm);cursor:pointer;font-size:12px;color:var(--text-secondary);border:1px solid transparent;background:none;width:100%;text-align:left;font-family:inherit;transition:all var(--transition)}.account-item:hover{background:var(--sidebar-hover)}.account-item.active{background:var(--accent-light);border-color:#e8604c26;color:var(--text-primary)}.account-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.account-email{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inbox-compose-btn{width:100%;margin-bottom:12px;display:flex;align-items:center;justify-content:center;gap:6px;padding:9px 12px;font-size:13px;font-weight:600;border-radius:var(--radius-sm);background:var(--accent);color:#fff;border:none;cursor:pointer;transition:all var(--transition);font-family:inherit}.inbox-compose-btn:hover{background:var(--accent-hover)}.inbox-compose-btn svg{width:14px;height:14px}.sidebar-add-account{color:var(--accent);font-weight:500}.team-avatar{width:22px;height:22px;border-radius:50%;background:var(--accent-light);color:var(--accent);display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;flex-shrink:0}.thread-list{border-right:1px solid var(--border);overflow-y:auto;background:var(--surface)}.thread-list::-webkit-scrollbar{width:4px}.thread-list::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.thread-list-header{padding:12px 14px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:8px;position:sticky;top:0;background:var(--surface);z-index:10}.thread-search{flex:1;padding:8px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:12px;font-family:inherit;color:var(--text-primary);background:var(--bg);transition:border-color var(--transition)}.thread-search:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #e8604c0f}.thread-search::placeholder{color:var(--text-muted)}.thread-item{display:flex;padding:12px 14px;border-bottom:1px solid var(--border-light);cursor:pointer;transition:all var(--transition);border-left:3px solid transparent}.thread-item:hover{background:var(--bg)}.thread-item.active{background:var(--accent-light);border-left-color:var(--accent)}.thread-item.unread{background:#fefcf6}.thread-item.unread .thread-subject{font-weight:600;color:var(--text-primary)}.thread-item.unread .thread-from{font-weight:700}.thread-content{flex:1;min-width:0}.thread-header{display:flex;align-items:center;gap:6px;margin-bottom:2px}.thread-from{font-weight:600;font-size:13px;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.thread-account-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.thread-time{margin-left:auto;font-size:10px;color:var(--text-muted);flex-shrink:0;font-weight:500}.thread-subject{font-size:12px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:2px;line-height:1.4}.thread-snippet{font-size:11px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.4}.thread-meta{display:flex;align-items:center;gap:6px;margin-top:5px}.thread-badge{font-size:10px;padding:1px 6px;border-radius:4px;font-weight:600;line-height:1.6}.badge-assigned{background:var(--info-light);color:var(--info)}.badge-comments{background:var(--warning-light);color:#92400e}.badge-status{background:var(--success-light);color:var(--success)}.thread-detail{display:flex;flex-direction:column;overflow:hidden;background:var(--bg)}.detail-header{padding:14px 20px;background:var(--surface);border-bottom:1px solid var(--border)}.detail-subject{font-size:16px;font-weight:700;color:var(--text-primary);margin-bottom:10px;letter-spacing:-.2px;line-height:1.3}.detail-actions{display:flex;gap:6px;flex-wrap:wrap}.detail-btn{display:inline-flex;align-items:center;gap:5px;padding:6px 10px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);font-size:11px;font-weight:500;cursor:pointer;transition:all var(--transition);font-family:inherit;color:var(--text-secondary)}.detail-btn:hover{background:var(--sidebar-hover);border-color:#d6d0ca;color:var(--text-primary)}.detail-btn.primary{background:var(--accent);color:#fff;border-color:var(--accent)}.detail-btn.primary:hover{background:var(--accent-hover)}.detail-btn svg{width:13px;height:13px}.messages-container{flex:1;overflow-y:auto;padding:16px 20px}.messages-container::-webkit-scrollbar{width:4px}.messages-container::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.message-item{background:var(--surface);border-radius:var(--radius);padding:16px 18px;margin-bottom:12px;border:1px solid var(--border);transition:box-shadow var(--transition)}.message-item:hover{box-shadow:var(--shadow-sm)}.message-item.outbound{background:var(--accent-light);border-color:#e8604c26;margin-left:32px}.message-header{display:flex;align-items:center;gap:10px;margin-bottom:12px}.message-info{flex:1;min-width:0}.message-from{font-weight:600;font-size:13px;color:var(--text-primary)}.message-to{font-size:11px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.message-date{font-size:10px;color:var(--text-muted);font-weight:500;flex-shrink:0}.message-body{font-size:13px;line-height:1.65;color:var(--text-primary)}.message-body img{max-width:100%;border-radius:var(--radius-sm)}.comments-section{background:var(--surface);border-top:1px solid var(--border);padding:14px 20px}.comments-title{font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px}.comment-item{display:flex;gap:10px;margin-bottom:8px;padding:10px 12px;background:var(--warning-light);border:1px solid #fde68a;border-radius:var(--radius-sm);position:relative}.comment-avatar{width:26px;height:26px;border-radius:50%;background:var(--warning);color:#fff;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;flex-shrink:0}.comment-content{flex:1;min-width:0}.comment-author{font-weight:600;font-size:12px;color:var(--text-primary)}.comment-text{font-size:12px;margin-top:2px;color:var(--text-secondary);line-height:1.5}.comment-time{font-size:10px;color:var(--text-muted);margin-top:3px}.comment-delete{position:absolute;top:8px;right:8px;background:none;border:none;cursor:pointer;color:var(--text-muted);padding:2px;opacity:0;transition:opacity var(--transition)}.comment-item:hover .comment-delete{opacity:1}.comment-delete:hover{color:var(--danger)}.comment-input{display:flex;gap:8px;margin-top:10px}.comment-input input{flex:1;padding:8px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:12px;font-family:inherit;color:var(--text-primary);background:var(--bg)}.comment-input input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #e8604c0f}.comment-input input::placeholder{color:var(--text-muted)}.reply-composer{background:var(--surface);border-top:1px solid var(--border);padding:14px 20px}.composer-header{display:flex;gap:10px;margin-bottom:10px}.composer-field{flex:1;display:flex;align-items:center;gap:8px}.composer-field label{font-size:11px;color:var(--text-muted);font-weight:600;width:26px}.composer-field input{flex:1;padding:7px 10px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:12px;font-family:inherit;color:var(--text-primary)}.composer-field input:focus{outline:none;border-color:var(--accent)}.composer-body{min-height:100px;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:13px;line-height:1.6;margin-bottom:10px;outline:none;font-family:inherit;color:var(--text-primary);transition:border-color var(--transition)}.composer-body:focus{border-color:var(--accent)}.composer-body:empty:before{content:attr(data-placeholder);color:var(--text-muted)}.composer-actions{display:flex;justify-content:space-between;align-items:center}.composer-tools{display:flex;gap:6px}.inbox-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text-muted);padding:40px 20px}.inbox-empty-state svg{width:48px;height:48px;margin-bottom:14px;opacity:.25}.inbox-empty-state div{font-size:13px}.connect-banner{background:var(--accent);color:#fff;padding:32px;text-align:center;border-radius:var(--radius-lg);margin:20px}.connect-banner h2{margin-bottom:10px;font-size:18px}.connect-banner p{opacity:.85;margin-bottom:16px;font-size:13px}.inbox-form-group{margin-bottom:14px}.inbox-form-group label{display:block;font-size:12px;font-weight:600;margin-bottom:5px;color:var(--text-secondary)}.inbox-form-group input,.inbox-form-group select,.inbox-form-group textarea{width:100%;padding:8px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:13px;box-sizing:border-box;font-family:inherit;color:var(--text-primary)}.inbox-form-group input:focus,.inbox-form-group select:focus,.inbox-form-group textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #e8604c0f}.inbox-btn{padding:8px 14px;border-radius:var(--radius-sm);font-size:12px;font-weight:600;cursor:pointer;border:none;font-family:inherit;transition:all var(--transition)}.inbox-btn-primary{background:var(--accent);color:#fff}.inbox-btn-primary:hover{background:var(--accent-hover)}.inbox-btn-secondary{background:var(--sidebar-hover);color:var(--text-primary);border:1px solid var(--border)}.inbox-btn-secondary:hover{background:var(--border-light)}.inbox-btn-sm{padding:5px 10px;font-size:11px}.inbox-btn-full{width:100%}.inbox-modal-overlay{position:fixed;inset:0;background:#1c191759;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1000;display:flex;justify-content:center;align-items:center}.inbox-modal{background:var(--surface);border-radius:var(--radius-lg);width:90%;max-width:460px;max-height:80vh;overflow-y:auto;box-shadow:var(--shadow-lg)}.inbox-modal-header{padding:14px 18px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.inbox-modal-title{font-weight:700;font-size:15px;color:var(--text-primary)}.inbox-modal-close{background:none;border:none;cursor:pointer;padding:4px;font-size:18px;color:var(--text-muted);line-height:1}.inbox-modal-close:hover{color:var(--text-primary)}.inbox-modal-body{padding:16px 18px}.inbox-modal-actions{padding:12px 18px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:8px}.assign-option{padding:10px 12px;border-bottom:1px solid var(--border-light);cursor:pointer;transition:all var(--transition);border-radius:var(--radius-sm)}.assign-option:hover{background:var(--accent-light)}.assign-option:last-child{border-bottom:none}.assign-option strong{display:block;font-size:13px;color:var(--text-primary)}.assign-option small{color:var(--text-muted);font-size:11px}.template-option{padding:10px 12px;border-bottom:1px solid var(--border-light);cursor:pointer;transition:all var(--transition);border-radius:var(--radius-sm)}.template-option:hover{background:var(--accent-light)}.template-option:last-child{border-bottom:none}.template-option-header{display:flex;align-items:center;gap:8px}.template-option-header strong{font-size:13px}.template-option-category{background:var(--border-light);padding:1px 6px;border-radius:4px;font-size:10px;font-weight:600;color:var(--text-muted)}.template-option-subject{font-size:11px;color:var(--text-muted);margin-top:3px}@keyframes inbox-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.inbox-spin{animation:inbox-spin .8s linear infinite}@media(max-width:1200px){.inbox-layout{grid-template-columns:190px 300px 1fr}.inbox-sidebar{padding:12px 8px}}@media(max-width:1024px){.inbox-layout{grid-template-columns:0px 280px 1fr}.inbox-sidebar{display:none}}@media(max-width:768px){.inbox-layout{grid-template-columns:1fr}.thread-list{border-right:none}.thread-detail{display:none}}.crm-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.crm-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin-bottom:18px}.crm-stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:14px 16px}.crm-stat-value{font-size:24px;font-weight:700;color:var(--text-primary);letter-spacing:-.5px}.crm-stat-label{font-size:11px;color:var(--text-muted);margin-top:3px}.crm-stat.mrr .crm-stat-value{color:var(--success)}.crm-stat.active .crm-stat-value{color:var(--info)}.crm-stat.at-risk .crm-stat-value{color:var(--warning)}.crm-content{display:grid;grid-template-columns:1fr 360px;gap:24px}@media(max-width:1100px){.crm-content{grid-template-columns:1fr}}.crm-main{min-width:0}.crm-sidebar{display:flex;flex-direction:column;gap:20px}.crm-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.crm-card-header{padding:12px 16px;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;align-items:center}.crm-card-title{font-weight:600;font-size:14px;color:var(--text-primary)}.crm-card-body{padding:0}.crm-filters{display:flex;gap:10px;padding:12px 16px;border-bottom:1px solid var(--border-light);flex-wrap:wrap}.crm-filter-btn{padding:5px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);font-size:12px;cursor:pointer;transition:all .15s;font-family:inherit}.crm-filter-btn:hover{border-color:var(--accent);color:var(--accent)}.crm-filter-btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}.crm-search{flex:1;min-width:200px;padding:6px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:12px;font-family:inherit}.crm-search:focus{outline:none;border-color:var(--accent)}.customer-list{max-height:600px;overflow-y:auto}.customer-row{display:flex;align-items:center;gap:12px;padding:10px 16px;border-bottom:1px solid var(--border-light);cursor:pointer;transition:background .15s}.customer-row:hover{background:var(--bg)}.customer-row:last-child{border-bottom:none}.customer-avatar{width:40px;height:40px;border-radius:10px;background:var(--accent-light);color:var(--accent);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;flex-shrink:0}.customer-avatar img{width:100%;height:100%;object-fit:cover;border-radius:10px}.customer-info{flex:1;min-width:0}.customer-name{font-weight:600;font-size:14px;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.customer-meta{font-size:12px;color:var(--text-muted);margin-top:2px}.customer-stats{display:flex;gap:16px;font-size:12px;color:var(--text-muted)}.customer-stat strong{color:var(--text-primary)}.customer-status{padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase}.status-active{background:#d1fae5;color:#059669}.status-paused{background:#fef3c7;color:#b45309}.status-churned{background:#fee2e2;color:#dc2626}.status-prospect{background:#e0e7ff;color:#4338ca}.status-onboarding{background:#dbeafe;color:#2563eb}.type-maintenance{background:#fef3c7;color:#b45309}.type-retainer{background:#d1fae5;color:#059669}.type-project{background:#dbeafe;color:#2563eb}.type-hourly{background:#ede9fe;color:#7c3aed}.everhour-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;background:#fef3c7;color:#b45309;border-radius:6px;font-size:11px;font-weight:500}.everhour-badge.good{background:#d1fae5;color:#059669}.everhour-badge.warning{background:#fef3c7;color:#b45309}.everhour-badge.danger{background:#fee2e2;color:#dc2626}.health-bar{width:60px;height:6px;background:var(--border-light);border-radius:3px;overflow:hidden}.health-fill{height:100%;border-radius:3px;transition:width .3s}.health-good{background:#10b981}.health-warning{background:#f59e0b}.health-danger{background:#ef4444}.activity-list{max-height:400px;overflow-y:auto}.activity-item{display:flex;gap:12px;padding:12px 16px;border-bottom:1px solid var(--border-light)}.activity-item:last-child{border-bottom:none}.activity-icon{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.activity-icon svg{width:16px;height:16px}.activity-icon.note{background:#dbeafe;color:#2563eb}.activity-icon.call{background:#d1fae5;color:#059669}.activity-icon.email{background:#fef3c7;color:#b45309}.activity-icon.meeting{background:#ede9fe;color:#7c3aed}.activity-icon.created{background:#f5f3f0;color:var(--text-secondary)}.activity-content{flex:1;min-width:0}.activity-title{font-size:13px;font-weight:500;color:var(--text-primary)}.activity-desc{font-size:12px;color:var(--text-muted);margin-top:2px}.activity-time{font-size:11px;color:var(--text-muted);margin-top:4px}.at-risk-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--border-light);cursor:pointer}.at-risk-item:last-child{border-bottom:none}.at-risk-item:hover{background:var(--bg)}.at-risk-score{font-size:18px;font-weight:700;color:#f59e0b;width:40px}.crm-modal-overlay{position:fixed;inset:0;background:#1c191759;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1000;display:flex;justify-content:center;align-items:flex-start;padding:40px;overflow-y:auto}.crm-modal{background:var(--surface);border-radius:var(--radius-lg);width:100%;max-width:800px;margin:auto;animation:crmSlideUp .2s ease;box-shadow:var(--shadow-lg)}.crm-modal.wide{max-width:900px}@keyframes crmSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-title{font-size:18px;font-weight:600;letter-spacing:-.2px}.modal-actions{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid var(--border-light)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-group{margin-bottom:0}.form-group.full{grid-column:1 / -1}.form-group label{display:block;font-size:13px;font-weight:500;color:var(--text-secondary);margin-bottom:6px}.form-group input,.form-group select,.form-group textarea{width:100%;padding:10px 14px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:14px;font-family:inherit;box-sizing:border-box}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #e8604c14}.detail-tabs{display:flex;gap:4px;padding:0 24px;border-bottom:1px solid var(--border-light);background:var(--bg)}.detail-tab{padding:12px 16px;font-size:13px;font-weight:500;color:var(--text-muted);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:all .15s;font-family:inherit;background:none;border-top:none;border-left:none;border-right:none}.detail-tab.active{color:var(--accent);border-bottom-color:var(--accent);background:var(--surface)}.detail-section{padding:20px 24px}.detail-section-title{font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}.contact-card{display:flex;align-items:center;gap:12px;padding:12px;background:var(--bg);border-radius:var(--radius);margin-bottom:8px}.contact-card:last-child{margin-bottom:0}.contact-avatar{width:36px;height:36px;border-radius:50%;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:13px;flex-shrink:0}.contact-info{flex:1}.contact-name{font-weight:600;font-size:13px}.contact-role{font-size:12px;color:var(--text-muted)}.contact-actions{display:flex;gap:8px}.contact-btn{width:28px;height:28px;border:1px solid var(--border);background:var(--surface);border-radius:var(--radius-sm);cursor:pointer;display:flex;align-items:center;justify-content:center;text-decoration:none}.contact-btn:hover{background:var(--sidebar-hover)}.contact-btn svg{width:14px;height:14px;color:var(--text-muted)}.project-card{padding:12px;background:var(--bg);border-radius:var(--radius);margin-bottom:8px}.project-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.project-name{font-weight:600;font-size:13px}.project-status{font-size:11px;padding:3px 8px;border-radius:6px}.project-status.active{background:#d1fae5;color:#059669}.project-status.completed{background:#dbeafe;color:#2563eb}.project-budget{display:flex;gap:16px;font-size:12px;color:var(--text-muted)}.everhour-detail-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;text-align:center}.everhour-detail-stat-value{font-size:32px;font-weight:700;color:var(--text-primary)}.everhour-detail-stat-label{font-size:13px;color:var(--text-muted)}.everhour-overview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.everhour-overview-stat-value{font-size:20px;font-weight:700;color:var(--text-primary)}.everhour-overview-stat-label{font-size:12px;color:var(--text-muted)}.everhour-progress-bar{background:var(--border-light);height:8px;border-radius:4px;overflow:hidden;margin-top:12px}.everhour-progress-bar.large{background:var(--border);height:12px;border-radius:6px;margin-top:20px}.everhour-progress-fill{height:100%;border-radius:inherit;transition:width .3s}.everhour-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.everhour-info-card{padding:16px;border-radius:var(--radius)}.everhour-info-card.green{background:#f0fdf4}.everhour-info-card.yellow{background:#fef3c7}.everhour-info-label{font-size:12px;font-weight:600;margin-bottom:4px}.everhour-info-card.green .everhour-info-label{color:#166534}.everhour-info-card.yellow .everhour-info-label{color:#92400e}.everhour-info-value{color:var(--text-primary);font-weight:600}.everhour-info-value.mono{font-family:monospace}.everhour-warning{margin-top:12px;padding:12px;background:#fef2f2;border-radius:var(--radius);color:#dc2626;font-size:13px;text-align:center;font-weight:500}.everhour-empty{text-align:center;padding:40px;background:var(--bg);border-radius:var(--radius-lg)}.everhour-empty svg{margin-bottom:12px}.everhour-link-item{padding:12px;border-bottom:1px solid var(--border-light);cursor:pointer;display:flex;justify-content:space-between;align-items:center}.everhour-link-item:hover{background:var(--bg)}.maint-badge{font-size:10px;color:#b45309;background:#fef3c7;padding:2px 6px;border-radius:4px;margin-left:4px}.btn-danger-text{color:#dc2626}.btn-danger-text:hover{background:#fee2e2}.cd-header{background:var(--surface);border-bottom:1px solid var(--border);padding:14px 24px;flex-shrink:0}.cd-header-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.cd-back-btn{display:flex;align-items:center;gap:6px;background:none;border:none;color:var(--text-secondary);font-size:12px;cursor:pointer;padding:4px 0;font-family:inherit}.cd-back-btn:hover{color:var(--accent)}.cd-header-actions{display:flex;gap:8px}.cd-profile{display:flex;align-items:center;gap:14px;margin-bottom:14px}.cd-avatar{width:46px;height:46px;border-radius:12px;background:var(--accent-light);color:var(--accent);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;flex-shrink:0;overflow:hidden}.cd-avatar img{width:100%;height:100%;object-fit:cover}.cd-profile-info{flex:1;min-width:0}.cd-name{font-size:17px;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:10px;flex-wrap:wrap}.cd-status-badge{font-size:11px;font-weight:600;padding:2px 10px;border-radius:20px;text-transform:capitalize}.cd-status-badge.status-active{background:#d1fae5;color:#065f46}.cd-status-badge.status-paused{background:#fef3c7;color:#92400e}.cd-status-badge.status-churned{background:#fee2e2;color:#991b1b}.cd-status-badge.status-prospect{background:#e0e7ff;color:#3730a3}.cd-status-badge.status-onboarding{background:#dbeafe;color:#1e40af}.cd-type-badge{font-size:10px;font-weight:700;padding:2px 8px;border-radius:4px;letter-spacing:.5px}.cd-type-badge.maint{background:#fef3c7;color:#b45309}.cd-type-badge.retainer{background:#d1fae5;color:#065f46}.cd-meta{display:flex;gap:14px;margin-top:3px;font-size:12px;color:var(--text-secondary);flex-wrap:wrap}.cd-meta a{color:var(--accent);text-decoration:none}.cd-meta a:hover{text-decoration:underline}.cd-metrics{display:flex;gap:0;border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.cd-metric{flex:1;padding:10px 16px;text-align:center;border-right:1px solid var(--border)}.cd-metric:last-child{border-right:none}.cd-metric-value{font-size:16px;font-weight:700;color:var(--text-primary)}.cd-metric-value.health-good{color:#10b981}.cd-metric-value.health-warning{color:#f59e0b}.cd-metric-value.health-danger{color:#dc2626}.cd-metric-label{font-size:10px;color:var(--text-muted);margin-top:2px;text-transform:uppercase;letter-spacing:.3px}.cd-body{display:grid;grid-template-columns:1fr 360px;gap:16px;padding:16px 24px;flex:1;overflow-y:auto}.cd-col-left,.cd-col-right{display:flex;flex-direction:column;gap:20px;min-width:0}.cd-empty-compact{padding:20px;text-align:center;color:var(--text-secondary);font-size:13px;display:flex;align-items:center;justify-content:center;gap:12px}.cd-everhour-inline{padding:16px}.cd-everhour-stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;text-align:center;margin-bottom:12px}.cd-eh-stat{display:flex;flex-direction:column;gap:2px}.cd-eh-stat-val{font-size:18px;font-weight:700;color:var(--text-primary)}.cd-eh-stat-lbl{font-size:11px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.3px}.cd-eh-alert{padding:8px 12px;border-radius:6px;font-size:12px;text-align:center;margin-top:10px}.cd-eh-alert.warning{background:#fef3c7;color:#92400e}.cd-eh-alert.danger{background:#fef2f2;color:#dc2626}.cd-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:20px}.cd-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px}.cd-card-title{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:16px;display:flex;justify-content:space-between;align-items:center}.cd-card-action{font-size:12px;color:var(--accent);cursor:pointer;background:none;border:none;font-family:inherit;font-weight:500}.cd-card-action:hover{text-decoration:underline}.cd-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.cd-detail-item{display:flex;flex-direction:column;gap:2px}.cd-detail-label{font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px}.cd-detail-value{font-size:14px;color:var(--text-primary)}.cd-notes-editor{width:100%;border:1px solid var(--border);border-radius:var(--radius);padding:12px;font-size:14px;font-family:inherit;resize:vertical;background:var(--bg);color:var(--text-primary)}.cd-notes-editor:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #e8604c14}.cd-notes-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:10px}.cd-notes-display{font-size:14px;color:var(--text-secondary);line-height:1.6;white-space:pre-wrap}.cd-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;font-size:15px;font-weight:600;color:var(--text-primary)}.cd-activity-form{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px;margin-bottom:24px}.cd-activity-type-picker{display:flex;gap:8px;margin-bottom:14px}.cd-type-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);cursor:pointer;font-size:13px;font-family:inherit;color:var(--text-secondary);transition:all .15s}.cd-type-btn:hover{border-color:var(--accent);color:var(--accent)}.cd-type-btn.active{background:var(--accent-light);border-color:var(--accent);color:var(--accent);font-weight:600}.cd-input{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius);font-size:14px;font-family:inherit;background:var(--surface);color:var(--text-primary)}.cd-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #e8604c14}.cd-textarea{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius);font-size:14px;font-family:inherit;background:var(--surface);color:var(--text-primary);resize:vertical;margin-top:10px}.cd-textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #e8604c14}.cd-form-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:12px}.cd-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.cd-form-group{display:flex;flex-direction:column;gap:4px}.cd-form-group label{font-size:12px;font-weight:600;color:var(--text-secondary)}.cd-form-row{display:flex;justify-content:space-between;align-items:center;margin-top:14px}.cd-checkbox-label{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-secondary);cursor:pointer}.cd-checkbox-label input{accent-color:var(--accent)}.cd-timeline{position:relative}.cd-timeline:before{content:"";position:absolute;left:19px;top:0;bottom:0;width:2px;background:var(--border-light)}.cd-timeline-item{display:flex;gap:14px;padding:14px 0;position:relative}.cd-timeline-item+.cd-timeline-item{border-top:none}.cd-timeline-icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0;z-index:1;border:2px solid var(--surface)}.cd-timeline-icon.note{background:#f3f4f6}.cd-timeline-icon.call{background:#dbeafe}.cd-timeline-icon.email{background:#fce7f3}.cd-timeline-icon.meeting{background:#d1fae5}.cd-timeline-icon.task{background:#fef3c7}.cd-timeline-content{flex:1;min-width:0;padding-top:2px}.cd-timeline-header{display:flex;justify-content:space-between;align-items:baseline}.cd-timeline-title{font-size:14px;font-weight:600;color:var(--text-primary)}.cd-timeline-time{font-size:12px;color:var(--text-muted);flex-shrink:0}.cd-timeline-desc{font-size:13px;color:var(--text-secondary);margin-top:4px;line-height:1.5;white-space:pre-wrap}.cd-timeline-author{font-size:12px;color:var(--text-muted);margin-top:4px}.cd-empty{text-align:center;padding:40px 20px;color:var(--text-muted);font-size:14px}.cd-contact-form{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px;margin-bottom:20px}.cd-contacts-list{display:flex;flex-direction:column;gap:12px}.cd-contact-card{display:flex;align-items:center;gap:14px;padding:16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);transition:border-color .15s}.cd-contact-card:hover{border-color:var(--accent)}.cd-contact-avatar{width:42px;height:42px;border-radius:50%;background:var(--accent-light);color:var(--accent);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;flex-shrink:0}.cd-contact-info{flex:1;min-width:0}.cd-contact-name{font-size:14px;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:8px}.cd-primary-badge{font-size:10px;font-weight:700;color:#10b981;background:#d1fae5;padding:1px 6px;border-radius:4px}.cd-contact-role{font-size:12px;color:var(--text-muted);margin-top:2px}.cd-contact-details{display:flex;gap:14px;margin-top:6px}.cd-contact-details a{font-size:12px;color:var(--accent);text-decoration:none}.cd-contact-details a:hover{text-decoration:underline}.cd-contact-actions{display:flex;gap:6px}.cd-icon-btn{width:32px;height:32px;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-secondary);transition:all .15s}.cd-icon-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-light)}.cd-icon-btn.danger:hover{border-color:#dc2626;color:#dc2626;background:#fee2e2}.cd-projects-section{margin-bottom:24px}.cd-subsection-title{font-size:13px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}.cd-project-card{padding:16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:10px}.cd-project-card.sa{border-left:3px solid #a8a29e}.cd-project-header{display:flex;justify-content:space-between;align-items:center}.cd-project-name{font-size:14px;font-weight:600;color:var(--text-primary)}.cd-project-type{font-size:11px;background:var(--bg);color:var(--text-muted);padding:3px 8px;border-radius:4px}.cd-status-select{font-size:12px;padding:4px 8px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text-secondary);font-family:inherit;cursor:pointer}.cd-project-budget{margin-top:10px}.cd-project-budget-bar{height:6px;background:var(--border-light);border-radius:3px;overflow:hidden;margin-bottom:4px}.cd-project-budget-fill{height:100%;border-radius:3px;transition:width .3s}.cd-project-budget-text{font-size:12px}.cd-project-dates{font-size:12px;color:var(--text-muted);margin-top:6px}.cd-project-meta{display:flex;gap:16px;margin-top:8px;font-size:12px;color:var(--text-muted)}.cd-everhour-dashboard{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px}.cd-everhour-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:20px}.cd-everhour-stat{text-align:center}.cd-everhour-stat-value{font-size:24px;font-weight:700}.cd-everhour-stat-label{font-size:12px;color:var(--text-muted);margin-top:2px;text-transform:uppercase;letter-spacing:.3px}.cd-everhour-bar{height:10px;background:var(--border-light);border-radius:5px;overflow:hidden}.cd-everhour-bar-fill{height:100%;border-radius:5px;transition:width .3s}.cd-everhour-alert{margin-top:16px;padding:10px 14px;border-radius:var(--radius);font-size:13px}.cd-everhour-alert.warning{background:#fef3c7;color:#92400e}.cd-everhour-alert.danger{background:#fee2e2;color:#991b1b}.cd-everhour-meta{display:flex;gap:20px;margin-top:16px;font-size:12px;color:var(--text-muted)}.cd-empty-everhour{text-align:center;padding:48px 20px}.cd-empty-everhour div{color:var(--text-muted);margin:16px 0;font-size:14px}.cd-everhour-picker{max-height:400px;overflow-y:auto}.cd-everhour-pick-item{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border:1px solid var(--border);border-radius:var(--radius);margin-bottom:8px;cursor:pointer;transition:all .15s}.cd-everhour-pick-item:hover{border-color:var(--accent);background:var(--accent-light)}.cd-everhour-pick-pct{font-size:13px;font-weight:600;padding:4px 10px;border-radius:var(--radius-sm);background:var(--bg)}.cd-loading{text-align:center;padding:60px 20px;color:var(--text-muted)}.cd-edit-modal{background:var(--surface);border-radius:var(--radius-lg);max-width:640px;width:95%;max-height:85vh;overflow-y:auto}@media(max-width:768px){.cd-grid-2{grid-template-columns:1fr}.cd-metrics{flex-wrap:wrap}.cd-metric{min-width:120px}.cd-form-grid{grid-template-columns:1fr}.cd-everhour-stats{grid-template-columns:repeat(2,1fr)}.cd-header{padding:16px 20px}.cd-body{grid-template-columns:1fr}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.sa-content{width:100%;max-width:1400px;margin:0 auto}.period-bar{background:var(--surface);border-radius:var(--radius-lg);padding:14px 20px;display:flex;align-items:center;gap:8px;margin-bottom:20px;border:1px solid var(--border);flex-wrap:wrap}.period-bar label{font-size:13px;font-weight:600;color:var(--text-secondary);margin-right:4px}.period-btn{padding:6px 14px;border-radius:20px;border:1px solid var(--border);background:var(--surface);font-size:12px;font-weight:500;color:var(--text-muted);cursor:pointer;transition:all var(--transition);font-family:inherit}.period-btn:hover{border-color:var(--accent);color:var(--accent)}.period-btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}.date-input{padding:5px 10px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:12px;color:var(--text-secondary);font-family:inherit;background:var(--surface)}.date-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #e8604c14}.team-stats{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-bottom:16px}.team-stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:14px 16px;transition:all var(--transition)}.team-stat:hover{box-shadow:var(--shadow-md)}.team-stat .ts-val{font-size:22px;font-weight:700;color:var(--text-primary);line-height:1.2;letter-spacing:-.5px}.team-stat .ts-unit{font-size:14px;font-weight:600}.team-stat .ts-label{font-size:10px;color:var(--text-muted);margin-top:4px;font-weight:500}.comparison-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px 18px;margin-bottom:16px}.panel-title{font-size:13px;font-weight:700;color:var(--text-primary);margin-bottom:10px;display:flex;align-items:center;gap:8px;letter-spacing:-.1px}.tab-row{display:flex;gap:6px;margin-bottom:16px}.tab-btn-sm{padding:6px 14px;font-size:12px;font-weight:500;border:1px solid var(--border);background:var(--surface);color:var(--text-secondary);cursor:pointer;border-radius:6px;transition:all var(--transition);font-family:inherit}.tab-btn-sm:hover{border-color:var(--text-muted)}.tab-btn-sm.active{background:var(--text-primary);color:var(--surface);border-color:var(--text-primary)}.comp-row{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--border-light)}.comp-row:last-child{border-bottom:none}.comp-rank{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex-shrink:0}.comp-rank.gold{background:var(--warning-light);color:#92400e}.comp-rank.silver{background:var(--border-light);color:var(--text-secondary)}.comp-rank.bronze{background:var(--danger-light);color:#b91c1c}.comp-rank.default{background:var(--border-light);color:var(--text-muted)}.comp-name{width:150px;font-size:13px;font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-shrink:0}.comp-bar-track{flex:1;height:28px;background:var(--border-light);border-radius:6px;overflow:hidden}.comp-bar-fill{height:100%;border-radius:6px;display:flex;align-items:center;padding:0 10px;transition:width .5s ease}.comp-bar-fill span{font-size:11px;font-weight:700;color:#fff}.comp-val{font-size:13px;font-weight:600;color:var(--text-primary);width:60px;text-align:right;flex-shrink:0}.sa-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:16px;margin-bottom:20px}.sa-card{background:var(--surface);border-radius:var(--radius-lg);padding:16px 18px;cursor:pointer;transition:all .2s;border:1px solid var(--border);animation:fadeIn .3s ease}.sa-card:hover{border-color:var(--accent);box-shadow:var(--shadow-md);transform:translateY(-2px)}.sa-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.sa-name{font-size:15px;font-weight:700;color:var(--text-primary)}.sa-proj-count{font-size:11px;background:var(--accent-light);color:var(--accent);padding:2px 8px;border-radius:20px;font-weight:600}.sa-metrics{display:grid;grid-template-columns:1fr 1fr;gap:10px}.sa-metric-val{font-size:16px;font-weight:700;letter-spacing:-.3px}.sa-metric-label{font-size:10px;color:var(--text-muted);font-weight:500}.bar-track{height:4px;background:var(--border-light);border-radius:3px;margin-top:5px;overflow:hidden}.bar-fill{height:100%;border-radius:3px;transition:width .4s ease}.fill-good{background:linear-gradient(90deg,var(--success),#4ade80)}.fill-warn{background:linear-gradient(90deg,var(--warning),#fbbf24)}.fill-bad{background:linear-gradient(90deg,var(--danger),#f87171)}.fill-blue{background:linear-gradient(90deg,var(--accent),#f09080)}.fill-purple{background:linear-gradient(90deg,var(--purple),#a78bfa)}.color-good{color:var(--success)}.color-warn{color:var(--warning)}.color-bad{color:var(--danger)}.color-blue{color:var(--accent)}.full-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px 18px;margin-bottom:12px}.sa-reviews-table{width:100%;border-collapse:collapse;font-size:12px}.sa-reviews-table th{text-align:left;font-size:10px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px;padding:7px 12px;border-bottom:2px solid var(--border-light)}.sa-reviews-table td{padding:8px 12px;font-size:12px;border-bottom:1px solid var(--border-light);color:var(--text-secondary)}.sa-reviews-table tr:hover td{background:var(--bg)}.badge{display:inline-block;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:600}.badge-green{background:var(--success-light);color:var(--success)}.badge-amber{background:var(--warning-light);color:var(--warning)}.badge-red{background:var(--danger-light);color:var(--danger)}.badge-blue{background:var(--accent-light);color:var(--accent)}.badge-purple{background:var(--purple-light);color:var(--purple)}.badge-gray{background:var(--border-light);color:var(--text-secondary)}.trend-arrow{font-size:13px;margin-left:4px}.trend-up{color:var(--success)}.trend-down{color:var(--danger)}.trend-flat{color:var(--text-muted)}.back-btn{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--accent);background:none;border:none;cursor:pointer;font-weight:600;padding:8px 0;margin-bottom:16px;font-family:inherit}.back-btn:hover{color:var(--accent-hover)}.detail-header{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px 20px;margin-bottom:12px}.detail-top-row{display:flex;align-items:center;gap:20px}.detail-identity{flex-shrink:0}.detail-name{font-size:20px;font-weight:700;color:var(--text-primary);letter-spacing:-.3px}.detail-sub{font-size:12px;color:var(--text-muted);margin-top:2px}.detail-metrics-row{display:flex;gap:6px;flex:1;justify-content:center}.metric-pill{display:flex;align-items:center;gap:5px;background:var(--bg);border-radius:8px;padding:6px 12px}.metric-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.metric-val{font-size:16px;font-weight:700;letter-spacing:-.3px;line-height:1}.metric-name{font-size:9px;color:var(--text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.3px;line-height:1}.score-ring{position:relative;width:56px;height:56px}.score-ring svg{width:100%;height:100%}.score-ring-label{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:16px;font-weight:700}.score-breakdown{text-align:center;flex-shrink:0}.score-legend{display:flex;gap:6px;justify-content:center;margin-top:4px}.score-legend span{display:flex;align-items:center;gap:3px;font-size:10px;font-weight:600;color:var(--text-secondary)}.score-legend i{width:6px;height:6px;border-radius:50%;display:inline-block}.detail-header-compact{padding:16px 24px;margin-bottom:10px;background:linear-gradient(135deg,var(--surface) 0%,#f8fafc 100%);border:1px solid var(--border);border-radius:var(--radius-lg)}.detail-top-row-compact{gap:24px;align-items:center}.detail-header-compact .detail-identity{flex-shrink:0;min-width:160px}.detail-header-compact .detail-name{font-size:20px;font-weight:800;letter-spacing:-.4px}.detail-header-compact .detail-sub{font-size:12px;margin-top:3px;color:var(--text-muted)}.detail-header-compact .detail-metrics-row{gap:10px;flex:1;justify-content:center}.metric-pill-compact{flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:10px 20px;border-radius:12px;gap:2px;background:var(--surface);border:1px solid var(--border);min-width:90px;box-shadow:0 1px 3px #0000000a;transition:box-shadow .15s,border-color .15s}.metric-pill-compact:hover{box-shadow:0 2px 8px #00000014;border-color:#cbd5e1}.metric-pill-compact .metric-dot{width:8px;height:8px;margin-bottom:4px}.metric-pill-compact .metric-val{font-size:22px;font-weight:800;letter-spacing:-.5px;line-height:1.1}.metric-pill-compact .metric-name{font-size:9px;letter-spacing:.4px;margin-top:3px;color:var(--text-muted);font-weight:600;text-transform:uppercase}.score-breakdown-compact{flex-shrink:0;display:flex;flex-direction:row;align-items:center;gap:12px;padding:8px 12px 8px 20px;border-left:2px solid var(--border);margin-left:4px}.score-ring-sm{width:56px;height:56px}.score-ring-sm .score-ring-label{font-size:17px;font-weight:800}.score-breakdown-compact .score-legend{flex-direction:column;gap:4px;margin-top:0;align-items:flex-start}.score-breakdown-compact .score-legend span{font-size:10px;gap:4px;font-weight:600}.score-breakdown-compact .score-legend i{width:7px;height:7px}.qr-panel{padding:4px 0}.qr-header{margin-bottom:20px}.qr-title-row{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.qr-title{font-size:16px;font-weight:700;color:var(--text-primary);margin:0}.qr-subtitle{font-size:12px;color:var(--text-muted);margin:6px 0 0}.qr-quarter-selector{display:flex;gap:4px}.qr-q-btn{padding:5px 12px;border:1px solid var(--border);border-radius:6px;background:var(--surface);font-size:12px;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:all .15s;position:relative}.qr-q-btn:hover{border-color:#94a3b8;background:var(--bg)}.qr-q-btn.active{background:var(--text-primary);color:#fff;border-color:var(--text-primary)}.qr-q-btn.has-data:after{content:"";position:absolute;top:-2px;right:-2px;width:7px;height:7px;border-radius:50%;background:#10b981;border:1.5px solid var(--surface)}.qr-q-btn.active.has-data:after{border-color:var(--text-primary)}.qr-cards{display:grid;grid-template-columns:1fr 1fr;gap:14px}.qr-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:16px;transition:border-color .15s,box-shadow .15s}.qr-card:focus-within{border-color:#94a3b8;box-shadow:0 0 0 3px #64748b14}.qr-morale:focus-within{border-color:#10b981;box-shadow:0 0 0 3px #10b98114}.qr-momentum:focus-within{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f614}.qr-motivation:focus-within{border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b14}.qr-multipliers:focus-within{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf614}.qr-card-header{display:flex;gap:10px;align-items:flex-start;margin-bottom:12px}.qr-card-icon{width:34px;height:34px;border-radius:9px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.qr-card-icon svg{width:18px;height:18px}.qr-icon-morale{background:#ecfdf5;color:#10b981}.qr-icon-momentum{background:#eff6ff;color:#3b82f6}.qr-icon-motivation{background:#fffbeb;color:#f59e0b}.qr-icon-multipliers{background:#f5f3ff;color:#8b5cf6}.qr-card-label{font-size:14px;font-weight:700;color:var(--text-primary);letter-spacing:-.2px}.qr-card-question{font-size:11px;color:var(--text-muted);line-height:1.4;margin-top:2px}.qr-textarea{width:100%;border:1px solid var(--border);border-radius:8px;padding:10px 12px;font-size:13px;line-height:1.5;color:var(--text-primary);background:var(--bg);resize:vertical;font-family:inherit;transition:border-color .15s}.qr-textarea:focus{outline:none;border-color:#64748b}.qr-textarea::placeholder{color:#94a3b8}.qr-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:16px;padding-top:16px;border-top:1px solid var(--border)}.qr-save-btn{padding:8px 24px;border-radius:8px;border:none;background:var(--text-primary);color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:opacity .15s}.qr-save-btn:hover{opacity:.9}.qr-save-btn:disabled{opacity:.4;cursor:not-allowed}.qr-delete-btn{padding:8px 16px;border-radius:8px;border:1px solid #fecaca;background:#fff5f5;color:#dc2626;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s}.qr-delete-btn:hover{background:#fef2f2}.qr-history{margin-top:20px;padding-top:16px;border-top:1px solid var(--border)}.qr-history-title{font-size:13px;font-weight:700;color:var(--text-primary);margin-bottom:8px}.qr-history-list{display:flex;flex-direction:column;gap:4px}.qr-history-item{display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:8px;cursor:pointer;transition:background .1s;font-size:13px}.qr-history-item:hover{background:var(--bg)}.qr-history-item.active{background:var(--bg);border:1px solid var(--border)}.qr-history-period{font-weight:700;color:var(--text-primary);min-width:55px}.qr-history-date{color:var(--text-muted);font-size:12px;min-width:80px}.qr-history-preview{font-size:12px;letter-spacing:2px}.detail-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:12px}.kpi-card{background:var(--bg);border-radius:var(--radius);padding:10px;text-align:center}.kpi-val{font-size:18px;font-weight:700;letter-spacing:-.3px}.kpi-label{font-size:9px;color:var(--text-muted);margin-top:2px;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.section-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}.section-grid.full{grid-template-columns:1fr}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px 18px}.donut-row{display:flex;align-items:center;gap:24px;justify-content:center}.donut-container{position:relative;flex-shrink:0;width:120px;height:120px}.donut-container svg{width:120px;height:120px;display:block}.donut-label{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;line-height:1.2}.donut-label strong{font-size:18px;font-weight:700;color:var(--text-primary);display:block}.donut-label span{font-size:10px;color:var(--text-muted)}.donut-legend{display:flex;flex-direction:column;gap:8px;padding-top:8px}.legend-item{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-secondary)}.legend-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.legend-val{margin-left:auto;font-weight:600;color:var(--text-muted);font-size:11px}.hz-bar-group{display:flex;flex-direction:column;gap:6px}.hz-bar-row{display:flex;align-items:center;gap:10px}.hz-bar-name{width:100px;font-size:12px;color:var(--text-secondary);text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-shrink:0}.hz-bar-track{flex:1;height:22px;background:var(--border-light);border-radius:4px;overflow:hidden}.hz-bar-fill{height:100%;border-radius:4px;display:flex;align-items:center;padding:0 8px;min-width:2px;transition:width .4s ease}.hz-bar-val{font-size:11px;font-weight:600;color:#fff;white-space:nowrap}.hz-bar-outside{font-size:11px;font-weight:600;color:var(--text-secondary);margin-left:6px;white-space:nowrap}.work-type-bar{display:flex;border-radius:6px;overflow:hidden;height:28px;margin-bottom:12px}.work-type-segment{display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;color:#fff;transition:width .4s ease}.projects-search{padding:8px 14px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:13px;width:260px;font-family:inherit;background:var(--surface);color:var(--text-primary)}.projects-search:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #e8604c14}.note-card{background:var(--bg);border-radius:var(--radius);padding:16px 18px;margin-bottom:12px;border-left:4px solid var(--accent)}.note-card .note-period{font-size:12px;font-weight:600;color:var(--accent);margin-bottom:10px}.note-section{margin-bottom:10px}.note-section:last-of-type{margin-bottom:0}.note-section-title{font-size:11px;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.3px;margin-bottom:3px}.note-text{font-size:13px;color:var(--text-secondary);white-space:pre-wrap;line-height:1.5}.note-meta{font-size:11px;color:var(--text-muted);margin-top:12px;padding-top:10px;border-top:1px solid var(--border-light);display:flex;justify-content:space-between;align-items:center}.note-actions{display:flex;gap:12px}.note-actions button{font-size:12px;border:none;background:none;cursor:pointer;color:var(--text-muted);font-family:inherit;font-weight:500}.note-actions button:hover{color:var(--accent)}.note-actions button.del:hover{color:var(--danger)}.note-form{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px;margin-top:12px}.note-form .form-row{margin-bottom:14px}.note-form .form-row:last-of-type{margin-bottom:0}.note-form label{display:block;font-size:12px;font-weight:600;color:var(--text-secondary);margin-bottom:5px;text-transform:uppercase;letter-spacing:.3px}.note-form textarea{width:100%;padding:9px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:13px;font-family:inherit;resize:vertical;min-height:60px;background:var(--surface);color:var(--text-primary)}.note-form textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #e8604c14}.note-form select,.note-form input{padding:8px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:13px;font-family:inherit;background:var(--surface);color:var(--text-primary)}.note-form select:focus,.note-form input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #e8604c14}.form-actions{display:flex;gap:8px;margin-top:16px}.btn-sm{display:inline-flex;align-items:center;gap:4px;padding:7px 14px;font-size:12px;font-weight:600;border:1px solid var(--border);background:var(--surface);color:var(--text-primary);border-radius:var(--radius-sm);cursor:pointer;font-family:inherit;transition:all var(--transition)}.btn-sm:hover{background:var(--sidebar-hover)}.btn-sm.btn-sm-active{background:var(--text-primary);color:var(--surface);border-color:var(--text-primary)}.ret-month-table td,.ret-month-table th{white-space:nowrap}.btn-primary{background:var(--accent);color:#fff;border-color:var(--accent);padding:8px 16px;font-size:13px;font-weight:600;border-radius:var(--radius-sm);cursor:pointer;font-family:inherit;border:none}.btn-primary:hover{background:var(--accent-hover)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:var(--surface);color:var(--text-secondary);border:1px solid var(--border);padding:8px 16px;font-size:13px;font-weight:500;border-radius:var(--radius-sm);cursor:pointer;font-family:inherit}.btn-secondary:hover{background:var(--sidebar-hover)}.rating-stars{display:flex;gap:2px}.rating-stars .star{cursor:pointer;transition:transform .1s}.rating-stars .star:hover{transform:scale(1.15)}.placeholder-section{background:var(--surface);border:1px dashed var(--border);border-radius:var(--radius-lg);padding:32px 24px;text-align:center;margin-bottom:20px}.placeholder-section h4{font-size:14px;font-weight:600;color:var(--text-muted);margin-bottom:6px}.placeholder-section p{font-size:13px;color:var(--text-muted);line-height:1.6}.loading-overlay{display:flex;align-items:center;justify-content:center;padding:80px 20px}.sa-spinner{width:32px;height:32px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .6s linear infinite}.empty-state h3{font-size:16px;font-weight:600;color:var(--text-secondary);margin-bottom:6px}.empty-state a{color:var(--accent);text-decoration:none;font-weight:500}.weight-modal-overlay{position:fixed;inset:0;background:#1c191759;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .15s ease}.weight-modal{background:var(--surface);border-radius:var(--radius-lg);padding:28px;width:440px;max-width:90vw;box-shadow:var(--shadow-lg)}.weight-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.weight-modal-header h3{font-size:16px;font-weight:700;color:var(--text-primary);letter-spacing:-.2px}.weight-modal-close{background:none;border:none;font-size:22px;color:var(--text-muted);cursor:pointer;line-height:1;padding:4px}.weight-modal-close:hover{color:var(--text-primary)}.weight-modal-desc{font-size:13px;color:var(--text-muted);margin-bottom:20px;line-height:1.5}.weight-fields{display:flex;flex-direction:column;gap:16px;margin-bottom:16px}.weight-field label{display:block;font-size:13px;font-weight:500;color:var(--text-primary);margin-bottom:6px}.weight-input-row{display:flex;align-items:center;gap:12px}.weight-input-row input[type=range]{flex:1;accent-color:var(--accent);height:6px}.weight-val{font-size:14px;font-weight:600;color:var(--text-primary);min-width:42px;text-align:right}.weight-total{font-size:14px;font-weight:600;text-align:center;padding:10px;border-radius:var(--radius);background:var(--bg);margin-bottom:16px}.weight-modal-actions{display:flex;justify-content:flex-end;gap:8px}@media(max-width:1200px){.team-stats,.detail-kpis{grid-template-columns:repeat(3,1fr)}.detail-top-row{flex-wrap:wrap}.detail-metrics-row{flex-wrap:wrap;justify-content:flex-start}}@media(max-width:1024px){.section-grid,.sa-grid{grid-template-columns:1fr}}@media(max-width:768px){.team-stats,.detail-kpis{grid-template-columns:repeat(2,1fr)}.comp-name{width:100px}.donut-row{flex-direction:column}.detail-top-row{flex-direction:column;align-items:flex-start}.detail-metrics-row{width:100%}.score-breakdown{align-self:flex-start}}.sa-guide-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:24px;animation:fadeIn .2s ease}.sa-guide-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border-light)}.sa-guide-header h3{font-size:15px;font-weight:700;color:var(--text-primary);margin:0}.sa-guide-close{background:none;border:none;font-size:22px;color:var(--text-muted);cursor:pointer;line-height:1;padding:0 4px}.sa-guide-close:hover{color:var(--text-primary)}.sa-guide-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;padding:20px}.sa-guide-card{padding:16px;background:var(--bg);border-radius:var(--radius);border:1px solid var(--border-light)}.sa-guide-card.composite{grid-column:1 / -1;background:linear-gradient(135deg,#e8604c0a,#e8604c03);border-color:#e8604c26}.sa-guide-card-title{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:var(--text-primary);margin-bottom:10px}.sa-guide-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.sa-guide-formula{font-family:SF Mono,Monaco,Menlo,monospace;font-size:12px;color:var(--accent);background:var(--surface);border:1px solid var(--border-light);padding:8px 12px;border-radius:6px;margin-bottom:10px}.sa-guide-desc{font-size:13px;color:var(--text-secondary);line-height:1.5;margin-bottom:10px}.sa-guide-buckets{display:flex;gap:8px;flex-wrap:wrap}.sa-guide-tag{font-size:11px;font-weight:600;padding:3px 10px;border-radius:20px;white-space:nowrap}.sa-guide-tag.good{background:#d1fae5;color:#065f46}.sa-guide-tag.warn{background:#fef3c7;color:#92400e}.sa-guide-tag.bad{background:#fee2e2;color:#991b1b}.sa-guide-example{font-size:12px;color:var(--text-muted);background:var(--surface);border:1px dashed var(--border);padding:8px 12px;border-radius:6px;margin-top:4px}.sa-guide-example strong{color:var(--accent)}@media(max-width:768px){.sa-guide-grid{grid-template-columns:1fr}.sa-guide-card.composite{grid-column:1}}.detail-charts-row{display:grid;grid-template-columns:2fr 1fr;gap:16px;margin-bottom:16px}.detail-charts-main .full-panel{height:100%;margin-bottom:0}.detail-charts-side{display:flex;flex-direction:column;gap:16px}.compact-panel{flex:1;min-height:0;display:flex;flex-direction:column}.compact-panel .panel-title{flex-shrink:0}.compact-panel .donut-row{flex-direction:column;align-items:center;gap:10px}.compact-panel .donut-container{width:90px;height:90px}.compact-panel .donut-container svg{width:90px;height:90px}.compact-panel .donut-label strong{font-size:15px}.compact-panel .donut-label span{font-size:9px}.compact-panel .donut-legend{gap:4px;align-items:center}.compact-panel .donut-legend .legend-item{font-size:11px}.compact-panel .donut-legend .legend-val{font-size:10px}.detail-tabs-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.detail-tabs-bar{display:flex;border-bottom:1px solid var(--border);background:var(--bg);padding:0 8px;overflow-x:auto}.detail-tab{padding:10px 18px;font-size:13px;font-weight:600;color:var(--text-muted);background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;white-space:nowrap;transition:color .15s,border-color .15s}.detail-tab:hover{color:var(--text-primary)}.detail-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.detail-tabs-content{padding:16px}.detail-tabs-content .full-panel{background:none;border:none;border-radius:0;padding:0;margin-bottom:0}.detail-tabs-content .panel-title{font-size:13px;margin-bottom:10px;padding-bottom:0;border-bottom:none}.detail-tabs-content .detail-kpis{margin-top:0}.detail-tabs-content .projects-search{margin-bottom:12px}@media(max-width:900px){.detail-charts-row{grid-template-columns:1fr}.detail-charts-side{flex-direction:row}.detail-tabs-bar{gap:0}.detail-tab{padding:8px 12px;font-size:12px}}.ret-row-parent{transition:background .15s}.ret-row-parent:hover{background:var(--bg)}.ret-row-parent.open{background:var(--bg);font-weight:600}.ret-chevron{font-size:11px;color:var(--text-muted);width:28px;text-align:center;-webkit-user-select:none;user-select:none}.ret-row-child td{background:var(--surface);border-bottom:1px solid var(--border-light);font-size:12px;padding-top:6px;padding-bottom:6px}.ret-row-child:last-child td{border-bottom:1px solid var(--border)}.metric-pill.kpi-clickable{cursor:pointer;transition:box-shadow .15s,transform .15s}.metric-pill.kpi-clickable:hover{box-shadow:0 2px 8px #00000014;transform:translateY(-1px)}.metric-pill.kpi-clickable .metric-name:after{content:" ▾";font-size:8px;color:var(--text-muted)}.metric-pill.kpi-active{box-shadow:0 2px 8px #0000001a;outline:2px solid var(--accent)}.metric-pill.kpi-active .metric-name:after{content:" ▴"}.kpi-drill-panel{background:#fff;border:1px solid var(--border);border-radius:10px;padding:16px 18px;margin-top:12px;animation:drillSlide .15s ease-out}@keyframes drillSlide{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.kpi-drill-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:13px;font-weight:700;color:var(--text-primary)}.kpi-drill-close{background:none;border:none;font-size:18px;color:var(--text-muted);cursor:pointer;padding:0 4px;line-height:1}.kpi-drill-close:hover{color:var(--text-primary)}.kpi-drill-panel .sa-reviews-table{font-size:12px}.kpi-drill-panel .sa-reviews-table th{font-size:10px}@keyframes catalogFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.catalog-toolbar{background:var(--surface);border-bottom:1px solid #e2e8f0;padding:12px 30px;display:flex;align-items:center;gap:12px;flex-wrap:wrap;position:sticky;top:0;z-index:50}.catalog-toolbar select,.catalog-toolbar input[type=text]{padding:8px 12px;border:1px solid #e2e8f0;border-radius:6px;font-size:13px;background:var(--surface);color:#1e293b;min-width:150px}.catalog-toolbar select:focus,.catalog-toolbar input:focus{outline:none;border-color:#1e3a5f}.catalog-toolbar input[type=text]{min-width:220px}.toolbar-spacer{flex:1}.view-toggle{display:flex;border:1px solid #e2e8f0;border-radius:6px;overflow:hidden}.view-toggle button{padding:7px 14px;border:none;background:var(--surface);cursor:pointer;font-size:13px;color:#64748b;display:flex;align-items:center;gap:4px;transition:all .15s}.view-toggle button.active{background:#1e3a5f;color:#fff}.view-toggle button+button{border-left:1px solid #e2e8f0}.client-toggle{display:flex;align-items:center;gap:8px;font-size:13px;color:#64748b;cursor:pointer}.client-toggle input[type=checkbox]{width:16px;height:16px;accent-color:#1e3a5f}.stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.scard{background:var(--surface);border-radius:12px;padding:20px;box-shadow:0 1px 3px #0000000f;transition:transform .2s}.scard:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.scard.navy{background:var(--accent);color:#fff}.scard.teal{background:linear-gradient(135deg,#0d9488,#14b8a6);color:#fff}.scard.amber{background:linear-gradient(135deg,#d97706,#f59e0b);color:#fff}.scard.green{background:linear-gradient(135deg,#059669,#10b981);color:#fff}.scard.purple{background:linear-gradient(135deg,#7c3aed,var(--accent-hover));color:#fff}.scard-icon{font-size:24px;margin-bottom:8px}.scard-label{font-size:12px;text-transform:uppercase;letter-spacing:.5px;opacity:.8;margin-bottom:4px}.scard-value{font-size:28px;font-weight:700}.scard-sub{font-size:12px;opacity:.7;margin-top:4px}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:16px}.pcard{background:var(--surface);border-radius:12px;padding:20px;box-shadow:0 1px 3px #0000000f;cursor:pointer;transition:all .2s;border:2px solid transparent;animation:catalogFadeIn .3s ease}.pcard:hover{border-color:#1e3a5f;box-shadow:0 4px 16px #1e3a5f1f}.pcard-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.pcard-name{font-size:15px;font-weight:600;color:#1e293b;line-height:1.3}.pcard-client{font-size:13px;color:#64748b;margin-top:4px}.pcard-type{padding:3px 10px;border-radius:20px;font-size:11px;font-weight:600;white-space:nowrap;flex-shrink:0}.pcard-type.custom{background:#fef3c7;color:#92400e}.pcard-type.template{background:#dbeafe;color:#1e40af}.pcard-type.iteration{background:#ede9fe;color:#5b21b6}.pcard-type.other{background:#f1f5f9;color:#475569}.pcard-meta{display:flex;gap:16px;font-size:12px;color:#64748b;margin-top:12px;flex-wrap:wrap}.pcard-meta span{display:flex;align-items:center;gap:4px}.pcard-hours{margin-top:14px;padding-top:12px;border-top:1px solid #f1f5f9}.hours-bar{background:#f1f5f9;border-radius:4px;height:6px;margin-top:6px;overflow:hidden}.hours-fill{height:100%;border-radius:4px;transition:width .5s ease}.hours-labels{display:flex;justify-content:space-between;font-size:12px;color:#64748b}.pcard-platforms{margin-top:10px;display:flex;flex-wrap:wrap;gap:4px}.platform-tag{background:#f0f9ff;color:#0369a1;padding:2px 8px;border-radius:4px;font-size:11px}.pcard-sa{display:flex;align-items:center;gap:6px;margin-top:10px;font-size:12px;color:#64748b}.sa-avatar{width:22px;height:22px;border-radius:50%;background:#1e3a5f;color:#fff;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:600}.projects-table{width:100%}.projects-table table{width:100%;border-collapse:collapse;background:var(--surface);border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000000f}.projects-table th{background:var(--bg);padding:12px 16px;text-align:left;font-size:12px;font-weight:600;color:#475569;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #e2e8f0}.projects-table td{padding:14px 16px;font-size:13px;border-bottom:1px solid #f1f5f9;color:#1e293b}.projects-table tr{cursor:pointer;transition:background .15s}.projects-table tbody tr:hover{background:var(--bg)}.variance-good{color:#059669}.variance-bad{color:#dc2626}.variance-neutral{color:#64748b}.detail-section{margin-bottom:24px}.detail-section h4{font-size:13px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.detail-item label{display:block;font-size:12px;color:#94a3b8;margin-bottom:2px}.detail-item span{font-size:14px;color:#1e293b;font-weight:500}.detail-desc{background:var(--bg);border-radius:8px;padding:16px;font-size:13px;line-height:1.6;color:#475569;white-space:pre-wrap}.edit-input{width:100%;padding:8px 10px;border:1px solid #cbd5e1;border-radius:8px;font-size:13px;color:#1e293b;background:var(--surface);box-sizing:border-box;transition:border-color .15s}.edit-input:focus{outline:none;border-color:#0ea5e9;box-shadow:0 0 0 3px #0ea5e91a}select.edit-input{appearance:auto;cursor:pointer}.modal-actions-group{display:flex;gap:8px;align-items:center}.btn-edit{padding:6px 14px;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;border:1px solid #cbd5e1;background:var(--surface);color:#475569;transition:all .15s}.btn-edit:hover{border-color:#0ea5e9;color:#0ea5e9}.btn-save{padding:6px 14px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;border:none;background:#0ea5e9;color:#fff;transition:all .15s}.btn-save:hover{background:#0284c7}.btn-save:disabled{opacity:.6;cursor:not-allowed}.btn-cancel{padding:6px 14px;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;border:1px solid #cbd5e1;background:var(--surface);color:#64748b;transition:all .15s}.btn-cancel:hover{background:#f1f5f9}.sync-indicator{font-size:12px;padding:3px 8px;border-radius:6px;font-weight:500;animation:catalogFadeIn .3s}.sync-indicator.success{background:#ecfdf5;color:#059669}.sync-indicator.error{background:#fef2f2;color:#dc2626}.sync-indicator.saving{background:#f0f9ff;color:#0284c7}.inq-container{padding:20px 30px}.inq-empty{text-align:center;padding:60px 20px;color:#94a3b8}.inq-empty h3{font-size:18px;color:#64748b;margin-bottom:6px}.inq-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:16px}.inq-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:20px;transition:all .2s;cursor:pointer;animation:catalogFadeIn .3s ease}.inq-card:hover{border-color:#1e3a5f;box-shadow:0 4px 16px #0000000f}.inq-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.inq-name{font-size:16px;font-weight:600;color:#1e293b}.inq-company{font-size:13px;color:#64748b;margin-top:2px}.inq-status{font-size:11px;font-weight:700;padding:3px 10px;border-radius:12px;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap}.inq-status-new{background:#dbeafe;color:#1d4ed8}.inq-status-contacted{background:#fef3c7;color:#b45309}.inq-status-converted{background:#d1fae5;color:#059669}.inq-status-closed{background:#f1f5f9;color:#64748b}.inq-template{font-size:13px;color:#1e3a5f;background:#eff6ff;padding:4px 10px;border-radius:6px;display:inline-block;margin-bottom:10px;font-weight:500}.inq-meta{display:flex;gap:16px;font-size:12px;color:#94a3b8;margin-top:10px}.inq-meta strong{color:#64748b}.inq-customer-badge{padding:2px 8px;border-radius:10px;font-size:10px;font-weight:700}.inq-customer-badge.existing{background:#d1fae5;color:#065f46}.inq-customer-badge.new-lead{background:#dbeafe;color:#1e40af}.inq-detail-overlay{position:fixed;inset:0;background:#1c191759;z-index:200;display:flex;justify-content:center;align-items:flex-start;padding:40px;overflow-y:auto}.inq-detail-panel{background:#fff;border-radius:12px;width:100%;max-width:720px;padding:32px;margin:auto;animation:catalogFadeIn .2s ease}.inq-detail-section{margin-bottom:20px}.inq-detail-section h4{font-size:13px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;padding-bottom:6px;border-bottom:1px solid #f1f5f9}.inq-qa{margin-bottom:10px}.inq-qa-q{font-size:13px;font-weight:600;color:#475569}.inq-qa-a{font-size:13px;color:#1e293b;margin-top:2px}.inq-scope-item{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #f8fafc;font-size:13px}.inq-scope-item:last-child{border-bottom:none}.inq-actions{display:flex;gap:8px;margin-top:20px;flex-wrap:wrap}.inq-action-btn{padding:8px 16px;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;border:1px solid #e2e8f0;background:#fff;transition:all .2s}.inq-action-btn:hover{background:var(--bg)}.inq-action-btn.primary{background:#1e3a5f;color:#fff;border-color:#1e3a5f}.inq-action-btn.primary:hover{background:#2d5a87}.tmpl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:16px}.tmpl-card{background:var(--surface);border-radius:14px;padding:20px;box-shadow:0 1px 3px #0000000f;border:2px solid transparent;cursor:pointer;transition:all .2s;position:relative}.tmpl-card:hover{border-color:#0ea5e9;transform:translateY(-2px);box-shadow:0 4px 12px #0ea5e91a}.tc-status{position:absolute;top:12px;right:12px;display:flex;gap:4px;align-items:center}.tc-badge{padding:2px 8px;border-radius:12px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.3px}.tc-badge.draft{background:#fef3c7;color:#b45309}.tc-badge.published{background:#d1fae5;color:#065f46}.tc-badge.featured{background:#ede9fe;color:#6d28d9}.tc-badge.inactive{background:#fef2f2;color:#991b1b}.tc-thumb{width:100%;height:140px;border-radius:8px;background:#f1f5f9;margin-bottom:12px;overflow:hidden;display:flex;align-items:center;justify-content:center}.tc-thumb img{width:100%;height:100%;object-fit:cover}.tc-placeholder{font-size:36px;color:#cbd5e1}.tc-name{font-size:16px;font-weight:700;color:#1e293b;margin-bottom:4px;padding-right:80px}.tc-cat{font-size:11px;color:#0284c7;font-weight:600;margin-bottom:8px}.tc-desc{font-size:13px;color:#64748b;line-height:1.5;margin-bottom:12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tc-meta{display:flex;gap:12px;flex-wrap:wrap}.tc-meta-item{font-size:11px;color:#94a3b8;font-weight:500}.tc-meta-item strong{color:#475569}.tc-platforms{display:flex;gap:4px;margin-top:10px;flex-wrap:wrap}.tc-plat-logo{width:22px;height:22px;border-radius:4px;background:#f1f5f9;display:flex;align-items:center;justify-content:center;overflow:hidden}.tc-plat-logo img{width:100%;height:100%;object-fit:contain}.te-section{margin-bottom:24px}.te-section-title{font-size:13px;font-weight:700;color:#1e293b;margin-bottom:10px;display:flex;align-items:center;gap:6px;border-bottom:1px solid #f1f5f9;padding-bottom:8px}.te-tabs{display:flex;gap:2px;margin-bottom:16px;border-bottom:2px solid #f1f5f9}.te-tab{padding:8px 16px;font-size:12px;font-weight:600;color:#94a3b8;cursor:pointer;border:none;background:none;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .15s}.te-tab:hover{color:#475569}.te-tab.active{color:#0284c7;border-bottom-color:#0284c7}.te-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:10px}.te-row.full{grid-template-columns:1fr}.te-field label{display:block;font-size:11px;font-weight:600;color:#64748b;margin-bottom:4px;text-transform:uppercase;letter-spacing:.3px}.te-field input,.te-field select,.te-field textarea{width:100%;padding:8px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:13px;font-family:inherit;box-sizing:border-box}.te-field input:focus,.te-field select:focus,.te-field textarea:focus{outline:none;border-color:#0ea5e9;box-shadow:0 0 0 2px #0ea5e91a}.te-field textarea{min-height:60px;resize:vertical}.te-list{display:flex;flex-direction:column;gap:6px}.te-list-item{display:flex;gap:8px;align-items:center}.te-list-item input{flex:1}.te-rm{width:28px;height:28px;border:none;background:#fef2f2;color:#dc2626;border-radius:6px;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.te-rm:hover{background:#fee2e2}.te-add-btn{padding:5px 12px;border:1px dashed #d1d5db;background:var(--surface);border-radius:6px;font-size:12px;color:#6b7280;cursor:pointer;margin-top:4px}.te-add-btn:hover{border-color:#0ea5e9;color:#0ea5e9}.te-scope-row{display:grid;grid-template-columns:1fr 2fr 80px 28px;gap:8px;align-items:start;margin-bottom:6px}.te-scope-row input,.te-scope-row textarea{padding:6px 10px;border:1px solid #e2e8f0;border-radius:6px;font-size:12px;font-family:inherit}.te-faq-row{display:grid;grid-template-columns:1fr 1fr 28px;gap:8px;margin-bottom:6px}.te-faq-row input,.te-faq-row textarea{padding:6px 10px;border:1px solid #e2e8f0;border-radius:6px;font-size:12px;font-family:inherit}.platform-checkbox-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px}.platform-checkbox-label{display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;font-size:13px;background:var(--surface);transition:all .15s}.platform-checkbox-label.checked{border-color:#0ea5e9;background:#f0f9ff}.platform-checkbox-label input[type=checkbox]{accent-color:#0ea5e9}.platform-checkbox-label img{width:18px;height:18px;border-radius:3px}.pricing-preview{margin-top:12px;padding:16px;background:#f0fdf4;border-radius:10px;border:1px solid #bbf7d0}.pricing-preview .label{font-size:12px;color:#166534;font-weight:600;margin-bottom:4px}.pricing-preview .total{font-size:28px;font-weight:700;color:#059669}.pricing-preview .sub{font-size:12px;color:#6b7280;margin-top:2px}.tab-badge{background:#ef4444;color:#fff;font-size:11px;padding:2px 7px;border-radius:10px;font-weight:700;min-width:20px;text-align:center}.tab-badge.zero{background:#94a3b8}.tmpl-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding:0 4px}.tmpl-toolbar-filters{display:flex;gap:8px;align-items:center}.tmpl-toolbar-filters select,.tmpl-toolbar-filters input{padding:6px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:13px}.tmpl-toolbar-filters input{width:220px}.catalog-container{width:100%;max-width:1600px;margin:0 auto;padding:24px}.badge-count{background:#e2e8f0;color:#475569;padding:2px 8px;border-radius:10px;font-size:12px;font-weight:500}.catalog-spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:currentColor;animation:spin .6s linear infinite}.te-question-row{display:grid;grid-template-columns:1fr 100px 28px;gap:8px;margin-bottom:6px}.te-question-row input,.te-question-row select{padding:6px 10px;border:1px solid #e2e8f0;border-radius:6px;font-size:12px;font-family:inherit}.catalog-empty-state{text-align:center;padding:60px 20px;color:#94a3b8}.catalog-empty-state svg{width:64px;height:64px;margin-bottom:16px;opacity:.4}.catalog-empty-state h3{font-size:18px;color:#64748b;margin-bottom:8px}.catalog-empty-state p{font-size:14px;max-width:400px;margin:0 auto}.json-key{color:#7dd3fc}.json-string{color:#86efac}.json-number{color:#fcd34d}.json-boolean{color:#f472b6}.json-null{color:#94a3b8}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideIn{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.catalog-page{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#fafaf9;color:#1c1917;min-height:100vh;-webkit-font-smoothing:antialiased}.catalog-nav{background:#0f172a;padding:18px 40px;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:100}.catalog-nav-links{display:flex;gap:28px;align-items:center}.catalog-nav-links a{color:#ffffffb3;text-decoration:none;font-size:14px;font-weight:500;transition:color .2s}.catalog-nav-links a:hover{color:#fff}.catalog-hero{background:linear-gradient(135deg,#0f172a,#1e3a5f,#0f172a);padding:80px 40px 60px;text-align:center;position:relative;overflow:hidden}.catalog-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 30% 50%,rgba(52,211,153,.08) 0%,transparent 60%),radial-gradient(ellipse at 70% 50%,rgba(96,165,250,.06) 0%,transparent 60%)}.catalog-hero-content{position:relative;max-width:720px;margin:0 auto}.catalog-hero-badge{display:inline-block;background:#34d39926;color:#34d399;padding:6px 16px;border-radius:20px;font-size:13px;font-weight:600;margin-bottom:24px;letter-spacing:.5px;text-transform:uppercase;animation:fadeUp .6s ease}.catalog-hero h1{font-size:44px;font-weight:700;color:#fff;line-height:1.15;letter-spacing:-1px;margin-bottom:18px;animation:fadeUp .6s ease .1s both}.catalog-hero p{font-size:18px;color:#ffffffa6;line-height:1.65;animation:fadeUp .6s ease .2s both}.catalog-stats-bar{display:flex;justify-content:center;gap:48px;padding:28px 40px;background:#fff;border-bottom:1px solid #e7e5e4}.catalog-stat-item{text-align:center}.catalog-stat-num{font-size:28px;font-weight:700;color:#0f172a}.catalog-stat-label{font-size:13px;color:#78716c;margin-top:2px;font-weight:500}.catalog-filter-bar{background:#fff;border-bottom:1px solid #e7e5e4;padding:20px 40px;display:flex;gap:20px;align-items:flex-start;flex-wrap:wrap;justify-content:center}.catalog-filter-group{flex:0 1 320px;min-width:280px;max-width:400px}.catalog-filter-label{font-size:12px;font-weight:600;color:#57534e;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.catalog-filter-dropdown{position:relative;z-index:100}.catalog-filter-trigger{width:100%;padding:10px 14px;border:1px solid #e7e5e4;border-radius:8px;background:#fafaf9;font-size:14px;color:#1c1917;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:all .2s;font-family:inherit}.catalog-filter-trigger:hover{border-color:#a8a29e}.catalog-filter-trigger.active{border-color:#34d399;background:#fff}.catalog-filter-menu{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#fff;border:1px solid #e7e5e4;border-radius:8px;box-shadow:0 10px 40px #00000026;z-index:200;max-height:280px;overflow-y:auto}.catalog-filter-option{display:flex;align-items:center;gap:10px;padding:10px 14px;cursor:pointer;transition:background .15s;font-size:14px}.catalog-filter-option:hover{background:#f5f5f4}.catalog-filter-option input[type=checkbox]{width:16px;height:16px;accent-color:#34d399;cursor:pointer}.catalog-filter-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.catalog-filter-tag{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:#d1fae5;color:#059669;border-radius:6px;font-size:12px;font-weight:500}.catalog-filter-tag-remove{cursor:pointer;opacity:.7;transition:opacity .15s}.catalog-filter-tag-remove:hover{opacity:1}.catalog-filter-clear{padding:8px 16px;background:none;border:1px solid #e7e5e4;border-radius:8px;font-size:13px;color:#78716c;cursor:pointer;transition:all .2s;align-self:flex-end;margin-bottom:2px;font-family:inherit}.catalog-filter-clear:hover{background:#f5f5f4;color:#1c1917}.catalog-section{max-width:1200px;margin:0 auto;padding:48px 40px}.catalog-section-title{font-size:28px;font-weight:600;color:#0f172a;margin-bottom:8px}.catalog-section-sub{font-size:15px;color:#78716c;margin-bottom:36px}.catalog-template-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:24px}.catalog-template-card{background:#fff;border:1px solid #e7e5e4;border-radius:12px;padding:28px;cursor:pointer;transition:all .3s ease;animation:fadeUp .5s ease both}.catalog-template-card:hover{border-color:#34d399;box-shadow:0 8px 30px #0000000f;transform:translateY(-2px)}.catalog-card-category{display:inline-block;padding:4px 10px;border-radius:6px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:14px}.cat-ecommerce{background:#dbeafe;color:#1d4ed8}.cat-real-estate{background:#fce7f3;color:#be185d}.cat-automation{background:#d1fae5;color:#059669}.cat-integration{background:#e0e7ff;color:#4338ca}.cat-analytics{background:#fef3c7;color:#b45309}.cat-marketing{background:#ede9fe;color:#7c3aed}.cat-other{background:var(--bg);color:#475569}.catalog-card-name{font-size:20px;font-weight:600;color:#0f172a;margin-bottom:8px;line-height:1.3}.catalog-card-desc{font-size:14px;color:#57534e;line-height:1.6;margin-bottom:20px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.catalog-card-meta{display:flex;gap:16px;padding-top:16px;border-top:1px solid #f5f5f4;flex-wrap:wrap}.catalog-meta-item{font-size:13px;color:#78716c;display:flex;align-items:center;gap:5px}.catalog-meta-item strong{color:#0f172a;font-weight:600}.catalog-card-cta{display:inline-flex;align-items:center;gap:6px;margin-top:18px;padding:10px 20px;background:#0f172a;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;width:100%;justify-content:center;font-family:inherit}.catalog-card-cta:hover{background:#1e293b}.catalog-detail-overlay{position:fixed;inset:0;background:#0f172a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;display:flex;justify-content:center;align-items:flex-start;padding:40px;overflow-y:auto}.catalog-detail-panel{background:#fff;border-radius:16px;width:100%;max-width:760px;padding:40px;animation:scaleIn .3s ease;margin:auto}.catalog-detail-close{position:absolute;top:20px;right:20px;background:#0000000d;border:none;width:36px;height:36px;border-radius:50%;cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center;transition:background .2s}.catalog-detail-close:hover{background:#0000001a}.catalog-detail-cta{display:block;width:100%;padding:14px;background:linear-gradient(135deg,#059669,#10b981);color:#fff;border:none;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;margin-top:28px;font-family:inherit}.catalog-detail-cta:hover{filter:brightness(1.05);transform:translateY(-1px)}.catalog-loom-embed{margin-bottom:24px;border-radius:10px;overflow:hidden;background:var(--bg)}.catalog-loom-embed iframe{width:100%;height:380px;border:none}.catalog-q-card{background:#fff;border-radius:14px;padding:36px;border:1px solid #e7e5e4;animation:slideIn .4s ease}.catalog-q-input,.catalog-q-select,.catalog-q-textarea{width:100%;padding:11px 14px;border:1px solid #d6d3d1;border-radius:8px;font-size:14px;font-family:inherit;transition:border-color .2s;background:#fff}.catalog-q-input:focus,.catalog-q-select:focus,.catalog-q-textarea:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.catalog-q-textarea{min-height:80px;resize:vertical}.catalog-q-btn-back{padding:12px 28px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;border:none;background:#f5f5f4;color:#57534e;font-family:inherit}.catalog-q-btn-back:hover{background:#e7e5e4}.catalog-q-btn-next{padding:12px 28px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;border:none;background:#0f172a;color:#fff;font-family:inherit}.catalog-q-btn-next:hover{background:#1e293b}.catalog-q-btn-submit{padding:12px 28px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;border:none;background:linear-gradient(135deg,#059669,#10b981);color:#fff;flex:1;font-family:inherit}.catalog-q-btn-submit:hover{filter:brightness(1.05)}.catalog-q-btn-submit:disabled{opacity:.5;cursor:not-allowed}.catalog-footer{background:#0f172a;padding:40px;text-align:center;color:#fff6;font-size:13px;margin-top:60px}@media(max-width:768px){.catalog-hero{padding:50px 20px 40px}.catalog-hero h1{font-size:30px}.catalog-stats-bar{gap:24px;flex-wrap:wrap;padding:20px}.catalog-section{padding:32px 20px}.catalog-template-grid{grid-template-columns:1fr}.catalog-detail-overlay{padding:20px}.catalog-detail-panel,.catalog-q-card{padding:24px}.catalog-nav{padding:14px 20px}.catalog-nav-links{display:none}}.retainer-page{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text-primary);min-height:100vh}.retainer-header{background:var(--accent);color:#fff;padding:16px 30px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 10px #0000001a}.retainer-header h1{font-size:22px;font-weight:600;margin:0}.retainer-header-sub{font-size:13px;opacity:.8;margin-top:2px}.retainer-back-link{color:#fff;text-decoration:none;font-size:14px;opacity:.8;transition:opacity .2s}.retainer-back-link:hover{opacity:1}.retainer-container{max-width:680px;margin:32px auto;padding:0 20px}.retainer-field{margin-bottom:20px}.retainer-field label{display:block;font-size:14px;font-weight:500;color:var(--text-primary);margin-bottom:6px}.retainer-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.retainer-project-results{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid var(--border);border-top:none;border-radius:0 0 8px 8px;box-shadow:0 4px 12px #0000001a;max-height:200px;overflow-y:auto;z-index:10}.retainer-project-result-item{padding:10px 14px;cursor:pointer;font-size:14px;border-bottom:1px solid #f1f5f9;transition:background .1s}.retainer-project-result-item:hover{background:var(--bg)}.retainer-project-result-item:last-child{border-bottom:none}.retainer-project-selected{display:inline-flex;align-items:center;gap:8px;background:var(--accent-light);border:1px solid #93c5fd;color:var(--accent);padding:8px 12px;border-radius:8px;font-size:14px;margin-top:6px}.retainer-project-selected button{background:none;border:none;color:var(--accent);cursor:pointer;font-size:18px;line-height:1;padding:0 2px}.retainer-project-selected button:hover{color:#ef4444}.retainer-dropzone{border:2px dashed #d1d5db;border-radius:8px;padding:20px;text-align:center;cursor:pointer;transition:all .2s;color:var(--text-muted);font-size:14px}.retainer-dropzone:hover{border-color:#f5c6be;background:var(--bg)}.retainer-dropzone.dragover{border-color:#2563eb;background:var(--accent-light)}.retainer-file-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:var(--bg);border-radius:6px;margin-top:6px;font-size:13px}.retainer-file-item button{background:none;border:none;color:#ef4444;cursor:pointer;font-size:16px}.retainer-search-loading{padding:12px;text-align:center;color:var(--text-muted);font-size:13px}:root{--sidebar-w: 220px;--sidebar-bg: #ffffff;--sidebar-hover: #f7f5f2;--sidebar-active: #fdf2ee;--sidebar-border: #eee9e4;--sidebar-text: #7c7670;--sidebar-text-active: #1c1917;--accent: #e8604c;--accent-hover: #d4503e;--accent-light: #fdf2ee;--bg: #faf9f7;--surface: #ffffff;--border: #e8e4df;--border-light: #f2efeb;--text-primary: #1c1917;--text-secondary: #57534e;--text-muted: #a8a29e;--success: #16a34a;--success-light: #f0fdf4;--warning: #d97706;--warning-light: #fffbeb;--danger: #dc2626;--danger-light: #fef2f2;--info: #0284c7;--info-light: #f0f9ff;--purple: #7c3aed;--purple-light: #f5f3ff;--radius-sm: 8px;--radius: 10px;--radius-lg: 14px;--shadow-sm: 0 1px 2px rgba(28,25,23,.04);--shadow: 0 1px 3px rgba(28,25,23,.06), 0 1px 2px rgba(28,25,23,.04);--shadow-md: 0 4px 16px rgba(28,25,23,.06);--shadow-lg: 0 12px 32px rgba(28,25,23,.08);--transition: .18s ease;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}body.bara-app{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;background:var(--bg);color:var(--text-primary);min-height:calc(100vh / .9);display:flex;-webkit-font-smoothing:antialiased;zoom:.9}#root{width:100%;height:calc(100vh / .9);overflow:hidden}.app-layout{display:flex;width:100%;height:calc(100vh / .9);overflow:hidden;flex-wrap:wrap}.staging-banner{width:100%;background:#f59e0b;color:#1a1a1a;text-align:center;padding:6px 16px;font-size:12px;font-weight:700;letter-spacing:.5px;z-index:9999;flex-shrink:0}.staging-banner~.sidebar{height:calc((100vh / .9) - 30px)}.staging-banner~.sidebar~.main-area{height:calc((100vh / .9) - 30px)}.sidebar{width:var(--sidebar-w);min-height:calc(100vh / .9);background:var(--sidebar-bg);border-right:1px solid var(--sidebar-border);position:fixed;top:0;left:0;bottom:0;z-index:200;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden}.sidebar::-webkit-scrollbar{width:0}.sidebar-logo{padding:18px 16px 14px;border-bottom:1px solid var(--sidebar-border)}.sidebar-logo img{height:22px;opacity:.9}.sidebar-logo .logo-sub{font-size:10px;color:var(--text-muted);letter-spacing:1.5px;text-transform:uppercase;font-weight:600;margin-top:6px}.sidebar-nav{flex:1;padding:10px 0}.nav-group{margin-bottom:4px}.nav-group-label{font-size:10px;font-weight:600;color:var(--text-muted);letter-spacing:1.2px;text-transform:uppercase;padding:10px 16px 6px}.nav-item{display:flex;align-items:center;gap:10px;padding:8px 16px;color:var(--sidebar-text);text-decoration:none;font-size:13px;font-weight:500;transition:all var(--transition);cursor:pointer;border-left:3px solid transparent;border-radius:0;position:relative;margin:1px 0}.nav-item:hover{background:var(--sidebar-hover);color:var(--text-primary)}.nav-item.active{background:var(--sidebar-active);color:var(--accent);border-left-color:var(--accent);font-weight:600}.nav-item .nav-icon{width:18px;height:18px;flex-shrink:0;opacity:.55}.nav-item:hover .nav-icon{opacity:.8}.nav-item.active .nav-icon{opacity:1;color:var(--accent)}.nav-item .nav-badge{margin-left:auto;background:var(--accent);color:#fff;font-size:10px;font-weight:700;padding:2px 8px;border-radius:10px;min-width:20px;text-align:center}.nav-item .nav-external{width:12px;height:12px;margin-left:auto;opacity:.3}.nav-divider{height:1px;background:var(--sidebar-border);margin:8px 14px}.sidebar-footer{padding:10px 14px;border-top:1px solid var(--sidebar-border)}.sidebar-footer a{display:flex;align-items:center;gap:8px;padding:7px 10px;color:var(--sidebar-text);text-decoration:none;font-size:12px;font-weight:500;border-radius:var(--radius-sm);transition:all var(--transition)}.sidebar-footer a:hover{background:var(--sidebar-hover);color:var(--text-primary)}.sidebar-user{display:flex;align-items:center;gap:8px;padding:8px 10px;margin-bottom:4px;border-radius:var(--radius-sm);background:var(--sidebar-hover)}.sidebar-user-avatar{width:28px;height:28px;border-radius:8px;background:var(--accent-light);color:var(--accent);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:11px;flex-shrink:0}.sidebar-user-name{font-size:12px;font-weight:600;color:var(--text-primary);line-height:1.2}.sidebar-user-role{font-size:10px;color:var(--text-muted);text-transform:capitalize}.sidebar-version{padding:4px 16px 10px;font-size:10px;color:var(--text-muted);letter-spacing:.5px}.main-area{flex:1;margin-left:var(--sidebar-w);height:calc(100vh / .9);display:flex;flex-direction:column;overflow:hidden}.page-header{background:var(--surface);border-bottom:1px solid var(--border);padding:14px 28px;display:flex;justify-content:space-between;align-items:center;flex-shrink:0;z-index:100;min-height:52px}.page-header-left{display:flex;align-items:center;gap:12px}.page-title{font-size:16px;font-weight:700;color:var(--text-primary);line-height:1.2;letter-spacing:-.2px}.page-subtitle{font-size:11px;color:var(--text-muted);font-weight:500;margin-top:2px}.page-header-right{display:flex;align-items:center;gap:8px}.page-body{flex:1;padding:20px 28px;overflow-y:auto}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:var(--radius-sm);font-size:13px;font-weight:500;cursor:pointer;transition:all var(--transition);text-decoration:none;white-space:nowrap;border:1px solid var(--border);background:var(--surface);color:var(--text-primary);font-family:inherit;line-height:1.4}.btn:hover{background:var(--sidebar-hover);border-color:#d6d0ca}.btn svg{width:14px;height:14px}.btn-primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn-success{background:var(--success);color:#fff;border-color:var(--success)}.btn-warning{background:var(--warning);color:#fff;border-color:var(--warning)}.btn-danger{background:var(--danger);color:#fff;border-color:var(--danger)}.btn-ghost{background:transparent;border-color:transparent;color:var(--text-secondary)}.btn-ghost:hover{background:var(--sidebar-hover);color:var(--text-primary)}.btn-ghost.active{background:var(--accent-light);color:var(--accent);border-color:#e8604c33}.btn-sm{padding:6px 11px;font-size:12px}.btn-sm svg{width:12px;height:12px}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:10px;font-size:11px;font-weight:600;line-height:1.4}.badge-success{background:var(--success-light);color:#15803d}.badge-warning{background:var(--warning-light);color:#a16207}.badge-danger{background:var(--danger-light);color:#dc2626}.badge-info{background:var(--info-light);color:#0369a1}.badge-neutral{background:#f5f3f0;color:#57534e}.badge-purple{background:var(--purple-light);color:#6d28d9}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;transition:box-shadow var(--transition)}.card-header{padding:12px 16px;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;align-items:center}.card-header h2{font-size:13px;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:8px;letter-spacing:-.1px}.card-header h2 svg{width:15px;height:15px;color:var(--text-muted)}.card-body{padding:16px}.card-body.no-padding{padding:0}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:20px}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:14px 16px;transition:all var(--transition)}.stat-card:hover{box-shadow:var(--shadow-md);border-color:#d6d0ca}.stat-icon{width:32px;height:32px;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;margin-bottom:10px;background:#f5f3f0;color:var(--text-muted)}.stat-icon svg{width:16px;height:16px}.stat-card.primary .stat-icon{background:var(--accent-light);color:var(--accent)}.stat-card.success .stat-icon{background:var(--success-light);color:var(--success)}.stat-card.warning .stat-icon{background:var(--warning-light);color:var(--warning)}.stat-card.info .stat-icon{background:var(--info-light);color:var(--info)}.stat-card.purple .stat-icon{background:var(--purple-light);color:var(--purple)}.stat-card.danger .stat-icon{background:var(--danger-light);color:var(--danger)}.stat-label{font-size:11px;font-weight:500;color:var(--text-muted);margin-bottom:4px}.stat-value{font-size:24px;font-weight:700;color:var(--text-primary);line-height:1.15;letter-spacing:-.5px}.stat-sub{font-size:11px;color:var(--text-muted);margin-top:3px}.stat-change{font-size:11px;font-weight:600;margin-top:3px}.stat-change.up{color:var(--success)}.stat-change.down{color:var(--danger)}.i{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.i svg{width:100%;height:100%}.i-xs{width:12px;height:12px}.i-sm{width:14px;height:14px}.i-md{width:18px;height:18px}.i-lg{width:22px;height:22px}.i-xl{width:28px;height:28px}.icon-circle{display:flex;align-items:center;justify-content:center;border-radius:50%;flex-shrink:0}.icon-circle-sm{width:32px;height:32px}.icon-circle-md{width:40px;height:40px}.icon-circle-lg{width:48px;height:48px}.icon-circle svg{width:50%;height:50%}.icon-circle.ic-success{background:var(--success-light);color:var(--success)}.icon-circle.ic-warning{background:var(--warning-light);color:var(--warning)}.icon-circle.ic-danger{background:var(--danger-light);color:var(--danger)}.icon-circle.ic-info{background:var(--info-light);color:var(--info)}.icon-circle.ic-purple{background:var(--purple-light);color:var(--purple)}.icon-circle.ic-neutral{background:#f5f3f0;color:var(--text-secondary)}.rating-bar{display:flex;gap:2px;align-items:center}.rating-bar .star{width:16px;height:16px;color:#d6d0ca}.rating-bar .star.filled{color:#f59e0b}table.data-table{width:100%;border-collapse:collapse;font-size:12px}table.data-table th{padding:7px 12px;text-align:left;font-weight:600;font-size:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border);background:var(--bg)}table.data-table td{padding:8px 12px;border-bottom:1px solid var(--border-light);color:var(--text-secondary)}table.data-table tr:hover td{background:#faf9f7}.input{padding:9px 14px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:13.5px;font-family:inherit;color:var(--text-primary);background:var(--surface);transition:border-color var(--transition),box-shadow var(--transition);outline:none;width:100%}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #e8604c14}.input::placeholder{color:var(--text-muted)}.select{padding:9px 14px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:13.5px;font-family:inherit;color:var(--text-primary);background:var(--surface);cursor:pointer;outline:none}.select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #e8604c14}.modal-overlay{position:fixed;inset:0;background:#1c191759;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:500;display:flex;align-items:center;justify-content:center}.modal{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-width:900px;width:90%;max-height:90vh;overflow:auto}.modal-header{padding:18px 24px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;background:var(--surface);z-index:10}.modal-header h2{font-size:16px;font-weight:700;letter-spacing:-.2px}.modal-close{width:32px;height:32px;border-radius:50%;border:none;background:var(--sidebar-hover);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition)}.modal-close:hover{background:var(--border);color:var(--text-primary)}.modal-close svg{width:16px;height:16px}.modal-body{padding:24px}.empty-state{text-align:center;padding:60px 20px;color:var(--text-muted)}.empty-state-icon{width:48px;height:48px;margin:0 auto 16px;color:#d6d0ca}.empty-state-icon svg{width:100%;height:100%}.empty-state h3{font-size:15px;font-weight:600;color:var(--text-secondary);margin-bottom:4px}.empty-state p{font-size:13px}.tab-bar{display:flex;gap:2px;background:var(--surface);border-bottom:1px solid var(--border);padding:0 32px;flex-shrink:0}.tab-btn{display:flex;align-items:center;gap:6px;padding:13px 18px;font-size:13px;font-weight:500;color:var(--text-muted);border:none;background:none;cursor:pointer;border-bottom:2px solid transparent;transition:all var(--transition);font-family:inherit}.tab-btn:hover{color:var(--text-primary)}.tab-btn.active{color:var(--accent);border-bottom-color:var(--accent);font-weight:600}.tab-btn svg{width:15px;height:15px}.spinner-inline{display:inline-block;width:14px;height:14px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .25s ease}@media(max-width:1024px){:root{--sidebar-w: 200px}.page-body{padding:20px}.page-header{padding:14px 20px}}@media(max-width:768px){.sidebar{display:none}.main-area{margin-left:0}}.login-page{min-height:calc(100vh / .9);width:100vw;display:flex;align-items:center;justify-content:center;background:#faf9f7;position:fixed;top:0;left:0;z-index:1000}.login-container{background:#fff;border:1px solid #e8e4df;border-radius:16px;padding:44px;width:100%;max-width:400px;box-shadow:0 4px 24px #1c19170f}.login-logo{text-align:center;margin-bottom:32px}.login-logo img{height:32px;margin-bottom:6px}.login-logo p{color:#a8a29e;font-size:13px}.staging-badge{display:inline-block;margin-top:10px;padding:4px 14px;background:#f59e0b;color:#1a1a1a;font-size:11px;font-weight:700;letter-spacing:1px;border-radius:4px}.login-field{margin-bottom:20px}.login-field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.login-field label{display:block;font-size:13px;font-weight:500;color:#57534e;margin-bottom:8px}.login-field input{width:100%;padding:12px 16px;border:1px solid #e8e4df;border-radius:10px;font-size:14px;font-family:inherit;transition:all .2s;background:#faf9f7;color:#1c1917}.login-field input:focus{outline:none;border-color:#e8604c;box-shadow:0 0 0 3px #e8604c14;background:#fff}.login-btn{width:100%;padding:14px;background:#e8604c;color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;font-family:inherit;cursor:pointer;transition:all .2s}.login-btn:hover{background:#d4503e;transform:translateY(-1px);box-shadow:0 4px 12px #e8604c40}.login-btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.login-error{background:#fef2f2;color:#dc2626;padding:12px 16px;border-radius:10px;font-size:13px;margin-bottom:20px;display:flex;align-items:center;gap:8px;border:1px solid #fecaca}.login-error svg{width:18px;height:18px;flex-shrink:0}.login-footer{text-align:center;margin-top:24px;padding-top:24px;border-top:1px solid #f2efeb}.login-footer p{font-size:12px;color:#a8a29e}.login-footer a{color:#e8604c;text-decoration:none}.ceo-page{display:flex;flex-direction:column;height:100%;overflow:hidden}.ceo-page>.page-header{flex-shrink:0}.ceo-body{flex:1;overflow-y:auto;padding:24px 32px 40px}.ceo-inner{max-width:1400px;margin:0 auto;width:100%}.ceo-loading,.ceo-error{padding:60px 0;text-align:center;color:var(--muted);font-size:14px}.ceo-error{color:#ef4444}.ceo-summary-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.ceo-summary-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:20px;text-align:center;box-shadow:0 1px 3px #0000000a}.ceo-summary-val{font-size:28px;font-weight:800;color:var(--text);line-height:1.2}.ceo-summary-label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--muted);margin-top:4px}.ceo-summary-sub{font-size:11px;color:var(--muted);margin-top:4px}.color-good{color:#10b981}.color-warn{color:#f59e0b}.color-bad{color:#ef4444}.ceo-controls{display:flex;align-items:center;gap:12px;margin-bottom:20px}.ceo-search-wrap{position:relative;flex:1;max-width:360px}.ceo-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--muted);pointer-events:none}.ceo-search{width:100%;padding:8px 12px 8px 36px;border:1px solid var(--border);border-radius:8px;font-size:13px;background:var(--surface);color:var(--text);outline:none;transition:border-color .15s}.ceo-search:focus{border-color:var(--accent)}.ceo-sort{padding:8px 12px;border:1px solid var(--border);border-radius:8px;font-size:13px;background:var(--surface);color:var(--text);cursor:pointer;outline:none}.ceo-clients-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.ceo-client-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:20px;cursor:pointer;transition:box-shadow .15s,border-color .15s,transform .1s}.ceo-client-card:hover{box-shadow:0 4px 12px #00000014;border-color:var(--accent);transform:translateY(-1px)}.ceo-client-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.ceo-client-header-left{display:flex;align-items:center;gap:8px;min-width:0;flex:1}.ceo-client-name{font-size:15px;font-weight:700;color:var(--text);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:70%}.ceo-client-count{font-size:11px;color:var(--muted);font-weight:500;white-space:nowrap}.ceo-completion-bar-wrap{display:flex;align-items:center;gap:10px;margin-bottom:14px}.ceo-completion-bar{flex:1;height:6px;background:var(--border);border-radius:3px;overflow:hidden}.ceo-completion-fill{height:100%;background:#10b981;border-radius:3px;transition:width .3s ease}.ceo-completion-pct{font-size:12px;font-weight:700;color:var(--text);min-width:40px;text-align:right}.ceo-client-metrics{display:flex;gap:0;margin-bottom:12px;border:1px solid var(--border);border-radius:8px;overflow:hidden}.ceo-client-metric{flex:1;display:flex;flex-direction:column;align-items:center;padding:8px 4px;border-right:1px solid var(--border)}.ceo-client-metric:last-child{border-right:none}.ceo-client-metric-label{font-size:10px;text-transform:uppercase;letter-spacing:.3px;color:var(--muted);font-weight:600;margin-bottom:2px}.ceo-client-metric-val{font-size:14px;font-weight:700;color:var(--text)}.ceo-client-footer{display:flex;gap:12px;font-size:11px;color:var(--muted);margin-top:10px}.ceo-client-active{color:#3b82f6;font-weight:600}.ceo-client-completed{color:#10b981;font-weight:600}.ceo-client-archs{color:var(--muted)}.ceo-client-health-banner{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:8px;margin-bottom:10px;border:1px solid}.ceo-client-health-banner.health-good{background:#ecfdf5;border-color:#a7f3d0}.ceo-client-health-banner.health-warn{background:#fffbeb;border-color:#fde68a}.ceo-client-health-banner.health-bad{background:#fef2f2;border-color:#fecaca}.ceo-client-health-score{font-size:16px;font-weight:800;line-height:1}.ceo-client-health-label-text{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.3px}.ceo-client-health-banner.health-good .ceo-client-health-score,.ceo-client-health-banner.health-good .ceo-client-health-label-text{color:#10b981}.ceo-client-health-banner.health-warn .ceo-client-health-score,.ceo-client-health-banner.health-warn .ceo-client-health-label-text{color:#f59e0b}.ceo-client-health-banner.health-bad .ceo-client-health-score,.ceo-client-health-banner.health-bad .ceo-client-health-label-text{color:#ef4444}.ceo-client-health-pills{display:flex;gap:6px;margin-left:auto}.ceo-client-health-pill{font-size:10px;font-weight:600;padding:2px 6px;border-radius:4px;white-space:nowrap}.ceo-client-health-pill.good{background:#10b9811f;color:#10b981}.ceo-client-health-pill.warn{background:#f59e0b1f;color:#f59e0b}.ceo-client-health-pill.bad{background:#ef44441f;color:#ef4444}.ceo-empty-state{grid-column:1 / -1;text-align:center;padding:60px 0;color:var(--muted);font-size:14px}.ceo-back-btn{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);font-size:13px;font-weight:500;cursor:pointer;margin-right:16px;transition:background .15s,border-color .15s}.ceo-back-btn:hover{background:var(--bg);border-color:var(--accent)}.ceo-back-btn svg{width:16px;height:16px}.ceo-detail-metrics{display:flex;gap:0;margin-bottom:24px;background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow:hidden}.ceo-detail-metric{flex:1;display:flex;flex-direction:column;align-items:center;padding:16px 12px;border-right:1px solid var(--border)}.ceo-detail-metric:last-child{border-right:none}.ceo-detail-metric-val{font-size:22px;font-weight:800;color:var(--text)}.ceo-detail-metric-label{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--muted);font-weight:600;margin-top:4px}.ceo-projects-wrap{background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow:hidden}.ceo-projects-table{width:100%;border-collapse:collapse;font-size:13px}.ceo-projects-table th{text-align:left;padding:10px 14px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.3px;color:var(--muted);background:var(--bg);border-bottom:1px solid var(--border);white-space:nowrap}.ceo-projects-table td{padding:10px 14px;border-bottom:1px solid var(--border);color:var(--text);vertical-align:middle}.ceo-projects-table tbody tr:last-child td{border-bottom:none}.ceo-projects-table tbody tr:hover{background:var(--bg)}.ceo-proj-name{font-weight:600;max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ceo-type-pill{display:inline-block;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:500;background:var(--bg);color:var(--muted);white-space:nowrap}.ceo-status-pill{display:inline-block;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:600;white-space:nowrap}.ceo-status-pill.status-done{background:#ecfdf5;color:#10b981}.ceo-status-pill.status-active{background:#eff6ff;color:#3b82f6}.ceo-accuracy-badge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:12px;font-weight:700}.ceo-accuracy-badge.badge-green{background:#ecfdf5;color:#10b981}.ceo-accuracy-badge.badge-amber{background:#fffbeb;color:#f59e0b}.ceo-accuracy-badge.badge-red{background:#fef2f2;color:#ef4444}.ceo-schedule-badge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:600;white-space:nowrap}.ceo-schedule-badge.on-time{background:#ecfdf5;color:#10b981}.ceo-schedule-badge.late{background:#fef2f2;color:#ef4444}.ceo-empty{text-align:center;padding:40px 0;color:var(--muted)}.ceo-breadcrumb{display:flex;align-items:center;gap:6px;font-size:13px;margin-bottom:8px}.ceo-breadcrumb-sep{color:var(--border);font-weight:400}.ceo-breadcrumb-link{background:none;border:none;padding:2px 4px;cursor:pointer;color:var(--accent);font-size:13px;font-weight:500;border-radius:4px;transition:background .15s}.ceo-breadcrumb-link:hover{background:var(--bg);text-decoration:underline}.ceo-breadcrumb-current{color:var(--text);font-weight:600;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ceo-health-dot{display:inline-block;width:10px;height:10px;border-radius:50%;flex-shrink:0}.ceo-health-badge{display:flex;align-items:center;gap:8px;padding:8px 14px;border-radius:10px;border:1px solid}.ceo-health-badge-sm{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:8px;border:1px solid}.ceo-mini-donut-wrap{position:relative;display:inline-flex;align-items:center;justify-content:center}.ceo-mini-donut-val{position:absolute;font-size:9px;font-weight:800;line-height:1}.ceo-subtask-bar-wrap{display:flex;align-items:center;gap:8px;margin:8px 0}.ceo-subtask-bar{flex:1;height:5px;background:var(--border);border-radius:3px;overflow:hidden}.ceo-subtask-bar-fill{height:100%;background:#8b5cf6;border-radius:3px;transition:width .3s ease}.ceo-subtask-bar-label{font-size:11px;font-weight:600;color:var(--muted);white-space:nowrap}.ceo-project-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.ceo-project-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:18px 20px;cursor:pointer;transition:box-shadow .15s,border-color .15s,transform .1s}.ceo-project-card:hover{box-shadow:0 4px 12px #00000014;border-color:var(--accent);transform:translateY(-1px)}.ceo-project-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-bottom:6px}.ceo-project-card-title-wrap{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.ceo-project-card-title{font-size:14px;font-weight:700;color:var(--text);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ceo-project-card-meta{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted);margin-bottom:10px;padding-left:18px}.ceo-project-health-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;border-radius:8px;margin-bottom:8px;border:1px solid}.ceo-project-health-banner.health-good{background:#ecfdf5;border-color:#a7f3d0}.ceo-project-health-banner.health-warn{background:#fffbeb;border-color:#fde68a}.ceo-project-health-banner.health-bad{background:#fef2f2;border-color:#fecaca}.ceo-project-health-left{display:flex;align-items:baseline;gap:6px;flex-shrink:0}.ceo-project-health-banner .ceo-project-health-num{font-size:20px;font-weight:800;line-height:1}.ceo-project-health-banner.health-good .ceo-project-health-num,.ceo-project-health-banner.health-good .ceo-project-health-status{color:#10b981}.ceo-project-health-banner.health-warn .ceo-project-health-num,.ceo-project-health-banner.health-warn .ceo-project-health-status{color:#f59e0b}.ceo-project-health-banner.health-bad .ceo-project-health-num,.ceo-project-health-banner.health-bad .ceo-project-health-status{color:#ef4444}.ceo-project-health-status{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.3px}.ceo-project-health-indicators{display:flex;align-items:center;gap:12px}.ceo-project-health-indicator{display:flex;flex-direction:column;align-items:center;gap:2px}.ceo-project-health-indicator-label{font-size:9px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.3px}.ceo-project-card-visuals{display:flex;align-items:center;gap:16px;margin-bottom:8px;padding:8px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.ceo-project-schedule-chip{margin-left:auto}.ceo-project-card-footer{display:flex;align-items:center;gap:10px;margin-top:6px;font-size:11px;color:var(--muted)}.ceo-project-card-hours{font-weight:700;color:var(--text)}.ceo-project-detail-header{margin-bottom:20px}.ceo-project-detail-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.ceo-subtask-summary{display:flex;gap:20px;padding:10px 14px;background:var(--bg);font-size:12px;font-weight:600;color:var(--muted);border-top:1px solid var(--border)}.ceo-orphan-section{margin-top:32px;padding-top:24px;border-top:2px solid var(--border)}.ceo-orphan-title{font-size:15px;font-weight:700;color:var(--text);margin:0 0 4px}.ceo-orphan-desc{font-size:12px;color:var(--muted);margin:0 0 14px}@media(max-width:1024px){.ceo-body{padding:20px 24px 32px}}@media(max-width:900px){.ceo-body{padding:16px 16px 28px}.ceo-summary-cards{grid-template-columns:repeat(2,1fr)}.ceo-clients-grid,.ceo-project-grid{grid-template-columns:1fr}.ceo-detail-metrics{flex-wrap:wrap}.ceo-detail-metric{min-width:30%}.ceo-project-detail-title-row{flex-direction:column}}