/* Presentation only: original modules and calculations remain in index.html. */
@media screen {
body{font-family:system-ui,'Segoe UI',sans-serif;background:#f0f4f8;color:#20364d}
.app-shell{grid-template-columns:236px 1fr}.sidebar{background:linear-gradient(160deg,#384b5f,#293a4b);padding:24px 14px}.brand{font-size:21px}.version{font-size:12px;margin:10px 0 24px;color:#cbd6e2}.nav{border-radius:8px;padding:13px 14px;font-size:14px;margin-bottom:6px;min-height:44px}.nav.active{background:linear-gradient(100deg,#2769d1,#238ee5);color:white}.main{padding:0 24px 20px;min-width:0;background:#f0f4f8}.topbar{background:white;margin:0 -24px 24px;padding:23px 24px;border-bottom:1px solid #dce5ef;align-items:center}.topbar h1{font-size:28px}.subtitle{font-size:12px;margin-top:5px}.top-actions{gap:8px}.top-actions .btn,.top-actions .file-label{font-size:12px;padding:10px;border:1px solid #dce5ef;background:#f7f9fc;border-radius:7px}.page{min-height:0}.panel{border:1px solid #dce5ef;border-radius:13px;padding:18px;box-shadow:0 3px 10px #23375005}.metric-grid{gap:16px}.metric{border:1px solid #dce5ef!important;border-radius:13px;min-height:128px;padding:20px;box-shadow:0 4px 10px #2337500b;background:#f4f7ff}.metric:nth-child(2){background:#f0fbf5}.metric:nth-child(3){background:#fff5f4}.metric:nth-child(4){background:#faf9f4}.metric .label{font-size:13px}.metric .value{font-size:29px;margin:16px 0 4px}.metric .hint{font-size:12px}.filters{gap:12px}.filters label{font-size:12px}.filters input,.filters select{padding:10px;font-size:14px}.page-head h2{font-size:23px}.table-wrap{border-color:#dce5ef}th{background:#f0f5fb;color:#344a63}td,th{padding:12px}.erp-menu-toggle{display:none}.erp-backdrop{display:none}
@media(max-width:1100px){.metric-grid,.metric-grid.five{grid-template-columns:repeat(2,minmax(0,1fr))}.topbar{flex-wrap:wrap}.app-shell{grid-template-columns:210px 1fr}.top-actions{gap:4px}}
@media(max-width:760px){.app-shell{display:block;height:100dvh}.sidebar{display:block!important;position:fixed;z-index:1001;top:0;bottom:0;left:0;width:260px;height:100dvh;overflow-y:auto;transform:translateX(-100%);transition:transform .2s}.sidebar .brand,.sidebar .version{display:block}.sidebar .nav{display:block;width:100%;font-size:15px!important;padding:13px!important;text-align:left}.erp-menu-open .sidebar{transform:translateX(0)}.erp-menu-open .erp-backdrop{display:block;position:fixed;inset:0;background:#142a4266;border:0;z-index:1000}.erp-menu-toggle{display:inline-block;min-height:44px;min-width:44px;border:1px solid #dce5ef;background:#f4f7fb;border-radius:8px;font-size:22px;color:#20364d}.main{height:100dvh;padding:0 14px 14px}.topbar{margin:0 -14px 16px;padding:12px 14px;gap:9px;min-height:60px}.topbar h1{font-size:22px}.top-actions{width:100%;gap:6px}.top-actions .btn,.top-actions .file-label{font-size:11px;padding:9px;min-height:40px}.page{height:auto;flex:1;min-height:0;overflow-y:auto;overflow-x:hidden}.metric-grid,.metric-grid.five{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.metric{min-height:112px;padding:14px}.metric .value{font-size:24px}.metric .label{font-size:12px}.panel{padding:13px}.filters{flex-wrap:wrap}.filters>*{min-width:0;max-width:100%}.btn{min-height:40px}.table-wrap{max-width:100%;overflow:auto}}
}
@media screen{.metric span{font-size:13px;font-weight:500}.metric b{font-size:28px;margin-top:17px}.metric small{font-size:11px;margin-top:5px}.pl-strip b{font-size:18px}.pl-strip small,.stock-grid{font-size:12px}.sidebar{overflow-y:auto}.metric-grid.five{grid-template-columns:repeat(5,minmax(0,1fr))}@media(max-width:1100px){.metric-grid.five{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.metric span{font-size:12px}.metric b{font-size:23px}.metric small{display:block;font-size:10px}.metric{overflow-wrap:anywhere}}}
/* Account details align at desktop widths and stack on phones. */
.permission-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;align-items:start}
.permission-grid>div{min-width:0}
.permission-grid input:not([type=checkbox]){width:100%;box-sizing:border-box}
.permission-grid>.full{grid-column:1/-1}
@media(max-width:600px){.permission-grid{grid-template-columns:1fr!important}}