*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary:#0a0f1e;--bg-secondary:#111827;--bg-card:#1a2235;--bg-card-hover:#1f2a40;--bg-glass:rgba(26,34,53,.7);--border-color:rgba(99,102,241,.15);--border-glow:rgba(99,102,241,.3);--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#64748b;--accent-indigo:#6366f1;--accent-violet:#8b5cf6;--accent-cyan:#22d3ee;--accent-emerald:#10b981;--accent-amber:#f59e0b;--accent-rose:#f43f5e;--accent-blue:#3b82f6;--gradient-primary:linear-gradient(135deg,#6366f1,#8b5cf6);--gradient-hero:linear-gradient(135deg,#0a0f1e,#1a1040 50%,#0a0f1e);--shadow-sm:0 1px 3px rgba(0,0,0,.3);--shadow-md:0 4px 14px rgba(0,0,0,.4);--shadow-lg:0 10px 40px rgba(0,0,0,.5);--shadow-glow:0 0 20px rgba(99,102,241,.15);--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--transition:all .3s cubic-bezier(.4,0,.2,1)}body{background:var(--bg-primary);color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6;min-height:100vh;-webkit-font-smoothing:antialiased}.dashboard-container{margin:0 auto;max-width:1440px;padding:24px 32px}.dashboard-header{background:var(--gradient-hero);border-bottom:1px solid var(--border-color);margin-bottom:24px;overflow:hidden;padding:32px 0;position:relative}.dashboard-header:before{background:radial-gradient(circle,rgba(99,102,241,.1) 0,transparent 70%);border-radius:50%;content:"";height:400px;position:absolute;right:-10%;top:-50%;width:400px}.header-content{margin:0 auto;max-width:1440px;padding:0 32px;position:relative;z-index:1}.header-content h1{background:linear-gradient(135deg,#f1f5f9,#6366f1);-webkit-background-clip:text;font-size:28px;font-weight:800;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.5px}.header-content p{color:var(--text-secondary);font-size:14px;margin-top:4px}.kpi-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:24px}.kpi-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden;padding:20px;position:relative;transition:var(--transition)}.kpi-card:before{border-radius:var(--radius-md) var(--radius-md) 0 0;content:"";height:3px;left:0;position:absolute;right:0;top:0}.kpi-card:first-child:before{background:var(--accent-indigo)}.kpi-card:nth-child(2):before{background:var(--accent-emerald)}.kpi-card:nth-child(3):before{background:var(--accent-cyan)}.kpi-card:nth-child(4):before{background:var(--accent-amber)}.kpi-card:nth-child(5):before{background:var(--accent-rose)}.kpi-card:nth-child(6):before{background:var(--accent-violet)}.kpi-card:hover{border-color:var(--border-glow);box-shadow:var(--shadow-glow);transform:translateY(-2px)}.kpi-label{color:var(--text-muted);font-size:12px;font-weight:500;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.kpi-value{color:var(--text-primary);font-size:28px;font-weight:800;letter-spacing:-1px}.kpi-sub{color:var(--text-secondary);font-size:12px;margin-top:4px}.filter-bar{align-items:center;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px;padding:16px 20px}.filter-bar label{color:var(--text-secondary);font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.filter-bar select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--bg-secondary);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%2394a3b8' viewBox='0 0 16 16'%3E%3Cpath d='M8 11 3 6h10z'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;font-family:Inter,sans-serif;font-size:13px;padding:8px 32px 8px 12px;transition:var(--transition)}.filter-bar select:focus,.filter-bar select:hover{border-color:var(--accent-indigo)}.filter-bar select:focus{box-shadow:0 0 0 3px #6366f133;outline:none}.filter-reset-btn{background:transparent;border:1px solid var(--accent-indigo);border-radius:var(--radius-sm);color:var(--accent-indigo);cursor:pointer;font-family:Inter,sans-serif;font-size:13px;font-weight:500;margin-left:auto;padding:8px 16px;transition:var(--transition)}.filter-reset-btn:hover{background:var(--accent-indigo);color:#fff}.section-title{align-items:center;color:var(--text-primary);display:flex;font-size:18px;font-weight:700;gap:8px;margin-bottom:16px}.section-title .icon{align-items:center;background:var(--gradient-primary);border-radius:6px;display:flex;font-size:14px;height:24px;justify-content:center;width:24px}.matrix-section{margin-bottom:32px}.matrix-table{background:var(--bg-card);border:1px solid var(--border-color);border-collapse:separate;border-radius:var(--radius-md);border-spacing:0;overflow:hidden;width:100%}.matrix-table td,.matrix-table th{border-bottom:1px solid var(--border-color);padding:14px 18px;text-align:center}.matrix-table thead th{background:linear-gradient(180deg,#6366f11a,#6366f10d);color:var(--text-secondary);font-size:13px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.matrix-table thead th:first-child{text-align:left}.matrix-table tbody tr:last-child td{border-bottom:none}.matrix-table tbody td:first-child{color:var(--text-primary);font-size:14px;font-weight:600;text-align:left}.matrix-table tbody tr:hover{background:var(--bg-card-hover)}.matrix-cell{align-items:center;background:#6366f11a;border-radius:8px;color:var(--accent-indigo);cursor:pointer;display:inline-flex;font-size:15px;font-weight:700;height:36px;justify-content:center;min-width:42px;padding:0 12px;transition:var(--transition)}.matrix-cell:hover{background:var(--accent-indigo);box-shadow:0 0 16px #6366f166;color:#fff;transform:scale(1.1)}.matrix-cell.zero{cursor:default}.matrix-cell.zero,.matrix-cell.zero:hover{background:#64748b1a;color:var(--text-muted)}.matrix-cell.zero:hover{box-shadow:none;transform:none}.matrix-total{color:var(--accent-cyan);font-size:15px;font-weight:800}.charts-grid{display:grid;gap:24px;grid-template-columns:repeat(2,1fr);margin-bottom:32px}.chart-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:24px;transition:var(--transition)}.chart-card:hover{border-color:var(--border-glow);box-shadow:var(--shadow-glow)}.chart-card h3{color:var(--text-primary);font-size:15px;font-weight:600;margin-bottom:16px}.chart-wrapper{height:280px;position:relative}.modal-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000b3;display:flex;justify-content:center;inset:0;position:fixed;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-content{animation:slideUp .3s ease;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;max-height:80vh;max-width:1100px;overflow:hidden;width:90%}.modal-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;flex-shrink:0;justify-content:space-between;padding:20px 24px}.modal-header h2{color:var(--text-primary);font-size:18px;font-weight:700}.modal-header .badge{background:var(--accent-indigo);border-radius:20px;color:#fff;font-size:12px;font-weight:600;margin-left:12px;padding:4px 12px}.modal-close{align-items:center;background:transparent;border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:18px;height:36px;justify-content:center;transition:var(--transition);width:36px}.modal-close:hover{background:var(--accent-rose);border-color:var(--accent-rose);color:#fff}.modal-body{flex:1;overflow-y:auto;padding:0}.modal-table{border-collapse:collapse;font-size:13px;width:100%}.modal-table thead th{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);color:var(--text-secondary);font-size:11px;font-weight:600;letter-spacing:.5px;padding:12px 16px;position:sticky;text-align:left;text-transform:uppercase;top:0;z-index:1}.modal-table tbody td{border-bottom:1px solid rgba(99,102,241,.07);color:var(--text-primary);padding:10px 16px}.modal-table tbody tr:hover{background:var(--bg-card-hover)}.status-badge{border-radius:20px;display:inline-block;font-size:11px;font-weight:600;padding:3px 10px;white-space:nowrap}.status-badge.completed{background:#10b98126;color:var(--accent-emerald)}.status-badge.terminated{background:#f43f5e26;color:var(--accent-rose)}.status-badge.in-progress{background:#3b82f626;color:var(--accent-blue)}.status-badge.exploring{background:#f59e0b26;color:var(--accent-amber)}.status-badge.poc{background:#8b5cf626;color:var(--accent-violet)}.loading-container{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:400px}.loading-spinner{animation:spin .8s linear infinite;border:3px solid var(--border-color);border-radius:50%;border-top-color:var(--accent-indigo);height:48px;width:48px}@keyframes spin{to{transform:rotate(1turn)}}.loading-text{color:var(--text-secondary);font-size:14px}@media(max-width:1024px){.charts-grid{grid-template-columns:1fr}.kpi-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.dashboard-container{padding:16px}.kpi-grid{grid-template-columns:repeat(2,1fr)}.filter-bar{flex-direction:column}.filter-reset-btn{margin-left:0}.matrix-table{font-size:12px}.modal-content{max-height:90vh;width:95%}}