.p-student-classrooms__container{padding-bottom:0}.p-student-classrooms__container.alert-danger{color:#721c24;background-color:#f8d7da}.p-student-classrooms__container.alert-danger,.p-student-classrooms__container.alert-success{margin-top:1rem;position:relative;padding:.75rem 1.25rem;border:1px solid transparent;border-radius:.25rem}.p-student-classrooms__container.alert-success{color:#155724;background-color:#d4edda}.p-student-classrooms__heading{background-color:#fff;border-bottom:1px solid #b9c2cb}.classroom-cards-container{width:100%;margin:0 auto;display:-ms-grid;display:grid;-ms-grid-columns:1fr;grid-template-columns:1fr;gap:1rem}@media (min-width:768px){.classroom-cards-container{-ms-grid-columns:(1fr)[2];grid-template-columns:repeat(2,1fr)}}.classroom-rows-container{width:100%;margin:1rem 0;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:1rem}.c-line-heading__title{position:relative;color:#777d84;margin:0}.c-line-heading__text{position:relative;z-index:2;padding-left:2rem;font-size:1rem;background-color:#f7f8fa}.c-student-classroom-row{background-color:#fff;border:1px solid #bbb8c4;border-radius:8px;margin-bottom:1rem;padding:1.25rem;transition:all .2s ease;box-shadow:0 1px 3px rgba(0,0,0,.08)}.c-student-classroom-row:hover{box-shadow:0 2px 6px rgba(0,0,0,.12)}.c-student-classroom-row__header{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:1rem;padding-bottom:1rem;margin-bottom:1rem;border-bottom:1px solid #bbb8c4}.c-student-classroom-row__code{font-weight:600;color:#292d32;font-size:1.1rem;min-width:120px}.c-student-classroom-row__name{font-weight:500;color:#292d32;font-size:1.1rem;-ms-flex:1;flex:1}.c-student-classroom-row__body{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:1rem}.c-student-classroom-row__info{-ms-flex-wrap:wrap;flex-wrap:wrap;gap:1.5rem}.c-student-classroom-row__info,.c-student-classroom-row__info-item{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.c-student-classroom-row__info-item{gap:.5rem}.c-student-classroom-row__label{color:#777d84;font-size:.9rem}.c-student-classroom-row__value{color:#292d32;font-weight:500;font-size:.95rem}.c-student-classroom-row__actions{display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;gap:8px;-ms-flex-align:center;align-items:center;overflow-x:auto}.c-student-classroom-row__actions::-webkit-scrollbar{height:4px}.c-student-classroom-row__actions::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.c-student-classroom-row__actions::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.c-student-classroom-row__actions .btn{display:inline-block!important;width:auto!important;margin:0;min-width:80px;-ms-flex-negative:0;flex-shrink:0;transition:all .2s ease;white-space:nowrap}.c-student-classroom-row__actions .btn:hover{transform:translateY(-1px);box-shadow:0 2px 4px rgba(0,0,0,.1)}@keyframes placeHolderShimmer{0%{background-position:-468px 0}to{background-position:468px 0}}@keyframes blink{0%{opacity:1}50%{opacity:.1}to{opacity:1}}@keyframes upanddown{0%{top:5%}50%{top:95%}to{top:5%}}.classroom-card{width:100%;max-width:1058px;height:auto;margin:16px 0;padding:16px;background:#fff;border-radius:12px}.subject-name{font-style:normal;font-weight:400;font-size:18px;text-align:right;color:#5f6061}.classroom-name{font-family:Neo Sans Arabic;font-weight:500;font-size:20px}.classroom-name,.classroom-time{font-style:normal;text-align:right;color:#292d32}.classroom-time{font-weight:400;font-size:16px}.classroom-operation-row{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:16px;width:100%}.my-row{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:justify;justify-content:space-between}@media (min-width:768px){.my-row{-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center}}.my-btn-gray{background:#f4f4f4;color:#292d32}.my-btn-blue,.my-btn-gray{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;padding:4px 16px;gap:10px;height:40px;border-radius:8px;-ms-flex:none;flex:none;-ms-flex-order:0;order:0;-ms-flex-positive:0;flex-grow:0;cursor:pointer}.my-btn-blue{color:#fff;background:#0094d7}.my-btn-gray-round{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;padding:6px 12px;gap:8px;width:148px;height:40px;background:#f2f2f2;border-radius:42px;cursor:pointer}@media (min-width:576px){.my-btn-blue,.my-btn-gray,.my-btn-gray-round{width:auto}}.mb-small{margin-bottom:2rem}.badge-time{border:1px solid #d1d1d1;border-radius:12px;padding:8px 12px;font-size:14px;font-weight:500;color:#5f6061}.download-popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.download-popup{position:relative;width:400px;max-width:90%;background:#fff;border-radius:16px;box-shadow:0 24px 64px rgba(0,0,0,.15);overflow:hidden;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.download-popup .download-popup-header{position:relative;padding:24px 24px 16px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e2e8f0}.download-popup .download-popup-header .download-popup-close{position:absolute;width:32px;height:32px;left:16px;top:16px;background:hsla(0,0%,100%,.9);border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;color:#64748b;font-size:20px;font-weight:700;transition:all .2s ease;box-shadow:0 2px 4px rgba(0,0,0,.1);z-index:10}.download-popup .download-popup-header .download-popup-close:hover{background:#fff;color:#dc2626;border-color:#dc2626;transform:scale(1.05);box-shadow:0 4px 8px rgba(0,0,0,.15)}.download-popup .download-popup-header .download-popup-title{font-family:Neo Sans Arabic,sans-serif;font-weight:600;font-size:22px;line-height:28px;text-align:center;color:#1e293b;margin:0;padding:0 40px}.download-popup .download-popup-content{padding:32px 24px;background:#fff;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:16px}.download-popup .download-popup-content .download-option-btn{width:100%;height:64px;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;gap:12px;padding:16px 24px;border:2px solid #e2e8f0;border-radius:12px;background:#fff;cursor:pointer;transition:all .3s ease;font-family:Neo Sans Arabic,sans-serif;font-weight:500;font-size:16px;color:#374151}.download-popup .download-popup-content .download-option-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,.15)}.download-popup .download-popup-content .download-option-btn:active{transform:translateY(0)}.download-popup .download-popup-content .download-option-btn .download-option-icon{font-size:24px}.download-popup .download-popup-content .download-option-btn .download-option-text{font-size:16px;font-weight:500}.download-popup .download-popup-content .download-option-btn.download-option-pdf:hover{background:linear-gradient(135deg,#fef2f2,#fee2e2);border-color:#fecaca;color:#dc2626}.download-popup .download-popup-content .download-option-btn.download-option-xlsx:hover{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-color:#bfdbfe;color:#2563eb}@media (max-width:768px){.download-popup{width:95%;max-width:400px}.download-popup .download-popup-header{padding:18px 16px 10px}.download-popup .download-popup-header .download-popup-close{width:28px;height:28px;left:12px;top:12px;font-size:18px}.download-popup .download-popup-header .download-popup-title{font-size:20px;line-height:24px;padding:0 32px}.download-popup .download-popup-content{padding:20px 16px;gap:12px}.download-popup .download-popup-content .download-option-btn{height:56px;padding:12px 20px}.download-popup .download-popup-content .download-option-btn .download-option-icon{font-size:20px}.download-popup .download-popup-content .download-option-btn .download-option-text{font-size:15px}}@media (max-width:480px){.download-popup{width:100%;border-radius:16px 16px 0 0;margin-top:auto}.download-popup .download-popup-header{padding:16px 12px 8px}.download-popup .download-popup-header .download-popup-close{width:26px;height:26px;left:10px;top:10px;font-size:16px}.download-popup .download-popup-header .download-popup-title{font-size:18px;padding:0 24px;line-height:22px}.download-popup .download-popup-content{padding:16px 12px;gap:10px}.download-popup .download-popup-content .download-option-btn{height:52px;padding:10px 16px}.download-popup .download-popup-content .download-option-btn .download-option-icon{font-size:18px}.download-popup .download-popup-content .download-option-btn .download-option-text{font-size:14px}}.btn-container{flex-direction:row;-ms-flex-pack:end;justify-content:end;padding:0;gap:16px;position:block;width:100%;margin-top:16px}.btn-container,.my-btn{display:-ms-flexbox;display:flex;-ms-flex-direction:row;-ms-flex-align:center;align-items:center;height:48px}.my-btn{flex-direction:row;-ms-flex-pack:center;justify-content:center;padding:10px 31px;gap:10px;width:114px;background:#dde1e9;border-radius:34px;-ms-flex:none;flex:none;-ms-flex-positive:0;flex-grow:0;cursor:pointer}.active{color:#fff;background:#2ec057}.my-btn-gray-outline{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;padding:4px 16px;gap:10px;height:40px;border:1px solid #dde1e9;color:#292d32;border-radius:8px;-ms-flex:none;flex:none;-ms-flex-order:0;order:0;-ms-flex-positive:0;flex-grow:0;cursor:pointer}.my-btn-gray-outline:hover{background:#dde1e9;color:#292d32;cursor:pointer}