:root{
 --font-body:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--font-heading:"Avenir Next","Helvetica Neue",Arial,sans-serif;--base-font-size:15px;--heading-weight:800;
 --page-max-width:1320px;--button-height:40px;--button-radius:10px;--input-radius:9px;
 --card-radius:14px;--panel-shadow:none;--green:#37B989;--green-dark:#14231D;--primary-text:#071D15;
 --green-pale:color-mix(in srgb,var(--green) 14%,#fff);--paper:#F4F7F5;--card-bg:#FFFFFF;--white:#FFFFFF;--ink:#17201C;--muted:#66716B;--line:#E2E7E4;
 --success:#2E8B68;--warning:#C88719;--error:#9B3E38;--info:#377CA8;
}
html{font-size:var(--base-font-size)}body{font-family:var(--font-body);background:var(--paper);color:var(--ink)}
h1,h2,h3,h4,.brand strong,.portal-brand strong{font-family:var(--font-heading);font-weight:var(--heading-weight)}
a{color:var(--green-dark)}
button,.button,.portal-primary,.portal-secondary,.danger-button,.small-button{min-height:var(--button-height);border-radius:var(--button-radius)}
input,select,textarea{border-radius:var(--input-radius);border-color:var(--line);background:var(--card-bg);color:var(--ink)}
.panel,.stat,.portal-card,.portal-login-card,.settings-hub-card,.export-card,.ticket-row,.offline-card{background:var(--card-bg);border-color:var(--line);border-radius:var(--card-radius);box-shadow:var(--panel-shadow)}
.button.primary,button.primary,.form-actions button,.portal-primary{background:var(--green);border-color:var(--green);color:var(--primary-text)}
.portal-secondary,.button,button{border-color:var(--line)}
.portal-alert.success,.success-banner{border-color:color-mix(in srgb,var(--success) 35%,#fff);background:color-mix(in srgb,var(--success) 12%,#fff);color:color-mix(in srgb,var(--success) 75%,#000)}
.portal-alert.error,.danger-button{border-color:color-mix(in srgb,var(--error) 38%,#fff);background:color-mix(in srgb,var(--error) 12%,#fff);color:color-mix(in srgb,var(--error) 78%,#000)}
.portal-alert.info{border-color:color-mix(in srgb,var(--info) 35%,#fff);background:color-mix(in srgb,var(--info) 10%,#fff);color:color-mix(in srgb,var(--info) 78%,#000)}
body[data-density="compact"]{--theme-space:.78}body[data-density="comfortable"]{--theme-space:1}body[data-density="spacious"]{--theme-space:1.22}
.panel-heading{padding:calc(20px * var(--theme-space,1)) calc(22px * var(--theme-space,1))}.portal-card,.portal-login-card{padding:calc(24px * var(--theme-space,1))}
body[data-card-style="border"] .panel,body[data-card-style="border"] .stat,body[data-card-style="border"] .portal-card,body[data-card-style="border"] .portal-login-card{box-shadow:none;border-width:1px}
body[data-card-style="flat"] .panel,body[data-card-style="flat"] .stat,body[data-card-style="flat"] .portal-card,body[data-card-style="flat"] .portal-login-card{box-shadow:none;border-color:transparent}
body[data-motion="reduced"] *{transition-duration:.08s!important;animation-duration:.08s!important}body[data-motion="off"] *{transition:none!important;animation:none!important;scroll-behavior:auto!important}
.brand-image,.portal-brand-image{display:block;object-fit:contain;max-width:100%}
.brand-image{width:46px;height:46px;border-radius:12px;background:#fff;padding:4px}.portal-brand-image{width:48px;height:48px;border-radius:13px;background:#fff;padding:4px}

:root{--sidebar-bg:#17211D;--sidebar-text:#C9D2CD;--sidebar-active:#284036;--sidebar-active-text:#FFFFFF;--topbar-bg:#F5F7F6;--sidebar-width:250px;--topbar-height:84px;--dashboard-columns:4;--login-bg-image:none;--dashboard-banner-image:none}
.app-shell{grid-template-columns:var(--sidebar-width) minmax(0,1fr)}.sidebar{background:var(--sidebar-bg);color:var(--sidebar-text)}
.sidebar nav a{color:var(--sidebar-text)}.sidebar nav a:hover,.sidebar nav a.active{background:var(--sidebar-active);color:var(--sidebar-active-text)}
.sidebar .brand span,.sidebar-footer{color:color-mix(in srgb,var(--sidebar-text) 72%,transparent)}.topbar,.clean-topbar{background:var(--topbar-bg);min-height:var(--topbar-height);box-sizing:border-box}
.stats-grid.six,.stats-grid{grid-template-columns:repeat(var(--dashboard-columns),minmax(0,1fr))}
.staff-login-body{background-color:var(--paper);background-image:linear-gradient(105deg,color-mix(in srgb,var(--paper) 94%,transparent),color-mix(in srgb,var(--paper) 76%,transparent)),var(--login-bg-image);background-size:cover;background-position:center}
.dashboard-visual-banner{min-height:180px;margin:0 34px 20px;border-radius:var(--card-radius);background-image:linear-gradient(90deg,rgba(0,0,0,.58),rgba(0,0,0,.08)),var(--dashboard-banner-image);background-size:cover;background-position:center;display:flex;align-items:flex-end;padding:26px;color:#fff;box-shadow:var(--panel-shadow)}
body[data-topbar-style="surface"] .topbar{margin:16px 34px;border:1px solid var(--line);border-radius:var(--card-radius);box-shadow:var(--panel-shadow)}body[data-topbar-style="bordered"] .topbar{border-bottom:1px solid var(--line)}
body[data-nav-style="compact"] .sidebar{padding-left:12px;padding-right:12px}body[data-nav-style="compact"] .sidebar nav a{padding:9px 10px;font-size:12px}
@media(max-width:980px){.app-shell{display:block}.stats-grid.six,.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.stats-grid.six,.stats-grid{grid-template-columns:1fr}.dashboard-visual-banner{margin-left:15px;margin-right:15px}}