:root{color:#1b1f23;background:#f4f6f8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}button{border:1px solid #1e6957;border-radius:6px;background:#237c67;color:#fff;cursor:pointer;font:inherit;min-height:38px;padding:0 14px}button:disabled{cursor:not-allowed;opacity:.65}button.secondary{background:#fff;color:#237c67}button.ghost{background:transparent;border-color:#c9d3df;color:#475467}.shell{display:grid;grid-template-columns:240px 1fr;height:100vh;overflow:hidden}.sidebar{background:#14213d;color:#fff;overflow-y:auto;padding:24px 18px;display:flex;flex-direction:column}.brand{font-size:24px;font-weight:800;margin-bottom:32px}nav{display:grid;gap:6px}nav .navItem{background:transparent;border:0;border-radius:6px;color:#dbe4f0;cursor:pointer;font:inherit;min-height:40px;padding:10px 12px;text-align:left}nav .navItem:hover{background:#ffffff14;color:#dbe4f0}nav .navItem.active{background:#273a63;color:#fff}.content{height:100vh;overflow-y:auto;padding:28px}.topbar{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px;gap:12px}.topbarLeft{display:flex;align-items:center;gap:12px;min-width:0}.topbarLeft>div{min-width:0}.hamburger{display:none;flex-shrink:0}.sidebarBackdrop,.statusDot{display:none}.topActions{align-items:center;display:flex;gap:12px;flex-shrink:0}.topButton{align-items:center;display:inline-flex;gap:8px}.status{border:1px solid #c9d3df;border-radius:999px;color:#475467;font-size:13px;padding:7px 10px;white-space:nowrap}.status.online{background:#e9f7ef;border-color:#adddc0;color:#17633f}.status.offline{background:#fff1f0;border-color:#ffccc7;color:#a8071a}h1,h2,p{margin:0}h1{font-size:28px}.topbar p{color:#667085;margin-top:4px}.toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%);background:#17633f;color:#fff;padding:12px 24px;border-radius:8px;box-shadow:0 4px 16px #0000002e;font-size:.95rem;z-index:9999;animation:toastIn .25s ease;max-width:calc(100vw - 48px);text-align:center}@keyframes toastIn{0%{opacity:0;transform:translate(-50%) translateY(12px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.error{border-radius:6px;margin-bottom:16px;padding:12px 14px;background:#fff1f0;border:1px solid #ffccc7;color:#a8071a}.hint{color:#667085;font-size:13px}.comboRow{align-items:flex-start;display:flex;gap:8px}.combo{position:relative;width:100%}.combo select{width:100%}.comboMenu{background:#fff;border:1px solid #c9d3df;border-radius:6px;box-shadow:0 12px 28px #0f172a1f;left:0;max-height:220px;overflow:auto;position:absolute;right:0;top:calc(100% + 6px);z-index:20}.comboItem,.comboEmpty{border:0;display:block;font:inherit;padding:10px 12px;text-align:left;width:100%}.comboItem{background:#fff;color:#1b1f23;cursor:pointer}.comboItem:hover{background:#edf6f3}.comboEmpty{color:#667085}.plusButton{flex:0 0 auto}.metricGrid{display:grid;gap:14px;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:22px}.metric,.panel{background:#fff;border:1px solid #dde3ea;border-radius:8px}.metric{display:grid;gap:8px;min-height:122px;padding:18px}.metric svg{color:#237c67}.metric span{color:#667085;font-size:14px}.metric strong{font-size:26px}.workArea{display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}.panel{display:flex;flex-wrap:wrap;gap:12px;padding:18px}.panel h2{flex-basis:100%;font-size:18px}.toolbar{background:#fff;border:1px solid #dde3ea;border-radius:8px;display:flex;gap:12px;margin-bottom:18px;padding:12px 18px;flex-wrap:wrap}.toolbar button{align-items:center;display:inline-flex;gap:8px}.tableSection{background:#fff;border:1px solid #dde3ea;border-radius:8px;margin-top:18px;overflow-x:auto}.sectionHeader{align-items:center;border-bottom:1px solid #dde3ea;display:flex;justify-content:space-between;padding:16px 18px;gap:12px}.sectionHeader h2{font-size:18px}.emptyState{color:#667085;padding:18px}.searchWrap{align-items:center;background:#fff;border:1px solid #c9d3df;border-radius:6px;display:flex;gap:8px;min-width:min(100%,420px);padding:0 12px}.searchWrap input{border:0;min-height:38px;outline:0;padding:0;width:100%}table{border-collapse:collapse;width:100%;min-width:500px}th,td{border-bottom:1px solid #edf1f5;padding:12px 18px;text-align:left;white-space:nowrap}th{color:#667085;font-size:13px;font-weight:700}.pill{border-radius:999px;display:inline-flex;font-size:12px;font-weight:700;padding:5px 9px}.pill.ok{background:#e9f7ef;color:#17633f}.pill.low{background:#fff4de;color:#8a4b00}.rowActions{display:flex;gap:8px}.actionButton{align-items:center;background:#fff;border-color:#c9d3df;color:#475467;display:inline-flex;justify-content:center;min-height:34px;padding:0;width:34px}.modalBackdrop{align-items:center;background:#0f172a75;display:flex;top:0;right:0;bottom:0;left:0;justify-content:center;padding:18px;position:fixed;z-index:200}.modal{background:#fff;border-radius:8px;box-shadow:0 18px 48px #0f172a38;display:grid;gap:14px;max-width:560px;padding:20px;width:100%;max-height:calc(100vh - 36px);overflow-y:auto}.modal.large{max-width:720px}.modal.small{max-width:420px}.modal.xlarge{max-width:1100px}.modal.xlarge .tableSection{max-height:60vh;overflow:auto}.modalBackdrop.nested{background:#0f172a8f;z-index:300}.settingsCard{background:#fff;display:grid;gap:14px;max-width:420px;padding:18px}.settingsActions{display:flex;justify-content:flex-end}.settingsActions button{min-width:180px}.modalHeader,.modalFooter{align-items:center;display:flex;justify-content:space-between}.modalHeader p{color:#667085;margin-top:4px}.iconButton{align-items:center;aspect-ratio:1;background:#fff;border-color:#c9d3df;color:#475467;display:inline-flex;justify-content:center;min-height:36px;padding:0;width:36px}label{color:#344054;display:grid;font-size:14px;font-weight:700;gap:6px}input,select{border:1px solid #c9d3df;border-radius:6px;color:#1b1f23;font:inherit;min-height:40px;padding:8px 10px}.formGrid{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.checkbox{align-items:center;display:flex;font-weight:600}.checkboxInline{align-items:flex-start}.checkbox input{min-height:auto}@media (max-width: 860px){.shell{grid-template-columns:1fr}.sidebar{position:fixed;top:0;left:0;bottom:0;z-index:150;width:260px;transform:translate(-100%);transition:transform .25s ease;padding-top:20px}.sidebar.open{transform:translate(0);box-shadow:4px 0 24px #0f172a40}.sidebarBackdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a80;z-index:140}.hamburger{display:inline-flex;background:transparent;border-color:#c9d3df;color:#475467;align-items:center;justify-content:center;min-height:36px;width:36px;padding:0;flex-shrink:0}.content{padding:16px}.topbar{align-items:flex-start;flex-direction:column}.topActions{width:100%;flex-wrap:wrap}.topButton{flex:1;justify-content:center}h1{font-size:20px}.metricGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.workArea{grid-template-columns:1fr}.sectionHeader{align-items:stretch;flex-direction:column}.searchWrap{min-width:0;width:100%}.formGrid{grid-template-columns:1fr}.comboRow{flex-direction:column}.modalFooter{flex-direction:column;gap:12px;align-items:stretch}.modal{padding:16px;max-height:calc(100vh - 36px)}.modal.xlarge .tableSection{max-height:50vh}table{min-width:480px}}@media (max-width: 480px){.metricGrid{grid-template-columns:1fr}.toast{bottom:16px;padding:10px 16px;font-size:.88rem}}@media (max-width: 640px){.status{display:none}.statusDot{display:block;position:fixed;top:17px;right:16px;width:11px;height:11px;border-radius:50%;z-index:160;box-shadow:0 0 0 3px #ffffffd9}.statusDot.online{background:#17a15a}.statusDot.offline{background:#e53e3e}.statusDot.checking{background:#d69e2e}.dashboardPanels,.openCashBtn{display:none}.stockTable{min-width:0!important;width:100%}.stockTable th,.stockTable td{white-space:normal;padding:10px 12px}.stockTable td:first-child{word-break:break-word}.colHide{display:none}}
