:root{--bg:#f5f6f7;--surface:#fff;--text:#141414;--muted:#71767b;--line:#e7e9ec;--blue:#158ce7;--blue-soft:#eef6fd;--green:#22b95c;--red:#eb3349;--amber:#f2a800;--radius:11px}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Arial,"Helvetica Neue",sans-serif;background:var(--bg);color:var(--text)}body{font-size:14px}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:214px;background:#fff;border-right:1px solid var(--line);display:flex;flex-direction:column;z-index:50}.brand{height:61px;display:flex;align-items:center;gap:11px;padding:0 18px;border-bottom:1px solid var(--line)}.menu-symbol{font-size:18px;color:var(--blue);line-height:1}.brand-name b{font-size:26px;letter-spacing:-1.4px;font-weight:800}.sidebar-scroll{padding:12px 13px;overflow:auto;flex:1}.sidebar nav{display:grid;gap:2px}.sidebar nav a{display:flex;align-items:center;gap:11px;min-height:34px;padding:7px 10px;border-radius:13px;text-decoration:none;color:#111;font-size:12px;font-weight:600}.sidebar nav a:hover{background:#f5f8fa}.sidebar nav a.active{background:#eaf3fa}.nav-ico{width:19px;height:19px;display:grid;place-items:center}.nav-ico svg,.sidebar-help svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.sidebar-help{height:47px;border-top:1px solid var(--line);padding:0 16px;display:flex;align-items:center;gap:9px;font-size:12px}.sidebar-help span{width:16px;height:16px}.sidebar-help a{text-decoration:none;color:#111}.sidebar-help .help-link{margin-left:auto;color:#2389d8}.main{margin-left:214px;width:calc(100% - 214px);min-height:100vh}.topbar{height:61px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 20px;position:sticky;top:0;z-index:40}.top-actions{display:flex;align-items:center;gap:11px;color:#127ecb;font-size:12px}.branch{display:flex;align-items:center;gap:7px}.cart{font-size:18px}.user-avatar{width:28px;height:28px;border-radius:50%;background:#62a966;color:#fff;display:grid;place-items:center;font-size:11px;font-weight:700}.user-name{font-size:12px;color:#147fca}.down{font-size:11px}.logout{text-decoration:none;color:#137fca;font-size:16px;margin-left:4px}.page{padding:20px 20px 34px}.page-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:18px}.page-head h1{margin:0 0 5px;font-size:24px}.page-head p{margin:0;color:var(--muted)}.dashboard-welcome{background:#fff;border:1px solid var(--line);border-radius:11px;padding:20px;margin-bottom:16px}.dashboard-welcome h1{font-size:18px;margin:0 0 20px}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.quick-action{height:88px;border:1.5px solid #258fe5;border-radius:10px;text-decoration:none;color:#187dca;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;font-size:12px;position:relative;background:#fff}.quick-action .qicon{font-size:27px;color:#75afe0}.quick-action .bubble{position:absolute;right:7px;top:-7px;min-width:21px;height:17px;padding:0 5px;border-radius:9px;background:#c80018;color:#fff;font-size:10px;display:grid;place-items:center}.grid{display:grid;gap:16px}.dashboard-kpis{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:16px}.card{background:#fff;border:1px solid var(--line);border-radius:11px;padding:18px;box-shadow:none}.kpi{min-height:164px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.kpi .label{font-size:12px;margin-bottom:15px}.kpi .value{font-size:28px;line-height:1;font-weight:700;margin-bottom:10px}.kpi .trend{font-size:11px;line-height:1.45}.trend .up{color:var(--green);font-weight:700}.trend .down{color:var(--red);font-weight:700}.section-grid,.section-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}.section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.section-title h2{margin:0;font-size:18px}.section-title a,.section-title .link{font-size:11px;color:#167fca;text-decoration:none}.chart-wrap{height:255px}.line-chart{width:100%;height:100%}.chart-axis{stroke:#e4e7ea;stroke-width:1}.chart-line-orange{fill:none;stroke:#168fe9;stroke-width:2.5}.chart-line-black{fill:none;stroke:#47b4db;stroke-width:2}.chart-label{font-size:9px;fill:#72777c}.legend{display:flex;gap:14px;font-size:10px;color:#72777c}.legend span{display:flex;align-items:center;gap:5px}.dot{width:7px;height:7px;border-radius:2px;display:inline-block}.dot.orange{background:#168fe9}.dot.black{background:#47b4db}.donut-wrap{display:flex;align-items:center;justify-content:center;gap:24px;height:255px}.donut{width:155px;height:155px;border-radius:50%;position:relative}.donut:after{content:"";position:absolute;inset:32px;background:#fff;border-radius:50%}.donut-legend{display:grid;gap:10px;font-size:11px}.donut-legend .row{display:flex;align-items:center;gap:8px}.progress-list{display:grid;gap:16px}.progress-row{display:grid;grid-template-columns:120px 1fr 35px;gap:12px;align-items:center;font-size:11px}.progress-track{height:11px;background:#edf0f2;border-radius:3px;overflow:hidden}.progress-fill{height:100%;background:#168fe9}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid transparent;border-radius:6px;padding:9px 13px;text-decoration:none;cursor:pointer;font-weight:600;font-size:12px;background:#222;color:#fff}.btn-primary{background:#168fe9}.btn-danger{background:#dc3545}.btn-light,.btn-soft{background:#fff;color:#333;border-color:#d8dde2}.actions{display:flex;gap:7px;flex-wrap:wrap}.alert{padding:11px 13px;border-radius:7px;margin-bottom:14px}.alert.success{background:#ecfdf3;color:#157347}.alert.error{background:#fff0f1;color:#b42318}.table-card{padding:0;overflow:hidden}.table-toolbar{min-height:61px;padding:12px 16px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse;background:#fff}.table th,.table td{padding:12px 14px;text-align:left;border-bottom:1px solid #edf0f2;font-size:12px;vertical-align:middle}.table th{font-size:10px;color:#70757a;font-weight:700;background:#fbfcfc;text-transform:none}.member-cell{display:flex;align-items:center;gap:9px}.member-avatar{width:31px;height:31px;border-radius:50%;background:#e8f3fb;color:#167fca;display:grid;place-items:center;font-size:10px;font-weight:700}.status-dot,.badge{display:inline-flex;align-items:center;border-radius:20px;padding:4px 8px;font-size:10px;background:#eaf8ef;color:#18884a}.status-dot.inactive{background:#fff0f1;color:#d22538}.badge-yellow{background:#fff7df;color:#9b6a00}.search-box{min-width:250px;position:relative}.search-box input,.form-control,select,textarea,input[type=text],input[type=email],input[type=number],input[type=date],input[type=password],input[type=tel]{width:100%;border:1px solid #dce0e4;background:#fff;border-radius:6px;padding:9px 10px;font:inherit;outline:none}.search-box input:focus,.form-control:focus,select:focus,textarea:focus,input:focus{border-color:#168fe9;box-shadow:0 0 0 2px rgba(22,143,233,.08)}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.form-group label{display:block;font-size:11px;font-weight:700;margin-bottom:6px}.muted{color:var(--muted)}.login-page{min-height:100vh;background:#f4f7f9;display:grid;place-items:center;padding:30px}.login-panel{width:min(430px,95vw)}.login-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:32px}.login-card h1{margin:0 0 8px}.login-card>p{color:var(--muted);margin:0 0 22px}.login-card .btn{width:100%;background:#168fe9}.login-visual{display:none}.login-hint{margin-top:15px;background:#f6f8fa;border-radius:7px;padding:10px;font-size:11px;color:#70757a}.print-only{display:none}@media(max-width:1100px){.quick-grid,.dashboard-kpis{grid-template-columns:repeat(2,1fr)}.section-grid,.section-grid-2{grid-template-columns:1fr}}@media(max-width:760px){.sidebar{transform:translateX(-100%)}.main{margin-left:0;width:100%}.quick-grid,.dashboard-kpis,.form-grid{grid-template-columns:1fr}.page{padding:14px}.topbar{padding:0 12px}.branch,.user-name{display:none}}@media print{.sidebar,.topbar,.no-print{display:none!important}.main{margin:0;width:100%}.page{padding:0}.card{border:0}.print-only{display:block}}

/* Member actions dropdown */
.member-actions{align-items:center;flex-wrap:nowrap}.action-menu{position:relative}.action-menu>summary{list-style:none;min-width:34px;padding:9px 11px}.action-menu>summary::-webkit-details-marker{display:none}.action-menu-pop{position:absolute;right:0;top:calc(100% + 6px);z-index:100;min-width:205px;padding:6px;background:#fff;border:1px solid var(--line);border-radius:9px;box-shadow:0 12px 30px rgba(20,20,20,.12)}.action-menu-pop a,.action-menu-pop button{display:block;width:100%;padding:9px 10px;border:0;background:transparent;text-align:left;text-decoration:none;color:#222;font:inherit;font-size:12px;border-radius:6px;cursor:pointer}.action-menu-pop a:hover,.action-menu-pop button:hover{background:#f4f7f9}.action-menu-pop form{margin:0;border-top:1px solid #edf0f2;padding-top:5px;margin-top:5px}.action-menu-pop .action-delete{color:#d92d20;font-weight:700}.table-wrap{overflow:visible}.table-card{overflow:visible}.table{position:relative}


/* Premium members listing */
.members-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0 0 16px}.members-summary>div{background:#fff;border:1px solid #e6e9ed;border-radius:12px;padding:15px 18px;display:flex;align-items:center;justify-content:space-between;min-height:68px}.members-summary .summary-label{color:#747b82;font-size:12px;font-weight:600}.members-summary strong{font-size:23px;letter-spacing:-.5px}.members-table-card{border-radius:14px;border-color:#e4e8ec;box-shadow:0 3px 14px rgba(20,35,50,.035)}.members-toolbar{padding:15px;min-height:72px;background:#fff;border-radius:14px 14px 0 0}.members-toolbar .filters{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.members-toolbar .search-box{min-width:330px}.members-toolbar .form-control{height:39px;border-radius:8px;background:#fbfcfd;border-color:#dfe4e8}.members-toolbar .search-box input{height:39px;padding-left:13px}.members-toolbar .btn{height:39px;border-radius:8px;padding-left:15px;padding-right:15px}.members-toolbar .btn-primary{box-shadow:0 4px 10px rgba(22,143,233,.16)}.members-table-card .table th{height:42px;background:#f8fafb;color:#737b83;font-size:10px;letter-spacing:.01em;padding:10px 14px}.members-table-card .table td{height:64px;padding:10px 14px}.members-table-card .table tbody tr{transition:background .15s ease}.members-table-card .table tbody tr:hover{background:#f8fbfd}.members-table-card .member-avatar{width:38px;height:38px;border:2px solid #fff;box-shadow:0 0 0 1px #e0e5e9;background:#edf6fc}.members-table-card .member-cell{gap:11px}.members-table-card .member-cell strong{font-size:12px}.members-table-card .status-dot{font-weight:700;padding:5px 9px}.members-table-card .actions-head{text-align:right}.members-table-card td:last-child{text-align:right}.members-table-card .member-actions{justify-content:flex-end}.members-table-card .btn-light,.members-table-card .btn-soft{border-color:#dce2e7;background:#fff}.members-table-card .btn-light:hover,.members-table-card .btn-soft:hover{background:#f3f7fa;border-color:#cfd7de}.pagination-note{padding:12px 15px;color:#777f86;font-size:11px;border-top:1px solid #edf0f2;background:#fbfcfd;border-radius:0 0 14px 14px}.page-head{margin-bottom:16px}.page-head h1{font-size:26px;letter-spacing:-.55px}.page-head p{font-size:13px}.action-menu-pop{text-align:left}.action-menu-pop a,.action-menu-pop button{text-align:left!important}@media(max-width:900px){.members-summary{grid-template-columns:1fr}.members-toolbar{align-items:stretch;flex-direction:column}.members-toolbar .filters{width:100%}.members-toolbar .search-box{min-width:100%;width:100%}}


/* Global light/dark theme */
.theme-toggle{width:36px;height:36px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--text);display:grid;place-items:center;cursor:pointer;font-size:19px;line-height:1;transition:.2s ease;box-shadow:0 1px 2px rgba(0,0,0,.03)}
.theme-toggle:hover{transform:translateY(-1px);background:var(--blue-soft);border-color:rgba(21,140,231,.35)}
.theme-toggle .sun{display:none}.theme-toggle .moon{display:block}
html[data-theme=dark]{color-scheme:dark;--bg:#0f1217;--surface:#171b22;--text:#f2f4f7;--muted:#98a2b3;--line:#2a3039;--blue:#35a7ff;--blue-soft:#172b3b;--green:#36d17c;--red:#ff5c70;--amber:#ffc44d}
html[data-theme=dark] body{background:var(--bg);color:var(--text)}
html[data-theme=dark] .theme-toggle .moon{display:none}html[data-theme=dark] .theme-toggle .sun{display:block}
html[data-theme=dark] .sidebar,html[data-theme=dark] .topbar,html[data-theme=dark] .card,html[data-theme=dark] .dashboard-welcome,html[data-theme=dark] .quick-action,html[data-theme=dark] .table,html[data-theme=dark] .members-summary>div,html[data-theme=dark] .members-toolbar,html[data-theme=dark] .action-menu-pop,html[data-theme=dark] .login-card{background:var(--surface);color:var(--text);border-color:var(--line)}
html[data-theme=dark] .sidebar nav a,html[data-theme=dark] .sidebar-help a,html[data-theme=dark] .action-menu-pop a,html[data-theme=dark] .action-menu-pop button{color:var(--text)}
html[data-theme=dark] .sidebar nav a:hover,html[data-theme=dark] .action-menu-pop a:hover,html[data-theme=dark] .action-menu-pop button:hover,html[data-theme=dark] .members-table-card .table tbody tr:hover{background:#202630}
html[data-theme=dark] .sidebar nav a.active{background:#193149;color:#62b9ff}
html[data-theme=dark] .table th,html[data-theme=dark] .pagination-note{background:#14181e;color:#aab2bd;border-color:var(--line)}
html[data-theme=dark] .table td,html[data-theme=dark] .table-toolbar,html[data-theme=dark] .action-menu-pop form{border-color:var(--line)}
html[data-theme=dark] input,html[data-theme=dark] select,html[data-theme=dark] textarea,html[data-theme=dark] .form-control,html[data-theme=dark] .search-box input,html[data-theme=dark] .members-toolbar .form-control{background:#11151b;color:var(--text);border-color:#343b46}
html[data-theme=dark] input::placeholder,html[data-theme=dark] textarea::placeholder{color:#77808c}
html[data-theme=dark] .btn-light,html[data-theme=dark] .btn-soft,html[data-theme=dark] .members-table-card .btn-light,html[data-theme=dark] .members-table-card .btn-soft{background:#20252d;color:#f2f4f7;border-color:#343b46}
html[data-theme=dark] .btn-light:hover,html[data-theme=dark] .btn-soft:hover,html[data-theme=dark] .members-table-card .btn-light:hover,html[data-theme=dark] .members-table-card .btn-soft:hover{background:#2a313b;border-color:#414a57}
html[data-theme=dark] .donut:after{background:var(--surface)}
html[data-theme=dark] .chart-axis{stroke:#303742}html[data-theme=dark] .chart-label{fill:#98a2b3}
html[data-theme=dark] .progress-track{background:#2a3038}
html[data-theme=dark] .member-avatar{border-color:#252b34;box-shadow:0 0 0 1px #39414c}
html[data-theme=dark] .alert.success{background:#10291c;color:#6ce9a6}html[data-theme=dark] .alert.error{background:#35151a;color:#ff8c9a}
html[data-theme=dark] .login-page{background:var(--bg)}html[data-theme=dark] .login-hint{background:#11151b;color:#98a2b3}
html[data-theme=dark] .user-name,html[data-theme=dark] .branch,html[data-theme=dark] .logout{color:#62b9ff}
html[data-theme=dark] .page-head p,html[data-theme=dark] .muted{color:var(--muted)}
html[data-theme=dark] hr{border-color:var(--line)}
html[data-theme=dark] ::-webkit-scrollbar{width:10px;height:10px}html[data-theme=dark] ::-webkit-scrollbar-track{background:#11151b}html[data-theme=dark] ::-webkit-scrollbar-thumb{background:#343b46;border-radius:10px;border:2px solid #11151b}

/* Full application dark theme */
html[data-theme="dark"] body,html[data-theme="dark"] .app-shell,html[data-theme="dark"] .main,html[data-theme="dark"] .page{background:#0f1217!important;color:#f2f4f7!important}
html[data-theme="dark"] .sidebar,html[data-theme="dark"] .topbar,html[data-theme="dark"] .card,html[data-theme="dark"] .dashboard-welcome,html[data-theme="dark"] .quick-action,html[data-theme="dark"] .table,html[data-theme="dark"] .table-card,html[data-theme="dark"] .table-toolbar,html[data-theme="dark"] .members-summary>div,html[data-theme="dark"] .members-toolbar,html[data-theme="dark"] .action-menu-pop,html[data-theme="dark"] .login-card,html[data-theme="dark"] .modal,html[data-theme="dark"] .modal-content,html[data-theme="dark"] fieldset{background:#171b22!important;color:#f2f4f7!important;border-color:#2a3039!important}
html[data-theme="dark"] h1,html[data-theme="dark"] h2,html[data-theme="dark"] h3,html[data-theme="dark"] h4,html[data-theme="dark"] strong,html[data-theme="dark"] label{color:#f2f4f7}
html[data-theme="dark"] .sidebar nav a,html[data-theme="dark"] .sidebar-help a{color:#d7dce2!important}
html[data-theme="dark"] .sidebar nav a:hover{background:#202630!important}html[data-theme="dark"] .sidebar nav a.active{background:#193149!important;color:#62b9ff!important}
html[data-theme="dark"] .brand,html[data-theme="dark"] .sidebar-help,html[data-theme="dark"] .topbar,html[data-theme="dark"] .table td,html[data-theme="dark"] .table th,html[data-theme="dark"] .table-toolbar{border-color:#2a3039!important}
html[data-theme="dark"] .table th{background:#14181e!important;color:#aab2bd!important}html[data-theme="dark"] .table td{background:#171b22!important;color:#e8ebef!important}html[data-theme="dark"] .table tbody tr:hover td{background:#202630!important}
html[data-theme="dark"] input,html[data-theme="dark"] select,html[data-theme="dark"] textarea,html[data-theme="dark"] .form-control,html[data-theme="dark"] .search-box input{background:#11151b!important;color:#f2f4f7!important;border-color:#343b46!important}html[data-theme="dark"] input::placeholder,html[data-theme="dark"] textarea::placeholder{color:#77808c!important}html[data-theme="dark"] option{background:#11151b;color:#f2f4f7}
html[data-theme="dark"] .btn-light,html[data-theme="dark"] .btn-soft{background:#20252d!important;color:#f2f4f7!important;border-color:#343b46!important}html[data-theme="dark"] .muted,html[data-theme="dark"] .page-head p,html[data-theme="dark"] .summary-label{color:#98a2b3!important}html[data-theme="dark"] .pagination-note{background:#14181e!important;color:#aab2bd!important;border-color:#2a3039!important}html[data-theme="dark"] .theme-toggle{background:#20252d!important;color:#f8fafc!important;border-color:#343b46!important}

/* Modern application confirmation modal */
.confirm-modal{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;visibility:hidden;transition:opacity .18s ease,visibility .18s ease}.confirm-modal.is-open{opacity:1;visibility:visible}.confirm-backdrop{position:absolute;inset:0;background:rgba(15,23,42,.48);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}.confirm-dialog{position:relative;width:min(430px,calc(100vw - 32px));background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:28px;box-shadow:0 24px 70px rgba(15,23,42,.22);transform:translateY(10px) scale(.98);transition:transform .18s ease;text-align:center}.confirm-modal.is-open .confirm-dialog{transform:none}.confirm-close{position:absolute;right:14px;top:12px;width:32px;height:32px;border:0;border-radius:9px;background:transparent;color:var(--muted);font-size:23px;cursor:pointer}.confirm-close:hover{background:var(--bg);color:var(--text)}.confirm-icon{width:58px;height:58px;margin:0 auto 17px;border-radius:18px;display:grid;place-items:center;background:#fff0f1;color:#dc3545;font-size:27px;font-weight:800}.confirm-dialog h3{margin:0 0 9px;font-size:20px;letter-spacing:-.3px}.confirm-message{margin:0 auto;color:var(--muted);font-size:13px;line-height:1.55;max-width:330px}.confirm-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:24px}.confirm-actions .btn{height:43px;border-radius:10px}.confirm-delete{background:#e5484d;color:#fff;border-color:#e5484d}.confirm-delete:hover{background:#d93d42}.confirm-cancel{background:var(--surface)}html[data-theme=dark] .confirm-dialog{background:#171b22!important;border-color:#2a3039!important}html[data-theme=dark] .confirm-backdrop{background:rgba(0,0,0,.62)}html[data-theme=dark] .confirm-icon{background:#35191d;color:#ff6b78}html[data-theme=dark] .confirm-close:hover{background:#202630}@media(max-width:520px){.confirm-dialog{padding:24px 18px}.confirm-actions{grid-template-columns:1fr}}

/* Members page — modern refinement */
.members-summary>div{position:relative;overflow:hidden;box-shadow:0 5px 18px rgba(17,24,39,.04);transition:transform .18s ease,box-shadow .18s ease}.members-summary>div:hover{transform:translateY(-2px);box-shadow:0 9px 24px rgba(17,24,39,.07)}.members-summary>div:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#168fe9}.members-summary .summary-label{font-size:11px;text-transform:uppercase;letter-spacing:.035em}.members-summary strong{font-size:25px}.members-table-card{overflow:visible}.members-table-card .table-wrap{overflow:auto;border-radius:0}.members-table-card .table{min-width:1000px}.members-table-card .table tbody tr:last-child td{border-bottom:0}.members-table-card .member-cell strong{font-weight:700}.members-table-card .member-avatar{overflow:hidden;flex:0 0 38px}.members-table-card .status-dot{gap:5px}.members-table-card .status-dot:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.action-menu{position:relative}.action-menu>summary{list-style:none;width:39px;padding:0}.action-menu>summary::-webkit-details-marker{display:none}.action-menu-pop{position:absolute;right:0;top:44px;z-index:100;min-width:210px;background:#fff;border:1px solid #e2e7eb;border-radius:10px;padding:6px;box-shadow:0 16px 40px rgba(17,24,39,.14)}.action-menu-pop a,.action-menu-pop button{display:block;width:100%;padding:9px 10px;border:0;background:transparent;color:#252a30;text-decoration:none;border-radius:7px;font:inherit;font-size:12px;cursor:pointer}.action-menu-pop a:hover,.action-menu-pop button:hover{background:#f4f7f9}.action-menu-pop form{margin:0;border-top:1px solid #edf0f2;padding-top:5px;margin-top:5px}.action-menu-pop .action-delete{color:#dc3545}.members-toolbar .btn-primary{font-weight:700}.members-toolbar .filter-btn{font-weight:700}.pagination-note{display:flex;align-items:center;min-height:42px}.members-table-card td:first-child{font-weight:700;color:#39414a}.members-table-card td:nth-child(5){font-weight:600}.members-table-card td:nth-child(6){white-space:nowrap}html[data-theme=dark] .members-summary>div{box-shadow:none}html[data-theme=dark] .action-menu-pop a,html[data-theme=dark] .action-menu-pop button{color:#eef2f6}html[data-theme=dark] .action-menu-pop a:hover,html[data-theme=dark] .action-menu-pop button:hover{background:#222831}html[data-theme=dark] .members-table-card td:first-child{color:#dce3ea}@media(max-width:700px){.members-summary{gap:9px}.members-summary>div{min-height:58px;padding:12px 14px}.members-summary strong{font-size:21px}.members-toolbar>a.btn-primary{width:100%}.members-toolbar .filters select,.members-toolbar .filters .filter-btn{width:100%!important}}

/* ===== Modern Home Dashboard ===== */
.home-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 30px;margin-bottom:16px;border-radius:18px;background:linear-gradient(135deg,#111827 0%,#1e293b 68%,#27364f 100%);color:#fff;position:relative;overflow:hidden;box-shadow:0 12px 30px rgba(15,23,42,.12)}
.home-hero:after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;right:-70px;top:-120px;background:radial-gradient(circle,rgba(49,130,246,.28),transparent 68%)}
.home-hero-copy{position:relative;z-index:1;max-width:720px}.home-eyebrow{display:inline-block;font-size:10px;letter-spacing:1.6px;font-weight:800;color:#93c5fd;margin-bottom:8px}.home-hero h1{font-size:28px;line-height:1.15;margin:0 0 8px;letter-spacing:-.6px}.home-hero p{max-width:700px;margin:0;color:#cbd5e1;font-size:13px;line-height:1.55}.home-hero-date{position:relative;z-index:1;min-width:132px;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.08);backdrop-filter:blur(8px);border-radius:14px;padding:13px 16px;text-align:right}.home-hero-date-label{display:block;font-size:10px;color:#aebbd0;margin-bottom:4px}.home-hero-date strong{font-size:15px}
.home-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.home-action-card{display:flex;align-items:center;gap:12px;min-height:74px;padding:14px 15px;background:var(--surface);border:1px solid var(--line);border-radius:14px;text-decoration:none;color:var(--text);transition:.2s ease;box-shadow:0 2px 7px rgba(15,23,42,.025)}.home-action-card:hover{transform:translateY(-2px);border-color:#c9d7ea;box-shadow:0 9px 24px rgba(15,23,42,.08)}.home-action-card>span:last-child{display:grid;gap:3px}.home-action-card b{font-size:12px}.home-action-card small{font-size:10px;color:var(--muted)}.home-action-icon,.home-kpi-icon{display:grid;place-items:center;flex:0 0 auto;border-radius:12px;font-weight:800}.home-action-icon{width:42px;height:42px;font-size:13px}.home-icon-blue{background:#edf5ff;color:#2774e6}.home-icon-green{background:#eafaf2;color:#159358}.home-icon-purple{background:#f3efff;color:#7957e5}.home-icon-orange{background:#fff4e9;color:#da721a}
.home-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.home-kpi-card{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:17px 18px;min-height:132px;box-shadow:0 2px 8px rgba(15,23,42,.025)}.home-kpi-top{display:flex;align-items:center;gap:9px;margin-bottom:14px}.home-kpi-icon{width:34px;height:34px;font-size:11px}.home-kpi-label{font-size:11px;color:var(--muted);font-weight:700}.home-kpi-value{font-size:30px;font-weight:800;letter-spacing:-1px;line-height:1;margin-bottom:10px}.home-kpi-value small{font-size:10px;letter-spacing:0;font-weight:700;color:var(--muted)}.home-kpi-meta{font-size:10px;color:var(--muted)}.home-kpi-meta .positive{color:#169557;font-weight:800}.home-kpi-meta .negative{color:#df4052;font-weight:800}
.home-main-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,.8fr);gap:14px;margin-bottom:14px}.home-secondary-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}.home-panel{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:18px;box-shadow:0 2px 8px rgba(15,23,42,.025)}.home-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px}.home-panel-kicker{display:block;font-size:9px;letter-spacing:1.1px;color:#8792a4;font-weight:800;margin-bottom:4px}.home-panel-head h2{font-size:17px;letter-spacing:-.25px;margin:0}.home-panel-head>a:not(.btn){font-size:10px;color:#2774e6;text-decoration:none;margin-top:4px}.home-chart-legend{display:flex;gap:13px;font-size:10px;color:var(--muted);padding-top:4px}.home-chart-legend span{display:flex;align-items:center;gap:5px}.legend-dot{width:7px;height:7px;border-radius:50%;display:inline-block}.legend-dot.revenue{background:#3182f6}.legend-dot.attendance{background:#48b7cf}.legend-dot.expense{background:#ef6b6b}.home-chart-box{height:265px}.home-chart-rev{fill:none;stroke:#3182f6;stroke-width:2.7;stroke-linecap:round;stroke-linejoin:round}.home-chart-att{fill:none;stroke:#48b7cf;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round}.home-chart-exp{fill:none;stroke:#ef6b6b;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.home-donut-wrap{min-height:265px;display:flex;align-items:center;justify-content:center;gap:34px}.home-donut{width:168px;height:168px;border-radius:50%;position:relative}.home-donut:after{content:"";position:absolute;inset:34px;background:var(--surface);border-radius:50%}.home-donut-center{position:absolute;inset:0;z-index:1;display:grid;place-content:center;text-align:center}.home-donut-center strong{font-size:28px;line-height:1}.home-donut-center span{font-size:9px;color:var(--muted);margin-top:4px}.home-donut-legend{display:grid;gap:13px;min-width:130px}.home-donut-legend>div{display:flex;align-items:center;justify-content:space-between;gap:18px;font-size:11px}.home-donut-legend span{display:flex;align-items:center;gap:7px;color:var(--muted)}.home-donut-legend i{width:8px;height:8px;border-radius:50%}.home-donut-legend b{font-size:12px}
.home-plan-list{display:grid;gap:15px}.home-plan-row{display:grid;gap:7px}.home-plan-name{display:flex;justify-content:space-between;gap:12px;align-items:center}.home-plan-name b{font-size:11px}.home-plan-name span{font-size:10px;color:var(--muted)}.home-plan-track{height:8px;background:#eef1f5;border-radius:999px;overflow:hidden}.home-plan-track span{display:block;height:100%;background:linear-gradient(90deg,#3182f6,#58a2ff);border-radius:inherit}.home-recent-list{display:grid}.home-recent-member{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--line);text-decoration:none;color:var(--text)}.home-recent-member:last-child{border-bottom:0}.home-recent-avatar{width:38px;height:38px;border-radius:12px;background:#eef5fb;color:#2774e6;display:grid;place-items:center;font-size:10px;font-weight:800;overflow:hidden}.home-recent-avatar img{width:100%;height:100%;object-fit:cover}.home-recent-info{display:grid;gap:3px}.home-recent-info b{font-size:11px}.home-recent-info span{font-size:9px;color:var(--muted)}.home-status{font-size:9px;font-weight:800;border-radius:999px;padding:5px 8px}.home-status.is-active{background:#eaf8ef;color:#16884b}.home-status.is-expired{background:#fff0f1;color:#d0374a}.home-renew-panel{margin-bottom:0}.home-renew-list{display:grid}.home-renew-row{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:12px;padding:11px 0;border-top:1px solid var(--line)}.home-renew-row:first-child{border-top:0}.home-renew-row>div{display:grid;gap:3px}.home-renew-row b{font-size:11px}.home-renew-row span{font-size:9px;color:var(--muted)}.home-renew-date{background:#fff6df!important;color:#976600!important;font-weight:800;border-radius:999px;padding:5px 8px}.home-empty{padding:20px;border-radius:10px;background:#f8fafc;color:var(--muted);text-align:center;font-size:11px}.home-empty-success{background:#edf9f1;color:#21744a}
html[data-theme="dark"] .home-hero{background:linear-gradient(135deg,#0b1220 0%,#121c2c 100%);border:1px solid #263246}.home-action-card:hover{border-color:#3a4657}html[data-theme="dark"] .home-action-card,html[data-theme="dark"] .home-kpi-card,html[data-theme="dark"] .home-panel{background:var(--surface);border-color:var(--line)}html[data-theme="dark"] .home-icon-blue{background:#162945;color:#73adff}html[data-theme="dark"] .home-icon-green{background:#132d24;color:#66d59b}html[data-theme="dark"] .home-icon-purple{background:#271f42;color:#ac98ff}html[data-theme="dark"] .home-icon-orange{background:#382619;color:#f6a55d}html[data-theme="dark"] .home-plan-track{background:#2a3039}html[data-theme="dark"] .home-empty{background:#1d232c}html[data-theme="dark"] .home-empty-success{background:#183025;color:#77d99f}
@media(max-width:1180px){.home-actions,.home-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-main-grid{grid-template-columns:1fr}.home-secondary-grid{grid-template-columns:1fr}}@media(max-width:720px){.home-hero{padding:22px;align-items:flex-start}.home-hero-date{display:none}.home-actions,.home-kpi-grid{grid-template-columns:1fr}.home-donut-wrap{flex-direction:column;gap:18px}.home-renew-row{grid-template-columns:1fr auto}.home-renew-row .btn{grid-column:1/-1}.home-chart-legend{display:none}}

/* ===== Fix: member 3-dots actions menu ===== */
.members-table-card,
.members-table-card .table-wrap,
.members-table-card .table,
.members-table-card tbody,
.members-table-card tr,
.members-table-card td{overflow:visible!important}
.members-table-card .action-menu{position:relative;z-index:10}
.members-table-card .action-menu[open]{z-index:10000}
.members-table-card .action-menu[open] .action-menu-pop{display:block;visibility:visible;opacity:1;pointer-events:auto}
.members-table-card .action-menu-pop{z-index:10001}
@media(max-width:900px){
  .members-table-card .table-wrap{overflow-x:auto!important;overflow-y:visible!important;padding-bottom:230px;margin-bottom:-230px}
}


/* Arabic / RTL interface */
.lang-switch{display:inline-flex;align-items:center;justify-content:center;min-width:42px;height:34px;padding:0 10px;border:1px solid var(--border,#e5e7eb);border-radius:10px;background:var(--card,#fff);color:var(--text,#111827);font-weight:800;text-decoration:none;font-size:12px}
html[dir="rtl"] body{direction:rtl;text-align:right;font-family:Tahoma,"Arial",sans-serif}
html[dir="rtl"] .app-shell{direction:rtl}
html[dir="rtl"] .sidebar{left:auto;right:0;border-right:0;border-left:1px solid var(--border,#e5e7eb)}
html[dir="rtl"] .main{margin-left:0;margin-right:var(--sidebar-width,182px)}
html[dir="rtl"] .sidebar nav a,html[dir="rtl"] .brand,html[dir="rtl"] .top-actions{direction:rtl}
html[dir="rtl"] .page-head,html[dir="rtl"] .card-header,html[dir="rtl"] .section-head{direction:rtl}
html[dir="rtl"] table{text-align:right}
html[dir="rtl"] input,html[dir="rtl"] select,html[dir="rtl"] textarea{text-align:right;direction:rtl}
html[dir="rtl"] .actions,html[dir="rtl"] .top-actions{flex-direction:row}
@media(max-width:900px){html[dir="rtl"] .main{margin-right:0}}

/* Arabic / RTL polish */
html[dir="rtl"] .sidebar{width:230px}
html[dir="rtl"] .main{margin-right:230px;width:calc(100% - 230px)}
html[dir="rtl"] .brand{padding:0 14px;gap:8px;justify-content:space-between;min-height:72px;height:auto}
html[dir="rtl"] .brand-name{min-width:0;flex:1;text-align:right;line-height:1.05}
html[dir="rtl"] .brand-name b{display:block;font-size:19px;line-height:1.05;letter-spacing:-.5px;white-space:normal;overflow-wrap:anywhere}
html[dir="rtl"] .menu-symbol{flex:0 0 auto}
html[dir="rtl"] .sidebar-scroll{padding:10px 11px}
html[dir="rtl"] .sidebar nav a{font-size:12px;line-height:1.25;min-height:36px;padding:8px 10px}
html[dir="rtl"] .sidebar nav a .nav-ico{flex:0 0 19px}
html[dir="rtl"] .topbar{padding:0 18px}
html[dir="rtl"] .top-actions{width:100%;justify-content:flex-start;gap:9px}
html[dir="rtl"] .page{padding:20px 18px 34px}
html[dir="rtl"] .table th,html[dir="rtl"] .table td{text-align:right}
html[dir="rtl"] .members-table-card .actions-head,html[dir="rtl"] .members-table-card td:last-child{text-align:left}
html[dir="rtl"] .members-table-card .member-actions{justify-content:flex-start}
html[dir="rtl"] .action-menu-pop{right:auto;left:0;text-align:right}
html[dir="rtl"] .action-menu-pop a,html[dir="rtl"] .action-menu-pop button{text-align:right!important}
html[dir="rtl"] .members-toolbar .filters{direction:rtl}
html[dir="rtl"] .members-toolbar .search-box input{padding-right:13px;padding-left:10px}
html[dir="rtl"] .home-panel-head,html[dir="rtl"] .home-hero,html[dir="rtl"] .home-action,html[dir="rtl"] .home-kpi{direction:rtl}
@media(max-width:900px){html[dir="rtl"] .main{margin-right:0;width:100%}html[dir="rtl"] .sidebar{transform:translateX(100%)}}

/* ===== Centralized AR/FR language layout ===== */
html[dir="rtl"] .sidebar{width:230px;right:0;left:auto;transform:none}
html[dir="rtl"] .main{margin-right:230px;margin-left:0;width:calc(100% - 230px)}
html[dir="rtl"] .brand{height:auto;min-height:78px;padding:12px 14px;align-items:center;overflow:hidden}
html[dir="rtl"] .brand-name{display:flex;align-items:center;min-width:0;flex:1}
html[dir="rtl"] .brand-name b{font-size:18px;line-height:1.02;max-width:172px;word-break:normal;overflow-wrap:normal;white-space:normal}
html[dir="rtl"] .sidebar-scroll{min-height:0}
html[dir="rtl"] .sidebar nav a{justify-content:flex-start;text-align:right;white-space:normal}
html[dir="rtl"] .topbar{min-height:61px;height:auto;padding:10px 18px}
html[dir="rtl"] .top-actions{justify-content:flex-start;flex-wrap:wrap;min-width:0}
html[dir="rtl"] .page-head h1,html[dir="rtl"] .page-head p{text-align:right}
html[dir="rtl"] .table th,html[dir="rtl"] .table td,
html[dir="rtl"] .pay-table th,html[dir="rtl"] .pay-table td,
html[dir="rtl"] .fin-table th,html[dir="rtl"] .fin-table td,
html[dir="rtl"] .ins-table th,html[dir="rtl"] .ins-table td{text-align:right!important}
html[dir="rtl"] .search-box input,html[dir="rtl"] .pay-search input,html[dir="rtl"] .fin-search input,html[dir="rtl"] .ins-search input{padding-right:38px;padding-left:12px}
html[dir="rtl"] .pay-search svg,html[dir="rtl"] .fin-search svg,html[dir="rtl"] .ins-search svg{right:12px;left:auto}
html[dir="rtl"] .action-menu-pop{left:0;right:auto}
html[dir="rtl"] .home-hero-copy,html[dir="rtl"] .home-panel-head,html[dir="rtl"] .home-kpi-card,html[dir="rtl"] .home-action-card{text-align:right}
html[dir="rtl"] .home-panel-head{flex-direction:row}
html[dir="rtl"] .home-recent-member{grid-template-columns:auto 1fr 38px}
html[dir="rtl"] .sidebar-help .help-link{margin-left:0;margin-right:auto}
@media(max-width:900px){html[dir="rtl"] .sidebar{transform:translateX(100%)}html[dir="rtl"] .main{margin-right:0;width:100%}}

/* Collapsible sidebar + fullscreen controls */
.sidebar,.main{transition:width .22s ease,margin .22s ease,transform .22s ease}
.sidebar-toggle,.fullscreen-toggle{width:36px;height:36px;border:1px solid var(--line);background:var(--surface,#fff);color:var(--text,#141414);border-radius:10px;display:grid;place-items:center;cursor:pointer;padding:0;transition:.18s ease}
.sidebar-toggle:hover,.fullscreen-toggle:hover{background:var(--blue-soft);color:var(--blue);border-color:#cfe5f8}
.sidebar-toggle svg,.fullscreen-toggle svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.topbar-left{display:flex;align-items:center;gap:8px}
body.sidebar-collapsed .sidebar{width:72px}
body.sidebar-collapsed .main{margin-left:72px;width:calc(100% - 72px)}
body.sidebar-collapsed .brand{justify-content:center;padding:0 10px}
body.sidebar-collapsed .brand-name,body.sidebar-collapsed .sidebar nav a:not(.active)::after,body.sidebar-collapsed .sidebar-help a{display:none}
body.sidebar-collapsed .sidebar-scroll{padding-left:10px;padding-right:10px}
body.sidebar-collapsed .sidebar nav a{justify-content:center;padding:8px;gap:0;position:relative}
body.sidebar-collapsed .nav-ico{width:22px;height:22px}
body.sidebar-collapsed .nav-ico svg{width:18px;height:18px}
body.sidebar-collapsed .sidebar-help{justify-content:center;padding:0}
body.sidebar-collapsed .sidebar nav a:hover::before{content:attr(data-label);position:fixed;left:78px;background:#111827;color:#fff;padding:7px 9px;border-radius:7px;font-size:11px;font-weight:600;white-space:nowrap;z-index:9999;box-shadow:0 6px 20px rgba(0,0,0,.18)}
html[dir="rtl"] body.sidebar-collapsed .sidebar{width:72px;right:0;left:auto}
html[dir="rtl"] body.sidebar-collapsed .main{margin-right:72px;margin-left:0;width:calc(100% - 72px)}
html[dir="rtl"] body.sidebar-collapsed .sidebar nav a:hover::before{left:auto;right:78px}
html[data-theme="dark"] .sidebar-toggle,html[data-theme="dark"] .fullscreen-toggle{background:#171b22;color:#f2f4f7;border-color:#2a3039}
html[data-theme="dark"] .sidebar-toggle:hover,html[data-theme="dark"] .fullscreen-toggle:hover{background:#202630;color:#62b9ff}
@media(max-width:900px){body.sidebar-collapsed .sidebar{width:214px}body.sidebar-collapsed .main{margin-left:0;width:100%}html[dir="rtl"] body.sidebar-collapsed .sidebar{width:230px}html[dir="rtl"] body.sidebar-collapsed .main{margin-right:0;width:100%}.sidebar-toggle{display:none}}

/* ===== Sidebar collapse polish + persistent fullscreen shell ===== */
:root{--sidebar-collapsed-width:64px}
.sidebar{overflow:visible}
.sidebar nav a .nav-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.sidebar-collapsed .sidebar{width:var(--sidebar-collapsed-width)!important}
body.sidebar-collapsed .main{margin-left:var(--sidebar-collapsed-width)!important;width:calc(100% - var(--sidebar-collapsed-width))!important}
body.sidebar-collapsed .brand{height:61px!important;min-height:61px!important;justify-content:center!important;padding:0!important}
body.sidebar-collapsed .brand-name{display:none!important}
body.sidebar-collapsed .menu-symbol{margin:0!important;font-size:19px}
body.sidebar-collapsed .sidebar-scroll{padding:10px 8px!important;overflow-x:visible!important}
body.sidebar-collapsed .sidebar nav{gap:4px}
body.sidebar-collapsed .sidebar nav a{width:46px;height:42px;min-height:42px;margin:0 auto;padding:0!important;justify-content:center!important;gap:0!important;border-radius:12px;overflow:visible;position:relative}
body.sidebar-collapsed .sidebar nav a .nav-label{display:none!important}
body.sidebar-collapsed .sidebar nav a .nav-ico{width:22px!important;height:22px!important;flex:0 0 22px!important}
body.sidebar-collapsed .sidebar nav a .nav-ico svg{width:18px!important;height:18px!important}
body.sidebar-collapsed .sidebar-help{height:52px;justify-content:center!important;padding:0!important;gap:0!important}
body.sidebar-collapsed .sidebar-help .sidebar-help-label{display:none!important}
body.sidebar-collapsed .sidebar nav a::before{display:none}
body.sidebar-collapsed .sidebar nav a:hover::after{content:attr(data-label);display:block;position:absolute;top:50%;left:54px;transform:translateY(-50%);background:#111827;color:#fff;padding:7px 10px;border-radius:8px;font-size:11px!important;font-weight:700;line-height:1.2;white-space:nowrap;z-index:100000;box-shadow:0 8px 24px rgba(0,0,0,.22);pointer-events:none}
html[dir="rtl"] body.sidebar-collapsed .sidebar{width:var(--sidebar-collapsed-width)!important;right:0!important;left:auto!important}
html[dir="rtl"] body.sidebar-collapsed .main{margin-right:var(--sidebar-collapsed-width)!important;margin-left:0!important;width:calc(100% - var(--sidebar-collapsed-width))!important}
html[dir="rtl"] body.sidebar-collapsed .sidebar nav a:hover::after{left:auto;right:54px}
html[data-theme="dark"] body.sidebar-collapsed .sidebar nav a:hover::after{background:#f4f7fb;color:#111827}

/* fullscreen host lives above the normal application and keeps navigation inside an iframe */
.gym-fullscreen-host{position:fixed;inset:0;background:var(--bg,#f5f6f7);z-index:2147483000;display:flex;width:100vw;height:100vh}
.gym-fullscreen-host iframe{display:block;width:100%;height:100%;border:0;background:var(--bg,#f5f6f7)}
.gym-fullscreen-host:fullscreen{width:100vw;height:100vh;background:var(--bg,#f5f6f7)}
.gym-fullscreen-host:-webkit-full-screen{width:100vw;height:100vh;background:var(--bg,#f5f6f7)}
body.gym-fullscreen-parent{overflow:hidden!important}
html[data-theme="dark"] .gym-fullscreen-host,html[data-theme="dark"] .gym-fullscreen-host iframe{background:#0f1319}

@media(max-width:900px){
  body.sidebar-collapsed .sidebar{width:214px!important}
  body.sidebar-collapsed .main{margin-left:0!important;width:100%!important}
  html[dir="rtl"] body.sidebar-collapsed .sidebar{width:230px!important}
  html[dir="rtl"] body.sidebar-collapsed .main{margin-right:0!important;width:100%!important}
}

/* ===== 2026 premium dashboard refresh ===== */
.home-hero{background:linear-gradient(125deg,#0b1220 0%,#13233b 55%,#1d4ed8 145%);box-shadow:0 18px 45px rgba(15,23,42,.14)}
.home-kpi-card{position:relative;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}
.home-kpi-card:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(15,23,42,.08)}
.home-kpi-card:after{content:"";position:absolute;inset:auto 18px 0 18px;height:3px;border-radius:3px 3px 0 0;background:#3182f6;opacity:.8}
.home-kpi-card:nth-child(2):after{background:#22a06b}.home-kpi-card:nth-child(3):after{background:#f59e0b}.home-kpi-card:nth-child(4):after{background:#7c5ce5}
.home-panel{box-shadow:0 5px 18px rgba(15,23,42,.035)}
.home-panel-head h2{font-weight:800}.home-action-card{border-color:#e5eaf0}
html[dir="rtl"] .home-hero-copy,html[dir="rtl"] .home-hero-date,html[dir="rtl"] .home-kpi-card,html[dir="rtl"] .home-panel{text-align:right}
html[dir="rtl"] .home-donut-legend>div,html[dir="rtl"] .home-plan-name{direction:rtl}
html[dir="rtl"] .home-recent-member{grid-template-columns:38px 1fr auto;direction:rtl}
html[dir="rtl"] .home-renew-row{direction:rtl}
@media(max-width:720px){.home-hero h1{font-size:23px}.home-kpi-value{font-size:26px}.home-chart-box{height:220px}}


/* ===== Premium notifications / online registrations ===== */
.top-notification-button{
  position:relative!important;width:38px!important;height:38px!important;border-radius:12px!important;
  display:grid!important;place-items:center!important;overflow:visible!important;text-decoration:none!important;
  color:#475569!important;background:#fff!important;border:1px solid #e3e8ef!important;
  box-shadow:0 2px 8px rgba(15,23,42,.04);transition:.18s ease!important
}
.top-notification-button:hover{color:#1677ff!important;background:#f7fbff!important;border-color:#bddcff!important;transform:translateY(-1px)}
.top-notification-button svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.top-notification-badge{position:absolute;top:-6px;inset-inline-end:-7px;min-width:19px;height:19px;padding:0 5px;border-radius:999px;background:#ef4444;color:#fff;font:800 10px/19px system-ui,sans-serif;text-align:center;border:2px solid #fff;box-shadow:0 3px 8px rgba(239,68,68,.3);z-index:2;direction:ltr;unicode-bidi:isolate}
.top-notification-dot{position:absolute;top:7px;inset-inline-end:7px;width:7px;height:7px;background:#ef4444;border:2px solid #fff;border-radius:50%}
.nav-count-badge{margin-inline-start:auto;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:#ef4444;color:#fff;font-size:10px;font-weight:850;display:inline-flex;align-items:center;justify-content:center;direction:ltr;unicode-bidi:isolate}
body.sidebar-collapsed .nav-count-badge{position:absolute;top:3px;inset-inline-end:2px;min-width:16px;height:16px;padding:0 4px;font-size:9px;border:2px solid #fff}

.home-registration-alert{display:grid;grid-template-columns:54px minmax(0,1fr) auto;align-items:center;gap:16px;margin:18px 0 20px;padding:16px 18px;border-radius:18px;border:1px solid #d9eaff;background:#fff;color:var(--text);text-decoration:none;box-shadow:0 8px 28px rgba(24,119,242,.07);transition:.2s ease;position:relative;overflow:hidden}
.home-registration-alert:before{content:"";position:absolute;inset-block:0;inset-inline-start:0;width:4px;background:linear-gradient(180deg,#168ff0,#635bff)}
.home-registration-alert:hover{transform:translateY(-2px);border-color:#a9d2ff;box-shadow:0 14px 35px rgba(24,119,242,.12)}
.home-registration-alert-icon{width:54px;height:54px;border-radius:16px;background:linear-gradient(145deg,#168ff0,#2979ff);color:#fff;display:grid;place-items:center;box-shadow:0 8px 18px rgba(22,143,240,.22)}
.home-registration-alert-icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.home-registration-alert-copy{min-width:0}.home-registration-alert-copy strong{display:block;font-size:15px;font-weight:850;line-height:1.4;margin-bottom:4px;color:#111827}.home-registration-alert-copy span{display:block;font-size:12px;line-height:1.6;color:#64748b}.home-registration-alert-copy small{display:block;margin-top:6px;color:#1677d2;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.home-registration-alert-action{display:inline-flex;align-items:center;gap:7px;background:#eff7ff;color:#1477d4;border:1px solid #d6eaff;border-radius:11px;padding:9px 12px;font-size:11px;font-weight:850;white-space:nowrap}
html[dir=rtl] .home-registration-alert{text-align:right;direction:rtl}
html[dir=rtl] .home-registration-alert-action{direction:rtl}

html[data-theme=dark] .top-notification-button{background:#171b22!important;border-color:#2a3039!important;color:#d8dee8!important;box-shadow:none}
html[data-theme=dark] .top-notification-button:hover{background:#202630!important;color:#62b9ff!important;border-color:#35516d!important}
html[data-theme=dark] .top-notification-badge,html[data-theme=dark] .top-notification-dot,html[data-theme=dark] body.sidebar-collapsed .nav-count-badge{border-color:#171b22}
html[data-theme=dark] .home-registration-alert{background:#171b22;border-color:#27394d;color:#eef2f7;box-shadow:0 8px 30px rgba(0,0,0,.15)}
html[data-theme=dark] .home-registration-alert-copy strong{color:#f4f7fb}html[data-theme=dark] .home-registration-alert-copy span{color:#99a6b7}html[data-theme=dark] .home-registration-alert-copy small{color:#62b9ff}html[data-theme=dark] .home-registration-alert-action{background:#16283a;border-color:#294967;color:#70bdff}
@media(max-width:720px){.home-registration-alert{grid-template-columns:46px 1fr;padding:14px}.home-registration-alert-icon{width:46px;height:46px;border-radius:14px}.home-registration-alert-action{grid-column:2;width:max-content;margin-top:2px}}


/* Dashboard — attendance vs absence */
.home-attendance-panel{margin-bottom:14px;position:relative;overflow:hidden}.home-attendance-panel:before{content:"";position:absolute;inset-inline-start:0;top:0;width:4px;height:100%;background:linear-gradient(180deg,#22c55e,#3182f6)}.home-attendance-head{align-items:center;margin-bottom:8px}.home-panel-subtitle{margin:5px 0 0;color:var(--muted);font-size:10px;line-height:1.5}.home-attendance-stats{display:flex;gap:8px;flex-wrap:wrap}.att-stat{min-width:92px;padding:9px 12px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2,#f8fafc);display:flex;align-items:center;justify-content:space-between;gap:12px}.att-stat span{font-size:9px;color:var(--muted);font-weight:700}.att-stat strong{font-size:17px;line-height:1}.att-stat.is-present strong{color:#16a34a}.att-stat.is-absent strong{color:#ef4444}.att-stat.is-rate strong{color:#3182f6}.home-attendance-legend{justify-content:flex-end;margin:-2px 0 8px}.legend-dot.present{background:#22c55e}.legend-dot.absent{background:#ef4444}.home-attendance-chart-box{height:230px}.home-chart-present{fill:none;stroke:#22c55e;stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round}.home-chart-absent{fill:none;stroke:#ef4444;stroke-width:2.45;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:6 5}
@media(max-width:720px){.home-attendance-head{align-items:flex-start;flex-direction:column}.home-attendance-stats{width:100%}.att-stat{flex:1;min-width:86px}.home-attendance-legend{display:flex;justify-content:flex-start}.home-attendance-chart-box{height:210px}}

/* Header actions - clickable/fixed */
.header-action-link{cursor:pointer;text-decoration:none;color:inherit}
.user-menu-wrap{position:relative;display:flex;align-items:center}
.user-menu-trigger{border:0;background:transparent;display:flex;align-items:center;gap:7px;cursor:pointer;color:inherit;font:inherit;padding:0}
.user-dropdown{display:none;position:absolute;top:calc(100% + 12px);inset-inline-end:0;min-width:210px;background:var(--card,#fff);border:1px solid var(--border,#e5e7eb);border-radius:14px;box-shadow:0 16px 40px rgba(15,23,42,.14);padding:7px;z-index:9999}
.user-dropdown.open{display:block}
.user-dropdown a{display:block;padding:10px 12px;border-radius:9px;text-decoration:none;color:inherit;white-space:nowrap}
.user-dropdown a:hover{background:rgba(59,130,246,.08)}
.user-dropdown a.danger{color:#dc2626}


/* =========================================================
   TOPBAR PRO — 2026-08-17
   ========================================================= */
.topbar{
  height:68px!important;
  padding:0 16px!important;
  background:rgba(255,255,255,.96)!important;
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
  border-bottom:1px solid #e7edf4!important;
  box-shadow:0 1px 0 rgba(15,23,42,.02);
  overflow:visible!important;
}
.topbar-left,.top-actions{display:flex;align-items:center;gap:8px!important}
.top-actions{color:#111827!important;font-size:12px!important;position:relative;z-index:60}

.top-icon-btn,
.top-text-btn{
  width:42px!important;height:42px!important;min-width:42px!important;
  border:1px solid #e2e8f0!important;border-radius:13px!important;
  background:#fff!important;color:#334155!important;
  display:inline-grid!important;place-items:center!important;
  text-decoration:none!important;cursor:pointer!important;
  box-shadow:0 2px 8px rgba(15,23,42,.035)!important;
  transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,background .16s ease,color .16s ease!important;
  padding:0!important;margin:0!important;position:relative;
}
.top-icon-btn:hover,.top-text-btn:hover{
  color:#168fe9!important;background:#f7fbff!important;border-color:#b9dcf8!important;
  transform:translateY(-1px);box-shadow:0 6px 16px rgba(22,143,233,.10)!important;
}
.top-icon-btn svg{width:19px!important;height:19px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.85!important;stroke-linecap:round!important;stroke-linejoin:round!important}
.top-text-btn{font-weight:900!important;font-size:12px!important}
.lang-switch{color:#111827!important}

.sidebar-toggle,.fullscreen-toggle{
  width:42px!important;height:42px!important;border:1px solid #e2e8f0!important;border-radius:13px!important;
  background:#fff!important;color:#334155!important;display:grid!important;place-items:center!important;padding:0!important;
}
.sidebar-toggle:hover,.fullscreen-toggle:hover{color:#168fe9!important;background:#f7fbff!important;border-color:#b9dcf8!important}
.sidebar-toggle svg,.fullscreen-toggle svg{width:19px!important;height:19px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.85!important;stroke-linecap:round!important}

.top-notification-button{width:42px!important;height:42px!important;border-radius:13px!important}
.top-notification-badge{
  top:-7px!important;inset-inline-end:-6px!important;min-width:20px!important;height:20px!important;line-height:16px!important;
  padding:0 5px!important;border-radius:999px!important;border:2px solid #fff!important;
  background:#ef4444!important;color:#fff!important;font-size:10px!important;font-weight:900!important;
  display:flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;
}

.theme-toggle .theme-icon{display:none!important}
.theme-svg{display:none}
html:not([data-theme="dark"]) .moon-svg{display:block}
html[data-theme="dark"] .sun-svg{display:block}

.top-branch-btn{
  height:42px!important;min-width:178px;display:flex!important;align-items:center!important;gap:9px!important;
  padding:0 11px!important;border:1px solid #e2e8f0!important;border-radius:13px!important;
  background:#fff!important;color:#1e293b!important;text-decoration:none!important;box-shadow:0 2px 8px rgba(15,23,42,.035);
  transition:.16s ease;
}
.top-branch-btn:hover{border-color:#b9dcf8!important;background:#f7fbff!important;box-shadow:0 6px 16px rgba(22,143,233,.08)}
.branch-icon{width:28px;height:28px;border-radius:9px;background:#eaf5ff;color:#168fe9;display:grid;place-items:center;flex:none}
.branch-icon svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.branch-copy{min-width:0;display:flex;flex-direction:column;line-height:1.1;flex:1}
.branch-copy small,.user-copy small{font-size:9px;color:#94a3b8;font-weight:700;margin-bottom:3px}
.branch-copy b{font-size:11px;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.chev{width:15px!important;height:15px!important;fill:none!important;stroke:#94a3b8!important;stroke-width:2!important;flex:none}

.user-menu-wrap{position:relative!important;display:flex!important;align-items:center!important}
.user-menu-trigger{
  height:42px!important;min-width:158px!important;border:1px solid #e2e8f0!important;border-radius:13px!important;
  background:#fff!important;display:flex!important;align-items:center!important;gap:8px!important;cursor:pointer!important;
  color:#0f172a!important;padding:0 10px!important;box-shadow:0 2px 8px rgba(15,23,42,.035)!important;
}
.user-menu-trigger:hover{border-color:#b9dcf8!important;background:#f7fbff!important}
.user-avatar{
  width:30px!important;height:30px!important;border-radius:10px!important;
  background:linear-gradient(135deg,#4da266,#65b67b)!important;color:#fff!important;
  display:grid!important;place-items:center!important;font-size:10px!important;font-weight:900!important;flex:none!important;
  box-shadow:0 4px 10px rgba(77,162,102,.2);
}
.user-copy{display:flex;flex-direction:column;align-items:flex-start;min-width:0;flex:1;line-height:1.1}
[dir=rtl] .user-copy{align-items:flex-end}
.user-name{font-size:11px!important;color:#0f172a!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:110px}

.user-dropdown{
  display:none!important;position:absolute!important;top:calc(100% + 10px)!important;inset-inline-end:0!important;
  width:250px!important;min-width:250px!important;background:#fff!important;border:1px solid #e2e8f0!important;
  border-radius:16px!important;box-shadow:0 20px 50px rgba(15,23,42,.16)!important;padding:8px!important;z-index:100000!important;
}
.user-dropdown.open{display:block!important;animation:topDropIn .14s ease-out}
@keyframes topDropIn{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}
.user-dropdown-head{display:flex;align-items:center;gap:10px;padding:9px 9px 12px;margin-bottom:5px;border-bottom:1px solid #edf2f7}
.user-dropdown-head>div:last-child{display:flex;flex-direction:column;min-width:0}.user-dropdown-head b{font-size:12px;color:#111827}.user-dropdown-head small{font-size:10px;color:#94a3b8;margin-top:3px}
.user-dropdown a{
  height:38px!important;padding:0 10px!important;border-radius:10px!important;text-decoration:none!important;color:#334155!important;
  display:flex!important;align-items:center!important;gap:9px!important;font-size:11px!important;font-weight:700!important;
}
.user-dropdown a:hover{background:#f1f7fd!important;color:#168fe9!important}
.user-dropdown a.danger{color:#dc2626!important}.user-dropdown a.danger:hover{background:#fff1f2!important}
.dd-ico{width:24px;height:24px;border-radius:8px;background:#f1f5f9;display:grid;place-items:center;font-size:12px;flex:none}
.dd-sep{height:1px;background:#edf2f7;margin:5px 2px}

.logout{font-size:0!important;margin:0!important;color:#64748b!important}
.services-shortcut{color:#64748b!important}

html[data-theme="dark"] .topbar{background:rgba(17,24,39,.95)!important;border-color:#283548!important}
html[data-theme="dark"] .top-icon-btn,
html[data-theme="dark"] .top-text-btn,
html[data-theme="dark"] .top-branch-btn,
html[data-theme="dark"] .user-menu-trigger{background:#111827!important;border-color:#293548!important;color:#dbe7f3!important}
html[data-theme="dark"] .branch-copy b,
html[data-theme="dark"] .user-name{color:#f8fafc!important}
html[data-theme="dark"] .user-dropdown{background:#111827!important;border-color:#293548!important}
html[data-theme="dark"] .user-dropdown-head{border-color:#293548}
html[data-theme="dark"] .user-dropdown a{color:#dbe7f3!important}
html[data-theme="dark"] .user-dropdown a:hover{background:#17263a!important}
html[data-theme="dark"] .dd-ico{background:#1f2937}
html[data-theme="dark"] .top-notification-badge{border-color:#111827!important}

@media(max-width:1150px){
  .top-branch-btn{min-width:42px!important;width:42px!important;padding:0!important;justify-content:center!important}
  .top-branch-btn .branch-copy,.top-branch-btn>.chev{display:none!important}
  .user-menu-trigger{min-width:42px!important;width:42px!important;padding:0!important;justify-content:center!important}
  .user-copy,.user-menu-trigger>.chev{display:none!important}
}
@media(max-width:760px){
  .topbar{padding:0 8px!important}.top-actions{gap:5px!important}
  .services-shortcut,.logout{display:none!important}
  .top-icon-btn,.top-text-btn,.sidebar-toggle,.fullscreen-toggle{width:38px!important;height:38px!important;min-width:38px!important;border-radius:11px!important}
  .top-branch-btn,.user-menu-trigger{width:38px!important;height:38px!important;min-width:38px!important}
}

/* ===== CLEAN TOPBAR HARD RESET ===== */
.clean-topbar,
.clean-topbar *{box-sizing:border-box}
.clean-topbar{
  height:64px!important; min-height:64px!important; max-height:64px!important;
  display:flex!important; align-items:center!important; justify-content:space-between!important;
  padding:0 14px!important; margin:0!important; overflow:visible!important;
  background:#fff!important; border-bottom:1px solid #e8edf3!important;
  position:sticky!important; top:0!important; z-index:999!important;
}
.clean-topbar .topbar-left,.clean-topbar .clean-actions{
  display:flex!important; align-items:center!important; gap:7px!important;
  height:64px!important; margin:0!important; padding:0!important;
}
.clean-topbar a,.clean-topbar button{font-family:inherit!important}
.ct-btn{
  width:38px!important;height:38px!important;min-width:38px!important;max-width:38px!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  padding:0!important;margin:0!important;border:1px solid #e2e8f0!important;border-radius:11px!important;
  background:#fff!important;color:#334155!important;text-decoration:none!important;cursor:pointer!important;
  line-height:1!important;position:relative!important;overflow:visible!important;box-shadow:none!important;
}
.ct-btn:hover{background:#f6faff!important;border-color:#b9dcf8!important;color:#168fe9!important}
.ct-btn svg,.ct-branch svg,.ct-user svg{
  width:18px!important;height:18px!important;min-width:18px!important;max-width:18px!important;
  display:block!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;
  stroke-linecap:round!important;stroke-linejoin:round!important;position:static!important;transform:none!important;
}
.ct-text{font-size:11px!important;font-weight:900!important;color:#111827!important}
.ct-badge{
  position:absolute!important;top:-6px!important;right:-6px!important;
  min-width:19px!important;height:19px!important;display:flex!important;align-items:center!important;justify-content:center!important;
  padding:0 4px!important;border-radius:999px!important;background:#ef4444!important;color:white!important;
  border:2px solid white!important;font-size:9px!important;font-weight:900!important;line-height:1!important;z-index:2!important;
}
.ct-sun{display:none!important}
html[data-theme="dark"] .ct-moon{display:none!important}
html[data-theme="dark"] .ct-sun{display:block!important}
.ct-branch{
  height:38px!important;min-width:145px!important;max-width:200px!important;
  display:inline-flex!important;align-items:center!important;gap:7px!important;
  padding:0 10px!important;margin:0!important;border:1px solid #e2e8f0!important;border-radius:11px!important;
  background:#fff!important;color:#334155!important;text-decoration:none!important;overflow:hidden!important;
}
.ct-branch-ico{width:25px!important;height:25px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:8px!important;background:#eaf5ff!important;color:#168fe9!important;flex:none!important}
.ct-branch-ico svg{width:14px!important;height:14px!important;min-width:14px!important;max-width:14px!important}
.ct-branch-text{font-size:11px!important;font-weight:800!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;flex:1!important}
.ct-chev{width:14px!important;height:14px!important;min-width:14px!important;max-width:14px!important;color:#94a3b8!important;flex:none!important}
.ct-user-wrap{position:relative!important;display:inline-flex!important;align-items:center!important;height:38px!important}
.ct-user{
  height:38px!important;min-width:135px!important;max-width:190px!important;
  display:inline-flex!important;align-items:center!important;gap:7px!important;
  padding:0 9px!important;margin:0!important;border:1px solid #e2e8f0!important;border-radius:11px!important;
  background:#fff!important;color:#334155!important;cursor:pointer!important;overflow:hidden!important;
}
.ct-avatar{width:26px!important;height:26px!important;min-width:26px!important;border-radius:8px!important;background:#58a66b!important;color:#fff!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;font-size:9px!important;font-weight:900!important;flex:none!important}
.ct-user-name{font-size:11px!important;font-weight:800!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;flex:1!important}
.ct-dropdown{
  display:none!important;position:absolute!important;top:44px!important;right:0!important;left:auto!important;
  width:220px!important;min-width:220px!important;height:auto!important;max-height:none!important;
  background:#fff!important;border:1px solid #e2e8f0!important;border-radius:12px!important;
  padding:6px!important;margin:0!important;box-shadow:0 15px 35px rgba(15,23,42,.14)!important;z-index:99999!important;
  overflow:hidden!important;
}
[dir="rtl"] .ct-dropdown{right:auto!important;left:0!important}
.ct-dropdown.open{display:block!important}
.ct-dropdown a{
  display:flex!important;align-items:center!important;width:100%!important;height:36px!important;
  padding:0 10px!important;margin:0!important;border:0!important;border-radius:8px!important;
  background:transparent!important;color:#334155!important;text-decoration:none!important;font-size:11px!important;font-weight:700!important;
}
.ct-dropdown a:hover{background:#f4f8fc!important;color:#168fe9!important}
.ct-dropdown a.danger{color:#dc2626!important}
html[data-theme="dark"] .clean-topbar{background:#111827!important;border-color:#283548!important}
html[data-theme="dark"] .ct-btn,html[data-theme="dark"] .ct-branch,html[data-theme="dark"] .ct-user{background:#111827!important;border-color:#2a3749!important;color:#e5edf5!important}
html[data-theme="dark"] .ct-dropdown{background:#111827!important;border-color:#2a3749!important}
html[data-theme="dark"] .ct-dropdown a{color:#e5edf5!important}
html[data-theme="dark"] .ct-dropdown a:hover{background:#17263a!important}
html[data-theme="dark"] .ct-badge{border-color:#111827!important}
@media(max-width:1050px){
  .ct-branch{min-width:38px!important;max-width:38px!important;width:38px!important;padding:0!important;justify-content:center!important}
  .ct-branch-text,.ct-branch>.ct-chev{display:none!important}
  .ct-user{min-width:38px!important;max-width:38px!important;width:38px!important;padding:0!important;justify-content:center!important}
  .ct-user-name,.ct-user>.ct-chev{display:none!important}
}
@media(max-width:700px){
  .clean-topbar{padding:0 7px!important}
  .clean-topbar .topbar-left,.clean-topbar .clean-actions{gap:4px!important}
  .ct-btn{width:36px!important;height:36px!important;min-width:36px!important;max-width:36px!important}
}


/* =========================================================
   ARABIC TYPOGRAPHY — JANNA / JANNAH
   ========================================================= */
@font-face{
  font-family:"Janna App";
  src:
    local("Janna LT"),
    local("Janna LT Regular"),
    local("Janna"),
    local("Jannah");
  font-style:normal;
  font-weight:400 900;
  font-display:swap;
}

/* Arabic UI only */
html[dir="rtl"] body,
html[dir="rtl"] button,
html[dir="rtl"] input,
html[dir="rtl"] select,
html[dir="rtl"] textarea,
html[dir="rtl"] table,
html[dir="rtl"] .sidebar,
html[dir="rtl"] .topbar,
html[dir="rtl"] .page,
html[dir="rtl"] .modal,
html[dir="rtl"] .dropdown,
html[dir="rtl"] .alert{
  font-family:"Janna App","Janna LT","Janna","Geeza Pro",Tahoma,Arial,sans-serif!important;
}

/* Cleaner Janna rhythm */
html[dir="rtl"] body{
  letter-spacing:0!important;
  font-feature-settings:"kern" 1;
  text-rendering:optimizeLegibility;
}

html[dir="rtl"] h1,
html[dir="rtl"] h2,
html[dir="rtl"] h3,
html[dir="rtl"] h4,
html[dir="rtl"] h5,
html[dir="rtl"] h6,
html[dir="rtl"] strong,
html[dir="rtl"] b,
html[dir="rtl"] .nav-label,
html[dir="rtl"] .page-head h1,
html[dir="rtl"] .home-hero h1,
html[dir="rtl"] .home-kpi-value,
html[dir="rtl"] .ct-user-name,
html[dir="rtl"] .ct-branch-text{
  font-family:"Janna App","Janna LT","Janna","Geeza Pro",Tahoma,Arial,sans-serif!important;
  font-weight:700!important;
}

html[dir="rtl"] input::placeholder,
html[dir="rtl"] textarea::placeholder{
  font-family:"Janna App","Janna LT","Janna","Geeza Pro",Tahoma,Arial,sans-serif!important;
}

/* Keep technical Latin identifiers and numbers readable */
html[dir="rtl"] code,
html[dir="rtl"] pre,
html[dir="rtl"] .member-number,
html[dir="rtl"] .reference,
html[dir="rtl"] [dir="ltr"]{
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;
}