:root{--bg: #f1f5f9;--panel: #ffffff;--muted: #64748b;--text: #0f172a;--line: #dbe3ee;--accent: #2563eb}*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--text)}.app-shell{max-width:1400px;margin:0 auto;padding:16px 20px 32px}.topbar{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:start;background:var(--panel);border-radius:20px;padding:18px 20px;box-shadow:0 1px 2px #0f172a14}.topbar-title{font-size:28px;font-weight:700;line-height:1.05}.topbar-subtitle{margin-top:4px;color:var(--muted);font-size:14px;line-height:1.2}.topbar-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:flex-end;max-width:760px}.file-input,.input,.select{border:1px solid var(--line);background:#fff;border-radius:12px;padding:9px 11px;font-size:14px}.btn{border:1px solid var(--line);border-radius:14px;padding:9px 12px;background:#fff;cursor:pointer;font-size:13px;line-height:1.1}.btn:hover{background:#f8fafc}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn-outline{background:#fff}.btn-sm{padding:6px 8px;font-size:11px;line-height:1.1}.alert{margin-top:16px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:14px 16px}.alert.bad{border-color:#fecaca;background:#fef2f2}.grid-main{display:grid;grid-template-columns:1fr 330px;gap:18px;margin-top:16px}.left-stack{display:flex;flex-direction:column;gap:16px}.report-page{background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 1px 2px #0f172a14;border:1px solid #e5e7eb}.report-title-block{padding:18px 28px;text-align:center;border-bottom:1px solid var(--line)}.report-title{font-size:26px;font-weight:700}.report-subtitle{margin-top:3px;color:var(--muted);font-size:13px}.report-study-row{border-bottom:1px solid var(--line);text-align:center;padding:8px 22px;font-size:13px;color:#334155;line-height:1.2}.sep{margin:0 8px;color:#94a3b8}.report-two-col{display:grid;grid-template-columns:1fr 1fr;gap:14px;border-bottom:1px solid var(--line);padding:16px 28px}.report-detail-grid{display:grid;grid-template-columns:auto 1fr;gap:7px 12px;font-size:14px}.report-detail-grid .k{font-weight:700;color:var(--muted)}.metric-card-row{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;padding:16px 28px;border-bottom:1px solid var(--line)}.metric-card{border:1px solid var(--line);border-radius:18px;padding:14px 10px;text-align:center;min-height:108px}.metric-label{color:var(--muted);font-size:13px;font-weight:700}.metric-value{margin-top:7px;font-size:26px;font-weight:700;line-height:1.05}.metric-unit{margin-top:4px;font-size:11px;color:var(--muted)}.metric-ref{margin-top:3px;font-size:10px;color:#94a3b8}.interpretation-band{border-bottom:1px solid var(--line);background:#f8fafc;padding:10px 28px;text-align:center;line-height:1.5;font-size:13px;color:#334155}.chart-zone{display:grid;grid-template-columns:1.2fr .95fr;gap:14px;padding:18px 28px}.chart-left{display:grid;gap:14px}.chart-card{border:1px solid var(--line);border-radius:18px;padding:0}.chart-card-title{padding:12px 14px 4px;font-size:13px;font-weight:700;color:#334155}.chart-card-body{height:208px;padding:0 6px 6px}.chart-right .chart-card-body{height:430px}.report-footer{border-top:1px solid var(--line);padding:10px 28px 14px;font-size:11px;color:var(--muted);line-height:1.2}.panel{background:#fff;border-radius:18px;padding:16px;box-shadow:0 1px 2px #0f172a14}.panel-title{font-size:18px;font-weight:700}.panel-title-row{display:flex;justify-content:space-between;align-items:center}.panel-subtle{margin-top:8px;font-size:13px;color:var(--muted)}.compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.compare-card{border:1px solid var(--line);border-radius:14px;padding:12px}.compare-card-title{font-size:13px;font-weight:700;color:var(--muted)}.compare-card-name{margin-top:4px;font-weight:700}.compare-card-id{font-size:12px;color:var(--muted)}.compare-table{display:grid;grid-template-columns:1fr auto;gap:6px 8px;margin-top:10px;font-size:13px}.archive-panel{position:sticky;top:16px;align-self:start}.archive-filters{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:12px}.archive-list{display:flex;flex-direction:column;gap:10px;margin-top:14px}.archive-card{border:1px solid var(--line);border-radius:14px;padding:10px}.archive-card-top{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.archive-name-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.archive-name{font-weight:700;line-height:1.05}.badge{display:inline-block;border-radius:999px;padding:3px 8px;background:#e2e8f0;font-size:11px}.archive-id{font-size:11px;color:var(--muted);line-height:1.1;word-break:break-word}.archive-meta{margin-top:4px;font-size:12px;color:#475569;line-height:1.2}.archive-actions{display:flex;flex-wrap:wrap;gap:5px;justify-content:flex-end;align-items:flex-start;min-width:0;max-width:140px}.archive-actions .btn{padding:5px 7px;font-size:10px;border-radius:12px;white-space:nowrap;min-width:0}.warning-card{background:#fff;border-radius:18px;padding:16px;box-shadow:0 1px 2px #0f172a14}.warning-title{font-weight:700;margin-bottom:10px}.warning-list{margin:0;padding-left:18px;color:#334155;font-size:14px}@media (max-width: 1200px){.grid-main{grid-template-columns:1fr}.archive-panel{position:static}.topbar{grid-template-columns:1fr}.topbar-actions{justify-content:flex-start;max-width:none}}@media (max-width: 900px){.metric-card-row,.report-two-col,.chart-zone,.compare-grid,.archive-filters{grid-template-columns:1fr}.metric-card-row{grid-template-columns:repeat(2,1fr)}.chart-right .chart-card-body{height:250px}.archive-actions{max-width:none}}.tar-panel{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:16px 28px 18px;background:#fff}.tar-panel-title{font-size:16px;font-weight:800;color:#334155}.tar-panel-subtitle{margin-top:4px;font-size:12px;color:#64748b}.tar-grid{margin-top:12px;display:grid;gap:10px}.tar-row{display:grid;grid-template-columns:130px repeat(7,minmax(90px,1fr));align-items:stretch}.tar-label{display:flex;align-items:center;padding-right:14px;font-size:14px;font-weight:800;color:#334155}.tar-corner{padding-right:0}.tar-cell{display:flex;align-items:center;justify-content:center;min-height:56px;border-left:1px solid #cbd5e1}.tar-head-cell{min-height:42px;background:#64748b;color:#fff;font-size:13px;font-weight:800;border-top:1px solid #475569;border-bottom:1px solid #475569}.tar-header-row .tar-head-cell:first-of-type{border-top-left-radius:18px}.tar-header-row .tar-head-cell:last-child{border-top-right-radius:18px}.tar-value-cell{background:#fff;font-size:12px;font-weight:700;color:#0f172a;border-top:1px solid #cbd5e1;transition:background-color .2s ease,color .2s ease}.tar-tone-low{background:#e8f5e9;color:#166534}.tar-tone-moderate{background:#fff1c2;color:#92400e}.tar-tone-high{background:#fecaca;color:#991b1b}.tar-unavailable{color:#94a3b8;background:#f8fafc;text-decoration:line-through;font-weight:600}.screen-only{display:block}.print-only{display:none!important}@media print{@page{size:A4 portrait;margin:14mm 6mm 6mm}body{background:#fff!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.screen-only{display:none!important}.print-only{display:block!important;padding-top:0!important}.topbar,.panel,.warning-card,.archive-panel{display:none!important}.app-shell{max-width:none!important;padding:0!important}.grid-main{display:block!important;margin-top:0!important}.print-template,.print-only .report-page{margin:0 auto!important;border:.6px solid #cbd5e1!important;border-radius:8px!important;box-shadow:none!important;overflow:hidden!important;background:#fff!important}.print-template{width:190mm!important;padding:10mm 0 0!important}.print-only .report-page{width:auto!important;max-width:none!important}.report-page{break-inside:avoid;page-break-inside:avoid}.report-title-block{padding:10px 16px 6px!important}.report-title{font-size:20px!important;line-height:1.02!important}.report-subtitle{margin-top:2px!important;font-size:10px!important}.report-study-row{padding:6px 14px!important;font-size:10px!important;line-height:1.15!important}.sep{margin:0 4px!important}.report-two-col{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;padding:8px 14px!important}.report-detail-grid{font-size:10px!important;gap:3px 8px!important;line-height:1.1!important}.metric-card-row{display:grid!important;grid-template-columns:repeat(6,1fr)!important;gap:6px!important;padding:8px 14px!important}.metric-card{padding:7px 6px!important;min-height:68px!important;border-radius:12px!important}.metric-label{font-size:10px!important}.metric-value{margin-top:4px!important;font-size:16px!important;line-height:1.02!important}.metric-unit{margin-top:1px!important;font-size:8.5px!important}.metric-ref{margin-top:1px!important;font-size:8px!important}.interpretation-band{padding:6px 14px!important;font-size:10px!important;line-height:1.22!important}.tar-panel{padding:8px 14px 10px!important}.tar-panel-title{font-size:14px!important}.tar-panel-subtitle{margin-top:2px!important;font-size:9px!important}.tar-grid{margin-top:8px!important;gap:6px!important}.tar-row{grid-template-columns:96px repeat(7,minmax(0,1fr))!important}.tar-label{padding-right:8px!important;font-size:11px!important}.tar-cell{min-height:34px!important}.tar-head-cell{min-height:26px!important;font-size:10px!important}.tar-value-cell{font-size:9px!important}.chart-zone{display:grid!important;grid-template-columns:1.2fr .95fr!important;gap:8px!important;padding:8px 14px!important}.chart-left{display:grid!important;gap:8px!important}.chart-right{display:block!important}.chart-card{border-radius:12px!important}.chart-card-title{padding:6px 8px 2px!important;font-size:10px!important;line-height:1.1!important}.chart-card-body{height:122px!important;padding:0 2px 2px!important}.chart-right .chart-card-body{height:248px!important}.report-footer{padding:6px 14px 7px!important;font-size:8px!important;line-height:1.1!important}.recharts-wrapper,.recharts-surface,.recharts-text,.recharts-default-legend,.recharts-legend-item-text{font-size:8px!important}}.metric-dashboard{display:grid;grid-template-columns:1fr 1fr 1fr 1.1fr;gap:10px;padding:14px 28px 12px;border-bottom:1px solid var(--line);align-items:stretch}.metric-group,.metric-pattern-panel{border:1px solid #dbe3ee;border-radius:16px;padding:8px;background:#fff}.metric-group-total{background:linear-gradient(180deg,#fff,#f8fafc)}.metric-group-excess{background:linear-gradient(180deg,#fbf2f2,#f2d2d2);border-color:#dfbaba}.metric-group-deficit{background:linear-gradient(180deg,#fffaf0,#f8edbd);border-color:#e6d99f}.metric-group-excess .metric-card{border-color:#dfc7c7;background:#ffffff80}.metric-group-deficit .metric-card{border-color:#e7ddb1;background:#ffffff6b}.metric-pattern-panel{background:linear-gradient(180deg,#fff,#f8fafc)}.metric-group-title{text-align:center;font-size:11px;line-height:1.1;font-weight:800;color:#64748b;margin-bottom:6px;letter-spacing:.02em}.metric-group-excess .metric-group-title{color:#8f2d2d}.metric-group-deficit .metric-group-title{color:#8a6a00}.metric-group-cards{display:grid;grid-template-columns:1fr 1fr;gap:7px}.metric-dashboard .metric-card{min-height:88px!important;padding:8px 6px!important;border-radius:12px!important}.metric-dashboard .metric-card-pattern{min-height:88px!important}.metric-dashboard .metric-card-pattern .metric-value{font-size:18px}.metric-legend-strip{display:none!important}@media print{.metric-dashboard{grid-template-columns:1fr 1fr 1fr 1.1fr!important;gap:6px!important;padding:7px 14px 6px!important}.metric-group,.metric-pattern-panel{border-radius:10px!important;padding:5px!important}.metric-group-title{font-size:7.8px!important;margin-bottom:3px!important}.metric-group-cards{gap:4px!important}.metric-dashboard .metric-card{min-height:54px!important;padding:4px 3px!important;border-radius:8px!important}.metric-dashboard .metric-label{font-size:7.5px!important}.metric-dashboard .metric-value{font-size:13px!important}.metric-dashboard .metric-unit{font-size:6.8px!important}.metric-dashboard .metric-ref,.metric-dashboard .metric-subtitle{font-size:6.2px!important}.metric-dashboard .metric-card-pattern .metric-value{font-size:11px!important}}.tar-tone-low{background:#e8f5e9!important;color:#166534!important}.tar-tone-moderate{background:#e0f2fe!important;color:#075985!important}.tar-tone-high{background:#fecaca!important;color:#991b1b!important}@media print{.tar-tone-low{background:#e8f5e9!important;color:#166534!important}.tar-tone-moderate{background:#e0f2fe!important;color:#075985!important}.tar-tone-high{background:#fecaca!important;color:#991b1b!important}}.tbr-panel{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:14px 28px 16px;background:#fff}.tbr-panel-title{font-size:16px;font-weight:800;color:#334155}.tbr-panel-subtitle{margin-top:4px;font-size:12px;color:#64748b}.tbr-grid{margin-top:12px;display:grid;gap:10px}.tbr-row{display:grid;grid-template-columns:130px repeat(5,minmax(90px,1fr));align-items:stretch}.tbr-label{display:flex;align-items:center;padding-right:14px;font-size:14px;font-weight:800;color:#334155}.tbr-corner{padding-right:0}.tbr-cell{display:flex;align-items:center;justify-content:center;min-height:54px;border-left:1px solid #cbd5e1}.tbr-head-cell{min-height:40px;background:#475569;color:#fff;font-size:13px;font-weight:800;border-top:1px solid #334155;border-bottom:1px solid #334155}.tbr-header-row .tbr-head-cell:first-of-type{border-top-left-radius:18px}.tbr-header-row .tbr-head-cell:last-child{border-top-right-radius:18px}.tbr-value-cell{background:#fff;font-size:12px;font-weight:700;color:#0f172a;border-top:1px solid #cbd5e1}.tbr-tone-none{background:#e8f5e9!important;color:#166534!important}.tbr-tone-low{background:#e0f2fe!important;color:#075985!important}.tbr-tone-moderate{background:#fee2e2!important;color:#991b1b!important}.tbr-tone-high{background:#fecaca!important;color:#7f1d1d!important}.tbr-unavailable{color:#94a3b8;background:#f8fafc;text-decoration:line-through;font-weight:600}@media print{.tbr-panel{padding:6px 14px 7px!important}.tbr-panel-title{font-size:12px!important}.tbr-panel-subtitle{margin-top:2px!important;font-size:8.4px!important}.tbr-grid{margin-top:5px!important;gap:4px!important}.tbr-row{grid-template-columns:96px repeat(5,minmax(0,1fr))!important}.tbr-label{padding-right:8px!important;font-size:10px!important}.tbr-cell{min-height:25px!important}.tbr-head-cell{min-height:21px!important;font-size:9px!important}.tbr-value-cell{font-size:8.5px!important}.chart-zone{padding:6px 14px!important}.chart-left{gap:6px!important}.chart-card-body{height:112px!important}.chart-right .chart-card-body{height:228px!important}}.pwa-tip{margin-top:12px;background:#eff6ff;border:1px solid #bfdbfe;color:#1e3a8a;border-radius:16px;padding:10px 14px;font-size:13px;line-height:1.35}@media (display-mode: standalone){body{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}}@media (max-width: 700px){.app-shell{padding:10px 8px 22px;max-width:100vw;overflow-x:hidden}.topbar{border-radius:16px;padding:14px 12px}.topbar-title{font-size:21px}.topbar-subtitle{font-size:12px}.topbar-actions{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:7px}.topbar-actions .file-input{grid-column:1 / -1;width:100%;min-width:0}.topbar-actions .btn{width:100%;min-height:42px;font-size:12px;padding:9px 7px}.pwa-tip{font-size:12px;border-radius:14px;padding:9px 11px}.report-page{border-radius:18px}.report-title-block,.report-two-col,.metric-dashboard,.interpretation-band,.tar-panel,.tbr-panel,.chart-zone,.report-footer{padding-left:10px!important;padding-right:10px!important}.report-title{font-size:20px}.report-subtitle,.report-study-row,.report-detail-grid,.interpretation-band,.report-footer{font-size:11px}.report-two-col,.metric-dashboard{grid-template-columns:1fr!important;gap:8px}.metric-group-cards{grid-template-columns:1fr 1fr}.tar-panel,.tbr-panel{overflow-x:auto;-webkit-overflow-scrolling:touch}.tar-grid{min-width:760px}.tbr-grid{min-width:610px}.tar-row{grid-template-columns:105px repeat(7,minmax(80px,1fr))}.tbr-row{grid-template-columns:105px repeat(5,minmax(80px,1fr))}.tar-label,.tbr-label,.tar-head-cell,.tbr-head-cell{font-size:12px}.chart-zone{grid-template-columns:1fr!important}.chart-card-body{height:210px;overflow-x:auto}.chart-right .chart-card-body{height:270px}.archive-panel{position:static}.archive-filters{grid-template-columns:1fr!important}.archive-actions{justify-content:flex-start;max-width:none}.compare-grid{grid-template-columns:1fr!important}}@media print{.pwa-tip{display:none!important}}