@import url("https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;600;700&family=Inter:wght@300;400;500;600;700&display=swap");:root{--primary:#0a1128;--secondary:#1c2541;--accent:#0077b6;--accent-hover:#0096c7;--kfupm-teal:#007a78;--kfupm-teal-hover:#009390;--text-light:#f8f9fa;--text-muted:#9ca3af;--text-dark:#1f2937;--bg-light:#f8fafc;--bg-dark:#070b19;--border-color:#e2e8f0;--border-color-dark:#374151;--shadow-soft:0 4px 6px -1px rgba(0,0,0,.05),0 2px 4px -1px rgba(0,0,0,.03);--shadow-premium:0 10px 20px -3px rgba(0,0,0,.1),0 4px 8px -2px rgba(0,0,0,.06);--transition-speed:0.25s}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,Cairo,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--bg-light);color:var(--text-dark);line-height:1.6;min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden}body[dir=rtl]{font-family:Cairo,Inter,sans-serif}.global-header{background-color:var(--primary);border-bottom:2px solid var(--kfupm-teal);padding:.75rem 2rem;justify-content:space-between;position:-webkit-sticky;position:sticky;top:0;z-index:1000;box-shadow:var(--shadow-soft)}.global-header,.logo-container,.logo-link{display:flex;align-items:center}.logo-link{gap:1.25rem;text-decoration:none}.logo-vis-wrapper{height:56px;width:44px;display:flex;align-items:center;justify-content:center;overflow:hidden}.logo-vis-wrapper img{height:96px;width:96px;object-fit:contain;max-width:none;transition:transform var(--transition-speed)}.logo-link:hover .logo-vis-wrapper img{transform:scale(1.04)}.logo-kfupm-wrapper{height:50px;width:200px;display:flex;align-items:center;justify-content:center;overflow:hidden}.logo-kfupm-wrapper img{height:98px;width:242px;object-fit:contain;max-width:none;transition:transform var(--transition-speed)}.logo-link:hover .logo-kfupm-wrapper img{transform:scale(1.03)}.logo-separator{width:1.5px;height:42px;background-color:hsla(0,0%,100%,.22)}.lang-switch{background:transparent;border:1px solid hsla(0,0%,100%,.25);color:var(--text-light);padding:.5rem 1.1rem;border-radius:8px;cursor:pointer;font-size:.92rem;font-weight:600;transition:all var(--transition-speed)}.lang-switch:hover{background-color:hsla(0,0%,100%,.12);border-color:var(--accent);color:#fff}.main-content{flex:1 1;display:flex;flex-direction:column;align-items:center;width:100%;max-width:1200px;margin:0 auto;padding:2.25rem 1.25rem 3rem}.landing-grid{width:100%;max-width:920px;margin:.5rem auto 1.5rem}.landing-card{background-color:var(--primary);border-radius:20px;overflow:hidden;cursor:pointer;border:2px solid hsla(0,0%,100%,.08);box-shadow:0 14px 30px -4px rgba(0,0,0,.15),0 6px 12px -2px rgba(0,0,0,.08);position:relative;transition:transform .35s cubic-bezier(.4,0,.2,1),box-shadow .35s,border-color .35s;aspect-ratio:16/9.5}.landing-card:hover{transform:translateY(-6px) scale(1.012);box-shadow:0 24px 40px -8px rgba(0,119,182,.25),0 12px 20px -6px rgba(0,0,0,.2);border-color:var(--accent)}.card-image-wrapper{width:100%;height:100%;position:relative;overflow:hidden}.landing-card-image{width:100%;height:100%;object-fit:cover;object-position:center 25%;display:block;transition:transform .6s cubic-bezier(.4,0,.2,1)}.landing-card:hover .landing-card-image{transform:scale(1.035)}.landing-card-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(0deg,rgba(7,11,25,.96) 0,rgba(7,11,25,.82) 32%,rgba(7,11,25,.45) 65%,transparent);padding:2.25rem 2.5rem;display:flex;flex-direction:column;justify-content:flex-end;color:var(--text-light);text-shadow:0 2px 4px rgba(0,0,0,.6)}.landing-card-overlay,body[dir=rtl] .landing-card-overlay{align-items:flex-start}.landing-card-title{font-size:2.2rem;font-weight:700;color:#fff;margin-bottom:.4rem;letter-spacing:-.015em;position:relative;text-shadow:0 2px 6px rgba(0,0,0,.8)}.landing-card-title:after{content:"";display:block;width:60px;height:3.5px;background:linear-gradient(90deg,var(--accent),var(--kfupm-teal));border-radius:2px;margin-top:.6rem;transition:width .3s ease}.landing-card:hover .landing-card-title:after{width:95px}.landing-card-desc{font-size:1.15rem;color:#e2e8f0;font-weight:400;text-shadow:0 1px 3px rgba(0,0,0,.8);max-width:650px}footer{width:100%;padding:.75rem 1rem;margin-top:auto;border-top:1px solid var(--border-color);text-align:center;color:#94a3b8;font-size:.82rem;background-color:transparent}footer p{margin:0}.panel-card{background-color:#fff;border-radius:12px;border:1px solid var(--border-color);box-shadow:var(--shadow-soft);padding:2rem;width:100%;margin-bottom:2rem}.page-title-section{margin-bottom:1.5rem}.page-title{font-size:2.3rem;font-weight:700;margin-bottom:.5rem;letter-spacing:-.015em}.page-subtitle{color:#4b5563;max-width:680px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:.9rem 1.25rem;gap:.9rem 1.25rem;margin-bottom:1rem}.form-group{display:flex;flex-direction:column;gap:.35rem}.form-group.full-width,.full-width{grid-column:1/-1!important;width:100%!important;box-sizing:border-box}label{font-size:.92rem;font-weight:600;color:var(--primary)}.form-control,input[type=email],input[type=number],input[type=password],input[type=tel],input[type=text],select,textarea{width:100%;box-sizing:border-box;padding:.65rem .9rem;border:1px solid var(--border-color);border-radius:8px;font-size:.96rem;color:var(--text-dark);background-color:#fff;transition:border-color var(--transition-speed),box-shadow var(--transition-speed);outline:none}.form-control:focus,input[type=email]:focus,input[type=number]:focus,input[type=password]:focus,input[type=tel]:focus,input[type=text]:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(0,119,182,.15)}.field-help{color:#6b7280}.field-error-text,.field-help{font-size:.82rem;margin-top:.15rem}.field-error-text{color:#dc2626;display:none}.form-section-title{font-size:1.15rem;font-weight:700;color:var(--primary);border-bottom:1px solid var(--border-color);padding-bottom:.35rem;margin-bottom:.35rem}.calendar-wrapper,.form-section-title{margin-top:.75rem;grid-column:span 2}.calendar-header{justify-content:space-between;background-color:var(--primary);padding:1rem 1.5rem;border-radius:8px 8px 0 0}.calendar-header,.calendar-header button{display:flex;align-items:center;color:var(--text-light)}.calendar-header button{background:transparent;border:none;cursor:pointer;font-size:1.2rem;width:36px;height:36px;justify-content:center;border-radius:50%;transition:background-color var(--transition-speed)}.calendar-header button:hover{background-color:hsla(0,0%,100%,.1)}.calendar-month-year{font-size:1.1rem;font-weight:600}.calendar-grid{border:1px solid var(--border-color);border-top:none;border-radius:0 0 8px 8px;background-color:#fff;padding:1rem}.calendar-weekdays{text-align:center;font-weight:600;font-size:.9rem;color:#4b5563;margin-bottom:.5rem}.calendar-days,.calendar-weekdays{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.calendar-days{grid-gap:.25rem;gap:.25rem}.calendar-day{aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:8px;font-size:.95rem;font-weight:500;cursor:pointer;border:1px solid transparent;transition:all var(--transition-speed);position:relative}.calendar-day:hover:not(.disabled){background-color:var(--bg-light);border-color:var(--border-color)}.calendar-day.disabled{color:#d1d5db;cursor:not-allowed;background-color:#f9fafb}.calendar-day.day-available{background-color:#e6f4ea;color:#137333;border-color:#a3e635}.calendar-day.day-available:hover{background-color:#ceead6}.calendar-day.day-semifull{background-color:#fef7e0;color:#b06000;border-color:#fcd34d}.calendar-day.day-semifull:hover{background-color:#feefc3}.calendar-day.day-full{background-color:#fce8e6;color:#c5221f;border-color:#fca5a5;cursor:not-allowed}.calendar-day.day-excluded{background-color:#f3f4f6;color:#9ca3af;border-color:#d1d5db;cursor:not-allowed}.calendar-day.day-disabled-admin{background-color:#f1f5f9;color:#64748b;border:1.5px dashed #cbd5e1;cursor:pointer}.calendar-day.day-disabled-admin:hover{background-color:#e2e8f0;border-color:#94a3b8}.calendar-day.selected{outline:2px solid var(--accent);outline-offset:-2px;box-shadow:0 0 6px rgba(0,119,182,.4)}.slots-badge{font-size:.7rem;font-weight:600;margin-top:2px;padding:1px 4px;border-radius:4px;text-transform:uppercase}.day-available .slots-badge{background-color:rgba(19,115,51,.1)}.day-semifull .slots-badge{background-color:rgba(176,96,0,.1)}.day-full .slots-badge{background-color:rgba(197,34,31,.1)}.calendar-legend{display:flex;justify-content:center;gap:1.5rem;margin-top:1rem;padding:.5rem;border-top:1px solid var(--border-color)}.legend-item{display:flex;align-items:center;gap:.5rem;font-size:.85rem;font-weight:500}.legend-color{width:16px;height:16px;border-radius:4px;border:1px solid transparent}.legend-color.available{background-color:#e6f4ea;border-color:#a3e635}.legend-color.semifull{background-color:#fef7e0;border-color:#fcd34d}.legend-color.full{background-color:#fce8e6;border-color:#fca5a5}.legend-color.unavailable{background-color:#f3f4f6;border-color:#d1d5db}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 2rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;border:none;transition:all var(--transition-speed);text-decoration:none;gap:.5rem}.btn-primary{background-color:var(--kfupm-teal);color:var(--text-light)}.btn-primary:hover{background-color:var(--kfupm-teal-hover);transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,122,120,.2)}.btn-primary:disabled{background-color:var(--text-muted);cursor:not-allowed;transform:none;box-shadow:none}.btn-accent{background-color:var(--accent);color:var(--text-light)}.btn-accent:hover{background-color:var(--accent-hover);transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,119,182,.25)}.btn-outline{background-color:transparent;border:1px solid var(--border-color);color:var(--primary)}.btn-outline:hover{background-color:var(--bg-light)}.form-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem;grid-column:span 2}.form-message{padding:1rem 1.5rem;border-radius:8px;margin-bottom:1.5rem;font-weight:500;display:none}.form-message.success{display:block;background-color:#e6f4ea;color:#137333;border:1px solid #a3e635}.form-message.error{display:block;background-color:#fce8e6;color:#c5221f;border:1px solid #fca5a5}.confirmation-card{border-top:4px solid var(--kfupm-teal)}.success-icon-container{display:flex;justify-content:center;margin-bottom:1.5rem;color:#137333}.success-icon{font-size:4rem}.booking-ref-box{background-color:var(--bg-light);border:1px dashed var(--accent);padding:1.5rem;border-radius:8px;text-align:center;margin:1.5rem 0}.booking-ref-title{font-size:.9rem;color:#4b5563;text-transform:uppercase;font-weight:600;letter-spacing:.05em}.booking-ref-value{font-size:2rem;font-weight:700;color:var(--accent);margin-top:.25rem}.details-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:1rem;gap:1rem;border-top:1px solid var(--border-color);padding-top:1.5rem;margin-top:1.5rem}.detail-item{display:flex;flex-direction:column}.detail-label{font-size:.85rem;color:#6b7280;font-weight:600}.detail-value{font-size:1.05rem;font-weight:500;color:var(--text-dark)}.reminder-alert-box{background-color:#fff3cd;border:1px solid #ffebaa;color:#856404;padding:1.25rem;border-radius:8px;margin-top:1.5rem;display:flex;flex-direction:column;align-items:center;gap:.5rem;text-align:center}.reminder-number{font-size:1.5rem;font-weight:700;color:#721c24;text-decoration:none;border-bottom:2px solid;transition:color var(--transition-speed)}.reminder-number:hover{color:#c5221f}.admin-login-wrapper{width:100%;max-width:400px;margin:3rem auto}.admin-login-logo{text-align:center;margin-bottom:2rem}.admin-login-logo img{height:70px;object-fit:contain}.admin-dashboard-container{width:100%;max-width:1400px;margin:0 auto;padding:1.5rem 1rem}.admin-mobile-nav-toggle{display:none;justify-content:space-between;align-items:center;background-color:var(--primary);border-radius:10px;padding:.75rem 1rem;margin-bottom:1rem;box-shadow:var(--shadow-soft);border:1px solid hsla(0,0%,100%,.1)}.mobile-nav-badge{background-color:var(--kfupm-teal);color:#fff;padding:.35rem .85rem;border-radius:6px;font-size:.88rem;font-weight:600;display:inline-block}.admin-hamburger-btn{display:inline-flex;align-items:center;gap:.5rem;background-color:var(--secondary);color:#fff;border:1px solid hsla(0,0%,100%,.2);padding:.5rem .95rem;min-height:44px;border-radius:8px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all var(--transition-speed)}.admin-hamburger-btn:hover{background-color:hsla(0,0%,100%,.15)}.hamburger-icon{font-size:1.15rem;line-height:1}.admin-nav{display:flex;justify-content:space-between;align-items:center;background-color:var(--primary);border-radius:12px;padding:.65rem .85rem;margin-bottom:2rem;box-shadow:var(--shadow-soft);flex-wrap:wrap;gap:.75rem;border:1px solid hsla(0,0%,100%,.08)}.admin-nav-group-primary,.admin-nav-group-secondary{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}.admin-nav-group-secondary{-webkit-margin-start:auto;margin-inline-start:auto}.admin-nav-item{background-color:var(--secondary);color:#f8f9fa;border:1px solid hsla(0,0%,100%,.15);padding:.65rem 1.25rem;min-height:44px;border-radius:8px;font-weight:600;font-size:.95rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all var(--transition-speed);text-decoration:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.admin-nav-item:hover{background-color:hsla(0,0%,100%,.15);border-color:hsla(0,0%,100%,.3)}.admin-nav-item.active{background-color:var(--kfupm-teal);color:#fff;border-color:var(--kfupm-teal);box-shadow:0 2px 8px rgba(0,122,120,.35)}.admin-nav-item.btn-export-tab{background-color:transparent;border:1px solid hsla(0,0%,100%,.25)}.admin-nav-item.btn-export-tab:hover{background-color:hsla(0,0%,100%,.12)}.admin-nav-item.logout{background-color:#991b1b;color:#fff;border-color:#7f1d1d}.admin-nav-item.logout:hover{background-color:#b91c1c;border-color:#991b1b}.admin-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:1.25rem;gap:1.25rem;margin-bottom:2rem}.stat-card{background-color:#fff;border-radius:12px;padding:1.25rem 1.5rem;border:1px solid var(--border-color);box-shadow:var(--shadow-soft);display:flex;flex-direction:column}.stat-title{font-size:.82rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.04em;margin-bottom:.4rem}.stat-value{font-size:1.85rem;font-weight:700;color:var(--primary);line-height:1.2}.admin-toolbar{background-color:#fff;border-radius:12px;border:1px solid var(--border-color);padding:1.25rem;margin-bottom:1.5rem;display:grid;grid-template-columns:2fr repeat(4,1fr);grid-gap:.85rem;gap:.85rem;align-items:end;box-shadow:var(--shadow-soft)}.admin-toolbar .form-group{margin-bottom:0}.admin-toolbar input,.admin-toolbar select{min-height:42px}.table-responsive{width:100%;overflow-x:auto;border-radius:12px;border:1px solid var(--border-color);box-shadow:var(--shadow-soft);background-color:#fff;margin-bottom:2rem}table{width:100%;border-collapse:collapse;text-align:left}body[dir=rtl] table{text-align:right}td,th{padding:.85rem 1rem;font-size:.92rem}th{background-color:#f8fafc;color:var(--primary);font-weight:700;border-bottom:2px solid var(--border-color);white-space:nowrap;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:background-color var(--transition-speed)}th:hover{background-color:#f1f5f9}tr{border-bottom:1px solid var(--border-color);transition:background-color var(--transition-speed)}tr:hover{background-color:#f8fafc}tr.reminder-row{background-color:#fffdf5}tr.reminder-row:hover{background-color:#fff9e6}.badge{display:inline-flex;padding:.25rem .65rem;border-radius:9999px;font-size:.78rem;font-weight:600;text-transform:capitalize;white-space:nowrap}.badge-confirmed{background-color:#def7ec;color:#03543f}.badge-cancelled{background-color:#fde8e8;color:#9b1c1c}.badge-warning{background-color:#fef08a;color:#854d0e;border:1px solid #facc15}.btn-action{padding:.45rem .8rem;min-height:38px;font-size:.85rem;font-weight:600;border-radius:6px;cursor:pointer;border:none;transition:all var(--transition-speed);display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.btn-view{background-color:var(--accent);color:var(--text-light)}.btn-view:hover{background-color:var(--accent-hover)}.btn-cancel{background-color:#d97706;color:#fff}.btn-cancel:hover{background-color:#b45309}.btn-delete{background-color:#dc2626;color:#fff}.btn-delete:hover{background-color:#b91c1c}.mobile-booking-cards{display:none;flex-direction:column;gap:1rem;width:100%}.booking-mobile-card{background-color:#fff;border-radius:12px;border:1px solid var(--border-color);padding:1.15rem;box-shadow:var(--shadow-soft)}.mobile-card-header{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid var(--border-color);padding-bottom:.75rem;margin-bottom:.75rem;gap:.5rem}.mobile-card-school-name{font-size:1.05rem;font-weight:700;color:var(--primary);line-height:1.3}.mobile-card-id{font-weight:700;font-size:.82rem;color:var(--accent);display:block;margin-top:.2rem}.mobile-card-row{display:flex;justify-content:space-between;align-items:center;font-size:.9rem;margin-bottom:.45rem}.mobile-card-label{color:#6b7280;font-weight:500}.mobile-card-value{font-weight:600;color:var(--text-dark)}.mobile-card-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.5rem;margin-top:.85rem;border-top:1px solid var(--border-color);padding-top:.75rem}.mobile-card-actions .btn-action{flex:1 1;min-height:44px;min-width:80px}.dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100dvh;background-color:rgba(7,11,25,.7);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:2000;padding:8px;overflow:hidden;opacity:0;pointer-events:none;transition:opacity var(--transition-speed)}.dialog-overlay.active{opacity:1;pointer-events:auto}.dialog-box{background-color:#fff;border-radius:12px;width:calc(100% - 16px);max-width:700px;max-height:calc(100dvh - 16px);box-shadow:var(--shadow-premium);display:flex;flex-direction:column;overflow:hidden;transform:scale(.96);transition:transform var(--transition-speed)}.dialog-overlay.active .dialog-box{transform:scale(1)}.dialog-box-capacity{max-width:440px}.dialog-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid var(--border-color);background-color:#fff;flex-shrink:0}.dialog-title{font-size:1.15rem;font-weight:700;color:var(--primary)}.modal-booking-badge{background-color:#e0f2fe;color:#0369a1;font-weight:700;font-size:.82rem;padding:.25rem .65rem;border-radius:6px}.dialog-close-btn{background:transparent;border:none;font-size:1.25rem;font-weight:700;color:#64748b;cursor:pointer;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all var(--transition-speed)}.dialog-close-btn:hover{background-color:#f1f5f9;color:#0f172a}.dialog-form-wrapper{display:flex;flex-direction:column;flex:1 1;min-height:0;overflow:hidden}.dialog-body-scrollable{flex:1 1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:1.25rem;-webkit-overflow-scrolling:touch}.modal-section-title{border-bottom:1px solid var(--border-color);padding-bottom:.4rem;margin-top:.65rem;color:var(--kfupm-teal);font-size:1rem;font-weight:700}.dialog-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:.85rem 1.25rem;border-top:1px solid var(--border-color);background-color:#f8fafc;flex-shrink:0}.dialog-footer .btn{min-height:44px;padding:.6rem 1.5rem}.admin-details-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:.9rem 1.15rem;gap:.9rem 1.15rem}.admin-details-grid .full-span{grid-column:span 2}.upcoming-visits-group{background-color:#fff;border-radius:12px;border:1px solid var(--border-color);box-shadow:var(--shadow-soft);margin-bottom:1.5rem;overflow:hidden}.upcoming-visits-date-header{background-color:var(--secondary);color:var(--text-light);padding:.85rem 1.25rem;font-weight:700;font-size:1.1rem;display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid var(--kfupm-teal);flex-wrap:wrap;gap:.5rem}.upcoming-visits-date-header .totals-badge{background-color:var(--kfupm-teal);font-size:.82rem;padding:.25rem .65rem;border-radius:6px}.upcoming-schools-list{padding:1.25rem;display:flex;flex-direction:column;gap:1.25rem}.upcoming-school-item{border-left:4px solid var(--accent);padding-left:1.15rem}body[dir=rtl] .upcoming-school-item{border-left:none;border-right:4px solid var(--accent);padding-left:0;padding-right:1.15rem}.upcoming-school-name{font-size:1.08rem;font-weight:700;color:var(--primary);margin-bottom:.4rem}.upcoming-school-meta-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));grid-gap:.65rem;gap:.65rem;font-size:.92rem}.tel-link{color:var(--accent);font-weight:600;text-decoration:none;padding:2px 4px;border-radius:4px;transition:background-color var(--transition-speed)}.tel-link:hover{text-decoration:underline;background-color:rgba(0,119,182,.08)}.admin-calendar-day{aspect-ratio:16/10;align-items:flex-start;justify-content:flex-start;padding:.5rem;min-height:52px}.cal-day-num{font-weight:700;font-size:.92rem}.admin-day-slots{font-size:.78rem;font-weight:600;margin-top:auto;width:100%;text-align:center;padding:2px 4px;border-radius:4px;background-color:hsla(0,0%,100%,.7)}.cal-nav-btn{min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;border-radius:8px;font-size:1.2rem;font-weight:700;cursor:pointer}@media (max-width:1024px){.admin-toolbar{grid-template-columns:1fr 1fr}.admin-toolbar .toolbar-search-group{grid-column:span 2}}@media (max-width:768px){input[type=number],input[type=password],input[type=text],select,textarea{font-size:16px!important;min-height:44px}.page-title{font-size:clamp(1.5rem,6vw,1.85rem);line-height:1.25}.page-subtitle{font-size:.98rem}.admin-details-grid,.details-grid,.form-grid{grid-template-columns:1fr!important;gap:.9rem}.admin-details-grid .full-span,.arrival-notice-card,.calendar-wrapper,.contact-2-card,.form-actions,.form-group,.form-group.full-width,.form-section-title,.full-width,.visit-program-section{grid-column:span 1!important;width:100%!important}.panel-card{padding:1.25rem 1rem;margin-bottom:1.5rem}.calendar-wrapper{width:100%!important;box-sizing:border-box;overflow:hidden}.calendar-header{padding:.75rem .85rem}.calendar-month-year{font-size:1rem}.calendar-grid{padding:.65rem .25rem .75rem!important;width:100%!important;box-sizing:border-box;overflow:hidden}.calendar-weekdays{display:grid!important;grid-template-columns:repeat(7,minmax(0,1fr))!important;font-size:.72rem!important;margin-bottom:.4rem!important;grid-gap:2px!important;gap:2px!important;text-align:center}.calendar-weekdays>div{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 1px;font-weight:700}.calendar-days{display:grid!important;grid-template-columns:repeat(7,minmax(0,1fr))!important;grid-gap:3px 2px!important;gap:3px 2px!important;width:100%!important}.calendar-day{aspect-ratio:auto!important;min-height:44px!important;height:auto!important;padding:3px 1px!important;font-size:.84rem!important;font-weight:700!important;border-radius:6px!important;box-sizing:border-box!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:1px}.calendar-day span:first-child{line-height:1}.slots-badge{font-size:.6rem!important;font-weight:700!important;margin-top:2px!important;padding:1px 2px!important;border-radius:3px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:100%!important;box-sizing:border-box!important;line-height:1.1!important;letter-spacing:normal!important}.calendar-legend{display:flex!important;flex-wrap:wrap!important;justify-content:center!important;gap:.45rem .85rem!important;padding:.65rem .25rem .25rem!important;margin-top:.65rem!important}.legend-item{font-size:.78rem!important;gap:.35rem!important;white-space:nowrap!important}.legend-color{width:13px!important;height:13px!important}.admin-calendar-day{aspect-ratio:auto;min-height:52px}.admin-day-slots{font-size:.72rem}.table-responsive{display:none}.mobile-booking-cards{display:flex}.admin-toolbar{grid-template-columns:1fr;padding:1rem}.admin-toolbar .toolbar-search-group{grid-column:span 1}.admin-stats-grid{grid-template-columns:1fr 1fr;gap:.75rem}.stat-card{padding:1rem}.stat-value{font-size:1.5rem}.admin-mobile-nav-toggle{display:flex}.admin-nav{display:none;flex-direction:column;width:100%;padding:.75rem;gap:.5rem;margin-bottom:1.5rem}.admin-nav.mobile-open{display:flex}.admin-nav-group-primary,.admin-nav-group-secondary{flex-direction:column;width:100%;gap:.5rem;-webkit-margin-start:0;margin-inline-start:0}.admin-nav-item{width:100%;min-height:48px;justify-content:flex-start;text-align:start;padding:.75rem 1rem;font-size:1rem}.global-header{padding:.65rem 1rem}.logo-vis-wrapper{height:44px;width:35px}.logo-vis-wrapper img{height:76px;width:76px}.logo-kfupm-wrapper{height:40px;width:155px}.logo-kfupm-wrapper img{height:78px;width:190px}.logo-separator{height:32px}.logo-link{gap:.75rem}.landing-card-overlay{padding:1.35rem 1.5rem}.landing-card-title{font-size:1.6rem}.landing-card-desc{font-size:.95rem}.main-content{padding:1rem .85rem}.dialog-box{width:calc(100% - 12px);max-height:calc(100dvh - 12px)}}@media (max-width:480px){.admin-stats-grid{grid-template-columns:1fr}.calendar-legend{flex-direction:column;align-items:flex-start;gap:.5rem}.logo-kfupm-wrapper{height:36px;width:135px}.logo-kfupm-wrapper img{height:70px;width:165px}}.visit-program-section{margin-top:.5rem;margin-bottom:.5rem}.program-timeline-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:1.25rem 1.5rem;flex-direction:column}.program-timeline-card,.timeline-step{display:flex;gap:1rem;position:relative;width:100%;box-sizing:border-box}.timeline-step{align-items:center;min-width:0}.timeline-step:not(:last-child){padding-bottom:1rem;border-bottom:1px solid #e2e8f0}.timeline-step:not(:last-child):after{display:none}.timeline-badge-wrap{flex-shrink:0;min-width:215px;width:auto;box-sizing:border-box}.timeline-time-badge{display:inline-flex;align-items:center;justify-content:center;background:var(--kfupm-teal);color:#fff;font-size:.84rem;font-weight:700;padding:.4rem 1rem;border-radius:20px;letter-spacing:.01em;box-shadow:0 2px 6px rgba(0,122,120,.2);width:100%;text-align:center;box-sizing:border-box;white-space:nowrap;flex-shrink:0;line-height:1.4}.timeline-content{flex:1 1;min-width:0;font-weight:500;line-height:1.5;word-break:break-word;overflow-wrap:anywhere}.comments-textarea,.timeline-content{font-size:.95rem;color:var(--text-dark)}.comments-textarea{width:100%;border:1px solid var(--border-color);border-radius:8px;padding:.75rem 1rem;font-family:inherit;background-color:var(--bg-light);resize:vertical;min-height:80px;box-sizing:border-box;transition:border-color var(--transition-speed),box-shadow var(--transition-speed)}.comments-textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(0,119,182,.15)}.acknowledgment-group{background:#f8fafc;border:1.5px solid #cbd5e1;border-radius:12px;padding:1.15rem 1.25rem;margin-top:.75rem;transition:border-color var(--transition-speed)}.acknowledgment-group:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px rgba(0,119,182,.12)}.acknowledgment-label{display:flex;align-items:flex-start;gap:.85rem;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;margin-bottom:0}.acknowledgment-checkbox{width:22px;height:22px;min-width:22px;min-height:22px;margin-top:3px;cursor:pointer;accent-color:var(--kfupm-teal);border-radius:4px;border:2px solid #64748b;outline:none}.acknowledgment-checkbox:focus-visible{outline:2px solid var(--kfupm-teal);outline-offset:3px}.acknowledgment-text-span{font-size:.92rem;line-height:1.65;color:var(--text-dark);font-weight:500}.ack-confirmation-box{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:10px;color:#15803d;font-weight:600;font-size:.95rem;line-height:1.5}.ack-icon{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;min-width:26px;border-radius:50%;background:#15803d;color:#fff;font-size:.85rem;font-weight:900}@media (max-width:768px){.program-timeline-card{padding:1rem;gap:0}.timeline-step{flex-direction:column;align-items:flex-start;gap:.45rem;padding-top:.85rem;padding-bottom:.85rem;border-bottom:1px solid #e2e8f0;border-top:none;width:100%;min-width:0;box-sizing:border-box}.timeline-step:first-child{padding-top:0}.timeline-step:not(:last-child){border-bottom:1px solid #e2e8f0;padding-bottom:.85rem}.timeline-step:last-child{padding-bottom:0;border-bottom:none}.timeline-badge-wrap{width:auto;min-width:unset;flex-shrink:0}.timeline-time-badge{font-size:.84rem;font-weight:700;padding:.35rem .9rem;width:auto;display:inline-flex;white-space:nowrap;flex-shrink:0;box-sizing:border-box;line-height:1.4}.timeline-content{width:100%;min-width:0;font-size:.92rem;line-height:1.6;padding-top:0}.comments-textarea{font-size:16px!important}.acknowledgment-text-span{font-size:.9rem}}.btn-add-contact-toggle{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background:#f0fdfa;border:1.5px dashed var(--kfupm-teal);color:var(--kfupm-teal);padding:.65rem 1.25rem;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all var(--transition-speed);width:auto}.btn-add-contact-toggle:hover{background:#ccfbf1;border-color:var(--kfupm-teal-hover);color:var(--kfupm-teal-hover);transform:translateY(-1px)}.contact-2-card{grid-column:1/-1!important;width:100%!important;box-sizing:border-box;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:1.25rem;margin-top:.5rem;margin-bottom:.5rem;animation:fadeIn .25s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.contact-2-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:1.25rem;gap:1.25rem}.contact-2-footer{display:flex;justify-content:flex-start;margin-top:.85rem;padding-top:.75rem;border-top:1px solid #eef2f6}.btn-remove-contact-toggle{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;background:transparent;border:1px solid #fecaca;color:#dc2626;font-size:.86rem;font-weight:500;padding:.4rem .9rem;border-radius:6px;cursor:pointer;transition:all var(--transition-speed)}.btn-remove-contact-toggle:hover{background:#fef2f2;border-color:#f87171;color:#b91c1c}.arrival-notice-card{display:flex;align-items:center;gap:.85rem;background:#f0fdfa;border:1px solid #99f6e4;border-left:4px solid var(--kfupm-teal);border-radius:8px;padding:.85rem 1.15rem;margin-top:.75rem;margin-bottom:.75rem}.arrival-notice-card,.visit-program-section{grid-column:1/-1!important;width:100%!important;box-sizing:border-box}[dir=rtl] .arrival-notice-card{border-left:1px solid #99f6e4;border-right:4px solid var(--kfupm-teal)}.arrival-notice-icon{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;min-width:26px;background:var(--kfupm-teal);color:#fff;border-radius:50%;font-size:.9rem;font-weight:700}.arrival-notice-text{font-size:.95rem;font-weight:600;color:#115e59;line-height:1.5}@media (max-width:768px){.contact-2-grid{grid-template-columns:1fr;gap:.85rem}.contact-2-footer{width:100%;justify-content:stretch}.btn-add-contact-toggle{width:100%;justify-content:center;min-height:44px}.btn-remove-contact-toggle{width:100%;justify-content:center;min-height:42px}.arrival-notice-card{padding:.75rem .9rem;gap:.65rem}.arrival-notice-text{font-size:.9rem}}.page-title-section{text-align:center;width:100%;margin-top:.25rem;margin-bottom:2rem}.page-title{font-size:2.4rem;font-weight:800;color:var(--primary);line-height:1.25;margin-bottom:.75rem;letter-spacing:-.02em}.page-subtitle{font-size:1.15rem;color:#475569;max-width:700px;margin:0 auto;line-height:1.6}.header-actions-group{display:flex;align-items:center;gap:.85rem}.homepage-hero-container{width:100%;max-width:1020px;margin:0 auto 2.5rem;display:flex;flex-direction:column;gap:1.75rem}.homepage-hero-single-wrap{width:100%}.homepage-dual-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:1.75rem;gap:1.75rem;width:100%}.hero-card-badge{position:absolute;top:1.5rem;right:1.5rem;z-index:3;padding:.35rem .85rem;border-radius:20px;font-size:.82rem;font-weight:700;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 4px 12px rgba(0,0,0,.3)}[dir=rtl] .hero-card-badge{right:auto;left:1.5rem}.hero-card-badge-closed{background:rgba(220,38,38,.9);color:#fff;border:1px solid hsla(0,96%,89%,.4)}.hero-card-badge-open{background:rgba(16,185,129,.9);color:#fff;border:1px solid rgba(167,243,208,.4)}@media (max-width:900px){.homepage-dual-grid{grid-template-columns:1fr;gap:1.5rem}}.hero-card-primary{background-color:var(--primary);border-radius:24px;overflow:hidden;cursor:pointer;border:2px solid hsla(0,0%,100%,.15);box-shadow:0 20px 45px -10px rgba(0,0,0,.25),0 8px 20px -5px rgba(0,0,0,.12);position:relative;transition:transform .35s cubic-bezier(.4,0,.2,1),box-shadow .35s,border-color .35s;min-height:480px;display:flex;flex-direction:column}.hero-card-primary:hover{transform:translateY(-6px) scale(1.008);box-shadow:0 28px 50px -10px rgba(0,119,182,.35),0 14px 28px -6px rgba(0,0,0,.25);border-color:var(--accent)}.hero-card-image-wrap{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;z-index:1}.hero-card-img{width:100%;height:100%;object-fit:cover;object-position:center 28%;display:block;transition:transform .6s cubic-bezier(.4,0,.2,1)}.hero-card-primary:hover .hero-card-img{transform:scale(1.035)}.hero-card-overlay{position:absolute;top:0;left:0;right:0;bottom:0;z-index:2;background:linear-gradient(180deg,rgba(10,17,40,.05),rgba(10,17,40,.35) 45%,rgba(10,17,40,.88) 82%,rgba(10,17,40,.98));padding:3rem 2.5rem;display:flex;flex-direction:column;justify-content:flex-end;color:#fff}.hero-card-overlay,[dir=rtl] .hero-card-overlay{align-items:flex-start}.hero-card-title{font-size:2.35rem;font-weight:700;color:#fff;margin-bottom:.65rem;letter-spacing:-.015em;text-shadow:0 2px 8px rgba(0,0,0,.8)}.hero-card-desc{font-size:1.12rem;color:#e2e8f0;line-height:1.6;margin-bottom:1.75rem;max-width:600px;text-shadow:0 1px 4px rgba(0,0,0,.7)}.hero-card-cta-btn{display:inline-flex;align-items:center;gap:.75rem;background:linear-gradient(135deg,var(--accent) 0,var(--kfupm-teal) 100%);color:#fff!important;font-weight:700;font-size:1.08rem;padding:.95rem 1.85rem;border-radius:14px;text-decoration:none;box-shadow:0 6px 20px rgba(0,119,182,.45);transition:all .25s ease;border:1px solid hsla(0,0%,100%,.25);cursor:pointer}.hero-card-primary:hover .hero-card-cta-btn{background:linear-gradient(135deg,var(--accent-hover) 0,var(--kfupm-teal-hover) 100%);transform:translateY(-2px);box-shadow:0 10px 28px rgba(0,150,199,.6)}@media (max-width:768px){.header-actions-group{gap:.5rem}.header-nav-volunteer{padding:.35rem .75rem;font-size:.8rem}.hero-card-primary{min-height:380px;border-radius:18px}.hero-card-overlay{padding:1.75rem 1.5rem}.hero-card-title{font-size:1.85rem}.hero-card-desc{font-size:1rem;margin-bottom:1.35rem}}@media (max-width:480px){.header-nav-volunteer{padding:.3rem .6rem;font-size:.75rem}.hero-card-primary{min-height:340px;border-radius:16px}.hero-card-overlay{padding:1.5rem 1.25rem}.hero-card-title{font-size:1.6rem}.hero-card-desc{font-size:.92rem;margin-bottom:1.25rem}.hero-card-cta-btn{width:100%;justify-content:center;padding:.85rem 1.25rem;font-size:1rem}}.advance-14day-banner{grid-column:1/-1!important;width:100%!important;box-sizing:border-box;display:flex;align-items:center;gap:.85rem;background:#eff6ff;border:1px solid #bfdbfe;border-left:4px solid var(--accent);border-radius:8px;padding:.85rem 1.15rem;margin-bottom:.75rem}[dir=rtl] .advance-14day-banner{border-left:1px solid #bfdbfe;border-right:4px solid var(--accent)}.advance-14day-icon{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;min-width:26px;background:var(--accent);color:#fff;border-radius:50%;font-size:.85rem;font-weight:700}.advance-14day-text{font-size:.95rem;font-weight:600;color:#1e40af;line-height:1.5}.full-date-notice-card{grid-column:1/-1!important;width:100%!important;box-sizing:border-box;display:flex;align-items:flex-start;gap:.85rem;background:#fffbeb;border:1.5px solid #fcd34d;border-left:5px solid #d97706;border-radius:10px;padding:1rem 1.25rem;margin-top:.85rem;margin-bottom:.5rem;animation:fadeIn .3s ease}[dir=rtl] .full-date-notice-card{border-left:1.5px solid #fcd34d;border-right:5px solid #d97706}.full-date-notice-icon{font-size:1.3rem;color:#d97706;line-height:1;margin-top:.1rem}.full-date-notice-content{display:flex;flex-direction:column;gap:.25rem}.full-date-notice-title{font-size:.95rem;font-weight:700;color:#92400e}.full-date-notice-text{font-size:.9rem;color:#b45309;line-height:1.5}.calendar-day.day-requestable{background-color:#fef3c7;border-color:#fcd34d;color:#92400e;cursor:pointer}.calendar-day.day-requestable:hover{background-color:#fde68a;border-color:#f59e0b;transform:translateY(-2px);box-shadow:0 4px 8px rgba(217,119,6,.2)}.calendar-day.day-requestable.selected{background-color:#d97706!important;border-color:#b45309!important;color:#fff!important}.calendar-day.day-requestable.selected .slots-badge{background-color:rgba(0,0,0,.25);color:#fff}.badge-pending{background-color:#fef3c7;color:#92400e;border:1px solid #fcd34d}.badge-override{background-color:#e0f2fe;color:#0369a1;border:1px solid #bae6fd}.status-pending-box{background:#fffbeb;border:1.5px solid #fcd34d;border-radius:12px;padding:1.5rem;margin-bottom:1.75rem;display:flex;flex-direction:column;gap:.5rem;text-align:center}.status-pending-title{font-size:1.25rem;font-weight:700;color:#92400e}.status-pending-desc{font-size:.95rem;color:#78350f;line-height:1.6}.time-slots-section{grid-column:1/-1!important;width:100%!important;margin-top:.5rem}.time-slots-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:.85rem;gap:.85rem;margin-top:.75rem}.time-slot-card{background:#fff;border:1.5px solid var(--border-color);border-radius:10px;padding:.9rem 1.1rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:flex-start;gap:.85rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}.time-slot-card:hover{transform:translateY(-2px);box-shadow:0 4px 10px rgba(0,122,120,.1)}.time-slot-card.selected,.time-slot-card:hover{border-color:var(--kfupm-teal);background-color:#f0fdfa}.time-slot-card.selected{box-shadow:0 0 0 2px rgba(0,122,120,.25)}.time-slot-checkbox{width:20px;height:20px;margin-top:.15rem;accent-color:var(--kfupm-teal);cursor:pointer}.time-slot-info{display:flex;flex-direction:column;gap:.2rem;flex:1 1}.time-slot-time-badge{font-size:.8rem;font-weight:700;color:var(--kfupm-teal);background:#ccfbf1;padding:.15rem .55rem;border-radius:6px;display:inline-block;align-self:flex-start}.time-slot-title{font-size:.95rem;font-weight:600;color:var(--text-dark);line-height:1.4}.volunteer-slots-summary{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.volunteer-slot-chip{background:#f0fdfa;border:1px solid #99f6e4;color:#115e59;padding:.4rem .85rem;border-radius:8px;font-size:.88rem;font-weight:600;display:inline-flex;align-items:center;gap:.4rem}.staffing-school-card{background:#fff;border-radius:14px;border:1px solid var(--border-color);box-shadow:var(--shadow-soft);padding:1.5rem;margin-bottom:1.25rem}.staffing-school-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-color);padding-bottom:.75rem;margin-bottom:1rem;flex-wrap:wrap;gap:.5rem}.staffing-school-name{font-size:1.25rem;font-weight:700;color:var(--primary)}.staffing-school-date{font-size:.95rem;font-weight:600;color:var(--kfupm-teal);background:#f0fdfa;padding:.25rem .75rem;border-radius:8px;border:1px solid #99f6e4}.staffing-slots-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:.85rem;gap:.85rem}.staffing-slot-cell{background:#f8fafc;border:1px solid var(--border-color);border-radius:10px;padding:.85rem;display:flex;flex-direction:column;gap:.5rem;cursor:pointer;transition:all .2s ease}.staffing-slot-cell:hover{border-color:var(--kfupm-teal);background:#f0fdfa;transform:translateY(-2px)}.staffing-slot-time{font-size:.82rem;font-weight:700;color:var(--primary)}.staffing-slot-badge{display:inline-flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:700;padding:.3rem .65rem;border-radius:6px}.staffing-badge-good{background:#dcfce7;color:#166534;border:1px solid #86efac}.staffing-badge-low{background:#fef3c7;color:#92400e;border:1px solid #fcd34d}.staffing-badge-zero{background:#fee2e2;color:#991b1b;border:1px solid #fca5a5}.assigned-volunteers-list{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem}.assigned-volunteer-item{display:flex;justify-content:space-between;align-items:center;background:#f8fafc;border:1px solid var(--border-color);border-radius:8px;padding:.75rem 1rem}.assigned-volunteer-meta{display:flex;flex-direction:column;gap:.2rem}.assigned-volunteer-name{font-weight:700;color:var(--text-dark)}.assigned-volunteer-id{font-size:.85rem;color:var(--text-muted)}.badge-super-admin{background-color:#0a1128;color:#38bdf8;border:1px solid #0284c7;font-weight:700}.badge-admin{background-color:#f1f5f9;color:#1e293b;border:1px solid #cbd5e1;font-weight:600}.badge-you{background-color:#e2e8f0;color:#475569;font-size:.72rem;font-weight:700;padding:.15rem .45rem;border-radius:4px}.admin-header-row{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.75rem;flex-wrap:wrap;gap:1rem}.admin-page-title{font-size:1.65rem;font-weight:800;color:var(--primary);line-height:1.25}.admin-page-subtitle{font-size:.95rem;color:#64748b;margin-top:.35rem;max-width:750px}.admin-card{background-color:#fff;border-radius:12px;border:1px solid var(--border-color);box-shadow:var(--shadow-soft);padding:1.75rem;margin-bottom:2rem}.admin-card-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-color);padding-bottom:1rem;margin-bottom:1.5rem;flex-wrap:wrap;gap:.75rem}.admin-card-title{font-size:1.2rem;font-weight:700;color:var(--primary);display:flex;align-items:center;gap:.5rem}.admin-grid-2{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:1.25rem 1.5rem;gap:1.25rem 1.5rem}.admin-grid-2 .full-width{grid-column:span 2}.admin-toggle-cards{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:.85rem;gap:.85rem}.admin-toggle-card{border:1.5px solid var(--border-color);border-radius:10px;padding:.85rem 1.15rem;background-color:#f8fafc;cursor:pointer;display:flex;align-items:center;gap:.75rem;font-size:.95rem;font-weight:600;color:var(--text-dark);transition:all var(--transition-speed);-webkit-user-select:none;-moz-user-select:none;user-select:none}.admin-toggle-card:hover{background-color:#f1f5f9;border-color:#94a3b8}.admin-toggle-card.selected{border-color:var(--kfupm-teal);background-color:#f0fdfa;color:var(--kfupm-teal);box-shadow:0 0 0 1px var(--kfupm-teal)}.admin-toggle-card.selected-danger{border-color:#dc2626;background-color:#fef2f2;color:#dc2626;box-shadow:0 0 0 1px #dc2626}.admin-toggle-indicator{width:18px;height:18px;border-radius:50%;border:2px solid #94a3b8;display:flex;align-items:center;justify-content:center;flex-shrink:0}.admin-toggle-card.selected .admin-toggle-indicator{border-color:var(--kfupm-teal);background-color:var(--kfupm-teal)}.admin-toggle-card.selected-danger .admin-toggle-indicator{border-color:#dc2626;background-color:#dc2626}.admin-toggle-indicator-dot{width:6px;height:6px;border-radius:50%;background-color:#fff}.admin-action-card{border-left:4px solid #d97706}body[dir=rtl] .admin-action-card{border-left:1px solid var(--border-color);border-right:4px solid #d97706}.mobile-user-cards{display:none;flex-direction:column;gap:1rem}.mobile-user-card{background-color:#fff;border-radius:12px;border:1px solid var(--border-color);padding:1.15rem;box-shadow:var(--shadow-soft)}@media (max-width:768px){.admin-grid-2{grid-template-columns:1fr}.admin-grid-2 .full-width{grid-column:span 1}.admin-toggle-cards{grid-template-columns:1fr}.table-responsive.user-table-wrap{display:none}.mobile-user-cards{display:flex}.admin-toggle-card,.form-control,input,select,textarea{font-size:16px!important}}.coverage-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));grid-gap:1.25rem;gap:1.25rem}.coverage-card{background:#fff;border:1px solid var(--border-color);border-radius:12px;padding:1.25rem 1.5rem;box-shadow:var(--shadow-soft);display:flex;flex-direction:column;gap:.85rem;transition:transform var(--transition-speed),box-shadow var(--transition-speed)}.coverage-card:hover{box-shadow:var(--shadow-premium);transform:translateY(-2px)}.coverage-card-header{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid var(--border-color);padding-bottom:.75rem;gap:.5rem}.coverage-school-name{font-size:1.15rem;font-weight:700;color:var(--primary);line-height:1.3}.coverage-progress-track{width:100%;height:8px;background-color:#e2e8f0;border-radius:9999px;overflow:hidden}.coverage-progress-bar{height:100%;border-radius:9999px;transition:width .3s ease}