.class-schedules-page{background:#f4f6f9}.class-schedules-main{width:min(1220px,calc(100% - 40px));margin:0 auto;padding:45px 0 80px}.class-schedules-hero{min-height:225px;padding:42px 55px;display:flex;align-items:center;justify-content:space-between;gap:35px;position:relative;overflow:hidden;border-radius:20px;background:linear-gradient(125deg,#061c40,#0a326a 65%,#0e488d);color:#fff;box-shadow:0 18px 45px rgba(6,28,64,.16)}.class-schedules-hero:after{content:"";width:320px;height:320px;position:absolute;inset:auto -100px -220px auto;border:1px solid rgba(255,255,255,.1);border-radius:50%}.class-schedules-hero>div{position:relative;z-index:1}.class-schedules-hero span{color:#e7b64e;font-size:14px;font-weight:700}.class-schedules-hero h1{margin:9px 0 12px;font-size:40px}.class-schedules-hero p{margin:0;color:#d6dfec;font-size:16px}.class-schedules-hero>svg{width:112px;flex:0 0 112px;position:relative;z-index:1;fill:none;stroke:#fff;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.class-schedules-hero>svg path{stroke:#e7b64e}.class-schedules-breadcrumb{margin:24px 4px 20px;display:flex;align-items:center;gap:9px;color:#8a96a7;font-size:12px}.class-schedules-breadcrumb a{color:#45617f}.class-schedules-breadcrumb b{color:#0a2d5f}.class-schedules-filter-card{margin-bottom:22px;padding:25px 28px;border:1px solid #dfe5ec;border-radius:16px;background:#fff;box-shadow:0 10px 32px rgba(9,42,93,.07)}.class-schedules-filter-card header{margin-bottom:18px}.class-schedules-filter-card h2{margin:0 0 5px;color:#102d53;font-size:20px}.class-schedules-filter-card p{margin:0;color:#7c899b;font-size:12px}.class-schedules-filter-card form{display:grid;grid-template-columns:1fr 1fr auto;align-items:end;gap:13px}.class-schedules-filter-card label{display:flex;flex-direction:column;gap:7px;color:#304862;font-size:12px;font-weight:700}.class-schedules-filter-card label[hidden]{display:none}.class-schedules-filter-card select{height:48px;padding:0 13px;border:1px solid #d6dde6;border-radius:9px;background:#fff;color:#183653;outline:0;font:600 13px Tajawal,Arial,sans-serif}.class-schedules-filter-card select:focus{border-color:#c89a37;box-shadow:0 0 0 3px rgba(200,154,55,.12)}.class-schedules-filter-card button{height:48px;padding:0 22px;display:flex;align-items:center;justify-content:center;gap:9px;border:0;border-radius:9px;background:#0a2f64;color:#fff;cursor:pointer;font:700 13px Tajawal,Arial,sans-serif}.class-schedules-filter-card button svg{width:18px;fill:none;stroke:currentColor;stroke-width:2}.class-schedule-card{overflow:hidden;border:1px solid #dfe5ec;border-radius:17px;background:#fff;box-shadow:0 12px 36px rgba(9,42,93,.08)}.class-schedule-card>header{padding:26px 30px 23px;text-align:center;border-bottom:1px solid #e7ebf0;background:linear-gradient(180deg,#fff,#fbfcfd)}.class-schedule-card>header span{display:inline-flex;padding:6px 12px;border-radius:18px;background:#f5ecda;color:#926713;font-size:11px;font-weight:700}.class-schedule-card h2{margin:9px 0 0;color:#102d53;font-size:25px}.class-schedule-table-wrap{padding:22px;overflow-x:auto}.class-schedule-table{width:100%;min-width:max(780px,calc(var(--schedule-columns) * 125px));border-spacing:0;border-collapse:separate;border:1px solid #d7dde5;border-radius:11px;overflow:hidden}.class-schedule-table th{min-width:110px;padding:15px 11px;border-inline-end:1px solid #d1bda9;border-bottom:1px solid #d1bda9;background:#f4dfd0;color:#2e3540;text-align:center;font-size:13px}.class-schedule-table td{height:58px;padding:12px 10px;border-inline-end:1px solid #e2e6eb;border-bottom:1px solid #e2e6eb;color:#1e3048;text-align:center;font-size:13px;font-weight:600}.class-schedule-table th:last-child,.class-schedule-table td:last-child{border-inline-end:0}.class-schedule-table tr:last-child td{border-bottom:0}.class-schedule-table tbody tr:hover{background:#fbf8f2}.class-schedule-table tbody td:first-child{background:#f8fafc;color:#0a2f64;font-weight:800}.class-schedule-table td i{color:#c8ced6;font-style:normal;font-weight:400}.class-schedule-no-rows{padding:34px!important;color:#7f8b9c!important}.class-schedule-card>footer{min-height:66px;padding:14px 24px;display:flex;align-items:center;gap:11px;border-top:1px solid #e7ebf0;background:#fbfcfd}.class-schedule-card>footer span{width:32px;height:32px;display:grid;place-items:center;border-radius:9px;background:#f3e6ca;color:#986b0c;font:800 15px Arial,sans-serif}.class-schedule-card>footer p{margin:0;color:#203653;font-size:13px;font-weight:700}.class-schedules-message,.class-schedules-empty{padding:30px;border:1px solid #e0e6ed;border-radius:13px;background:#fff;color:#758398;text-align:center;font-size:13px}[dir=ltr] .class-schedules-filter-card button svg{transform:scaleX(-1)}
@media(max-width:800px){.class-schedules-main{width:min(100% - 24px,1220px);padding:25px 0 55px}.class-schedules-hero{padding:34px}.class-schedules-hero h1{font-size:33px}.class-schedules-filter-card form{grid-template-columns:1fr 1fr}.class-schedules-filter-card button{grid-column:1/-1}.class-schedule-table-wrap{padding:13px}}
@media(max-width:560px){.class-schedules-hero{min-height:215px;padding:27px 23px}.class-schedules-hero h1{font-size:29px}.class-schedules-hero>svg{display:none}.class-schedules-filter-card{padding:20px 16px}.class-schedules-filter-card form{grid-template-columns:1fr}.class-schedules-filter-card button{grid-column:auto}.class-schedule-card h2{font-size:19px}.class-schedule-table-wrap{padding:9px}.class-schedule-card>footer{align-items:flex-start;padding:14px}.class-schedule-card>footer p{font-size:12px}}