:root{font-family:-apple-system,BlinkMacSystemFont,'Noto Sans JP','Yu Gothic',sans-serif;color:#182f37;background:#f1f5f7;font-size:16px}*{box-sizing:border-box}body{margin:0}header{background:#fff;border-bottom:1px solid #d7e2e7;display:flex;align-items:center;gap:18px;padding:20px 4vw}.brand{font-size:26px;font-weight:800;letter-spacing:.06em}.brand span{font-size:16px;font-weight:500;margin-left:16px;letter-spacing:0}header button{margin-left:auto}.badge{font-size:14px;background:#e3eef1;color:#245b67;padding:6px 12px;border-radius:6px}main{max-width:1320px;margin:auto;padding:30px 32px}.intro{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:24px}.eyebrow{color:#47717a;font-size:12px;font-weight:700;letter-spacing:.16em;margin:0 0 8px}h1{font-size:28px;margin:0}h2{font-size:18px;display:flex;align-items:center;gap:12px;margin:0 0 22px}h2 b{background:#e4eff2;color:#0f5260;font-size:14px;width:28px;height:28px;display:grid;place-items:center;border-radius:50%}h3{font-size:17px}.notice{font-size:14px;line-height:1.8;color:#52676f;border-left:3px solid #b4cbd1;padding-left:15px}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px}section,.summary{background:white;border:1px solid #d8e3e7;border-radius:12px;padding:24px;margin-bottom:20px}.summary{position:sticky;top:20px;border-top:5px solid #0f5260}.fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.wide{grid-column:1/-1}label{display:block;font-size:14px;font-weight:600}input,select,textarea{display:block;width:100%;font:inherit;font-size:16px;color:#182f37;background:#fff;border:1px solid #aebfc7;border-radius:6px;padding:11px 12px;margin-top:7px}input:focus,select:focus,textarea:focus{outline:3px solid #b8dfe6;border-color:#0f5260}button{font:inherit;font-size:15px;font-weight:700;padding:12px 18px;border:0;border-radius:6px;background:#0f5260;color:white;cursor:pointer}button:hover{filter:brightness(.94)}button:focus-visible{outline:3px solid #67aebe;outline-offset:2px}.sub{background:#fff;color:#244f5c;border:1px solid #b8cbd2}.primary{background:#0f5260}.lookup{display:flex;gap:12px;align-items:end}.lookup>label:first-child{width:150px}.lookup button{margin-bottom:1px;white-space:nowrap}.customerSelect{flex:1}.help{font-size:14px;line-height:1.7;color:#5b7079;font-weight:400}.sectionTop{display:flex;justify-content:space-between;align-items:center;gap:12px}.sectionTop h2{margin-bottom:14px}.sectionTop .help{margin-bottom:14px}table{border-collapse:collapse;width:100%}.tableWrap{overflow-x:auto}.matrix{min-width:530px}.matrix th{font-size:14px;text-align:center;padding:12px 6px;background:#f1f6f7}.matrix th:first-child{text-align:left;width:130px;padding-left:12px}.matrix td{padding:10px 6px;text-align:center;border-bottom:1px solid #e3eaed}.matrix input{max-width:82px;min-width:60px;text-align:center;font-size:20px;padding:10px 4px;margin:0 auto}.matrix small{font-size:12px;color:#58717a;display:block;margin:5px 0 0}.matrix td:first-child{text-align:left;font-weight:700;padding-left:12px}.matrix tfoot{font-weight:800;color:#0f5260}.big{font-size:58px;font-weight:750;line-height:1.3;margin:12px 0 18px}.big small{font-size:20px;margin-left:10px}.amount,.collect{display:flex;justify-content:space-between;gap:8px;align-items:center;margin:15px 0;font-size:14px}.amount strong{font-size:25px}.collect strong{font-size:18px}.summary hr,dialog hr{border:0;border-top:1px solid #dde6e9;margin:23px 0}.label{font-size:14px;font-weight:700}.check{display:flex;align-items:center;gap:10px;margin:12px 0;font-size:16px}.check input{width:18px;height:18px;margin:0;accent-color:#0f5260}.summary .primary{width:100%;padding:16px;margin-top:15px}.full{width:100%;margin-top:10px}.textButton{background:none;color:#45636f;width:100%;font-size:14px;padding:16px 0 0}#status{font-size:14px;line-height:1.6;color:#0f5260}.history{margin-top:4px}.orderRow{display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid #dfe8eb;padding:16px 0}.orderRow p{margin:5px 0;font-size:14px;color:#5b7079}.empty{text-align:center;padding:20px;color:#71838a}footer{text-align:center;color:#637b84;font-size:13px;padding:10px 20px 30px}dialog{width:min(850px,94vw);border:1px solid #c1d1d8;border-radius:12px;padding:26px;max-height:90vh}dialog::backdrop{background:#102d3d80}.dialogTop{display:flex;justify-content:space-between;align-items:center}.dialogTop h2{margin:0}.prices{min-width:580px;margin-bottom:20px}.prices th{font-size:14px;text-align:left}.prices td{padding:5px}.prices td:first-child{width:30%}.prices input{min-width:75px}#customerForm button{margin-top:20px}#printArea{display:none}@media(max-width:1000px){.workspace{grid-template-columns:minmax(0,1fr) 260px}main{padding:22px 16px}section,.summary{padding:18px}.lookup{flex-wrap:wrap}.customerSelect{flex-basis:100%}.intro{align-items:start}.notice{max-width:300px}}@media(max-width:760px){.workspace{display:block}.intro{display:block}.notice{margin-top:15px;max-width:none}.summary{position:static}.brand span{display:none}header{gap:10px;padding:16px}.fields{gap:12px}.sectionTop{flex-wrap:wrap}.orderRow{flex-wrap:wrap}}@page{size:A5 portrait;margin:8mm}@media print{body{background:#fff;color:#000}.screen,dialog{display:none!important}#printArea{display:block}.ticket{page-break-after:always;font-size:10pt;overflow-wrap:anywhere}.ticket:last-child{page-break-after:auto}.ticket h1{font-size:17pt;line-height:1.3;margin:3mm 0}.ticket .stamp{font-size:10pt;border-bottom:2px solid #000;padding-bottom:2mm;display:flex;justify-content:space-between;gap:3mm}.ticket p{line-height:1.45;margin:2mm 0}.ticket table{margin-top:3mm;table-layout:fixed;width:100%;font-size:9pt}.ticket th,.ticket td{border:1px solid #555;padding:2mm 1mm;text-align:right}.ticket th:first-child,.ticket td:first-child{text-align:left;width:29%}.ticket th:last-child,.ticket td:last-child{width:22%}.ticket tr{break-inside:avoid}.ticket .printTotal{font-size:15pt;font-weight:700;border-bottom:2px solid #000;padding:3mm 0}.ticket .printNote{white-space:pre-wrap;border:1px solid #777;padding:2mm;margin-top:3mm}.ticket .fine{font-size:8pt;color:#333}}

@media print{.issuerFooter{display:flex;gap:0;margin-top:5mm;padding-top:3mm;border-top:1px solid #555;break-inside:avoid;page-break-inside:avoid;align-items:stretch}.issuerInfo{flex:1;font-size:9pt;line-height:1.55;padding-right:3mm}.issuerShop{display:block;font-size:14pt;letter-spacing:.06em;margin-bottom:1mm}.signBox{width:27mm;min-height:30mm;border:1px solid #555;text-align:center;font-size:10pt;padding:2mm 1mm}.receiptBox{border-left:0;display:flex;flex-direction:column;justify-content:space-between}.receiptBox span{font-size:7pt;white-space:nowrap}}

fieldset{border:0;margin:0;padding:0;min-width:0}button:disabled{opacity:.5;cursor:wait}.historyControls{display:flex;gap:16px;align-items:end;margin:16px 0}#syncStatus,#historyStatus{font-size:14px;line-height:1.6}#syncStatus[data-error="true"],#historyStatus[data-error="true"]{color:#a52222}

[hidden]{display:none!important}.loginPanel{max-width:480px;margin:8vh auto;padding:30px}.loginPanel h1{margin-top:30px}.loginPanel form>label{margin-top:20px}#loginStatus{line-height:1.7}header{flex-wrap:wrap}header button{margin-left:0}header #settingsBtn{margin-left:auto}.accountLabel{font-size:14px;color:#47616d}.operatorField{border-bottom:1px solid #d8e3e7;padding-bottom:16px;margin-bottom:24px}.operatorField select{max-width:320px}#operatorForm button{margin-top:16px}[data-error=true]{color:#ac2a25!important}@media(max-width:600px){.loginPanel{margin:3vh 12px;padding:24px}header{gap:10px}header .brand{flex-basis:100%}header #settingsBtn{margin-left:0}.accountLabel{flex-basis:100%}}@media print{#loginPanel{display:none!important}}