/* v6.17 — desktop accounting theme (balanced, blue-first, no overflow) */
:root{
  --ui-bg:#f3f6fb;--ui-surface:#ffffff;--ui-surface-soft:#f8fbff;--ui-text:#18263a;--ui-muted:#728197;--ui-border:#dfe7f1;
  --ui-primary:#165fc4;--ui-primary-2:#0d4ea6;--ui-primary-soft:#edf4ff;--ui-secondary:#0d7c90;--ui-secondary-soft:#eaf8fb;
  --ui-accent:#1f7ae0;--ui-success:#159a72;--ui-warning:#c68a12;--ui-danger:#d94a5d;
  --ui-sidebar:250px;--ui-sidebar-compact:82px;--ui-radius-sm:10px;--ui-radius-md:14px;--ui-radius-lg:18px;--ui-radius-xl:24px;
  --ui-shadow-xs:0 2px 10px rgba(17,34,68,.045);--ui-shadow-sm:0 12px 30px rgba(17,34,68,.06);--ui-shadow-lg:0 24px 64px rgba(17,34,68,.1);
}
html,body{overflow-x:hidden}
*,*::before,*::after{box-sizing:border-box}
body{background:linear-gradient(180deg,#f7f9fd 0%,#f1f5fb 100%);color:var(--ui-text)}
body:before{content:"";position:fixed;inset:0 0 auto;height:4px;background:linear-gradient(90deg,#1e66cc,#0d7c90 52%,#1e66cc);z-index:2000}
.app-shell{overflow-x:hidden}
.sidebar{width:var(--ui-sidebar);padding:18px 14px;background:linear-gradient(180deg,#ffffff 0%,#f9fbff 100%);color:#44556b;border-left:1px solid var(--ui-border);box-shadow:0 0 24px rgba(17,34,68,.05)}
.sidebar-collapse{background:#fff!important;color:#536579!important;border:1px solid var(--ui-border)!important;box-shadow:var(--ui-shadow-xs)!important}
.sidebar-brand{padding:3px 8px 18px;border-bottom:1px solid var(--ui-border)}
.brand-logo-shell{background:#fff!important;border:1px solid #e8eef7!important;box-shadow:0 8px 18px rgba(22,95,196,.06)!important}
.sidebar-brand b{color:#132741!important}.sidebar-brand small{color:#8291a7!important}
.nav-section-label{color:#9aa6b6!important;font-size:10px!important;letter-spacing:0!important;padding:10px 12px 3px!important}
.nav-list{gap:5px!important;margin-top:12px!important}
.nav-list a,.nav-group summary{min-height:43px!important;color:#4f6075!important;background:transparent!important;border:1px solid transparent!important;border-radius:12px!important;box-shadow:none!important}
.nav-list a:hover,.nav-group summary:hover{background:#f7fbff!important;color:#173b69!important;border-color:#e4eef9!important;transform:none!important}
.nav-list a.active{color:var(--ui-primary)!important;background:linear-gradient(90deg,#eef5ff 0%,#f8fbff 100%)!important;border-color:#cfe0f7!important;box-shadow:inset -3px 0 var(--ui-primary)!important}
.nav-list a.active:after{background:var(--ui-primary)!important;box-shadow:none!important}
.nav-icon{background:#f1f6fc!important;color:#59718d!important}.nav-list a.active .nav-icon{background:#fff!important;color:var(--ui-primary)!important;box-shadow:0 6px 14px rgba(22,95,196,.08)}
.nav-group{border:0!important}.nav-submenu{border-right:1px dashed #dce7f3!important;margin-right:25px!important}.nav-submenu a{min-height:37px!important;font-size:12px!important}
.sidebar-footer{border-top:1px solid var(--ui-border)!important}.profile-link{color:#43546a!important}.avatar{background:var(--ui-primary-soft)!important;color:var(--ui-primary)!important;box-shadow:none!important}.user-copy b{color:#1d2f49!important}.user-copy small{color:#8a97a8!important}.logout-link{color:#7f8d9d!important}.logout-link:hover{background:#f1f7ff!important;color:#1d5fbf!important}
.main-content{margin-right:var(--ui-sidebar);padding:18px clamp(16px,2vw,28px) 56px;max-width:none;width:auto;overflow-x:hidden}
.topbar{min-height:70px;margin:0 0 18px;padding:10px 12px;background:rgba(255,255,255,.82);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(223,231,241,.9);border-radius:18px;box-shadow:var(--ui-shadow-xs)}
.topbar h1{font-size:21px;color:#1a2e4b}.page-location{color:#8492a4}.page-location b{color:#4f6178}
.top-date,.network-status,.install-app-btn,.desktop-collapse,.mobile-menu{border-color:#dfe7f1!important;border-radius:12px!important;box-shadow:none!important}
.panel,.stat-card{border-color:var(--ui-border)!important;border-radius:var(--ui-radius-lg)!important;box-shadow:var(--ui-shadow-xs)!important;background:#fff!important}
.panel:hover,.stat-card:hover{border-color:#d2ddea}.panel-head h2{color:#1e3554}.panel-head p,.muted{color:var(--ui-muted)}
.hero-panel{background:linear-gradient(135deg,#142b49 0%,#165fc4 62%,#2780d8 100%)!important;border-radius:24px!important;box-shadow:0 18px 42px rgba(22,95,196,.18)!important}
.hero-panel .btn.light{color:var(--ui-primary)!important;background:#fff!important}
.btn{border-radius:11px!important;box-shadow:none!important}.btn:hover{transform:none!important;filter:brightness(.99)}
.btn.primary{background:linear-gradient(135deg,#1c69cf,#0e56b2)!important;box-shadow:0 8px 18px rgba(28,105,207,.18)!important}.btn.light{background:#fff!important;color:#184e96!important}.btn.ghost{border-color:#d9e4f0!important}.btn.dark{background:#1c2f49!important}
.field label{color:#54657a}.field input,.field select,.field textarea,.filter-bar input,.filter-bar select{border-color:#d8e2ee!important;border-radius:11px!important;background:#fff!important}.field input:focus,.field select:focus,.field textarea:focus,.filter-bar input:focus,.filter-bar select:focus{border-color:#6ea3e7!important;box-shadow:0 0 0 4px rgba(31,122,224,.10)!important}
.data-table thead th{background:#f5f8fc!important;color:#64758a!important;border-bottom-color:#e2eaf3!important}.data-table tbody tr:hover{background:#f9fbff!important}.data-table td{border-bottom-color:#ecf1f6!important}
.status-pill{border-radius:999px!important}.status-pill.posted,.status-pill.paid{background:#ebfbf4!important;color:#0d815f!important}.status-pill.draft,.status-pill.partial,.status-pill.pending{background:#fff7e6!important;color:#a56c08!important}.status-pill.cancelled,.status-pill.unpaid,.status-pill.returned{background:#fff1f4!important;color:#c53a4e!important}
.row-link{color:var(--ui-primary)!important}.row-delete{color:var(--ui-danger)!important}
.alert{border-radius:13px!important}.alert.success{background:#edf9f3!important;border-color:#c9edd9!important}.alert.danger{background:#fff2f4!important;border-color:#ffd5db!important}
.auth-body{background:radial-gradient(circle at 20% 15%,rgba(22,95,196,.12),transparent 28%),radial-gradient(circle at 85% 80%,rgba(13,124,144,.12),transparent 34%),#f4f7fb!important}.login-shell{border:1px solid #e3eaf3;box-shadow:var(--ui-shadow-lg)!important}.brand-panel{background:linear-gradient(145deg,#142b49,#165fc4)!important}.auth-brand-logo{background:#fff!important;border-radius:22px!important;padding:10px!important;object-fit:contain!important}
.mobile-bottom-nav{background:rgba(255,255,255,.96)!important;border-top-color:#e4ebf4!important}.mobile-bottom-nav a.active{color:var(--ui-primary)!important}.mobile-primary .mobile-add{background:var(--ui-primary)!important}
.sidebar-backdrop{background:rgba(15,23,42,.28)!important}
@media(max-width:980px){.sidebar{background:#fff!important}.main-content{margin-right:0!important;padding-inline:10px!important}.sidebar-backdrop{background:rgba(15,23,42,.28)!important}}
@media print{body:before,.sidebar,.topbar,.mobile-bottom-nav{display:none!important}.main-content{margin:0!important;padding:0!important;background:#fff!important}.panel{box-shadow:none!important}}