:root{--brand:#0aa5c4;--brand-600:#078aa5;--brand-700:#066f86;--brand-50:#e8f7fb;--brand-100:#cdeff7;--accent:#7c5cff;--accent-50:#f0ecff;--success:#16a34a;--success-50:#e9f8ef;--warning:#f59e0b;--warning-50:#fff6e5;--danger:#e5484d;--danger-50:#fdecec;--info:#3b82f6;--info-50:#eaf2ff;--ink:#000;--ink-2:#000;--muted:#000;--line:#e5e8ef;--line-2:#eef1f6;--surface:#fff;--surface-2:#f8fafc;--bg:#f2f4f8;--sidebar-bg:#0c1524;--sidebar-bg-2:#111d31;--sidebar-ink:#a9b6cb;--sidebar-w:268px;--sidebar-w-collapsed:78px;--topbar-h:64px;--radius-sm:8px;--radius:12px;--radius-lg:16px;--shadow-xs:0 1px 2px #0f172a0d;--shadow-sm:0 1px 3px #0f172a0f, 0 1px 2px #0f172a0a;--shadow:0 4px 16px -4px #0f172a14, 0 2px 4px #0f172a0a;--shadow-lg:0 20px 40px -12px #0f172a38;--font:"IBM Plex Sans Arabic", "Noto Kufi Arabic", system-ui, sans-serif;--font-head:"Noto Kufi Arabic", "IBM Plex Sans Arabic", sans-serif;--bs-primary:var(--brand);--bs-primary-rgb:10, 165, 196;--bs-link-color:var(--brand-600);--bs-border-color:var(--line);--bs-body-font-family:var(--font);--bs-body-color:#000;--bs-secondary-color:#000;--bs-tertiary-color:#000;--bs-emphasis-color:#000}html{scroll-behavior:smooth}body{font-family:var(--font);background-color:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;font-size:14px}h1,h2,h3,h4,h5,h6,.main-heading,.modal-title,.card-title{font-family:var(--font-head);color:var(--ink)}a{color:inherit;transition:color .15s}::selection{background:var(--brand-100)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{box-shadow:none;background:0 0}::-webkit-scrollbar-thumb{background-color:#c5cdd9;background-clip:content-box;border:2px solid #0000;border-radius:99px}::-webkit-scrollbar-thumb:hover{background-color:#9aa6b8}:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.min-w-0{min-width:0}body.sidebar-locked{overflow:hidden}.app-shell{min-height:100vh}.app-sidebar{top:0;bottom:0;width:var(--sidebar-w);background:linear-gradient(180deg, var(--sidebar-bg) 0%, var(--sidebar-bg-2) 100%);color:var(--sidebar-ink);z-index:1040;border-inline-end:1px solid #ffffff0a;flex-direction:column;transition:width .22s,transform .25s;display:flex;position:fixed;inset-inline-start:0}.app-main{flex-direction:column;min-width:0;min-height:100vh;margin-inline-start:var(--sidebar-w);transition:margin .22s;display:flex}.sidebar-brand{height:var(--topbar-h);border-bottom:1px solid #ffffff0f;flex-shrink:0;justify-content:space-between;align-items:center;padding:0 16px;display:flex}.brand-link{color:#fff;align-items:center;gap:10px;min-width:0;display:flex}.brand-link:hover{color:#fff}.brand-logo{background:linear-gradient(135deg, var(--brand), var(--accent));border-radius:12px;flex-shrink:0;place-items:center;width:40px;height:40px;display:grid;box-shadow:0 6px 16px -4px #0aa5c499}.brand-logo img{object-fit:contain;filter:brightness(0)invert();width:26px;height:26px}.brand-text{flex-direction:column;min-width:0;line-height:1.35;display:flex}.brand-text strong{font-family:var(--font-head);white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.brand-text small{color:var(--sidebar-ink);white-space:nowrap;font-size:11px}.sidebar-close{color:#fff;background:#ffffff14;border-radius:10px;width:34px;height:34px}.sidebar-nav{flex:1;padding:12px 12px 20px;overflow:hidden auto}.sidebar-nav::-webkit-scrollbar-thumb{background-color:#ffffff1f}.nav-group+.nav-group{margin-top:14px}.nav-group-title{color:#66758d;white-space:nowrap;letter-spacing:.2px;padding:0 12px 6px;font-size:11px;font-weight:600}.nav-entry{color:var(--sidebar-ink);white-space:nowrap;border-radius:10px;align-items:center;gap:12px;margin-bottom:2px;padding:9px 12px;font-size:13.5px;font-weight:500;transition:background .15s,color .15s;display:flex;position:relative}.nav-entry:hover{color:#fff;background:#ffffff0f}.nav-entry.active{color:#fff;background:linear-gradient(90deg,#0aa5c41f,#0aa5c447)}.nav-entry.active:before{content:"";inset-inline-start:-12px;background:var(--brand);border-radius:0 4px 4px 0;width:4px;position:absolute;top:8px;bottom:8px}[dir=rtl] .nav-entry.active:before{border-radius:4px 0 0 4px}.nav-icon{text-align:center;flex-shrink:0;width:22px;font-size:15px}.nav-entry.active .nav-icon{color:#5fd6ee}.nav-label{text-overflow:ellipsis;flex:1;overflow:hidden}.nav-badge{color:#fff;background:#ff5a36;border-radius:99px;place-items:center;min-width:20px;height:20px;padding:0 6px;font-size:11px;font-weight:700;display:grid}.nav-live{background:#22c55e;border-radius:50%;width:8px;height:8px;animation:1.8s infinite live-pulse;box-shadow:0 0 #22c55eb3}@keyframes live-pulse{0%{box-shadow:0 0 #22c55e99}70%{box-shadow:0 0 0 8px #22c55e00}to{box-shadow:0 0 #22c55e00}}@media (width>=992px){.app-shell.is-collapsed .app-sidebar{width:var(--sidebar-w-collapsed)}.app-shell.is-collapsed .app-main{margin-inline-start:var(--sidebar-w-collapsed)}.app-shell.is-collapsed .brand-text,.app-shell.is-collapsed .nav-label,.app-shell.is-collapsed .nav-group-title,.app-shell.is-collapsed .nav-live{display:none}.app-shell.is-collapsed .sidebar-brand{justify-content:center;padding:0}.app-shell.is-collapsed .nav-entry{justify-content:center;padding-inline:0}.app-shell.is-collapsed .nav-badge{top:2px;min-width:16px;height:16px;padding:0 4px;font-size:10px;position:absolute;inset-inline-end:6px}.app-shell.is-collapsed .nav-group+.nav-group{border-top:1px solid #ffffff0f;margin-top:8px;padding-top:8px}}@media (width<=991.98px){.app-sidebar{box-shadow:var(--shadow-lg);transform:translate(100%)}[dir=ltr] .app-sidebar{transform:translate(-100%)}.app-shell.is-mobile-open .app-sidebar{transform:none}.app-main{margin-inline-start:0;padding-bottom:72px}}.sidebar-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1035;background:#080d1880;position:fixed;inset:0}.app-topbar{z-index:1020;height:var(--topbar-h);-webkit-backdrop-filter:saturate(180%)blur(12px);backdrop-filter:saturate(180%)blur(12px);border-bottom:1px solid var(--line);background:#ffffffd9;justify-content:space-between;align-items:center;gap:12px;padding:0 24px;display:flex;position:sticky;top:0}.topbar-start,.topbar-end{align-items:center;gap:10px;min-width:0;display:flex}.topbar-logo img{width:34px}.icon-btn{background:var(--surface-2);border:1px solid var(--line);width:40px;height:40px;color:var(--ink-2);border-radius:11px;flex-shrink:0;place-items:center;font-size:16px;transition:all .15s;display:inline-grid;position:relative}.icon-btn:hover{background:var(--brand-50);border-color:var(--brand-100);color:var(--brand-700)}.icon-btn-badge{top:-5px;color:#fff;background:#ff5a36;border:2px solid #fff;border-radius:99px;place-items:center;min-width:19px;height:19px;padding:0 5px;font-size:10.5px;font-weight:700;display:grid;position:absolute;inset-inline-end:-5px}.topbar-clock{background:var(--surface-2);border:1px solid var(--line);color:var(--ink-2);font-variant-numeric:tabular-nums;border-radius:11px;align-items:center;gap:8px;padding:8px 14px;font-size:13px;font-weight:600}.topbar-clock i{color:var(--brand)}.topbar-link{color:var(--ink-2);border-radius:11px;align-items:center;gap:8px;padding:8px 14px;font-size:13px;font-weight:600}.topbar-link:hover{background:var(--brand-50);color:var(--brand-700)}.topbar-help i{color:red;font-size:17px}.topbar-help:hover{color:#c00;background:#ff000014}.user-menu{position:relative}.user-trigger{background:var(--surface-2);border:1px solid var(--line);color:var(--ink-2);border-radius:99px;align-items:center;gap:9px;max-width:230px;padding:4px 4px 4px 12px;font-size:13px;font-weight:600;display:flex}[dir=rtl] .user-trigger{padding:4px 4px 4px 12px}.user-trigger:hover{border-color:var(--brand-100)}.user-name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.user-avatar{background:linear-gradient(135deg, var(--brand), var(--accent));color:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:32px;height:32px;font-size:14px;font-weight:700;display:grid}.user-avatar.lg{width:42px;height:42px;font-size:17px}.user-dropdown{top:calc(100% + 10px);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);width:250px;box-shadow:var(--shadow-lg);z-index:1050;padding:6px;position:absolute;inset-inline-end:0}.user-dropdown-head{border-bottom:1px solid var(--line-2);align-items:center;gap:10px;margin-bottom:4px;padding:10px;display:flex}.user-dropdown-item{width:100%;color:var(--ink-2);text-align:start;background:0 0;border-radius:8px;align-items:center;gap:10px;padding:9px 10px;font-size:13px;font-weight:500;display:flex}.user-dropdown-item i{text-align:center;width:18px;color:var(--muted)}.user-dropdown-item:hover{background:var(--surface-2);color:var(--ink)}.user-dropdown-item.text-danger i{color:inherit}.user-dropdown-item.text-danger:hover{background:var(--danger-50)}.app-content{flex:1;width:100%;max-width:1680px;margin-inline:auto;padding:28px 28px 40px}.app-content .content-loader{top:6rem}.app-content .container,.app-content .container-md,.app-content .container-fluid{max-width:100%;padding-inline:0}@media (width<=767.98px){.app-content{padding:18px 14px 28px}.app-topbar{padding:0 14px}}.app-footer{border-top:1px solid var(--line);color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:16px 28px;font-size:12px;display:flex}.app-footer a{color:var(--muted);font-weight:600}.app-footer a:hover{color:var(--brand-600)}.mobile-tabbar{bottom:0;z-index:1030;height:64px;padding:0 6px env(safe-area-inset-bottom);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--line);background:#fffffff5;justify-content:space-around;align-items:flex-end;display:flex;position:fixed;inset-inline:0;box-shadow:0 -6px 20px -10px #0f172a26}.tab-item{height:100%;color:var(--muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;font-size:11px;font-weight:600;display:flex}.tab-icon{font-size:18px}.tab-item.active{color:var(--brand-600)}.tab-item.primary .tab-icon{background:linear-gradient(135deg, var(--brand), var(--accent));color:#fff;border:4px solid var(--bg);border-radius:16px;place-items:center;width:50px;height:50px;margin-top:-26px;display:grid;box-shadow:0 10px 20px -8px #0aa5c4cc}.main-heading{letter-spacing:-.2px;align-items:center;gap:10px;margin-bottom:1.25rem;font-size:20px;font-weight:700;display:flex}.main-heading:before{content:"";background:linear-gradient(180deg, var(--brand), var(--accent));border-radius:99px;flex-shrink:0;width:6px;height:22px}.main-heading.opacity-0:before{display:none}.small-heading{color:var(--ink-2);font-size:14px}.small-label,.form-label{color:var(--ink-2);margin-bottom:6px;font-size:12.5px;font-weight:600}.text-muted{color:var(--muted)!important}.text-main-color{color:var(--brand)!important}.box-content,.box-white,.app-content .bg-white.shadow,.app-content .bg-white.rounded-2{background:var(--surface);border:1px solid var(--line);padding:1.25rem;border-radius:var(--radius-lg)!important;box-shadow:var(--shadow-sm)!important}.card{border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);background:var(--surface)}.card.shadow,.card.shadow-sm{box-shadow:var(--shadow-sm)!important}.card-header,.card-footer{background:var(--surface-2);border-color:var(--line)}.card-header:first-child{border-radius:var(--radius-lg) var(--radius-lg) 0 0}.card-title{font-size:15px;font-weight:700}.list-group-item{border-color:var(--line)}.table{--bs-table-bg:transparent;--bs-table-border-color:var(--line-2);--bs-table-hover-bg:var(--surface-2);margin-bottom:0}.table-responsive{border-radius:var(--radius)}.table.main-table,.main-table{border-collapse:separate;border-spacing:0;border-radius:var(--radius);background:var(--surface);overflow:hidden;border:1px solid var(--line)!important}.main-table tr{border:none!important}.main-table tr th,.main-table>thead>tr>th{background:var(--surface-2);color:var(--muted);white-space:nowrap;padding:12px 14px;font-size:12px;font-weight:700;border-bottom:1px solid var(--line)!important}.main-table tr td{color:var(--ink-2);border-bottom:1px solid var(--line-2);vertical-align:middle;background:0 0;padding:12px 14px;font-size:13.5px}.main-table tbody tr:last-child td{border-bottom:none}.main-table tbody tr{transition:background .12s}.main-table tbody tr:hover td{background:#f7fafd}.main-table tfoot td,.main-table tfoot th{background:var(--surface-2);color:var(--ink);font-weight:700}.table-light,.table>thead.table-light th{--bs-table-bg:var(--surface-2)}.btn{--bs-btn-border-radius:10px;--bs-btn-font-weight:600;justify-content:center;align-items:center;gap:6px;padding:.5rem 1rem;font-size:13.5px;transition:all .15s;display:inline-flex}.btn-sm{--bs-btn-border-radius:8px;padding:.35rem .65rem;font-size:12.5px}.btn-lg{--bs-btn-border-radius:12px}.btn:active{transform:translateY(1px)}.btn-primary{--bs-btn-bg:var(--brand);--bs-btn-border-color:var(--brand);--bs-btn-hover-bg:var(--brand-600);--bs-btn-hover-border-color:var(--brand-600);--bs-btn-active-bg:var(--brand-700);--bs-btn-active-border-color:var(--brand-700);--bs-btn-disabled-bg:var(--brand);--bs-btn-disabled-border-color:var(--brand);box-shadow:0 4px 12px -4px #0aa5c48c}.btn-secondary{--bs-btn-color:var(--ink-2);--bs-btn-bg:#eef1f5;--bs-btn-border-color:#eef1f5;--bs-btn-hover-color:var(--ink);--bs-btn-hover-bg:#e2e7ee;--bs-btn-hover-border-color:#e2e7ee;--bs-btn-active-color:var(--ink);--bs-btn-active-bg:#d7dde6;--bs-btn-active-border-color:#d7dde6;--bs-btn-disabled-color:var(--muted);--bs-btn-disabled-bg:#eef1f5;--bs-btn-disabled-border-color:#eef1f5}.btn-info{--bs-btn-color:#0b6b80;--bs-btn-bg:var(--brand-50);--bs-btn-border-color:var(--brand-100);--bs-btn-hover-color:#fff;--bs-btn-hover-bg:var(--brand);--bs-btn-hover-border-color:var(--brand);--bs-btn-active-color:#fff;--bs-btn-active-bg:var(--brand-600);--bs-btn-active-border-color:var(--brand-600)}.btn-danger{--bs-btn-bg:var(--danger);--bs-btn-border-color:var(--danger);--bs-btn-hover-bg:#cf3a3f;--bs-btn-hover-border-color:#cf3a3f}.btn-sm.btn-danger,.btns-table .btn-danger{--bs-btn-color:#c2292e;--bs-btn-bg:var(--danger-50);--bs-btn-border-color:#f8d4d5;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:var(--danger);--bs-btn-hover-border-color:var(--danger)}.btn-sm.btn-info,.btn-sm.btn-warning,.btn-sm.btn-success,.btn-sm.btn-danger,.btn-sm.btn-primary,.btn-sm.btn-secondary{min-width:32px;min-height:32px}.btn-success{--bs-btn-bg:var(--success);--bs-btn-border-color:var(--success);--bs-btn-hover-bg:#128a3e;--bs-btn-hover-border-color:#128a3e}.btn-sm.btn-success{--bs-btn-color:#12803b;--bs-btn-bg:var(--success-50);--bs-btn-border-color:#cdeedb;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:var(--success);--bs-btn-hover-border-color:var(--success)}.btn-warning{--bs-btn-color:#7a4a00;--bs-btn-bg:#fdecc8;--bs-btn-border-color:#fbe0a6;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:var(--warning);--bs-btn-hover-border-color:var(--warning)}.btn-outline-info,.btn-outline-primary{--bs-btn-color:var(--brand-600);--bs-btn-border-color:var(--brand-100);--bs-btn-hover-bg:var(--brand);--bs-btn-hover-border-color:var(--brand);--bs-btn-hover-color:#fff;--bs-btn-active-bg:var(--brand-600);--bs-btn-active-border-color:var(--brand-600)}.btn-light{--bs-btn-bg:var(--surface-2);--bs-btn-border-color:var(--line)}.btn-main-sm{background:linear-gradient(135deg, var(--brand), var(--brand-600));color:#fff;border:1px solid #0000;border-radius:10px;gap:7px;padding:.5rem 1rem;font-size:13px;font-weight:600;overflow:visible;box-shadow:0 4px 12px -4px #0aa5c48c}.btn-main-sm:before{display:none}.btn-main-sm:hover{color:#fff;filter:brightness(1.06);border-color:#0000;transform:translateY(-1px);box-shadow:0 8px 18px -6px #0aa5c4b3}.trans-btn{border-radius:10px}.form-control,.form-select,.main-select{background-color:var(--surface);color:var(--ink);border-radius:10px;min-height:40px;padding:.5rem .8rem;transition:border-color .15s,box-shadow .15s;border:1px solid var(--line)!important;font-size:13.5px!important}.form-select{background-position:.75rem;padding-left:2.25rem}.form-control-sm,.form-select-sm{border-radius:8px;min-height:34px;padding-top:.3rem;padding-bottom:.3rem}textarea.form-control{min-height:80px}.form-control:hover,.form-select:hover,.main-select:hover{border-color:#cfd6e1!important}.form-control:focus,.form-select:focus,.main-select:focus{outline:none;border-color:var(--brand)!important;box-shadow:0 0 0 4px #0aa5c424!important}.form-control::placeholder{color:#a0abbb}.form-control:disabled,.form-control[readonly]{background-color:var(--surface-2)}.form-check-input{border-color:#c4ccd8}.form-check-input:checked{background-color:var(--brand);border-color:var(--brand)}.form-check-input:focus{border-color:var(--brand);box-shadow:0 0 0 4px #0aa5c424}.input-group-text{background:var(--surface-2);border-color:var(--line);border-radius:10px}.modal.d-block{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:#080d188c}.modal-content{box-shadow:var(--shadow-lg);border:none;border-radius:18px;overflow:hidden}.modal-header{border-bottom:1px solid var(--line-2);padding:18px 22px}.modal-title{font-size:16px;font-weight:700}.modal-body{padding:22px}.modal-footer{background:var(--surface-2);border-top:1px solid var(--line-2);gap:8px;padding:14px 22px}.modal-footer>*{margin:0}.btn-close{background-color:var(--surface-2);opacity:.7;border-radius:8px;padding:.6rem}.btn-close:hover{opacity:1}.nav-fade-enter-active .modal-dialog,.nav-fade-leave-active .modal-dialog{transition:transform .18s}.nav-fade-enter-from .modal-dialog,.nav-fade-leave-to .modal-dialog{transform:translateY(12px)scale(.98)}.alert{border-radius:var(--radius);border:1px solid #0000;padding:.85rem 1rem;font-size:13.5px}.alert-primary,.alert-info{background:var(--brand-50);border-color:var(--brand-100);color:#0b5a6b}.alert-warning{background:var(--warning-50);color:#7a4a00;border-color:#fde5b4}.alert-danger{background:var(--danger-50);color:#a3262b;border-color:#f8d4d5}.alert-success{background:var(--success-50);color:#146c35;border-color:#cdeedb}.alert a{font-weight:700}.badge{border-radius:7px;padding:.4em .65em;font-weight:600}.badge-count{background:#ff5a36;border-radius:99px;width:auto;min-width:18px;padding:0 5px;font-size:11px;font-weight:700}.pagination{gap:4px}.page-link{border:1px solid var(--line);color:var(--ink-2);text-align:center;min-width:34px;font-weight:600;border-radius:8px!important}.page-link:hover{background:var(--brand-50);color:var(--brand-700);border-color:var(--brand-100)}.page-item.active .page-link{background:var(--brand);border-color:var(--brand);color:#fff}.page-item.disabled .page-link{color:#b8c1ce;background:0 0}.nav-tabs,.nav-pills{border:none;gap:6px}.nav-tabs .nav-link,.nav-pills .nav-link{border:1px solid var(--line);color:var(--ink-2);background:var(--surface);border-radius:10px;font-weight:600}.nav-tabs .nav-link.active,.nav-pills .nav-link.active{background:var(--brand);border-color:var(--brand);color:#fff}.dropdown-menu{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:6px}.dropdown-item{border-radius:8px;padding:8px 10px}.btn-box{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);font-family:var(--font-head);color:var(--ink);box-shadow:var(--shadow-sm);--tile:#f59e0b;border-inline-start-width:1px;padding:20px 22px;font-size:16px;font-weight:700;overflow:hidden}.btn-box:before{background:var(--tile);opacity:0;width:100%;transition:opacity .25s;inset-inline-start:0}.btn-box:after{content:"";inset-inline-start:0;background:var(--tile);width:5px;position:absolute;top:0;bottom:0}.btn-box:hover{color:#fff;box-shadow:var(--shadow);transform:translateY(-2px)}.btn-box:hover:before{opacity:1;width:100%;inset-inline-start:0}.btn-box .icon{width:50px;transition:transform .25s}.btn-box:hover .icon{transform:scale(1.08)rotate(-4deg)}.btn-box.green{--tile:#16a34a;border-color:var(--line)}.btn-box.info{--tile:var(--brand);border-color:var(--line)}.btn-box.purple{--tile:var(--accent);border-color:var(--line)}.boxes-info .box-info{border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:22px 20px;transition:transform .2s,box-shadow .2s}.boxes-info .box-info:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.boxes-info .box-info .num{font-family:var(--font-head);color:var(--ink);font-size:28px;font-weight:800}.boxes-info .box-info .text{color:var(--muted);font-size:13.5px;font-weight:600}.boxes-info .box-info .bg-icon{opacity:.16}.box-report{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-xs);min-height:84px;padding:12px 16px;transition:all .2s}.box-report p{color:var(--ink);font-size:15px;font-weight:600;transition:color .2s}.box-report:hover{box-shadow:var(--shadow);border-color:var(--brand-100);background:linear-gradient(135deg, var(--brand), var(--brand-600));transform:translateY(-2px)}.box-report .report-img{object-fit:contain;width:48px;height:48px}.states-box,.box-room,.box-category{border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.box-category{padding:0;overflow:hidden}.box-category .title{background:var(--brand)}.box-final-total{background:linear-gradient(135deg, var(--brand), var(--accent));border-radius:var(--radius)}.swal2-popup{border-radius:18px!important}.swal2-popup.swal2-toast{box-shadow:var(--shadow-lg)!important;border-radius:12px!important}.swal2-styled{border-radius:10px!important;font-weight:600!important}.auth-page{background:var(--surface);grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);min-height:100vh;display:grid}.auth-form-side{flex-direction:column;justify-content:center;padding:48px clamp(24px,6vw,96px);display:flex}.auth-card{width:100%;max-width:400px;margin-inline:auto}.auth-brand{align-items:center;gap:12px;margin-bottom:40px;display:flex}.auth-brand .brand-logo{border-radius:14px;width:48px;height:48px}.auth-brand .brand-logo img{width:30px;height:30px}.auth-brand strong{font-family:var(--font-head);font-size:17px;display:block}.auth-brand small{color:var(--muted);font-size:12px}.auth-title{font-family:var(--font-head);margin-bottom:6px;font-size:26px;font-weight:800}.auth-subtitle{color:var(--muted);margin-bottom:28px}.auth-field{margin-bottom:18px;position:relative}.auth-field .field-icon{inset-inline-start:14px;color:var(--ink);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.auth-field .form-control{background:var(--surface-2);border-radius:12px;min-height:48px;padding-inline-start:42px}.auth-field .form-control:focus{background:var(--surface)}.auth-field .toggle-pass{inset-inline-end:6px;width:36px;height:36px;color:var(--ink);background:0 0;border-radius:9px;position:absolute;top:50%;transform:translateY(-50%)}.auth-field .toggle-pass:hover{background:var(--line-2);color:var(--ink-2)}.auth-field.has-toggle .form-control{padding-inline-end:46px}.auth-submit{width:100%;min-height:50px;margin-top:6px;border-radius:12px!important;font-size:15px!important}.auth-footer{color:var(--muted);text-align:center;margin-top:40px;font-size:12px}.auth-footer a{color:var(--muted);font-weight:600}.auth-visual{color:#fff;background:radial-gradient(circle at 20% 20%,#7c5cff8c,#0000 45%),radial-gradient(circle at 80% 75%,#0aa5c499,#0000 50%),linear-gradient(160deg,#0b1322 0%,#111d33 100%);border-radius:28px;flex-direction:column;justify-content:flex-end;margin:14px;padding:56px;display:flex;position:relative;overflow:hidden}.auth-visual:before{content:"";background-image:linear-gradient(#ffffff0d 1px,#0000 1px),linear-gradient(90deg,#ffffff0d 1px,#0000 1px);background-size:44px 44px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle at 50% 40%,#000 0%,#0000 75%);mask-image:radial-gradient(circle at 50% 40%,#000 0%,#0000 75%)}.auth-visual-icons{pointer-events:none;position:absolute;inset:0}.auth-visual-icons i{color:#ffffffe6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff14;border:1px solid #ffffff24;border-radius:22px;place-items:center;animation:6s ease-in-out infinite float;display:grid;position:absolute}.auth-visual-icons i:first-child{top:14%;width:96px;height:96px;font-size:40px;inset-inline-start:16%}.auth-visual-icons i:nth-child(2){top:24%;width:76px;height:76px;font-size:30px;animation-delay:-2s;inset-inline-end:18%}.auth-visual-icons i:nth-child(3){top:46%;width:64px;height:64px;font-size:24px;animation-delay:-4s;inset-inline-start:42%}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}.auth-visual-content{position:relative}.auth-visual h2{color:#fff;margin-bottom:12px;font-size:clamp(24px,2.6vw,34px);font-weight:800;line-height:1.5}.auth-visual p{color:#ffffffb8;max-width:440px;margin-bottom:26px}.auth-features{flex-wrap:wrap;gap:10px;display:flex}.auth-features span{background:#ffffff14;border:1px solid #ffffff24;border-radius:99px;align-items:center;gap:8px;padding:8px 14px;font-size:12.5px;font-weight:600;display:inline-flex}.auth-features i{color:#5fd6ee}@media (width<=991.98px){.auth-page{grid-template-columns:1fr}.auth-visual{display:none}}@media print{body{background:#fff!important}.app-main{margin:0!important;padding:0!important}.app-content{max-width:100%!important;padding:0!important}.box-content,.card,.main-table{box-shadow:none!important;border-radius:0!important}}.room-head{border-radius:var(--radius);background:linear-gradient(90deg, var(--sidebar-bg), #16304a);color:#fff;box-shadow:var(--shadow-sm);justify-content:space-between;align-items:center;gap:10px;margin:6px 0 0;padding:12px 16px;font-size:15px;font-weight:700;display:flex}.room-head span{align-items:center;gap:10px;display:flex}.room-head span i{color:#5fd6ee}.room-head-btn{color:#fff;background:#ffffff1a;border-radius:9px;width:34px;height:34px}.room-head-btn:hover{background:var(--brand)}.box-room .new{border-radius:8px}.box-room .img{border-radius:10px}.btn.btn-info,.btn.btn-warning{color:var(--bs-btn-color)}.btn.btn-info:hover,.btn.btn-warning:hover,.btn.btn-info:focus-visible,.btn.btn-warning:focus-visible{color:var(--bs-btn-hover-color)}.btn.btn-info.text-white{--bs-btn-bg:var(--brand);--bs-btn-border-color:var(--brand)}.btn.btn-warning.text-white{--bs-btn-bg:var(--warning);--bs-btn-border-color:var(--warning)}.form-section-title{border-bottom:1px dashed var(--line);color:var(--ink-2);align-items:center;gap:8px;margin:22px 0 12px;padding-bottom:8px;font-size:14px;font-weight:700;display:flex}.form-section-title:first-child{margin-top:0}.form-section-title i{color:var(--brand)}.switch-card{border:1px solid var(--line);background:var(--surface-2);cursor:pointer;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;height:100%;padding:10px 12px;font-size:13px;transition:border-color .15s,background .15s;display:flex}.switch-card:hover{border-color:var(--brand-100)}.switch-card.checked{background:var(--brand-50);border-color:var(--brand-100)}.switch-card.disabled{opacity:.55;cursor:not-allowed}.switch-card .form-switch{min-height:0;padding:0}.switch-card .form-switch .form-check-input{float:none;width:2.4em;height:1.3em;cursor:inherit;margin:0}.image-field{align-items:center;gap:8px;display:flex}.image-field .form-control{flex:1;min-width:0}.image-field img{object-fit:contain;border:1px solid var(--line);background:#fff;border-radius:8px;flex-shrink:0;width:40px;height:40px;margin:0!important}.form-actions{border-top:1px solid var(--line-2);justify-content:flex-end;margin-top:22px;padding-top:16px;display:flex}.text-secondary,.text-body-secondary,.text-black-50,.form-text{color:#000!important}.small-heading,.small-label,.xl-label,.boxes-info .box-info .text,.main-table tr th,.main-select,section.app .cards .card-app .title-card-app{color:#000}form.row-gap-24,form .row-gap-24,.modal-body .row-gap-24{row-gap:14px}.image-field .form-group{grid-template-columns:minmax(0,1fr) auto;align-items:end;column-gap:8px;display:grid}.image-field .form-group>label{color:var(--ink-2);grid-column:1/-1;margin-bottom:6px;font-size:12.5px;font-weight:600}.image-field .form-group .img-preview{object-fit:cover;border-radius:8px;width:40px;height:40px;padding:0;margin:0!important}.form-actions{gap:8px}.box-room.box-room-sm{padding:.6rem}.box-room-sm .tawila-name{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.box-room-sm .btn-sm{padding:2px 7px}.box-room-sm .img{aspect-ratio:auto;object-fit:cover;height:110px}.box-room-sm .img.img-busy{height:56px}.box-room-sm .form-control,.box-room-sm .form-select{min-height:32px;padding-top:4px;padding-bottom:4px;font-size:12.5px!important}@media screen{.table>thead>tr>th,.main-table>thead>tr>th{font-weight:700;color:#fff!important;background:#334155!important;border-color:#3f4c61!important}}body.screen-mode .app-sidebar,body.screen-mode .app-topbar,body.screen-mode .sidebar-backdrop,body.screen-mode .app-footer,body.screen-mode .mobile-tabbar{display:none!important}body.screen-mode .app-main{margin-inline-start:0!important}body.screen-mode .app-content{max-width:none;padding:16px}.screen-exit{z-index:1050;color:#fff;opacity:.35;background:#0f172a8c;border:0;border-radius:10px;width:40px;height:40px;transition:opacity .2s;position:fixed;top:12px;left:12px}.screen-exit:hover{opacity:1}body,.brand-text strong{font-size:17px}.brand-text small,.nav-group-title{font-size:14px}.nav-entry{font-size:16.5px}.nav-icon{font-size:18px}.nav-badge{font-size:14px}@media (width>=992px){.app-shell.is-collapsed .nav-badge{font-size:13px}}.icon-btn-badge{font-size:13.5px}.topbar-clock,.topbar-link,.user-trigger{font-size:16px}.user-avatar{font-size:17px}.user-dropdown-item{font-size:16px}.app-footer{font-size:15px}.tab-item{font-size:14px}.small-label,.form-label{font-size:15.5px}.card-title{font-size:18px}.main-table tr th,.main-table>thead>tr>th{font-size:15px}.main-table tr td,.btn{font-size:16.5px}.form-control,.form-select,.main-select{font-size:16.5px}.invalid-feedback,.text-danger.small{font-size:15px}.alert{font-size:16.5px}.boxes-info .box-info .text{font-size:16.5px}.box-report p{font-size:18px}.auth-brand small{font-size:15px}.auth-submit{font-size:18px}.auth-footer{font-size:15px}.auth-features span{font-size:15.5px}.room-head{font-size:18px}.form-section-title{font-size:17px}.switch-card{font-size:16px}.switch-card small{font-size:14px}.image-field .form-group>label{font-size:15.5px}.box-room-sm .tawila-name{font-size:16px}.box-room-sm .form-control,.box-room-sm .form-select{font-size:15.5px}.fs-10px{font-size:13px}.fs-11px{font-size:14px}.fs-12px{font-size:15px}.fs-13px{font-size:16px}.fs-14px{font-size:17px}.fs-15px{font-size:18px}body,.form-control,.form-select{font-size:17px}.modal-header .modal-title{font-size:18px}section.app{font-size:17px}section.app .cards .card-app .title-card-app{font-size:16.5px}section.app .cards .card-app .body-card-app td,section.app .cards .card-app .body-card-app th{font-size:15px}.box-invoice p{font-size:18px}.box-invoice h6{font-size:17px}.top-nav,.top-nav .container a,.bottom-nav .container .list-item li .item{font-size:16px}.top-nav-mob .nav-content .navbar .offcanvas .offcanvas-body .navbar-nav .nav-item .nav-link i,.top-nav-mob .nav-content .navbar .offcanvas .offcanvas-body .navbar-nav .nav-item .nav-link svg{font-size:17px}.header .main-nav .nav-menu .nav-item .nav-link .nav-name{font-size:16px}section.page-login{font-size:15px}.btn-main-sm{font-size:16px}.dropdown-hover{font-size:14px}.dropdown-hover .text{font-size:16px}.badge-count,.order-btn .about-product,.sec-btn-gre{font-size:15px}.sec-btn-gre i,.sec-btn-gre svg{font-size:17px}.small-heading{font-size:18px}.small-label,.main-table tr th{font-size:15px}.main-table tr td{font-size:17px}.box-category .title{font-size:14px}.main-select{font-size:15px}.footer-bottom p{font-size:17px}:root{--font:"Cairo", "IBM Plex Sans Arabic", system-ui, sans-serif;--font-head:"Cairo", "IBM Plex Sans Arabic", sans-serif;--bs-body-font-family:var(--font);--bs-body-font-size:1rem}html{font-size:17px}body,.swal2-container,.form-control,.form-select,.btn,input,select,textarea,button{font-family:var(--font)!important}body{font-size:17px;line-height:1.7}.btn{font-size:16px}.btn-sm{font-size:15px}.table,.main-table tr td{font-size:16px}.small,small{font-size:.9em}.nav-fade-enter-active,.nav-fade-leave-active{transition:opacity .15s}.nav-fade-enter-from,.nav-fade-leave-to{opacity:0}.offcanvas.showing,.offcanvas.show{visibility:visible;transform:none}.cursor-pointer{cursor:pointer}.modal.d-block{background-color:#00000080;overflow-y:auto}.swal2-container{font-family:Noto Kufi Arabic,sans-serif}.inertia-progress{top:0;z-index:2000;transform-origin:100%;background:#09adce;height:3px;animation:1s ease-in-out infinite inertia-progress;position:fixed;inset-inline:0}@keyframes inertia-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.live-flash{animation:.8s live-flash}@keyframes live-flash{0%{background-color:#09adce40}to{background-color:#0000}}.page-content{transition:opacity .15s}.page-content.navigating{opacity:.45;pointer-events:none}.content-loader{top:3rem;z-index:5;pointer-events:none;justify-content:center;display:flex;position:absolute;inset-inline:0}.content-loader .spinner-border{color:#09adce;width:2.5rem;height:2.5rem}.nav-group-toggle{cursor:pointer;text-align:start;background:0 0;border:0;border-radius:6px;justify-content:space-between;align-items:center;width:100%;transition:color .15s;display:flex}.nav-group-toggle:hover{color:#c8d3e3}.nav-group-arrow{font-size:10px;transition:transform .2s}.nav-group.is-closed .nav-group-arrow{transform:rotate(90deg)}.nav-group-items{grid-template-rows:1fr;transition:grid-template-rows .22s;display:grid}.nav-group.is-closed .nav-group-items{grid-template-rows:0fr}.nav-group-inner{min-height:0;overflow:hidden}