:root{--navy:#0B3553;--dnavy:#082B45;--blue:#0B527D;--bg:#EEF3F7;--bd:#D6E0E8;--tx:#183B53;--mu:#718096}
body{background:var(--bg);color:var(--tx)}.muted{color:var(--mu)}
.sidebar{position:fixed;inset:0 auto 0 0;width:250px;background:var(--dnavy);padding:16px 12px;overflow:auto;z-index:20;transition:transform .2s}
.brand{color:#fff;font-weight:700;font-size:1.15rem;padding:8px 10px 18px}
.sidebar nav a{display:flex;align-items:center;gap:10px;color:#cfe0ec;text-decoration:none;padding:10px 12px;border-radius:10px;margin-bottom:4px;border-left:4px solid transparent}
.sidebar nav a small{margin-left:auto;opacity:.5;font-size:.65rem}
.sidebar nav a:hover{background:#0d3a5c}.sidebar nav a.active{background:#2a4a63;color:#fff;border-left-color:#7fb2d9}
.main{margin-left:250px}.topbar{display:flex;align-items:center;gap:12px;background:#fff;border-bottom:1px solid var(--bd);padding:12px 24px}
.topbar h1{font-size:1.25rem;margin:0}.content{padding:24px}
.cardx{background:#fff;border:1px solid var(--bd);border-radius:14px;padding:20px;box-shadow:0 1px 3px rgba(11,53,83,.06)}
.metric{font-size:1.5rem;font-weight:700}.ptitle{font-size:.75rem;letter-spacing:.08em;font-weight:700;margin-bottom:14px}
.sales-t{color:#7a2e0e}.supply-t{color:#0b4a5e}
.pill{display:flex;justify-content:space-between;align-items:center;padding:16px 18px;border-radius:12px;margin-bottom:10px;text-decoration:none;border-left:6px solid}
.sales-p{background:#FFECD5;color:#7a2e0e;border-color:#F59A3E}.supply-p{background:#CCF7FC;color:#0b4a5e;border-color:#22CBE0}
.btn-navy{background:var(--navy);color:#fff;border-radius:10px}.btn-navy:hover{background:var(--blue);color:#fff}
.login{display:grid;place-items:center;min-height:100vh}.login-card{width:340px}
@media(max-width:991px){.sidebar{transform:translateX(-100%)}.sidebar.open{transform:none}.main{margin-left:0}}

.no-side .main{margin-left:0}.chg-box{border-radius:12px;padding:10px 16px;background:#e7f6ec;border:2px solid #198754;color:#146c43;text-align:center}.chg-box b{display:block;font-size:2rem;line-height:1.1}.chg-box.short{background:#fdecec;border-color:#DC3545;color:#a52834}.chg-box.zero{background:#eef3f7;border-color:#D6E0E8;color:#183B53}.tot-big{font-size:2.2rem;font-weight:800;color:#198754;line-height:1}
.rt tr{cursor:pointer}.rt tr.sel>*{background:#0B3553!important;color:#fff!important}