*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;color:#333;background-color:#f8fafc}.container{max-width:1200px;margin:0 auto;padding:0 20px}.app-header{background:linear-gradient(135deg,#1e40af,#3b82f6);color:#fff;padding:2rem 0;box-shadow:0 4px 6px #0000001a}.header-content h1{font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.header-content p{font-size:1.2rem;opacity:.9}.tab-navigation{background:#fff;border-bottom:1px solid #e5e7eb;position:sticky;top:0;z-index:100;box-shadow:0 2px 4px #0000000d}.tab-buttons{display:flex;gap:0}.tab-buttons button{background:none;border:none;padding:1rem 2rem;font-size:1rem;font-weight:500;color:#6b7280;cursor:pointer;border-bottom:3px solid transparent;transition:all .3s ease}.tab-buttons button:hover{color:#1e40af;background-color:#f8fafc}.tab-buttons button.active{color:#1e40af;border-bottom-color:#1e40af;background-color:#f8fafc}.main-content{padding:2rem 0;min-height:calc(100vh - 200px)}.tab-content{animation:fadeIn .5s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hero-section{text-align:center;margin-bottom:3rem}.hero-section h1{font-size:3rem;color:#1e40af;margin-bottom:.5rem;font-weight:700}.hero-section h2{font-size:1.5rem;color:#6b7280;margin-bottom:2rem;font-weight:400}.key-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-top:2rem}.stat-card{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 4px 6px #0000000d;border:1px solid #e5e7eb;transition:transform .3s ease,box-shadow .3s ease}.stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px #0000001a}.stat-card h3{font-size:2.5rem;color:#1e40af;font-weight:700;margin-bottom:.5rem}.stat-card p{color:#6b7280;font-weight:500}.chart-section{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 4px 6px #0000000d;border:1px solid #e5e7eb;margin-bottom:2rem}.chart-section h3{font-size:1.5rem;color:#1e40af;margin-bottom:1.5rem;font-weight:600}.highlights-section{margin-top:3rem}.highlights-section h3{font-size:2rem;color:#1e40af;margin-bottom:2rem;text-align:center;font-weight:600}.highlights-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.highlight-card{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 4px 6px #0000000d;border:1px solid #e5e7eb;transition:transform .3s ease,box-shadow .3s ease}.highlight-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px #0000001a}.highlight-card h4{font-size:1.25rem;color:#1e40af;margin-bottom:1rem;font-weight:600}.highlight-card p{color:#4b5563;line-height:1.6}.table-section{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 4px 6px #0000000d;border:1px solid #e5e7eb;margin-bottom:2rem}.table-section h3{font-size:1.5rem;color:#1e40af;margin-bottom:1.5rem;font-weight:600}.table-container{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;margin-top:1rem}.data-table th,.data-table td{padding:1rem;text-align:left;border-bottom:1px solid #e5e7eb}.data-table th{background-color:#f8fafc;font-weight:600;color:#374151}.data-table tr:hover{background-color:#f8fafc}.highlights-detailed{display:flex;flex-direction:column;gap:2rem}.highlight-section{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 4px 6px #0000000d;border:1px solid #e5e7eb}.highlight-section h3{font-size:1.5rem;color:#1e40af;margin-bottom:1rem;font-weight:600}.highlight-section ul{list-style:none;padding:0}.highlight-section li{padding:.75rem 0;border-bottom:1px solid #f3f4f6;color:#4b5563;line-height:1.6}.highlight-section li:last-child{border-bottom:none}.highlight-section strong{color:#1e40af;font-weight:600}.analysis-section h3{font-size:2rem;color:#1e40af;margin-bottom:2rem;font-weight:600}.insight-card{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 4px 6px #0000000d;border:1px solid #e5e7eb;margin-bottom:1.5rem;transition:transform .3s ease,box-shadow .3s ease}.insight-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.insight-card h4{font-size:1.25rem;color:#1e40af;margin-bottom:1rem;font-weight:600}.insight-card p{color:#4b5563;line-height:1.6}.methodology-section{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 4px 6px #0000000d;border:1px solid #e5e7eb;margin-top:2rem}.methodology-section h3{font-size:1.5rem;color:#1e40af;margin-bottom:1rem;font-weight:600}.methodology-section p{color:#4b5563;line-height:1.6;margin-bottom:1rem}.methodology-section ul{color:#4b5563;padding-left:1.5rem}.methodology-section li{margin-bottom:.5rem}.app-footer{background:#374151;color:#fff;padding:2rem 0;text-align:center;margin-top:3rem}.app-footer p{opacity:.8}@media (max-width: 768px){.header-content h1{font-size:2rem}.header-content p{font-size:1rem}.hero-section h1{font-size:2rem}.hero-section h2{font-size:1.25rem}.tab-buttons{flex-wrap:wrap}.tab-buttons button{padding:.75rem 1rem;font-size:.9rem}.key-stats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.stat-card{padding:1.5rem}.stat-card h3{font-size:2rem}.highlights-grid{grid-template-columns:1fr}.chart-section,.table-section,.highlight-section,.insight-card{padding:1.5rem}.container{padding:0 15px}}@media (max-width: 480px){.tab-buttons button{padding:.5rem .75rem;font-size:.8rem}.key-stats{grid-template-columns:1fr}.chart-section,.table-section,.highlight-section,.insight-card{padding:1rem}}