@import "https://fonts.googleapis.com/css2?family=Baloo+Bhaijaan+2:wght@400;500;600;700;800&family=Readex+Pro:wght@300;400;500;600;700&family=Tajawal:wght@400;500;700;900&family=IBM+Plex+Sans+Arabic:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;700&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-cream:#fbf8f1;--bg-cream-alt:#f4efe4;--surface:#fff;--border-warm:#ede6d6;--gold:#b8923a;--gold-bright:#d2af53;--gold-grad:linear-gradient(90deg, #b8923a, #d2af53);--navy:#1b2a4a;--navy-2:#22345a;--navy-grad:linear-gradient(135deg, #1b2a4a, #22345a);--text:#241f2e;--text-muted:#9c9382;--success:#16a34a;--warning:#b45309;--danger:#dc2626;--danger-bg:#fef2f2;--danger-border:#fecaca;--bg:var(--bg-cream);--white:var(--surface);--border:var(--border-warm);--border-soft:#ede6d6;--card:var(--surface);--primary:var(--gold);--primary-dark:#8b6b28;--primary-light:var(--gold-bright);--primary-pale:#faf5e8;--primary-hover:#f5edd6;--info-bg:#faf5e8;--info-border:#ede6d6;--text-2:#6b5f4e;--text-3:#9c9382;--text-4:#bdb09a;--mono:"JetBrains Mono", "IBM Plex Mono", monospace;--font:"IBM Plex Sans Arabic", sans-serif;--r-sm:9px;--r-md:12px;--r-lg:16px;--r-xl:18px;--shadow:0 10px 24px -16px #3c281440;--shadow-md:0 4px 20px #3c28141f;--shadow-lg:0 10px 40px #3c281429}html,body{height:100%;font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#b8923a38;border-radius:10px}.cover-picker:hover .cover-picker-hover{opacity:1!important}@keyframes toastIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.toast-in{animation:.18s ease-out toastIn}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.login-root{background:var(--bg);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.login-card{background:var(--white);border:1px solid var(--border);border-radius:var(--r-xl);width:100%;max-width:420px;box-shadow:var(--shadow-md);padding:40px 44px}.login-logo{align-items:center;gap:11px;margin-bottom:32px;display:flex}.login-logo-icon{background:var(--gold-grad);border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:22px;display:flex}.login-logo-text{color:var(--primary-dark);font-size:20px;font-weight:700}.login-logo-sub{color:var(--text-4);font-size:10.5px;font-family:var(--mono);letter-spacing:.5px}.login-heading{color:var(--primary-dark);margin-bottom:6px;font-size:22px;font-weight:700}.login-sub{color:var(--text-3);margin-bottom:28px;font-size:13.5px}.login-lang-toggle{top:20px;background:var(--white);border:1px solid var(--border);color:var(--text-2);cursor:pointer;font-size:12.5px;font-weight:600;font-family:var(--font);border-radius:99px;padding:6px 14px;position:absolute;inset-inline-end:20px}.portal-root{width:100%;min-height:100vh;font-family:var(--font);background:var(--bg);display:flex}.sidebar{background:var(--white);border-inline-end:1px solid var(--border);flex-direction:column;flex-shrink:0;gap:3px;width:256px;height:100vh;padding:22px 14px;display:flex;position:sticky;top:0;overflow-y:auto}.sidebar-logo{align-items:center;gap:11px;padding:4px 8px 20px;display:flex}.sidebar-logo-icon{background:var(--gold-grad);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:21px;display:flex}.sidebar-logo-name{color:var(--primary-dark);font-size:19px;font-weight:700;line-height:1.15}.sidebar-logo-tag{color:var(--text-4);font-size:10.5px;font-family:var(--mono);letter-spacing:.5px}.sidebar-section-label{color:var(--text-4);letter-spacing:.4px;padding:8px 10px 4px;font-size:10.5px;font-weight:600}.sidebar-item{cursor:pointer;color:var(--text-2);-webkit-user-select:none;user-select:none;border-radius:11px;align-items:center;gap:11px;padding:10px 13px;font-size:14px;font-weight:500;transition:background .13s,color .13s;display:flex}.sidebar-item:hover{background:var(--bg-cream-alt);color:var(--gold)}.sidebar-item.active{background:var(--primary-pale);color:var(--gold);border-inline-start:3px solid var(--gold);padding-inline-start:10px;font-weight:600}.sidebar-item.disabled{opacity:.45;cursor:default;pointer-events:none}.sidebar-item-emoji{flex-shrink:0;font-size:17px;line-height:1}.sidebar-status{background:var(--info-bg);border:1px solid var(--info-border);border-radius:14px;margin-top:14px;padding:14px}.sidebar-status-header{color:var(--text-2);align-items:center;gap:7px;margin-bottom:10px;font-size:11.5px;display:flex}.status-dot{background:var(--primary);border-radius:50%;flex-shrink:0;width:8px;height:8px}.sidebar-status-row{justify-content:space-between;margin-bottom:8px;font-size:11.5px;display:flex}.sidebar-status-row:last-child{margin-bottom:0}.sidebar-status-key{color:var(--text-3)}.sidebar-status-val{font-family:var(--mono);color:var(--primary);font-weight:600}.sidebar-admin{background:var(--bg);border-radius:13px;align-items:center;gap:10px;margin-top:auto;padding:10px;display:flex}.sidebar-admin-avatar{background:var(--primary);width:38px;height:38px;color:var(--white);font-size:13px;font-weight:700;font-family:var(--mono);border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.sidebar-admin-name{color:var(--text);font-size:13px;font-weight:600}.sidebar-admin-role{color:var(--text-3);font-size:10.5px}.sidebar-logout{cursor:pointer;color:var(--text-3);font-size:16px;font-family:var(--font);background:0 0;border:none;border-radius:6px;margin-inline-start:auto;padding:4px;transition:color .12s}.sidebar-logout:hover{color:var(--danger)}.portal-main{flex-direction:column;flex:1;min-width:0;display:flex}.portal-header{background:var(--white);border-bottom:1px solid var(--border);z-index:10;align-items:center;gap:16px;padding:17px 28px;display:flex;position:sticky;top:0}.portal-hamburger{border:1px solid var(--border);background:var(--card);width:36px;height:36px;color:var(--text);cursor:pointer;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:none}.portal-backdrop{display:none}@media (width<=900px){.portal-hamburger{display:flex}.sidebar{inset-inline-start:0;z-index:50;height:100vh;transition:transform .25s;position:fixed;top:0;transform:translate(-100%)}[dir=rtl] .sidebar{transform:translate(100%)}.sidebar.mobile-open{transform:translate(0)}.portal-backdrop{z-index:40;background:#0a1a3a73;display:block;position:fixed;inset:0}}.header-title-text{color:var(--primary-dark);font-size:21px;font-weight:700;line-height:1.2}.header-title-sub{color:var(--text-3);margin-top:1px;font-size:12.5px}.header-actions{align-items:center;gap:10px;margin-inline-start:auto;display:flex}.header-pill{background:var(--bg);border:1px solid var(--border);color:var(--text-2);cursor:pointer;font-size:13px;font-family:var(--font);border-radius:11px;align-items:center;gap:6px;padding:9px 14px;transition:background .12s;display:flex}.header-pill:hover{background:var(--primary-pale)}.btn-primary{background:var(--gold-grad);color:var(--white);cursor:pointer;font-size:13.5px;font-weight:600;font-family:var(--font);white-space:nowrap;border:none;border-radius:11px;align-items:center;gap:6px;padding:10px 18px;transition:opacity .13s,box-shadow .13s;display:inline-flex}.btn-primary:hover:not(:disabled){opacity:.88;box-shadow:var(--shadow-md)}.btn-primary:active:not(:disabled){transform:translateY(1px)}.btn-primary:disabled{opacity:.55;cursor:not-allowed}.portal-content{flex:1;padding:24px 28px 48px;overflow:auto}.kpi-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px;display:grid}.kpi-card{background:var(--white);border:1px solid var(--border);border-radius:var(--r-lg);padding:18px}.kpi-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.kpi-label{color:var(--text-3);font-size:12.5px}.kpi-trend{font-size:11.5px;font-weight:700}.kpi-trend.up{color:var(--primary)}.kpi-trend.down{color:var(--danger)}.kpi-trend.flat{color:var(--text-3)}.kpi-value{font-family:var(--mono);color:var(--text);font-size:26px;font-weight:600}.kpi-sub{color:var(--text-4);margin-top:3px;font-size:11.5px}.card{background:var(--white);border:1px solid var(--border);border-radius:var(--r-xl);padding:22px}.card-title{color:var(--primary-dark);font-size:17px;font-weight:700}.card-sub{color:var(--text-4);margin-top:2px;font-size:12px}.manual-payments-page{gap:18px;padding:0 0 32px;display:grid}.manual-payment-tabs{background:#eef0f4;border:1px solid #e2e5eb;border-radius:14px;flex-wrap:wrap;justify-self:start;gap:4px;padding:5px;display:inline-flex}.manual-payment-tab{color:#4b5563;font:700 13px var(--font);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;padding:9px 20px;transition:all .15s}.manual-payment-tab.is-active{border-color:var(--navy);background:var(--navy);color:#fff;box-shadow:0 2px 6px #0000002e}.manual-payment-section{background:var(--white);border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--shadow);padding:22px}.manual-payment-section-header{border-bottom:1px solid var(--border-soft);justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;padding-bottom:14px;display:flex}.manual-payment-section--config{max-width:920px}.manual-payment-methods{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;display:grid}.manual-payment-method-card{border:1px solid var(--border);border-radius:var(--r-lg);background:var(--bg);padding:20px}.manual-payment-input,.manual-phone-input{border:1px solid var(--border);background:var(--white);border-radius:11px;width:100%;min-height:44px;transition:border-color .15s,box-shadow .15s}.manual-payment-input{font:13.5px var(--font);color:var(--text);outline:none;padding:9px 12px}.manual-phone-input{align-items:stretch;display:flex;overflow:hidden}.manual-phone-input span{border-right:1px solid var(--border);color:var(--text-2);font:600 13.5px var(--mono);align-items:center;padding:0 12px;display:flex}.manual-phone-input input{width:100%;min-width:0;color:var(--text);font:13.5px var(--mono);background:0 0;border:0;outline:0;padding:9px 12px}.manual-payment-input:focus,.manual-phone-input:focus-within{border-color:var(--gold);box-shadow:0 0 0 3px #b8923a26}.manual-payment-hint{color:var(--text-4);margin-top:6px;font-size:11.5px}.manual-payment-toolbar{margin-bottom:14px}.manual-payment-toolbar .search-wrap{max-width:420px}.manual-date-filter{color:var(--text-3);align-items:center;gap:6px;font-size:12.5px;font-weight:600;display:flex}.manual-date-filter input{border:1px solid var(--border);font:13px var(--font);background:var(--white);color:var(--text);border-radius:11px;outline:none;padding:8px 10px;transition:border-color .15s,box-shadow .15s}.manual-date-filter input:focus{border-color:var(--gold);box-shadow:0 0 0 3px #b8923a26}.manual-payment-table{min-width:900px;font-size:12.5px}.manual-payment-table th{padding-inline:10px}.manual-payment-table td{vertical-align:top;padding:11px 10px}.manual-payment-table img{width:32px;height:21px}.manual-payment-table svg{width:20px;height:20px}.manual-payment-table b{font-size:11.5px}.mp-num{font-variant-numeric:tabular-nums;letter-spacing:.2px;white-space:nowrap}.mp-amount{font-variant-numeric:tabular-nums;color:var(--text-2);margin-top:2px;font-size:12.5px;font-weight:700}.mp-date{white-space:nowrap}.mp-actions{flex-wrap:wrap;gap:6px;display:flex}.manual-payment-table .btn-ghost,.manual-payment-table .btn-primary,.manual-payment-table .btn-danger{padding:5px 10px;font-size:12px}@media (width<=760px){.manual-payment-section{padding:16px}.manual-payment-tabs{display:flex}.manual-payment-tab{flex:1;padding:9px 12px}.manual-payment-toolbar .search-wrap{flex-basis:100%;max-width:none}}.two-col{grid-template-columns:1fr 330px;align-items:start;gap:20px;display:grid}.three-col{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}@media (width<=900px){.le-field-row,.le-editor-split{grid-template-columns:1fr!important}}.bar-chart{align-items:flex-end;gap:10px;height:200px;margin-top:24px;display:flex}.bar-col{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:8px;height:100%;display:flex}.bar-fill{border-radius:7px 7px 3px 3px;width:100%;max-width:34px;transition:height .3s}.bar-label{color:var(--text-3);font-size:11px}.donut-wrap{justify-content:center;margin-bottom:20px;display:flex}.donut{border-radius:50%;justify-content:center;align-items:center;width:150px;height:150px;display:flex}.donut-inner{background:var(--white);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:96px;height:96px;display:flex}.donut-center-val{font-family:var(--mono);color:var(--primary-dark);font-size:19px;font-weight:600}.donut-center-sub{color:var(--text-4);font-size:10.5px}.legend-row{align-items:center;gap:9px;margin-bottom:11px;font-size:13px;display:flex}.legend-dot{border-radius:3px;flex-shrink:0;width:11px;height:11px}.legend-label{color:var(--text)}.legend-pct{font-family:var(--mono);color:var(--text-2);margin-inline-start:auto;font-weight:600}.progress-row{align-items:center;gap:14px;margin-bottom:14px;display:flex}.progress-row:last-child{margin-bottom:0}.progress-icon{background:var(--primary-pale);border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:19px;display:flex}.progress-meta{flex:1;min-width:0}.progress-header{justify-content:space-between;margin-bottom:6px;display:flex}.progress-name{color:var(--text);font-size:13.5px;font-weight:600}.progress-val{font-family:var(--mono);color:var(--primary);font-size:13px;font-weight:600}.progress-bar-track{background:var(--info-bg);border-radius:99px;height:7px;overflow:hidden}.progress-bar-fill{background:var(--gold-grad);border-radius:99px;height:100%}.table-toolbar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;display:flex}.search-wrap{flex:1;min-width:200px;position:relative}.search-wrap .search-icon{top:50%;color:var(--text-4);pointer-events:none;font-size:14px;line-height:1;position:absolute;inset-inline-start:13px;transform:translateY(-50%)}.search-wrap input{border:1px solid var(--border);width:100%;font-size:13.5px;font-family:var(--font);background:var(--white);color:var(--text);border-radius:11px;outline:none;padding:9px 13px 9px 38px;transition:border-color .15s,box-shadow .15s}[dir=rtl] .search-wrap input{padding:9px 38px 9px 13px}.search-wrap input:focus{border-color:var(--gold);box-shadow:0 0 0 3px #b8923a26}.search-wrap input::placeholder{color:var(--text-4)}.filter-select{border:1px solid var(--border);font-size:13.5px;font-family:var(--font);background:var(--white);color:var(--text);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%239CBCA9' stroke-width='2.5'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;border-radius:11px;outline:none;padding:9px 30px 9px 13px;transition:border-color .15s,box-shadow .15s}[dir=rtl] .filter-select{background-position:10px;padding:9px 13px 9px 30px}.filter-select:focus{border-color:var(--gold);box-shadow:0 0 0 3px #b8923a26}.table-card{background:var(--white);border:1px solid var(--border);border-radius:var(--r-lg);overflow:auto}.data-table{border-collapse:collapse;width:100%;font-size:13.5px}.data-table thead{background:var(--bg);border-bottom:1px solid var(--border)}.data-table th{text-align:start;color:var(--text-3);text-transform:uppercase;letter-spacing:.4px;white-space:nowrap;padding:12px 18px;font-size:11.5px;font-weight:600}.data-table td{border-bottom:1px solid var(--border-soft);vertical-align:middle;padding:14px 18px}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr:hover{background:var(--bg)}.cell-muted{color:var(--text-3)}.cell-mono{font-family:var(--mono)}.table-empty{text-align:center;color:var(--text-4);font-size:14px;padding:52px 16px!important}.user-cell{align-items:center;gap:12px;display:flex}.user-avatar{background:var(--primary-pale);width:38px;height:38px;color:var(--primary);font-size:13px;font-weight:700;font-family:var(--mono);border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.user-name{color:var(--text);font-size:14px;font-weight:600}.user-name-ar,.user-sub{color:var(--text-4);margin-top:1px;font-size:11.5px}.badge{white-space:nowrap;border-radius:99px;padding:4px 11px;font-size:11.5px;font-weight:600;display:inline-block}.badge-green{color:#15803d;background:#dcfce7}.badge-teal{color:#0f766e;background:#ccfbf1}.badge-blue{color:#1d4ed8;background:#dbeafe}.badge-violet{color:#6d28d9;background:#ede9fe}.badge-amber{color:#b45309;background:#fef3c7}.badge-rose{color:#9f1239;background:#ffe4e6}.badge-slate{color:#64748b;background:#f1f5f9}.table-pagination{border-top:1px solid var(--border-soft);color:var(--text-3);justify-content:space-between;align-items:center;padding:13px 18px;font-size:13px;display:flex}.pagination-btns{gap:8px;display:flex}.page-btn{border:1px solid var(--border);background:var(--white);color:var(--text-2);cursor:pointer;font-size:13px;font-weight:500;font-family:var(--font);border-radius:9px;align-items:center;gap:5px;padding:7px 14px;transition:background .12s;display:inline-flex}.page-btn:hover:not(:disabled){background:var(--bg)}.page-btn:disabled{opacity:.4;cursor:not-allowed}.expiry-soon{color:#b45309;font-weight:600}.expiry-past{color:var(--danger);font-weight:600}tr.row-expired td{opacity:.65}tr.row-cancelled td{opacity:.55}tr.row-expiring{background:#fffbeb}tr.row-expiring:hover{background:#fef3c7}.ref-code{font-family:var(--mono);background:var(--bg);color:var(--text-2);border-radius:5px;padding:3px 8px;font-size:12px}.perm-info{background:var(--info-bg);border:1px solid var(--info-border);color:var(--primary-dark);border-radius:13px;align-items:center;gap:10px;margin-bottom:20px;padding:14px 18px;font-size:13px;display:flex}.perm-table th{text-align:center}.perm-table th:first-child{text-align:start}.perm-table td{text-align:center}.perm-table td:first-child{text-align:start;font-size:13.5px;font-weight:500}.perm-icon{font-size:18px}.audience-chips{flex-wrap:wrap;gap:9px;margin-bottom:20px;display:flex}.audience-chip{background:var(--bg);border:1px solid var(--border);color:var(--text-2);cursor:pointer;font-size:12.5px;font-family:var(--font);border-radius:9px;padding:8px 15px;transition:background .12s,border-color .12s}.audience-chip.selected{background:var(--primary);color:var(--white);border-color:var(--primary)}.channel-grid{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:20px;display:grid}.channel-card{border:1.5px solid var(--border);text-align:center;cursor:pointer;font-family:var(--font);border-radius:12px;padding:12px;transition:border-color .12s,background .12s}.channel-card.selected{border-color:var(--primary);background:var(--primary-pale)}.channel-card .channel-emoji{font-size:20px}.channel-card .channel-label{color:var(--primary-dark);margin-top:5px;font-size:11.5px;font-weight:600}.channel-card:not(.selected) .channel-label{color:var(--text-4)}.announce-input{border:1px solid var(--border);width:100%;font-size:13.5px;font-family:var(--font);color:var(--text);background:var(--white);resize:vertical;border-radius:11px;outline:none;padding:13px 15px;transition:border-color .15s,box-shadow .15s}.announce-input:focus{border-color:var(--gold);box-shadow:0 0 0 3px #b8923a26}.announce-input::placeholder{color:var(--text-4)}.broadcast-item{border-bottom:1px solid var(--border-soft);margin-bottom:16px;padding-bottom:16px}.broadcast-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.broadcast-header{align-items:center;gap:8px;margin-bottom:6px;display:flex}.broadcast-time{color:var(--text-4);margin-inline-start:auto;font-size:11px}.broadcast-title{color:var(--text);margin-bottom:8px;font-size:13.5px;font-weight:600}.broadcast-stats{color:var(--text-3);gap:14px;font-size:11.5px;display:flex}.form-group{margin-bottom:18px}.form-group label{color:var(--text-2);margin-bottom:8px;font-size:12.5px;font-weight:600;display:block}.form-group input,.form-group textarea{border:1px solid var(--border);width:100%;font-size:13.5px;font-family:var(--font);color:var(--text);background:var(--bg);border-radius:11px;outline:none;padding:11px 14px;transition:border-color .15s,box-shadow .15s,background .15s}.form-group input:focus,.form-group textarea:focus{border-color:var(--gold);background:var(--white);box-shadow:0 0 0 3px #b8923a26}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-4)}.form-group input.input-error{background:#fff7f7;border-color:#f87171}.form-group input.input-error:focus{border-color:var(--danger);box-shadow:0 0 0 3px #ef44441f}.adm-input{border:1px solid var(--border);font-size:12.5px;font-family:var(--font);color:var(--text);background:var(--white);border-radius:9px;outline:none;padding:9px 12px;transition:border-color .15s,box-shadow .15s}.adm-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #0596691f}.adm-input::placeholder{color:var(--text-4)}.input-field{box-sizing:border-box;border:1px solid var(--border);width:100%;font-size:13px;font-family:var(--font);color:var(--text);background:var(--white);border-radius:9px;outline:none;padding:9px 12px;transition:border-color .15s,box-shadow .15s}.input-field:focus{border-color:var(--primary);box-shadow:0 0 0 3px #0596691f}.input-field::placeholder{color:var(--text-4)}.input-field:disabled{background:var(--bg);color:var(--text-4);cursor:not-allowed}select.input-field{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%239CBCA9' stroke-width='2.5'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-inline-end:30px}[dir=rtl] select.input-field{background-position:12px}textarea.input-field{resize:vertical;line-height:1.6}.form-select{border:1px solid var(--border);width:100%;font-size:13.5px;font-family:var(--font);color:var(--text);background:var(--bg);appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%239CBCA9' stroke-width='2.5'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;border-radius:11px;outline:none;padding:11px 30px 11px 14px;transition:border-color .15s,box-shadow .15s}[dir=rtl] .form-select{background-position:12px;padding:11px 14px 11px 30px}.form-select:focus{border-color:var(--gold);box-shadow:0 0 0 3px #b8923a26}.form-select.input-error{border-color:#f87171}.form-row{grid-template-columns:1fr 1fr;gap:0 16px;display:grid}.field-required{color:var(--danger)}.field-error{color:var(--danger);margin-top:5px;font-size:12px;font-weight:500}.field-hint{color:var(--text-4);margin-top:5px;font-size:12px}.modal-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:200;background:#1b2a4a73;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal{background:var(--white);box-shadow:var(--shadow-lg);border-radius:18px;width:100%;max-width:560px;max-height:calc(100vh - 32px);overflow-y:auto}.modal-header{justify-content:space-between;align-items:flex-start;gap:12px;padding:24px 24px 0;display:flex}.modal-title{color:var(--primary-dark);font-size:17px;font-weight:700}.modal-subtitle{color:var(--text-3);margin-top:3px;font-size:13px}.modal-close{cursor:pointer;color:var(--text-4);background:0 0;border:none;border-radius:6px;flex-shrink:0;padding:4px;font-size:18px;line-height:1;transition:color .12s,background .12s}.modal-close:hover{color:var(--text);background:var(--bg)}.modal-body{padding:20px 24px}.modal-footer{justify-content:flex-end;gap:10px;margin-top:4px;padding-top:8px;display:flex}.btn-ghost{font-size:13.5px;font-weight:500;font-family:var(--font);border:1px solid var(--border);color:var(--text-2);cursor:pointer;background:0 0;border-radius:11px;padding:10px 18px;transition:background .12s}.btn-ghost:hover:not(:disabled){background:var(--bg)}.btn-ghost:disabled{opacity:.5;cursor:not-allowed}.btn-icon-edit,.btn-icon-delete{border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:6px;justify-content:center;align-items:center;width:30px;height:30px;font-size:14px;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.btn-icon-edit{color:var(--text-muted)}.btn-icon-edit:hover{background:var(--bg);color:var(--text);border-color:var(--text-muted)}.btn-icon-delete{color:#dc2626;border-color:#fecaca}.btn-icon-delete:hover{background:#fef2f2;border-color:#dc2626}.btn-danger{color:#fff;cursor:pointer;background:#dc2626;border:none;border-radius:8px;align-items:center;gap:6px;padding:10px 18px;font-size:14px;font-weight:600;transition:background .15s,box-shadow .15s;display:inline-flex}.btn-danger:hover:not(:disabled){background:#b91c1c}.btn-danger:disabled{opacity:.55;cursor:not-allowed}.skeleton{background:linear-gradient(90deg, var(--bg) 25%, var(--border) 50%, var(--bg) 75%);border-radius:var(--r-md);background-size:200% 100%;animation:1.5s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-kpi{height:110px}.alert-error{background:var(--danger-bg);border:1px solid var(--danger-border);color:var(--danger);border-radius:11px;align-items:center;gap:8px;margin-bottom:18px;padding:13px 16px;font-size:13.5px;display:flex}.alert-success{color:var(--primary-dark);background:#faf5e8;border:1px solid #e8d9b0;border-radius:11px;align-items:center;gap:8px;margin-bottom:18px;padding:13px 16px;font-size:13.5px;display:flex}.section-title{text-transform:uppercase;letter-spacing:.6px;color:var(--text-4);margin-top:8px;margin-bottom:14px;font-size:10.5px;font-weight:600}.coming-soon{color:var(--text-4);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:80px 24px;display:flex}.coming-soon .emoji{font-size:42px}.coming-soon h3{color:var(--text-2);font-size:16px;font-weight:600}.coming-soon p{max-width:320px;font-size:13.5px;line-height:1.6}.jeel-ip{--navy:#16233f;--navy-2:#22345a;--navy-3:#2c4068;--gold:#c7a23f;--gold-2:#e6c566;--gold-deep:#b8923a;--ivory:#f2ede1;--ivory-2:#efe7d4;--ink:#16233f;--muted:#9c9078;--muted-2:#a89b80;--idle:#6a6450;--line:#e6ddc9;--line-strong:#e6ddc9;--card:#fbf8f1;--field:#f2ede1;--field-border:#e6ddc9;--green:#1e8e5a;--green-bg:#e6f4ec;--amber:#b8821f;--amber-bg:#fbf1d9;--red:#c0392b;--red-bg:#fbeae7;--blue:#2563eb;--blue-bg:#e8eefc;--shadow:0 1px 2px #16233f0a, 0 8px 24px -16px #16233f2e;--shadow-lg:0 20px 50px -28px #16233f73;color:var(--ink);background:var(--ivory);-webkit-font-smoothing:antialiased;font-family:Readex Pro,system-ui,sans-serif;line-height:1.55}.jeel-ip *,.jeel-ip :before,.jeel-ip :after{box-sizing:border-box}.jeel-ip ::selection{background:var(--gold);color:var(--navy)}.jeel-ip a{color:inherit;text-decoration:none}.jeel-ip button{cursor:pointer;font-family:inherit}.jeel-ip ::-webkit-scrollbar{width:10px;height:10px}.jeel-ip ::-webkit-scrollbar-track{background:0 0}.jeel-ip ::-webkit-scrollbar-thumb{background:#b492324d;border-radius:10px}.jeel-ip .app{grid-template-columns:268px 1fr;min-height:100vh;display:grid}.jeel-ip .sidebar{background:var(--card);color:var(--idle);border-inline-end:1.5px solid var(--line);flex-direction:column;grid-column:1;height:100vh;padding:22px 18px;display:flex;position:sticky;top:0;overflow-y:auto}.jeel-ip .s-brand{align-items:center;gap:10px;padding:2px 8px 20px;display:flex}.jeel-ip .s-logo-icon{object-fit:contain;flex-shrink:0;width:46px;height:46px}.jeel-ip .s-name{color:var(--navy);font-family:"Baloo Bhaijaan 2",cursive;font-size:19px;font-weight:800;line-height:1}.jeel-ip .s-name span{color:var(--gold-deep)}.jeel-ip .s-sub{color:var(--muted);letter-spacing:.06em;margin-top:4px;font-family:JetBrains Mono;font-size:11px}.jeel-ip .s-group{color:var(--muted-2);letter-spacing:.12em;text-transform:uppercase;padding:18px 12px 8px;font-size:11px;font-weight:600}.jeel-ip .s-link{text-align:start;width:100%;color:var(--idle);background:0 0;border:none;border-radius:11px;align-items:center;gap:12px;margin-bottom:2px;padding:11px 13px;font-size:14.5px;font-weight:600;transition:all .15s;display:flex;position:relative}.jeel-ip .s-link .ic{opacity:.85;flex:none;width:20px;height:20px}.jeel-ip .s-link:hover{color:var(--navy);background:#fff9}.jeel-ip .s-link.active{border:1.5px solid var(--line);color:var(--navy);background:#fff;border-radius:13px;box-shadow:0 2px #e0d2ac,0 8px 18px -8px #b8923a66}.jeel-ip .s-link .badge{background:var(--gold);color:var(--navy);letter-spacing:.04em;border-radius:999px;margin-inline-start:auto;padding:2px 7px;font-family:JetBrains Mono;font-size:9.5px;font-weight:700}.jeel-ip .s-link .count{color:#fff;background:#c0392be6;border-radius:999px;place-items:center;min-width:20px;height:20px;margin-inline-start:auto;padding:0 6px;font-size:11px;font-weight:700;display:grid}.jeel-ip .s-prof{background:linear-gradient(140deg, var(--navy), var(--navy-3));color:#fff;border-radius:18px;flex-shrink:0;margin-top:auto;margin-bottom:6px;padding:13px;transition:all .15s;position:relative;overflow:hidden}.jeel-ip .s-prof:hover{transform:translateY(-2px);box-shadow:0 14px 28px -14px #16233f8c}.jeel-ip .s-prof:before{content:"";inset-inline-start:-18px;border:2px dashed #c7a23f66;border-radius:50%;width:60px;height:60px;position:absolute;top:-18px}.jeel-ip .s-prof-row{align-items:center;gap:10px;display:flex;position:relative}.jeel-ip .s-ava{width:38px;height:38px;color:var(--navy);background:#c7a23f38;border-radius:12px;flex-shrink:0;place-items:center;font-family:"Baloo Bhaijaan 2",cursive;font-size:17px;font-weight:800;display:grid}.jeel-ip .s-prof-name{color:#fff;font-size:13.5px;font-weight:700;line-height:1.3}.jeel-ip .s-prof-role{color:#fff;opacity:.8;margin-top:1px;font-size:11px;line-height:1.3}.jeel-ip .s-prof-stats{gap:6px;margin-top:11px;display:flex;position:relative}.jeel-ip .s-stat{text-align:center;background:#ffffff1a;border-radius:12px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;min-height:46px;padding:7px 4px;display:flex}.jeel-ip .s-stat b{color:var(--gold-2);font-family:JetBrains Mono;font-size:14px;font-weight:700;line-height:1.1;display:block}.jeel-ip .s-stat span{color:#fff;opacity:.75;font-size:9.5px;line-height:1.15}.jeel-ip .main{grid-column:2;padding:26px 34px 60px;overflow:hidden}.jeel-ip .topbar{justify-content:space-between;align-items:center;gap:20px;margin-bottom:26px;display:flex}.jeel-ip .page-title h1{color:var(--navy);letter-spacing:-.01em;margin:0;font-family:"Baloo Bhaijaan 2",cursive;font-size:30px;font-weight:800;line-height:1.1}.jeel-ip .page-title .crumb{color:var(--muted);letter-spacing:.05em;margin-top:5px;font-family:JetBrains Mono;font-size:11.5px}.jeel-ip .topbar-actions{align-items:center;gap:12px;display:flex}.jeel-ip .search{background:var(--card);border:1px solid var(--field-border);width:300px;box-shadow:var(--shadow);border-radius:12px;align-items:center;gap:9px;padding:10px 15px;display:flex}.jeel-ip .search input{width:100%;color:var(--ink);background:0 0;border:none;outline:none;font-family:inherit;font-size:14px}.jeel-ip .search input::placeholder{color:#a3a9b8}.jeel-ip .icon-btn{background:var(--card);border:1px solid var(--field-border);width:42px;height:42px;box-shadow:var(--shadow);color:var(--navy);border-radius:12px;place-items:center;display:grid;position:relative}.jeel-ip .icon-btn:hover{border-color:var(--gold)}.jeel-ip .icon-btn .dot{background:var(--red);border:2px solid var(--card);border-radius:50%;width:8px;height:8px;position:absolute;top:9px;left:11px}.jeel-ip .lang-pill{background:var(--card);border:1px solid var(--field-border);height:42px;color:var(--navy);box-shadow:var(--shadow);border-radius:12px;align-items:center;gap:7px;padding:0 13px;font-family:JetBrains Mono;font-size:12px;font-weight:700;display:flex}.jeel-ip .card{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:18px}.jeel-ip .pad{padding:22px}.jeel-ip .row{align-items:center;display:flex}.jeel-ip .between{justify-content:space-between}.jeel-ip .gap{gap:14px}.jeel-ip .sec-title{color:var(--navy);align-items:center;gap:9px;font-family:"Baloo Bhaijaan 2",cursive;font-size:18px;font-weight:800;display:flex}.jeel-ip .sec-link{color:var(--gold-deep);background:0 0;border:none;font-family:JetBrains Mono;font-size:12.5px;font-weight:600}.jeel-ip .sec-link:hover{color:var(--gold)}.jeel-ip .muted{color:var(--muted)}.jeel-ip .chip{letter-spacing:.02em;border-radius:999px;align-items:center;gap:6px;padding:4px 11px;font-family:JetBrains Mono;font-size:11.5px;font-weight:700;display:inline-flex}.jeel-ip .chip.green{background:var(--green-bg);color:var(--green)}.jeel-ip .chip.amber{background:var(--amber-bg);color:var(--amber)}.jeel-ip .chip.red{background:var(--red-bg);color:var(--red)}.jeel-ip .chip.blue{background:var(--blue-bg);color:var(--blue)}.jeel-ip .chip.gold{background:var(--amber-bg);color:var(--amber)}.jeel-ip .chip.navy{color:var(--navy);background:#16233f14}.jeel-ip .chip .led{background:currentColor;border-radius:50%;width:7px;height:7px}.jeel-ip .btn{border:1px solid #0000;border-radius:11px;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-family:"Baloo Bhaijaan 2",cursive;font-size:14px;font-weight:700;transition:all .15s;display:inline-flex}.jeel-ip .btn-navy{background:var(--navy);color:var(--ivory)}.jeel-ip .btn-navy:hover{transform:translateY(-1px);box-shadow:0 12px 26px -14px #16233f99}.jeel-ip .btn-gold{background:var(--gold);color:var(--navy)}.jeel-ip .btn-gold:hover{background:var(--gold-2)}.jeel-ip .btn-ghost{color:var(--navy);border-color:var(--field-border);background:0 0}.jeel-ip .btn-ghost:hover{border-color:var(--gold);background:#c7a23f0f}.jeel-ip .btn-sm{border-radius:9px;padding:7px 13px;font-size:12.5px}.jeel-ip .stat-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:22px;display:grid}.jeel-ip .stat{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:16px;padding:18px;position:relative;overflow:hidden}.jeel-ip .stat:after{content:"";background:radial-gradient(circle,#c7a23f1a,#0000 70%);border-radius:50%;width:90px;height:90px;position:absolute;inset:auto -20px -30px auto}.jeel-ip .stat-ic{border-radius:12px;place-items:center;width:42px;height:42px;margin-bottom:14px;font-size:20px;display:grid}.jeel-ip .stat-ic.g1{background:var(--blue-bg);color:var(--blue)}.jeel-ip .stat-ic.g2{background:var(--green-bg);color:var(--green)}.jeel-ip .stat-ic.g3{background:var(--amber-bg);color:var(--amber)}.jeel-ip .stat-ic.g4{color:var(--navy);background:#16233f12}.jeel-ip .stat-val{color:var(--navy);font-family:"Baloo Bhaijaan 2",cursive;font-size:30px;font-weight:800;line-height:1}.jeel-ip .stat-lbl{color:var(--muted);margin-top:6px;font-size:13px}.jeel-ip .stat-sub{color:var(--muted);opacity:.75;margin-top:3px;font-size:11px}.jeel-ip .stat-delta{align-items:center;gap:4px;margin-top:9px;font-family:JetBrains Mono;font-size:11px;font-weight:700;display:inline-flex}.jeel-ip .stat-delta.up{color:var(--green)}.jeel-ip .stat-delta.down{color:var(--red)}.jeel-ip .grid-2{grid-template-columns:1.6fr 1fr;gap:20px;display:grid}.jeel-ip .grid-2b{grid-template-columns:1fr 1fr;gap:20px;display:grid}.jeel-ip .stack{flex-direction:column;gap:20px;display:flex}.jeel-ip .lesson{border-bottom:1px solid var(--line);align-items:center;gap:14px;padding:14px 0;display:flex}.jeel-ip .lesson:last-child{border-bottom:none}.jeel-ip .lesson-ic{background:var(--ivory-2);border-radius:13px;flex:none;place-items:center;width:46px;height:46px;font-size:22px;display:grid}.jeel-ip .lesson-main{flex:1;min-width:0}.jeel-ip .lesson-title{color:var(--navy);font-size:15px;font-weight:700}.jeel-ip .lesson-meta{color:var(--muted);margin-top:2px;font-size:12.5px}.jeel-ip .tbl{border-collapse:collapse;width:100%}.jeel-ip .tbl th{text-align:right;letter-spacing:.05em;color:var(--muted);border-bottom:1px solid var(--line);text-transform:uppercase;padding:0 14px 12px;font-family:JetBrains Mono;font-size:11.5px;font-weight:700}.jeel-ip .tbl td{border-bottom:1px solid var(--line);vertical-align:middle;padding:14px;font-size:14px}.jeel-ip .tbl tr:last-child td{border-bottom:none}.jeel-ip .tbl tr:hover td{background:#c7a23f0a}.jeel-ip .stu{align-items:center;gap:11px;display:flex}.jeel-ip .stu-ava{color:#fff;border-radius:11px;flex:none;place-items:center;width:38px;height:38px;font-family:"Baloo Bhaijaan 2",cursive;font-size:15px;font-weight:800;display:grid}.jeel-ip .stu-name{color:var(--navy);font-size:14px;font-weight:700}.jeel-ip .stu-sub{color:var(--muted);font-size:11.5px}.jeel-ip .prog{background:var(--ivory-2);border-radius:999px;min-width:90px;height:8px;overflow:hidden}.jeel-ip .prog i{background:linear-gradient(90deg, var(--gold-deep), var(--gold));border-radius:999px;height:100%;display:block}.jeel-ip .mini-link{color:var(--gold-deep);background:0 0;border:none;font-family:JetBrains Mono;font-size:11.5px;font-weight:700}.jeel-ip .bar-row{margin-bottom:15px}.jeel-ip .bar-row:last-child{margin-bottom:0}.jeel-ip .bar-top{justify-content:space-between;margin-bottom:7px;font-size:13px;display:flex}.jeel-ip .bar-top b{color:var(--navy);font-weight:600}.jeel-ip .bar-top span{color:var(--gold-deep);font-family:JetBrains Mono;font-weight:700}.jeel-ip .bar{background:var(--ivory-2);border-radius:999px;height:9px;overflow:hidden}.jeel-ip .bar i{background:linear-gradient(90deg, var(--gold-deep), var(--gold-2));border-radius:999px;height:100%;display:block}.jeel-ip .hero-card{background:linear-gradient(135deg, var(--navy) 0%, var(--navy-2) 52%, var(--navy-3) 100%);color:#e7ecf7;box-shadow:var(--shadow-lg);border-radius:24px;padding:22px;position:relative;overflow:hidden}.jeel-ip .hero-card:before{content:"";aspect-ratio:1;background:radial-gradient(circle,#c7a23f38,#0000 60%);width:55%;position:absolute;inset:auto -10% -40% auto}.jeel-ip .hero-badge{letter-spacing:.1em;color:var(--gold-2);background:#c7a23f24;border:1px solid #c7a23f4d;border-radius:999px;align-items:center;gap:7px;padding:5px 11px;font-family:JetBrains Mono;font-size:10.5px;font-weight:700;display:inline-flex}.jeel-ip .hero-card h3{color:#fff;z-index:2;margin:13px 0 8px;font-family:"Baloo Bhaijaan 2",cursive;font-size:20px;font-weight:800;position:relative}.jeel-ip .hero-card p{color:#aeb8d2;z-index:2;margin-bottom:16px;font-size:13.5px;line-height:1.6;position:relative}.jeel-ip .donut-wrap{align-items:center;gap:22px;display:flex}.jeel-ip .donut{border-radius:50%;flex:none;place-items:center;width:120px;height:120px;display:grid;position:relative}.jeel-ip .donut:before{content:"";background:var(--card);border-radius:50%;position:absolute;inset:13px}.jeel-ip .donut b{color:var(--navy);font-family:"Baloo Bhaijaan 2",cursive;font-size:28px;font-weight:800;position:relative}.jeel-ip .donut small{color:var(--muted);text-align:center;margin-top:-4px;font-size:11px;display:block;position:relative}.jeel-ip .leg{flex-direction:column;gap:11px;display:flex}.jeel-ip .leg-item{align-items:center;gap:9px;font-size:13px;display:flex}.jeel-ip .leg-dot{border-radius:3px;width:11px;height:11px}.jeel-ip .notif{border-bottom:1px solid var(--line);gap:12px;padding:13px 0;display:flex}.jeel-ip .notif:last-child{border-bottom:none}.jeel-ip .notif-ic{border-radius:10px;flex:none;place-items:center;width:36px;height:36px;font-size:16px;display:grid}.jeel-ip .notif-txt{color:var(--ink);font-size:13.5px;line-height:1.5}.jeel-ip .notif-txt b{color:var(--navy);font-weight:700}.jeel-ip .notif-time{color:var(--muted);margin-top:3px;font-family:JetBrains Mono;font-size:10.5px}.jeel-ip .fbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:18px;display:flex}.jeel-ip .ftag{border:1px solid var(--field-border);background:var(--card);color:var(--navy);border-radius:999px;padding:8px 15px;font-size:13px;font-weight:600}.jeel-ip .ftag.on{background:var(--navy);color:#fff;border-color:var(--navy)}.jeel-ip .ftag:hover:not(.on){border-color:var(--gold)}.jeel-ip .ws-tabs{background:var(--field);border-radius:12px;gap:4px;margin-bottom:22px;padding:4px;display:flex;overflow-x:auto}.jeel-ip .ws-tab{color:var(--muted);white-space:nowrap;background:0 0;border:none;border-radius:9px;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px 14px;font-family:"Baloo Bhaijaan 2",cursive;font-size:13.5px;font-weight:700;display:flex}.jeel-ip .ws-tab.active{background:var(--card);color:var(--navy);box-shadow:var(--shadow)}.jeel-ip .ws-tab .ws-tab-count{color:var(--red);background:#c0392b1f;border-radius:999px;padding:1px 7px;font-family:JetBrains Mono;font-size:10.5px;font-weight:700}.jeel-ip .chip-strip{flex-wrap:wrap;gap:10px;margin-bottom:22px;display:flex}.jeel-ip .course-chip{background:var(--card);border:1px solid var(--line);cursor:pointer;border-radius:999px;align-items:center;gap:9px;padding:8px 16px 8px 8px;transition:all .15s;display:flex}.jeel-ip .course-chip:hover{border-color:var(--gold)}.jeel-ip .course-chip .cc-ic{background:var(--field);border-radius:50%;flex:none;place-items:center;width:30px;height:30px;font-size:15px;display:grid}.jeel-ip .course-chip .cc-title{color:var(--navy);font-size:13px;font-weight:700}.jeel-ip .course-chip .cc-count{color:var(--muted);font-family:JetBrains Mono;font-size:10.5px}.jeel-ip .feed-item{background:var(--field);border:1px solid var(--line);border-radius:13px;align-items:center;gap:14px;margin-bottom:10px;padding:14px;display:flex}.jeel-ip .feed-item:last-child{margin-bottom:0}.jeel-ip .feed-item.clickable{cursor:pointer;transition:all .15s}.jeel-ip .feed-item.clickable:hover{border-color:var(--gold)}.jeel-ip .feed-ic{border-radius:12px;flex:none;place-items:center;width:42px;height:42px;font-size:19px;display:grid}.jeel-ip .feed-main{flex:1;min-width:0}.jeel-ip .feed-title{color:var(--navy);font-size:14px;font-weight:700}.jeel-ip .feed-meta{color:var(--muted);margin-top:2px;font-size:12px}.jeel-ip .unit{border:1px solid var(--line);background:var(--card);border-radius:14px;margin-bottom:14px;overflow:hidden}.jeel-ip .unit-head{background:var(--field);align-items:center;gap:13px;padding:16px 18px;display:flex}.jeel-ip .unit-num{background:var(--navy);width:38px;height:38px;color:var(--gold-2);border-radius:11px;flex:none;place-items:center;font-family:JetBrains Mono;font-size:14px;font-weight:700;display:grid}.jeel-ip .unit-title{color:var(--navy);font-size:15.5px;font-weight:700}.jeel-ip .unit-meta{color:var(--muted);margin-top:2px;font-size:12px}.jeel-ip .mat{border-top:1px solid var(--line);align-items:center;gap:12px;padding:13px 18px;display:flex}.jeel-ip .mat-ic{background:var(--ivory-2);border-radius:9px;flex:none;place-items:center;width:34px;height:34px;font-size:16px;display:grid}.jeel-ip .mat-title{color:var(--ink);flex:1;font-size:14px;font-weight:600}.jeel-ip .mat-type{color:var(--muted);font-family:JetBrains Mono;font-size:11px}.jeel-ip .course-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:22px;display:grid}.jeel-ip .course-card{background:var(--card);border:1px solid var(--line);cursor:pointer;text-align:inherit;font-family:inherit;font-size:inherit;color:inherit;border-radius:16px;width:100%;padding:18px;transition:all .15s;display:block;position:relative;overflow:hidden}.jeel-ip .course-card:hover{border-color:var(--gold)}.jeel-ip .course-card.sel{border-color:var(--gold);box-shadow:0 14px 30px -18px #c7a23f99}.jeel-ip .course-ic{border-radius:13px;place-items:center;width:48px;height:48px;font-size:24px;display:grid}.jeel-ip .course-stats{gap:8px;margin-top:16px;display:flex}.jeel-ip .course-stat{background:var(--field);text-align:center;border-radius:10px;flex:1;padding:8px}.jeel-ip .course-stat b{color:var(--gold-deep);font-family:JetBrains Mono;font-size:15px;font-weight:700;display:block}.jeel-ip .course-stat span{color:var(--muted);font-size:10px}.jeel-ip .asg{border:1px solid var(--line);background:var(--card);border-radius:14px;align-items:center;gap:16px;margin-bottom:13px;padding:17px;transition:all .15s;display:flex}.jeel-ip .asg:hover{border-color:var(--gold);box-shadow:var(--shadow)}.jeel-ip .asg-ic{border-radius:13px;flex:none;place-items:center;width:50px;height:50px;font-size:23px;display:grid}.jeel-ip .asg-main{flex:1}.jeel-ip .asg-title{color:var(--navy);font-size:15.5px;font-weight:700}.jeel-ip .asg-meta{color:var(--muted);flex-wrap:wrap;gap:14px;margin-top:3px;font-size:12.5px;display:flex}.jeel-ip .asg-meta span{align-items:center;gap:5px;display:inline-flex}.jeel-ip .chart{align-items:flex-end;gap:14px;height:230px;padding:10px 4px 0;display:flex}.jeel-ip .col{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:9px;height:100%;display:flex}.jeel-ip .col-bars{flex:1;justify-content:center;align-items:flex-end;gap:5px;width:100%;display:flex}.jeel-ip .col-bar{background:linear-gradient(180deg, var(--gold-2), var(--gold-deep));border-radius:7px 7px 0 0;width:46%;transition:all .4s}.jeel-ip .col-bar.alt{background:linear-gradient(180deg, var(--navy-3), var(--navy))}.jeel-ip .col-lbl{color:var(--muted);font-family:JetBrains Mono;font-size:11.5px}.jeel-ip .legend{justify-content:center;gap:18px;margin-top:6px;display:flex}.jeel-ip .legend span{color:var(--muted);align-items:center;gap:7px;font-size:12px;display:flex}.jeel-ip .legend i{border-radius:4px;width:12px;height:12px}.jeel-ip .barchart{align-items:flex-end;gap:14px;height:190px;padding:0 4px;display:flex}.jeel-ip .barchart .b{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:8px;height:100%;display:flex}.jeel-ip .barchart .b .v{color:var(--muted);font-family:JetBrains Mono;font-size:10.5px}.jeel-ip .barchart .b .fill{background:var(--ivory-2);border-radius:9px 9px 3px 3px;width:100%;max-width:38px}.jeel-ip .barchart .b .fill.hot{background:linear-gradient(180deg, var(--gold-2), var(--gold-deep))}.jeel-ip .barchart .b .lbl{color:var(--muted);font-size:11px;font-weight:600}.jeel-ip .att-grid{grid-template-columns:2fr 1fr;align-items:center;gap:12px;display:grid}.jeel-ip .att-head{background:var(--field);border-bottom:1px solid var(--line);color:var(--muted);padding:13px 22px;font-family:JetBrains Mono;font-size:11.5px;font-weight:700}.jeel-ip .att-row{border-bottom:1px solid var(--line);padding:12px 22px}.jeel-ip .att-row:last-child{border-bottom:none}.jeel-ip .att-cell{justify-content:center;display:flex}.jeel-ip .att-dot{cursor:pointer;color:#fff;border:2px solid var(--field-border);background:#fff;border-radius:50%;place-items:center;width:30px;height:30px;font-size:14px;font-weight:700;transition:all .12s;display:grid}.jeel-ip .insight{background:var(--field);border:1px solid var(--line);border-radius:13px;gap:13px;margin-bottom:12px;padding:14px;display:flex}.jeel-ip .insight:last-child{margin-bottom:0}.jeel-ip .insight-ic{border-radius:11px;flex:none;place-items:center;width:40px;height:40px;font-size:19px;display:grid}.jeel-ip .insight b{color:var(--navy);font-size:14px;font-weight:700}.jeel-ip .insight p{color:var(--muted);margin-top:3px;font-size:13px;line-height:1.5}.jeel-ip .field-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.jeel-ip .field-label{color:var(--muted);margin-bottom:7px;font-size:12px;font-weight:600;display:block}.jeel-ip .field-input{border:1px solid var(--field-border);width:100%;color:var(--ink);background:var(--field);border-radius:11px;outline:none;padding:11px 13px;font-family:inherit;font-size:14px}.jeel-ip .field-input:focus{border-color:var(--gold);background:#fff}.jeel-ip textarea.field-input{resize:vertical}.jeel-ip .switch{cursor:pointer;border-radius:999px;flex-shrink:0;width:42px;height:24px;transition:all .15s;position:relative}.jeel-ip .switch.on{background:var(--gold)}.jeel-ip .switch.off{background:var(--ivory-2)}.jeel-ip .switch .knob{background:#fff;border-radius:50%;width:18px;height:18px;transition:all .15s;position:absolute;top:3px;box-shadow:0 1px 3px #00000040}.jeel-ip .switch.on .knob{right:3px}.jeel-ip .switch.off .knob{right:21px}.jeel-ip .ip-hamburger{top:16px;border:1px solid var(--field-border);background:var(--card);width:40px;height:40px;color:var(--navy);box-shadow:var(--shadow);cursor:pointer;z-index:51;border-radius:10px;justify-content:center;align-items:center;display:none;position:fixed;inset-inline-start:16px}.jeel-ip .ip-backdrop{display:none}@media (width<=1100px){.jeel-ip .app{grid-template-columns:1fr}.jeel-ip .ip-hamburger{display:flex}.jeel-ip .sidebar{inset-inline-start:0;z-index:50;width:268px;height:100vh;transition:transform .25s;position:fixed;top:0;transform:translate(-100%)}.jeel-ip[dir=rtl] .sidebar{transform:translate(100%)}.jeel-ip .sidebar.mobile-open{transform:translate(0)}.jeel-ip .ip-backdrop{z-index:40;background:#0a1a3a73;display:block;position:fixed;inset:0}.jeel-ip .main{padding-top:66px}.jeel-ip .stat-grid{grid-template-columns:repeat(2,1fr)}.jeel-ip .grid-2,.jeel-ip .grid-2b,.jeel-ip .course-grid{grid-template-columns:1fr}}