*{box-sizing:border-box} :root{--g:#123b35;--g2:#1c6658;--mint:#e8f3ef;--ink:#182b27;--muted:#778680;--line:#e4ebe8;--bg:#f5f8f7;--red:#b43e3e}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.5 system-ui,Segoe UI,sans-serif}header{height:68px;background:var(--g);color:#fff;display:flex;justify-content:space-between;align-items:center;padding:0 26px;position:sticky;top:0;z-index:4}.brand{display:flex;align-items:center;gap:11px}.logo{width:38px;height:38px;border-radius:10px;background:#d9eee6;color:var(--g);display:grid;place-items:center;font-size:22px}.brand strong{letter-spacing:.1em}.brand small{display:block;color:#c7d8d2;font-size:10px}.headright{display:flex;align-items:center;gap:15px;font-size:12px}.layout{display:flex;min-height:calc(100vh - 68px)}aside{width:225px;background:white;border-right:1px solid var(--line);padding:22px 12px;display:flex;flex-direction:column;gap:5px;flex-shrink:0}aside button{border:0;background:transparent;text-align:left;padding:12px;border-radius:8px;color:#53645e;font-weight:650;cursor:pointer}aside button.active,aside button:hover{background:var(--mint);color:var(--g2)}.navcaption{font-size:10px;color:#91a09a;letter-spacing:.13em;padding:5px 12px}.navfoot{margin-top:auto;border-top:1px solid var(--line);padding:16px 12px;color:var(--g);font-weight:700}.navfoot small{color:var(--muted);font-weight:400}main{padding:27px 32px;width:100%;max-width:1500px;margin:auto}.pagehead{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.pagehead small{color:#92a099;font-size:10px;letter-spacing:.12em;font-weight:800}.pagehead h1{font-size:27px;letter-spacing:-.04em;margin:2px 0}.pagehead p{margin:0;color:var(--muted)}.btn{border:0;border-radius:8px;padding:10px 14px;font-weight:700;cursor:pointer}.primary{background:var(--g2);color:#fff}.light{background:#edf3f0;color:var(--g)}.danger{background:#fff0ef;color:var(--red)}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:17px}.metric,.panel{background:#fff;border:1px solid var(--line);border-radius:12px;padding:17px;box-shadow:0 3px 12px #123b3508}.metric label{color:var(--muted);font-size:12px}.metric strong{display:block;font-size:23px;margin:6px 0;letter-spacing:-.04em}.metric small{color:var(--muted);font-size:11px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:15px}.panel{margin-bottom:16px}.panel h2{font-size:15px;margin:0 0 13px}.panelhead{display:flex;align-items:center;justify-content:space-between}.tablewrap{overflow:auto}table{border-collapse:collapse;width:100%;white-space:nowrap}th{text-align:left;color:#89968f;font-size:10px;letter-spacing:.08em;padding:10px;border-bottom:1px solid var(--line);text-transform:uppercase}td{font-size:12px;padding:12px 10px;border-bottom:1px solid #eef2f0}tbody tr:last-child td{border:0}.empty{text-align:center;color:var(--muted);padding:25px}.pill{background:var(--mint);color:var(--g2);padding:4px 8px;border-radius:20px;font-size:10px}.actions{display:flex;gap:5px}.sm{padding:6px 9px;font-size:11px}.field{display:flex;flex-direction:column;gap:5px;margin:0 0 12px}.field label{font-size:11px;color:#61716a;font-weight:700}.field input,.field select,.field textarea{border:1px solid #dce5e1;border-radius:8px;padding:10px;font:inherit;width:100%;background:white}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.full{grid-column:1/-1}dialog{border:0;border-radius:14px;width:min(580px,calc(100% - 24px));padding:22px;box-shadow:0 20px 80px #102c2770}dialog::backdrop{background:#102c2788}.modalhead,.modalfoot{display:flex;justify-content:space-between;align-items:center}.modalhead{border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:15px}.modalhead h2{font-size:18px;margin:0}.modalfoot{justify-content:flex-end;gap:8px;margin-top:16px}.x{border:0;background:#edf3f0;border-radius:8px;font-size:20px;padding:3px 10px;cursor:pointer}#alert{display:none;padding:10px 13px;border-radius:8px;background:#fff4df;color:#80520c;margin-bottom:14px;font-size:12px}#alert.show{display:block}footer{font-size:10px;color:#99a59f;padding:18px 0}.muted{color:var(--muted)}@media(max-width:850px){aside{width:64px;padding:15px 6px}aside button{font-size:0;text-align:center;padding:12px 2px}aside button:first-letter{font-size:17px}.navcaption,.navfoot{display:none}main{padding:20px 15px}.cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){header{padding:0 12px}.brand small{display:none}.headright{gap:7px}main{padding:17px 10px}.grid2,.formgrid{grid-template-columns:1fr}.pagehead h1{font-size:23px}.metric{padding:12px}.metric strong{font-size:18px}}
#pakal-auth label{display:block;margin:12px 0 5px;font-weight:600}#pakal-auth input{width:100%;padding:12px;border:1px solid #cbd8d2;border-radius:8px;box-sizing:border-box;margin-bottom:8px}#pakal-auth button{margin-top:12px}#pakal-auth details{margin-top:18px}#pakal-auth [role=alert]{color:#a22}

/* Authentication screen layout */
#pakal-auth{width:min(460px,calc(100% - 28px));margin:6vh auto 24px!important;padding:30px!important;position:relative;z-index:5}
#pakal-auth h1{margin:0 0 8px;font-size:27px}
#pakal-auth p{color:#61716a}
.headright[hidden],.layout[hidden]{display:none!important}

/* Full-screen authentication: never leave the business shell visible. */
body.pakal-auth-mode > header,
body.pakal-auth-mode > .layout { display:none !important; }
#pakal-auth {
  position:fixed; inset:0; z-index:9999; width:100%; height:100vh; height:100dvh;
  max-height:100dvh; margin:0 !important; padding:24px 16px !important;
  display:flex; align-items:center; justify-content:center; overflow-y:auto;
  background:var(--bg); border:0; border-radius:0; box-shadow:none;
}
#pakal-auth .auth-card {
  width:min(460px,100%); max-height:100%; overflow-y:auto;
  padding:clamp(20px,4vw,32px); background:#fff;
  border:1px solid var(--line); border-radius:16px;
  box-shadow:0 12px 40px #123b3518;
}
#pakal-auth hr { border:0; border-top:1px solid var(--line); margin:18px 0; }
#pakal-auth form { margin:0; }
#pakal-auth button { min-height:42px; }
#pakal-auth [role=alert]:empty { display:none; }
@media(max-height:620px) { #pakal-auth { align-items:flex-start; } #pakal-auth .auth-card { margin:auto 0; } }
/* V1 user settings */
html[data-font="small"] body{font-size:12px}html[data-font="large"] body{font-size:16px}html[data-font="xlarge"] body{font-size:18px}
html[data-theme="dark"]{--ink:#e5eeea;--muted:#aab8b2;--line:#344640;--bg:#101a17;--mint:#203a32}
html[data-theme="dark"] aside,html[data-theme="dark"] .panel,html[data-theme="dark"] .metric,html[data-theme="dark"] dialog{background:#192722;color:var(--ink);border-color:var(--line)}
html[data-theme="dark"] td{border-color:#2a3a34}html[data-theme="dark"] .field input,html[data-theme="dark"] .field select,html[data-theme="dark"] input.list-search{background:#101a17;color:var(--ink);border-color:#40564d}
.list-search{width:min(100%,420px);padding:10px 12px;border:1px solid var(--line);border-radius:8px;margin:0 0 12px;font:inherit;background:#fff}
.low-stock{color:#b42318!important;font-weight:800;background:#fff0ef}.low-pill{background:#ffe0de;color:#a21d18}