:root{--leiz-navy:#122638;--leiz-accent:#167d8d;--leiz-bg:#f3f6f9;--bs-primary:#167d8d;--bs-primary-rgb:22,125,141}body{background:var(--leiz-bg);color:#243747;font-family:system-ui,-apple-system,'Segoe UI',sans-serif}.btn-primary{background:var(--leiz-accent);border-color:var(--leiz-accent)}.btn-primary:hover{background:#116673;border-color:#116673}.sidebar{width:262px!important;background:var(--leiz-navy)!important;color:#dbe4eb;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:13px;padding:25px 22px;font-weight:800;font-size:23px;letter-spacing:2px;color:white}.brand span:not(.brand-mark){display:block;font-size:10px;letter-spacing:3px;font-weight:500}.brand-mark{display:grid;place-items:center;width:42px;height:44px;background:#167d8d;border-radius:12px;font-size:30px;letter-spacing:0}.sidebar-content{overflow-y:auto;flex:1;padding:0 13px 18px}.nav-section{font-size:10px;text-transform:uppercase;letter-spacing:1.4px;color:#8fa5b5;padding:22px 12px 7px}.nav-item{display:flex;align-items:center;gap:12px;padding:9px 12px;border-radius:7px;text-decoration:none;color:#d3dee7;font-size:13px;margin:2px 0}.nav-item i{font-size:16px}.nav-item.active,.nav-item:hover:not(.disabled){color:white;background:#1f4255}.nav-item.active{box-shadow:inset 3px 0 #31bdc3}.nav-item.disabled{opacity:.5;cursor:default}.sidebar-footer{font-size:10px;padding:17px 22px;border-top:1px solid #ffffff12;color:#8fa5b5}.topbar{height:75px;display:flex;align-items:center;gap:15px;padding:0 30px;background:white;border-bottom:1px solid #e3e9ee}.workspace-name{font-size:14px;font-weight:600}.user-name{font-size:13px}.page-content{padding:32px;max-width:1600px;margin:auto}.page-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:23px}.eyebrow{font-size:10px;letter-spacing:1.5px;color:#167d8d;font-weight:700}h1{font-size:29px;font-weight:700;margin:7px 0 8px}h2{font-size:19px;font-weight:650}h3{font-size:17px}.page-heading p{color:#6f8190;margin:0;font-size:14px}.welcome-panel{background:linear-gradient(120deg,#18394a,#167d8d);border-radius:12px;color:white;padding:27px;display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.welcome-panel p{opacity:.8;font-size:14px;margin:10px 0 0}.welcome-panel>i{font-size:47px;opacity:.45}.metric-card,.surface{background:white;border:1px solid #e1e8ee;border-radius:10px;padding:23px;box-shadow:0 2px 5px #12263803}.metric-card{display:flex;flex-direction:column;position:relative}.metric-card>i{position:absolute;right:20px;top:20px;color:#167d8d;font-size:23px}.metric-card>span{font-size:13px;color:#687d8d;padding-right:30px}.metric-card strong{font-size:30px;margin:15px 0 5px}.metric-card small{font-size:11px;color:#8a9aa7}.empty-state{text-align:center;padding:50px 15px;color:#7f919f}.empty-state>i{display:block;font-size:43px;color:#167d8d;margin-bottom:15px}.empty-state p{font-size:13px}.login-shell{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.login-intro{background:linear-gradient(145deg,#122638,#164655);padding:35px 60px;color:white;display:flex;flex-direction:column;justify-content:space-between}.login-intro .brand{padding:0}.login-intro h1{font-size:48px;line-height:1.18;margin:20px 0}.login-intro p{color:#b0c6d3;max-width:330px}.login-intro small{color:#8faab9}.login-intro .eyebrow{color:#57c4ce}.login-form-panel{display:grid;place-items:center;padding:40px;background:white}.login-card{width:100%;max-width:360px}.login-card h2{font-size:28px}.form-control:focus,.form-select:focus{border-color:#167d8d;box-shadow:0 0 0 .2rem #167d8d20}.table th{font-size:12px;color:#6c7e8d;font-weight:600}.table td{font-size:14px;vertical-align:middle}.form-label{font-size:13px;font-weight:600}@media(min-width:992px){.sidebar{position:fixed;top:0;bottom:0;left:0}.main-shell{margin-left:262px}}@media(max-width:991px){.page-content{padding:22px}.topbar{padding:0 20px}.login-intro{padding:30px}.login-intro h1{font-size:36px}}@media(max-width:575px){.login-shell{grid-template-columns:1fr}.login-intro{min-height:240px;gap:25px}.login-intro h1{font-size:28px;margin:10px 0}.login-intro small{display:none}.login-form-panel{padding:35px 25px}.user-name{display:none}.page-content{padding:18px}.welcome-panel>i{display:none}.page-heading{align-items:flex-start;gap:12px}h1{font-size:25px}}
:root{color-scheme:light}.product-image{width:150px;height:150px;object-fit:contain;border:1px solid #e1e8ee;border-radius:8px}.rich-content table{border-collapse:collapse;width:100%;margin:12px 0}.rich-content td,.rich-content th{border:1px solid #d6dfe5;padding:8px}.rich-content h2,.rich-content h3{margin-top:15px}.errorlist{color:#b42318;font-size:13px}
/* The menu changes only when its button is clicked. */
.sidebar { position: fixed; inset: 0 auto 0 0; z-index: 1030; visibility: hidden; transform: translateX(-100%); }
.main-shell { margin-left: 0; min-width: 0; }
.sidebar-open .sidebar { visibility: visible; transform: none; }
.sidebar-open .main-shell { margin-left: 262px; }
:root { --topbar-height: 75px; }
.topbar-compact { --topbar-height: 56px; }
.topbar { position: sticky; top: 0; z-index: 1031; height: var(--topbar-height); }
.topbar-compact .topbar { box-shadow: 0 3px 12px #30203712; }
.topbar-compact .workspace-name { font-size: 13px; }
.topbar-compact .user-name { font-size: 12px; }
.topbar [data-sidebar-toggle] { min-width: 38px; min-height: 38px; padding: 4px 8px; }
.topbar .workspace-name { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.topbar .user-name { max-width: 28vw; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
html { scroll-padding-top: calc(var(--topbar-height) + 16px); }
@media (max-width: 991px) {
  .sidebar { top: var(--topbar-height); box-shadow: 8px 8px 24px #30203726; max-width: 90vw; }
  .sidebar-open .main-shell { margin-left: 0; }
}
@media (max-width: 575px) {
  .topbar { padding-inline: 12px; gap: 8px; }
  .topbar .user-name { display: inline; max-width: 22vw; font-size: 11px; }
  .topbar > .ms-auto { gap: 8px !important; flex-shrink: 0; }
}
.table-sort-button { border: 0; padding: 0; background: transparent; color: inherit; font: inherit; font-weight: inherit; text-align: inherit; text-decoration: none; display: inline-flex; align-items: center; gap: .4rem; }
.table-sort-button::after { content: '↕'; opacity: .45; font-size: .85em; }
th[aria-sort="ascending"] > .table-sort-button::after { content: '↑'; opacity: 1; }
th[aria-sort="descending"] > .table-sort-button::after { content: '↓'; opacity: 1; }
.table-sort-button:focus-visible { outline: 2px solid var(--leiz-accent); outline-offset: 4px; border-radius: 2px; }
@media print { .table-sort-button::after { display: none; } }