:root{font-family:Inter,"Segoe UI","Microsoft JhengHei",sans-serif;color:#20292a;background:#f5f7f6;font-size:14px}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;border:1px solid #dde4e0;background:white;border-radius:8px;padding:10px 16px;color:inherit}button:disabled{opacity:.5;cursor:wait}button:hover{filter:brightness(.96)}a{color:#267363;text-decoration:none}aside{position:fixed;inset:0 auto 0 0;width:236px;background:#172d29;color:#d3e1db;padding:36px 22px;display:flex;flex-direction:column}.brand{display:flex;gap:10px;align-items:center;color:#fff;font-size:23px;font-weight:700;letter-spacing:-.6px}.brand small{display:block;font-size:11px;font-weight:400;letter-spacing:2px;color:#adc6ba;margin-top:7px}.space{font-size:10px;letter-spacing:2px;color:#849f93;margin:56px 12px 16px}nav{display:grid;gap:9px}nav button{background:transparent;border:0;color:#acc4b9;text-align:left;padding:14px 16px}nav button.active{background:#d9edaa;color:#263c26;font-weight:700}.sidefoot{margin-top:auto;font-size:12px;color:#b7c8be}.dot{display:inline-block;width:6px;height:6px;background:#d6edaa;border-radius:50%;margin-right:6px}.sidefoot p{font-size:20px;line-height:1.7;color:#e5eee7}main{margin-left:236px}header{height:82px;border-bottom:1px solid #e1e7e3;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 44px;color:#84918a;font-size:12px}header b{margin-left:12px;color:#46534c;font-weight:500}#identity{display:flex;align-items:center;gap:14px;color:#526158}.content{max-width:1400px;padding:42px 44px;margin:auto}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;color:#6e8976}h1{font-size:32px;letter-spacing:-1px;line-height:1.45;margin:10px 0}h2{font-size:17px;margin:0 0 18px}h3{font-size:14px}.muted{color:#78857e;line-height:1.7}.titleline{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.pill{border:1px solid #dce5df;background:#fff;padding:10px 16px;border-radius:30px;font-size:12px}.card{background:#fff;border:1px solid #e0e7e1;border-radius:14px;padding:25px;box-shadow:0 3px 5px #183b2203}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:28px}.metrics small{color:#79877d}.metrics strong{display:block;font-size:28px;font-weight:600;letter-spacing:-.5px;margin:12px 0}.metrics span{font-size:11px;color:#8b958f}.ordergrid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr);gap:24px}.cardtitle{display:flex;align-items:center;gap:12px;margin-bottom:24px;justify-content:space-between}.cardtitle h2{margin:0;flex:1}.step{background:#eff4eb;color:#64764d;padding:7px;border-radius:6px;font-size:11px}label{display:block;font-size:12px;font-weight:600;margin:18px 0 9px}input,select,textarea{display:block;width:100%;border:1px solid #dce3de;border-radius:8px;background:#fbfcfb;padding:13px;margin-top:10px;color:#25352c;outline:none}input:focus,select:focus,textarea:focus{border-color:#648a5e;box-shadow:0 0 0 3px #d9edaa60}.tabs{display:flex;gap:10px;margin-top:12px}.tabs button{flex:1;font-size:13px;padding:12px 5px}.tabs .selected{background:#edf4e4;border-color:#95ab79;color:#45602d;font-weight:700}.hint{font-size:11px;color:#75846e;margin-top:10px}.primary{background:#263e32;color:white;border:0;width:100%;padding:15px;margin-top:24px;font-weight:600}.card>small{display:block;color:#869087;font-size:11px;line-height:1.8;margin-top:12px}.summary{border-top:3px solid #bed494}.summary h2{margin-top:14px}.summaryrow{display:flex;justify-content:space-between;gap:8px;font-size:12px;padding:13px 0}.summaryrow span{color:#7d8881}.summaryrow b{font-weight:500;text-align:right}.amount{border-top:1px dashed #dce2db;margin-top:12px;padding:24px 0}.amount small,.amount span{display:block;color:#869080;font-size:11px}.amount strong{display:block;font-size:35px;font-weight:600;letter-spacing:-1px;margin:12px 0}.monthly{background:#eff5e7;border-radius:8px;color:#5d7449;padding:12px;font-size:12px;text-align:center}.process{background:#eef2ed;margin-top:18px;border:0}.process p{font-size:12px;color:#637360;display:flex;gap:12px;align-items:center}.process p b{font-weight:400;border:1px solid #cbd7c6;width:22px;height:22px;display:inline-grid;place-items:center;border-radius:50%}.process small{font-size:10px}footer{display:flex;justify-content:space-between;font-size:10px;color:#97a29a;margin:35px 0 0}.tablewrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:12px;text-align:left;white-space:nowrap}th{color:#859085;font-weight:500;border-bottom:1px solid #dde5dc;padding:14px 12px}td{padding:18px 12px;border-bottom:1px solid #eef1ec}td small{display:block;color:#90998e;margin-top:6px}td select{font-size:12px;padding:6px;margin:0;min-width:105px}td button{font-size:11px;padding:6px}td a{display:block;margin-top:5px}.badge{padding:6px 9px;border-radius:20px;background:#eff3e9;color:#6f814d}.badge.processing{background:#e7eff9;color:#4e7197}.badge.completed{background:#e2f1e6;color:#527854}.badge.cancelled{background:#f2eeee;color:#917d7d}.customerform{max-width:600px;margin-top:24px}.warning,#notice{padding:14px 18px;background:#fff4da;border:1px solid #ebd7a7;border-radius:8px;font-size:12px;line-height:1.7;margin-bottom:20px}#notice{background:#e8f2e2;border-color:#ccdfba}#notice.error{background:#fff0ec;border-color:#e7bbb1}.loginform{max-width:460px;margin-top:28px}#login h1{font-size:44px}.loginhint{color:#8a958a;font-size:12px;margin:28px 0}.loginhint span{padding:0 15px}[hidden]{display:none!important}@media(max-width:1050px){aside{width:190px;padding:30px 16px}.brand{font-size:19px}main{margin-left:190px}.content{padding:30px 24px}.ordergrid{grid-template-columns:1fr}.metrics{gap:10px;grid-template-columns:repeat(2,1fr)}.metrics .card{padding:18px}.metrics strong{font-size:23px}}@media(max-width:680px){aside{position:static;width:100%;padding:18px}.brand small,.space,.sidefoot{display:none}nav{display:flex;margin-top:18px;gap:5px}nav button{padding:10px;font-size:12px}main{margin:0}header{height:60px;padding:0 18px}.content{padding:24px 16px}.metrics{grid-template-columns:1fr}.metrics .card{display:flex;justify-content:space-between;align-items:center;gap:12px}.metrics strong{font-size:22px;margin:0}.metrics span{display:none}.titleline .pill{display:none}.card{padding:20px}h1{font-size:27px}.titleline{margin-bottom:20px}footer span{display:none}}

.ledger{margin-top:24px}.loginform>button:not(.primary){width:100%;margin-top:12px}#accountWarning{margin-bottom:20px}

.commenttext{white-space:pre-wrap;overflow-wrap:anywhere;max-width:420px;font:inherit;line-height:1.7}.tabs{flex-wrap:wrap}details{margin-top:8px}summary{cursor:pointer}#commentsField small{display:block;color:#78857e;margin-top:8px;font-weight:400}

.progress-controls{border:1px solid #dde4e0;border-radius:8px;min-width:130px;padding:8px}.progress-controls legend{font-size:12px;color:#526158}.progress-controls label{display:flex;align-items:center;gap:7px;margin:5px 0;font-size:13px}.progress-controls input{width:auto;margin:0}

#startDialog{max-width:560px;width:calc(100% - 32px);border:1px solid #dde4e0;border-radius:16px;padding:24px;color:#20292a}#startDialog::backdrop{background:#172d2980}#startDialog p{line-height:1.7}#startDialog label{display:block;margin:14px 0}#startDialog input{width:100%;margin-top:5px}.verify-start{display:flex!important;gap:8px}.verify-start input{width:auto!important}.start-error{color:#ad3528}