@font-face{font-family:OfoqSans;font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/NotoSans-Regular.ttf) format("truetype")}
@font-face{font-family:OfoqSans;font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/NotoSans-Bold.ttf) format("truetype")}
@font-face{font-family:OfoqArabic;font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/NotoSansArabic-Regular.ttf) format("truetype")}
@font-face{font-family:OfoqArabic;font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/NotoSansArabic-Bold.ttf) format("truetype")}

:root{--nav:#061a36;--blue:#1859cc;--bg:#f7f8fc;--ink:#15223b;--muted:#6d778a;--border:#e9edf4;--sidebar:218px;--radius:7px}
*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{font:13px/1.55 "Segoe UI",Tahoma,Arial,sans-serif;color:var(--ink);background:var(--bg)}a{text-decoration:none}button,input,select,textarea{font:inherit}h1,h2,h3,h4,h5,h6{color:#111b2d;font-weight:650}h1.h3{font-size:23px}.h5,h5{font-size:15px}.text-muted{color:var(--muted)!important}.small,small{font-size:11px}.ui-icon{width:19px;height:19px;flex-shrink:0;vertical-align:middle}.app-sidebar{position:fixed;inset-block:0;inset-inline-start:0;width:var(--sidebar);background:var(--nav);color:#dbe5f5;z-index:1040;display:flex;flex-direction:column;transition:width .2s}.brand{height:85px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:white;letter-spacing:.4px}.brand-word{font-size:28px;font-weight:600;line-height:1.2}.brand-word>span{color:#4c85ef}.brand small{font-size:9px;letter-spacing:1.6px;text-transform:uppercase;margin-top:6px}.sidebar-section{padding:10px 16px 8px;font-size:9px;letter-spacing:.7px;color:#91a2bf;text-transform:uppercase}.sidebar-nav{padding:0 10px;overflow:auto}.sidebar-nav a{display:flex;align-items:center;gap:11px;padding:10px 12px;color:#e2e8f5;border-radius:5px;margin-block:3px;white-space:nowrap;font-size:12px}.sidebar-nav a.active{background:var(--blue);color:white;box-shadow:0 4px 12px #00132c66}.sidebar-nav a:hover{background:#17355d}.sidebar-nav a.active:hover{background:#2168e4}.sidebar-bottom{margin-top:auto;padding:12px 10px}.sidebar-user{border:1px solid #ffffff0e;background:#00132c;padding:9px 7px;display:flex;align-items:center;gap:8px;border-radius:5px;overflow:hidden}.sidebar-user strong{display:block;font-size:10px}.sidebar-user small{display:block;font-size:9px;max-width:140px;overflow:hidden;text-overflow:ellipsis;color:#bac7dc}.avatar{width:27px;height:27px;display:grid;place-items:center;flex-shrink:0;border-radius:50%;background:#334764;font-size:10px}.sidebar-collapse{border:0;background:transparent;color:#c1cce0;display:flex;align-items:center;gap:10px;padding:12px 7px 0;font-size:11px}.app-frame{margin-inline-start:var(--sidebar);min-height:100vh;display:flex;flex-direction:column}.app-topbar{height:58px;flex-shrink:0;background:white;border-bottom:1px solid #d9deea;display:flex;align-items:center;justify-content:space-between;padding:0 23px;gap:16px}.topbar-heading{display:flex;gap:20px;align-items:center;font-size:13px}.topbar-tools{display:flex;align-items:center;gap:19px}.icon-button{position:relative;background:transparent;border:0;padding:4px;color:#4c5b74;display:grid;place-items:center}.language-switch button{border:0;background:transparent;display:flex;align-items:center;gap:9px;color:var(--ink);font-size:11px}.chevron{color:#8190a8}.profile-menu{position:relative}.profile-menu summary{display:flex;align-items:center;gap:9px;cursor:pointer;list-style:none}.profile-menu summary::-webkit-details-marker{display:none}.profile-menu strong{font-size:10px;display:block}.profile-menu small{font-size:9px;display:block;color:var(--muted)}.profile-avatar{height:28px;width:28px;border-radius:50%;background:#e9edf3;display:grid;place-items:center}.profile-menu form{position:absolute;inset-inline-end:0;top:42px;z-index:1060;background:white;padding:9px;min-width:150px;box-shadow:0 5px 20px #1b294622}.notification-dot{position:absolute;inset-inline-end:-5px;top:-5px;background:var(--blue);color:white;border-radius:15px;min-width:15px;font-size:9px;line-height:15px}.notification-wrap{position:relative}.notification-panel{position:absolute;inset-inline-end:0;top:35px;width:300px;max-height:380px;overflow:auto;background:white;border:1px solid var(--border);box-shadow:0 5px 20px #17254022;padding:12px;z-index:1060}.notification-item{border-bottom:1px solid var(--border);padding:10px 0}.app-main{padding:25px 27px;flex:1;min-width:0}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px}.page-heading h1{font-size:23px;margin:0 0 3px;font-weight:700}.page-heading p{color:var(--muted);font-size:12px;margin:0}.page-actions{margin-inline-start:auto}.app-footer{padding:10px 27px;color:#8b94a5;font-size:10px}.card,.panel{background:white;border:1px solid var(--border)!important;border-radius:var(--radius);box-shadow:0 1px 3px #15223b05!important}.panel{padding:18px}.panel-title{font-size:14px;font-weight:650;margin:0 0 14px}.btn{border-radius:4px;font-size:12px;padding:8px 15px;display:inline-flex;align-items:center;justify-content:center;gap:7px;white-space:nowrap}.btn-sm{font-size:11px;padding:5px 9px}.btn-primary{background:var(--blue);border-color:var(--blue);box-shadow:0 3px 8px #1859cc15}.btn-outline-primary{color:var(--blue);border-color:#cbd6ec}.btn-light{border-color:var(--border);background:white}.btn .ui-icon{width:15px;height:15px}.form-control,.form-select{font-size:12px;border-color:#dce2ec;border-radius:4px;min-height:35px}.form-label{font-size:12px;font-weight:550}.form-check-input:checked{background-color:var(--blue);border-color:var(--blue)}.form-switch .form-check-input:checked{background-color:#218c69;border-color:#218c69}.form-switch .form-check-input{width:33px;height:18px;cursor:pointer}.table{font-size:12px;--bs-table-border-color:var(--border);color:var(--ink)}.table th{font-size:10px;background:#fafbfe;font-weight:650;padding:11px 10px;white-space:nowrap}.table td{padding:13px 10px;vertical-align:middle}.badge{font-size:10px;font-weight:500;padding:4px 9px;border-radius:3px}.text-bg-success,.status-active{color:#208163!important;background:#e7f7ef!important}.text-bg-secondary{color:#707d91!important;background:#edf0f5!important}.text-bg-primary{color:#215fc1!important;background:#eaf1ff!important}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:20px}.stat-card{padding:17px 19px;background:white;border:1px solid var(--border);border-radius:5px;min-height:104px;display:flex;justify-content:space-between;align-items:center;gap:8px}.stat-label{font-size:11px;font-weight:650;margin-bottom:6px}.stat-value{font-size:23px;line-height:1.25;color:#111b2d;font-weight:600}.stat-note{font-size:10px;color:var(--muted);margin-top:8px}.stat-icon .ui-icon{width:33px;height:33px}.stat-icon{color:#2665c9}.stat-card:nth-child(2) .stat-icon{color:#2a936d}.stat-card:nth-child(3) .stat-icon{color:#9867cf}.stat-card:nth-child(4) .stat-icon{color:#e78c35}.customer-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:20px;align-items:start}.customer-column{display:flex;flex-direction:column;gap:20px;min-width:0}.customer-list{min-height:248px}.search-box{display:flex;align-items:center;border:1px solid #dce2ec;border-radius:5px;padding:0 9px;height:33px;max-width:330px;margin-bottom:14px;color:#8a95a5}.search-box input{border:0;outline:0;width:100%;padding-inline-start:8px;font-size:11px;background:transparent}.search-box .ui-icon{width:14px;height:14px}.tenant-name{display:flex;gap:9px;align-items:center;min-width:150px}.tenant-name strong{font-size:11px;display:block}.tenant-name small{font-size:9px;color:var(--muted);display:block}.tenant-logo{height:35px;width:35px;object-fit:contain;border-radius:5px;background:#f1f5fc;display:grid;place-items:center;font-weight:700;color:#103a69;flex-shrink:0}.tenant-logo.large{height:76px;width:76px;font-size:25px;border-radius:50%;background:#061d40;color:white}.selected-row{background:#f8faff}.table-footer{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:var(--muted);padding-top:10px}.detail-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px}.detail-heading h2{margin:0}.contact-card{display:flex;gap:16px;align-items:center;min-height:102px}.contact-details h3{font-size:13px;display:flex;align-items:center;gap:9px;margin-bottom:12px}.contact-line{font-size:10px;color:#526079;margin-top:6px;display:flex;align-items:center;gap:8px}.contact-line .ui-icon{width:12px;height:12px}.detail-metrics{border-top:1px solid var(--border);margin-top:20px;padding-top:16px;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;text-align:center}.detail-metrics small{font-size:9px;display:block;color:var(--muted);margin-bottom:5px}.detail-metrics strong{font-size:10px;font-weight:500}.tenant-tabs{display:flex;gap:4px;border-bottom:1px solid var(--border);margin:-5px -18px 17px;padding:0 13px;overflow:auto}.tenant-tabs button{border:0;border-bottom:2px solid transparent;background:transparent;padding:13px 12px;color:#40506b;font-size:11px;white-space:nowrap}.tenant-tabs button[aria-selected=true]{color:var(--blue);border-bottom-color:var(--blue)}[hidden]{display:none!important}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.feature-row{display:flex;align-items:center;gap:8px;padding:10px 8px;border:1px solid var(--border);margin-top:-1px;min-height:59px}.feature-symbol{background:#edf4ff;color:#2467ba;padding:4px;display:grid;place-items:center}.feature-symbol .ui-icon{height:18px;width:18px}.feature-label{flex:1;min-width:0}.feature-label strong{font-size:10px;font-weight:600;display:block}.feature-label small{display:block;font-size:9px;line-height:1.4;color:var(--muted)}.feature-row .form-switch{padding:0;margin:0;min-height:0;flex-shrink:0}.feature-row .form-check-input{margin:0}.feature-row.unavailable{opacity:.65}.section-help{font-size:10px;color:var(--muted);margin:-8px 0 15px}.branding-preview{border:1px solid var(--border);border-radius:6px;overflow:hidden;background:white;min-height:285px}.branding-banner{background:var(--tenant-primary,#071f43);color:white;text-align:center;min-height:115px;padding:23px;border-bottom:13px solid var(--tenant-secondary,#16a399);display:flex;flex-direction:column;align-items:center;justify-content:center}.branding-banner img{height:60px;max-width:190px;object-fit:contain}.branding-monogram{font-size:42px;line-height:1.1;font-weight:800;letter-spacing:-2px}.branding-body{text-align:center;padding:34px 15px;min-height:180px}.branding-body p{font-size:12px;margin-bottom:13px}.branding-body h3{font-size:20px;margin-bottom:17px}.brand-rule{display:block;width:44px;height:3px;background:var(--tenant-secondary,#16a399);margin:12px auto}.preview-actions{display:flex;gap:12px;margin-top:17px}.preview-actions>*{flex:1}.empty-state{text-align:center;padding:38px 20px;color:var(--muted)}.empty-state .ui-icon{height:34px;width:34px;margin-bottom:12px}.empty-state h3{font-size:15px}.permission-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.permission-row{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:10px;border-bottom:1px solid var(--border)}.login-page .app-frame{margin:0}.login-page .app-main{display:grid;place-items:center}.login-page .app-main>.row{width:100%;padding-block:30px!important}.login-page .card{max-width:420px;margin:auto}.login-page .col-lg-4{min-width:340px}.sidebar-is-collapsed{--sidebar:65px}.sidebar-is-collapsed .brand-word{font-size:16px}.sidebar-is-collapsed .brand small,.sidebar-is-collapsed .sidebar-section,.sidebar-is-collapsed .sidebar-nav span,.sidebar-is-collapsed .sidebar-user,.sidebar-is-collapsed .sidebar-collapse span{display:none}.sidebar-is-collapsed .sidebar-nav a{padding:12px}.sidebar-is-collapsed .brand{height:70px}.alert{font-size:12px;border-radius:5px}.toast-container{z-index:1100}input[type=email],input[type=tel],[data-ltr]{direction:ltr}.table-responsive{max-width:100%}.card-header,.card-footer{border-color:var(--border)}
@media(min-width:1500px){.app-main{padding:30px 34px}.customer-grid{grid-template-columns:minmax(0,1.45fr) minmax(0,1fr)}}
@media(max-width:1100px){:root{--sidebar:190px}.app-main{padding:20px}.customer-grid{grid-template-columns:1fr}.customer-column{display:contents}.customer-details{grid-row:2}.stats-grid{gap:10px}.stat-card{padding:13px}.stat-icon .ui-icon{width:24px;height:24px}}
@media(max-width:720px){.workspace{--sidebar:0px}.app-sidebar{width:218px;transform:translateX(-100%)}html[dir=rtl] .app-sidebar{transform:translateX(100%)}.sidebar-is-collapsed .app-sidebar{transform:translateX(0);width:218px}.sidebar-is-collapsed .brand-word{font-size:28px}.sidebar-is-collapsed .brand small,.sidebar-is-collapsed .sidebar-section,.sidebar-is-collapsed .sidebar-nav span,.sidebar-is-collapsed .sidebar-user,.sidebar-is-collapsed .sidebar-collapse span{display:revert}.app-topbar{padding:0 13px}.topbar-heading{gap:10px}.topbar-tools{gap:10px}.profile-menu summary>span:last-child{display:none}.app-main{padding:18px 12px}.stats-grid{grid-template-columns:1fr 1fr}.page-heading{align-items:flex-start}.page-heading h1{font-size:20px}.page-heading p{font-size:11px}.feature-grid,.permission-grid{grid-template-columns:1fr}.panel{padding:14px}.tenant-tabs{margin-inline:-14px}.btn{white-space:normal}.detail-metrics{grid-template-columns:1fr 1fr}.preview-actions{flex-wrap:wrap}}
@media print{.app-sidebar,.app-topbar,.app-footer,.page-actions,.btn{display:none!important}.app-frame{margin:0}.app-main{padding:0}.card{box-shadow:none!important;border:0!important}body{background:white}}

/* Reference layout density, with local fonts for consistent English and Arabic shaping. */
:root{--sidebar:190px}
body{font-family:OfoqSans,"Segoe UI",Arial,sans-serif;line-height:1.5}
html[dir=rtl] body{font-family:OfoqArabic,OfoqSans,Tahoma,Arial,sans-serif}
.app-topbar{height:50px}.brand{height:76px}.app-main{padding:22px 24px}.sidebar-nav a{padding:9px 10px}
.stat-card{min-height:94px;padding:15px 17px}.stats-grid{gap:16px;margin-bottom:18px}.panel{padding:16px}
.customer-grid,.customer-column{gap:18px}.customer-list{min-height:235px}.contact-card{min-height:92px}
.feature-row{min-height:47px;padding:7px 8px}.feature-label small{font-size:9px}.tenant-tabs{margin-inline:-16px;margin-bottom:15px}
.more-modules{margin-top:13px;color:var(--muted);font-size:11px}.more-modules summary{cursor:pointer}
.branding-preview{min-height:270px}.branding-banner{min-height:108px}.branding-body{min-height:163px;padding-block:28px}
@media(max-width:1100px){:root{--sidebar:180px}}
@media(max-width:720px){.workspace{--sidebar:0px}.app-main{padding:16px 12px}.app-topbar{padding-inline:12px}}

@media(max-width:1100px){.customer-grid{grid-template-columns:minmax(0,1fr)}.customer-grid .panel{min-width:0}}
@media(max-width:720px){.app-sidebar{display:none;transform:none!important}.sidebar-is-collapsed .app-sidebar{display:flex;transform:none!important}.app-frame{margin-inline-start:0}.customer-grid{width:100%;min-width:0}.table-responsive{min-width:0;width:100%}}