:root{--blue-dark:#1f4e79;--blue-mid:#2e75b6;--blue-light:#d6e4f0;--blue-pale:#ebf3fb;--green:#1a7340;--green-bg:#d4edda;--red:#9b1c1c;--red-bg:#fee2e2;--yellow:#92400e;--yellow-bg:#fef3c7;--gray:#374151;--gray-mid:#6b7280;--gray-light:#f3f4f6;--border:#e5e7eb;--white:#fff}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--gray);background:#eef2f7;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif}header{background:var(--blue-dark);color:#fff;justify-content:space-between;align-items:center;padding:18px 28px;display:flex}header h1{font-size:1.25rem;font-weight:800}header p{opacity:.7;margin-top:2px;font-size:.78rem}.hbadge{background:#ffffff26;border-radius:6px;padding:5px 12px;font-size:.75rem;font-weight:700}.header-right{align-items:center;gap:12px;display:flex}.logout-btn{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff4d;border-radius:6px;padding:4px 10px;font-size:.72rem}.logout-btn:hover{background:#fff3}.wrap{max-width:1200px;margin:0 auto;padding:20px 16px}.cost-banner{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:20px;display:grid}.cost-card{border-top:3px solid var(--blue-mid);background:#fff;border-radius:12px;padding:14px 16px;box-shadow:0 1px 6px #00000014}.cost-card.total{border-top-color:var(--blue-dark)}.cost-card.erie-c{border-top-color:#1a7340}.cost-card.diff-card{border-top-color:#b91c1c}.cost-card label{text-transform:uppercase;letter-spacing:.05em;color:var(--gray-mid);font-size:.68rem;font-weight:700}.cost-card .amt{color:var(--blue-dark);margin-top:3px;font-size:1.55rem;font-weight:800;line-height:1}.cost-card.erie-c .amt{color:var(--green)}.cost-card.diff-card .amt{color:var(--red)}.cost-card .sub{color:var(--gray-mid);margin-top:3px;font-size:.7rem}.alerts{flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.alert{border-radius:10px;align-items:flex-start;gap:12px;padding:12px 16px;font-size:.84rem;line-height:1.4;display:flex}.alert.warn{background:var(--red-bg);border:1px solid #fca5a5}.alert.note{background:var(--yellow-bg);border:1px solid #fcd34d}.alert.good{background:var(--green-bg);border:1px solid #6ee7b7}.alert-icon{flex-shrink:0;margin-top:1px;font-size:1.1rem}.alert h4{margin-bottom:2px;font-weight:700}.alert.warn h4{color:var(--red)}.alert.note h4{color:var(--yellow)}.alert.good h4{color:var(--green)}.alert p{color:var(--gray)}.tabs{background:#fff;border-radius:10px;gap:3px;margin-bottom:16px;padding:4px;display:flex;box-shadow:0 1px 6px #00000014}.tab{cursor:pointer;color:var(--gray-mid);background:0 0;border:none;border-radius:7px;flex:1;padding:9px 8px;font-size:.82rem;font-weight:700;transition:all .18s}.tab.active{background:var(--blue-dark);color:#fff;box-shadow:0 2px 8px #1f4e7940}.tab:hover:not(.active){background:var(--gray-light)}.card{background:#fff;border-radius:12px;margin-bottom:14px;overflow:hidden;box-shadow:0 1px 6px #00000014}.card-head{background:var(--blue-dark);color:#fff;justify-content:space-between;align-items:center;padding:12px 18px;display:flex}.card-head h2{font-size:.95rem;font-weight:800}.card-head .tag{background:#ffffff2e;border-radius:5px;padding:2px 10px;font-size:.7rem;font-weight:700}.cg{grid-template-columns:220px 1fr 1fr;display:grid}.ch-blank,.ch-cur,.ch-erie{text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid var(--border);padding:9px 14px;font-size:.68rem;font-weight:800}.ch-blank{background:var(--gray-light);color:var(--gray-mid)}.ch-cur{background:var(--blue-mid);color:#fff;text-align:center}.ch-erie{color:#fff;text-align:center;background:#1a7340}.crow{display:contents}.cl,.cv,.ce{border-bottom:1px solid var(--border);align-items:center;padding:10px 14px;font-size:.845rem;display:flex}.crow:nth-child(odd) .cl,.crow:nth-child(odd) .cv,.crow:nth-child(odd) .ce{background:#fff}.crow:nth-child(2n) .cl,.crow:nth-child(2n) .cv,.crow:nth-child(2n) .ce{background:var(--blue-pale)}.cl{color:var(--gray);font-size:.8rem;font-weight:600}.cv{text-align:center;color:var(--blue-dark);justify-content:center;font-weight:700}.ce{text-align:center;color:#1a7340;flex-direction:column;justify-content:center;gap:2px;font-weight:700}.ce.worse{color:var(--red);background:var(--red-bg)!important}.ce.better{color:var(--green);background:var(--green-bg)!important}.ce.same{color:var(--gray-mid)}.ce.note-row{color:var(--yellow);background:var(--yellow-bg)!important}.cv.worse{color:var(--red);background:var(--red-bg)!important}.cv.better{color:var(--green);background:var(--green-bg)!important}.sect-row{display:contents}.sect-row .cl,.sect-row .cv,.sect-row .ce{text-transform:uppercase;letter-spacing:.04em;color:var(--gray-mid);padding:7px 14px;font-size:.7rem;font-weight:800;background:var(--gray-light)!important}.prem-row{display:contents}.prem-row .cl{color:var(--gray);font-weight:800;background:var(--gray-light)!important}.prem-row .cv{color:var(--blue-dark);font-size:1.15rem;font-weight:900;background:var(--blue-pale)!important}.prem-row .ce{color:#1a7340;font-size:1.15rem;font-weight:900;background:#d4edda!important}.fn{color:var(--gray-mid);background:var(--gray-light);border-top:1px solid var(--border);padding:10px 16px;font-size:.72rem;font-style:italic;line-height:1.5}.prev-value{color:var(--red);opacity:.85;font-size:.68rem;font-weight:400;text-decoration:line-through}.diffs{flex-direction:column;gap:8px;padding:14px 16px;display:flex}.diff{border-radius:8px;align-items:flex-start;gap:10px;padding:12px 14px;display:flex}.diff.warn{background:var(--red-bg)}.diff.note{background:var(--yellow-bg)}.diff.good{background:var(--green-bg)}.diff-ico{flex-shrink:0;font-size:1.1rem}.diff h4{margin-bottom:2px;font-size:.84rem;font-weight:800}.diff.warn h4{color:var(--red)}.diff.note h4{color:var(--yellow)}.diff.good h4{color:var(--green)}.diff p{color:var(--gray);font-size:.79rem;line-height:1.45}.vcards{grid-template-columns:1fr 1fr 1fr;gap:10px;padding:14px;display:grid}.vc{background:var(--blue-pale);border:1px solid var(--blue-light);border-radius:9px;padding:12px 14px}.vc h3{color:var(--blue-dark);border-bottom:1px solid var(--blue-light);margin-bottom:8px;padding-bottom:8px;font-size:.84rem;font-weight:800}.vc .vr{justify-content:space-between;align-items:baseline;padding:2px 0;font-size:.77rem;display:flex}.vc .vr span:first-child{color:var(--gray-mid)}.vc .vr span:last-child{color:var(--gray);font-weight:700}.vc .vr.hp span:last-child{color:var(--blue-dark);font-size:.9rem}.vc .vr.ep span:last-child{color:#1a7340;font-size:.9rem}.vc .vr.warn span:last-child{color:var(--red);font-size:.75rem}.claim-wrap{padding:14px 16px}.prow{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:9px 0;font-size:.84rem;display:flex}.prow .dt{color:var(--gray-mid)}.prow .a{color:var(--blue-dark);font-weight:800}.ptotal{justify-content:space-between;align-items:center;padding:12px 0 4px;display:flex}.ptotal .lbl{font-size:.9rem;font-weight:800}.ptotal .ta{color:var(--green);font-size:1.4rem;font-weight:900}.cgrid{grid-template-columns:1fr 1fr;gap:10px;padding:14px;display:grid}.cc{background:var(--blue-pale);border:1px solid var(--blue-light);border-radius:9px;padding:12px 14px}.cc.agent{background:#f0fdf4;border-color:#6ee7b7}.cc .cn{color:var(--blue-dark);font-size:.88rem;font-weight:800}.cc.agent .cn{color:var(--green)}.cc .cr{color:var(--gray-mid);margin-top:1px;font-size:.73rem}.cc .cdet{color:var(--gray);margin-top:7px;font-size:.77rem;line-height:1.6}.stitle{text-transform:uppercase;letter-spacing:.05em;color:var(--gray-mid);padding:12px 16px 4px;font-size:.68rem;font-weight:800}.badge-warn{background:var(--red-bg);color:var(--red);border-radius:4px;padding:1px 6px;font-size:.66rem;font-weight:800}.badge-good{background:var(--green-bg);color:var(--green);border-radius:4px;padding:1px 6px;font-size:.66rem;font-weight:800}.badge-note{background:var(--yellow-bg);color:var(--yellow);border-radius:4px;padding:1px 6px;font-size:.66rem;font-weight:800}.changelog{flex-direction:column;gap:12px;padding:14px 16px;display:flex}.cl-entry{background:var(--gray-light);border-left:3px solid var(--gray-mid);border-radius:8px;padding:12px 14px}.cl-entry.latest{background:var(--blue-pale);border-left-color:var(--blue-mid)}.cl-entry h4{color:var(--blue-dark);margin-bottom:6px;font-size:.88rem;font-weight:800}.cl-entry ul{color:var(--gray);padding-left:16px;font-size:.82rem;line-height:1.8}.login-wrap{background:#eef2f7;justify-content:center;align-items:center;min-height:100vh;display:flex}.login-card{background:#fff;border-radius:14px;width:100%;max-width:380px;padding:36px 32px;box-shadow:0 4px 24px #0000001f}.login-card h1{color:var(--blue-dark);margin-bottom:4px;font-size:1.1rem;font-weight:800}.login-card p{color:var(--gray-mid);margin-bottom:24px;font-size:.82rem}.login-card label{text-transform:uppercase;letter-spacing:.05em;color:var(--gray-mid);margin-bottom:6px;font-size:.75rem;font-weight:700;display:block}.login-card input{border:1px solid var(--border);border-radius:8px;outline:none;width:100%;margin-bottom:16px;padding:10px 12px;font-size:.9rem}.login-card input:focus{border-color:var(--blue-mid);box-shadow:0 0 0 3px #2e75b626}.login-card button{background:var(--blue-dark);color:#fff;cursor:pointer;border:none;border-radius:8px;width:100%;padding:11px;font-size:.9rem;font-weight:700}.login-card button:hover{background:var(--blue-mid)}.login-error{background:var(--red-bg);color:var(--red);border-radius:6px;margin-bottom:14px;padding:8px 12px;font-size:.8rem;font-weight:600}@media (max-width:780px){.cost-banner{grid-template-columns:1fr 1fr}.cg{grid-template-columns:140px 1fr 1fr}.vcards,.cgrid{grid-template-columns:1fr}.tabs .tab{padding:8px 4px;font-size:.72rem}}