*{box-sizing:border-box}body{margin:0;font-family:Tahoma,Arial;background:#eaf8fc;color:#20242a}
.app{display:flex;min-height:100vh}.side{width:235px;background:radial-gradient(circle at 20% 18%,#28ddea 0,transparent 27%),radial-gradient(circle at 85% 80%,#0e83db 0,transparent 30%),linear-gradient(135deg,#062a5a 0%,#073b66 46%,#067bc3 100%);color:white;padding:22px 14px;position:fixed;right:0;top:0;bottom:0;box-shadow:-8px 0 28px #04366b45}.logo{text-align:center;font-size:25px;font-weight:800;margin:8px 0 28px}.logo span{color:#fff}.nav a{display:block;color:#efffff;text-decoration:none;padding:12px;border-radius:8px;margin:2px}.nav a:hover{background:rgba(255,255,255,.18);color:white}.main{margin-right:235px;width:calc(100% - 235px);padding:25px}.top{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.top h1{margin:0}.user{background:white;padding:10px 14px;border-radius:9px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.card,.panel{background:white;border-radius:12px;padding:20px;box-shadow:0 2px 12px #0000000a}.label{color:#777}.num{font-size:25px;font-weight:bold;margin-top:8px}.grid{display:grid;grid-template-columns:2fr 1fr;gap:16px;margin-top:18px}.actions{display:flex;gap:9px;margin-bottom:14px}.btn{background:#073b66;color:#fff;border:0;padding:10px 15px;border-radius:8px;cursor:pointer}.gold{background:linear-gradient(135deg,#087dcc,#09c9d7)!important}input,select{padding:10px;border:1px solid #ddd;border-radius:7px;width:100%}.formgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:12px}.table{width:100%;border-collapse:collapse;background:white}.table th,.table td{padding:12px;border-bottom:1px solid #eee;text-align:right}.table th{background:#eaf7fc}.tag{font-size:12px;padding:4px 8px;border-radius:15px;background:#e8f6ec;color:#26723b}.login{min-height:100vh;display:grid;place-items:center;background:#eaf8fc}.loginbox{width:360px;background:#fff;padding:30px;border-radius:14px;box-shadow:0 5px 25px #0002}.loginbox h1{text-align:center}.loginbox .btn{width:100%;margin-top:12px}.error{color:#b22;margin:10px 0}
@media(max-width:800px){.side{width:180px}.main{margin-right:180px;width:calc(100% - 180px)}.cards,.grid,.formgrid{grid-template-columns:1fr}}

/* AcclyERP v94 menu improvement */
.side{overflow:hidden;display:flex;flex-direction:column;padding:16px 10px}
.side-head{position:relative;flex:0 0 auto}
.side-head .logo{margin:5px 0 10px;background:none;height:68px;font-size:17px!important;display:flex;align-items:center;justify-content:center;gap:5px;color:#fff}
.side-head .logo img{display:block;width:58px;height:58px;object-fit:contain}.side-head .logo span{display:block;color:#fff}
body.dashboard-page .side{background:radial-gradient(circle at 20% 18%,#28ddea 0,transparent 27%),radial-gradient(circle at 85% 80%,#0e83db 0,transparent 30%),linear-gradient(135deg,#062a5a 0%,#073b66 46%,#067bc3 100%)!important;border-left:1px solid #55eaf2aa;box-shadow:-8px 0 28px #04366b45}
body.dashboard-page .side .nav a,body.dashboard-page .side .nav-group{color:#d8f7ff!important}
body.dashboard-page .side .nav a:hover,body.dashboard-page .side .nav-group:hover{background:#0bc9d52e!important}
body.dashboard-page .dashboard-title-logo{width:52px;height:52px;object-fit:contain;vertical-align:middle;margin-left:10px}
body.dashboard-page .main>.top{border-color:#8eeaf080!important;background:linear-gradient(100deg,#ffffffef,#e5fbfded)!important;box-shadow:0 12px 30px #063b7820!important}
body.dashboard-page .main>.cards .card,body.dashboard-page .module-card,body.dashboard-page .panel{border-color:#bfe9ef!important;box-shadow:0 10px 26px #063b7812!important}
body.dashboard-page .main>.quick-grid .quick-card{border-color:#c8edf2!important;background:linear-gradient(145deg,#fff,#f0fcfd)!important}
body.dashboard-page .main>.quick-grid .quick-card:hover{border-color:#09c9d7!important;box-shadow:0 13px 25px #079db61c!important}
.menu-toggle{position:absolute;left:2px;top:0;border:0;background:transparent;color:#fff;font-size:21px;cursor:pointer;padding:4px 7px;border-radius:7px}
.menu-toggle:hover{background:#2b2e34}
.nav{overflow-y:auto;overflow-x:hidden;padding:2px 2px 20px;scrollbar-width:thin;flex:1}
.nav a,.nav-group{display:flex;align-items:center;gap:8px;width:100%;color:#cdd0d5;text-decoration:none;padding:10px 11px;border-radius:8px;margin:2px 0;background:transparent;border:0;font:inherit;text-align:right;cursor:pointer;white-space:nowrap}
.nav a:hover,.nav-group:hover{background:#2b2e34;color:#fff}
.nav-group b{margin-right:auto;font-size:13px;opacity:.7}
.nav-sub{display:none;padding:0 0 3px 0}
.nav-sub.open{display:block}
.nav-sub a{font-size:13px;padding:8px 31px 8px 8px;white-space:nowrap}
.side.collapsed{width:68px}
.side.collapsed .logo{font-size:0}
.side.collapsed .logo:after{content:"A";font-size:25px;color:#10d7e5}
.side.collapsed .menu-toggle{left:13px;top:0}
.side.collapsed .nav a,.side.collapsed .nav-group{justify-content:center;font-size:20px;padding:10px}
.side.collapsed .nav a span,.side.collapsed .nav-group span,.side.collapsed .nav-group b{display:none}
.side.collapsed .nav-sub{display:none}
body.sidebar-collapsed .main{margin-right:68px;width:calc(100% - 68px)}
@media(max-width:800px){
  .side{width:235px}
  .side.collapsed{width:0;padding:16px 0}
  .side.collapsed .side-head,.side.collapsed .nav{display:none}
  body.sidebar-collapsed .main{margin-right:0;width:100%}
  .main{margin-right:235px;width:calc(100% - 235px)}
}

/* AcclyERP v95 - accessible control menu */
.side{width:270px;padding:12px 10px;z-index:20}
.side-head{height:48px;display:flex;align-items:center;justify-content:center}
.side-head .logo{margin:0;font-size:23px}
.menu-toggle{left:4px;top:8px}
.nav{padding:4px 2px 18px}
.nav-title{font-size:11px;color:#858b95;padding:8px 11px 4px;margin-top:2px;border-top:1px solid #292c32}
.nav a,.nav-group{padding:8px 10px;margin:1px 0;font-size:14px;min-height:37px}
.nav-home{background:#24272d}
.nav-sub{padding:1px 0 3px}
.nav-sub a{font-size:12px;padding:7px 28px 7px 8px;min-height:31px;color:#aeb3bb}
.logout-link{margin-top:6px!important;border-top:1px solid #292c32!important;padding-top:10px!important}
.side.collapsed{width:64px}
.side.collapsed .side-head{height:48px}
body.sidebar-collapsed .main{margin-right:64px;width:calc(100% - 64px)}
@media(max-width:800px){
  .side{width:250px}
  .side.collapsed{width:0;padding:12px 0}
  .main{margin-right:250px;width:calc(100% - 250px)}
  body.sidebar-collapsed .main{margin-right:0;width:100%}
}

/* V98.2 fluid sidebar: collapses without covering page, with mobile drawer */
.side{transition:width .22s ease, padding .22s ease;box-shadow:0 0 18px rgba(0,0,0,.08)}
.main{transition:margin-right .22s ease,width .22s ease;min-width:0}
.sidebar-overlay{display:none}
.mobile-menu{display:none}
.quick-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin:0 0 18px}
.quick-card{background:#fff;border:1px solid #e8e8e8;border-radius:12px;padding:15px;text-decoration:none;color:#20242a;display:flex;align-items:center;justify-content:center;gap:8px;min-height:58px;box-shadow:0 2px 12px #00000008;font-weight:700}
.quick-card:hover{transform:translateY(-1px);box-shadow:0 4px 16px #00000012}
@media(max-width:1000px){.quick-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:800px){
  .side{width:270px;right:0;transform:translateX(100%);transition:transform .22s ease;box-shadow:-8px 0 25px rgba(0,0,0,.18)}
  .side.drawer-open{transform:translateX(0)}
  .sidebar-overlay{position:fixed;inset:0;background:rgba(0,0,0,.35);z-index:19;display:block;opacity:0;pointer-events:none;transition:opacity .22s ease}
  .sidebar-overlay.show{opacity:1;pointer-events:auto}
  .main,body.sidebar-collapsed .main{margin-right:0;width:100%;padding:18px}
  .mobile-menu{display:block}
  .top{gap:10px;flex-wrap:wrap}.top h1{font-size:22px}
  .quick-grid{grid-template-columns:repeat(2,1fr)}
  .side.collapsed{width:270px;padding:12px 10px;transform:translateX(100%)}
  .side.collapsed.drawer-open{transform:translateX(0)}
}
@media(max-width:480px){.quick-grid{grid-template-columns:1fr 1fr}.card{padding:14px}.num{font-size:20px}}

/* Global interface controls: available on every authenticated page. */
:root{--jaber-font:Tahoma,Arial,sans-serif}
html,body,button,input,select,textarea{font-family:var(--jaber-font)!important}
.jaber-global-control{position:fixed;z-index:2147482000;border:1px solid #c9d5e3;background:#0b4773;color:#fff;border-radius:10px;min-width:44px;height:42px;padding:0 12px;font-size:15px;font-weight:700;cursor:pointer;box-shadow:0 5px 14px #143b5a38}
.jaber-global-control:hover{background:#0a385b;transform:translateY(-1px)}
#jaberGlobalCollapse{top:14px;left:14px;font-size:21px;width:44px;padding:0}
#jaberGlobalBack{bottom:16px;left:16px}
#jaberGlobalFont{top:14px;right:14px;min-width:44px;font-size:18px}
#jaberFontPanel{position:fixed;top:64px;right:14px;z-index:2147482001;background:#fff;color:#173b62;border:1px solid #c9d5e3;border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:9px;min-width:190px;box-shadow:0 10px 30px #143b5a33}
#jaberFontPanel[hidden]{display:none}
#jaberFontPanel select,#jaberFontPanel button{height:36px;border:1px solid #cad6e3;border-radius:7px;padding:0 8px;background:#fff;color:#173b62}
#jaberFontPanel button{background:#edf4fb;cursor:pointer}
body.sidebar-collapsed .side{width:64px!important;padding-left:10px!important;padding-right:10px!important}
body.sidebar-collapsed .side .logo{font-size:0!important}
body.sidebar-collapsed .side .logo:after{content:"A";font-size:25px;color:#10d7e5}
body.sidebar-collapsed .side .nav a,body.sidebar-collapsed .side .nav-group{justify-content:center;font-size:20px;padding-left:7px;padding-right:7px}
body.sidebar-collapsed .side .nav a span,body.sidebar-collapsed .side .nav-group span,body.sidebar-collapsed .side .nav-group b,body.sidebar-collapsed .side .nav-sub,body.sidebar-collapsed .side .nav-title{display:none}
body.sidebar-collapsed .main{margin-right:64px!important;width:calc(100% - 64px)!important}
body.dashboard-page{background:#dceeff!important;color:#062f55}
body.dashboard-page .main{background:linear-gradient(145deg,#eaf5ff 0%,#c9e1fb 100%)!important}
body.dashboard-page .main>.top,body.dashboard-page .main>.card,body.dashboard-page .main>.panel,body.dashboard-page .main>.module-card{border-color:#b8d3eb}
body.dashboard-page .main>.top h1,body.dashboard-page .main>.quick-head h3,body.dashboard-page .main>.section-caption,body.dashboard-page .main>.module-grid .module-card h3{color:#062f55!important;font-weight:800}
body.dashboard-page .main>.module-grid .module-links a{color:#073b68!important;background:#f4f9ff!important;font-weight:700}
@media(max-width:800px){#jaberGlobalCollapse{left:10px;top:10px}#jaberGlobalBack{left:10px;bottom:10px}#jaberGlobalFont{right:10px;top:10px}body.sidebar-collapsed .side{width:0!important;padding:0!important}body.sidebar-collapsed .side>*{display:none!important}body.sidebar-collapsed .main{margin-right:0!important;width:100%!important}}

/* AcclyERP V2 usability: compact dashboard shortcuts */
.quick-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 8px}.quick-head h3{margin:0}.quick-grid.compact{grid-template-columns:repeat(6,minmax(0,1fr));gap:7px}.quick-grid.compact .quick-card{min-height:42px;padding:8px;font-size:20px}.quick-grid.compact .quick-card span{display:none}@media(max-width:1000px){.quick-grid.compact{grid-template-columns:repeat(3,1fr)}}@media(max-width:800px){.quick-grid.compact{grid-template-columns:repeat(3,1fr)}}