:root{font-family:"Segoe UI","Microsoft JhengHei",sans-serif;color:#22334b;background:#f5f7fa;font-synthesis:none;--navy:#162840;--teal:#127d71;--line:#e1e7ed}*{box-sizing:border-box}body{margin:0;display:flex;min-height:100vh}button,input,select{font:inherit}button{cursor:pointer;border:1px solid #ced8e2;background:white;border-radius:7px;padding:9px 15px;color:#31475d}button:hover{background:#edf4f4}button:disabled{cursor:default;opacity:.5}button.primary{background:var(--teal);color:white;border-color:var(--teal)}a{color:inherit;text-decoration:none}aside{width:230px;position:fixed;inset:0 auto 0 0;background:var(--navy);color:#ced9e7;padding:32px 22px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:14px;font-size:32px;font-weight:700;color:#80dcc4}.brand span{color:white;font-size:25px;letter-spacing:.3px}.brand small{display:block;font-size:11px;font-weight:400;margin-top:5px;color:#a7b7cc;letter-spacing:2px}nav{margin-top:50px;display:grid;gap:9px}nav button{text-align:left;background:transparent;border:0;color:#b7c6d8;padding:13px 16px}nav button.active{color:white;background:#2b425b;border-left:3px solid #67d7b8;border-radius:4px}aside footer{margin-top:auto;font-size:12px;line-height:1.9;color:#8fa3ba}main{margin-left:230px;width:calc(100% - 230px)}header{height:76px;background:white;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 42px;font-size:13px;color:#687a8f}header>div{display:flex;align-items:center;gap:18px}#workspace{padding:38px 42px}.heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px}.heading h1{margin:8px 0 12px;font-size:29px;letter-spacing:1px}.eyebrow{color:var(--teal);font-size:10px;letter-spacing:2px;font-weight:700}.muted{color:#718195;font-size:13px;line-height:1.8}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-bottom:28px}.card{background:white;border:1px solid var(--line);border-radius:10px;padding:24px}.card .value{font-size:32px;font-weight:600;margin:17px 0 9px;font-variant-numeric:tabular-nums}.card p{margin:0;font-size:13px;color:#718195}.card.important{background:#eaf5f1;border-color:#c8e5db}.panel{background:white;border:1px solid var(--line);border-radius:10px;overflow:auto}.panel h2{font-size:16px;padding:20px 24px;margin:0;border-bottom:1px solid var(--line)}table{border-collapse:collapse;width:100%;font-size:12px}th{text-align:left;background:#f9fafc;color:#77879a;font-size:11px;font-weight:600;padding:16px;white-space:nowrap}td{border-top:1px solid #edf0f4;padding:17px 16px;max-width:250px;word-break:break-word;vertical-align:middle}tr:hover td{background:#fafcfc}.badge{display:inline-block;padding:5px 9px;border-radius:5px;font-size:11px;background:#edf1f7;color:#637691;white-space:nowrap}.badge.good{background:#e6f4ef;color:#217857}.badge.alert{background:#fff0db;color:#9e611a}.mono{font-family:Consolas,monospace;font-size:11px}.filters{display:flex;align-items:end;gap:12px;flex-wrap:wrap;margin-bottom:22px}.filters label{display:grid;gap:7px;font-size:12px;color:#6c7e92}input,select{border:1px solid #ced8e2;border-radius:6px;background:white;padding:10px 12px;color:#22334b;min-width:150px}input:focus,select:focus{outline:2px solid #68bfa8;outline-offset:2px}.pagination{display:flex;justify-content:flex-end;align-items:center;gap:14px;font-size:12px;margin-top:20px}.banner{padding:12px 42px;background:#fff1d4;color:#8a5b15;font-size:13px}.login{max-width:560px;margin:85px auto;padding:20px}.login h1{font-size:32px;line-height:1.5}.login>p{color:#6c7e92;font-size:14px}.login form{display:grid;gap:14px;margin:30px 0 15px}.login label{font-size:13px}.empty{padding:48px;text-align:center;color:#73849a;font-size:14px}#message{margin:16px 42px;padding:15px;background:#fff0e9;color:#97462f;border:1px solid #edd0c4;border-radius:7px;font-size:13px}dialog{border:1px solid var(--line);border-radius:12px;padding:27px;width:min(540px,90vw);box-shadow:0 20px 80px #16284033}dialog::backdrop{background:#16284066}.dialogTitle{display:flex;align-items:center;justify-content:space-between}.dialogTitle h2{margin:0 0 15px;font-size:20px}#fields{display:grid;gap:15px;margin:15px 0}#fields label{display:grid;gap:7px;font-size:13px}#fields input,#fields select{width:100%}.dialogActions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}#editError{color:#ac4635;font-size:13px;line-height:1.6}[hidden]{display:none!important}@media(max-width:1050px){aside{width:185px;padding:24px 14px}main{margin-left:185px;width:calc(100% - 185px)}#workspace{padding:28px 24px}header{padding:0 24px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:680px){body{display:block}aside{position:static;width:100%;padding:16px;display:block}.brand{font-size:25px}.brand span{font-size:21px}.brand small,aside footer{display:none}nav{margin-top:15px;display:flex;overflow:auto;gap:4px}nav button{white-space:nowrap;padding:9px}main{margin:0;width:100%}header{height:60px;padding:0 18px}.login{margin:25px auto;padding:24px}.login h1{font-size:26px}#workspace{padding:24px 16px}.heading{align-items:flex-start}.heading h1{font-size:24px}.cards{gap:10px}.card{padding:17px}.card .value{font-size:24px}.banner{padding:12px 18px}.filters input{min-width:0;width:100%}}
#detail{width:min(1000px,92vw);max-height:88vh;overflow:auto} .detailFacts{display:grid;grid-template-columns:minmax(100px,180px) minmax(0,1fr);gap:10px 20px}.detailFacts dt{color:#637286}.detailFacts dd{margin:0;overflow-wrap:anywhere}#detailBody h3{margin-top:28px}#detailBody p{color:#637286;line-height:1.6}
.reportNote{padding:4px 20px;margin-bottom:18px;color:#637286;font-size:13px}.reportCards{grid-template-columns:repeat(4,minmax(0,1fr))}.reportCards .value{font-size:26px}@media(max-width:1050px){.reportCards{grid-template-columns:repeat(2,minmax(0,1fr))}}
.stageCheckout{display:inline-block;margin:16px 12px 16px 0;padding:12px 20px;background:#127d71;color:white;border-radius:7px}
.filters .realPaymentConfirmation{display:flex;align-items:center;gap:10px;width:100%;color:#963a21;padding:12px;background:#fff0e9;border-radius:6px}.realPaymentConfirmation input{min-width:18px;width:18px;height:18px;order:-1}