:root{color:#1f2937;background:#f7f3f0;font-family:Inter,Noto Sans TC,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}button{font:inherit;cursor:pointer}.mgmt-shell{grid-template-columns:250px 1fr;min-height:100vh;display:grid}aside{color:#eefdfb;background:#11312f;align-content:start;gap:10px;padding:22px 16px;display:grid}.brand{align-items:center;gap:10px;min-height:54px;margin-bottom:8px;display:flex}aside button,header button{border:0;border-radius:8px;align-items:center;gap:9px;min-height:40px;padding:0 12px;display:flex}aside button{color:#d6f4ef;background:0 0}aside button.active,aside button:hover{color:#092421;background:#2dd4bf}.content{padding:26px}header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}h1,h2,p{letter-spacing:0;margin:0}h1{font-size:28px}h2{margin-bottom:12px;font-size:18px}p,.metrics span,.channel-list span,.customer-list span,.ledger-list span,.ledger-list small{color:#64706f}header button{color:#241400;background:#f59e0b;font-weight:850}.metrics{grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:20px;display:grid}.metrics article,.split>div,.ledger-panel,.channel-list article,.customer-list article,.ledger-list article{background:#fffefd;border:1px solid #e5ddd6;border-radius:8px;padding:16px}.metrics article{color:#0f766e;gap:8px;display:grid}.metrics strong{color:#1f2937;font-size:28px}.ledger-panel{margin-bottom:20px}.split{grid-template-columns:1fr 1fr;gap:16px;display:grid}.channel-list,.customer-list,.ledger-list{gap:10px;display:grid}.ledger-list{grid-template-columns:repeat(3,minmax(0,1fr))}.channel-list article{margin-left:calc(var(--level) * 28px);border-left:4px solid #2dd4bf}.customer-list article{border-left:4px solid #f59e0b}.ledger-list article{border-left:4px solid #0f766e;gap:5px;min-width:0;display:grid}.ledger-list strong,.channel-list strong,.customer-list strong{margin-bottom:4px;display:block}.ledger-list span,.ledger-list small{overflow-wrap:anywhere}@media (width<=860px){.mgmt-shell{grid-template-columns:1fr}aside{z-index:5;display:flex;position:sticky;top:0;overflow-x:auto}.brand strong{display:none}.content{padding:18px}header{flex-direction:column;align-items:flex-start}.metrics,.split,.ledger-list{grid-template-columns:1fr}}