:root{color:#172126;background:#f4f7f6;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(180deg,#dfece7 0,#f4f7f6 260px),#f4f7f6}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}.app-shell{width:min(100%,520px);min-height:100vh;margin:0 auto;padding:20px 16px 28px}.app-header{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:22px}.eyebrow{margin:0 0 4px;color:#42646d;font-size:.82rem;font-weight:700}h1,h2,p{margin:0}h1{color:#143d59;font-size:2rem;line-height:1.1}h2{color:#16333a;font-size:1.2rem}.mode-switch{display:grid;grid-template-columns:1fr 1fr;min-width:132px;padding:4px;border:1px solid #bfd0d2;border-radius:8px;background:#ffffffc7}.mode-switch button{min-height:38px;border:0;border-radius:6px;background:transparent;color:#3d575d;font-weight:700}.mode-switch .active{background:#143d59;color:#fff}.panel,.reader{border:1px solid #d4e0df;border-radius:8px;background:#fff;box-shadow:0 12px 32px #122e3914}.panel{padding:20px}.reader{overflow:hidden}.section-title{display:flex;align-items:center;gap:10px;margin-bottom:18px}.section-title svg{width:22px;height:22px;color:#287271}.help-text{margin:-4px 0 18px;color:#405a61;font-size:.95rem;font-weight:700;line-height:1.7}.field,.reading-input{display:grid;gap:8px;margin-bottom:18px;color:#304a50;font-weight:700}.field input,.reading-input input{width:100%;min-height:54px;border:1px solid #b8c9ca;border-radius:8px;padding:0 14px;background:#fbfdfd;color:#172126;font-size:1.05rem}.field input:focus,.reading-input input:focus{border-color:#287271;box-shadow:0 0 0 3px #28727129;outline:none}.reading-input{margin:20px 0 0}.reading-input input{min-height:72px;font-size:2rem;font-weight:800;text-align:right}.actions{display:grid;gap:12px}.two-columns{grid-template-columns:1fr 1fr}.navigation{grid-template-columns:.9fr 1.1fr;padding:16px;border-top:1px solid #dce7e7;background:#f7fbfa}button,.file-button,.download-link{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:52px;border-radius:8px;border:1px solid transparent;padding:0 16px;cursor:pointer;font-weight:800;text-decoration:none}button svg,.file-button svg,.download-link svg{width:20px;height:20px;flex:0 0 auto}button:disabled{cursor:not-allowed;opacity:.45}.primary{background:#143d59;color:#fff}.secondary,.download-link{border-color:#b8c9ca;background:#fff;color:#16333a}.file-button{position:relative;overflow:hidden;background:#287271;color:#fff}.file-button input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.full{width:100%}.progress-row{display:flex;align-items:center;justify-content:space-between;min-height:54px;padding:0 16px;border-bottom:1px solid #dce7e7;color:#3d575d;font-weight:800}.link-button{min-height:40px;border:0;padding:0 4px;background:transparent;color:#1d5c63}.meter-panel{padding:18px 16px 20px}.customer-data{display:grid;gap:10px;margin:0}.customer-data div{display:grid;grid-template-columns:88px 1fr;gap:12px;align-items:baseline;min-height:36px}.customer-data dt{color:#577078;font-size:.86rem;font-weight:800}.customer-data dd{margin:0;color:#14252b;font-size:1.22rem;font-weight:900;overflow-wrap:anywhere}.summary-line{margin:2px 0 18px;color:#405a61;font-weight:700}.success{border-color:#b9dad5}.notice{margin-top:14px;border:1px solid #b8d3d0;border-radius:8px;padding:12px 14px;background:#eef8f5;color:#143d59;white-space:pre-wrap;font-weight:700}.notice.error{border-color:#efb5aa;background:#fff2ef;color:#8b2d21}@media (max-width: 380px){.app-header{align-items:stretch;flex-direction:column}.mode-switch{width:100%}}
