:root{font-family:-apple-system,BlinkMacSystemFont,"Noto Sans JP",sans-serif;color:#183831;background:#f4f6f3;font-size:14px}*{box-sizing:border-box}body{margin:0;display:flex}aside{width:240px;background:#123e35;color:#e6f1eb;padding:35px 22px;position:fixed;height:100vh;overflow:auto}.brand{font-size:24px;font-weight:750;letter-spacing:.12em}.brand span{display:block;font-size:10px;letter-spacing:.22em;margin-top:7px;color:#a4c4b6}.nav-label{font-size:11px;color:#9dbdae;margin:44px 8px 14px}nav button{display:block;width:100%;text-align:left;padding:12px 14px;border:0;background:transparent;color:#cdded6;border-radius:8px;font-size:13px;margin:3px 0}nav button.active{background:#d5edbc;color:#123e35;font-weight:700}.aside-note{margin-top:40px;font-size:12px;line-height:1.9;color:#a4c4b6}main{margin-left:240px;max-width:1500px;width:calc(100% - 240px);padding:44px 48px}header{display:flex;justify-content:space-between;align-items:center;gap:24px}h1{font-size:29px;letter-spacing:-.025em;margin:10px 0}h2{font-size:17px;margin:0}.eyebrow{color:#5d8070;font-size:10px;letter-spacing:.2em}.sub{color:#6e8278;font-size:13px}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.5}#sync{background:#174f40;color:white;border:0;border-radius:8px;padding:12px 20px;white-space:nowrap}.status{display:flex;gap:22px;flex-wrap:wrap;font-size:12px;padding:20px 0;margin:12px 0 24px;border-bottom:1px solid #dce4dc;color:#63786b}#connection{color:#805916}#notice:not(:empty){padding:14px 18px;background:#fff7df;border:1px solid #e9ddbc;border-radius:9px;margin-bottom:22px;line-height:1.7}.filters{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.filters h2{margin-right:auto;font-size:20px}label{font-size:12px;color:#6a7e72}input,select{margin-left:8px;border:1px solid #d2ddd4;border-radius:7px;background:white;padding:9px;color:#294c3c}.definition{font-size:12px;color:#718579;margin:16px 0 20px;line-height:1.8}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:27px}.card{border:1px solid #dce6db;background:white;text-align:left;border-radius:14px;padding:23px;color:#244735}.card strong{display:block;font-size:40px;letter-spacing:-.05em;margin-top:15px}.card small{font-size:12px;color:#84948a;margin-left:6px}.card .step{font-size:10px;letter-spacing:.12em;color:#819a89;margin-bottom:11px;display:block}.card:last-child{background:#e8f1dd;border-color:#ccddc0}.panel{background:#fff;border:1px solid #dfe6dd;border-radius:13px;padding:24px;margin-bottom:24px}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:18px}.panel-head span{color:#839487;font-size:11px}table{width:100%;border-collapse:collapse;text-align:left}th{font-size:11px;font-weight:500;color:#789180;padding:12px;border-bottom:1px solid #dce6dd}td{padding:13px 12px;border-bottom:1px solid #edf1eb;font-size:13px}td:not(:first-child),th:not(:first-child){text-align:right}#breakdown td:nth-child(2),#breakdownPanel th:nth-child(2){text-align:left}.count{border:0;background:#f0f5ec;color:#24593e;padding:6px 13px;border-radius:6px;min-width:44px}.count:hover{background:#d7e9c5}.panel p{line-height:1.9;color:#6d7e72;font-size:12px}#empty{text-align:center;padding:25px;color:#87988c}#clear{border:0;background:transparent;color:#63846c;font-size:12px}.fine{color:#8c998e!important}details{margin:15px 0;font-size:12px;line-height:2}.table-scroll{overflow:auto}@media(max-width:950px){aside{width:180px;padding:25px 12px}main{margin-left:180px;width:calc(100% - 180px);padding:28px 22px}.cards{gap:9px}.card{padding:16px}.card strong{font-size:32px}}@media(max-width:650px){body{display:block}aside{position:static;width:100%;height:auto;padding:20px}nav{display:flex;overflow:auto}nav button{width:auto;white-space:nowrap}.nav-label{margin:16px 0 6px}.aside-note{display:none}main{margin:0;width:100%;padding:22px 15px}h1{font-size:22px}header{align-items:start}.card{padding:13px;font-size:11px}.card strong{font-size:28px}.panel{padding:16px}.filters{gap:12px}.filters h2{width:100%}}

.sales-page main{margin:0 auto;width:100%;max-width:1250px}.sale-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:20px}.sale-form label{display:flex;flex-direction:column;gap:8px}.sale-form input,.sale-form select{margin:0;width:100%}.sale-form small{line-height:1.6}#saveSale{padding:12px;background:#174f40;color:white;border:0;border-radius:8px}dialog{border:1px solid #cad7cb;border-radius:12px;max-width:90vw;padding:24px}dialog::backdrop{background:#0006}@media(max-width:800px){.cards{grid-template-columns:repeat(2,1fr)}.sale-form{grid-template-columns:1fr}}