@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:#f6f7f9;--bg-cream-alt:#eff1f5;--surface:#fff;--border-warm:#e3e6ec;--gold:#c7a455;--gold-bright:#dcbe72;--gold-soft:#fbf4e2;--gold-line:#e8d49a;--gold-grad:linear-gradient(90deg, #c7a455, #dcbe72);--navy:#0f1b45;--navy-2:#1b2a5e;--navy-grad:linear-gradient(135deg, #0f1b45, #1b2a5e);--text:#0e1424;--text-muted:#6b7590;--success:#067647;--success-bg:#ecfdf3;--success-border:#abefc6;--warning:#b54708;--warning-bg:#fffaeb;--warning-border:#fedf89;--danger:#b42318;--danger-bg:#fef3f2;--danger-border:#fecdca;--bg:var(--bg-cream);--white:var(--surface);--border:var(--border-warm);--border-soft:#edeff4;--card:var(--surface);--primary:var(--navy);--primary-dark:#081030;--primary-light:var(--navy-2);--primary-pale:#eef1f8;--primary-hover:#e4e9f4;--info-bg:#eef1f8;--info-border:#d8e0f0;--text-2:#475069;--text-3:#6b7590;--text-4:#9aa3b8;--focus:#2b49a8;--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 #1018282e;--shadow-md:0 4px 16px #10182814;--shadow-lg:0 12px 40px #1018281f}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:#47506947;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-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}#admin-topbar-title-slot{min-width:0}.header-title-text,.header-title-sub{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.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(--navy-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){background:var(--primary-dark);box-shadow:var(--shadow-md)}.btn-primary:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.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(auto-fit,minmax(min(100%,140px),1fr));gap:12px;margin-bottom:20px;display:grid}.kpi-card{background:var(--white);border:1px solid var(--border);border-radius:var(--r-lg);min-width:0;padding:14px 16px}.kpi-header{justify-content:space-between;align-items:center;margin-bottom:6px;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);overflow-wrap:anywhere;font-size:24px;font-weight:600}.kpi-sub{color:var(--text-4);margin-top:3px;font-size:11.5px}@media (width<=640px){.kpi-grid{gap:8px;margin-bottom:14px}.kpi-card{padding:10px 12px}.kpi-value{font-size:18px}.kpi-label{font-size:12px}.kpi-sub{margin-top:1px;font-size:11px}.kpi-grid>:last-child:nth-child(odd){grid-column:1/-1}}.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{grid-template-columns:minmax(0,1fr);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-dest-row{border:1px solid var(--border);border-radius:var(--r-md,12px);background:var(--white);flex-direction:column;gap:10px;margin-bottom:12px;padding:14px;display:flex}.manual-dest-main{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.manual-dest-main .manual-payment-input,.manual-dest-main .manual-phone-input{flex:200px;width:auto}.manual-dest-cap{color:var(--text-3);align-items:center;gap:8px;font-size:12px;display:flex}.manual-dest-cap input{border:1px solid var(--border);width:110px;min-height:40px;font:13px var(--mono);color:var(--text);background:var(--white);border-radius:10px;padding:8px 10px}.manual-dest-main .manual-dest-name,.manual-dest-add-row .manual-dest-name{flex:0 160px;width:auto;min-width:120px}.manual-dest-visible{color:var(--text-2);align-items:center;gap:6px;font-size:12.5px;display:flex}.manual-dest-meta{flex-wrap:wrap;gap:6px 16px;display:flex}.manual-dest-usage{color:var(--text-4);font-size:11.5px}.manual-dest-usage.full{color:#b3261e}.manual-dest-qr{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.manual-dest-qr img{object-fit:contain;border:1px solid var(--border);background:#fff;border-radius:10px;width:74px;height:74px}.manual-dest-qr-btn{cursor:pointer}.manual-dest-actions{gap:8px;display:flex}.manual-dest-add{border-top:1px dashed var(--border);margin-top:16px;padding-top:14px}.manual-dest-add-row{align-items:center;gap:8px;display:flex}.manual-dest-add-row .manual-payment-input,.manual-dest-add-row .manual-phone-input{flex:auto;width:auto}.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 td:first-child{min-width:160px;max-width:220px}.manual-payment-table td:first-child .user-sub{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.manual-payment-table td:nth-child(2){min-width:170px}.manual-payment-table .mp-amount,.manual-payment-table td:nth-child(n+3):nth-child(-n+6){white-space:nowrap}.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:nowrap;align-items:center;gap:6px;display:flex}.mp-status{flex-direction:column;align-items:flex-start;gap:4px;display:flex}.mp-wa-missing{color:#be123c;white-space:nowrap;align-items:center;gap:3px;font-size:10.5px;font-weight:600;display:inline-flex}.mp-wa-missing svg{width:10px!important;height:10px!important}.mp-row-upgrade{background:#f8f6ff}.mp-row-upgrade td:first-child{border-inline-start:3px solid #8b5cf6}.mp-row-noseat{background:var(--danger-bg)}.mp-row-noseat td:first-child{border-inline-start:3px solid var(--danger)}.mp-purchase-name{align-items:center;gap:6px;display:flex}.mp-slot-btn{border:1px solid var(--border);background:var(--surface);min-width:24px;height:24px;color:var(--text-3);cursor:pointer;border-radius:99px;flex:none;align-items:center;gap:3px;padding:0 6px;font-size:11px;font-weight:700;display:inline-flex}.mp-slot-btn:hover,.mp-slot-btn[aria-expanded=true]{border-color:var(--navy-2);color:var(--navy);background:var(--primary-pale)}.mp-slot-btn.is-noseat{border-color:var(--danger-border);background:var(--danger-bg);color:var(--danger)}.manual-payment-table .mp-slot-btn svg{width:14px;height:14px}.mp-slot-pop{z-index:400;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--shadow-lg);max-height:60vh;padding:12px 14px;overflow-y:auto}.mp-slot-pop-title{color:var(--text-3);margin-bottom:8px;font-size:12px;font-weight:700}.mp-slots{flex-direction:column;gap:6px;display:flex}.mp-slot{border-top:1px dashed var(--border);flex-direction:column;align-items:flex-start;gap:3px;padding-top:6px;display:flex}.mp-slot:first-child{border-top:0;padding-top:0}.mp-slot-course{color:var(--text-3);font-size:11.5px;font-weight:600}.mp-slot-time{color:var(--text);align-items:center;gap:5px;font-size:12.5px;font-weight:650;display:inline-flex}.mp-slot-time svg{flex:none;width:12px!important;height:12px!important}.mp-slot .badge svg{width:12px!important;height:12px!important}.ss-courses{flex-direction:column;gap:14px;display:flex}.ss-course-head{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:12px;padding:14px 16px;display:flex}.ss-course-title{color:var(--text);font-size:15px;font-weight:700}.ss-course-meta{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.ss-time{white-space:nowrap;font-weight:650}.ss-seats{white-space:nowrap;align-items:baseline;gap:6px;display:flex}.ss-seats b{font-variant-numeric:tabular-nums;font-size:16px}.ss-seats b.ss-zero{color:var(--danger)}.ss-bar{background:var(--bg-cream-alt);border-radius:99px;height:5px;margin-top:6px;overflow:hidden}.ss-bar>div{background:var(--success);border-radius:99px;height:100%}.ss-bar>div.is-high{background:var(--warning)}.ss-bar>div.is-full{background:var(--danger)}.ss-num{font-variant-numeric:tabular-nums;text-align:center}.ss-table th:nth-child(n+3):nth-child(-n+5){text-align:center}.ss-row-short{background:var(--danger-bg)}.ss-row-short td:first-child{border-inline-start:3px solid var(--danger)}.ss-table .btn-ghost{white-space:nowrap;padding:5px 10px;font-size:12px}.ss-detail>td{background:var(--bg-cream)}.ss-detail-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;padding:4px 0;display:grid}.ss-want{color:var(--warning)}.ss-detail-hint{color:var(--warning);align-items:center;gap:6px;margin-top:4px;font-size:12px;display:flex}.ss-detail-actions{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.ss-detail-label{color:var(--text-3);margin-bottom:6px;font-size:12px;font-weight:700}.ss-detail-item{background:var(--surface);border:1px solid var(--border);border-radius:8px;flex-wrap:wrap;justify-content:space-between;gap:10px;margin-bottom:6px;padding:6px 10px;font-size:12.5px;display:flex}.manual-payment-table .btn-ghost,.manual-payment-table .btn-primary,.manual-payment-table .btn-danger{white-space:nowrap;padding:5px 10px;font-size:12px}@media (width<=760px){.manual-payment-section{padding:16px}.manual-payment-tabs{box-sizing:border-box;grid-template-columns:1fr 1fr;justify-self:stretch;width:100%;display:grid}.manual-payment-tab{background:#fff;border-color:#cfd4de;justify-content:center;align-items:center;gap:6px;padding:9px 8px;font-size:13px;display:flex}.manual-payment-tab.is-active{border-color:var(--navy);background:var(--navy)}.manual-payment-tab:last-child:nth-child(odd){grid-column:1/-1}.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}.users-filterbar{background:var(--white);border:1px solid var(--border);border-radius:var(--r-lg);flex-direction:column;gap:12px;margin-bottom:12px;padding:14px 16px;display:flex}.users-filterbar-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.users-filterbar-label{color:var(--text-3);font-size:13px}.users-filter-toggle{display:none}.users-filter-toggle.is-filtered{background:var(--navy);border-color:var(--navy);color:#fff}.users-filter-count{min-width:18px;height:18px;color:var(--navy);background:#fff;border-radius:99px;justify-content:center;align-items:center;padding:0 5px;font-size:11px;font-weight:700;display:inline-flex}@media (width<=760px){.users-filter-toggle{white-space:nowrap;flex-shrink:0;align-items:center;gap:6px;display:inline-flex}.users-filterbar-row .search-wrap{flex:1 1 0!important;min-width:0!important}.users-filter-panel{display:none}.users-filterbar.filters-open .users-filter-panel{inset-inline:0;z-index:1000;background:var(--white);border-radius:18px 18px 0 0;flex-direction:column;gap:14px;max-height:80vh;padding:16px;display:flex;position:fixed;bottom:0;overflow-y:auto;box-shadow:0 -8px 30px #0000002e}.users-filter-backdrop{z-index:999;background:#0f172a73;position:fixed;inset:0}.users-filter-panel-head{justify-content:space-between;align-items:center;display:flex}.users-filter-panel .users-filterbar-row>div{width:100%!important}.users-filter-panel .users-filterbar-row>input,.users-filter-panel .users-filterbar-row>button{width:100%}}@media (width>=761px){.users-filter-panel{display:contents}.users-filter-panel-head,.users-filter-backdrop{display:none}}.fs-toggle{display:none}.fs-toggle.is-filtered{background:var(--navy);border-color:var(--navy);color:#fff}.fs-count{min-width:18px;height:18px;color:var(--navy);background:#fff;border-radius:99px;justify-content:center;align-items:center;padding:0 5px;font-size:11px;font-weight:700;display:inline-flex}@media (width>=761px){.fs-panel{display:contents}.fs-head,.fs-backdrop{display:none}}@media (width<=760px){.fs-toggle{white-space:nowrap;flex-shrink:0;align-items:center;gap:6px;display:inline-flex}.fs-panel{display:none}.fs-panel.fs-open{inset-inline:0;z-index:1000;background:var(--white);border-radius:18px 18px 0 0;flex-direction:column;gap:12px;max-height:80vh;padding:16px;display:flex;position:fixed;bottom:0;overflow-y:auto;box-shadow:0 -8px 30px #0000002e}.fs-backdrop{z-index:999;background:#0f172a73;position:fixed;inset:0}.fs-head{justify-content:space-between;align-items:center;display:flex}.fs-panel>:not(.fs-head){width:100%!important;min-width:0!important;max-width:none!important}}.users-metrics{color:var(--text-2);flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;padding:10px 16px;font-size:13px;display:flex}.users-metrics-sep{color:var(--text-4)}.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)}[dir=rtl] .data-table td[dir=ltr]{text-align:right}.data-table td.cell-muted,.data-table td.cell-mono,.data-table .user-name{white-space:nowrap}.data-table .cell-actions{text-align:center;background:var(--white);position:sticky;inset-inline-end:0}.data-table thead .cell-actions,.data-table tbody tr:hover .cell-actions{background:var(--bg)}.data-table .cell-trunc{text-overflow:ellipsis;white-space:nowrap;max-width:200px;overflow:hidden}.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-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);background:var(--white);justify-content:space-between;align-items:center;padding:13px 18px;font-size:13px;display:flex;position:sticky;inset-inline-start:0}.pagination-btns{gap:8px;display:flex}.page-btn{white-space:nowrap;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:84px}.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}.alert-info{background:var(--info-bg);border:1px solid var(--info-border);color:var(--text-2,#4b5563);border-radius:11px;margin-bottom:4px;padding:13px 16px;font-size:13px;line-height:1.6}.alert-warning{color:var(--warning);background:#fef3c7;border:1px solid #f5d68e;border-radius:11px;margin-bottom:18px;padding:13px 16px;font-size:13px;line-height:1.6}.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}button:disabled,button[aria-disabled=true]{filter:grayscale()!important;opacity:.5!important;cursor:not-allowed!important;box-shadow:none!important}.hwp-layout{grid-template-columns:minmax(200px,260px) minmax(320px,1fr);gap:18px;display:grid}@media (width<=620px){.hwp-layout{grid-template-columns:1fr}}.header-search{min-width:280px;font:inherit;color:var(--text-2);background:var(--white);border:1.5px solid var(--primary);cursor:pointer;border-radius:99px;align-items:center;gap:10px;padding:11px 18px;font-size:15px;transition-property:border-color,background-color,color;transition-duration:.13s;animation:2.4s ease-in-out infinite header-search-glow;display:flex}@keyframes header-search-glow{0%,to{box-shadow:0 0 #0f1e5a52,0 2px 8px #0f1e5a1f}50%{box-shadow:0 0 0 7px #0f1e5a00,0 2px 12px #0f1e5a38}}.header-search:hover{border-color:var(--primary);color:var(--text-1,var(--text-2));background:var(--white)}.header-search:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.header-search kbd{font:inherit;color:var(--text-3);background:var(--bg);border:1px solid var(--border);border-radius:5px;padding:2px 8px;font-size:12px}@media (width<=900px){.header-search-label,.header-search kbd{display:none}.header-search{min-width:0;padding:10px 12px}}@media (width<=620px){.portal-header{flex-wrap:wrap;gap:10px;padding:14px 16px}#admin-topbar-title-slot{flex:1 1 0;min-width:0}.header-actions{display:contents}.header-search{flex:100%;order:99;padding:13px 18px;font-size:16px}.header-search .header-search-label{display:inline}.header-actions .btn-primary,.header-actions .btn-secondary{justify-content:center;gap:0;width:40px;height:40px;padding:0;font-size:0}.header-pill{display:none}}.user-name-link{font:inherit;color:var(--navy);text-align:start;cursor:pointer;text-underline-offset:3px;background:0 0;border:0;padding:0;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;transition-property:text-decoration-color;transition-duration:.13s}.user-name-link:hover{text-decoration-color:currentColor}.user-name-link:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:4px}.student-link{font:inherit;color:var(--navy);text-align:start;cursor:pointer;text-underline-offset:3px;background:0 0;border:0;padding:0;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;transition-property:text-decoration-color;transition-duration:.13s}.student-link:hover{text-decoration-color:currentColor}.student-link:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:4px}.hub-tab-btn:hover:not([aria-selected=true]){background:var(--bg-cream-alt)!important;color:var(--text)!important}.hub-tab-btn:focus-visible{outline:2px solid var(--focus);outline-offset:2px}@media (width<=760px){.hub-tabs{grid-template-columns:1fr 1fr;width:100%;display:grid!important}.hub-tab-btn{justify-content:center;padding:9px 8px!important}.hub-tab-btn[aria-selected=false]{border-color:#cfd4de!important}.hub-tab-btn:last-child:nth-child(odd){grid-column:1/-1}}.cp-backdrop{z-index:4000;background:#0e142473;justify-content:center;align-items:flex-start;padding:12vh 16px 16px;display:flex;position:fixed;inset:0}.cp{background:var(--white);border:1px solid var(--border);border-radius:var(--r-lg);width:100%;max-width:620px;max-height:70vh;box-shadow:var(--shadow-lg);flex-direction:column;display:flex;overflow:hidden}.cp-search{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:14px 16px;display:flex}.cp-search-icon{color:var(--text-3);flex:none}.cp-input{min-width:0;font:inherit;color:var(--text);background:0 0;border:0;outline:none;flex:1;font-size:15px}.cp-input::placeholder{color:var(--text-4)}.cp-hint{color:var(--text-3);flex:none;font-size:12px}.cp-results{padding:6px;overflow-y:auto}.cp-group{color:var(--text-3);padding:10px 10px 4px;font-size:11px;font-weight:700}.cp-hit{text-align:start;border-radius:var(--r-sm);cursor:pointer;width:100%;color:var(--text);background:0 0;border:0;align-items:center;gap:11px;padding:9px 10px;display:flex}.cp-hit-active{background:var(--primary-pale)}.cp-hit:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}.cp-hit-icon{color:var(--navy);flex:none}.cp-hit-text{flex-direction:column;gap:2px;min-width:0;display:flex}.cp-hit-title{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;overflow:hidden}.cp-hit-sub{color:var(--text-3);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.cp-empty{text-align:center;color:var(--text-3);padding:28px 20px;font-size:13px;line-height:1.7}.cp-foot{color:var(--text-3);background:var(--bg);border-top:1px solid var(--border);align-items:center;gap:6px;padding:9px 14px;font-size:11px;display:flex}.cp-foot kbd{font:inherit;color:var(--text-2);background:var(--white);border:1px solid var(--border);border-radius:5px;padding:2px 6px;font-size:11px}.cp-foot kbd+kbd{margin-inline-start:-2px}.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{grid-column:1;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}}.jeel-ip .mark-layout{grid-template-columns:1fr 220px;align-items:start;gap:16px;display:grid}.jeel-ip .mark-nav{align-self:start;position:sticky;top:12px}.jeel-ip .mark-questions{min-height:420px;max-height:calc(100vh - 250px);padding-inline-end:6px;overflow-y:auto}.jeel-ip .mark-nav-grid{grid-template-columns:repeat(5,1fr);gap:7px;display:grid}.jeel-ip .mark-cell{aspect-ratio:1;cursor:pointer;border:1.5px solid;border-radius:9px;justify-content:center;align-items:center;font-family:inherit;font-size:12.5px;font-weight:700;transition:transform .12s;display:flex}.jeel-ip .mark-cell:hover{transform:translateY(-1px)}.jeel-ip .mark-legend{flex-direction:column;gap:6px;font-size:11.5px;display:flex}.jeel-ip .mark-legend-item{align-items:center;gap:7px;display:flex}.jeel-ip .mark-legend-dot{border:1.5px solid;border-radius:4px;flex-shrink:0;width:11px;height:11px}@media (width<=1100px){.jeel-ip .mark-layout{grid-template-columns:1fr}.jeel-ip .mark-nav{position:static}.jeel-ip .mark-questions{min-height:0;max-height:none;padding-inline-end:0;overflow-y:visible}.jeel-ip .mark-nav-grid{grid-template-columns:repeat(auto-fill,minmax(44px,1fr))}}.jeel-ip .card:has(>.tbl){overflow-x:auto}.jeel-ip .mini-link{cursor:pointer;min-height:44px;padding-inline:4px}@media (width<=900px){html,body,#root{max-width:100%;overflow-x:clip}:where(#root) :where(div,main,section,article,header,footer,nav,aside,form,fieldset,ul,ol,li){min-width:0}:where(#root) :where(h1,h2,h3,h4,h5,h6,p,a,button,label,legend,span,strong,small,li,td,th,dd,dt){overflow-wrap:anywhere;max-width:100%}:where(#root) table :where(td,th,span,a,strong,small,label,p,button){overflow-wrap:normal}:where(#root) :where(img,video,canvas,iframe){max-width:100%}:where(#root) :where(input,select,textarea,button){min-width:0;max-width:100%}:where(#root) :where(pre,.table-wrap,.table-scroll,.table-responsive,.table-card){max-width:100%;overflow-x:auto}:where(#root) :where(.header-title,.header-title-text,.header-title-sub,.sidebar-item-label,.sidebar-admin-name,.sidebar-admin-role,.card-title,.card-sub,.modal-title,.modal-subtitle,.jeel-ip .page-title,.jeel-ip .sec-title,.jeel-ip .lesson-main,.jeel-ip .feed-main,.jeel-ip .asg-main,.jeel-ip .unit-head>div,.jeel-ip .mat-title,.jeel-ip .course-chip>div){min-width:0;max-width:100%}:where(#root) :where(.header-title-text,.header-title-sub,.sidebar-item-label,.sidebar-admin-name,.sidebar-admin-role,.jeel-ip .lesson-title,.jeel-ip .lesson-meta,.jeel-ip .feed-title,.jeel-ip .feed-meta,.jeel-ip .asg-title,.jeel-ip .unit-title,.jeel-ip .mat-title,.jeel-ip .course-chip .cc-title){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.form-row,.jeel-ip .field-grid{grid-template-columns:minmax(0,1fr)}}@media (width<=480px){.page-header,.header-actions,.card-header,.modal-footer,.jeel-ip .topbar,.jeel-ip .section-head,.jeel-ip .asg{flex-wrap:wrap}.jeel-ip .page-title h1{font-size:clamp(23px,8vw,30px)}.jeel-ip .donut-wrap{flex-direction:column;align-items:flex-start}}.prelaunch-card-list{display:none}@media (width<=900px){.prelaunch-table-wrap{display:none}.prelaunch-card-list{flex-direction:column;gap:10px;padding:16px;display:flex}.prelaunch-lead-card{border:1px solid var(--border);border-radius:var(--r-lg);background:var(--white);flex-direction:column;gap:10px;padding:14px;display:flex}.prelaunch-lead-card-top{align-items:flex-start;gap:10px;display:flex}.prelaunch-lead-card-name{flex:1;font-size:14.5px;font-weight:600}.prelaunch-lead-card-meta{color:var(--text-2);font-size:12.5px;line-height:1.7}.prelaunch-lead-card-badges{flex-wrap:wrap;gap:4px;display:flex}.prelaunch-lead-card-wa{width:100%;padding:12px;font-size:14.5px;font-weight:600}.prelaunch-toolbar-mobile{flex-direction:column;align-items:stretch}.prelaunch-topbar-actions{flex-wrap:wrap;width:100%}.prelaunch-topbar-actions>*{flex:auto;justify-content:center;padding:8px 12px;font-size:13px}.prelaunch-topbar-actions button:disabled{display:none}:where(#root) [style*="1fr 320px"],:where(#root) [style*=px\ 1fr]:not([style*="32px 1fr"]){grid-template-columns:minmax(0,1fr)!important}:where(#root) [style*=repeat\(4],:where(#root) [style*=repeat\(5]{grid-template-columns:repeat(2,minmax(0,1fr))!important}.two-col{grid-template-columns:minmax(0,1fr)}.three-col,.channel-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.jeel-ip .att-grid{grid-template-columns:minmax(0,1fr)}}@media (width<=640px){:where(#root) [style*="1fr 1fr"],:where(#root) [style*=repeat\(3],:where(#root) [style*=repeat\(4],:where(#root) [style*=repeat\(5]{grid-template-columns:minmax(0,1fr)!important}.form-row,.three-col,.channel-grid,.jeel-ip .field-grid{grid-template-columns:minmax(0,1fr)}.jeel-ip .stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:14px}.jeel-ip .stat{padding:12px}.jeel-ip .stat-ic{width:32px;height:32px;margin-bottom:8px;font-size:16px}.jeel-ip .stat-val{font-size:22px}.jeel-ip .stat-lbl{margin-top:4px;font-size:12px}}@media (width<=900px){:where(#root) .data-table{min-width:600px}:where(#root) .card>.data-table{min-width:0;display:block;overflow-x:auto}.assess-table{overflow-x:auto!important}.assess-table .assess-row{min-width:820px}.jeel-ip .topbar{flex-wrap:wrap;align-items:flex-start;gap:12px}.jeel-ip .topbar-actions{flex-wrap:wrap;width:100%}.jeel-ip .search{width:100%}}@media (width<=640px){.portal-header{flex-wrap:wrap;gap:10px;padding:12px 14px}#admin-topbar-title-slot{flex:1 1 0;min-width:0}.portal-content{padding:14px 14px 44px}.header-title-text{font-size:17px}.header-actions{gap:6px}.header-pill{padding:8px 11px}.jeel-ip .main{padding:66px 14px 48px}.jeel-ip .pad{padding:15px}.jeel-ip .topbar{margin-bottom:16px}.card{padding:16px}.modal-backdrop{align-items:flex-start;padding:10px}.modal{max-height:calc(100vh - 20px);margin-top:10px}:where(#root) :where(button,.btn,a.btn):not(.sec-link):not(.mini-link):not(.sidebar-logout){min-height:40px}#root input:not([type=checkbox]):not([type=radio]),#root select,#root textarea{min-height:40px;font-size:16px}}@media (width<=1100px){.sidebar,.jeel-ip .sidebar{height:100dvh}}@media (width<=640px){.table-pagination{flex-wrap:wrap;row-gap:8px}.pagination-btns{flex-wrap:wrap}.manual-date-filter{flex-wrap:wrap;row-gap:6px}.manual-dest-add-row{flex-wrap:wrap}}@media (width<=900px){.support-ticket-table-wrap{overflow-x:auto!important}.support-ticket-table{min-width:620px}.announce-history-table{min-width:600px}}@media (width<=640px){.prelaunch-account-row,.course-row{flex-wrap:wrap}.course-row-name{min-width:140px!important}}@media (width<=900px){.content-tab-palette{margin-bottom:16px;width:100%!important;max-height:none!important;position:static!important}.content-tab-gutter{padding-inline-end:0!important}}@media (width<=640px){.run-stage-rail{flex-wrap:wrap;gap:8px}.run-stage-rail .run-stage-plate{flex:calc(50% - 4px)!important}.run-stage-rail .run-stage-link{display:none!important}.run-tabstrip-btn>span:last-child{display:none}.uc-lesson-header{flex-wrap:wrap;row-gap:8px}.uc-lesson-actions{flex-basis:100%;justify-content:flex-end}.uc-topic-row{flex-wrap:wrap;row-gap:6px}.uc-topic-content{flex-basis:100%}.bp-card-header{flex-wrap:wrap;row-gap:10px}.bp-card-badges{flex-wrap:wrap;row-gap:6px}.bp-card-actions{flex-wrap:wrap;justify-content:flex-start;width:100%}.ct-card{overflow-x:auto}.ct-scroll{min-width:560px}.frc-scroll{overflow-x:auto}.frc-inner{min-width:480px}}@media (width<=900px){.ccm-backdrop{overflow-y:auto;align-items:flex-start!important}}@media (width<=480px){.toast-portal{left:12px;right:12px!important}.login-card{padding:28px 22px}}@media (width<=900px){.jeel-ip .grading-answer-box{overflow-x:auto}}@media (width<=640px){.jeel-ip .grading-file-row{flex-wrap:wrap;row-gap:8px}}@media (width<=480px){.instr-notif-dropdown{width:calc(100vw - 16px)!important}}@media (width<=640px){.exam-row,.wa-question-row{flex-wrap:wrap;row-gap:8px}}