:root{--ough-blue:#0a58ca;--ough-deep:#073b86;--ough-soft:#eef6ff;--ough-ink:#18324a;--ough-border:#dce8f5}
*{box-sizing:border-box}body{font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ough-ink)}
.app-body{background:#f6f9fd}.topbar{background:linear-gradient(135deg,var(--ough-deep),var(--ough-blue));box-shadow:0 4px 20px rgba(7,59,134,.18)}
.brand-drop{width:34px;height:34px;display:grid;place-items:center;border-radius:12px;background:rgba(255,255,255,.15)}.urdu-brand{font-family:"Noto Nastaliq Urdu","Segoe UI",serif}
.sidebar{background:#fff;border-right:1px solid var(--ough-border)}.sidebar-inner{position:sticky;top:70px}.sidebar-label{font-size:.72rem;letter-spacing:.09em;text-transform:uppercase;color:#7790a8;font-weight:800;margin:.5rem .75rem}
.sidebar .nav-link{display:flex;align-items:center;gap:.75rem;color:#516a83;border-radius:12px;padding:.72rem .8rem;font-weight:600}.sidebar .nav-link i{width:22px;text-align:center}.sidebar .nav-link:hover,.sidebar .nav-link.active{background:var(--ough-soft);color:var(--ough-blue)}
.sidebar-card{background:linear-gradient(145deg,var(--ough-blue),#198ef4);color:#fff;border-radius:16px;padding:1rem}.content-area{min-height:calc(100vh - 66px)}
.page-title{font-weight:800;letter-spacing:-.02em}.page-subtitle{color:#71869a}.panel{background:#fff;border:1px solid var(--ough-border);border-radius:18px;box-shadow:0 8px 28px rgba(30,77,120,.06)}
.metric-card{background:#fff;border:1px solid var(--ough-border);border-radius:18px;padding:1.15rem;height:100%;box-shadow:0 8px 28px rgba(30,77,120,.05)}.metric-icon{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:var(--ough-soft);color:var(--ough-blue);font-size:1.25rem}.metric-value{font-size:1.6rem;font-weight:800;letter-spacing:-.03em}.metric-label{color:#73889b;font-size:.87rem}
.table>thead th{font-size:.76rem;text-transform:uppercase;letter-spacing:.04em;color:#72869a;background:#f8fbff;border-bottom-color:var(--ough-border)}.table td{vertical-align:middle}.badge-soft{background:var(--ough-soft);color:var(--ough-blue);border:1px solid #d6eaff}.form-control,.form-select{border-color:#d7e3ef;border-radius:11px;padding:.68rem .8rem}.form-control:focus,.form-select:focus{border-color:#8ebdf4;box-shadow:0 0 0 .2rem rgba(13,110,253,.1)}.btn{border-radius:10px;font-weight:600}.btn-primary{background:var(--ough-blue);border-color:var(--ough-blue)}
.login-body{min-height:100vh;background:radial-gradient(circle at top left,#dceeff 0,#f8fbff 42%,#edf5fd 100%)}.login-shell{min-height:100vh}.login-card{background:#fff;border:1px solid var(--ough-border);border-radius:24px;box-shadow:0 22px 60px rgba(5,61,128,.14);overflow:hidden}.login-brand{background:linear-gradient(160deg,#06397e,#0d6efd);color:#fff;min-height:520px}.login-mark{width:78px;height:78px;border-radius:24px;display:grid;place-items:center;background:rgba(255,255,255,.14);font-size:2.2rem}
.portal-body{background:#f5f9fe}.portal-header{background:linear-gradient(135deg,#06397e,#0d6efd);color:#fff}.summary-tile{background:#fff;border:1px solid var(--ough-border);border-radius:16px;padding:1rem;height:100%}.summary-tile .value{font-size:1.3rem;font-weight:800}.summary-tile .label{font-size:.8rem;color:#73889b}
.delivery-calc{background:#f0f7ff;border:1px dashed #8ebdf4;border-radius:14px;padding:1rem}.amount-preview{font-size:2rem;font-weight:900;color:var(--ough-blue)}
@media(max-width:991.98px){.content-area{min-height:auto}.sidebar-inner{position:static}.login-brand{min-height:auto}}