:root{font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:#14313a;background:#f1f5f4;font-size:16px}*{box-sizing:border-box}body{margin:0}main{max-width:1240px;margin:auto;padding:24px}h1{font-size:clamp(27px,4vw,40px);letter-spacing:-1px;margin:8px 0}h2{font-size:21px}h3{font-size:17px;margin:0}p{line-height:1.5}.eyebrow{color:#47656b;font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase}header,.row{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap}.brand{font-size:22px;font-weight:800}.muted{color:#526b70;font-size:14px}.grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,1fr);gap:20px}.card{background:#fff;border:1px solid #d9e3e1;border-radius:16px;padding:20px;margin:16px 0}.stat{border-left:4px solid #167e6a;padding:8px 16px}.notice{border:1px solid #c6d8d3;background:#e7f1ee;padding:14px;border-radius:10px;margin:16px 0}.error{background:#fff0ec;border-color:#db9c88;color:#842e1f}.tag{padding:6px 10px;background:#edf3f1;border-radius:30px;font-size:12px}.money{font-variant-numeric:tabular-nums;font-weight:750}button,a.button{background:#116b5a;color:#fff;border:0;border-radius:9px;padding:12px 16px;min-height:44px;font:inherit;font-weight:650;cursor:pointer;text-decoration:none;display:inline-block}button.secondary,a.secondary{background:#e6efec;color:#154a42}button:disabled{opacity:.55;cursor:default}a{color:#146653}input,select{background:#fff;border:1px solid #b5c9c3;border-radius:8px;min-height:46px;padding:10px;font:inherit;max-width:100%;width:100%}label{display:block;margin:12px 0 6px;font-size:14px;font-weight:650}.catalog{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}.item{border:1px solid #dbe6e2;border-radius:10px;background:#fff;padding:14px;color:#163a34;text-align:left}.item small{display:block;color:#526b70;margin:8px 0}.line{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #e2eae7;padding:12px 0}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.total{font-size:26px;font-weight:800}.history{font-size:13px;color:#526b70;margin:4px 0}.auth{max-width:480px;margin:10vh auto}.status{display:inline-block;margin:4px 0;font-size:13px;color:#73501b}.receipt{border-top:2px dashed #b6cac3;padding-top:16px;margin-top:16px}.danger{color:#8c3322}details{margin-top:10px}footer{padding:16px 0;color:#526b70;font-size:13px}.low-data .catalog{grid-template-columns:1fr}.banner{font-weight:600;padding:8px 12px;background:#193d43;color:white;border-radius:8px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #d29631;outline-offset:3px}@media(max-width:760px){main{padding:16px}.grid{grid-template-columns:1fr}.card{padding:16px}.catalog{grid-template-columns:repeat(2,minmax(0,1fr))}header .brand{font-size:19px}}@media print{header,nav,.no-print,.catalog,form{display:none!important}.card{border:0}main{padding:0}.grid{display:block}}
:root .grid{align-items:start}.catalog{max-height:460px;overflow:auto;overscroll-behavior:contain;padding-right:3px}.receipt strong{overflow-wrap:anywhere;max-width:100%}@media(max-width:760px){.catalog{max-height:320px}}
:root{font-family:Arial,Roboto,"Noto Sans",sans-serif;color-scheme:light dark;font-size:100%}main{padding-top:max(24px,env(safe-area-inset-top));padding-bottom:max(24px,env(safe-area-inset-bottom));padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}input,select,button{appearance:none}input,select{color:inherit}select{padding-right:28px}dt{font-weight:700;margin-top:12px}dd{margin:4px 0;overflow-wrap:anywhere}summary{cursor:pointer;min-height:44px;padding:10px 0}input:focus,select:focus{scroll-margin:100px}dialog{max-width:min(480px,90vw);border:1px solid #b5c9c3;border-radius:16px;padding:24px;background:#fff;color:#14313a}dialog::backdrop{background:#0008}@media(prefers-color-scheme:dark){:root{background:#102125;color:#e4efeb}.card,dialog,input,select,.item{background:#182f33;color:#e4efeb;border-color:#486268}.muted,.eyebrow,.history,footer,.item small{color:#b3c8ca}.notice,.tag{background:#25423f;color:#e0eee7;border-color:#64857c}.error{background:#482c29;color:#ffdcd0}button.secondary,a.secondary{background:#34524d;color:#e3f2eb}a{color:#8ddbc1}.status{color:#f0cd8c}.danger{color:#ffb6a3}.line{border-color:#486268}}