:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#17344a;background:#e8f0f6;font-synthesis:none;font-size:15px;line-height:1.5;color-scheme:light;font-weight:400}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,select,summary{cursor:pointer}button,input,select{min-height:46px}button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #dbe5ed;border-radius:10px;padding:9px 13px;background:#fff;color:#225f8c;font-size:14px;font-weight:500}button:disabled{cursor:default;opacity:.5}button:hover:not(:disabled){background:#edf4f9}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #6da3c9;outline-offset:3px}input,select{display:block;width:100%;max-width:100%;min-width:0;border:1px solid #d5e1eb;border-radius:10px;padding:10px 12px;background:#fff;color:#17344a;font-size:16px}input[type=search]{-webkit-appearance:none;-moz-appearance:none;appearance:none}label,.field{display:block;font-size:13px;font-weight:500;margin-bottom:16px}label>input,label>select,label>.search,.field>.picker{margin-top:6px}h1,h2,p{margin:0}h1{font-size:28px;line-height:1.25;font-weight:600;letter-spacing:-.6px}h2{font-size:17px;font-weight:600}svg{flex-shrink:0}.app{max-width:520px;min-height:100dvh;margin:0 auto;background:#fff;box-shadow:0 0 50px #2448660b;display:flex;flex-direction:column}.app-header{padding:calc(24px + env(safe-area-inset-top)) 24px 18px;background:#f1f6fa;border-bottom:1px solid #e2eaf0}.brand-row,.title-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.brand{font-size:11px;font-weight:600;letter-spacing:1.4px}.badge{font-size:10px;letter-spacing:.6px;border:1px solid #d4e1ea;border-radius:5px;padding:3px 6px;white-space:nowrap;color:#526b7e}.title-row{margin-top:12px}.header-actions{display:flex;gap:8px}.header-actions button{width:44px;padding:8px;min-height:44px}.small{font-size:12px;color:#526b7e;font-weight:400}.muted{color:#526b7e}.status{margin-top:8px;min-height:18px}.content{padding:23px 24px 26px;flex:1}.eyebrow{font-size:11px;letter-spacing:1.2px;color:#647d8f;margin-bottom:20px}.picker{width:100%;justify-content:space-between;text-align:left;color:#17344a;font-size:16px;font-weight:400}.picker span{min-width:0;overflow-wrap:anywhere}.picker-panel{margin-top:8px;border:1px solid #dbe5ed;border-radius:12px;padding:10px;background:#f7fafc}.options{max-height:250px;overflow-y:auto;margin-top:6px}.options button{display:block;width:100%;text-align:left;overflow-wrap:anywhere;border:0;background:transparent;color:#17344a}.options button[aria-pressed=true]{background:#e2edf5}.search{position:relative;display:flex;align-items:center;gap:8px}.search svg{position:absolute;left:12px;color:#688398}.search input{padding-left:39px}.hero{padding:20px;background:#eff5fa;border:1px solid #e8f0f6;border-radius:15px;margin:23px 0 26px}.big-price{font-size:34px;font-weight:600;letter-spacing:-1px;font-variant-numeric:tabular-nums;margin:2px 0 4px;overflow-wrap:anywhere}.hero .small{overflow-wrap:anywhere}.counts{font-size:12px;color:#526b7e;margin-top:13px}.counts span{margin:0 7px;color:#859ba9}.section-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:5px}.section-head select{width:auto;max-width:185px;font-size:12px;min-height:40px;padding:8px}.order{border-bottom:1px solid #e0e9f0}.order summary{list-style:none;display:flex;justify-content:space-between;gap:12px;padding:17px 0;min-height:78px}.order summary::-webkit-details-marker,.months summary::-webkit-details-marker{display:none}.order-left{display:flex;flex-direction:column;min-width:0;gap:2px}.company{overflow-wrap:anywhere}.detail-link{display:flex;align-items:center;gap:3px;font-size:11px;color:#467495;margin-top:3px}.order[open] .detail-link svg{transform:rotate(180deg)}.order-right{display:flex;flex-direction:column;text-align:right;flex-shrink:0;gap:3px;font-variant-numeric:tabular-nums}.order-right strong{font-size:18px;font-weight:600}.delta{font-size:12px;color:#526b7e}.order-detail{background:#f2f6fa;border-radius:10px;padding:14px;margin:0 0 15px}dl{display:grid;grid-template-columns:minmax(85px,1fr) minmax(0,1.5fr);gap:8px;margin:0;font-size:13px}dt{color:#526b7e}dd{margin:0;text-align:right;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.months{margin-top:22px}.months summary{display:flex;align-items:center;gap:9px;min-height:48px;list-style:none;font-weight:500}.months summary>svg{margin-left:auto}.months[open] summary>svg{transform:rotate(180deg)}.months table{width:100%;border-collapse:collapse;font-size:12px;font-variant-numeric:tabular-nums}.months th,.months td{padding:12px 4px;border-bottom:1px solid #dbe5ed;text-align:right}.months th{font-weight:500;color:#526b7e}.months th:first-child,.months td:first-child{text-align:left}.months p{margin-top:12px}.explanation{margin-top:23px;line-height:1.65}.pagination{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:17px}.pagination button{font-size:12px;padding:8px}.empty{text-align:center;padding:36px 4px}.empty>svg{color:#587e9c;margin-bottom:12px}.empty p{margin:10px 0 18px}.login{padding-top:6px}.login-icon{display:flex;align-items:center;justify-content:center;width:58px;height:58px;border-radius:16px;background:#eff5fa;color:#225f8c;margin-bottom:20px}.login h2{font-size:25px;line-height:1.3;letter-spacing:-.5px;max-width:290px}.login>.muted{margin:12px 0 26px}.login>.small{text-align:center;margin-top:15px}.primary{background:#225f8c;border-color:#225f8c;color:#fff}.primary:hover:not(:disabled){background:#174d75}.full{width:100%}.error{color:#9d3030;background:#fff1f1;border-radius:10px;padding:12px;font-size:13px;margin-bottom:14px}.install{margin-top:26px;text-align:center}.text-button{background:transparent;border:0;font-size:12px}.install p{margin-top:8px;text-align:left}footer{background:#f1f6fa;border-top:1px solid #e1eaf1;padding:14px 24px calc(14px + env(safe-area-inset-bottom));font-size:11px;color:#688093}footer span{margin:0 6px}@media(min-width:600px){body{padding:28px 16px}.app{border-radius:24px;overflow:hidden;min-height:calc(100dvh - 56px);border:1px solid #dbe5ed}}@media(max-width:360px){.content{padding:20px 16px}.app-header{padding-left:16px;padding-right:16px}.brand{letter-spacing:.6px}.big-price{font-size:30px}.order-right strong{font-size:16px}.section-head select{max-width:160px}}@media(prefers-reduced-motion:no-preference){.loading>svg{animation:spin 2s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}}
