:root{--olive-900:#2d4219;--olive-800:#3d5a27;--olive-700:#4a6b30;--olive-600:#5a7a3a;--olive-500:#6b8c4a;--olive-400:#8fa87a;--olive-300:#a8bf95;--olive-200:#c8d9a0;--olive-100:#d8e8b8;--olive-50:#e8f0d0;--olive-25:#f3f7e8;--sage-600:#6b7a5a;--sage-400:#8fa87a;--sage-200:#b8c8a0;--warm-800:#4a4a42;--warm-700:#5a5a50;--warm-600:#7a7a6e;--warm-500:#9a9a8e;--warm-400:#b0b0a4;--warm-300:#c8c8bc;--warm-200:#e0ded8;--warm-100:#eceae4;--warm-50:#f5f2eb;--warm-25:#faf8f4;--lime-500:#a4c44a;--lime-400:#b8d46a;--lime-300:#c8e08a;--lime-200:#d8eca0;--lime-100:#e8f4c0;--cream:#f5f2eb;--white:#fff;--primary:var(--olive-800);--primary-light:var(--olive-600);--primary-lighter:var(--olive-200);--primary-subtle:var(--olive-50);--accent:var(--olive-200);--accent-light:var(--olive-50);--background:var(--warm-25);--surface:var(--white);--surface-alt:var(--warm-50);--text-primary:var(--warm-800);--text-secondary:var(--warm-600);--text-muted:var(--warm-500);--text-on-primary:var(--olive-50);--border:var(--warm-200);--border-light:var(--warm-100);--success:#3d8c4a;--success-bg:#e8f5e9;--warning:#c4842a;--warning-bg:#fff3e0;--danger:#c44a4a;--danger-bg:#ffebee;--info:#2a6fc4;--info-bg:#e3f2fd;--font-body:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-heading:"Playfair Display",Georgia,"Times New Roman",serif;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--shadow-xs:0 1px 2px #2d42190a;--shadow-sm:0 1px 3px #2d42190f,0 1px 2px #2d42190a;--shadow-md:0 4px 6px #2d42190f,0 2px 4px #2d42190a;--shadow-lg:0 10px 15px #2d42190f,0 4px 6px #2d42190a;--shadow-xl:0 20px 25px #2d421914,0 8px 10px #2d42190a;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.4s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);color:var(--text-primary);background-color:var(--background);font-size:15px;line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--text-primary);line-height:1.2}a{color:var(--primary);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--primary-light)}img{max-width:100%;display:block}.container{width:100%;max-width:1200px;padding:0 var(--space-6);margin:0 auto}.sr-only{clip:rect(0 0 0 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3)var(--space-6);font-family:var(--font-body);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border:none;font-size:.875rem;font-weight:500;line-height:1.4;text-decoration:none;display:inline-flex}.btn-primary{background:var(--primary);color:var(--text-on-primary)}.btn-primary:hover{background:var(--olive-700);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-secondary{background:var(--primary-subtle);color:var(--primary);border:1px solid var(--primary-lighter)}.btn-secondary:hover{background:var(--primary-lighter)}.btn-outline{color:var(--primary);border:1.5px solid var(--primary);background:0 0}.btn-outline:hover{background:var(--primary);color:var(--text-on-primary)}.btn-ghost{color:var(--text-secondary);background:0 0}.btn-ghost:hover{background:var(--surface-alt);color:var(--text-primary)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{opacity:.9;transform:translateY(-1px)}.btn-sm{padding:var(--space-2)var(--space-4);font-size:.8125rem}.btn-lg{padding:var(--space-4)var(--space-8);font-size:1rem}.btn-icon{border-radius:var(--radius-md);width:36px;height:36px;padding:0}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.card{background:var(--surface);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--space-6);transition:all var(--transition-base)}.card-hover:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.card-header{margin-bottom:var(--space-4);justify-content:space-between;align-items:center;display:flex}.card-title{font-family:var(--font-heading);color:var(--text-primary);font-size:1.125rem;font-weight:600}.form-group{margin-bottom:var(--space-5)}.form-label{color:var(--text-secondary);margin-bottom:var(--space-2);letter-spacing:.02em;font-size:.8125rem;font-weight:500;display:block}.form-input,.form-select,.form-textarea{width:100%;padding:var(--space-3)var(--space-4);font-family:var(--font-body);color:var(--text-primary);background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-md);transition:all var(--transition-fast);outline:none;font-size:.9375rem}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #3d5a271a}.form-input::placeholder{color:var(--text-muted)}.form-error{color:var(--danger);margin-top:var(--space-1);font-size:.8125rem}.badge{align-items:center;gap:var(--space-1);padding:var(--space-1)var(--space-3);border-radius:var(--radius-full);letter-spacing:.02em;text-transform:uppercase;font-size:.75rem;font-weight:600;display:inline-flex}.badge-success{background:var(--success-bg);color:var(--success)}.badge-warning{background:var(--warning-bg);color:var(--warning)}.badge-danger{background:var(--danger-bg);color:var(--danger)}.badge-info{background:var(--info-bg);color:var(--info)}.badge-neutral{background:var(--warm-100);color:var(--warm-600)}.table-container{border-radius:var(--radius-lg);border:1px solid var(--border-light);overflow-x:auto}.table{border-collapse:collapse;width:100%}.table th{padding:var(--space-3)var(--space-4);color:var(--text-muted);text-align:left;text-transform:uppercase;letter-spacing:.05em;background:var(--surface-alt);border-bottom:1px solid var(--border-light);font-size:.75rem;font-weight:600}.table td{padding:var(--space-4);border-bottom:1px solid var(--border-light);vertical-align:middle;font-size:.875rem}.table tr:last-child td{border-bottom:none}.table tr:hover td{background:var(--warm-25)}.stat-card{background:var(--surface);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--space-6);gap:var(--space-2);flex-direction:column;display:flex}.stat-card-icon{border-radius:var(--radius-md);width:40px;height:40px;margin-bottom:var(--space-2);justify-content:center;align-items:center;display:flex}.stat-card-value{font-family:var(--font-heading);color:var(--text-primary);font-size:1.75rem;font-weight:700;line-height:1}.stat-card-label{color:var(--text-muted);font-size:.8125rem;font-weight:500}.progress-bar{background:var(--warm-100);border-radius:var(--radius-full);width:100%;height:8px;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg,var(--olive-600),var(--olive-400));border-radius:var(--radius-full);height:100%;transition:width var(--transition-slow)}.progress-bar-fill.warning{background:linear-gradient(90deg,var(--warning),#e6a14a)}.progress-bar-fill.danger{background:linear-gradient(90deg,var(--danger),#e66a6a)}.dashboard-layout{min-height:100vh;display:flex}.sidebar{background:var(--primary);width:260px;color:var(--text-on-primary);z-index:100;transition:transform var(--transition-base);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar-header{padding:var(--space-6);align-items:center;gap:var(--space-3);border-bottom:1px solid #ffffff1a;display:flex}.sidebar-logo{background:var(--olive-200);border-radius:var(--radius-md);justify-content:center;align-items:center;width:36px;height:36px;display:flex}.sidebar-brand{font-family:var(--font-heading);color:var(--olive-50);font-size:1.25rem;font-weight:600}.sidebar-nav{padding:var(--space-4);gap:var(--space-1);flex-direction:column;flex:1;display:flex}.sidebar-link{align-items:center;gap:var(--space-3);padding:var(--space-3)var(--space-4);border-radius:var(--radius-md);color:#e8f0d0b3;transition:all var(--transition-fast);font-size:.875rem;font-weight:500;text-decoration:none;display:flex}.sidebar-link:hover{color:var(--olive-50);background:#ffffff14}.sidebar-link.active{color:var(--olive-100);background:#c8d9a026}.sidebar-footer{padding:var(--space-4);border-top:1px solid #ffffff1a}.sidebar-user{align-items:center;gap:var(--space-3);padding:var(--space-3);display:flex}.sidebar-user-avatar{border-radius:var(--radius-full);background:var(--olive-600);width:32px;height:32px;color:var(--olive-100);justify-content:center;align-items:center;font-size:.75rem;font-weight:600;display:flex}.sidebar-user-info{flex:1;min-width:0}.sidebar-user-name{color:var(--olive-100);white-space:nowrap;text-overflow:ellipsis;font-size:.8125rem;font-weight:500;overflow:hidden}.sidebar-user-role{color:#e8f0d080;font-size:.6875rem}.main-content{padding:var(--space-8);flex:1;margin-left:260px}.page-header{margin-bottom:var(--space-8)}.page-title{font-family:var(--font-heading);color:var(--text-primary);margin-bottom:var(--space-2);font-size:1.75rem;font-weight:700}.page-subtitle{color:var(--text-muted);font-size:.9375rem}.stats-grid{gap:var(--space-5);margin-bottom:var(--space-8);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.grid-2{gap:var(--space-6);grid-template-columns:repeat(2,1fr);display:grid}.grid-3{gap:var(--space-6);grid-template-columns:repeat(3,1fr);display:grid}.grid-4{gap:var(--space-6);grid-template-columns:repeat(4,1fr);display:grid}.login-page{background:linear-gradient(135deg,var(--olive-800)0%,var(--olive-900)50%,var(--warm-800)100%);justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.login-page:before{content:"";background:radial-gradient(circle,#c8d9a014 0%,#0000 70%);border-radius:50%;width:600px;height:600px;position:absolute;top:-50%;right:-20%}.login-page:after{content:"";background:radial-gradient(circle,#c8d9a00d 0%,#0000 70%);border-radius:50%;width:400px;height:400px;position:absolute;bottom:-30%;left:-10%}.login-card{background:var(--surface);border-radius:var(--radius-xl);padding:var(--space-12);width:100%;max-width:420px;box-shadow:var(--shadow-xl);z-index:1;position:relative}.login-logo{width:60px;height:60px;margin:0 auto var(--space-6);background:var(--primary);border-radius:var(--radius-lg);justify-content:center;align-items:center;display:flex}.login-title{font-family:var(--font-heading);text-align:center;margin-bottom:var(--space-2);font-size:1.5rem}.login-subtitle{text-align:center;color:var(--text-muted);margin-bottom:var(--space-8);font-size:.875rem}.landing-hero{background:linear-gradient(135deg,var(--olive-800)0%,var(--olive-900)60%,var(--warm-800)100%);min-height:90vh;color:var(--olive-50);align-items:center;display:flex;position:relative;overflow:hidden}.landing-hero:before{content:"";background:radial-gradient(circle,#c8d9a00f 0%,#0000 70%);border-radius:50%;width:500px;height:500px;animation:8s ease-in-out infinite float;position:absolute;top:10%;right:-5%}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.hero-content{max-width:1200px;padding:0 var(--space-6);gap:var(--space-16);grid-template-columns:1fr 1fr;align-items:center;margin:0 auto;display:grid}.hero-tagline{font-family:var(--font-body);color:var(--olive-200);letter-spacing:.1em;text-transform:uppercase;margin-bottom:var(--space-4);font-size:.875rem;font-weight:600}.hero-title{font-family:var(--font-heading);color:var(--olive-50);margin-bottom:var(--space-6);font-size:3.25rem;font-weight:700;line-height:1.1}.hero-description{color:#e8f0d0b3;margin-bottom:var(--space-8);font-size:1.125rem;line-height:1.7}.hero-cta-group{gap:var(--space-4);display:flex}.hero-visual{gap:var(--space-4);flex-direction:column;display:flex;position:relative}.hero-logo-icon{opacity:.15;width:200px;height:200px;margin:0 auto}.landing-nav{z-index:100;padding:var(--space-4)0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#2d4219d9;border-bottom:1px solid #c8d9a01a;position:fixed;top:0;left:0;right:0}.landing-nav .container{justify-content:space-between;align-items:center;display:flex}.nav-brand{align-items:center;gap:var(--space-3);color:var(--olive-50);text-decoration:none;display:flex}.nav-brand-logo{background:var(--olive-200);border-radius:var(--radius-sm);justify-content:center;align-items:center;width:32px;height:32px;display:flex}.nav-brand-name{font-family:var(--font-heading);font-size:1.125rem;font-weight:600}.nav-links-desktop{align-items:center;gap:var(--space-6);list-style:none;display:flex}.nav-links-desktop a{color:#e8f0d0b3;transition:color var(--transition-fast);font-size:.875rem;font-weight:500}.nav-links-desktop a:hover{color:#e8f0d0}.section{padding:var(--space-20)0}.section-title{font-family:var(--font-heading);text-align:center;margin-bottom:var(--space-3);font-size:2.25rem;font-weight:700}.section-subtitle{text-align:center;color:var(--text-muted);max-width:600px;margin:0 auto var(--space-12);font-size:1rem}.consultorio-grid{gap:var(--space-6);grid-template-columns:repeat(3,1fr);display:grid}.consultorio-card{background:var(--surface);border-radius:var(--radius-xl);border:1px solid var(--border-light);transition:all var(--transition-base);overflow:hidden}.consultorio-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-4px)}.consultorio-card-image{background:var(--warm-600);height:200px;padding:var(--space-6);align-items:flex-end;display:flex;position:relative}.consultorio-card-name{font-family:var(--font-heading);color:#fff;text-shadow:0 2px 8px #0000004d;font-size:1.75rem;font-weight:700}.consultorio-card-body{padding:var(--space-6)}.consultorio-card-desc{color:var(--text-secondary);margin-bottom:var(--space-4);font-size:.875rem;line-height:1.6}.consultorio-card-info{justify-content:space-between;align-items:center;display:flex}.consultorio-card-size{color:var(--text-muted);font-size:.8125rem}.consultorio-card-price{font-family:var(--font-heading);color:var(--primary);font-size:1.25rem;font-weight:700}.plans-grid{gap:var(--space-6);grid-template-columns:repeat(3,1fr);max-width:1000px;margin:0 auto;display:grid}.plan-card{background:var(--surface);border:2px solid var(--border-light);border-radius:var(--radius-xl);padding:var(--space-8);text-align:center;transition:all var(--transition-base);position:relative}.plan-card:hover{border-color:var(--primary);box-shadow:var(--shadow-xl);transform:translateY(-4px)}.plan-card.featured{border-color:var(--primary);background:linear-gradient(180deg,var(--olive-25)0%,var(--surface)100%)}.plan-card.featured:before{content:"Popular";background:var(--primary);color:var(--text-on-primary);padding:var(--space-1)var(--space-4);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:600;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.plan-name{font-family:var(--font-heading);color:var(--text-primary);margin-bottom:var(--space-2);font-size:1.5rem;font-weight:700}.plan-duration{color:var(--text-muted);margin-bottom:var(--space-6);font-size:.8125rem}.plan-price{margin-bottom:var(--space-6)}.plan-price-amount{font-family:var(--font-heading);color:var(--primary);font-size:2.5rem;font-weight:700}.plan-price-currency{color:var(--text-muted);font-size:1rem}.plan-hours{color:var(--text-secondary);margin-bottom:var(--space-6);padding-bottom:var(--space-6);border-bottom:1px solid var(--border-light);font-size:1rem;font-weight:500}.plan-features{text-align:left;margin-bottom:var(--space-8);gap:var(--space-3);flex-direction:column;list-style:none;display:flex}.plan-features li{color:var(--text-secondary);align-items:center;gap:var(--space-3);font-size:.875rem;display:flex}.plan-features li:before{content:"✓";color:var(--success);font-weight:700}.services-grid{gap:var(--space-6);grid-template-columns:repeat(4,1fr);display:grid}.service-item{text-align:center;padding:var(--space-6)}.service-icon{width:48px;height:48px;margin:0 auto var(--space-4);background:var(--primary-subtle);border-radius:var(--radius-md);color:var(--primary);justify-content:center;align-items:center;display:flex}.service-name{color:var(--text-primary);font-size:.875rem;font-weight:600}.contact-section{background:var(--primary);color:var(--olive-50);border-radius:var(--radius-xl);padding:var(--space-16);text-align:center;margin:var(--space-8)0}.contact-section h2{color:var(--olive-50);margin-bottom:var(--space-4)}.contact-section p{color:#e8f0d0b3;margin-bottom:var(--space-8)}.contact-info{justify-content:center;gap:var(--space-10);display:flex}.contact-item{align-items:center;gap:var(--space-3);color:var(--olive-100);font-size:.9375rem;display:flex}.landing-footer{padding:var(--space-8)0;text-align:center;color:var(--text-muted);border-top:1px solid var(--border-light);font-size:.8125rem}.hours-display{align-items:baseline;gap:var(--space-2);margin-bottom:var(--space-3);display:flex}.hours-used{font-family:var(--font-heading);color:var(--primary);font-size:2.5rem;font-weight:700;line-height:1}.hours-total{color:var(--text-muted);font-size:1rem}.hours-remaining{color:var(--text-secondary);font-size:.875rem}.calendar-grid{gap:var(--space-2);grid-template-columns:repeat(7,1fr);display:grid}.calendar-header{color:var(--text-muted);text-align:center;padding:var(--space-2);text-transform:uppercase;font-size:.75rem;font-weight:600}.calendar-day{aspect-ratio:1;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);color:var(--text-primary);background:0 0;border:none;justify-content:center;align-items:center;font-size:.875rem;display:flex}.calendar-day:hover:not(.disabled):not(.selected){background:var(--primary-subtle)}.calendar-day.today{color:var(--primary);font-weight:700}.calendar-day.selected{background:var(--primary);color:var(--text-on-primary)}.calendar-day.disabled{color:var(--warm-300);cursor:not-allowed}.calendar-day.other-month{color:var(--warm-300)}.time-slots-grid{gap:var(--space-2);grid-template-columns:repeat(4,1fr);display:grid}.time-slot{padding:var(--space-3)var(--space-4);border:1.5px solid var(--border);border-radius:var(--radius-md);text-align:center;cursor:pointer;transition:all var(--transition-fast);color:var(--text-primary);background:0 0;font-size:.875rem;font-weight:500}.time-slot:hover:not(.unavailable):not(.selected){border-color:var(--primary);background:var(--primary-subtle)}.time-slot.selected{background:var(--primary);color:var(--text-on-primary);border-color:var(--primary)}.time-slot.unavailable{background:var(--warm-100);color:var(--warm-400);cursor:not-allowed;text-decoration:line-through}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn var(--transition-fast);background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--surface);border-radius:var(--radius-xl);padding:var(--space-8);width:100%;max-width:500px;max-height:90vh;box-shadow:var(--shadow-xl);animation:slideUp var(--transition-base);overflow-y:auto}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-title{font-family:var(--font-heading);margin-bottom:var(--space-6);font-size:1.25rem;font-weight:700}.modal-actions{justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-6);display:flex}.empty-state{text-align:center;padding:var(--space-16)var(--space-8);color:var(--text-muted)}.empty-state-icon{width:64px;height:64px;margin:0 auto var(--space-4);background:var(--warm-100);border-radius:var(--radius-full);color:var(--warm-400);justify-content:center;align-items:center;display:flex}.empty-state-title{color:var(--text-secondary);margin-bottom:var(--space-2);font-size:1.125rem;font-weight:600}.empty-state-desc{margin-bottom:var(--space-6);font-size:.875rem}@media (max-width:1024px){.hero-content{text-align:center;grid-template-columns:1fr}.hero-cta-group{justify-content:center}.hero-visual{display:none}.consultorio-grid,.plans-grid,.services-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}.main-content{padding:var(--space-4);margin-left:0}.hero-title{font-size:2.25rem}.consultorio-grid,.plans-grid{grid-template-columns:1fr}.services-grid{grid-template-columns:repeat(2,1fr)}.stats-grid,.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.contact-info{gap:var(--space-4);flex-direction:column}.time-slots-grid{grid-template-columns:repeat(3,1fr)}.nav-links-desktop{display:none!important}.login-card{margin:var(--space-4);padding:var(--space-8)}}.mobile-nav-toggle{color:var(--olive-100);border-radius:var(--radius-md);cursor:pointer;width:40px;height:40px;transition:all var(--transition-fast);background:#c8d9a026;border:1px solid #c8d9a04d;justify-content:center;align-items:center;display:none}.mobile-nav-toggle:hover{background:#c8d9a040}@media (max-width:768px){.mobile-nav-toggle{display:flex}}.mobile-nav-overlay{z-index:200;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn var(--transition-fast);background:#0009;position:fixed;inset:0}.mobile-nav-menu{background:var(--olive-900);width:280px;height:100%;padding:var(--space-20)var(--space-6)var(--space-6);gap:var(--space-2);animation:slideInRight var(--transition-base);flex-direction:column;display:flex;position:absolute;top:0;right:0}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.mobile-nav-menu a{padding:var(--space-4)var(--space-4);color:var(--olive-100);border-radius:var(--radius-md);transition:background var(--transition-fast);font-size:1rem;font-weight:500;text-decoration:none;display:block}.mobile-nav-menu a:hover{color:var(--olive-50);background:#c8d9a01a}.mobile-menu-btn{top:var(--space-4);left:var(--space-4);z-index:101;background:var(--primary);width:40px;height:40px;color:var(--olive-50);border-radius:var(--radius-md);cursor:pointer;border:none;justify-content:center;align-items:center;display:none;position:fixed}@media (max-width:768px){.mobile-menu-btn{display:flex}}.analytics-grid{gap:var(--space-6);margin-bottom:var(--space-8);grid-template-columns:repeat(2,1fr);display:grid}@media (max-width:768px){.analytics-grid{grid-template-columns:1fr}}.chart-container{background:var(--surface);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--space-6)}.chart-title{font-family:var(--font-heading);margin-bottom:var(--space-4);color:var(--text-primary);font-size:1rem;font-weight:600}.chart-subtitle{color:var(--text-muted);margin-bottom:var(--space-4);font-size:.8125rem}.bar-chart{align-items:flex-end;gap:var(--space-3);height:200px;padding-top:var(--space-4);display:flex}.bar-chart-col{align-items:center;gap:var(--space-2);flex-direction:column;flex:1;justify-content:flex-end;height:100%;display:flex}.bar-chart-bar{border-radius:var(--radius-sm)var(--radius-sm)0 0;width:100%;max-width:50px;transition:all var(--transition-base);min-height:4px}.bar-chart-label{color:var(--text-muted);text-align:center;white-space:nowrap;text-overflow:ellipsis;max-width:60px;font-size:.6875rem;overflow:hidden}.bar-chart-value{color:var(--text-secondary);font-size:.6875rem;font-weight:600}.donut-chart-container{align-items:center;gap:var(--space-8);display:flex}.donut-chart{flex-shrink:0;width:160px;height:160px}.donut-legend{gap:var(--space-3);flex-direction:column;display:flex}.donut-legend-item{align-items:center;gap:var(--space-3);font-size:.8125rem;display:flex}.donut-legend-dot{border-radius:var(--radius-full);flex-shrink:0;width:10px;height:10px}.donut-legend-label{color:var(--text-secondary)}.donut-legend-value{color:var(--text-primary);margin-left:auto;font-weight:600}.rank-list{gap:var(--space-3);flex-direction:column;display:flex}.rank-item{align-items:center;gap:var(--space-3);padding:var(--space-3)var(--space-4);background:var(--surface-alt);border-radius:var(--radius-md);display:flex}.rank-number{border-radius:var(--radius-full);background:var(--primary);width:28px;height:28px;color:var(--text-on-primary);flex-shrink:0;justify-content:center;align-items:center;font-size:.75rem;font-weight:700;display:flex}.rank-item:first-child .rank-number{background:#c4942a}.rank-item:nth-child(2) .rank-number{background:#8a8a8a}.rank-item:nth-child(3) .rank-number{background:#b17a4a}.rank-name{flex:1;font-size:.875rem;font-weight:500}.rank-value{color:var(--primary);font-size:.875rem;font-weight:600}.metric-tile{align-items:center;gap:var(--space-4);padding:var(--space-4);background:var(--surface-alt);border-radius:var(--radius-md);display:flex}.metric-tile-icon{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.metric-tile-content{flex:1}.metric-tile-value{font-family:var(--font-heading);color:var(--text-primary);font-size:1.5rem;font-weight:700;line-height:1}.metric-tile-label{color:var(--text-muted);margin-top:var(--space-1);font-size:.75rem}.hbar-chart{gap:var(--space-4);flex-direction:column;display:flex}.hbar-item{gap:var(--space-1);flex-direction:column;display:flex}.hbar-label-row{justify-content:space-between;align-items:center;display:flex}.hbar-label{color:var(--text-primary);font-size:.8125rem;font-weight:500}.hbar-value{color:var(--text-secondary);font-size:.8125rem;font-weight:600}.hbar-track{background:var(--warm-100);border-radius:var(--radius-full);height:10px;overflow:hidden}.hbar-fill{border-radius:var(--radius-full);height:100%;transition:width var(--transition-slow)}