:root{--color-navy: #12355b;--color-navy-strong: #0e2a48;--color-navy-hover: #1b4a78;--color-accent: #16a6a1;--color-accent-soft: #e3f4f3;--color-page: #f5f7fa;--color-surface: #ffffff;--color-text: #16232f;--color-text-muted: #5b6b7c;--color-border: #dde3ea;--color-border-strong: #c7d0da;--color-success: #158f52;--color-success-soft: #e8f6ee;--color-attention: #c2540a;--color-attention-soft: #fdf0e6;--color-neutral: #3e5c76;--color-neutral-soft: #eef2f6;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--color-text);background:var(--color-page);font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;background:var(--color-page);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}table,th,td{font-family:inherit}.page-shell{width:min(100% - 2.5rem,1140px);margin:0 auto;padding:3.5rem 0 5rem}.brand-header{margin-bottom:2.5rem}.brand-name{display:flex;align-items:center;gap:.5rem;margin:0 0 .9rem;color:var(--color-navy);font-size:.9rem;font-weight:600;letter-spacing:.09em;text-transform:uppercase}.brand-mark{display:inline-block;width:9px;height:9px;border-radius:3px;background:var(--color-accent)}h1{max-width:760px;margin:0;color:var(--color-navy-strong);font-size:clamp(1.85rem,3.4vw,2.35rem);font-weight:700;line-height:1.18}.brand-intro{margin:.85rem 0 0;max-width:640px;color:var(--color-text-muted);font-size:1.05rem;line-height:1.5}.form-card,.results{padding:clamp(1.5rem,3vw,2.25rem);background:var(--color-surface);border:1px solid var(--color-border);border-radius:14px;box-shadow:0 1px 2px #1235540a,0 10px 24px #1235540d}.section-title{margin:0 0 1.5rem;color:var(--color-text-muted);font-size:.8125rem;font-weight:600;letter-spacing:.07em}form,form label{display:grid;gap:.5rem}form{gap:1.5rem}form label,legend{color:var(--color-text);font-size:.875rem;font-weight:500}.fields-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem}input,select,button{min-height:2.75rem;padding:.65rem .85rem;border:1px solid var(--color-border-strong);border-radius:8px;background:var(--color-surface);color:var(--color-text);font:inherit;transition:border-color .12s ease,box-shadow .12s ease}input:hover,select:hover{border-color:var(--color-text-muted)}input:focus-visible,select:focus-visible,button:focus-visible{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-soft)}fieldset{display:flex;flex-wrap:wrap;gap:1rem 1.5rem;margin:0;padding:1.1rem 1.25rem;border:1px solid var(--color-border);border-radius:10px}fieldset[hidden]{display:none}legend{padding:0 .4rem}.choice{display:flex;grid-template-columns:auto 1fr;align-items:center;gap:.55rem}.choice input{min-height:auto;margin:0;accent-color:var(--color-navy)}#reference-period{background:var(--color-neutral-soft);border-color:var(--color-border-strong)}.primary-button{border-color:var(--color-navy);background:var(--color-navy);color:#fff;font-size:1rem;font-weight:600;min-height:3rem;cursor:pointer}.primary-button:hover{border-color:var(--color-navy-hover);background:var(--color-navy-hover)}.primary-button:focus-visible{box-shadow:0 0 0 3px var(--color-accent-soft)}.primary-button:disabled{opacity:.65;cursor:wait}.status,.error{margin:1rem 0 0;padding:.8rem 1rem;border-radius:8px;font-size:.92rem}.status:empty,.error[hidden]{display:none}.status{background:var(--color-accent-soft);color:var(--color-navy-strong)}.error{background:var(--color-attention-soft);color:#9b3d18}.results{margin-top:2rem}.result-metadata{display:flex;flex-wrap:wrap;gap:.5rem 1.75rem;margin-bottom:2.25rem;color:var(--color-text-muted);font-size:.94rem}.result-metadata strong{color:var(--color-text);font-weight:500}.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.25rem}.kpi-card{position:relative;min-width:0;padding:1.2rem 1.5rem 1.2rem 1.75rem;border:1px solid var(--color-border);border-radius:14px;background:var(--color-surface);box-shadow:0 1px 2px #1235540a,0 8px 20px #1235540d}.kpi-card:before{content:"";position:absolute;top:.85rem;bottom:.85rem;left:0;width:4px;border-radius:2px;background:var(--color-accent)}.kpi-label{margin:0 0 .6rem;color:var(--color-text-muted);font-size:.8125rem;font-weight:500;letter-spacing:normal}.kpi-value{margin:0;overflow-wrap:anywhere;color:var(--color-navy-strong);font-size:clamp(1.75rem,3vw,2.25rem);font-weight:700;font-variant-numeric:tabular-nums}.kpi-unit{margin-left:.4rem;color:var(--color-text-muted);font-size:.85rem;font-weight:500;vertical-align:baseline}.comparison-section,.analysis-card{margin-top:2.5rem}.table-wrapper{overflow-x:auto}table{width:100%;border-collapse:separate;border-spacing:0;border:1px solid var(--color-border);border-radius:10px;overflow:hidden;font-variant-numeric:tabular-nums}th,td{padding:1.1rem;border-bottom:1px solid var(--color-border);text-align:left;font-size:1.02rem}th{background:var(--color-neutral-soft);color:var(--color-navy-strong);font-size:.88rem;font-weight:600}th:not(:first-child),td:not(:first-child){text-align:right;white-space:nowrap}tr:last-child td{border-bottom:0}td:first-child{font-weight:500}.variation-improvement{color:var(--color-success);font-weight:600}.variation-degradation{color:var(--color-attention);font-weight:600}.variation-neutral{color:var(--color-neutral);font-weight:600}.analysis-card{padding:1.5rem 1.65rem;border:1px solid var(--color-border);border-left:4px solid var(--color-neutral);border-radius:10px;background:var(--color-neutral-soft)}.analysis-card h2.section-title{margin-bottom:.9rem}.analysis-card h3{display:flex;align-items:center;gap:.5rem;margin:0 0 .6rem;color:var(--color-navy-strong);font-size:1.15rem;font-weight:600}.status-icon{font-weight:600}.analysis-card>p{margin:.6rem 0 0;font-size:.98rem;line-height:1.55}.analysis-improvement{border-left-color:var(--color-success);background:var(--color-success-soft)}.analysis-improvement h3 .status-icon{color:var(--color-success)}.analysis-degradation{border-left-color:var(--color-attention);background:var(--color-attention-soft)}.analysis-degradation h3 .status-icon{color:var(--color-attention)}.analysis-stable h3 .status-icon{color:var(--color-neutral)}.disclaimer{color:#46586b;font-size:.85rem;line-height:1.55}@media(max-width:900px){.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.page-shell{width:min(100% - 1.25rem,1140px);padding-top:2rem}.fields-row,.kpi-grid{grid-template-columns:1fr}fieldset{display:grid}table,tbody,tr,td{display:block;width:100%}tr:first-child{display:none}tr:not(:last-child){border-bottom:1px solid var(--color-border)}td{display:grid;grid-template-columns:minmax(7rem,.8fr) minmax(0,1.2fr);gap:1rem;border-bottom:0;text-align:right}td:first-child{display:block;padding-bottom:.3rem;background:var(--color-neutral-soft);text-align:left}td:not(:first-child):before{content:attr(data-label);color:var(--color-text-muted);font-weight:600;text-align:left}}