:root{--green:#0b6e4f;--ink:#1a1f2e;--muted:#5b6475;--line:#d9dee7;--soft:#e6f4ef}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:#f3f5f9;font:14px/1.65 "Yu Gothic","Hiragino Sans","Segoe UI",sans-serif}header{background:white;border-bottom:1px solid var(--line);padding:20px 5%;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.brand{font-weight:700;color:var(--green);font-size:19px}.tagline{font-size:12px;color:var(--muted)}main{max-width:1180px;margin:30px auto;padding:0 24px}a{color:var(--green)}h1{font-size:28px;margin:20px 0 8px}h2{font-size:18px;margin:0 0 16px}h3{font-size:15px}.lead{color:var(--muted);margin:0 0 24px}.panel,.paper{border:1px solid var(--line);border-radius:12px;background:white;padding:24px;margin-bottom:20px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.split{display:grid;grid-template-columns:340px 1fr;gap:20px}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.actions{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0 0}label{display:block;font-size:12px;color:var(--muted)}input,textarea,select{display:block;width:100%;border:1px solid var(--line);border-radius:6px;padding:10px;margin:5px 0 12px;font:inherit;color:var(--ink);background:white}input[type=checkbox]{width:18px;display:inline-block;margin:0 6px 0 0;vertical-align:middle}input[type=color]{height:42px}input[type=file]{padding:14px;background:#f8fafb}textarea{min-height:85px;resize:vertical}button,.button{background:white;border:1px solid var(--line);border-radius:7px;padding:10px 16px;font:inherit;cursor:pointer;color:var(--ink);text-decoration:none;display:inline-block}button.primary{background:var(--green);border-color:var(--green);color:white}button.danger{color:#b42318}button:disabled{opacity:.5;cursor:wait}button:hover{border-color:var(--green)}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--green);outline-offset:2px}.hint{font-size:12px;color:var(--muted)}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:13px}th,td{padding:10px 8px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}th{color:var(--muted);background:#f8fafb;font-weight:600}td input,td select{min-width:75px;margin:0;padding:8px}td input[type=text]{min-width:130px}.summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;margin:18px 0}.metric{background:var(--soft);padding:20px;border-radius:8px}.metric strong{display:block;color:var(--green);font-size:25px}.metric span{color:var(--muted);font-size:12px}.status{min-height:24px;color:var(--green);margin:14px 0}.paper{border-radius:3px;overflow-wrap:anywhere}.paper h2{font-size:24px;border-bottom:2px solid var(--ink);padding-bottom:15px}.paper p{white-space:pre-wrap}.paper th{background:transparent}.num{text-align:right;font-variant-numeric:tabular-nums}.label-grid{display:grid;gap:6mm;grid-template-columns:repeat(2,1fr)}.shipping-label{border:1px solid #555;padding:8mm;min-height:55mm;white-space:pre-wrap;break-inside:avoid}.pdf-page{display:flex;gap:12px;align-items:center;padding:12px;border-bottom:1px solid var(--line);flex-wrap:wrap}.pdf-page .name{flex:1;min-width:180px}.thumb{max-width:160px;max-height:100px;object-fit:contain;background:repeating-conic-gradient(#eee 0% 25%,white 0% 50%) 0 0/12px 12px}.image-result{display:flex;align-items:center;gap:20px;padding:15px 0;border-bottom:1px solid var(--line);flex-wrap:wrap}.overdue{color:#b42318;font-weight:700}.badge{background:var(--soft);padding:3px 9px;border-radius:4px}.qr-output{text-align:center;padding:20px}.qr-output canvas{max-width:100%;height:auto}footer{text-align:center;font-size:12px;color:var(--muted);padding:24px}.hidden,[hidden]{display:none!important}@page{size:A4;margin:14mm}@media(max-width:800px){.split{grid-template-columns:1fr}main{padding:0 15px}.panel,.paper{padding:17px}.label-grid{grid-template-columns:1fr}}@media print{body{background:white}header,footer,.no-print,.lead,main>h1,main>nav,.status{display:none!important}main{margin:0;padding:0;max-width:none}.panel{display:none}.paper{border:0;padding:0;margin:0;box-shadow:none}.split{display:block}.paper+.paper{break-before:page}thead{display:table-header-group}tr,.shipping-label{break-inside:avoid}.label-grid{grid-template-columns:repeat(var(--label-cols,2),1fr)}.print-area{display:block!important}.screen-only{display:none!important}}
.usage-stats{display:flex;justify-content:center;gap:2rem;margin:0 auto .75rem;flex-wrap:wrap}.usage-stat{min-width:7rem;padding:.65rem 1.1rem;border:1px solid var(--line);border-radius:10px;background:#fff}.usage-num{display:block;font-size:1.45rem;font-weight:700;color:var(--green);line-height:1.2;font-variant-numeric:tabular-nums}.usage-label{display:block;margin-top:.2rem;font-size:.78rem;color:var(--muted)}.usage-note{font-size:.75rem;opacity:.9;margin:0 0 1rem}