:root{font-family:'Noto Sans JP','Yu Gothic UI',Meiryo,sans-serif;color:#193241;background:#f3f5f3;font-size:15px}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}[hidden]{display:none!important}
.topbar{height:66px;padding:0 max(28px,calc((100vw - 1420px)/2));display:flex;align-items:center;gap:12px;background:#173541;color:#fff;border-bottom:4px solid #bc7547}.brand-mark{display:grid;place-items:center;width:31px;height:31px;font-family:Georgia,serif;font-size:22px;border:1px solid #e9e1d7;color:#e9e1d7}.brand{font-size:17px;font-weight:700;letter-spacing:.04em}.brand span{font-size:12px;font-weight:500;margin-left:9px;color:#d7e1df}.top-note{margin-left:auto;color:#dfebe7;font-size:13px}
main{max-width:1420px;margin:auto;padding:48px 28px 70px}.intro{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:38px}.eyebrow{font-size:11px;letter-spacing:.23em;font-weight:700;color:#a65d39;margin:0 0 13px}.intro h1{font-size:36px;letter-spacing:.025em;margin:0 0 15px;line-height:1.35}.lead{font-size:16px;line-height:1.8;max-width:760px;margin:0;color:#405664}.privacy{max-width:325px;display:grid;grid-template-columns:20px 1fr;column-gap:10px;row-gap:3px;background:#e8eee9;border-left:3px solid #4b7b67;padding:15px 18px;font-size:12px;color:#365b4c}.privacy strong{font-size:13px}.privacy span:last-child{grid-column:2;line-height:1.6}.privacy-icon{color:#4b7b67;font-size:11px;margin-top:3px}
.layout{display:grid;grid-template-columns:315px minmax(0,1fr);gap:22px;align-items:start}.setup,.workspace{background:#fff;border:1px solid #dbe2df;box-shadow:0 8px 30px #1e3f4910}.setup{padding:26px 25px;position:sticky;top:18px}.setup h2{font-size:20px;line-height:1.45;margin:0 0 10px}.setup-lead{font-size:13px;line-height:1.65;color:#536773;margin:0 0 25px}.field{display:grid;grid-template-columns:27px 1fr;align-items:center;column-gap:8px;row-gap:9px;padding:0 0 21px;margin:0 0 20px;border-bottom:1px solid #e4eae7;font-size:14px;font-weight:700}.field-number{display:grid;place-items:center;width:23px;height:23px;background:#e6eee9;color:#245d48;font-size:12px}.field small{font-size:11px;font-weight:500;color:#6b7d84}.field input,.field em{grid-column:2}.field input[type=month]{min-width:0;width:100%;padding:10px 11px;border:1px solid #afbebc;border-radius:3px;color:#1b3441;background:#fff}.field input[type=file]{width:100%;font-size:12px;line-height:1.5}.field input::file-selector-button{background:#f3f6f4;color:#244658;border:1px solid #afbfbd;border-radius:3px;padding:6px 10px;margin-right:8px;cursor:pointer}.field em{font-size:11px;color:#6d7f86;font-style:normal}.primary,.secondary{border:0;border-radius:3px;font-weight:700}.primary{background:#236b55;color:#fff;width:100%;padding:14px 15px;display:flex;justify-content:space-between}.primary:hover{background:#18543f}.primary:disabled{background:#8aaba0;cursor:wait}.progress{font-size:12px;line-height:1.6;color:#456271;margin:12px 0 0;min-height:38px}.progress.error{color:#ab452e;font-weight:700}.setup-foot{border-top:1px solid #e4eae7;margin-top:8px;padding-top:19px;font-size:12px;line-height:1.7;color:#536773}.setup-foot strong{color:#193e4a}.setup-foot p{margin:5px 0 0}
.workspace{min-height:610px}.empty-state{padding:90px 50px;text-align:center}.empty-state h2{font-size:25px;margin:28px 0 12px}.empty-state p{line-height:1.8;color:#60747b;max-width:550px;margin:0 auto}.empty-illustration{height:112px;display:flex;align-items:center;justify-content:center;gap:14px}.paper{width:58px;height:76px;border:2px solid #aac2b8;background:#f4f7f5;position:relative;box-shadow:6px 7px 0 #e3ebe7}.paper:after{content:'';position:absolute;left:10px;top:19px;width:31px;height:2px;background:#9cb9ae;box-shadow:0 11px #9cb9ae,0 22px #9cb9ae}.paper.two{transform:translateY(7px)}.paper.three{background:#d8e9e0;border-color:#327459}.compare{font-size:25px;color:#bd754e;margin:0 8px}.empty-flow{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:35px;font-size:13px;font-weight:700;color:#1d5e4a}.empty-flow span{background:#eff5f0;border:1px solid #c5d7cb;padding:9px 14px}.empty-flow b{color:#ba764e}
#results{padding:28px}.result-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:23px}.result-heading h2{font-size:29px;margin:0 0 7px}.result-heading p:last-child{font-size:13px;color:#526a74;margin:0}.secondary{background:#173c4b;color:white;padding:11px 15px;white-space:nowrap}.secondary:hover{background:#0c2835}.metrics{display:grid;grid-template-columns:repeat(3,1fr);border-top:3px solid #315d60;border-bottom:1px solid #cbd8d5;margin-bottom:20px}.metrics>div{padding:18px 16px 20px;border-right:1px solid #dce5e1}.metrics>div:last-child{border-right:0}.metrics span,.metrics small{display:block}.metrics span{font-size:12px;color:#586f78;font-weight:700}.metrics strong{display:block;font-size:31px;line-height:1.4;margin:6px 0 2px}.metrics small{font-size:11px;color:#6b8084}.metrics .metric-alert strong{color:#a75d3c}.notice{display:grid;gap:3px;background:#fff6e7;border-left:4px solid #be8745;padding:12px 15px;margin-bottom:26px;font-size:13px;line-height:1.6}.notice span{color:#586d75}.list-tools{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:12px}.list-tools h3{font-size:20px;margin:0 0 3px}.list-tools p{font-size:12px;color:#68808a;margin:0}.list-tools label{font-size:12px;color:#59717a}.list-tools select{margin-left:8px;border:1px solid #b8c8c6;background:white;color:#254b59;padding:7px 9px;border-radius:3px}.table-wrap{overflow:auto;border:1px solid #d7e1df}table{width:100%;min-width:900px;border-collapse:collapse;table-layout:fixed}th{background:#e9f0ee;color:#2a4a55;font-size:11px;text-align:left;padding:11px;border-bottom:1px solid #c7d6d1}td{padding:14px 11px;vertical-align:top;font-size:12px;line-height:1.6;border-bottom:1px solid #e2e8e6;overflow-wrap:anywhere}tr:last-child td{border-bottom:0}th:nth-child(1){width:105px}th:nth-child(2){width:80px}th:nth-child(3){width:29%}th:nth-child(4){width:19%}th:nth-child(5){width:125px}th:nth-child(6){width:24%}.order-id{font-weight:700;color:#193c4b;font-variant-numeric:tabular-nums}.secondary-text{color:#69808a;font-size:11px;margin-top:3px}.amount{font-weight:700;font-size:15px;white-space:nowrap}.product{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.status{display:inline-block;padding:3px 7px;border-radius:2px;font-size:11px;font-weight:700}.status.ok{background:#e4f1e9;color:#236647}.status.point{background:#fff0da;color:#9e631e}.status.warn{background:#fae9e5;color:#a74a34}.reason{margin-top:6px;color:#5b6f76;font-size:11px}td select,td input{border:1px solid #b9c8c6;border-radius:2px;background:white;color:#173a48;font-size:11px;padding:6px;width:100%;margin-bottom:6px}td input::placeholder{color:#85959b}.result-foot{border-top:1px solid #d8e3df;margin-top:23px;padding-top:18px;color:#526a73;font-size:12px;line-height:1.7}.result-foot strong{color:#204551}.result-foot p{margin:4px 0 0}footer{border-top:1px solid #dae3df;color:#71858b;font-size:11px;padding:18px max(28px,calc((100vw - 1420px)/2)) 35px}
@media(max-width:1000px){.intro{align-items:start}.privacy{max-width:260px}.layout{grid-template-columns:1fr}.setup{position:static;display:grid;grid-template-columns:repeat(3,1fr);gap:12px 20px}.setup h2,.setup-lead,.primary,.progress,.setup-foot{grid-column:1/-1}.field{margin:0}.workspace{min-height:500px}}@media(max-width:700px){main{padding:30px 16px}.topbar{padding:0 16px}.top-note,.brand span{display:none}.intro{display:block}.intro h1{font-size:28px}.privacy{margin-top:25px;max-width:none}.setup{display:block}.field{margin-bottom:18px}.empty-state{padding:55px 22px}.empty-flow{flex-wrap:wrap}.result-heading{display:block}.result-heading .secondary{margin-top:16px}.metrics{grid-template-columns:1fr}.metrics>div{border-right:0;border-bottom:1px solid #dce5e1;padding:12px}.metrics strong{font-size:25px}.list-tools{align-items:start;flex-direction:column}}
@media print{.topbar,.setup,.privacy,.secondary,.list-tools label,footer{display:none!important}main{padding:0}.intro{margin:0 0 15px}.intro h1{font-size:23px}.layout{display:block}.workspace{box-shadow:none;border:0}#results{padding:0}.metrics{grid-template-columns:repeat(3,1fr)}.table-wrap{overflow:visible}table{min-width:0;font-size:9px}td select,td input{border:0;padding:0}tr{break-inside:avoid}@page{size:A4 landscape;margin:10mm}}
@media screen{table{min-width:1080px}th:nth-child(1){width:126px}th:nth-child(2){width:88px}th:nth-child(3){width:30%}th:nth-child(5){width:130px}th:nth-child(6){width:22%}td:first-child>div:first-child{white-space:nowrap}}