.environment-dashboard{width:100%}.environment-card{background:var(--color-card);backdrop-filter:var(--blur-md);border:1px solid var(--color-card-border);border-radius:var(--radius-2xl);overflow:hidden;transition:all var(--transition-normal)}.environment-card:hover{box-shadow:var(--shadow-2xl);transform:translateY(-2px)}.environment-header{border-bottom:1px solid var(--color-border);padding:var(--spacing-2xl)}.environment-title{display:flex;align-items:center;gap:var(--spacing-md);margin:0}.title-icon{padding:var(--spacing-md);background:var(--color-accent);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm)}.title-content h2{font-size:var(--font-size-3xl);font-weight:700;color:var(--color-foreground);margin:0}.title-subtitle{font-size:var(--font-size-sm);color:var(--color-muted-foreground);margin:var(--spacing-xs) 0 0 0;font-weight:500}.environment-content{padding:var(--spacing-2xl)}.category-nav{flex-wrap:wrap;margin-bottom:var(--spacing-2xl);padding:var(--spacing-md);background:var(--color-muted);border-radius:var(--radius-xl);border:1px solid var(--color-border)}.category-btn,.category-nav{display:flex;gap:var(--spacing-sm)}.category-btn{align-items:center;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:600;transition:all var(--transition-normal);border:2px solid transparent;background:var(--color-card);color:var(--color-muted-foreground);position:relative;overflow:hidden}.category-btn:hover{background:var(--color-accent);border-color:var(--color-border);color:var(--color-foreground);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.category-btn-active{background:var(--color-primary)!important;color:var(--color-primary-foreground)!important;border-color:var(--color-primary)!important;box-shadow:var(--shadow-sm)}.category-btn-text{white-space:nowrap}.category-header{margin-bottom:var(--spacing-2xl)}.category-info{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--color-card);border-radius:var(--radius-xl);border:2px solid var(--color-border)}.category-icon-large{padding:var(--spacing-md);background:var(--color-primary);border-radius:var(--radius-xl);color:var(--color-primary-foreground);box-shadow:var(--shadow-lg)}.category-details{flex:1}.category-title{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-foreground);margin:0 0 var(--spacing-sm) 0}.category-description{font-size:var(--font-size-sm);color:var(--color-muted-foreground);margin:0;line-height:var(--line-height-relaxed)}.data-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-2xl)}.data-item{padding:var(--spacing-lg);border-radius:var(--radius-xl);border:1px solid var(--color-border);transition:all var(--transition-normal);position:relative;overflow:hidden;background:var(--color-card)}.data-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.data-item-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-md)}.country-info{display:flex;align-items:center;gap:var(--spacing-sm)}.country-flag{font-size:var(--font-size-2xl);line-height:1}.country-name{font-size:var(--font-size-base);font-weight:600;color:var(--color-foreground)}.status-badge{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:500;background:var(--color-muted);border:1px solid var(--color-border);color:var(--color-primary)}.data-item-content{flex-direction:column}.data-item-content,.value-display{display:flex;gap:var(--spacing-sm)}.value-display{align-items:baseline}.value-number{font-size:var(--font-size-4xl);font-weight:700;color:var(--color-foreground);line-height:1}.value-unit{font-size:var(--font-size-sm);color:var(--color-muted-foreground);font-weight:500}.progress-container{height:8px;background:var(--color-muted);border-radius:var(--radius-sm);overflow:hidden}.progress-bar{height:100%;width:75%;background:var(--color-primary);border-radius:var(--radius-sm);transition:width var(--transition-slow);position:relative}.progress-bar:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.insights-section{padding:var(--spacing-2xl);background:var(--color-accent);border-radius:var(--radius-xl);border:1px solid var(--color-border)}.insights-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.insights-icon{padding:var(--spacing-sm);background:var(--color-muted);border-radius:var(--radius-lg);color:var(--color-primary)}.insights-title{font-size:var(--font-size-xl);font-weight:700;color:var(--color-foreground);margin:0}.insights-text{font-size:var(--font-size-base);color:var(--color-muted-foreground);line-height:var(--line-height-relaxed);margin:10px}.environment-error,.environment-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-3xl) var(--spacing-2xl);text-align:center}.loading-spinner{margin-bottom:var(--spacing-lg)}.error-title,.loading-title{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-foreground);margin:0 0 var(--spacing-sm) 0}.error-subtitle,.loading-subtitle{font-size:var(--font-size-sm);color:var(--color-muted-foreground);margin:0 0 var(--spacing-lg) 0}.error-icon{margin-bottom:var(--spacing-lg)}.error-retry-btn{display:flex;align-items:center;gap:var(--spacing-sm)}@media (max-width:768px){.environment-content,.environment-header{padding:var(--spacing-lg)}.environment-title{flex-direction:column;text-align:center;gap:var(--spacing-sm)}.title-content h2{font-size:var(--font-size-2xl)}.category-nav{padding:var(--spacing-sm)}.category-btn{padding:var(--spacing-sm) var(--spacing-sm);font-size:var(--font-size-xs)}.category-btn-text{display:none}.data-grid{grid-template-columns:1fr;gap:var(--spacing-sm)}.data-item{padding:var(--spacing-md)}.value-number{font-size:var(--font-size-2xl)}.category-info{flex-direction:column;text-align:center;gap:var(--spacing-md)}.insights-content{padding-left:0}.insights-section{padding:var(--spacing-lg)}}@media (max-width:480px){.environment-content,.environment-header{padding:var(--spacing-md)}.category-nav,.data-item-header{gap:var(--spacing-sm)}.data-item-header{flex-direction:column;align-items:flex-start}.country-info{gap:var(--spacing-sm)}.country-flag{font-size:var(--font-size-xl)}}.text-foreground{color:var(--color-foreground)}.text-muted-foreground{color:var(--color-muted-foreground)}.text-primary{color:var(--color-primary)}.bg-accent{background-color:var(--color-accent)}.bg-accent,.bg-muted{border:1px solid var(--color-border)}.bg-muted{background-color:var(--color-muted)}.bg-card{background-color:var(--color-card);border:1px solid var(--color-card-border)}