:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;--color-primary: #646cff;--color-primary-hover: #535bf2;--color-primary-light: #f0f4ff;--color-primary-dark: #4f54cc;--color-secondary: #6c757d;--color-secondary-hover: #5a6268;--color-success: #28a745;--color-success-light: #d4edda;--color-danger: #dc3545;--color-danger-hover: #c82333;--color-danger-light: #f8d7da;--color-danger-dark: #721c24;--color-warning: #ffc107;--color-warning-light: #fff3cd;--color-info: #17a2b8;--color-white: #ffffff;--color-background: #f8f9fa;--color-surface: #ffffff;--color-border: #dee2e6;--color-border-light: #e9ecef;--color-text-primary: #213547;--color-text-secondary: #6c757d;--color-text-muted: #adb5bd;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--breakpoint-xs: 320px;--breakpoint-sm: 480px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1440px;--fluid-xs: clamp(.25rem, .5vw, .375rem);--fluid-sm: clamp(.5rem, 1vw, .75rem);--fluid-md: clamp(1rem, 2vw, 1.5rem);--fluid-lg: clamp(1.5rem, 3vw, 2.5rem);--fluid-xl: clamp(2rem, 4vw, 3.5rem);--container-padding-xs: var(--spacing-md);--container-padding-sm: var(--spacing-lg);--container-padding-md: var(--spacing-xl);--container-padding-lg: var(--spacing-2xl);--container-padding-xl: var(--spacing-2xl);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .15);--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .35s ease;--z-dropdown: 100;--z-sticky: 200;--z-modal-backdrop: 900;--z-modal: 1000;--z-tooltip: 1100;--container-sm: 540px;--container-md: 720px;--container-lg: 960px;--container-xl: 1200px;color-scheme:light;color:var(--color-text-primary);background-color:var(--color-background);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:var(--color-primary);text-decoration:inherit}a:hover{color:var(--color-primary-hover)}a:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-sm)}body{margin:0;min-width:320px;min-height:100vh;background-color:var(--color-background)}h1{font-size:2rem;line-height:1.2;margin-top:0;color:var(--color-text-primary)}h2{font-size:1.5rem;line-height:1.3;color:var(--color-text-primary)}h3{font-size:1.25rem;line-height:1.4;color:var(--color-text-primary)}p{margin-top:0;color:var(--color-text-secondary)}button{border-radius:var(--radius-md);border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--color-primary);color:var(--color-white);cursor:pointer;transition:all var(--transition-base)}button:hover{background-color:var(--color-primary-hover)}button:focus,button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}button:disabled{opacity:.6;cursor:not-allowed}input:focus,textarea:focus,select:focus{outline:2px solid var(--color-primary);outline-offset:1px;border-color:var(--color-primary)}table{border-collapse:collapse;width:100%}th{text-align:left;font-weight:600;color:var(--color-text-primary)}@media(max-width:768px){h1{font-size:1.75rem}h2{font-size:1.375rem}}@media(min-width:320px){:root{--active-container-padding: var(--container-padding-xs)}}@media(min-width:480px){:root{--active-container-padding: var(--container-padding-sm)}h1{font-size:1.75rem}h2{font-size:1.5rem}}@media(min-width:768px){:root{--active-container-padding: var(--container-padding-md)}h1{font-size:2rem}h2{font-size:1.625rem}}@media(min-width:1024px){:root{--active-container-padding: var(--container-padding-lg)}}@media(min-width:1440px){:root{--active-container-padding: var(--container-padding-xl)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.skip-link{position:absolute;top:-40px;left:0;background:var(--color-primary);color:var(--color-white);padding:var(--spacing-sm) var(--spacing-md);text-decoration:none;z-index:var(--z-modal);border-radius:0 0 var(--radius-sm) 0}*:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-sm)}.img-aspect-square{aspect-ratio:1 / 1;object-fit:cover}.img-aspect-video{aspect-ratio:16 / 9;object-fit:cover}.img-aspect-portrait{aspect-ratio:3 / 4;object-fit:cover}.skeleton{background:linear-gradient(90deg,var(--color-border-light) 25%,var(--color-border) 50%,var(--color-border-light) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-md)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.content-area-min{min-height:200px}.content-area-md{min-height:400px}.content-area-lg{min-height:600px}#root{min-height:100vh;display:flex;flex-direction:column}main{flex:1;padding:var(--spacing-xl);max-width:var(--container-xl);margin:0 auto;width:100%;box-sizing:border-box}.section{margin-bottom:var(--spacing-xl)}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-lg)}.quick-link{display:inline-block;padding:.75rem 1.5rem;background-color:var(--color-primary-light);color:var(--color-primary);border-radius:var(--radius-md);text-decoration:none;transition:all var(--transition-base)}.quick-link:hover{background-color:var(--color-primary);color:var(--color-white)}.quick-link:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.badge{display:inline-flex;align-items:center;padding:.125rem .5rem;font-size:.75rem;font-weight:500;border-radius:var(--radius-sm)}.badge-success{background-color:var(--color-success);color:var(--color-white)}.badge-primary{background-color:var(--color-primary);color:var(--color-white)}.tag{padding:.25rem .75rem;background-color:var(--color-primary-light);border-radius:var(--radius-sm);font-size:.875rem;color:var(--color-text-primary)}.stat-value{font-size:1.5rem;font-weight:600;color:var(--color-text-primary)}.stat-label{font-size:.875rem;color:var(--color-text-secondary)}@media(max-width:768px){main{padding:var(--spacing-md)}.card-grid{grid-template-columns:1fr}}@media(max-width:480px){main{padding:var(--spacing-sm)}.stat-value{font-size:1.25rem}}.skip-link{position:absolute;top:-40px;left:0;background-color:var(--color-primary);color:var(--color-white);padding:var(--spacing-sm) var(--spacing-md);z-index:var(--z-tooltip);text-decoration:none;border-radius:0 0 var(--radius-md) 0;transition:top var(--transition-fast)}.skip-link:focus{top:0}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.comparison-grid{display:grid;gap:var(--fluid-md);margin-bottom:var(--fluid-lg)}.comparison-grid{grid-template-columns:1fr}@media(min-width:480px){.comparison-grid{grid-template-columns:1fr}}@media(min-width:768px){.comparison-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.comparison-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:1440px){.comparison-grid{grid-template-columns:repeat(4,1fr)}}.supplier-card-grid{display:grid;gap:var(--fluid-sm);margin:var(--fluid-md) 0}.supplier-card-grid{grid-template-columns:1fr}@media(min-width:768px){.supplier-card-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.supplier-card-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}.comparison-container{width:100%;max-width:var(--container-xl);margin:0 auto;padding:var(--fluid-md);box-sizing:border-box}@media(max-width:479px){.comparison-container{padding:var(--fluid-sm)}}.comparison-section{margin-bottom:var(--fluid-lg)}.comparison-section-header{margin-bottom:var(--fluid-md);font-size:clamp(1.25rem,4vw,1.75rem);font-weight:600}.table-responsive{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;margin:var(--fluid-md) 0}@media(max-width:767px){.table-responsive{margin:var(--fluid-sm) calc(var(--fluid-sm) * -1);width:calc(100% + var(--fluid-sm) * 2);padding:0 var(--fluid-sm)}}.comparison-results-container{min-height:400px}.comparison-hero{min-height:120px}.comparison-table-container,.supplier-list-container{min-height:300px}.tariff-grid-container{min-height:200px}.best-deal-card{min-height:180px}.usage-summary-container{min-height:150px}header{min-height:64px}.button-group{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}@media(max-width:479px){.button-group{flex-direction:column}.button-group>button,.button-group>a{width:100%}}