:root{--ordio-blue:#4d8ef3;--ordio-blue-dark:#286bcd;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--border-radius:8px;--border-radius-lg:12px;--sidebar-width:260px;--sidebar-collapsed-width:80px}body{background:#f8fafc;font-family:Inter,sans-serif;margin:0;min-height:100vh;padding:0}.admin-sidebar{background:#fff;border-right:1px solid var(--gray-200);height:100vh;left:0;overflow-y:auto;position:fixed;top:0;transition:width .3s ease;width:var(--sidebar-width);z-index:1000}.sidebar-header{align-items:center;border-bottom:1px solid var(--gray-200);display:flex;justify-content:space-between;padding:1.5rem}.ordio-loop-branding--sidebar{text-decoration:none}.ordio-loop-branding--sidebar .ordio-loop-branding__text--sidebar{white-space:nowrap}.ordio-loop-branding__svg--sidebar{display:block;flex-shrink:0;height:28px;width:auto}.ordio-loop-branding__text--sidebar{color:var(--gray-600);font-size:25px;font-weight:600;line-height:1}.sidebar-logo{color:var(--gray-800);font-size:1.25rem;font-weight:600}.sidebar-nav{padding:1rem 0}.nav-section{margin-bottom:2rem}.nav-section-title{color:var(--gray-500);font-size:.75rem;font-weight:600;margin-bottom:.5rem;padding:0 1.5rem;text-transform:uppercase}.nav-item{align-items:center;border-left:3px solid transparent;color:var(--gray-700);display:flex;gap:.75rem;padding:.75rem 1.5rem;text-decoration:none;transition:all .2s ease}.nav-item:hover{background:var(--gray-50);color:var(--ordio-blue)}.nav-item.active{background:#eff6ff;border-left-color:var(--ordio-blue);color:var(--ordio-blue);font-weight:500}.nav-item svg{display:block;flex-shrink:0;height:20px;width:20px}.admin-main{margin-left:var(--sidebar-width);min-height:100vh}.admin-container{margin:0 auto;max-width:1400px;padding:2rem}.admin-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:2rem}.admin-header h1{color:var(--gray-800);font-size:1.875rem;font-weight:600;margin:0 0 .25rem}.admin-header p{color:var(--gray-500);font-size:.875rem;margin:0}.header-actions{align-items:center;display:flex;gap:1rem}.level-badge{background:#eff6ff;border-radius:9999px;color:var(--ordio-blue);display:inline-block;font-size:.875rem;font-weight:500;padding:.35rem .75rem;text-decoration:none;transition:background .2s ease,color .2s ease}.level-badge:hover{background:#dbeafe;color:#1d4ed8}.logout-button{background:#fff;border:1px solid var(--gray-200);border-radius:var(--border-radius);color:var(--gray-700);font-size:.875rem;padding:.5rem 1rem;text-decoration:none;transition:all .2s ease}.logout-button:hover{background:var(--gray-50);border-color:var(--gray-400)}.card{background:#fff;border:1px solid var(--gray-200);border-radius:var(--border-radius-lg);box-shadow:0 1px 3px rgba(0,0,0,.12),0 2px 8px rgba(0,0,0,.08);padding:2rem;transition:all .2s ease}.card:hover{box-shadow:0 4px 12px rgba(0,0,0,.15),0 8px 24px rgba(0,0,0,.1)}.card.achievements-section,.card.badge-section,.card.next-steps-section,.card.progression-tracker{box-shadow:none}.card.achievements-section:hover,.card.badge-section:hover,.card.next-steps-section:hover,.card.progression-tracker:hover{box-shadow:none;transform:none}.card-title{color:var(--gray-800);font-size:1.125rem;font-weight:600;margin:0 0 1rem}.kpi-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.kpi-card{background:#fff;border:1px solid var(--gray-200);border-radius:var(--border-radius-lg);padding:1.5rem}.kpi-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.kpi-title{color:var(--gray-500);font-size:.875rem;font-weight:600;margin:0}.kpi-icon{color:var(--ordio-blue);height:20px;width:20px}.kpi-value{color:var(--gray-800);font-size:2rem;font-weight:700;margin:0}.kpi-subtitle{color:var(--gray-500);font-size:.875rem;margin-top:.5rem}.chart-container{background:#fff;border:1px solid var(--gray-200);border-radius:var(--border-radius-lg);margin-bottom:2rem;padding:1.5rem}.chart-title{color:var(--gray-800);font-size:1.125rem;font-weight:600;margin:0 0 1.5rem}.charts-row{display:grid;gap:1.5rem;grid-template-columns:1fr 1fr;margin-bottom:2rem}.chart-half{margin-bottom:0}.chart-h-250{height:250px;position:relative}.chart-h-300{height:300px;position:relative}.chart-h-400{height:400px;position:relative}.data-table{background:#fff;border:1px solid var(--gray-200);border-collapse:collapse;border-radius:var(--border-radius-lg);overflow:hidden;width:100%}.data-table th{background:var(--gray-50);color:var(--gray-700);font-weight:600;text-align:left}.data-table td,.data-table th{border-bottom:1px solid var(--gray-200);padding:1rem}.data-table td{color:var(--gray-600)}.data-table tr:last-child td{border-bottom:none}.data-table tbody tr:hover{background:var(--gray-50)}.btn{align-items:center;border:1px solid transparent;border-radius:var(--border-radius);cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;justify-content:center;padding:.5rem 1rem;text-decoration:none;transition:all .2s ease}.btn-primary{background:var(--ordio-blue);border-color:var(--ordio-blue);color:#fff}.btn-primary:hover{background:var(--ordio-blue-dark);border-color:var(--ordio-blue-dark)}.btn-secondary{background:#fff;border-color:var(--gray-300);color:var(--gray-700)}.btn-secondary:hover{background:var(--gray-50);border-color:var(--gray-400)}.status-badge{border-radius:9999px;display:inline-block;font-size:.75rem;font-weight:500;padding:.25rem .75rem}.status-badge.new{background:#dbeafe;color:#1e40af}.status-badge.qualified{background:#fef3c7;color:#92400e}.status-badge.deal{background:#e0e7ff;color:#3730a3}.status-badge.won{background:#d1fae5;color:#065f46}.loading{color:var(--gray-500);padding:3rem;text-align:center}.loading-spinner{animation:spin 1s ease-in-out infinite;border:3px solid rgba(77,142,243,.3);border-radius:50%;border-top:3px solid var(--ordio-blue);display:inline-block;height:20px;width:20px}@keyframes spin{to{transform:rotate(1turn)}}.empty-state{color:var(--gray-500);padding:3rem 2rem;text-align:center}.empty-state svg{color:var(--gray-400);height:64px;margin:0 auto 1rem;width:64px}.empty-state h3{color:var(--gray-700);font-size:1.125rem;font-weight:600;margin:0 0 .5rem}.empty-state p{margin:0 0 1.5rem}.empty-state-compact{padding:2rem 1rem}.empty-state-compact svg{height:40px;margin:0 auto .75rem;width:40px}.empty-state-compact h3{font-size:1rem;font-weight:600;margin:0 0 .375rem}.empty-state-compact p{font-size:.875rem;margin:0}.empty-state-cell{padding:2rem 1rem!important;text-align:center}.empty-state-table{margin:0 auto;max-width:400px;padding:2rem 1rem}.empty-state-table svg{height:48px;margin:0 auto .75rem;width:48px}.empty-state-table h3{font-size:1rem;margin:0 0 .5rem}.empty-state-table p{font-size:.875rem;margin:0}@media (max-width:1024px){.charts-row{grid-template-columns:1fr}.kpi-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.admin-sidebar{transform:translateX(-100%)}.admin-sidebar.open{transform:translateX(0)}.admin-main{margin-left:0}.admin-container{padding:1rem}.admin-header{flex-direction:column;gap:1rem}.header-actions{justify-content:space-between;width:100%}.kpi-grid{grid-template-columns:1fr}}@media (max-width:640px){.kpi-grid{grid-template-columns:1fr}.admin-container{padding:1rem}.admin-header{flex-direction:column;gap:1rem}.header-actions{justify-content:space-between;width:100%}}