*{box-sizing:border-box}body{margin:0;background:#f5f6f8;color:#202b39;font:14px/1.6 'Segoe UI','Malgun Gothic',sans-serif}button,input,select,textarea{font:inherit}button,select{cursor:pointer}button{border:1px solid #dfe3e8;background:white;border-radius:8px;padding:9px 15px;color:inherit}button:hover{background:#f0f4f5}button:disabled{opacity:.45;cursor:not-allowed}.primary{background:#137969;color:white;border-color:#137969}.primary:hover{background:#0b6558}aside{position:fixed;width:220px;height:100vh;background:#182d2c;color:#e1eeea;padding:32px 22px;display:flex;flex-direction:column}.brand{font-size:25px;font-weight:750;text-decoration:none;color:inherit;letter-spacing:-1px}.brand span{display:block;font-size:10px;letter-spacing:3px;margin:3px 0 42px 29px;color:#8db1a6}.nav-label{font-size:10px;letter-spacing:2px;color:#89a39c}.nav{background:#2e4843;color:#fff;border:0;text-align:left}.side-note{margin-top:45px;font-size:19px;color:#b7cdc5;line-height:1.8}.profile{margin-top:auto;border-top:1px solid #39504a;padding-top:20px}.profile small{display:block;color:#95afa4}main{margin-left:220px;padding:0 42px 25px;max-width:1650px}header{display:flex;justify-content:space-between;align-items:center;height:80px;border-bottom:1px solid #e2e6e8;color:#7a8491;font-size:12px}select,input,textarea{border:1px solid #dfe3e8;border-radius:7px;background:white;padding:10px;color:#283746;width:100%}header select{width:auto;font-size:12px}.heading{display:flex;justify-content:space-between;align-items:center;padding:35px 0 24px}.eyebrow{font-size:10px;letter-spacing:2px;color:#18816d;font-weight:700;margin:0}h1{font-size:30px;margin:4px 0;letter-spacing:-1px}.muted{color:#7a8491;font-size:13px;margin:3px 0}h2{font-size:17px;margin:0}.notice{background:#e8f1ed;color:#497263;font-size:12px;border-radius:7px;padding:10px 15px;margin-bottom:22px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:26px}.stat{background:#fff;border:1px solid #e2e6e8;border-radius:11px;padding:20px}.stat strong{display:block;font-size:24px;margin-top:10px;font-weight:650}.stat small{color:#85908e}.stat:first-child{border-top:3px solid #16806c}.panel{background:white;border:1px solid #e2e6e8;border-radius:12px;overflow:hidden}.panel-top{display:flex;justify-content:space-between;align-items:center;padding:23px}.filters{display:flex;gap:14px;padding:0 23px 20px}.filters label{width:200px;font-size:12px;color:#6b7785}.filters select,.filters input{margin-top:5px}.filters .search{width:320px}.tabs{display:flex;gap:22px;border-bottom:1px solid #e6e9ed;padding:0 23px}.tabs button{border:0;border-radius:0;padding:12px 0;color:#7b8592;background:none;white-space:nowrap}.tabs .selected{border-bottom:2px solid #177b69;color:#177b69;font-weight:700}.table-head,.row{display:grid;grid-template-columns:1.1fr 2fr 1.2fr 1.2fr 1fr 80px;gap:18px;align-items:center;padding:17px 23px}.table-head{background:#fafbfc;color:#8a929d;font-size:11px}.row{border-top:1px solid #eef0f2;cursor:pointer}.row:hover{background:#f9fbfa}.row strong{display:block}.row small{display:block;color:#8a929d;font-size:11px}.money{font-variant-numeric:tabular-nums}.badge{display:inline-block;border-radius:5px;padding:4px 9px;font-size:11px;font-weight:650}.requested{background:#e9efff;color:#4c6ab8}.waiting{background:#fff3df;color:#a57522}.done{background:#e5f3ec;color:#2c8663}.rejected{background:#fbeaea;color:#bc6262}.site-label{font-size:12px}.empty{padding:55px;text-align:center;color:#8a929d}footer{color:#939ca6;font-size:11px;margin-top:22px}dialog{border:0;border-radius:14px;padding:28px;width:650px;max-width:calc(100vw - 24px);max-height:90vh;color:#243340;box-shadow:0 20px 80px #182d2c33}dialog::backdrop{background:#15232666}.dialog-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.dialog-head button{border:0;font-size:20px;padding:0 8px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid label{font-size:12px;color:#6d7885}.form-grid input,.form-grid textarea,.form-grid select{margin-top:5px}.full{grid-column:1/-1}.actions{display:flex;justify-content:flex-end;gap:9px;margin-top:22px;flex-wrap:wrap}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;background:#f5f7f8;padding:20px;border-radius:9px;margin:18px 0}.detail-grid small{display:block;color:#8a929d}.history{list-style:none;padding:0}.history li{padding:10px 0;border-bottom:1px solid #eee}.history small{display:block;color:#8a929d}.inline-form{border-top:1px solid #eee;padding-top:18px;margin-top:18px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#203c34;color:white;padding:12px 22px;border-radius:9px;display:none;z-index:10}.error{color:#b94444;font-size:12px}a{color:#137969}.summary-money{font-size:23px;color:#147967}.subhead{margin-top:24px;font-size:14px}
.tax-summary{background:#edf5f1;border-radius:8px;padding:13px;color:#426858;font-size:12px}.tax-summary small{display:block;color:#7a8491;margin-top:5px}
@media(max-width:1050px){aside{width:170px;padding:25px 18px}main{margin-left:170px;padding:0 22px}.table-head,.row{grid-template-columns:1fr 1.5fr 1fr 1fr;gap:12px}.date-cell,.open-cell{display:none}.stats{gap:10px}.stat{padding:15px}.stat strong{font-size:19px}}
@media(max-width:650px){aside{position:static;width:100%;height:64px;padding:12px 18px;display:block}.brand{font-size:21px}.brand span,.nav-label,.nav,.side-note,.profile{display:none}main{margin-left:0;padding:0 15px}header{height:58px}.heading{padding:25px 0 20px;align-items:flex-start;gap:12px}h1{font-size:26px}.heading .primary{font-size:12px;padding:10px}.heading .muted{max-width:190px}.stats{grid-template-columns:1fr 1fr;gap:10px}.stat strong{font-size:21px}.stat{padding:14px}.panel-top{padding:18px;gap:10px}.panel-top button{font-size:11px;padding:7px}.filters{padding:0 18px 14px;gap:10px}.filters label,.filters .search{width:50%}.tabs{gap:18px;padding:0 18px;overflow:auto}.tabs button{font-size:12px}.table-head{display:none}.row{grid-template-columns:1fr 1fr;padding:17px 18px;gap:9px}.row .site-label{grid-column:1}.row .purchase-cell{grid-column:1;grid-row:2}.row .balance-cell{grid-column:2;grid-row:2;text-align:right}.row .status-cell{grid-column:2;grid-row:1;text-align:right}.form-grid{gap:12px}dialog{padding:20px}.notice{font-size:11px}.detail-grid{padding:15px}}
