:root{--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--font-body:clamp(0.95rem, 0.9rem + 0.4vw, 1.05rem);--font-h1:clamp(1.8rem,  1.4rem + 2.4vw, 3rem);--font-h2:clamp(1.5rem,  1.2rem + 1.8vw, 2.4rem);--font-h3:clamp(1.25rem, 1.1rem + 1.2vw, 1.8rem);--color-primary-50:#e0f2fe;--color-primary-100:#bae6fd;--color-primary-200:#7dd3fc;--color-primary-300:#38bdf8;--color-primary-400:#0ea5e9;--color-primary-500:#0284c7;--color-primary-600:#0369a1;--color-primary-700:#075985;--color-primary-800:#0c4a6e;--color-primary-900:#082f49;--color-secondary-400:#4ade80;--color-secondary-500:#22c55e;--color-secondary-600:#16a34a;--color-accent-400:#fb923c;--color-accent-500:#f97316;--color-accent-600:#ea580c;--color-gray-50:#f8fafc;--color-gray-100:#f1f5f9;--color-gray-200:#e2e8f0;--color-gray-300:#cbd5e1;--color-gray-400:#94a3b8;--color-gray-500:#64748b;--color-gray-600:#475569;--color-gray-700:#334155;--color-gray-800:#1e293b;--color-gray-900:#0f172a;--color-success:#22c55e;--color-warning:#f59e0b;--color-error:#ef4444;--color-info:#3b82f6;--gradient-water:linear-gradient(135deg, #0ea5e9 0%, #0284c7 100%);--gradient-alert:linear-gradient(135deg, #f97316 0%, #ea580c 100%);--gradient-success:linear-gradient(135deg, #22c55e 0%, #16a34a 100%);--color-bg-primary:var(--color-gray-50);--color-bg-secondary:#ffffff;--color-bg-tertiary:var(--color-gray-100);--color-bg-elevated:#ffffff;--color-text-primary:var(--color-gray-900);--color-text-secondary:var(--color-gray-600);--color-text-tertiary:var(--color-gray-500);--color-text-inverse:#ffffff;--color-text-on-accent:#ffffff;--color-border:var(--color-gray-200);--color-border-hover:var(--color-gray-300);--color-border-focus:var(--color-primary-400);--color-input-bg:#ffffff;--color-input-border:var(--color-gray-200);--color-input-text:var(--color-gray-900);--color-input-placeholder:var(--color-gray-400);--color-button-primary-bg:var(--color-primary-500);--color-button-primary-text:#ffffff;--color-button-primary-hover:var(--color-primary-600);--color-success-bg:#dcfce7;--color-success-border:var(--color-secondary-400);--color-warning-bg:#fef3c7;--color-warning-border:#fbbf24;--color-error-bg:#fee2e2;--color-error-border:#fca5a5;--color-info-bg:#dbeafe;--color-info-border:#93c5fd;--color-card-bg:#ffffff;--color-card-border:var(--color-gray-200);--color-card-shadow:0 8px 20px rgba(15, 23, 42, 0.05);--energy-water-primary:var(--color-primary-500);--energy-water-light:var(--color-primary-300);--energy-water-dark:var(--color-primary-700);--energy-water-bg:rgba(2, 132, 199, 0.1);--energy-electricity-primary:#f59e0b;--energy-electricity-light:#fbbf24;--energy-electricity-dark:#d97706;--energy-electricity-bg:rgba(245, 158, 11, 0.1);--energy-gas-primary:var(--color-accent-500);--energy-gas-light:var(--color-accent-400);--energy-gas-dark:var(--color-accent-600);--energy-gas-bg:rgba(249, 115, 22, 0.1);--energy-renewable-primary:var(--color-secondary-500);--energy-renewable-light:var(--color-secondary-400);--energy-renewable-dark:var(--color-secondary-600);--energy-renewable-bg:rgba(34, 197, 94, 0.1);--color-footprint-bg:#fffbea;--color-footprint-border:#fbbf24;--color-footprint-text:#92400e;--color-simulator-bg:#e6faf0;--color-simulator-border:var(--color-secondary-400);--color-simulator-text:#065f46;--color-days-left-bg:var(--gradient-alert);--color-days-left-text:#ffffff;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-md:1.125rem;--font-size-lg:1.25rem;--font-size-xl:1.5rem;--font-size-2xl:1.875rem;--font-size-3xl:2.25rem;--font-size-4xl:3rem;--font-size-5xl:3.75rem;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.75;--letter-spacing-tight:-0.025em;--letter-spacing-normal:0;--letter-spacing-wide:0.025em;--font-primary:'Vazirmatn', -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:'Courier New', monospace;--measure:75ch;--space-0:0;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--space-8:4rem;--space-9:6rem;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 rgba(0, 0, 0, 0.05);--shadow-md:0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);--shadow-lg:0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);--shadow-xl:0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);--shadow-2xl:0 25px 50px -12px rgba(0, 0, 0, 0.25);--transition-fast:150ms cubic-bezier(0.4, 0, 0.2, 1);--transition-base:250ms cubic-bezier(0.4, 0, 0.2, 1);--transition-slow:350ms cubic-bezier(0.4, 0, 0.2, 1);--bp-sm:640px;--bp-md:768px;--bp-lg:1024px;--bp-xl:1280px;--bp-2xl:1440px;--glass-bg:rgba(255, 255, 255, 0.8);--glass-border:rgba(255, 255, 255, 0.18);--glass-shadow:0 8px 32px 0 rgba(31, 38, 135, 0.1)}body,h1,h2{color:var(--color-text-primary)}body{line-height:1.65;font-size:var(--font-size-base);font-family:var(--font-primary);line-height:var(--line-height-normal);background-color:var(--color-bg-primary)}h1,h2{line-height:var(--line-height-tight)}h1{line-height:1.2;font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-6)}h2{line-height:1.25;font-size:var(--font-size-3xl);margin-bottom:var(--space-5)}h2,h3,h4{font-weight:var(--font-weight-semibold)}h3,p{margin-bottom:var(--space-4)}h3{line-height:1.3;font-size:var(--font-size-2xl);line-height:var(--line-height-normal);color:var(--color-text-primary)}p{font-size:var(--font-size-base);line-height:var(--line-height-relaxed);max-width:var(--measure)}[data-theme=dark]{--color-bg-primary:var(--color-gray-900);--color-bg-secondary:var(--color-gray-800);--color-bg-tertiary:var(--color-gray-700);--color-bg-elevated:var(--color-gray-800);--color-text-primary:var(--color-gray-100);--color-text-secondary:var(--color-gray-300);--color-text-tertiary:var(--color-gray-400);--color-text-inverse:var(--color-gray-900);--color-text-on-accent:#ffffff;--color-border:var(--color-gray-700);--color-border-hover:var(--color-gray-600);--color-border-focus:var(--color-primary-400);--color-input-bg:var(--color-gray-800);--color-input-border:var(--color-gray-700);--color-input-text:var(--color-gray-100);--color-input-placeholder:var(--color-gray-500);--color-button-primary-bg:var(--color-primary-500);--color-button-primary-text:#ffffff;--color-button-primary-hover:var(--color-primary-600);--color-success-bg:#064e3b;--color-success-border:var(--color-secondary-600);--color-warning-bg:#78350f;--color-warning-border:#d97706;--color-error-bg:#7f1d1d;--color-error-border:#dc2626;--color-info-bg:#1e3a8a;--color-info-border:var(--color-primary-600);--color-card-bg:var(--color-gray-800);--color-card-border:var(--color-gray-700);--color-card-shadow:0 8px 20px rgba(0, 0, 0, 0.3);--color-footprint-bg:#422006;--color-footprint-border:#78350f;--color-footprint-text:#fbbf24;--color-simulator-bg:#064e3b;--color-simulator-border:#065f46;--color-simulator-text:#6ee7b7;--color-days-left-bg:linear-gradient(135deg, #dc2626, #991b1b);--color-days-left-text:#ffffff;--glass-bg:rgba(30, 41, 59, 0.8);--glass-border:rgba(255, 255, 255, 0.1);--glass-shadow:0 8px 32px 0 rgba(0, 0, 0, 0.3);--shadow-sm:0 1px 2px 0 rgba(0, 0, 0, 0.3);--shadow-md:0 4px 6px -1px rgba(0, 0, 0, 0.4), 0 2px 4px -1px rgba(0, 0, 0, 0.3);--shadow-lg:0 10px 15px -3px rgba(0, 0, 0, 0.5), 0 4px 6px -2px rgba(0, 0, 0, 0.4);--shadow-xl:0 20px 25px -5px rgba(0, 0, 0, 0.6), 0 10px 10px -5px rgba(0, 0, 0, 0.5)}h4{font-size:var(--font-size-xl)}.lead,h5{font-size:var(--font-size-lg)}h4,h5,h6{line-height:var(--line-height-normal);margin-bottom:var(--space-3);color:var(--color-text-primary)}h5,h6{font-weight:var(--font-weight-medium)}h6{font-size:var(--font-size-base);margin-bottom:var(--space-2)}.lead{line-height:var(--line-height-relaxed);color:var(--color-text-secondary)}.text-small,small{font-size:var(--font-size-sm)}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-md{font-size:var(--font-size-md)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.text-3xl{font-size:var(--font-size-3xl)}.text-4xl{font-size:var(--font-size-4xl)}.text-5xl{font-size:var(--font-size-5xl)}.card,.dash-card{background:var(--color-card-bg);color:var(--color-text-primary);border:1px solid var(--color-card-border);box-shadow:var(--color-card-shadow);border-radius:var(--radius-lg);transition:all var(--transition-base)}.card:hover,.dash-card:hover{border-color:var(--color-border-hover);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn,.button{padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);font-weight:var(--font-weight-semibold);transition:all var(--transition-fast);font-size:var(--font-size-base)}.btn-primary,.button-primary{background:var(--color-button-primary-bg);color:var(--color-button-primary-text);border:0}.btn-primary:hover,.button-primary:hover{background:var(--color-button-primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}input:not([type=range]),select,textarea{background:var(--color-input-bg);color:var(--color-input-text);border:1px solid var(--color-input-border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);font-size:var(--font-size-base);transition:border-color var(--transition-fast)}input::placeholder,textarea::placeholder{color:var(--color-input-placeholder)}input:focus:not([type=range]),select:focus,textarea:focus{outline:0;border-color:var(--color-border-focus);box-shadow:0 0 0 3px rgba(14,165,233,.1)}.footprint-card{background-color:var(--color-footprint-bg);border-color:var(--color-footprint-border);color:var(--color-footprint-text)}.simulator-card{background-color:var(--color-simulator-bg);border-color:var(--color-simulator-border);color:var(--color-simulator-text)}.days-left-card{background:var(--color-days-left-bg);color:var(--color-days-left-text)}.bg-primary{background-color:var(--color-primary-500)}.bg-secondary{background-color:var(--color-secondary-500)}.bg-accent{background-color:var(--color-accent-500)}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-tertiary{color:var(--color-text-tertiary)}.border-primary{border-color:var(--color-border)}.border-focus{border-color:var(--color-border-focus)}.success{color:var(--color-success)}.warning{color:var(--color-warning)}.error{color:var(--color-error)}.info{color:var(--color-info)}.bg-success{background-color:var(--color-success-bg);border-color:var(--color-success-border)}.bg-warning{background-color:var(--color-warning-bg);border-color:var(--color-warning-border)}.bg-error{background-color:var(--color-error-bg);border-color:var(--color-error-border)}.bg-info{background-color:var(--color-info-bg);border-color:var(--color-info-border)}@media (prefers-contrast:high){:root{--color-border:#000000;--color-text-primary:#000000}[data-theme=dark]{--color-border:#ffffff;--color-text-primary:#ffffff}}@media (prefers-reduced-motion:reduce){*,::after,::before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (max-width:768px){:root{--font-size-4xl:2.25rem;--font-size-3xl:1.875rem;--font-size-2xl:1.5rem}}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }
/*! tailwindcss v3.4.18 | MIT License | https://tailwindcss.com*/
@keyframes ping{75%,to{opacity:0;transform:scale(2)}}@keyframes pulse{50%{opacity:.5}}@keyframes spin{to{transform:rotate(1turn)}}*,:after,:before{border:0 solid #e5e7eb}:after,:before{box-sizing:border-box;--tw-content:""}body,html{overflow-x:hidden;max-width:100%}html{line-height:1.5;-webkit-text-size-adjust:100%;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-tap-highlight-color:transparent;box-sizing:border-box}body{line-height:inherit;margin:0;position:relative}h2{font-size:inherit}a{color:inherit;text-decoration:inherit}b{font-weight:bolder}button{font-size:100%;text-transform:none}button,h2,input{font-weight:inherit;margin:0}button,input{color:inherit;font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;line-height:inherit;padding:0}button,input:where([type=button]){-webkit-appearance:button;background-color:transparent;background-image:none}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}legend{padding:0}input::-moz-placeholder{color:#9ca3af;opacity:1}input::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}iframe,img,svg{display:block;vertical-align:middle}.static{position:static}.relative{position:relative}.mt-6{margin-top:1.5rem}.flex{display:flex}.hidden{display:none}.min-h-screen{min-height:100vh}.resize{resize:both}.flex-col{flex-direction:column}.bg-slate-950{--tw-bg-opacity:1;background-color:rgb(2 6 23/var(--tw-bg-opacity,1))}.py-6{padding-bottom:1.5rem;padding-top:1.5rem}.text-center{text-align:center}.text-xs{font-size:.75rem;line-height:1rem}.text-slate-100{--tw-text-opacity:1;color:rgb(241 245 249/var(--tw-text-opacity,1))}.text-slate-400{--tw-text-opacity:1;color:rgb(148 163 184/var(--tw-text-opacity,1))}@media (prefers-reduced-motion:reduce){@keyframes spin{to{transform:rotate(1turn)}}}*,::after,::before{box-sizing:inherit}:focus-visible{outline:2px solid #2563eb;outline-offset:2px}a:focus-visible,button:focus-visible{border-radius:.5rem}canvas,img,svg,video{max-width:100%;height:auto}iframe{max-width:100%}.logo{display:inline-flex;align-items:center;text-decoration:none}.logo img,.logo svg{height:auto;max-height:3rem}@media (min-width:768px){.logo img,.logo svg{max-height:4rem}}.container{width:100%;max-width:72rem;margin-inline:auto;padding-inline:1rem}.grid-2{display:grid;gap:1rem;grid-template-columns:1fr}@media (min-width:768px){.grid-2{grid-template-columns:1fr 1fr}}.scroll-x{overflow-x:auto;-webkit-overflow-scrolling:touch}.chart-wrap{position:relative;width:100%;height:320px}.chart-wrap>canvas{width:100%!important;height:100%!important}@media (max-width:640px){.chart-wrap{height:240px}}table{width:100%;border-collapse:collapse}.btn,button,input,select{min-height:40px}input,select,textarea{font-size:16px}@media (hover:none) and (pointer:coarse){input,select,textarea{font-size:16px}}@media (max-width:390px){:where(input,select,textarea){font-size:16px!important}}.full-viewport{min-height:100vh;min-height:100dvh}