@font-face{font-family:HubArabic;src:url(fonts/noto-sans-arabic-400.ttf) format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:HubArabic;src:url(fonts/noto-sans-arabic-700.ttf) format('truetype');font-weight:600 900;font-style:normal;font-display:swap}
:root{--hub-primary:#14665c;--hub-dark:#104c46;--hub-ink:#1d3330;--hub-muted:#6b7e78;--hub-bg:#f4f7f6;--hub-line:#dfe8e4;--hub-soft:#eaf3ef;--hub-radius:18px}
body.hub-ui{margin:0!important;min-height:100dvh!important;height:auto!important;display:block!important;overflow:visible!important;background:var(--hub-bg)!important;color:var(--hub-ink);font-family:HubArabic,Arial,sans-serif!important;font-size:14px;line-height:1.8}
.hub-ui *{box-sizing:border-box}
.hub-ui a{text-underline-offset:4px}
.hub-ui button,.hub-ui input,.hub-ui select,.hub-ui textarea{font-family:HubArabic,Arial,sans-serif!important}
.hub-ui :focus-visible{outline:3px solid #64b6a5;outline-offset:3px}
.hub-bar{position:sticky;top:0;z-index:90;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:76px;padding:12px max(24px,calc((100vw - 1240px)/2));background:#fff;border-bottom:1px solid var(--hub-line);color:var(--hub-ink);font-family:HubArabic,Arial,sans-serif}
.hub-brand{display:inline-flex;align-items:center;gap:12px;color:var(--hub-ink);text-decoration:none;font-size:17px;font-weight:700;white-space:nowrap;line-height:1.5}
.hub-brand>svg{width:44px;height:44px;background:var(--hub-primary);color:#fff;padding:12px;border-radius:14px;flex:none}
.hub-brand small{display:block;color:var(--hub-muted);font-weight:400;font-size:10px;margin-top:4px}
.hub-menu-toggle,.hub-menu-close{display:inline-flex;align-items:center;justify-content:center;flex:none;width:46px;height:46px;padding:11px;border:1px solid var(--hub-line);border-radius:12px;background:var(--hub-soft);color:var(--hub-primary);cursor:pointer}
.hub-menu-toggle svg,.hub-menu-close svg{width:24px;height:24px}
.hub-menu-toggle:hover,.hub-menu-close:hover{background:#dcece4}
.hub-drawer{position:fixed;inset:0 0 0 auto;margin:0;width:min(344px,calc(100vw - 24px));max-width:100%;height:100vh;height:100dvh;max-height:100dvh;padding:0;border:0;border-radius:20px 0 0 20px;background:#fff;color:var(--hub-ink);box-shadow:-12px 0 48px #142d3a26;overflow:hidden;font-family:HubArabic,Arial,sans-serif;text-align:right}
.hub-drawer[open]{display:flex;flex-direction:column}
.hub-drawer:not([open]){display:none}
.hub-drawer::backdrop{background:#132d38a6}
.hub-drawer-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex:none;padding:24px 20px 18px;padding-top:max(24px,env(safe-area-inset-top));border-bottom:1px solid var(--hub-line)}
.hub-drawer-heading p{margin:0 0 3px;font-size:11px;color:var(--hub-muted)}
.hub-drawer-heading h2{margin:0;font-size:19px;font-weight:700;line-height:1.7}
.hub-menu-close{width:44px;height:44px;background:#fff}
.hub-top-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;align-items:stretch;flex:none;padding:16px 14px max(18px,env(safe-area-inset-bottom));border-top:1px solid var(--hub-line)}
.hub-top-actions a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:64px;padding:9px 4px;border-radius:10px;color:var(--hub-muted);text-decoration:none;font-size:12px;white-space:nowrap}
.hub-top-actions svg{width:20px;height:20px}
.hub-top-actions a:hover{background:var(--hub-soft);color:var(--hub-primary)}
.hub-section-nav{display:flex;flex-direction:column;gap:6px;min-height:0;overflow-y:auto;overflow-x:hidden;flex:1;padding:18px 14px;background:#fff;scrollbar-width:thin;scrollbar-color:#c6d8d0 transparent;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.hub-section-link{display:flex;align-items:center;gap:12px;flex:none;min-height:54px;padding:11px 14px;border:1px solid transparent;border-radius:11px;font-size:14px;color:#536c62;text-decoration:none;overflow-wrap:anywhere;line-height:1.7}
.hub-section-link>svg{width:21px;height:21px;flex:none}
.hub-section-link:hover,.hub-section-link.is-active{background:var(--hub-soft);border-color:#d5e8de;color:var(--hub-primary)}
.hub-context-nav{flex:none;padding:8px 20px 14px}
.hub-context-nav a{display:block;padding:9px 12px;min-height:44px;font-size:13px;color:var(--hub-primary);text-decoration:none;background:#f4f8f6;border-radius:9px;text-align:center}
.hub-menu-open,.hub-menu-open body.hub-ui{overflow:hidden!important;overscroll-behavior:none}
.hub-main{max-width:1240px;padding:36px 24px 56px;margin:0 auto}
.hub-welcome{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:28px 32px 32px;background:#e9f1ed;border:1px solid #dce9e1;border-radius:22px;margin-bottom:35px}
.hub-eyebrow{margin:0 0 8px;font-size:11px;font-weight:700;letter-spacing:.02em;color:var(--hub-primary)}
.hub-welcome h1{margin:0 0 8px;font-size:29px;line-height:1.6;font-weight:700;letter-spacing:-.7px}
.hub-welcome h1 span{font-size:25px;color:var(--hub-primary)}
.hub-welcome p:last-child{margin:0;color:#60786c;font-size:12px}
.hub-welcome-mark{border:1px solid #cbded3;border-radius:20px;background:#f5faf6;transform:rotate(-5deg);width:84px;height:84px;padding:24px;color:#56937c}
.hub-welcome-mark svg{width:100%;height:100%}
.hub-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}
.hub-heading h2{font-size:17px;font-weight:700;margin:0}
.hub-heading>span{color:var(--hub-muted);font-size:11px}
.hub-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.hub-card{background:#fff;border:1px solid var(--hub-line);border-radius:var(--hub-radius);overflow:hidden;transition:box-shadow .18s,border-color .18s;min-width:0}
.hub-card:hover{border-color:#b9d5c9;box-shadow:0 8px 24px #224d3d0a}
.hub-card-main{display:block;padding:22px 24px 18px;text-decoration:none;color:var(--hub-ink)}
.hub-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:21px}
.hub-card-icon{display:inline-flex;width:46px;height:46px;border-radius:13px;align-items:center;justify-content:center;background:#e8f3ee;color:#26765b}
.hub-card-icon svg{width:23px;height:23px}
.hub-tone-1{background:#eef1f8;color:#6774a1}.hub-tone-2{background:#f7f0e5;color:#a28453}
.hub-version{border:1px solid #e0e7e3;border-radius:6px;color:#73877c;padding:2px 8px;font-family:Arial,sans-serif;font-size:10px;letter-spacing:1px}
.hub-card h3{margin:0 0 6px;font-weight:700;font-size:16px;line-height:1.7}
.hub-card p{color:var(--hub-muted);font-size:11px;line-height:1.8;margin:0 0 22px}
.hub-open{display:flex;align-items:center;gap:9px;color:var(--hub-primary);font-size:11px;font-weight:700}
.hub-open svg{width:16px;height:16px;margin-right:auto;transition:transform .18s}.hub-card-main:hover .hub-open svg{transform:translateX(-4px)}
.hub-quick-add{display:flex;justify-content:center;align-items:center;gap:6px;padding:10px;background:#fafcfb;border-top:1px solid #edf1ee;color:#75877d;text-decoration:none;font-size:10px}
.hub-quick-add:hover{background:var(--hub-soft);color:var(--hub-primary)}
.hub-quick-add span{font-size:17px;line-height:1}
.hub-foot{text-align:center;color:#8c9e94;font-size:10px;padding:16px 20px 28px}
.hub-login-wrap{min-height:calc(100dvh - 70px);display:grid;place-items:center;padding:30px 18px}
.hub-login-card{width:min(100%,450px);padding:34px;background:#fff;border:1px solid var(--hub-line);border-radius:24px;box-shadow:0 18px 60px #1c493d08}
.hub-login-heading{margin:35px 0 25px}.hub-login-heading h1{font-size:27px;margin:0 0 8px;font-weight:700}.hub-login-heading p:last-child{color:var(--hub-muted);font-size:12px;margin:0}
.hub-portal label{display:block;font-size:12px;font-weight:700;margin:0 0 8px}
.hub-portal input:not([type=hidden]){display:block;width:100%;min-height:49px;padding:10px 14px;border:1px solid #d7e2db;border-radius:11px;background:#fcfdfc;margin:0 0 20px;font-size:16px;color:var(--hub-ink)}
.hub-portal input:focus{outline:0;border-color:#80af9d;box-shadow:0 0 0 3px #e6f1e9}
.hub-button{display:flex;justify-content:center;align-items:center;gap:10px;width:100%;min-height:49px;padding:11px 18px;margin-top:8px;border:0;border-radius:11px;background:var(--hub-primary);color:#fff;font-size:13px;font-weight:700;cursor:pointer}
.hub-button:hover{background:var(--hub-dark)}.hub-button svg{width:18px;height:18px}
.hub-account{max-width:650px}.hub-back{display:inline-block;font-size:12px;color:var(--hub-primary);margin-bottom:18px}
.hub-panel{padding:30px;border:1px solid var(--hub-line);border-radius:20px;background:#fff}.hub-panel h1{font-size:24px;margin:0 0 12px;font-weight:700}
.hub-muted{font-size:12px;color:var(--hub-muted);margin-bottom:26px}
.hub-message{background:#edf7f1;border:1px solid #c4e2d2;padding:13px 16px;border-radius:10px;font-size:12px;color:#267656;margin:15px 0}
.hub-error{color:#a14343;background:#fff3f2;border-color:#efcfcc}
/* The shared skin is restricted to management HTML. Print/verification pages do not load it. */
.hub-section>main,.hub-section>.container,.hub-section>.wrap{max-width:1240px;margin-inline:auto}
.hub-section :is(input:not([type=hidden]):not([type=checkbox]):not([type=radio]),select,textarea){max-width:100%;border-color:#d7e2db!important;border-radius:10px!important;font-size:16px!important;min-height:44px;box-shadow:none}
.hub-section :is(input,select,textarea):focus{outline:2px solid #a4cdba!important;outline-offset:1px}
.hub-section :is(.btn,.primary-button,button[type=submit]){border-radius:10px!important;min-height:42px}
.hub-section :is(.btn-success,.primary-button,.bg-balady,.bg-teal-700,.bg-emerald-600){background-color:var(--hub-primary)!important;color:#fff!important}
.hub-section :is(.text-balady,.text-teal-700,.text-emerald-700){color:var(--hub-primary)!important}
.hub-section :is(.bg-balady-light,.bg-emerald-50){background-color:var(--hub-soft)!important}
.hub-section :is(.top,.topbar,.top-bar,main>header){border-color:var(--hub-line)!important;box-shadow:none!important}
.hub-section :is(.card,.stat-card,.stats-card,.table-card,.filter-card){border-radius:16px!important;border-color:var(--hub-line)!important;box-shadow:0 2px 5px #19493603!important}
.hub-section :is(.hero,.hero-card){border-radius:18px!important}
.hub-section :is(h1,h2,h3){letter-spacing:normal}
.hub-section .hub-table-scroll{max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch;border-radius:12px}
.hub-section table{border-collapse:collapse}.hub-section th{font-weight:700}
.hub-section :is(.toolbar,.toolbar-left,.toolbar-right,.search-row,.page-heading){flex-wrap:wrap;gap:10px}
.hub-section .stats-grid{gap:12px}
.hub-section .topbar-logo img{max-height:40px;width:auto}
.hub-certificates>main{height:auto!important;min-height:0!important;overflow:visible!important}
.hub-certificates>main>header{position:relative!important;background:var(--hub-primary)!important}
.hub-certificates :is(.bg-\[\#0077b6\],.bg-\[\#006b4e\],.bg-\[\#008b65\]){background-color:var(--hub-primary)!important}
@media(min-width:1280px){.hub-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:900px){.hub-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hub-bar{padding-inline:22px}.hub-main{padding-top:24px}}
@media(max-width:600px){
 .hub-bar{min-height:68px;padding:10px 16px;gap:10px}.hub-brand{font-size:14px;gap:9px}.hub-brand>svg{width:37px;height:37px;padding:10px;border-radius:11px}.hub-brand small{font-size:10px}.hub-menu-toggle{width:44px;height:44px;padding:10px}
 .hub-main{padding:20px 14px 34px}.hub-welcome{padding:22px 20px;margin-bottom:26px;border-radius:18px}.hub-welcome h1{font-size:23px;letter-spacing:0}.hub-welcome h1 span{font-size:21px}.hub-welcome p:last-child{font-size:10px}.hub-welcome-mark{width:58px;height:58px;min-width:58px;padding:17px;border-radius:15px}
 .hub-heading h2{font-size:15px}.hub-heading>span{font-size:10px}.hub-grid{gap:11px}.hub-card{border-radius:15px}.hub-card-main{padding:16px 14px 13px}.hub-card-top{margin-bottom:16px}.hub-card-icon{width:38px;height:38px;border-radius:11px}.hub-card-icon svg{width:21px;height:21px}.hub-version{font-size:9px;padding:1px 6px}
 .hub-card h3{font-size:12px}.hub-card p{font-size:9px;min-height:32px;margin-bottom:15px}.hub-open{font-size:10px}.hub-quick-add{font-size:9px;padding:10px}.hub-panel{padding:22px 18px}.hub-login-card{padding:27px 22px}.hub-login-heading{margin-top:30px}
 .hub-section :is(.container,.wrap,main){min-width:0!important;max-width:100%!important}.hub-section>.container,.hub-section>.wrap{padding:14px!important;margin-top:0!important}
 .hub-section :is(.stats-grid){grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.hub-section .stat-card{padding:13px!important}.hub-section .stat-card h3{font-size:21px!important}
 .hub-section :is(.topbar,.top-bar){padding:11px 14px!important;gap:8px!important;flex-wrap:wrap}.hub-section .topbar-logo{font-size:12px!important}.hub-section .topbar-user{font-size:10px!important}
 .hub-section :is(.toolbar,.toolbar-left,.toolbar-right){width:100%!important;min-width:0}.hub-section .toolbar form{flex-wrap:wrap;max-width:100%}.hub-section .search-box{width:100%!important;min-width:0!important}.hub-section .search-box input{width:100%!important}
 .hub-section :is(.grid,.form-grid){min-width:0}.hub-section table:not(.data-table){font-size:12px}.hub-section :is(th,td){padding:10px}
 .hub-section :is(.form-actions,.actions){flex-wrap:wrap}.hub-section :is(.page-heading h1,main h1){font-size:23px!important}
}
@media(max-width:360px){.hub-brand{font-size:12px}.hub-card-main{padding-inline:11px}.hub-card h3{font-size:11px}.hub-welcome-mark{display:none}}
@media print{.hub-bar,.hub-drawer,.hub-section-nav,.hub-foot{display:none!important}body.hub-ui{background:#fff!important;margin:0!important;min-height:0!important}.hub-table-scroll{overflow:visible!important}}
@media(max-width:600px){.hub-card h3{font-size:14px}.hub-card p{font-size:11px;min-height:40px}.hub-open,.hub-quick-add{font-size:11px}}
/* Editors keep the document's original font and dimensions inside the shared UI. */
.hub-section .sheet{font-family:Cairo,Arial,sans-serif}
.hub-section:has(.sheet){overflow-x:hidden!important}
.hub-section:has(.sheet)>.toolbar{position:relative!important;top:auto!important;left:auto!important;right:auto!important;background:var(--hub-primary)!important}
.hub-section:has(.sheet) .stage{padding-top:18px}
@media print{.hub-section:has(.sheet) .stage{padding-top:0!important}}
.hub-users h1{font-size:27px;margin:0}.hub-users h2{font-size:20px;margin:0 0 10px}.hub-users-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}.hub-users .hub-panel{min-width:0}.hub-user-list{display:grid;gap:12px}.hub-user-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:16px;border:1px solid var(--hub-line);border-radius:12px;background:var(--hub-soft)}.hub-user-row>div{min-width:0;flex:1}.hub-user-row strong{display:block;font-size:15px;overflow-wrap:anywhere}.hub-user-row small{display:block;font-size:11px;color:var(--hub-muted);margin-top:3px}.hub-user-row form{margin:0}.hub-user-status{font-size:11px;color:var(--hub-primary)}.hub-user-toggle{min-height:44px;min-width:74px;padding:9px 14px;border:1px solid var(--hub-line);border-radius:10px;cursor:pointer;background:var(--hub-primary);color:#fff;font-size:12px}.hub-field-hint{font-size:11px;color:var(--hub-muted);margin:-13px 0 20px}
@media(max-width:800px){.hub-users-layout{grid-template-columns:minmax(0,1fr)}.hub-users .hub-heading{gap:12px;align-items:start}.hub-users .hub-heading h1{font-size:24px}}

body[data-hub-role=user] a:is([href*="/admin/"],[href*="manage_admins.php"],[href*="backup"],[href*="restore"],[href*="amanah/"],[href*="baladiyah/"],[href*="process_add_amanah"]){display:none!important}