.nd-portal {
	--nd-bg:#07111f; --nd-panel:#111e32; --nd-panel-2:#16253b; --nd-border:#2a3c56;
	--nd-text:#f5f8fc; --nd-muted:#9eb0c8; --nd-gold:#c9963b;
	background:var(--nd-bg); border:1px solid #263752; border-radius:22px; box-shadow:0 24px 80px rgba(4,12,25,.24);
	color:var(--nd-text); display:grid; font-family:"Noto Sans Arabic","Segoe UI",Tahoma,Arial,sans-serif;
	font-size:16px; grid-template-columns:92px minmax(0,1fr); line-height:1.65; margin:24px auto; min-height:780px;
	overflow:hidden; overflow:clip; transition:grid-template-columns .22s ease; width:min(1540px,calc(100% - 28px));
}
.nd-portal *, .nd-portal *::before, .nd-portal *::after { box-sizing:border-box; }
.nd-portal.nd-sidebar-expanded { grid-template-columns:260px minmax(0,1fr); }
.nd-portal-sidebar { align-items:stretch; background:#102a43; display:flex; flex-direction:column; gap:20px; min-width:0; padding:20px 12px; position:relative; }
.nd-sidebar-content { display:flex; flex-direction:column; gap:20px; width:100%; }
.nd-sidebar-content.is-scroll-fixed { bottom:12px; left:var(--nd-sidebar-left); position:fixed; width:var(--nd-sidebar-width); z-index:45; }
.nd-sidebar-content.is-scroll-bottom { bottom:12px; left:12px; position:absolute; right:12px; width:auto; }
.nd-sidebar-head { align-items:center; display:flex; flex-direction:column; gap:12px; min-width:0; }
.nd-portal-brand { align-items:center; background:#fff; border-radius:15px; color:#102a43!important; display:flex; gap:10px; height:60px; justify-content:center; overflow:hidden; padding:6px; text-decoration:none!important; width:60px; }
.nd-portal-brand>span { display:none; font-size:15px; font-weight:800; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.nd-portal-logo { height:48px!important; max-height:48px!important; max-width:48px!important; object-fit:contain; width:48px!important; }
.nd-logo-word { font-size:10px; font-weight:900; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.nd-sidebar-toggle { align-items:center; background:#183a5b; border:1px solid #355777; border-radius:10px; color:#fff; cursor:pointer; display:flex; font-size:19px; height:38px; justify-content:center; width:42px; }
.nd-portal.nd-sidebar-expanded .nd-sidebar-head { align-items:center; flex-direction:row; }
.nd-portal.nd-sidebar-expanded .nd-portal-brand { flex:1; justify-content:flex-start; width:auto; }
.nd-portal.nd-sidebar-expanded .nd-portal-brand>span { display:block; }
.nd-portal-sidebar nav { display:flex; flex-direction:column; gap:7px; width:100%; }
.nd-portal-sidebar nav a { align-items:center; border-radius:12px; color:#cbd8e8!important; display:grid; gap:12px; grid-template-columns:1fr; min-height:50px; padding:8px 10px; text-decoration:none!important; }
.nd-portal-sidebar nav a b { font-size:22px; font-weight:500; line-height:1; text-align:center; }
.nd-portal-sidebar nav a span { display:none; font-size:15px; font-weight:600; white-space:nowrap; }
.nd-portal-sidebar nav a:hover, .nd-portal-sidebar nav a.active { background:#294765; color:#fff!important; }
.nd-portal.nd-sidebar-expanded .nd-portal-sidebar nav a { grid-template-columns:36px 1fr; }
.nd-portal.nd-sidebar-expanded .nd-portal-sidebar nav a span { display:block; }
.nd-portal-main { min-width:0; }
.nd-portal-main>header { align-items:center; border-bottom:1px solid #263752; display:flex; justify-content:space-between; min-height:82px; padding:16px 30px; }
.nd-portal-main>header strong { color:#fff; display:block; font-size:20px; line-height:1.35; }
.nd-portal-main>header small { color:var(--nd-muted); display:block; font-size:13px; margin-top:2px; }
.nd-header-actions { align-items:center; display:flex; gap:12px; }
.nd-logout { color:#e7b75e!important; font-size:14px; text-decoration:none!important; }
.nd-notification-bell { align-items:center; background:#172944; border:1px solid #334a69; border-radius:12px; color:#fff!important; display:flex; height:44px; justify-content:center; position:relative; text-decoration:none!important; width:44px; }
.nd-notification-bell span { font-size:19px; line-height:1; }
.nd-notification-bell b { align-items:center; background:#db4f5a; border:2px solid #07111f; border-radius:99px; display:flex; font-size:10px; height:21px; justify-content:center; min-width:21px; padding:0 4px; position:absolute; right:-7px; top:-7px; }
.nd-portal .namaadesk-wrap { color:var(--nd-text)!important; font-family:inherit!important; font-size:15px!important; line-height:1.65!important; margin:0!important; max-width:none!important; padding:28px 30px 54px!important; }
.nd-portal .namaadesk-wrap h1 { color:#fff!important; font-size:clamp(28px,3vw,40px)!important; font-weight:750!important; letter-spacing:0!important; line-height:1.25!important; margin:0 0 8px!important; padding:0!important; }
.nd-portal .namaadesk-wrap h2 { color:#fff!important; font-size:21px!important; font-weight:700!important; line-height:1.4!important; margin:0 0 14px!important; padding:0!important; }
.nd-portal .namaadesk-wrap h3 { color:#fff!important; font-size:17px!important; line-height:1.45!important; }
.nd-portal .namaadesk-wrap p, .nd-portal .namaadesk-wrap label, .nd-portal .namaadesk-wrap td, .nd-portal .namaadesk-wrap th { font-size:15px!important; line-height:1.65!important; }
.nd-portal .namaadesk-header, .nd-portal .namaadesk-page-title { align-items:center; gap:20px; margin-bottom:24px; }
.nd-portal .namaadesk-brand, .nd-portal .namaadesk-wrap a { color:#d9aa54; }
.nd-portal .namaadesk-brand { font-size:16px!important; }
.nd-portal .namaadesk-badge { background:rgba(201,150,59,.12); border-color:rgba(201,150,59,.45); color:#e5b65d; font-size:13px; padding:6px 11px; }
.nd-portal .namaadesk-cards { gap:16px; grid-template-columns:repeat(4,minmax(170px,1fr)); margin:20px 0 26px; }
.nd-portal .namaadesk-card, .nd-portal .namaadesk-panel, .nd-portal .namaadesk-notification { background:linear-gradient(145deg,#111e32,#0d192b); border-color:var(--nd-border); }
.nd-portal .namaadesk-card { min-height:132px; padding:19px; }
.nd-portal .namaadesk-card span { font-size:14px; min-height:46px; }
.nd-portal .namaadesk-card strong { font-size:30px; }
.nd-portal .namaadesk-panel { margin:20px 0; padding:22px; }
.nd-portal .namaadesk-grid-dashboard { grid-template-columns:minmax(0,1.6fr) minmax(340px,.85fr); }
.nd-portal .namaadesk-world-map { background:#dce8ef; border-color:var(--nd-border); height:460px; position:relative; }
.nd-real-map { border:0; height:100%; width:100%; }
.nd-map-badge { backdrop-filter:blur(8px); background:rgba(7,17,31,.84); border:1px solid rgba(255,255,255,.2); border-radius:9px; bottom:12px; color:#fff; font-size:12px; left:12px; padding:7px 10px; pointer-events:none; position:absolute; z-index:2; }
.nd-portal .namaadesk-map-selection { background:#13233a; border-color:#334a69; color:#dbe6f3; font-size:14px; }
.nd-portal .namaadesk-country-list { gap:12px; margin-top:16px; }
.nd-portal .namaadesk-country-bar { background:#13233a; border-color:#334a69; padding:11px 13px; }
.nd-portal .namaadesk-country-bar-label b, .nd-portal .namaadesk-country-bar-label strong { font-size:14px!important; }
.nd-portal .namaadesk-country-bar-track { background:#081426; height:10px; }
.nd-portal .namaadesk-server-chart { min-height:300px; }
.nd-portal .namaadesk-table-wrap { background:#111e32; border-color:var(--nd-border); max-width:100%; overflow-x:auto; -webkit-overflow-scrolling:touch; }
.nd-portal .namaadesk-table { border-collapse:separate!important; border-spacing:0!important; min-width:1120px!important; table-layout:auto!important; width:100%!important; }
.nd-portal .namaadesk-table th, .nd-portal .namaadesk-table td { background:#111e32!important; border-color:var(--nd-border)!important; color:var(--nd-text)!important; padding:13px 15px!important; text-align:right!important; vertical-align:middle!important; white-space:nowrap!important; width:auto!important; }
.nd-portal .namaadesk-table th { background:#172944!important; color:#dce8f7!important; font-size:13px!important; font-weight:700!important; }
.nd-portal .namaadesk-table tr:nth-child(even) td { background:#14233a!important; }
.nd-portal .namaadesk-table td:first-child { min-width:150px; white-space:normal!important; }
.nd-portal .namaadesk-table .button { margin:2px!important; white-space:nowrap!important; }
.nd-portal .nd-subscriptions-table td.nd-select-column{min-width:52px;width:52px!important}.nd-portal .nd-bulk-toolbar{background:#13233a;border-color:#334a69}.nd-portal .namaadesk-wrap .nd-bulk-delete{background:#6f2430!important;border-color:#b44452!important;color:#fff!important}.nd-portal .namaadesk-wrap .nd-bulk-delete:hover{background:#8b2d3b!important}.nd-portal .namaadesk-wrap .nd-bulk-delete:disabled{background:#17253a!important;border-color:#33445b!important;color:#77879c!important}
.nd-portal .namaadesk-search { align-items:center; display:flex; gap:10px; margin:16px 0 20px; max-width:760px; }
.nd-portal .namaadesk-search input[type="search"] { flex:1; min-width:260px; }
.nd-portal .namaadesk-filter-bar { align-items:end; display:grid; gap:16px; grid-template-columns:repeat(4,minmax(170px,1fr)); max-width:none; width:100%; }
.nd-portal .namaadesk-filter-bar .nd-filter-search { grid-column:span 2; }
.nd-portal .namaadesk-filter-bar label { color:#b8c7d9!important; font-size:14px!important; }
.nd-portal .namaadesk-filter-bar .nd-filter-actions { display:flex; flex-direction:row; grid-column:1/-1; }
.nd-portal .namaadesk-filter-bar input[type="search"] { min-width:0; width:100%; }
.nd-portal .namaadesk-wrap input, .nd-portal .namaadesk-wrap select, .nd-portal .namaadesk-wrap textarea { background:#0c1829!important; border:1px solid #344d6e!important; border-radius:8px!important; color:#fff!important; color-scheme:dark; font-family:inherit!important; font-size:15px!important; line-height:1.45!important; }
.nd-portal .namaadesk-wrap input:not([type="checkbox"]):not([type="radio"]), .nd-portal .namaadesk-wrap select { min-height:44px!important; padding:8px 11px!important; }
.nd-portal .namaadesk-wrap input:focus, .nd-portal .namaadesk-wrap select:focus, .nd-portal .namaadesk-wrap textarea:focus { border-color:var(--nd-gold)!important; box-shadow:0 0 0 1px var(--nd-gold)!important; outline:0!important; }
.nd-portal .namaadesk-wrap .button { align-items:center!important; background:#18304c!important; border:1px solid #355777!important; border-radius:8px!important; color:#fff!important; display:inline-flex!important; font-family:inherit!important; font-size:14px!important; font-weight:650!important; justify-content:center!important; line-height:1!important; min-height:42px!important; padding:0 16px!important; text-decoration:none!important; }
.nd-portal .namaadesk-wrap .button-primary { background:var(--nd-gold)!important; border-color:#e0af54!important; color:#081426!important; }
.nd-portal .namaadesk-fields { gap:18px; grid-template-columns:repeat(3,minmax(210px,1fr)); }
.nd-portal .namaadesk-form label { color:#c6d2e1!important; gap:8px; }
.nd-file-picker { align-items:center!important; background:#0c1829; border:1px dashed #506b8c; border-radius:12px; cursor:pointer; display:grid!important; gap:5px!important; grid-template-columns:auto 1fr; max-width:660px; padding:18px; }
.nd-file-picker>span { background:var(--nd-gold); border-radius:8px; color:#07111f; font-weight:700; padding:9px 14px; }
.nd-file-picker input { height:1px!important; opacity:0; overflow:hidden; padding:0!important; position:absolute; width:1px!important; }
.nd-file-picker b { color:#c7d4e5; font-weight:500; overflow:hidden; padding-inline:10px; text-overflow:ellipsis; white-space:nowrap; }
.nd-current-logo { display:block; height:auto; margin:12px 0; max-width:220px; }
.nd-portal-footer { border-top:1px solid #263752; color:#7f93ad; font-size:13px; margin:20px 30px 0; padding:20px 0 26px; text-align:center; }
.nd-login-required { background:#102a43; border-radius:16px; color:#fff; margin:50px auto; max-width:520px; padding:30px; text-align:center; }
.nd-login-required a { color:#e5b65d; }
@media (max-width:1200px) { .nd-portal .namaadesk-cards { grid-template-columns:repeat(3,1fr); } .nd-portal .namaadesk-grid-dashboard { grid-template-columns:1fr; } .nd-portal .namaadesk-fields { grid-template-columns:repeat(2,1fr); } .nd-portal .namaadesk-filter-bar{grid-template-columns:repeat(2,minmax(180px,1fr))}.nd-portal .namaadesk-filter-bar .nd-filter-search{grid-column:1/-1} }
@media (max-width:780px) {
	html,body{max-width:100%;overflow-x:hidden}
	.nd-portal, .nd-portal.nd-sidebar-expanded { border:0; border-radius:0; display:block; margin:0; min-height:100vh; width:100%; }
	.nd-portal-sidebar { display:flex; flex-direction:column; gap:8px; overflow:visible; padding:9px 12px; position:sticky; top:0; width:100%; z-index:50; }
	.nd-sidebar-content,.nd-sidebar-content.is-scroll-fixed,.nd-sidebar-content.is-scroll-bottom { bottom:auto; gap:8px; left:auto; position:static; right:auto; width:100%; }
	.nd-sidebar-head,.nd-portal.nd-sidebar-expanded .nd-sidebar-head { align-items:center; flex-direction:row; justify-content:space-between; position:static; width:100%; }
	.nd-sidebar-toggle { display:flex; flex:0 0 44px; height:44px; width:44px; }
	.nd-portal-brand,.nd-portal.nd-sidebar-expanded .nd-portal-brand { flex:0 1 auto; height:48px; justify-content:flex-start; min-width:0; padding:5px 9px; width:auto; }
	.nd-portal-brand>span,.nd-portal.nd-sidebar-expanded .nd-portal-brand>span { display:block; font-size:13px; max-width:150px; }
	.nd-portal-logo { height:38px!important; max-height:38px!important; max-width:44px!important; width:auto!important; }
	.nd-portal-sidebar nav { background:#0d2238; border:1px solid #29445f; border-radius:13px; display:none; gap:6px; grid-template-columns:repeat(2,minmax(0,1fr)); max-height:calc(100vh - 82px); overflow-y:auto; padding:8px; width:100%; }
	.nd-portal.nd-mobile-nav-open .nd-portal-sidebar nav { display:grid; }
	.nd-portal-sidebar nav a, .nd-portal.nd-sidebar-expanded .nd-portal-sidebar nav a { gap:8px; grid-template-columns:30px minmax(0,1fr); min-height:48px; min-width:0; padding:8px 10px; }
	.nd-portal-sidebar nav a b { font-size:20px; }
	.nd-portal-sidebar nav a span,.nd-portal.nd-sidebar-expanded .nd-portal-sidebar nav a span { display:block; font-size:13px; overflow:hidden; text-overflow:ellipsis; }
	.nd-portal-main { min-width:0; overflow:hidden; width:100%; }
	.nd-portal-main>header { min-height:68px; padding:11px 14px; }
	.nd-portal-main>header strong { font-size:17px; }
	.nd-portal-main>header small{font-size:11px}.nd-header-actions{gap:8px}.nd-notification-bell{height:40px;width:40px}.nd-logout{font-size:12px}
	.nd-portal .namaadesk-wrap { max-width:100%!important; overflow:hidden; padding:18px 12px 36px!important; width:100%!important; }
	.nd-portal .namaadesk-wrap h1{font-size:28px!important}.nd-portal .namaadesk-wrap h2{font-size:19px!important}
	.nd-portal .namaadesk-cards { grid-template-columns:repeat(2,1fr); }
	.nd-portal .namaadesk-fields { grid-template-columns:1fr; }
	.nd-portal .namaadesk-world-map { height:300px; }
	.nd-portal .namaadesk-panel{padding:16px!important}.nd-portal .namaadesk-page-title,.nd-portal .namaadesk-header,.nd-portal .namaadesk-panel-title{align-items:flex-start!important;flex-direction:column!important}.nd-portal .namaadesk-page-title .button{width:100%}.nd-portal .namaadesk-notification{align-items:flex-start;flex-direction:column}.nd-portal .namaadesk-inline-form{align-items:stretch;flex-direction:column}.nd-portal .namaadesk-inline-form .button{width:100%}.nd-portal .nd-file-picker{grid-template-columns:1fr;max-width:100%;width:100%}.nd-portal .nd-file-picker b{padding:0;white-space:normal}.nd-portal .namaadesk-filter-bar{grid-template-columns:1fr;padding:14px}.nd-portal .namaadesk-filter-bar .nd-filter-search,.nd-portal .namaadesk-filter-bar .nd-filter-actions{grid-column:auto}.nd-portal .namaadesk-filter-bar .nd-filter-actions{flex-direction:column}.nd-portal .namaadesk-filter-bar .nd-filter-actions .button{width:100%}
	.nd-portal .nd-subscriptions-wrap{background:transparent;border:0;overflow:visible}.nd-portal .nd-subscriptions-table{display:block;min-width:0!important;width:100%!important}.nd-portal .nd-subscriptions-table tbody{display:grid}.nd-portal .nd-subscriptions-table tr{background:#111e32}.nd-portal .nd-subscriptions-table td,.nd-portal .nd-subscriptions-table tr:nth-child(even) td{background:transparent!important;min-width:0!important;white-space:normal!important;width:100%!important}.nd-portal .nd-subscriptions-table td.nd-select-column{min-width:0;width:100%!important}.nd-portal .nd-subscriptions-table td::before{color:#9eb0c8}
	.nd-portal-footer { margin-inline:14px; }
}
@media (max-width:520px) { .nd-portal .namaadesk-cards { grid-template-columns:1fr; } .nd-portal .namaadesk-card{padding:16px!important}.nd-portal .namaadesk-card strong{font-size:28px!important} .nd-portal .namaadesk-search { align-items:stretch; flex-direction:column; } .nd-portal .namaadesk-search input[type="search"] { min-width:0; width:100%; }.nd-portal .namaadesk-search .button{width:100%}.nd-portal .namaadesk-world-map{height:250px}.nd-portal .namaadesk-server-chart{min-height:250px}.nd-portal .namaadesk-country-bar{padding:9px}.nd-portal .nd-logout{display:none}.nd-portal .namaadesk-wrap{padding-inline:10px!important} }

.nd-portal .nd-catalog-item{background:#13233a;border-color:#334a69}.nd-portal .nd-catalog-logo,.nd-portal .nd-choice-logo,.nd-portal .namaadesk-server-logo-frame{background:#f7f8fa;border-color:#405979}
.nd-portal .nd-app-card{background:linear-gradient(145deg,#111e32,#16253b);border-color:#334a69}.nd-portal .nd-app-card:hover,.nd-portal .nd-app-card[open]{border-color:var(--nd-gold)}.nd-portal .nd-app-actions{border-color:#334a69}.nd-portal .nd-app-actions a{background:#172944;border-color:#355777}.nd-portal .nd-app-actions a:hover{background:#203a58;border-color:var(--nd-gold)}.nd-portal .nd-app-actions a span{color:var(--nd-gold)}.nd-portal .nd-app-editor{background:#13233a;border-color:#334a69}.nd-portal .nd-app-editor form{border-color:#334a69}.nd-portal .nd-app-blocked{background:#2d2414;border-color:var(--nd-gold)}.nd-portal .nd-app-frame-shell{border-color:#405979}.nd-portal .nd-app-manager-grid input[type="url"]{direction:ltr;text-align:left}

.nd-portal .nd-hub-back{border-top:1px solid #29445f;margin-top:8px;padding-top:14px}.nd-portal .nd-followup-summary>a,.nd-portal .nd-followup-card,.nd-portal .nd-followup-empty{background:linear-gradient(145deg,#111e32,#0d192b);border-color:#2a3c56}.nd-portal .nd-followup-summary>a:first-child{border-top-color:#d9aa54}.nd-portal .nd-followup-summary>a:last-child{border-top-color:#65afff}.nd-portal .nd-followup-summary>a:hover{border-color:var(--nd-gold)}.nd-portal .nd-followup-summary small,.nd-portal .nd-followup-section-head p,.nd-portal .nd-followup-facts span,.nd-portal .nd-followup-secure,.nd-portal .nd-followup-empty,.nd-portal .nd-followup-notes{color:#9eb0c8}.nd-portal .nd-followup-section-head,.nd-portal .nd-followup-facts{border-color:#2a3c56}.nd-portal .nd-followup-section-head>b{background:#16253b;border-color:#334a69}.nd-portal .nd-followup-card.is-unpaid{border-top-color:#d9aa54}.nd-portal .nd-followup-card.is-expiring{border-top-color:#65afff}.nd-portal .nd-followup-card.is-overdue{border-top-color:#db4f5a}.nd-portal .nd-followup-notes{background:#0a1627}.nd-portal .nd-followup-empty>span{background:rgba(201,150,59,.12);border-color:rgba(201,150,59,.4);color:#e5b65d}.nd-portal .nd-followup-actions .nd-mark-paid{border-color:#8a6b2c!important;color:#f4ca77!important}
.nd-customer-workspace{margin:0!important;padding:28px}.nd-customer-workspace .namaadesk-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.nd-customer-empty{margin-top:20px;padding:42px 24px;text-align:center}.nd-customer-empty>span{display:grid;place-items:center;width:58px;height:58px;margin:0 auto 14px;border:1px solid #8a6b2c;border-radius:16px;background:rgba(201,150,59,.1);color:#e5b65d;font-size:27px}.nd-customer-empty h2{margin:0 0 8px}.nd-customer-empty p{max-width:680px;margin:0 auto;color:#9eb0c8}
@media(max-width:680px){.nd-customer-workspace{padding:16px 10px}.nd-customer-workspace .namaadesk-header{align-items:flex-start;display:flex}.nd-customer-workspace .namaadesk-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.nd-customer-workspace .namaadesk-card{min-width:0;padding:13px 10px}.nd-customer-workspace .namaadesk-card span{font-size:11px}.nd-customer-workspace .namaadesk-card strong{font-size:22px}.nd-customer-empty{padding:30px 16px}}
.nd-portal.nd-view-follow-up{overflow:visible}.nd-portal.nd-view-follow-up .nd-followup-sticky-slot{margin:14px 0 30px;position:relative}.nd-portal.nd-view-follow-up .nd-followup-summary{backdrop-filter:blur(14px);background:rgba(7,17,31,.92);border:1px solid rgba(51,74,105,.72);border-radius:18px;box-shadow:0 14px 38px rgba(2,8,18,.3);margin:0;padding:12px}.nd-portal.nd-view-follow-up .nd-followup-summary.is-fixed{left:var(--nd-followup-fixed-left);margin:0;position:fixed;top:var(--nd-followup-fixed-top);width:var(--nd-followup-fixed-width);z-index:100}
@media(max-width:780px){.nd-portal.nd-view-follow-up .nd-followup-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.nd-portal.nd-view-follow-up .nd-followup-summary.is-fixed{z-index:40}}
@media(max-width:520px){.nd-portal.nd-view-follow-up .nd-followup-summary{gap:8px;padding:8px}.nd-portal.nd-view-follow-up .nd-followup-summary>a{padding:12px 14px}.nd-portal.nd-view-follow-up .nd-followup-summary strong{font-size:28px}.nd-portal.nd-view-follow-up .nd-followup-summary small{font-size:11px}}

.nd-login-shell,.nd-login-shell *{box-sizing:border-box}.nd-login-shell{background:#07111f;color:#f5f8fc;display:grid;font-family:"Noto Sans Arabic","Segoe UI",Tahoma,Arial,sans-serif;grid-template-columns:minmax(280px,.82fr) minmax(420px,1.18fr);min-height:100vh;overflow:hidden;width:100%}.nd-login-visual{align-items:center;background:linear-gradient(145deg,#102a43,#0b1d32);display:flex;justify-content:center;overflow:hidden;position:relative}.nd-login-visual::before,.nd-login-visual::after,.nd-login-visual span{border:1px solid rgba(201,150,59,.18);border-radius:50%;content:"";position:absolute}.nd-login-visual::before{height:520px;width:520px}.nd-login-visual::after{height:380px;width:380px}.nd-login-visual span:first-of-type{height:660px;width:660px}.nd-login-visual span:last-of-type{background:rgba(201,150,59,.08);border:0;filter:blur(2px);height:230px;width:230px}.nd-login-visual img{filter:drop-shadow(0 18px 50px rgba(0,0,0,.32));height:auto;max-width:250px;position:relative;width:44%;z-index:2}.nd-login-card{align-self:center;justify-self:center;max-width:500px;padding:56px 34px;width:100%}.nd-login-logo{display:block;height:auto;margin:0 0 30px auto;max-width:300px;width:70%}.nd-login-kicker{color:#d9aa54;font-size:14px;font-weight:800;letter-spacing:.04em;margin:0 0 8px}.nd-login-card h1{color:#fff;font-size:clamp(32px,4vw,46px);line-height:1.25;margin:0 0 10px}.nd-login-copy{color:#9eb0c8;font-size:15px;line-height:1.8;margin:0 0 24px}.nd-login-message{border:1px solid #334a69;border-radius:12px;font-size:14px;line-height:1.7;margin-bottom:18px;padding:11px 13px}.nd-login-message.is-info{background:#102a43;color:#dbe8f6}.nd-login-message.is-error{background:#351b24;border-color:#743445;color:#ffdfe5}.nd-login-form{display:grid;gap:16px}.nd-login-form label{color:#dbe6f3;display:grid;font-size:14px;font-weight:700;gap:7px}.nd-login-form label small{color:#8195af;font-size:12px;font-weight:500}.nd-login-form input[type="text"],.nd-login-form input[type="password"]{background:#0d1b2d;border:1px solid #334a69;border-radius:11px;color:#fff;font:inherit;height:52px;outline:0;padding:0 14px;width:100%}.nd-login-form input:focus{border-color:#c9963b;box-shadow:0 0 0 3px rgba(201,150,59,.13)}.nd-password-wrap{display:block;position:relative}.nd-password-wrap input{padding-left:52px!important}.nd-password-toggle{align-items:center;background:transparent;border:0;color:#d9aa54;cursor:pointer;display:flex;font-size:21px;height:52px;justify-content:center;left:0;position:absolute;top:0;width:48px}.nd-login-remember{align-items:center!important;color:#9eb0c8!important;display:flex!important;font-weight:500!important;gap:9px!important}.nd-login-remember input{accent-color:#c9963b;height:18px;width:18px}.nd-login-submit{background:#c9963b;border:0;border-radius:11px;color:#07111f;cursor:pointer;font-family:inherit;font-size:16px;font-weight:900;height:52px;transition:transform .18s ease,background .18s ease}.nd-login-submit:hover{background:#dfac4b;transform:translateY(-1px)}.nd-login-help{color:#d9aa54!important;display:inline-block;font-size:13px;margin-top:18px;text-decoration:none}.nd-login-security{border-top:1px solid #20334d;color:#788da8;font-size:12px;margin:26px 0 0;padding-top:18px}.nd-login-honeypot{height:1px!important;left:-10000px!important;opacity:0!important;position:absolute!important;width:1px!important}
@media(max-width:820px){.nd-login-shell{grid-template-columns:1fr}.nd-login-visual{display:none}.nd-login-card{padding:46px 24px}.nd-login-logo{margin-left:auto;margin-right:auto;max-width:270px;width:76%}}
@media(max-width:480px){.nd-login-card{padding:34px 18px}.nd-login-card h1{font-size:32px}.nd-login-logo{margin-bottom:26px;max-width:240px}}

/* NamaaDesk platform shell: public home, login and service access. */
body.namaadesk-portal-page{background:#07111f!important;color:#f5f8fc;font-family:"Noto Sans Arabic","Segoe UI",Tahoma,Arial,sans-serif!important;width:100vw!important;max-width:none!important}
.namaadesk-portal-page *{box-sizing:border-box}
.nd-crisp-brand{align-items:center;color:#f7f9fc!important;display:inline-flex;gap:12px;text-decoration:none!important}
.nd-crisp-brand img{background:transparent!important;border:0!important;display:block;filter:drop-shadow(0 0 1px #07111f);height:58px;object-fit:contain;width:52px}
.nd-crisp-brand strong{direction:ltr;font-family:"Segoe UI",Arial,sans-serif;font-size:27px;font-weight:800;letter-spacing:-1px;line-height:1;white-space:nowrap}.nd-crisp-brand strong span{color:#d09a38}
.nd-public-home{background:radial-gradient(circle at 12% 14%,rgba(29,72,111,.5),transparent 30%),#07111f;color:#eef4fb;min-height:100svh;overflow:hidden;padding:0 clamp(22px,6vw,100px);position:relative;width:100%}
.nd-motion-field{inset:0;pointer-events:none;position:absolute}.nd-motion-field::before{background:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:70px 70px;content:"";inset:0;mask-image:linear-gradient(to bottom,black,transparent 85%);position:absolute}
.nd-motion-field i{border:1px solid rgba(209,156,61,.22);border-radius:32%;display:block;position:absolute;transform:rotate(20deg);animation:ndFloat 12s ease-in-out infinite}.nd-motion-field i:nth-child(1){height:240px;left:7%;top:22%;width:240px}.nd-motion-field i:nth-child(2){animation-delay:-4s;height:90px;right:12%;top:16%;width:90px}.nd-motion-field i:nth-child(3){animation-delay:-7s;border-radius:50%;bottom:13%;height:180px;right:4%;width:180px}.nd-motion-field i:nth-child(4){animation-delay:-2s;bottom:12%;height:54px;left:40%;width:54px}
@keyframes ndFloat{0%,100%{transform:translate3d(0,0,0) rotate(20deg)}50%{transform:translate3d(0,-24px,0) rotate(36deg)}}
.nd-public-nav{align-items:center;border-bottom:1px solid rgba(255,255,255,.09);display:flex;justify-content:space-between;margin:auto;max-width:1500px;padding:22px 0;position:relative;z-index:2}.nd-public-login{background:#d09a38;border-radius:12px;color:#07111f!important;font-weight:800;padding:12px 20px;text-decoration:none!important}.nd-public-login span{display:inline-block;margin-right:8px;transition:transform .2s}.nd-public-login:hover span{transform:translateX(-4px)}
.nd-public-hero{margin:0 auto;max-width:1120px;padding:clamp(70px,11vh,140px) 0 70px;position:relative;text-align:center;z-index:1}.nd-coming-pill{align-items:center;background:rgba(16,42,67,.72);border:1px solid rgba(209,156,61,.32);border-radius:99px;color:#dce8f7;display:inline-flex;font-size:14px;gap:9px;padding:8px 14px}.nd-coming-pill span{animation:ndPulse 1.8s infinite;background:#d09a38;border-radius:50%;height:8px;width:8px}@keyframes ndPulse{50%{box-shadow:0 0 0 8px rgba(208,154,56,0)}}
.nd-public-hero h1{color:#fff;font-size:clamp(48px,7.2vw,104px);font-weight:800;letter-spacing:-3px;line-height:1.08;margin:30px 0 24px}.nd-public-hero h1 em{color:#d5a54d;font-style:normal}.nd-public-hero>p{color:#9fb1c7;font-size:clamp(17px,2vw,22px);line-height:1.9;margin:0 auto;max-width:780px}.nd-public-actions{align-items:center;display:flex;gap:22px;justify-content:center;margin-top:36px}.nd-primary-cta{background:#f3f6fa;border-radius:13px;color:#07111f!important;font-weight:900;padding:15px 25px;text-decoration:none!important}.nd-public-actions>span{color:#788da8;font-size:13px}
.nd-public-services{display:grid;gap:18px;grid-template-columns:repeat(3,minmax(0,1fr));margin:0 auto;max-width:1200px;position:relative;z-index:1}.nd-public-services article{backdrop-filter:blur(14px);background:linear-gradient(145deg,rgba(17,37,61,.88),rgba(10,24,41,.82));border:1px solid #263c58;border-radius:21px;min-height:220px;padding:25px;position:relative;transition:transform .25s,border-color .25s}.nd-public-services article:hover{border-color:#9f7935;transform:translateY(-6px)}.nd-public-services article>b{color:#516a86;font:700 12px/1 Arial;left:22px;position:absolute;top:22px}.nd-public-icon{align-items:center;background:#182d48;border:1px solid #38516e;border-radius:14px;color:#e0af54;display:flex;font-size:29px;height:55px;justify-content:center;width:55px}.nd-public-services h2{color:#fff;font-size:21px;margin:23px 0 8px}.nd-public-services p{color:#91a4bc;line-height:1.8;margin:0}.nd-public-footer{border-top:1px solid rgba(255,255,255,.08);color:#6f849e;display:flex;font-size:13px;justify-content:space-between;margin:60px auto 0;max-width:1500px;padding:23px 0;position:relative;z-index:1}

/* Robust login viewport. The fixed shell avoids narrow theme containers. */
.nd-login-shell{height:100svh!important;inset:0;min-height:0!important;position:fixed!important;width:100vw!important;max-width:none!important;z-index:99999}.nd-login-card{align-self:center;max-height:100svh;overflow:hidden;padding:clamp(18px,3.5vh,38px) 34px}.nd-login-logo{margin:0 0 clamp(13px,2vh,22px) auto!important;max-width:none!important;width:auto!important}.nd-login-logo img{height:54px;width:48px}.nd-login-logo strong{font-size:29px}.nd-login-kicker{margin-bottom:4px}.nd-login-card h1{font-size:clamp(31px,3.2vw,42px);margin-bottom:5px}.nd-login-copy{line-height:1.55;margin-bottom:clamp(12px,2vh,20px)}.nd-login-form{gap:clamp(9px,1.4vh,14px)}.nd-login-form label{gap:5px}.nd-login-form input[type="text"],.nd-login-form input[type="password"]{height:46px}.nd-password-toggle{height:46px}.nd-login-submit{height:48px}.nd-login-help{margin-top:11px}.nd-login-security{margin-top:13px;padding:11px 0 0}.nd-login-form input:-webkit-autofill,.nd-login-form input:-webkit-autofill:hover,.nd-login-form input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 1000px #0d1b2d inset!important;-webkit-text-fill-color:#fff!important;caret-color:#fff!important}

.nd-service-hub{background:#07111f;color:#eef4fb;min-height:100svh;width:100%}.nd-service-hub>header{align-items:center;background:rgba(9,24,42,.93);border-bottom:1px solid #263a55;display:flex;justify-content:space-between;min-height:88px;padding:14px clamp(18px,4vw,64px);position:sticky;top:0;z-index:20}.nd-service-hub>header>div{align-items:center;display:flex;gap:20px}.nd-service-hub>header>div span{color:#9db0c8;font-size:14px}.nd-service-hub>header>div a{border:1px solid #3b526d;border-radius:10px;color:#d8e4f2!important;padding:9px 13px;text-decoration:none!important}.nd-service-hub>main{margin:auto;max-width:1500px;padding:clamp(28px,5vw,70px)}.nd-service-hub>footer{border-top:1px solid #223650;color:#72869e;font-size:13px;margin:30px clamp(18px,4vw,64px) 0;padding:24px;text-align:center}
.nd-hub-welcome{align-items:flex-end;display:flex;justify-content:space-between;margin-bottom:34px}.nd-hub-welcome span{color:#d4a144;font-size:14px;font-weight:800}.nd-hub-welcome h1{color:#fff;font-size:clamp(32px,4vw,54px);line-height:1.2;margin:5px 0}.nd-hub-welcome p{color:#8fa3bb;margin:0}.nd-hub-welcome>a{background:#d09a38;border-radius:11px;color:#07111f!important;font-weight:850;padding:13px 18px;text-decoration:none!important}
.nd-service-grid{display:grid;gap:20px;grid-template-columns:repeat(4,minmax(220px,1fr))}.nd-service-tile{background:linear-gradient(145deg,#111f34,#0c192b);border:1px solid #2d435e;border-radius:20px;color:#eaf1f9!important;display:flex;min-height:300px;padding:23px;text-decoration:none!important;flex-direction:column;transition:border-color .2s,transform .2s}.nd-service-tile.is-active:hover{border-color:#c49339;transform:translateY(-5px)}.nd-service-tile.is-inactive{filter:saturate(.45);opacity:.72}.nd-service-icon{align-items:center;background:#172c47;border:1px solid #35506f;border-radius:15px;color:#d7a54b;display:flex;font-size:34px;height:64px;justify-content:center;width:64px}.nd-service-state{align-items:center;color:#9eb1c7;display:flex;font-size:12px;gap:7px;margin:22px 0 9px}.nd-service-state i{background:#73849a;border-radius:50%;height:7px;width:7px}.nd-service-tile.is-active .nd-service-state i{background:#55c58b;box-shadow:0 0 0 5px rgba(85,197,139,.1)}.nd-service-tile h2{color:#fff;font-size:20px;margin:0 0 9px}.nd-service-tile p{color:#8fa2ba;line-height:1.75;margin:0 0 auto}.nd-service-tile>b{color:#d8aa57;font-size:13px;margin-top:22px}.nd-service-detail{background:linear-gradient(145deg,#111f34,#0c192b);border:1px solid #2e4664;border-radius:24px;margin:30px auto;max-width:760px;padding:40px;text-align:center}.nd-service-detail>a{color:#d6a54b!important;display:block;margin-bottom:28px;text-align:right;text-decoration:none!important}.nd-service-detail .nd-service-icon{margin:auto}.nd-service-detail h1{color:#fff;font-size:36px}.nd-service-detail p{color:#9cafc5;line-height:1.9}.nd-detail-status{background:#38202a;border-radius:99px;color:#ffcad2;display:inline-flex;padding:8px 14px}.nd-detail-status.is-active{background:#163528;color:#92e4b7}
.nd-accounts-page{margin:0 auto!important;max-width:1280px;padding:0!important;width:100%}.nd-accounts-page>.namaadesk-page-title{align-items:flex-end;border-bottom:1px solid #263b56;margin-bottom:22px;padding-bottom:20px}.nd-accounts-page>.namaadesk-page-title h1{font-size:36px!important;margin:0 0 6px!important}.nd-accounts-page>.namaadesk-page-title p{color:#91a6be;margin:0}.nd-accounts-page .button{align-items:center!important;background:#172c46!important;border:1px solid #3b5878!important;border-radius:10px!important;color:#f2f6fb!important;display:inline-flex!important;font-size:14px!important;font-weight:750!important;justify-content:center!important;min-height:42px!important;padding:0 16px!important;text-decoration:none!important}.nd-accounts-page .button-primary{background:#d09a38!important;border-color:#e0af54!important;color:#07111f!important}.nd-account-layout{display:grid;gap:22px;grid-template-columns:1fr}.nd-account-layout>.namaadesk-panel{background:linear-gradient(145deg,#101f34,#0b182a)!important;border:1px solid #2d4563!important;border-radius:18px!important;box-shadow:0 14px 36px rgba(0,0,0,.18)!important;margin:0!important;padding:26px!important}.nd-account-form-panel .namaadesk-fields{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:30px}.nd-service-permissions{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr));margin:16px 0 24px}.nd-service-permission{align-items:end;background:#0b182a;border:1px solid #304b6a;border-radius:15px;display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr));padding:18px}.nd-service-permission strong{border-bottom:1px solid #263d59;color:#fff;font-size:17px;grid-column:1/-1;padding-bottom:11px}.nd-service-permission label{color:#9db0c6!important;font-size:13px!important;min-width:0}.nd-service-permission input,.nd-service-permission select{margin:0!important;min-width:0!important;width:100%!important}.nd-service-permission label:first-of-type{align-items:center!important;align-self:center;display:flex!important;flex-direction:row!important;gap:9px}.nd-service-permission label:first-of-type input{flex:0 0 18px;height:18px!important;min-height:18px!important;width:18px!important}.nd-accounts-page .namaadesk-table-wrap{background:#0b182a!important;border:1px solid #304b6a!important;border-radius:13px!important;overflow-x:auto}.nd-accounts-page .namaadesk-table{min-width:820px!important;width:100%!important}.nd-accounts-page .namaadesk-table th,.nd-accounts-page .namaadesk-table td{background:#0f2035!important;border-color:#283f5b!important;color:#eaf2fb!important;padding:14px 16px!important}.nd-accounts-page .namaadesk-table th{background:#172c46!important;color:#afc0d4!important;font-size:13px!important}.nd-accounts-page .namaadesk-table tr:nth-child(even) td{background:#12243a!important}.nd-account-status{border-radius:99px;display:inline-block;padding:5px 10px}.nd-account-status.is-active{background:#163528;color:#92e4b7}.nd-account-status.is-suspended{background:#38202a;color:#ffcad2}.nd-delete-account{border-color:#8b3443!important;color:#ffc2cc!important}
@media(max-width:1150px){.nd-service-grid{grid-template-columns:repeat(2,minmax(220px,1fr))}.nd-account-form-panel .namaadesk-fields{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:820px){.nd-public-services{grid-template-columns:1fr}.nd-public-actions{flex-direction:column}.nd-public-hero h1{letter-spacing:-1px}.nd-service-hub>header>div>span{display:none}.nd-hub-welcome{align-items:flex-start;flex-direction:column;gap:20px}.nd-service-grid{grid-template-columns:1fr}.nd-public-footer{gap:12px;flex-direction:column;text-align:center}.nd-login-shell{min-height:100svh!important;position:fixed!important}.nd-login-card{justify-self:stretch!important;margin:auto;max-width:520px!important}.nd-account-layout{display:block}.nd-account-layout>.namaadesk-panel{margin-bottom:18px!important;padding:18px!important}.nd-account-form-panel .namaadesk-fields,.nd-service-permissions{grid-template-columns:1fr}.nd-service-permission{grid-template-columns:1fr}.nd-service-permission strong{grid-column:auto}.nd-accounts-page>.namaadesk-page-title{align-items:flex-start}.nd-accounts-page>.namaadesk-page-title .button{width:100%}}
@media(max-width:520px){.nd-public-home{padding-inline:16px}.nd-public-nav .nd-crisp-brand strong{font-size:21px}.nd-public-nav .nd-crisp-brand img{height:48px;width:42px}.nd-public-login{padding:10px 13px}.nd-public-hero{padding-top:65px}.nd-public-hero h1{font-size:43px}.nd-service-hub>header{padding-inline:14px}.nd-service-hub>header .nd-crisp-brand strong{font-size:21px}.nd-service-hub>header .nd-crisp-brand img{height:46px;width:42px}.nd-service-hub>main{padding:24px 12px}.nd-service-detail{padding:26px 17px}.nd-service-detail h1{font-size:28px}}
@media(max-height:760px) and (min-width:821px){.nd-login-card{padding-block:13px}.nd-login-logo{margin-bottom:9px!important}.nd-login-logo img{height:44px;width:40px}.nd-login-logo strong{font-size:25px}.nd-login-card h1{font-size:32px}.nd-login-copy{font-size:13px;margin-bottom:9px}.nd-login-form{gap:7px}.nd-login-form label{font-size:12px}.nd-login-form input[type="text"],.nd-login-form input[type="password"],.nd-password-toggle{height:40px}.nd-login-submit{height:42px}.nd-login-help{margin-top:7px}.nd-login-security{display:none}.nd-login-visual img{max-width:200px}}
@media(prefers-reduced-motion:reduce){.nd-motion-field i,.nd-coming-pill span{animation:none!important}.nd-service-tile,.nd-public-services article{transition:none!important}}
