:root{--ink:#26272b;--muted:#747477;--gold:#a48648;--line:#e7e4de;--paper:#f6f5f2;--red:#a73838;--green:#2d7159;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper);font-size:15px}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;background:#fff;border:1px solid var(--line);border-radius:9px;padding:10px 14px;color:var(--ink)}button:hover{border-color:var(--gold)}button:disabled{opacity:.5;cursor:wait}.primary{background:var(--ink);color:white;border-color:var(--ink)}.gold{background:var(--gold);color:white}.danger{color:var(--red)}.shell{display:grid;grid-template-columns:240px 1fr;min-height:100vh}aside{background:var(--ink);color:#fff;padding:30px 20px;position:sticky;top:0;height:100vh;display:flex;flex-direction:column}.brand{font-family:Georgia,serif;font-size:28px;line-height:1.1;letter-spacing:.3px}.brand span{display:block;color:#d0b778;font-family:Arial,sans-serif;font-size:10px;letter-spacing:3px;text-transform:uppercase;margin-top:12px}.nav{display:grid;gap:4px;margin-top:40px}.nav button{background:transparent;border:0;text-align:left;color:#c7c7c8;padding:13px}.nav button.active{background:#3b3b3f;color:#e2c888;border-left:3px solid #c4a665;border-radius:4px}.aside-bottom{margin-top:auto;font-size:12px;color:#bbb;overflow-wrap:anywhere}.aside-bottom button{margin-top:15px;background:transparent;color:#fff}.main{padding:36px 44px;max-width:1600px;width:100%;min-width:0}header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:28px}.eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:2px;color:var(--gold);font-weight:bold}h1{font-family:Georgia,serif;font-weight:normal;font-size:34px;margin:8px 0}h2{font-family:Georgia,serif;font-weight:normal;font-size:23px;margin:0 0 18px}h3{font-size:15px}.muted,small{color:var(--muted)}.toolbar{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.toolbar input{max-width:170px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:20px 0}.card,.panel{background:white;border:1px solid var(--line);border-radius:14px;padding:23px}.card .label{color:var(--muted);font-size:12px}.card .value{font-family:Georgia,serif;font-size:28px;margin:12px 0}.card.highlight{background:var(--ink);color:white}.card.highlight .label,.card.highlight small{color:#d8d0be}.twocol{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:20px 0}.panel{margin-bottom:20px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:15px}.panel-head h2{margin:0}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:13px}th{font-size:10px;letter-spacing:.7px;text-transform:uppercase;color:var(--muted);padding:13px 10px;border-bottom:1px solid var(--line)}td{padding:15px 10px;border-bottom:1px solid #f0eeea;vertical-align:top}td button{padding:6px 9px;font-size:12px;margin:2px}.empty{text-align:center;padding:45px 15px;color:var(--muted)}.badge{display:inline-block;padding:5px 8px;border-radius:6px;font-size:11px;background:#efede7;color:#776238;white-space:nowrap}.badge.green{background:#e4f1e9;color:var(--green)}.badge.red{background:#f9e7e5;color:var(--red)}.notice{padding:14px 18px;border-left:3px solid var(--gold);background:#f0ece2;font-size:13px;line-height:1.6;margin-bottom:18px}.alert{margin:10px 0;padding:12px;background:#faf2e6;border-radius:8px;font-size:13px}.metrics-row{display:flex;justify-content:space-between;gap:15px;padding:12px 0;border-bottom:1px solid var(--line)}.login{max-width:430px;margin:10vh auto;padding:34px}.login .brand{margin-bottom:32px}.login form{display:grid;gap:18px}.login button{width:100%}label{display:grid;gap:7px;font-size:12px;font-weight:bold}input,select,textarea{background:white;color:var(--ink);border:1px solid #d9d6d0;border-radius:8px;padding:11px;min-width:0;width:100%}input:focus,select:focus,textarea:focus{outline:2px solid #d5bf8a;outline-offset:1px}textarea{min-height:80px;resize:vertical}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-grid .wide{grid-column:1/-1}.check{display:flex;align-items:center;gap:8px}.check input{width:auto}dialog{border:0;border-radius:16px;padding:28px;width:min(640px,94vw);max-height:90vh;box-shadow:0 20px 90px #0003}dialog::backdrop{background:#17171980}dialog form{display:grid;gap:20px}dialog .footer{display:flex;justify-content:flex-end;gap:10px}.close{float:right;border:0;padding:4px 10px}.error{color:var(--red);font-size:13px}.loading{padding:60px;text-align:center}.detail{font-size:13px;line-height:1.6}.detail pre{font-size:11px;max-height:300px;overflow:auto;white-space:pre-wrap;background:var(--paper);padding:12px}.amount{white-space:nowrap}#toast{position:fixed;bottom:22px;right:22px;background:var(--ink);color:white;padding:14px 20px;border-radius:9px;z-index:99;display:none;max-width:80vw}.chart{display:flex;align-items:end;height:130px;gap:10px;margin:25px 0 8px}.bar-col{flex:1;text-align:center;font-size:11px;color:var(--muted)}.bar{margin:auto;width:80%;max-width:45px;background:#b49a60;border-radius:5px 5px 0 0;min-height:2px}.bar-col span{display:block;margin-top:10px}.filters{display:flex;gap:12px;align-items:end;flex-wrap:wrap;margin:15px 0}.filters label{min-width:145px}.search{max-width:300px}.negative{color:var(--red)}a{color:var(--gold)}@media(max-width:1100px){.cards{grid-template-columns:1fr 1fr}.main{padding:28px}.shell{grid-template-columns:205px 1fr}}@media(max-width:760px){.shell{display:block}aside{position:relative;height:auto;padding:20px}.brand{font-size:23px}.brand span{font-size:9px}.nav{display:flex;overflow-x:auto;margin-top:22px;gap:4px}.nav button{white-space:nowrap;padding:10px}.aside-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:15px}.aside-bottom button{margin:0;padding:6px 10px}.main{padding:22px 16px}header{display:block}header .toolbar{margin-top:18px}h1{font-size:29px}.twocol{grid-template-columns:1fr}.card{padding:18px}.card .value{font-size:23px}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.panel{padding:17px}.cards{gap:10px}.login{margin:5vh 14px}.panel-head{flex-wrap:wrap}}