*{margin:0;padding:0;box-sizing:border-box}:root{--primary: #0f766e;--primary-light: #14b8a6;--primary-dark: #0d5d56;--success: #22c55e;--warning: #f59e0b;--danger: #ef4444;--info: #3b82f6;--bg-dark: #0f172a;--bg-card: #1e293b;--bg-hover: #334155;--text-primary: #f8fafc;--text-secondary: #94a3b8;--border: #334155}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg-dark);color:var(--text-primary);line-height:1.6}.app{display:flex;min-height:100vh}.sidebar{width:260px;background:var(--bg-card);border-right:1px solid var(--border);padding:1.5rem;display:flex;flex-direction:column}.logo{display:flex;align-items:center;gap:.75rem;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border)}.logo h1{font-size:1.25rem;font-weight:700;color:var(--primary-light)}.nav-section{margin-bottom:1.5rem}.nav-section h3{font-size:.75rem;text-transform:uppercase;color:var(--text-secondary);margin-bottom:.75rem;letter-spacing:.05em}.nav-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:.5rem;color:var(--text-secondary);cursor:pointer;transition:all .2s;margin-bottom:.25rem}.nav-item:hover{background:var(--bg-hover);color:var(--text-primary)}.nav-item.active{background:var(--primary);color:#fff}.main-content{flex:1;padding:2rem;overflow-y:auto}.page-header{margin-bottom:2rem}.page-header h2{font-size:1.75rem;font-weight:600;margin-bottom:.5rem}.page-header p{color:var(--text-secondary)}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.metric-card{background:var(--bg-card);border-radius:.75rem;padding:1.5rem;border:1px solid var(--border)}.metric-card .label{font-size:.875rem;color:var(--text-secondary);margin-bottom:.5rem}.metric-card .value{font-size:2rem;font-weight:700}.metric-card .change{font-size:.875rem;margin-top:.5rem}.metric-card .change.positive{color:var(--success)}.metric-card .change.negative{color:var(--danger)}.card{background:var(--bg-card);border-radius:.75rem;border:1px solid var(--border);margin-bottom:1.5rem}.card-header{padding:1.25rem 1.5rem;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.card-header h3{font-size:1.125rem;font-weight:600}.card-body{padding:1.5rem}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:1rem;text-align:left;border-bottom:1px solid var(--border)}.table th{font-size:.75rem;text-transform:uppercase;color:var(--text-secondary);font-weight:600;letter-spacing:.05em}.table tr:hover{background:var(--bg-hover)}.table tr:last-child td{border-bottom:none}.status-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:uppercase}.status-badge.on-track{background:#22c55e26;color:var(--success)}.status-badge.at-risk{background:#f59e0b26;color:var(--warning)}.status-badge.off-track{background:#ef444426;color:var(--danger)}.status-badge.achieved{background:#3b82f626;color:var(--info)}.category-badge{display:inline-block;padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:500}.category-badge.environmental{background:#22c55e26;color:var(--success)}.category-badge.social{background:#3b82f626;color:var(--info)}.category-badge.governance{background:#a855f726;color:#a855f7}.category-badge.financial{background:#f59e0b26;color:var(--warning)}.category-badge.prime{background:#22c55e26;color:var(--success)}.category-badge.near-prime{background:#f59e0b26;color:var(--warning)}.category-badge.subprime{background:#ef444426;color:var(--danger)}.category-badge.educational{background:#3b82f626;color:var(--info)}.category-badge.offer{background:#22c55e26;color:var(--success)}.category-badge.cooling-off{background:#94a3b826;color:#94a3b8}.category-badge.check-in{background:#f59e0b26;color:var(--warning)}.category-badge.retention{background:#a855f726;color:#a855f7}.progress-bar{height:8px;background:var(--bg-hover);border-radius:4px;overflow:hidden}.progress-bar .fill{height:100%;border-radius:4px;transition:width .3s ease}.progress-bar .fill.success{background:var(--success)}.progress-bar .fill.warning{background:var(--warning)}.progress-bar .fill.danger{background:var(--danger)}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;border:none}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-dark)}.btn-secondary{background:var(--bg-hover);color:var(--text-primary)}.btn-secondary:hover{background:var(--border)}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem}.kpi-card{background:var(--bg-hover);border-radius:.5rem;padding:1.25rem}.kpi-card .header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.kpi-card .name{font-weight:600;margin-bottom:.25rem}.kpi-card .unit{font-size:.75rem;color:var(--text-secondary)}.kpi-card .values{display:flex;justify-content:space-between;font-size:.875rem;margin-bottom:.75rem}.kpi-card .current{font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.timeline{display:flex;flex-direction:column;gap:1rem}.timeline-item{display:flex;gap:1rem;padding:1rem;background:var(--bg-hover);border-radius:.5rem}.timeline-item .icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.timeline-item .icon.engagement{background:#3b82f626;color:var(--info)}.timeline-item .icon.performance{background:#22c55e26;color:var(--success)}.timeline-item .icon.milestone{background:#a855f726;color:#a855f7}.timeline-item .content{flex:1}.timeline-item .meta{font-size:.75rem;color:var(--text-secondary);margin-bottom:.25rem}.chart-container{height:300px;margin-top:1rem}.filters{display:flex;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.filter-select{padding:.625rem 1rem;background:var(--bg-card);border:1px solid var(--border);border-radius:.5rem;color:var(--text-primary);font-size:.875rem;cursor:pointer}.filter-select:focus{outline:none;border-color:var(--primary)}.search-input{padding:.625rem 1rem;background:var(--bg-card);border:1px solid var(--border);border-radius:.5rem;color:var(--text-primary);font-size:.875rem;min-width:250px}.search-input:focus{outline:none;border-color:var(--primary)}.detail-grid{display:grid;grid-template-columns:2fr 1fr;gap:1.5rem}@media (max-width: 1024px){.detail-grid{grid-template-columns:1fr}}.info-row{display:flex;justify-content:space-between;padding:.75rem 0;border-bottom:1px solid var(--border)}.info-row:last-child{border-bottom:none}.info-row .label{color:var(--text-secondary)}.clickable{cursor:pointer}.back-link{display:inline-flex;align-items:center;gap:.5rem;color:var(--text-secondary);margin-bottom:1rem;cursor:pointer;transition:color .2s}.back-link:hover{color:var(--text-primary)}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.timeline-item .icon.educational{background:#3b82f626;color:var(--info)}.timeline-item .icon.offer{background:#22c55e26;color:var(--success)}.timeline-item .icon.cooling-off{background:#94a3b826;color:#94a3b8}.timeline-item .icon.check-in{background:#f59e0b26;color:var(--warning)}