:root{--citizen-primary: #428177;--citizen-primary-light: #52968b;--citizen-primary-dark: #376a62;--citizen-accent: #1e293b;--citizen-bg: #f8fafc;--citizen-card: #ffffff;--citizen-text: #1e293b;--citizen-text-light: #64748b;--citizen-border: #eff2f5;--citizen-error: #ef4444;--citizen-success: #10b981}@font-face{font-family:Expo Arabic Light;src:url(/fonts/expo_arabic_light.ttf) format("truetype");font-weight:300;font-style:normal}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;overflow-x:hidden;background-color:var(--citizen-bg);font-family:Expo Arabic Light,Tajawal,system-ui,-apple-system,sans-serif;direction:rtl;color:var(--citizen-text);width:100%}input,button,select,textarea,optgroup{font-family:Expo Arabic Light,Tajawal,system-ui,-apple-system,sans-serif!important}input::placeholder,textarea::placeholder{font-family:Expo Arabic Light,Tajawal,system-ui,-apple-system,sans-serif!important}.citizen-portal{min-height:100vh;width:100%;max-width:100vw;overflow-x:hidden;display:flex;flex-direction:column;background-color:var(--citizen-bg);direction:rtl}.citizen-auth-split-container{display:grid;grid-template-columns:1fr;min-height:100vh;width:100%;background:var(--citizen-bg)}@media(min-width:768px){.citizen-auth-split-container{grid-template-columns:1fr 1fr}}.citizen-auth-side-form{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;width:100%;order:2}@media(min-width:768px){.citizen-auth-side-form{order:1;min-height:100vh}}.citizen-auth-side-branded{background-color:#edebe0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;order:1;position:relative;overflow:hidden;text-align:center}@media(min-width:768px){.citizen-auth-side-branded{order:2;margin:1rem;border-radius:1.25rem}}.citizen-auth-side-branded:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,rgba(66,129,119,.05) 0%,transparent 70%)}.citizen-auth-brand-content{position:relative;z-index:1;text-align:right}.citizen-auth-brand-logo{max-width:100%;height:auto;max-height:110px;object-fit:contain;margin-bottom:1.5rem;margin-right:0;display:block;filter:drop-shadow(0 12px 20px rgba(0,0,0,.12))}.citizen-auth-brand-title{font-size:2rem;font-weight:800;color:var(--citizen-primary);margin-bottom:1rem}.citizen-auth-brand-text{font-size:1.05rem;color:#475569;max-width:440px;line-height:1.8;margin-right:0;margin-bottom:1.25rem}.citizen-simple-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.85rem;max-width:440px}.citizen-simple-list li{position:relative;padding-right:1.5rem;font-size:.975rem;color:#475569;line-height:1.7}.citizen-simple-list li:before{content:"\2022";position:absolute;right:0;color:var(--citizen-primary);font-weight:700;font-size:1.4rem;line-height:1;top:-.1rem}.citizen-auth-card{background:var(--citizen-bg);border-radius:1.25rem;border:1px solid var(--citizen-border);padding:2.5rem;width:100%;max-width:460px;box-shadow:0 10px 25px -5px #0000000d}.citizen-auth-title{text-align:right;font-size:1.75rem;font-weight:700;color:var(--citizen-primary);margin-top:0;margin-bottom:.5rem}.citizen-auth-subtitle{text-align:right;color:#64748b;margin-bottom:2rem;font-size:.95rem}.citizen-form-group{margin-bottom:1.25rem}.citizen-label{display:block;font-size:.875rem;font-weight:600;color:var(--citizen-text);margin-bottom:.5rem}.citizen-input{width:100%;padding:.875rem 1.25rem;border:2px solid var(--citizen-border);border-radius:.875rem;font-size:.95rem;color:var(--citizen-text);background:#f8fafc;box-sizing:border-box;transition:all .2s}.citizen-input:focus{outline:none;background-color:#fff;border-color:var(--citizen-primary);box-shadow:0 0 0 4px #4281771a}.code-input-single::placeholder{color:#94a3b8!important;opacity:.55!important;font-weight:400!important;font-size:1.05rem!important;letter-spacing:normal!important}.citizen-btn{display:inline-flex;align-items:center;justify-content:center;gap:.75rem;padding:.875rem 2rem;border-radius:.75rem;font-size:1rem;font-weight:600;cursor:pointer;border:none;transition:all .25s;width:100%}.citizen-btn-primary{background-color:var(--citizen-primary);color:#fff;border:1px solid var(--citizen-primary-dark);box-shadow:0 4px 12px #42817726}.citizen-btn-primary:hover:not(:disabled){background-color:var(--citizen-primary-dark);transform:translateY(-1px)}.citizen-btn-link{color:var(--citizen-primary);cursor:pointer;font-weight:700;text-decoration:underline}.citizen-header{width:100%;background:#fffffffa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(0,0,0,.05);padding:.75rem 1rem;position:sticky;top:0;z-index:40;display:flex;justify-content:center}.citizen-header-content{width:100%;max-width:1200px;display:flex;align-items:center;justify-content:space-between;gap:.5rem}.citizen-header-logo img{height:40px;max-width:100%;object-fit:contain}.citizen-header-user{display:flex;align-items:center;gap:.75rem}@media(max-width:640px){.user-header-details{display:none!important}}.platform-section-header{display:flex;flex-direction:column;gap:.35rem;margin-bottom:1.25rem}@media(min-width:640px){.platform-section-header{flex-direction:row;justify-content:space-between;align-items:center}}.citizen-main{width:100%;max-width:1100px;padding:1.5rem 1rem 4rem;margin:0 auto;flex:1;display:flex;flex-direction:column;gap:1.5rem;box-sizing:border-box}.citizen-dashboard-hero{background:#fff;border-radius:1.25rem;border:1px solid var(--citizen-border);padding:2.25rem;box-shadow:0 4px 15px #00000005}.citizen-dashboard-hero h1{font-size:1.75rem;font-weight:700;color:var(--citizen-primary);margin-top:0;margin-bottom:.5rem}.citizen-dashboard-hero p{font-size:1rem;line-height:1.7;color:#64748b;margin:0}.citizen-actions-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;width:100%}@media(min-width:768px){.citizen-actions-grid{grid-template-columns:repeat(2,1fr)}}.citizen-platform-card{background:#fff;border-radius:1.25rem;border:1px solid var(--citizen-border);padding:2rem;display:flex;flex-direction:column;justify-content:space-between;transition:all .25s ease;position:relative;overflow:hidden}.citizen-platform-card:hover{border-color:var(--citizen-primary);box-shadow:0 10px 25px #42817714;transform:translateY(-2px)}.platform-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem}.platform-icon-box{width:3.25rem;height:3.25rem;border-radius:.875rem;background:#f0fdf4;color:var(--citizen-primary);display:flex;align-items:center;justify-content:center;font-size:1.5rem;border:1px solid rgba(66,129,119,.15)}.platform-badge{font-size:.775rem;font-weight:600;padding:.35rem .85rem;border-radius:2rem;background:#ecfdf5;color:#059669;border:1px solid #a7f3d0;display:inline-flex;align-items:center;gap:.35rem}.platform-card-title{font-size:1.35rem;font-weight:700;color:var(--citizen-text);margin-top:0;margin-bottom:.5rem}.platform-card-desc{font-size:.95rem;color:#64748b;line-height:1.7;margin-bottom:1.75rem}.platform-launch-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background:var(--citizen-primary);color:#fff;padding:.85rem 1.5rem;border-radius:.75rem;text-decoration:none;font-weight:600;font-size:.975rem;transition:background-color .2s ease;width:100%}.platform-launch-btn:hover{background:var(--citizen-primary-dark)}.citizen-auth-card.wide{max-width:680px;padding:2.25rem 2.5rem}.citizen-notice-box{background-color:#f0f7ff;border-right:4px solid #3b82f6;padding:.9rem 1.15rem;margin-bottom:1.5rem;border-radius:.75rem;font-size:.85rem;color:#1e40af;line-height:1.6}.citizen-notice-box strong{color:#1d4ed8;display:block;margin-bottom:.2rem}.citizen-grid-2{display:grid;grid-template-columns:1fr;gap:1.15rem 1.35rem}@media(min-width:640px){.citizen-grid-2{grid-template-columns:1fr 1fr}.citizen-grid-2 .col-span-2{grid-column:span 2 / span 2}}.citizen-required{color:#ef4444;margin-left:.25rem;font-weight:700}.citizen-input.error{border-color:#f87171!important;background-color:#fff5f5!important;box-shadow:0 0 0 3px #f871711f!important}.citizen-error-msg{color:#ef4444;font-size:.8rem;margin-top:.35rem;display:flex;align-items:center;gap:.25rem;font-weight:500}.password-input-wrapper{position:relative;width:100%}.password-toggle-btn{position:absolute;left:.85rem;top:50%;transform:translateY(-50%);background:none;border:none;color:#94a3b8;cursor:pointer;padding:.35rem;display:flex;align-items:center;justify-content:center;border-radius:.375rem;transition:color .15s ease,background-color .15s ease}.password-toggle-btn:hover{color:#475569;background-color:#f1f5f9}.portal-layout{display:flex;min-height:100vh;width:100%;background-color:#f8fafc;direction:rtl;position:relative}.sidebar-backdrop{position:fixed;inset:0;background:#0f172a73;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:90;transition:opacity .3s ease}.portal-sidebar{width:280px;min-width:280px;height:100vh;height:100dvh;background:#fff;border-left:1px solid #e2e8f0;display:flex;flex-direction:column;position:fixed;top:0;right:0;overflow:hidden;z-index:100;box-shadow:-4px 0 20px #00000005;transition:transform .3s cubic-bezier(.4,0,.2,1)}.sidebar-header{flex:0 0 auto;padding:1.25rem 1.25rem 1rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #f1f5f9}.sidebar-logo{height:38px;max-width:190px;object-fit:contain}.sidebar-close-btn{display:none;background:#f1f5f9;border:none;border-radius:.5rem;padding:.4rem;color:#64748b;cursor:pointer;align-items:center;justify-content:center;transition:all .2s ease}.sidebar-close-btn:hover{background:#e2e8f0;color:#0f172a}.sidebar-user-card{flex:0 0 auto;margin:1rem 1rem .5rem;padding:.85rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:.875rem;display:flex;align-items:center;gap:.75rem}.sidebar-user-avatar{width:2.5rem;height:2.5rem;border-radius:50%;background:linear-gradient(135deg,var(--citizen-primary),var(--citizen-primary-dark));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem;flex-shrink:0;box-shadow:0 4px 10px #42817733}.sidebar-user-info{display:flex;flex-direction:column;overflow:hidden}.sidebar-user-name{font-weight:700;font-size:.875rem;color:#0f172a;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sidebar-user-role{font-size:.725rem;color:#64748b;font-weight:500}.sidebar-user-role.admin{color:#0284c7;font-weight:700}.sidebar-nav-container{flex:1;min-height:0;overflow-y:auto;overscroll-behavior-y:contain;scrollbar-gutter:stable;padding:1rem .75rem;display:flex;flex-direction:column;gap:.35rem}.sidebar-section-label{font-size:.725rem;font-weight:700;text-transform:uppercase;color:#94a3b8;padding:0 .6rem .4rem;letter-spacing:.05em}.sidebar-menu{display:flex;flex-direction:column;gap:.35rem}.sidebar-menu-item{display:flex;align-items:center;gap:.75rem;padding:.65rem .75rem;border-radius:.75rem;color:#475569;text-decoration:none;font-size:.875rem;font-weight:600;transition:all .2s ease;position:relative}.sidebar-menu-item:hover{background:#f1f5f9;color:#0f172a}.sidebar-menu-item.active{background:#ecfdf5;color:var(--citizen-primary-dark);font-weight:700}.sidebar-menu-item.active .menu-icon-box{background:var(--citizen-primary);color:#fff}.menu-icon-box{width:2rem;height:2rem;border-radius:.5rem;background:#f1f5f9;color:#64748b;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s ease}.menu-icon-box iconify-icon{display:inline-flex;align-items:center;justify-content:center;width:1.15rem;height:1.15rem;line-height:0;color:currentColor}.menu-icon-box.licenses-menu-icon{background:#4281771a;color:var(--citizen-primary)}.sidebar-menu-item.active .menu-icon-box.licenses-menu-icon{background:var(--citizen-primary);color:#fff}.menu-icon-box .complaints-platform-icon{display:inline-flex;width:1.35rem;height:1.35rem;line-height:0;color:currentColor}.menu-icon-box.complaints{color:var(--citizen-primary);background:#f0fdf4}.menu-text-wrap{display:flex;flex-direction:column;flex:1;overflow:hidden}.menu-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.85rem}.menu-sub{font-size:.7rem;color:#94a3b8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.menu-badge{background:#e2e8f0;color:#475569;font-size:.7rem;font-weight:700;padding:.15rem .5rem;border-radius:1rem}.sso-indicator{font-size:.65rem;font-weight:700;background:#e0f2fe;color:#0284c7;padding:.15rem .4rem;border-radius:.35rem}.status-dot{width:8px;height:8px;border-radius:50%;background:#cbd5e1}.status-dot.active{background:#10b981;box-shadow:0 0 6px #10b98166}.sidebar-services-section{margin-top:1rem;padding-top:.85rem;border-top:1px dashed #e2e8f0}.service-icon{background:#4281771a;color:var(--citizen-primary)}.service-badge{font-size:.65rem;font-weight:700;background:#f1f5f9;color:#475569;padding:.15rem .45rem;border-radius:.4rem;white-space:nowrap}.sidebar-admin-section{margin-top:1.5rem;padding-top:1rem;border-top:1px solid #f1f5f9}.sidebar-admin-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;background:#f0f9ff;color:#0284c7;border:1px dashed #7dd3fc;border-radius:.75rem;padding:.6rem .75rem;font-weight:600;font-size:.825rem;cursor:pointer;transition:all .2s ease}.sidebar-admin-btn:hover{background:#e0f2fe;border-color:#0284c7}.sidebar-footer{flex:0 0 auto;padding:.85rem;padding-bottom:max(.85rem,env(safe-area-inset-bottom));border-top:1px solid #f1f5f9;display:flex;gap:.5rem}.sidebar-action-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.4rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:.6rem;padding:.55rem;color:#475569;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s ease}.sidebar-action-btn:hover{background:#f1f5f9;color:#0f172a}.sidebar-action-btn.logout{color:#dc2626;border-color:#fecaca;background:#fef2f2}.sidebar-action-btn.logout:hover{background:#fee2e2}.portal-main-wrapper{flex:1;display:flex;flex-direction:column;margin-inline-start:280px;min-width:0;min-height:100vh}.portal-top-navbar{height:64px;background:#fff;border-bottom:1px solid #e2e8f0;position:sticky;top:0;z-index:30;display:flex;justify-content:center;width:100%}.navbar-inner-container{max-width:1200px;width:100%;padding:0 1.5rem;display:flex;align-items:center;justify-content:space-between;box-sizing:border-box}.navbar-right{display:flex;align-items:center;gap:.85rem}.hamburger-btn{display:none;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:.6rem;padding:.45rem;color:#334155;cursor:pointer;align-items:center;justify-content:center;transition:all .2s ease}.hamburger-btn:hover{background:#e2e8f0}.navbar-title-wrap{display:flex;flex-direction:column}.navbar-title{font-size:1.05rem;font-weight:700;color:#0f172a;margin:0}.navbar-subtitle{font-size:.725rem;color:#64748b}.navbar-left{display:flex;align-items:center;gap:1rem}.sso-status-pill{display:flex;align-items:center;gap:.45rem;background:#ecfdf5;border:1px solid #a7f3d0;color:#065f46;padding:.35rem .75rem;border-radius:2rem;font-size:.75rem;font-weight:600}.pulse-dot{width:7px;height:7px;border-radius:50%;background:#10b981;animation:pulse-ring 2s infinite}@keyframes pulse-ring{0%{transform:scale(.95);box-shadow:0 0 #10b981b3}70%{transform:scale(1);box-shadow:0 0 0 6px #10b98100}to{transform:scale(.95);box-shadow:0 0 #10b98100}}.user-dropdown-container{position:relative}.user-nav-btn{display:flex;align-items:center;gap:.6rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:.75rem;padding:.35rem .65rem;cursor:pointer;transition:all .2s ease}.user-nav-btn:hover{background:#f1f5f9;border-color:#cbd5e1}.user-avatar-small{width:2rem;height:2rem;border-radius:50%;background:var(--citizen-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.85rem}.user-name-box{display:flex;flex-direction:column;text-align:right}.user-display-name{font-size:.8rem;font-weight:700;color:#0f172a;line-height:1.2}.user-nat-id{font-size:.725rem;color:#64748b}.chevron-icon{color:#94a3b8}.dropdown-card{position:absolute;top:calc(100% + 8px);left:0;width:240px;background:#fff;border:1px solid #e2e8f0;border-radius:1rem;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000000d;padding:.5rem 0;z-index:100;direction:rtl;text-align:right;animation:fadeInDown .15s ease-out}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.dropdown-user-header{padding:.6rem 1rem;border-bottom:1px solid #f1f5f9;display:flex;flex-direction:column;gap:.2rem}.dropdown-full-name{font-weight:700;font-size:.875rem;color:#0f172a}.dropdown-nid{font-size:.775rem;color:#64748b}.dropdown-role-tag{align-self:flex-start;background:#e0f2fe;color:#0284c7;font-size:.65rem;font-weight:700;padding:.1rem .4rem;border-radius:.35rem;margin-top:.2rem}.dropdown-menu-list{padding:.35rem 0}.dropdown-item{width:100%;display:flex;align-items:center;gap:.6rem;padding:.6rem 1rem;background:transparent;border:none;font-size:.85rem;font-weight:600;color:#334155;cursor:pointer;text-align:right;font-family:inherit;transition:all .15s ease}.dropdown-item:hover{background:#f8fafc;color:#0f172a}.dropdown-item.logout{color:#dc2626}.dropdown-item.logout:hover{background:#fef2f2}.dropdown-divider{height:1px;background:#f1f5f9;margin:.25rem 0}.portal-content-body{flex:1;max-width:1200px;width:100%;margin:0 auto;padding:1.75rem 1.5rem 4rem;display:flex;flex-direction:column;gap:2rem;box-sizing:border-box}.portal-hero-banner{background:linear-gradient(135deg,#fff,#f1f8f6);border:1px solid #d1e7e2;border-radius:1.25rem;padding:2rem 2.25rem;display:flex;justify-content:space-between;align-items:center;gap:2rem;box-shadow:0 4px 20px #4281770f;position:relative;overflow:hidden}.portal-hero-banner:before{content:"";position:absolute;top:0;left:0;width:6px;height:100%;background:var(--citizen-primary)}.hero-badge{display:inline-block;background:#e6f3f0;color:var(--citizen-primary-dark);font-size:.775rem;font-weight:700;padding:.25rem .75rem;border-radius:1rem;margin-bottom:.6rem;border:1px solid #c4e4dc}.hero-heading{font-size:1.6rem;font-weight:800;color:#0f172a;margin:0 0 .5rem}.hero-desc{font-size:.95rem;color:#475569;line-height:1.7;margin:0;max-width:620px}.hero-stats-cards{display:flex;gap:1rem}.stat-mini-card{background:#fff;border:1px solid #e2e8f0;border-radius:1rem;padding:1rem 1.25rem;display:flex;flex-direction:column;align-items:center;min-width:120px;box-shadow:0 4px 10px #00000005}.stat-val{font-size:1.5rem;font-weight:800;color:var(--citizen-primary)}.stat-mini-card.secure .stat-val{color:#10b981}.stat-label{font-size:.75rem;color:#64748b;font-weight:600;margin-top:.15rem}.admin-management-card{background:#fff;border:1px solid #cbd5e1;border-radius:1.25rem;padding:1.5rem;box-shadow:0 4px 12px #00000008}.admin-header-row{display:flex;justify-content:space-between;align-items:center;gap:1rem}.admin-title{font-size:1.15rem;font-weight:700;color:#0f172a;margin:0}.admin-subtitle{font-size:.825rem;color:#64748b;margin:.25rem 0 0}.admin-add-btn{background:#0284c7;color:#fff;border:none;padding:.6rem 1.25rem;border-radius:.65rem;font-weight:600;font-size:.875rem;cursor:pointer;transition:background .2s ease;white-space:nowrap}.admin-add-btn:hover{background:#0369a1}.admin-alert-banner{background:#f0fdf4;border:1px solid #bbf7d0;color:#166534;padding:.75rem 1rem;border-radius:.6rem;margin-top:1rem;font-size:.875rem;font-weight:600}.platform-form-container{background:#f8fafc;border:1px solid #e2e8f0;border-radius:1rem;padding:1.25rem;margin-top:1.25rem}.form-title{font-size:1rem;font-weight:700;color:#1e293b;margin:0 0 1rem}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-field{display:flex;flex-direction:column;gap:.35rem}.form-field.full-width{grid-column:span 2}.form-field label{font-size:.825rem;font-weight:600;color:#334155}.form-field input,.form-field select,.form-field textarea{width:100%;padding:.6rem .85rem;border:1px solid #cbd5e1;border-radius:.6rem;font-size:.9rem;background:#fff}.form-actions{display:flex;justify-content:flex-end;gap:.6rem;margin-top:1rem}.btn-cancel{background:#e2e8f0;color:#475569;border:none;padding:.55rem 1.2rem;border-radius:.6rem;font-weight:600;cursor:pointer}.btn-save{background:#0284c7;color:#fff;border:none;padding:.55rem 1.4rem;border-radius:.6rem;font-weight:600;cursor:pointer}.platforms-section{display:flex;flex-direction:column;gap:1.25rem}.section-title-bar{display:flex;justify-content:space-between;align-items:flex-end}.section-heading{font-size:1.35rem;font-weight:800;color:#0f172a;margin:0 0 .25rem}.section-subtext{font-size:.85rem;color:#64748b}.platforms-grid{display:grid;grid-template-columns:1fr;gap:1rem}@media(min-width:768px){.platforms-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1100px){.platforms-grid{grid-template-columns:repeat(2,1fr)}}.portal-card{background:#fff;border:1px solid #e2e8f0;border-radius:1rem;padding:1.25rem;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;box-shadow:0 2px 8px #0000000a}.portal-card:hover{border-color:#cbd5e1}.portal-card.disabled-card{opacity:.65;background:#fafafa}.card-top-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:.85rem}.card-icon-box{width:3.25rem;height:3.25rem;border-radius:1rem;background:#eef7f5;color:var(--citizen-primary);display:flex;align-items:center;justify-content:center}.card-icon-box .petro-station-icon{display:block;width:2.75rem;height:2.75rem;object-fit:contain}.card-icon-box .complaints-platform-icon{display:inline-flex;width:1.8rem;height:1.8rem;line-height:0;color:currentColor}.card-icon-box .platform-license-icon{display:inline-flex;align-items:center;justify-content:center;width:1.8rem;height:1.8rem;line-height:0;color:var(--citizen-primary)}.card-icon-box.complaints,.card-icon-box.licenses{background:#eef7f5;color:var(--citizen-primary)}.card-status-badge{display:inline-flex;align-items:center;gap:.4rem;font-size:.75rem;font-weight:700;padding:.3rem .75rem;border-radius:2rem}.card-status-badge.available{background:#ecfdf5;color:#059669;border:1px solid #a7f3d0}.card-status-badge.disabled{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.badge-dot{width:6px;height:6px;border-radius:50%;background:currentColor}.card-body{margin-bottom:1rem}.card-title{font-size:1.08rem;font-weight:800;color:#0f172a;margin:0 0 .5rem}.card-description{font-size:.82rem;color:#64748b;line-height:1.55;margin:0}.card-footer{display:flex;flex-direction:column;gap:.6rem}.card-launch-btn{display:flex;align-items:center;justify-content:space-between;background:var(--citizen-primary);color:#fff;padding:.7rem 1rem;border-radius:.7rem;text-decoration:none;font-weight:700;font-size:.85rem;transition:opacity .2s ease}.card-launch-btn:hover{background:var(--citizen-primary-dark)}.card-launch-btn.secondary{background:var(--citizen-primary)}.card-launch-btn.secondary:hover{background:var(--citizen-primary-dark)}.arrow-svg{color:#fff}.disabled-notice{text-align:center;padding:.75rem;background:#f1f5f9;border-radius:.75rem;color:#64748b;font-size:.85rem;font-weight:600}.card-admin-bar{display:flex;gap:.4rem;padding-top:.5rem;border-top:1px solid #f1f5f9}.btn-edit{flex:1;background:#e0f2fe;color:#0284c7;border:1px solid #bae6fd;padding:.4rem;border-radius:.5rem;font-size:.8rem;font-weight:700;cursor:pointer}.btn-toggle{flex:1;background:#f0fdf4;color:#15803d;border:1px solid #bbf7d0;padding:.4rem;border-radius:.5rem;font-size:.8rem;font-weight:700;cursor:pointer}.btn-toggle.danger{background:#fff7ed;color:#c2410c;border-color:#fed7aa}.btn-delete{background:#fef2f2;color:#dc2626;border:1px solid #fecaca;padding:.4rem .6rem;border-radius:.5rem;font-size:.8rem;cursor:pointer}.licenses-catalog{--license-petroleum: #334155;--license-petroleum-soft: #f1f5f9;--license-petroleum-pale: #e2e8f0;--license-water: #0369a1;--license-water-soft: #eff9ff;--license-water-pale: #dff3ff;--license-electricity: #b77908;--license-electricity-soft: #fffbea;--license-electricity-pale: #fff1ad;--license-mining: #8a5529;--license-mining-soft: #fbf3e9;--license-mining-pale: #f1dec8;display:flex;flex-direction:column;gap:1rem;margin-top:.25rem;padding:1.25rem;border:1px solid #dce5e3;border-radius:1rem;background:radial-gradient(circle at 100% 0,rgba(66,129,119,.08),transparent 26rem),#f8fbfa}.licenses-catalog-dashboard{width:100%;animation:licenseCatalogEnter .2s ease-out}@keyframes licenseCatalogEnter{0%{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}.licenses-catalog-heading{display:flex;align-items:center;gap:.8rem}.licenses-catalog-heading>div:nth-child(2){min-width:0}.licenses-catalog-back{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-height:2.25rem;margin-inline-start:auto;padding:.42rem .75rem;border:1px solid #cddbd8;border-radius:.6rem;background:#fff;color:#3c655e;font:inherit;font-size:.7rem;font-weight:750;white-space:nowrap;cursor:pointer;transition:background-color .18s ease,border-color .18s ease,transform .18s ease}.licenses-catalog-back:hover{border-color:#9ebdb7;background:#eef6f4;transform:translate(2px)}.licenses-catalog-back:focus-visible{outline:3px solid rgba(66,129,119,.22);outline-offset:2px}.licenses-catalog-back svg{width:.95rem;height:.95rem;flex:0 0 auto}.licenses-catalog-heading-icon{display:grid;place-items:center;width:2.65rem;height:2.65rem;flex:0 0 auto;border-radius:.8rem;background:var(--citizen-primary);color:#fff;box-shadow:0 8px 18px -10px #22574ebf}.licenses-catalog-heading-icon iconify-icon{display:inline-flex;align-items:center;justify-content:center;width:1.35rem;height:1.35rem;line-height:0;color:currentColor}.licenses-catalog-heading h4{margin:0 0 .15rem;color:#172b27;font-size:1.02rem;font-weight:800}.licenses-catalog-heading p{margin:0;color:#71817e;font-size:.76rem;line-height:1.5}.license-categories-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem}.license-category-card{min-width:0;overflow:hidden;border:1px solid #e1e8e6;border-top-width:3px;border-radius:.9rem;background:#fff;box-shadow:0 8px 24px -22px #0f172aa6}.petroleum-category{border-top-color:var(--license-petroleum)}.water-category{border-top-color:var(--license-water)}.electricity-category{border-top-color:var(--license-electricity)}.mining-category{border-top-color:var(--license-mining)}.license-category-header{display:flex;align-items:center;gap:.7rem;padding:.85rem .9rem;border-bottom:1px solid #edf1f0}.petroleum-category .license-category-header{background:linear-gradient(90deg,#fff 0%,var(--license-petroleum-soft) 100%)}.water-category .license-category-header{background:linear-gradient(90deg,#fff 0%,var(--license-water-soft) 100%)}.electricity-category .license-category-header{background:linear-gradient(90deg,#fff 0%,var(--license-electricity-soft) 100%)}.mining-category .license-category-header{background:linear-gradient(90deg,#fff 0%,var(--license-mining-soft) 100%)}.license-category-icon{display:grid;place-items:center;width:2.25rem;height:2.25rem;flex:0 0 auto;border-radius:.7rem}.petroleum-category .license-category-icon{background:var(--license-petroleum-pale);color:var(--license-petroleum)}.water-category .license-category-icon{background:var(--license-water-pale);color:var(--license-water)}.electricity-category .license-category-icon{background:var(--license-electricity-pale);color:var(--license-electricity)}.mining-category .license-category-icon{background:var(--license-mining-pale);color:var(--license-mining)}.license-category-icon iconify-icon{display:inline-flex;align-items:center;justify-content:center;width:1.15rem;height:1.15rem;line-height:0;color:currentColor}.license-category-header h5{margin:0 0 .08rem;color:#1e293b;font-size:.92rem;font-weight:800}.license-category-header span:not(.license-category-icon){display:block;color:#82908d;font-size:.68rem;line-height:1.45}.license-services-list{display:flex;flex-direction:column;padding:.25rem .8rem .45rem}.license-service-item{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.65rem;min-height:3.9rem;padding:.65rem .15rem;border:0;border-bottom:1px solid #edf1f0;background:transparent;color:inherit;font:inherit;text-align:right}.license-services-list>:last-child{border-bottom:0}button.license-service-item{width:100%;cursor:pointer;transition:background-color .18s ease,transform .18s ease}button.license-service-item:hover:not(:disabled){z-index:1;border-radius:.65rem;background:#f2faf7;transform:translate(-2px)}button.license-service-item:focus-visible{z-index:2;border-radius:.65rem;outline:3px solid rgba(66,129,119,.22);outline-offset:1px}button.license-service-item:disabled{cursor:not-allowed}.license-service-image{display:grid;place-items:center;width:2.3rem;height:2.3rem;border-radius:.65rem;background:#f3f7f6}.license-service-image img{display:block;width:1.85rem;height:1.85rem;object-fit:contain}.license-service-image iconify-icon{display:inline-flex;align-items:center;justify-content:center;width:1.45rem;height:1.45rem;line-height:0;color:var(--citizen-primary)}.license-service-image.soon-service-icon{background:#f2f6f5}.license-service-image.soon-service-icon iconify-icon{color:#6f817d}.petroleum-category .license-service-image{background:var(--license-petroleum-soft)}.petroleum-category .license-service-image iconify-icon{color:var(--license-petroleum)}.water-category .license-service-image{background:var(--license-water-soft)}.water-category .license-service-image iconify-icon{color:var(--license-water)}.electricity-category .license-service-image{background:var(--license-electricity-soft)}.electricity-category .license-service-image iconify-icon{color:var(--license-electricity)}.mining-category .license-service-image{background:var(--license-mining-soft)}.mining-category .license-service-image iconify-icon{color:var(--license-mining)}.coming-soon-license{color:#71817e}.license-service-marker{width:.48rem;height:.48rem;margin-inline:.9rem;border:2px solid #c7d0ce;border-radius:50%;background:#fff;box-shadow:0 0 0 3px #f2f5f4}.petroleum-category .license-service-marker{border-color:#d9b76d;box-shadow:0 0 0 3px #fff8e8}.water-category .license-service-marker{border-color:#7fc3dc;box-shadow:0 0 0 3px #edf9fd}.license-service-copy{display:block;min-width:0}.license-service-copy strong,.license-service-copy small{display:block}.license-service-copy strong{overflow:hidden;color:#263632;font-size:.76rem;font-weight:750;line-height:1.5;text-overflow:ellipsis;white-space:nowrap}.license-service-copy small{overflow:hidden;margin-top:.05rem;color:#899693;font-size:.63rem;line-height:1.45;text-overflow:ellipsis;white-space:nowrap}.license-status-badge{display:inline-flex;align-items:center;justify-content:center;min-width:3.6rem;padding:.22rem .5rem;border:1px solid transparent;border-radius:999px;font-size:.61rem;font-weight:800;line-height:1.35;white-space:nowrap}.license-status-badge.available{border-color:#a7dfca;background:#eaf9f2;color:#157757}.license-status-badge.unavailable{border-color:#fecaca;background:#fef2f2;color:#b91c1c}.license-status-badge.soon{gap:.25rem;border-color:#d8e1df;background:#f3f6f5;color:#687a76}.petroleum-category .license-status-badge.soon{border-color:#cbd5e1;background:var(--license-petroleum-soft);color:var(--license-petroleum)}.water-category .license-status-badge.soon{border-color:#bae6fd;background:var(--license-water-soft);color:var(--license-water)}.electricity-category .license-status-badge.soon{border-color:#fde68a;background:var(--license-electricity-soft);color:var(--license-electricity)}.mining-category .license-status-badge.soon{border-color:#e7c9aa;background:var(--license-mining-soft);color:var(--license-mining)}.license-lock-icon{display:inline-flex;align-items:center;justify-content:center;width:.72rem;height:.72rem;flex:0 0 auto;line-height:0;color:currentColor}.unavailable-license{opacity:.68}.license-admin-actions{display:flex;gap:.35rem;padding:0 .15rem .55rem;border-bottom:1px solid #edf1f0}.license-admin-actions button{padding:.28rem .7rem;border:1px solid #cde0dc;border-radius:.45rem;background:#f5faf8;color:#33665d;font:inherit;font-size:.64rem;font-weight:700;cursor:pointer}.license-admin-actions button:hover{background:#eaf4f1}.license-admin-actions button.danger{border-color:#fecaca;background:#fef2f2;color:#b91c1c}@media(max-width:840px){.license-categories-grid{grid-template-columns:1fr}}@media(max-width:520px){.licenses-catalog{gap:.85rem;margin-inline:-.25rem;padding:.9rem .75rem;border-radius:.85rem}.licenses-catalog-heading{align-items:flex-start;flex-wrap:wrap}.licenses-catalog-back{width:100%;margin-inline-start:0}.licenses-catalog-heading-icon{width:2.35rem;height:2.35rem}.licenses-catalog-heading h4{font-size:.92rem}.licenses-catalog-heading p{font-size:.68rem}.license-category-header{padding:.75rem}.license-services-list{padding-inline:.65rem}.license-service-item{gap:.5rem;min-height:3.65rem;padding-block:.55rem}.license-service-image{width:2.1rem;height:2.1rem}.license-service-image img{width:1.65rem;height:1.65rem}.license-service-image iconify-icon{width:1.3rem;height:1.3rem}.license-service-marker{margin-inline:.78rem}.license-service-copy strong{font-size:.71rem}.license-service-copy small{font-size:.59rem}.license-status-badge{min-width:3.2rem;padding-inline:.38rem;font-size:.57rem}}.portal-modal-overlay{position:fixed;inset:0;z-index:1000;background:#0f172a99;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;padding:1rem;direction:rtl;text-align:right;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.portal-modal-box{background:#fff;border-radius:1.25rem;max-width:500px;width:100%;padding:1.75rem;box-shadow:0 25px 50px -12px #00000040;border:1px solid #e2e8f0}.portal-modal-box.small{max-width:400px}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem;padding-bottom:.75rem;border-bottom:1px solid #f1f5f9}.modal-header h3{margin:0;font-size:1.15rem;font-weight:800;color:#0f172a}.modal-close-x{background:#f1f5f9;border:none;border-radius:.4rem;padding:.35rem .6rem;font-size:.9rem;cursor:pointer;color:#64748b}.modal-alert-success{background:#f0fdf4;border:1px solid #bbf7d0;color:#166534;padding:.75rem 1rem;border-radius:.6rem;margin-bottom:1rem;font-size:.85rem}.modal-alert-danger{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:.75rem 1rem;border-radius:.6rem;margin-bottom:1rem;font-size:.85rem}.modal-form-body{display:flex;flex-direction:column;gap:.85rem}.modal-field label{display:block;font-size:.825rem;font-weight:700;color:#334155;margin-bottom:.25rem}.modal-field input{width:100%;padding:.65rem .85rem;border:1px solid #cbd5e1;border-radius:.6rem;font-size:.9rem;box-sizing:border-box}.modal-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.modal-field.confirm-pass{border-top:1px solid #f1f5f9;padding-top:.75rem;margin-top:.25rem}.modal-actions{display:flex;justify-content:flex-end;gap:.6rem;margin-top:1.5rem}.btn-modal-cancel{background:#f1f5f9;color:#475569;border:1px solid #cbd5e1;padding:.6rem 1.25rem;border-radius:.65rem;font-weight:700;font-size:.875rem;cursor:pointer}.btn-modal-submit{background:var(--citizen-primary);color:#fff;border:none;padding:.6rem 1.5rem;border-radius:.65rem;font-weight:700;font-size:.875rem;cursor:pointer}.btn-modal-danger{background:#ef4444;color:#fff;border:none;padding:.6rem 1.5rem;border-radius:.65rem;font-weight:700;font-size:.875rem;cursor:pointer}.logout-title{margin:0 0 .5rem;font-size:1.15rem;font-weight:800;color:#0f172a}.logout-desc{font-size:.875rem;color:#64748b;margin-bottom:1.25rem;line-height:1.6}@media(max-width:1024px){.portal-main-wrapper{margin-inline-start:0}.portal-sidebar{right:0;transform:translate(100%)}.portal-sidebar.open{transform:translate(0)}.sidebar-close-btn,.hamburger-btn{display:flex}}@media(max-width:768px){.portal-hero-banner{flex-direction:column;align-items:flex-start;padding:1.5rem}.hero-stats-cards{width:100%}.stat-mini-card{flex:1}.admin-header-row{flex-direction:column;align-items:flex-start}.admin-add-btn{width:100%}.form-grid{grid-template-columns:1fr}.form-field.full-width{grid-column:span 1}.user-name-box,.sso-status-pill{display:none}}.service-modal-box-pro{max-width:720px;width:95%;max-height:88vh;padding:0;border-radius:1.5rem;overflow:hidden;position:relative;background:#fff;box-shadow:0 25px 50px -12px #0f172a40;border:1px solid rgba(226,232,240,.8);display:flex;flex-direction:column}.service-modal-close-float{position:absolute;top:1rem;left:1rem;z-index:50;width:36px;height:36px;border-radius:50%;background:#ffffffd9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(226,232,240,.6);color:#334155;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #00000014}.service-modal-close-float:hover{background:#fff;color:#ef4444;transform:scale(1.05)}.service-modal-loading{padding:4rem 2rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;color:#64748b;font-weight:600}.service-loading-spinner{width:40px;height:40px;border:3px solid #e2e8f0;border-top-color:var(--citizen-primary);border-radius:50%;animation:spin .8s linear infinite}.service-modal-inner{display:flex;flex-direction:column;overflow-y:auto;max-height:88vh}.service-pro-cover{position:relative;width:100%;height:200px;background:linear-gradient(135deg,#1e293b,#0f172a);overflow:hidden}.service-pro-img{width:100%;height:100%;object-fit:cover;opacity:.85}.service-pro-overlay{position:absolute;inset:0;background:linear-gradient(to top,#0f172aeb,#0f172a4d 60%,#0f172a1a);display:flex;flex-direction:column;justify-content:flex-end;padding:1.5rem 2rem;direction:rtl;text-align:right}.service-pro-badge{align-self:flex-start;background:#10b98133;border:1px solid rgba(16,185,129,.5);color:#34d399;font-size:.725rem;font-weight:700;padding:.25rem .65rem;border-radius:2rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);margin-bottom:.5rem}.service-pro-title{color:#fff;font-size:1.5rem;font-weight:800;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.3)}.service-pro-body{padding:1.75rem 2rem;display:flex;flex-direction:column;gap:1.5rem;direction:rtl;text-align:right}.service-info-cards-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.85rem}.service-info-mini-card{display:flex;align-items:center;gap:.85rem;padding:.85rem 1rem;background:#f8fafc;border:1px solid #f1f5f9;border-radius:1rem;transition:all .2s ease}.service-info-mini-card:hover{background:#fff;border-color:#e2e8f0;box-shadow:0 4px 12px #00000008}.mini-card-icon{width:40px;height:40px;border-radius:.75rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.mini-card-icon.cost-icon{background:#ecfdf5;color:#059669}.mini-card-icon.time-icon{background:#eff6ff;color:#2563eb}.mini-card-icon.channel-icon{background:#f5f3ff;color:#7c3aed}.mini-card-meta{display:flex;flex-direction:column}.mini-label{font-size:.7rem;color:#64748b;font-weight:600}.mini-value{font-size:.875rem;font-weight:800;color:#0f172a}.mini-value.highlight{color:#059669}.service-pro-overview{background:#f0fdf4;border-right:4px solid var(--citizen-primary);padding:.85rem 1.25rem;border-radius:0 .75rem .75rem 0;color:#166534;font-size:.9rem;line-height:1.6}.service-content-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}@media(max-width:640px){.service-content-grid{grid-template-columns:1fr}}.service-feature-card{background:#fff;border:1px solid #e2e8f0;border-radius:1.15rem;padding:1.25rem;display:flex;flex-direction:column;box-shadow:0 2px 8px #00000005}.feature-card-header{display:flex;align-items:center;gap:.65rem;margin-bottom:.85rem;padding-bottom:.65rem;border-bottom:1px solid #f1f5f9}.feature-icon-badge{width:26px;height:26px;border-radius:50%;background:var(--citizen-primary);color:#fff;font-weight:800;font-size:.8rem;display:flex;align-items:center;justify-content:center}.feature-icon-badge.req{background:#0284c7}.feature-card-header h4{margin:0;font-size:.925rem;font-weight:800;color:#0f172a}.feature-card-body.html-styled{font-size:.9rem;color:#334155;line-height:1.8}.feature-card-body.html-styled p:empty,.feature-card-body.html-styled p:blank{display:none!important}.feature-card-body.html-styled ol{list-style:none;counter-reset:step-counter;padding:0;margin:0;display:flex;flex-direction:column;gap:.6rem}.feature-card-body.html-styled ol li{counter-increment:step-counter;position:relative;display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;border-radius:.6rem;font-weight:500;color:#1e293b;background:#f8fafc;border:1px solid #f1f5f9;font-size:.875rem}.feature-card-body.html-styled ol li:before{content:counter(step-counter);flex-shrink:0;width:22px;height:22px;background:#e2e8f0;color:#475569;font-size:.75rem;font-weight:700;border-radius:50%;display:flex;align-items:center;justify-content:center}.feature-card-body.html-styled ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.6rem}.feature-card-body.html-styled ul li{position:relative;display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;border-radius:.6rem;font-weight:500;color:#1e293b;background:#f8fafc;border:1px solid #f1f5f9;font-size:.875rem}.feature-card-body.html-styled ul li:before{content:"\2713";flex-shrink:0;width:20px;height:20px;background:#ecfdf5;color:#059669;font-size:.75rem;font-weight:800;border-radius:50%;display:flex;align-items:center;justify-content:center}.feature-card-body.html-styled p{margin:.4rem 0;color:#475569}.feature-icon-badge{display:none}.service-pro-footer{position:sticky;bottom:0;background:#fff;border-top:1px solid #e2e8f0;padding:1rem 2rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;z-index:20;box-shadow:0 -4px 15px #00000008}.btn-pro-outline{background:#fff;border:1px solid #cbd5e1;color:#475569;padding:.65rem 1.4rem;border-radius:.75rem;font-weight:700;font-size:.875rem;cursor:pointer;transition:all .2s ease}.btn-pro-outline:hover{background:#f8fafc;border-color:#94a3b8;color:#0f172a}.btn-pro-primary{display:inline-flex;align-items:center;gap:.6rem;background:var(--citizen-primary);color:#fff;border:none;padding:.65rem 1.5rem;border-radius:.75rem;font-weight:800;font-size:.875rem;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #2d6a5c40}.btn-pro-primary:hover{background:var(--citizen-primary-dark);box-shadow:0 6px 16px #2d6a5c59;transform:translateY(-1px)}.portal-modal-box.info-modal-box{max-width:800px;width:95%;max-height:88vh;padding:0;border-radius:1.5rem;overflow:hidden;background:#fff;box-shadow:0 25px 50px -12px #0f172a40;border:1px solid rgba(226,232,240,.8);position:relative;display:flex;flex-direction:column}.info-modal-scrollable{overflow-y:auto;max-height:88vh;display:flex;flex-direction:column}.info-modal-header-banner{padding:2.25rem 2rem 1.75rem;background:linear-gradient(135deg,#1e293b,#0f172a);color:#fff;direction:rtl;text-align:right;border-bottom:3px solid var(--citizen-primary)}.info-modal-header-banner.about{background:linear-gradient(135deg,#134e4a,#042f2e);border-bottom-color:#2dd4bf}.info-banner-badge{display:inline-block;background:#ffffff1f;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.2);color:#94a3b8;font-size:.725rem;font-weight:700;padding:.25rem .65rem;border-radius:2rem;margin-bottom:.65rem}.info-modal-header-banner.about .info-banner-badge{color:#5eead4;background:#2dd4bf26;border-color:#2dd4bf4d}.info-banner-title{margin:0 0 .4rem;font-size:1.6rem;font-weight:800;color:#fff}.info-banner-subtitle{margin:0;font-size:.875rem;color:#cbd5e1;line-height:1.5}.info-featured-img-wrap{width:100%;max-height:260px;overflow:hidden;background:#f1f5f9;border-bottom:1px solid #e2e8f0}.info-featured-img{width:100%;height:260px;object-fit:cover}.info-modal-body-content{padding:2rem 2.25rem;direction:rtl;text-align:right;color:#334155;line-height:1.9}.info-html-rendered h2{font-size:1.15rem;font-weight:800;color:var(--citizen-primary-dark);margin:1.75rem 0 .65rem;padding-bottom:.35rem;border-bottom:1px solid #f1f5f9}.info-html-rendered h2:first-child{margin-top:0}.info-html-rendered p{margin-bottom:.85rem;font-size:.925rem;color:#475569}.info-html-rendered img{max-width:100%;height:auto;border-radius:.75rem;margin:1rem 0}.info-html-rendered strong{color:#0f172a}.info-related-section{padding:1.5rem 2.25rem 2rem;background:#f8fafc;border-top:1px solid #e2e8f0;direction:rtl;text-align:right}.related-section-title{margin:0 0 1rem;font-size:1rem;font-weight:800;color:#0f172a}.related-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}.related-card{background:#fff;border:1px solid #e2e8f0;border-radius:.875rem;padding:1rem;box-shadow:0 2px 6px #00000005}.related-item-title{margin:0 0 .5rem;font-size:.9rem;font-weight:700;color:var(--citizen-primary)}.related-item-snippet{font-size:.825rem;color:#64748b;line-height:1.6;max-height:120px;overflow:hidden}.btn-pro-outline.full-width{width:100%;text-align:center}.portal-page-footer-fixed{position:fixed;bottom:0;left:0;right:0;z-index:25;background:#ffffffeb;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-top:1px solid #e2e8f0;padding:.75rem 1.5rem;box-shadow:0 -4px 15px #00000008;display:flex;justify-content:center}@media(min-width:1025px){.portal-page-footer-fixed{right:280px}}.portal-content-body{padding-bottom:5rem!important}.footer-content-wrap{max-width:1200px;width:100%;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;direction:rtl}.footer-copyright-text{font-size:.825rem;color:#475569;font-weight:500}.footer-ministry-link{color:var(--citizen-primary);font-weight:700;text-decoration:none;transition:color .2s ease}.footer-ministry-link:hover{color:var(--citizen-primary-dark);text-decoration:underline}.footer-bottom-links{display:flex;align-items:center;gap:.75rem}.footer-bottom-links a{font-size:.775rem;color:#64748b;text-decoration:none;font-weight:500;transition:color .2s ease}.footer-bottom-links a:hover{color:var(--citizen-primary);text-decoration:underline}.footer-dot{color:#cbd5e1;font-size:.8rem}@media(max-width:768px){.footer-content-wrap{flex-direction:column;align-items:center;text-align:center;gap:.4rem}.portal-content-body{padding-bottom:6.5rem!important}}.gateway-login-card,.gateway-auth-shell .citizen-auth-card{position:relative;z-index:3;border-color:#edebe0c2;background:linear-gradient(135deg,#ffffffe6,#edebe0bd);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.gateway-auth-brand{isolation:isolate;background:radial-gradient(circle at 15% 15%,rgba(255,255,255,.78) 0%,transparent 28%),radial-gradient(ellipse 50% 32% at 7% 94%,rgba(107,31,42,.44) 0%,rgba(107,31,42,.24) 38%,rgba(107,31,42,.1) 58%,transparent 76%),linear-gradient(135deg,#f6edda,#e7eee7 48%,#f0e2c9)}.gateway-auth-brand:before{inset:34% auto auto -25%;width:50%;height:32%;border-radius:50%;background:radial-gradient(circle,rgba(54,132,116,.46) 0%,rgba(66,129,119,.2) 38%,transparent 72%);filter:blur(24px);z-index:0;pointer-events:none;will-change:transform,opacity;animation:gateway-green-spotlight-travel 8s ease-in-out infinite alternate}.gateway-auth-brand:after{content:"";position:absolute;inset:34% -25% auto auto;width:50%;height:32%;border-radius:50%;background:radial-gradient(circle,rgba(190,127,49,.4) 0%,rgba(211,159,81,.18) 38%,transparent 72%);filter:blur(26px);z-index:0;pointer-events:none;will-change:transform,opacity;animation:gateway-amber-spotlight-travel 10s ease-in-out -2.5s infinite alternate}.gateway-auth-shell{position:relative;isolation:isolate;overflow:hidden;gap:0;padding:0;background:radial-gradient(circle at 15% 15%,rgba(255,255,255,.78) 0%,transparent 28%),linear-gradient(135deg,#f6edda,#e7eee7 48%,#f0e2c9)}.gateway-auth-shell:before,.gateway-auth-shell:after{content:"";position:absolute;border-radius:50%;filter:blur(24px);pointer-events:none;z-index:0;will-change:transform,opacity}.gateway-auth-shell:before{top:34%;left:-25%;width:50%;height:32%;background:radial-gradient(circle,rgba(54,132,116,.46) 0%,rgba(66,129,119,.2) 38%,transparent 72%);animation:gateway-green-spotlight-travel 8s ease-in-out infinite alternate}.gateway-auth-shell:after{top:34%;right:-25%;bottom:auto;width:50%;height:32%;background:radial-gradient(circle,rgba(190,127,49,.4) 0%,rgba(211,159,81,.18) 38%,transparent 72%);animation:gateway-amber-spotlight-travel 10s ease-in-out -2.5s infinite alternate}.gateway-auth-shell>.citizen-auth-side-form,.gateway-auth-shell>.gateway-auth-brand{position:relative;z-index:1}.gateway-auth-shell>.citizen-auth-side-form{z-index:2;min-height:100vh}.gateway-auth-shell>.gateway-auth-brand{min-height:100vh;margin:0;border-radius:0;background:transparent}.gateway-auth-shell>.citizen-auth-side-form:before{content:"";position:absolute;inset:auto auto -7% -114%;width:58%;height:20%;border-radius:50%;background:radial-gradient(ellipse at center,rgba(107,31,42,.38) 0%,rgba(107,31,42,.2) 38%,rgba(107,31,42,.08) 58%,transparent 76%);filter:blur(24px);z-index:0;pointer-events:none;will-change:transform,opacity;animation:gateway-umber-pulse 4.8s ease-in-out infinite}.gateway-auth-shell>.gateway-auth-brand:before,.gateway-auth-shell>.gateway-auth-brand:after{content:none}@keyframes gateway-green-spotlight-travel{0%{transform:translateZ(0) scale(.94);opacity:.76}32%{transform:translate3d(0,-96%,0) scale(1);opacity:.9}52%{transform:translate3d(16%,-142%,0) scale(1.05);opacity:1}76%{transform:translate3d(62%,-156%,0) scale(1.08);opacity:1}to{transform:translate3d(108%,-150%,0) scale(.98);opacity:.82}}@keyframes gateway-amber-spotlight-travel{0%{transform:translate3d(-108%,150%,0) scale(.98);opacity:.82}25%{transform:translate3d(-62%,156%,0) scale(1.08);opacity:1}50%{transform:translate3d(-16%,142%,0) scale(1.05);opacity:1}70%{transform:translate3d(0,96%,0) scale(1);opacity:.9}to{transform:translateZ(0) scale(.94);opacity:.76}}@keyframes gateway-umber-pulse{0%,to{transform:scale(.94);opacity:.62}50%{transform:scale(1.06);opacity:.9}}.gateway-register-card{max-width:720px;padding:clamp(1.15rem,2.2vh,1.75rem) clamp(1.25rem,2.4vw,2rem)}.gateway-register-card .citizen-auth-title{margin-bottom:.2rem;font-size:clamp(1.45rem,2.8vh,1.75rem)}.gateway-register-card .citizen-auth-subtitle{margin:0 0 clamp(.55rem,1.3vh,.9rem)}.gateway-register-card .citizen-notice-box{margin-bottom:clamp(.55rem,1.3vh,.9rem);padding:.6rem .85rem;font-size:.78rem;line-height:1.45}.gateway-register-card .citizen-grid-2{gap:clamp(.5rem,1.1vh,.75rem) 1rem}.gateway-register-card .citizen-form-group{margin-bottom:0}.gateway-register-card .citizen-label{margin-bottom:.3rem}.gateway-register-card .citizen-input{padding-block:.625rem}.gateway-register-card .citizen-grid-2+.citizen-btn,.gateway-register-card form>.citizen-btn{margin-top:clamp(.65rem,1.4vh,.95rem)!important}.gateway-register-card>div:last-child{margin-top:clamp(.65rem,1.4vh,.95rem)!important}.gateway-auth-content{width:min(100%,520px)}.gateway-brand-eyebrow{display:inline-flex;align-items:center;gap:.5rem;margin-bottom:1.1rem;padding:.48rem .75rem;border:1px solid rgba(66,129,119,.18);border-radius:999px;background:#ffffff94;color:var(--citizen-primary-dark);font-size:.8rem;font-weight:700;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.gateway-brand-eyebrow svg{width:1rem;height:1rem;flex:0 0 auto}.gateway-auth-content .citizen-auth-brand-logo{width:min(100%,370px);max-height:82px;margin-bottom:1.25rem;filter:drop-shadow(0 10px 18px rgba(42,73,67,.14))}.gateway-auth-content .citizen-auth-brand-title{margin-top:0;margin-bottom:.55rem;color:#315f58;font-size:clamp(1.75rem,3vw,2.2rem);line-height:1.3}.gateway-auth-content .citizen-auth-brand-text{max-width:500px;margin-top:0;margin-bottom:1rem;color:#52625f;font-size:.98rem;line-height:1.75}.gateway-app-card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1rem;padding:1rem;border:1px solid rgba(255,255,255,.2);border-radius:1rem;background:linear-gradient(135deg,#376a62,#244e48);box-shadow:0 18px 36px -24px #244e48cc;color:#fff}.gateway-app-summary{display:flex;align-items:center;min-width:0;gap:.75rem}.gateway-app-icon{display:grid;place-items:center;width:2.75rem;height:2.75rem;flex:0 0 auto;border:1px solid rgba(255,255,255,.2);border-radius:.8rem;background:#ffffff1c}.gateway-app-icon svg{width:1.35rem;height:1.35rem}.gateway-app-label,.gateway-app-title,.gateway-app-description{display:block}.gateway-app-label{margin-bottom:.12rem;color:#dcece9;font-size:.7rem;font-weight:600}.gateway-app-title{margin-bottom:.08rem;font-size:.9rem;line-height:1.45}.gateway-app-description{color:#ffffffb3;font-size:.68rem}.gateway-app-download{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;min-height:3.1rem;padding:.55rem .85rem;border:1px solid rgba(255,255,255,.55);border-radius:.78rem;background:#fff;color:#315f58;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease}.gateway-app-download:hover{transform:translateY(-2px);background:#f8fffd;box-shadow:0 10px 20px -12px #0000008c}.gateway-app-download:focus-visible{outline:3px solid rgba(255,255,255,.55);outline-offset:3px}.gateway-app-download svg{width:1.15rem;height:1.15rem;flex:0 0 auto}.gateway-app-download strong,.gateway-app-download small{display:block;white-space:nowrap}.gateway-app-download strong{font-size:.78rem;line-height:1.35}.gateway-app-download small{margin-top:.08rem;color:#71827e;font-size:.62rem}.gateway-download-note{display:flex;align-items:center;gap:.4rem;margin:.65rem 0 0;color:#63736f;font-size:.7rem;font-weight:700}.gateway-download-note svg{width:.88rem;height:.88rem;color:var(--citizen-primary)}@media(min-width:768px)and (max-width:1100px){.gateway-auth-shell>.citizen-auth-side-form{padding:1rem}.gateway-auth-shell .citizen-auth-card{padding:1.35rem;border-radius:1rem}.gateway-auth-shell .citizen-auth-title{margin-bottom:.3rem;font-size:1.45rem}.gateway-auth-shell .citizen-auth-subtitle{margin-bottom:1.15rem;font-size:.84rem}.gateway-auth-shell .citizen-form-group{margin-bottom:.9rem}.gateway-auth-shell .citizen-label{margin-bottom:.35rem;font-size:.79rem}.gateway-auth-shell .citizen-input{padding:.7rem .9rem;border-radius:.75rem;font-size:.84rem}.gateway-auth-shell .citizen-btn{gap:.5rem;padding:.72rem 1rem;font-size:.88rem}.gateway-auth-shell .citizen-error-msg{font-size:.72rem}.gateway-auth-shell .gateway-register-card .citizen-auth-subtitle{margin-bottom:.35rem}.gateway-auth-shell .gateway-register-card .citizen-form-group{margin-bottom:0}.gateway-auth-shell .gateway-register-card{padding:.85rem 1rem}.gateway-auth-shell .gateway-register-card .citizen-auth-title{margin-bottom:.1rem;font-size:1.3rem}.gateway-auth-shell .gateway-register-card .citizen-auth-subtitle{font-size:.72rem}.gateway-auth-shell .gateway-register-card .citizen-grid-2{gap:.35rem .7rem}.gateway-auth-shell .gateway-register-card .citizen-label{margin-bottom:.18rem;font-size:.72rem}.gateway-auth-shell .gateway-register-card .citizen-input{padding:.5rem .7rem;font-size:.76rem}.gateway-register-card .citizen-notice-box{padding:.4rem .6rem;margin-bottom:.4rem;font-size:.64rem;line-height:1.3}.gateway-register-card .citizen-form-group.col-span-2>div:first-child{margin-bottom:.1rem!important}.gateway-register-card .citizen-form-group.col-span-2>div:first-child button{font-size:.68rem!important}.gateway-register-card .citizen-form-group.col-span-2>div:first-child+div{margin-bottom:.2rem!important;font-size:.62rem!important;line-height:1.25}.gateway-auth-shell .gateway-register-card form>.citizen-btn{margin-top:.45rem!important;padding-block:.58rem;font-size:.8rem}.gateway-auth-shell .gateway-register-card>div:last-child{margin-top:.45rem!important;font-size:.76rem!important}}@media(max-width:900px){.gateway-auth-brand{padding:2rem}.gateway-app-card{grid-template-columns:1fr}.gateway-app-download{width:100%}}@media(max-width:767px){.gateway-auth-shell{gap:0}.gateway-auth-shell>.citizen-auth-side-form,.gateway-auth-shell>.gateway-auth-brand{min-height:auto;box-shadow:none}.gateway-auth-shell>.citizen-auth-side-form{padding:1rem .75rem}.gateway-auth-shell>.citizen-auth-side-form:before{bottom:-4%;left:-14%}.gateway-auth-shell .citizen-auth-card{padding:1.25rem 1rem;border-radius:1rem;box-shadow:none}.gateway-auth-brand{padding:1rem .75rem}.gateway-auth-content{width:min(100%,500px)}.gateway-brand-eyebrow{gap:.35rem;margin-bottom:.65rem;padding:.35rem .55rem;font-size:.68rem}.gateway-brand-eyebrow svg{width:.8rem;height:.8rem}.gateway-auth-content .citizen-auth-brand-logo{width:min(100%,260px);max-height:54px;margin-bottom:.65rem}.gateway-auth-content .citizen-auth-brand-title{margin-bottom:.35rem;font-size:1.35rem}.gateway-auth-content .citizen-auth-brand-text{margin-bottom:.7rem;font-size:.8rem;line-height:1.55}.gateway-app-card{gap:.6rem;padding:.65rem;border-radius:.8rem}.gateway-app-summary{gap:.55rem}.gateway-app-icon{width:2.25rem;height:2.25rem;border-radius:.65rem}.gateway-app-icon svg{width:1.1rem;height:1.1rem}.gateway-app-label{font-size:.62rem}.gateway-app-title{font-size:.78rem}.gateway-app-description{font-size:.6rem}.gateway-app-download{min-height:2.5rem;padding:.4rem .65rem;border-radius:.65rem}.gateway-app-download strong{font-size:.7rem}.gateway-app-download small{font-size:.56rem}.gateway-download-note{margin-top:.45rem;font-size:.62rem}.gateway-auth-shell .citizen-auth-title{margin-bottom:.3rem;font-size:1.3rem}.gateway-auth-shell .citizen-auth-subtitle{margin-bottom:1rem;font-size:.76rem}.gateway-auth-shell .citizen-form-group{margin-bottom:.8rem}.gateway-auth-shell .citizen-label{margin-bottom:.3rem;font-size:.74rem}.gateway-auth-shell .citizen-input{padding:.65rem .85rem;border-radius:.7rem;font-size:.78rem}.gateway-auth-shell .citizen-btn{gap:.45rem;padding:.7rem 1rem;border-radius:.65rem;font-size:.8rem}.gateway-auth-shell .citizen-error-msg{margin-top:.25rem;font-size:.7rem}.gateway-register-card .citizen-notice-box{padding:.5rem .65rem;border-radius:.6rem;font-size:.7rem;line-height:1.4}.gateway-auth-shell .gateway-register-card .citizen-auth-subtitle{margin-bottom:.6rem}.gateway-auth-shell .gateway-register-card .citizen-form-group{margin-bottom:0}}@media(max-width:420px){.gateway-auth-shell>.citizen-auth-side-form{padding-inline:.5rem}.gateway-auth-shell .citizen-auth-card,.gateway-login-card{padding:.9rem .7rem}.gateway-brand-eyebrow{font-size:.64rem}.gateway-app-card{padding:.6rem}}@keyframes authCardEnter{0%{opacity:0;transform:translateY(18px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes authContentEnter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes dashboardSurfaceEnter{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes dashboardChromeEnter{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.gateway-auth-shell .citizen-auth-card{animation:authCardEnter .55s cubic-bezier(.22,1,.36,1) both}.gateway-auth-content>*{animation:authContentEnter .5s cubic-bezier(.22,1,.36,1) backwards}.gateway-auth-content>:nth-child(2){animation-delay:.07s}.gateway-auth-content>:nth-child(3){animation-delay:.14s}.gateway-auth-content>:nth-child(4){animation-delay:.21s}.gateway-auth-content>:nth-child(n+5){animation-delay:.28s}.gateway-auth-shell .citizen-form-group{animation:authContentEnter .42s ease-out .12s backwards}.portal-top-navbar,.sidebar-header,.sidebar-user-card,.sidebar-nav-container,.sidebar-footer{animation:dashboardChromeEnter .42s ease-out backwards}.sidebar-user-card{animation-delay:.06s}.sidebar-nav-container{animation-delay:.1s}.sidebar-footer{animation-delay:.14s}.portal-hero-banner,.section-title-bar,.platforms-grid .portal-card,.license-category-card{animation:dashboardSurfaceEnter .48s cubic-bezier(.22,1,.36,1) backwards}.section-title-bar{animation-delay:.06s}.platforms-grid .portal-card:nth-child(2),.license-category-card:nth-child(2){animation-delay:.08s}.platforms-grid .portal-card:nth-child(3),.license-category-card:nth-child(3){animation-delay:.14s}.platforms-grid .portal-card:nth-child(n+4),.license-category-card:nth-child(n+4){animation-delay:.2s}.portal-card{transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}.portal-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px -20px #0f172a8c}.sidebar-menu-item:hover{transform:translate(-2px)}.license-category-icon,.license-service-image{transition:transform .2s ease}.license-category-card:hover .license-category-icon,.license-service-item:hover .license-service-image{transform:translateY(-2px) scale(1.035)}@media(prefers-reduced-motion:reduce){.gateway-auth-brand,.gateway-auth-brand:before,.gateway-auth-brand:after,.gateway-auth-shell:before,.gateway-auth-shell:after,.gateway-auth-shell>.citizen-auth-side-form:before,.gateway-auth-shell .citizen-auth-card,.gateway-auth-content>*,.gateway-auth-shell .citizen-form-group,.portal-top-navbar,.sidebar-header,.sidebar-user-card,.sidebar-nav-container,.sidebar-footer,.portal-hero-banner,.section-title-bar,.platforms-grid .portal-card,.license-category-card{animation:none!important}.gateway-app-download,.portal-card,.sidebar-menu-item,.license-category-icon,.license-service-image{transition:none!important;transform:none!important}}::selection{background-color:var(--citizen-primary);color:#fff;text-shadow:none}::-moz-selection{background-color:var(--citizen-primary);color:#fff;text-shadow:none}html{scrollbar-width:thin;scrollbar-color:#428177 #eef4f2}html::-webkit-scrollbar{width:10px}html::-webkit-scrollbar-track{background:#eef4f2}html::-webkit-scrollbar-thumb{background:#428177;border-radius:999px;border:2px solid #eef4f2}html::-webkit-scrollbar-thumb:hover{background:#376a62}