:root{
  --ba-bg:#f3f6fb;--ba-card:#fff;--ba-text:#101828;--ba-muted:#667085;--ba-border:#d7deea;--ba-primary:#4f7cff;--ba-primary-2:#6c5ffc;--ba-dark:#111827;--ba-shadow:0 16px 38px rgba(16,24,40,.08);--ba-menu-width:292px;--ba-icon-width:72px;--ba-radius:18px;
}
*{box-sizing:border-box} body.ba-body,body{background:var(--ba-bg);font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--ba-text);margin:0}.auth-bg{background:linear-gradient(135deg,#0f172a,#243b76)}
.ba-app{min-height:100vh}.ba-iconbar{position:fixed;inset:0 auto 0 0;width:var(--ba-icon-width);background:#fff;border-right:1px solid #e9edf5;z-index:1050;display:flex;align-items:center;flex-direction:column;padding:14px 10px;gap:10px;box-shadow:7px 0 20px rgba(22,34,67,.04)}
.ba-icon-brand{width:42px;height:42px;border-radius:16px;background:linear-gradient(135deg,#20c6d7,#6d5dfc);color:#fff;text-decoration:none;display:grid;place-items:center;font-weight:900;font-size:22px}.ba-icon-link{width:42px;height:42px;border-radius:11px;color:#697083;text-decoration:none;display:grid;place-items:center;font-size:21px;transition:.18s}.ba-icon-link:hover,.ba-icon-link.active{color:#3268ff;background:#eef3ff;box-shadow:0 8px 18px rgba(50,104,255,.12)}
.ba-menu-panel{position:fixed;top:0;bottom:0;left:var(--ba-icon-width);width:var(--ba-menu-width);background:#fff;border-right:1px solid #e9edf5;z-index:1040;padding:24px 20px;transform:translateX(calc(-1 * var(--ba-menu-width)));transition:transform .25s ease;box-shadow:18px 0 45px rgba(22,34,67,.08);overflow-y:auto}.ba-menu-panel:hover,.ba-body.sidebar-open .ba-menu-panel{transform:translateX(0)}
.ba-menu-brand{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.ba-menu-logo{font-weight:900;font-size:28px;letter-spacing:.4px;color:#1f2937}.ba-menu-close{border:0;background:#f3f6fb;border-radius:10px;width:34px;height:34px;font-size:20px;color:#667085}.ba-menu-caption{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#98a2b3;margin:18px 0 8px;padding-inline:8px}.ba-menu-nav{display:flex;flex-direction:column;gap:4px}.ba-menu-link{display:grid;grid-template-columns:34px 1fr;grid-template-rows:auto auto;gap:0 10px;text-decoration:none;color:#667085;border-radius:14px;padding:10px 12px;transition:.18s}.ba-menu-link span{grid-row:1/3;font-size:19px;align-self:center}.ba-menu-link b{color:#344054;font-size:14px;font-weight:700}.ba-menu-link em{font-style:normal;font-size:12px;color:#98a2b3}.ba-menu-link:hover{background:#f1f5ff;color:#3268ff;transform:translateX(2px)}.ba-menu-link:hover b{color:#3268ff}
.ba-page{margin-left:var(--ba-icon-width);min-height:100vh}.ba-topbar{height:74px;background:#fff;border-bottom:1px solid #e9edf5;display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:900}.ba-menu-toggle{border:0;background:#f2f5fb;border-radius:12px;width:42px;height:42px;font-size:21px;color:#667085}.ba-good{font-weight:800}.ba-sub,.ba-clock{font-size:13px;color:#667085}.ba-content{padding:30px;max-width:1920px}.page-title{font-size:28px;font-weight:900;margin:0 0 20px;letter-spacing:-.03em}.card,.ba-card{border:0;border-radius:22px;background:#fff;box-shadow:var(--ba-shadow)}.card{overflow:hidden}.table{--bs-table-bg:transparent}.table thead th{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:#667085;background:#f8fafc;border-bottom:1px solid #e9edf5}.table tbody td{vertical-align:middle;border-color:#eff2f7}.btn{border-radius:12px;font-weight:700}.btn-primary{background:linear-gradient(135deg,var(--ba-primary),var(--ba-primary-2));border:0}.btn-success{background:linear-gradient(135deg,#10b981,#22c55e);border:0}.btn-outline-primary,.btn-outline-danger,.btn-outline-secondary{border-radius:12px}.form-error-box,.validation-summary-errors{border:1px solid #fecaca;background:#fff1f2;color:#991b1b;border-radius:16px;padding:12px 14px;margin-bottom:16px}.validation-summary-errors ul{margin:0}.alert{border-radius:16px;border:0}.required:after{content:" *";color:#ef4444;font-weight:900}.rtl{direction:rtl;text-align:right}.text-muted{color:#667085!important}
/* Global official form style: label and control on the same line, border like the screenshot. JS wraps normal ASP.NET labels/inputs into this structure. */
.ba-field-inline{display:flex;align-items:stretch;width:100%;min-height:48px;border:1px solid var(--ba-border);border-radius:4px;background:#fff;overflow:hidden;box-shadow:0 1px 0 rgba(16,24,40,.02)}.ba-field-inline:focus-within{border-color:#8ba7ff;box-shadow:0 0 0 .2rem rgba(79,124,255,.12)}.ba-field-inline .ba-addon,.ba-field-inline label.form-label{margin:0!important;min-width:112px;max-width:210px;padding:0 14px;background:#f5f7fb;border-inline-start:1px solid var(--ba-border);display:flex;align-items:center;justify-content:center;color:#344054;font-weight:700;font-size:13px;white-space:nowrap}.ba-field-inline .ba-control,.ba-field-inline .form-control,.ba-field-inline .form-select,.ba-field-inline textarea{border:0!important;border-radius:0!important;box-shadow:none!important;background:#fff!important;min-height:46px;flex:1;width:100%;padding:.7rem 1rem;color:#101828}.ba-field-inline .form-select{background-position:left .75rem center}.ba-field-inline textarea{min-height:92px}.ba-field-inline.ba-ltr .form-select{background-position:right .75rem center}.ba-form-hint{font-size:12px;color:#667085;margin-top:4px}.field-validation-error,.text-danger{font-size:12px;margin-top:4px;display:block}.form-check-input{width:1.1em;height:1.1em}.form-check-label{font-weight:700;color:#344054}.bilingual-label{display:flex;justify-content:space-between;gap:10px}.ba-lang{display:inline-flex;gap:5px;align-items:center;font-size:12px;color:#64748b;background:#f1f5f9;border-radius:999px;padding:3px 8px;margin-inline-start:6px}.ba-grid-card{background:#fff;border-radius:24px;box-shadow:var(--ba-shadow);padding:22px}.ba-section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.ba-section-title h2{font-size:20px;font-weight:900;margin:0}.ba-kpi{border-radius:20px;padding:18px;background:linear-gradient(135deg,#eef4ff,#fff);border:1px solid #e8eefc}.ba-kpi b{display:block;font-size:28px}.ba-kpi span{color:#667085;font-size:13px}.modal-content{border-radius:22px;border:0;box-shadow:var(--ba-shadow)}
@media(max-width:991px){.ba-menu-panel{left:0;transform:translateX(-100%);width:290px}.ba-page{margin-left:0}.ba-iconbar{display:none}.ba-content{padding:18px}.ba-topbar{padding:0 14px}.ba-field-inline{display:block}.ba-field-inline .ba-addon,.ba-field-inline label.form-label{border:0;border-bottom:1px solid var(--ba-border);max-width:none;justify-content:flex-start;min-height:38px}.rtl .ba-field-inline .ba-addon,.rtl .ba-field-inline label.form-label{justify-content:flex-end}}
@media print{.ba-iconbar,.ba-menu-panel,.ba-topbar{display:none!important}.ba-page{margin:0}.ba-content{padding:0}.card,.ba-card{box-shadow:none}}

/* Menu pin behavior */
.ba-menu-pin{border:0;background:#f3f6fb;border-radius:10px;width:34px;height:34px;font-size:16px;color:#667085;display:grid;place-items:center;transition:.18s}
.ba-menu-pin:hover,.ba-menu-pin.active{background:#eef3ff;color:#3268ff;box-shadow:0 8px 18px rgba(50,104,255,.12)}
.ba-body.sidebar-pinned .ba-menu-panel{transform:translateX(0)!important;opacity:1!important}
.ba-body.sidebar-pinned .ba-page{margin-left:calc(var(--ba-icon-width) + var(--ba-menu-width));transition:margin-left .25s ease}
.ba-body.sidebar-pinned .ba-topbar{left:calc(var(--ba-icon-width) + var(--ba-menu-width))}
@media(max-width:991px){.ba-body.sidebar-pinned .ba-page{margin-left:0}.ba-body.sidebar-pinned .ba-menu-panel{transform:translateX(0)!important}}