:root{color-scheme:light;--ink:#233e38;--green:#28554c;--muted:#60736b;--cream:#f6f4ed;--line:#d9dfd5;--orange:#a84f24}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font:16px/1.75 -apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN",sans-serif}header,main,footer{max-width:1160px;margin:auto;padding:28px 24px}header{padding-top:40px;padding-bottom:10px}.brand{display:flex;align-items:center;gap:16px}.brand img{flex:none}h1{font-size:clamp(22px,3.2vw,32px);line-height:1.5;margin:0}h2{font-size:20px;line-height:1.5;margin:0 0 16px}h3{font-size:19px;line-height:1.5;margin:0 0 10px;overflow-wrap:anywhere}.eyebrow{font-size:11px;letter-spacing:.12em;margin:0 0 5px;color:var(--muted)}.lead{font-size:20px;margin:20px 0 8px}.sub{font-size:13px;color:var(--muted);margin:8px 0 14px}.layout{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:24px;align-items:start}.right{min-width:0;display:grid;gap:24px}.panel{min-width:0;background:#fffefa;border:1px solid var(--line);border-radius:20px;padding:24px;box-shadow:0 5px 18px #233e3806}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.section-head h2{margin-bottom:8px}.section-head select{width:auto;max-width:100%;margin:0 0 8px}.pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.pair>div{min-width:0}label{display:block;font-size:14px;font-weight:600;margin:14px 0 5px}input,select,textarea,button,.file-button{font:inherit;font-size:16px;min-width:0}input,select,textarea{display:block;width:100%;border:1px solid #a6b6ac;border-radius:9px;background:#fff;color:var(--ink);padding:11px 12px;min-height:46px}textarea{resize:vertical}button,.file-button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;border:1px solid var(--green);border-radius:10px;padding:10px 15px;color:#fff;background:var(--green);font-weight:600;cursor:pointer;line-height:1.5;text-decoration:none;white-space:normal}button:hover,.file-button:hover{filter:brightness(.96)}button:disabled{opacity:.5;cursor:not-allowed}.secondary{background:#fffefa;color:var(--green)}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.inline{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:10px}.inline input,.inline select{flex:1 1 150px}.inline button{flex:1 1 150px}.required{font-size:11px;color:var(--orange);padding-left:8px}.warranty-box{background:#eef3ed;padding:1px 14px 10px;border-radius:12px;margin-top:16px}.notice{background:#e8efe5;border-radius:12px;padding:14px 18px;margin:0 0 20px;overflow-wrap:anywhere}.warning{background:#fff0e3;border:2px solid #ad642e;border-radius:12px;padding:18px;overflow-wrap:anywhere}.item-card{border:1px solid var(--line);border-radius:12px;padding:18px;margin:12px 0;overflow-wrap:anywhere}.item-card p{margin:5px 0}.item-card .actions{margin-top:12px}.badge{display:inline-block;font-size:12px;background:#eef2eb;padding:3px 9px;border-radius:20px;margin:0 5px 8px 0}.soon{color:#8d4b16;background:#fff1d8}.expired{color:#933d3d;background:#fceaea}.normal{color:#28554c;background:#e6efe8}.unset{color:#65736d;background:#eff0eb}.empty{padding:22px 10px;color:var(--muted);text-align:center}.detail-grid{display:grid;grid-template-columns:110px minmax(0,1fr);margin:16px 0}.detail-grid dt,.detail-grid dd{padding:9px 0;border-bottom:1px solid var(--line);margin:0;overflow-wrap:anywhere;white-space:pre-wrap}.detail-grid dt{font-size:13px;color:var(--muted);padding-right:12px}.detail-grid a{overflow-wrap:anywhere;color:var(--green)}.file-button{position:relative;background:#fffefa;color:var(--green);margin:0;overflow:hidden}.file-button input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}.file-button:has(input:disabled){opacity:.5}.notes{font-size:13px;color:var(--muted);padding:12px 0 0}footer{font-size:11px;color:var(--muted);text-align:center}details{font-size:14px;margin-top:12px}summary{cursor:pointer;color:var(--green);padding:8px 0}dialog{border:1px solid var(--line);border-radius:16px;padding:24px;max-width:calc(100% - 28px);width:450px;color:var(--ink)}dialog p{overflow-wrap:anywhere;white-space:pre-wrap}dialog::backdrop{background:#173f3b66}:focus-visible{outline:3px solid #c77940;outline-offset:3px}[hidden]{display:none!important}#print-sheet{background:white;color:#111}
@media(max-width:760px){header,main,footer{padding-left:16px;padding-right:16px}.layout{grid-template-columns:1fr;gap:18px}.right{gap:18px}.panel{padding:18px}.pair{grid-template-columns:1fr}.brand{gap:10px}.brand img{width:50px;height:50px}.eyebrow{font-size:9px;letter-spacing:.04em}.lead{font-size:18px}.section-head button{font-size:14px}.detail-grid{grid-template-columns:90px minmax(0,1fr)}}
@page{size:A4;margin:16mm}@media print{body{background:white;font-size:11pt;line-height:1.6}#app,dialog{display:none!important}#print-sheet[hidden],#print-sheet{display:block!important}#print-sheet h1{font-size:20pt;margin-bottom:5mm;overflow-wrap:anywhere}#print-sheet h2{font-size:12pt;margin-top:6mm}#print-sheet p,#print-sheet dd{white-space:pre-wrap;overflow-wrap:anywhere}#print-sheet .detail-grid{grid-template-columns:36mm minmax(0,1fr)}#print-sheet dt,#print-sheet dd{padding:2mm 0;color:#111;border-bottom:1px solid #bbb}#print-sheet dt{font-size:10pt}#print-sheet .print-note{font-size:9pt;color:#444}#print-sheet a{color:#111;text-decoration:none}#print-sheet dt{break-after:avoid}#print-sheet h1,#print-sheet h2{break-after:avoid}}

h1 span{display:inline-block;white-space:nowrap}

.actions a{display:inline-flex;align-items:center;justify-content:center;min-height:46px;border:1px solid var(--green);border-radius:10px;padding:10px 15px;line-height:1.5;text-decoration:none;font-weight:600;max-width:100%}