.bottom-nav[data-v-69c334a2]{position:fixed;bottom:0;left:0;right:0;background:var(--primary-brown);display:flex;justify-content:space-around;padding:10px 0;box-shadow:0 -2px 10px rgba(119,85,62,.2);z-index:1000;border-top:1px solid var(--beige)}.nav-item[data-v-69c334a2]{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:var(--white);padding:8px 12px;border-radius:8px;transition:all .3s ease;min-width:60px}.nav-item[data-v-69c334a2]:hover{background:hsla(0,0%,100%,.1);transform:translateY(-2px)}.nav-item.active[data-v-69c334a2]{background:var(--beige);color:var(--primary-brown);transform:translateY(-2px)}.nav-icon[data-v-69c334a2]{width:24px;height:24px;margin-bottom:4px}.nav-label[data-v-69c334a2]{font-size:12px;font-weight:500;text-align:center}@media (max-width:768px){.bottom-nav[data-v-69c334a2]{padding:8px 0}.nav-item[data-v-69c334a2]{padding:6px 8px;min-width:50px}.nav-label[data-v-69c334a2]{font-size:10px}.nav-icon[data-v-69c334a2]{width:20px;height:20px}}@media (max-width:480px){.nav-item[data-v-69c334a2]{padding:4px 6px;min-width:45px}.nav-label[data-v-69c334a2]{font-size:9px}.nav-icon[data-v-69c334a2]{width:18px;height:18px}}body{font-family:Avenir,Helvetica,Arial,sans-serif;margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{text-align:center;color:#2c3e50}button,input{padding:8px;margin:5px 0}button{cursor:pointer}table{margin:20px auto;border-collapse:collapse}table,td,th{border:1px solid #000;padding:10px}select{padding:5px;margin:10px 0}.login-message{color:#b00;font-weight:700;margin:2em}.login-container[data-v-3d25bede]{min-height:100vh;background:var(--light-cream);display:flex;align-items:center;justify-content:center;padding:20px}.login-background[data-v-3d25bede]{width:100%;max-width:450px}.login-card[data-v-3d25bede]{background:var(--white);border-radius:20px;box-shadow:0 20px 40px rgba(119,85,62,.1);overflow:hidden;animation:slideUp-3d25bede .6s ease-out;border:1px solid var(--beige)}@keyframes slideUp-3d25bede{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.login-header[data-v-3d25bede]{background:var(--primary-brown);color:var(--white);padding:40px 30px;text-align:center}.logo-container[data-v-3d25bede]{margin-bottom:20px}.logo[data-v-3d25bede]{width:80px;height:80px;border-radius:50%;border:3px solid hsla(0,0%,100%,.3)}.login-title[data-v-3d25bede]{font-size:28px;font-weight:700;margin:0 0 8px 0;text-shadow:0 2px 4px rgba(0,0,0,.3)}.login-subtitle[data-v-3d25bede]{font-size:16px;opacity:.9;margin:0;font-weight:300}.login-form[data-v-3d25bede]{padding:40px 30px}.form-group[data-v-3d25bede]{margin-bottom:24px}.form-label[data-v-3d25bede]{display:block;font-weight:600;color:var(--primary-brown);margin-bottom:8px;font-size:14px}.input-container[data-v-3d25bede]{position:relative;display:flex;align-items:center}.input-icon[data-v-3d25bede]{position:absolute;left:16px;width:20px;height:20px;color:var(--light-gray);z-index:1}.form-input[data-v-3d25bede]{width:100%;padding:16px 16px 16px 50px;border:2px solid var(--beige);border-radius:12px;font-size:16px;transition:all .3s ease;background:var(--light-cream);color:var(--primary-brown)}.form-input[data-v-3d25bede]:focus{outline:none;border-color:var(--primary-brown);background:var(--white);box-shadow:0 0 0 3px rgba(119,85,62,.1)}.password-toggle-btn[data-v-3d25bede]{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:8px;border-radius:8px;transition:all .3s ease;display:flex;align-items:center;justify-content:center;min-width:32px;height:32px}.password-toggle-btn[data-v-3d25bede]:hover{background:rgba(119,85,62,.1);transform:translateY(-50%) scale(1.1)}.password-toggle-btn[data-v-3d25bede]:active{transform:translateY(-50%) scale(.95)}.toggle-icon[data-v-3d25bede]{width:20px;height:20px;color:var(--light-gray)}.password-toggle-btn:hover .toggle-icon[data-v-3d25bede]{color:var(--primary-brown)}.form-input[data-v-3d25bede]::-moz-placeholder{color:var(--light-gray)}.form-input[data-v-3d25bede]::placeholder{color:var(--light-gray)}.form-hint[data-v-3d25bede]{display:block;margin-top:6px;font-size:12px;color:var(--light-gray);font-style:italic}.login-button[data-v-3d25bede]{width:100%;padding:16px;background:var(--primary-brown);color:var(--white);border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px}.login-button[data-v-3d25bede]:hover:not(:disabled){background:#8b4513;transform:translateY(-2px);box-shadow:0 8px 25px rgba(119,85,62,.3)}.login-button[data-v-3d25bede]:disabled{opacity:.7;cursor:not-allowed;transform:none}.button-icon[data-v-3d25bede]{width:20px;height:20px}.loading-spinner[data-v-3d25bede]{width:20px;height:20px;border:2px solid hsla(0,0%,100%,.3);border-top:2px solid #fff;border-radius:50%;animation:spin-3d25bede 1s linear infinite}@keyframes spin-3d25bede{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.error-message[data-v-3d25bede]{background:#fee;color:#c53030;padding:12px 16px;border-radius:8px;margin-top:16px;font-size:14px;border-left:4px solid #c53030;display:flex;align-items:center;gap:8px}.error-icon[data-v-3d25bede]{width:20px;height:20px;flex-shrink:0}@media (max-width:480px){.login-container[data-v-3d25bede]{padding:10px}.login-form[data-v-3d25bede],.login-header[data-v-3d25bede]{padding:30px 20px}}html[data-v-663d0556]{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}.dashboard-container[data-v-663d0556]{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;max-width:1400px;margin:0 auto;padding:20px;min-height:100vh;padding-bottom:100px;overflow-x:hidden;-webkit-overflow-scrolling:touch}.welcome-cover[data-v-663d0556]{min-height:calc(100vh - 200px);display:flex;align-items:center;justify-content:center;padding:40px 20px;background-size:cover;background-position:50%;background-repeat:no-repeat;border-radius:24px;margin:20px 0;background-color:#e1dcc9;position:relative;overflow:hidden}.welcome-cover[data-v-663d0556]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;opacity:.3}.cover-content[data-v-663d0556]{max-width:800px;width:100%;text-align:center;position:relative;z-index:2}.cover-header[data-v-663d0556]{margin-bottom:60px}.cover-title[data-v-663d0556]{font-size:3.5rem;font-weight:900;color:#77553e;margin-bottom:16px;text-shadow:0 4px 8px rgba(119,85,62,.1);background:linear-gradient(135deg,#77553e,#8b6b4a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.cover-subtitle[data-v-663d0556]{font-size:1.25rem;color:#64748b;font-weight:500;margin:0}.hadith-section[data-v-663d0556]{margin-bottom:60px}.hadith-container[data-v-663d0556]{padding:40px;border-radius:24px;position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);animation:fadeInUp-663d0556 1s ease-out;transform:translateY(0)}.hadith-content[data-v-663d0556]{z-index:2;animation:slideInLeft-663d0556 1.2s ease-out .3s both}@keyframes slideInLeft-663d0556{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}.hadith-container[data-v-663d0556]:before{content:"";position:absolute;top:0;left:0;right:0;height:4px}.hadith-background[data-v-663d0556]{position:absolute;top:0;left:0;right:0;bottom:0;background-size:cover;background-position:50%;background-repeat:no-repeat;opacity:.15;filter:blur(1px);z-index:0}.hadith-content[data-v-663d0556]{position:relative;z-index:1}.hadith-icon[data-v-663d0556]{font-size:3rem;margin-bottom:24px;display:block;animation:fadeInUp-663d0556 1.5s ease-out .2s both;opacity:0;transform:translateY(30px)}.hadith-title[data-v-663d0556]{font-size:1.5rem;font-weight:700;color:#77553e;margin-bottom:20px;animation:fadeInUp-663d0556 1.5s ease-out .4s both}.hadith-text[data-v-663d0556],.hadith-title[data-v-663d0556]{text-shadow:0 1px 2px hsla(0,0%,100%,.8);opacity:0;transform:translateY(30px)}.hadith-text[data-v-663d0556]{font-size:1.125rem;line-height:1.8;color:#374151;margin-bottom:16px;font-style:italic;font-weight:500;animation:fadeInUp-663d0556 1.5s ease-out .8s both}@keyframes fadeInUp-663d0556{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hadith-source[data-v-663d0556]{font-size:.875rem;color:#6b7280;font-weight:600;margin:0;text-shadow:0 1px 2px hsla(0,0%,100%,.8);animation:fadeInUp-663d0556 1.5s ease-out 1.2s both;opacity:0;transform:translateY(30px)}.instructions-section[data-v-663d0556]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:32px;margin-bottom:60px}.instruction-card[data-v-663d0556]{background:#fff;padding:32px 24px;border-radius:20px;box-shadow:0 8px 32px rgba(119,85,62,.08);border:1px solid rgba(119,85,62,.05);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;animation:fadeInUp-663d0556 1.5s ease-out 2s both;opacity:0;transform:translateY(30px)}.instruction-card[data-v-663d0556]:nth-child(2){animation-delay:2.2s}.instruction-card[data-v-663d0556]:nth-child(3){animation-delay:2.4s}.instruction-card[data-v-663d0556]:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#77553e,#8b6b4a);transform:scaleX(0);transition:transform .3s ease}.instruction-icon[data-v-663d0556]{font-size:2rem;margin-bottom:16px;display:block}.instruction-card h4[data-v-663d0556]{font-size:1.25rem;font-weight:700;color:#77553e;margin-bottom:12px;position:relative;z-index:2}.instruction-card p[data-v-663d0556]{font-size:.875rem;color:#64748b;line-height:1.6;margin:0;position:relative;z-index:2}.cover-footer[data-v-663d0556]{padding:100px;position:relative;overflow:hidden;background-color:#e1dcc9;background-size:contain;background-position:50%;background-repeat:no-repeat;background-image:url(https://images.unsplash.com/photo-1713117222958-d6a389aade3f?fm=jpg&q=60&w=3000&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxzZWFyY2h8MTl8fGZsb3dlciUyMGlsbHVzdHJhdGlvbnxlbnwwfHwwfHx8MA%3D%3D);animation:imageGrow-663d0556 2s ease-out 1.5s both;opacity:0;transform:scale(.8);min-height:200px}@keyframes imageGrow-663d0556{0%{opacity:0;transform:scale(.8) translateY(30px)}50%{opacity:.7;transform:scale(1.05) translateY(-5px)}to{opacity:1;transform:scale(1) translateY(0)}}.footer-text[data-v-663d0556]{font-size:1rem;color:#77553e;font-weight:600;margin:0;font-style:italic;position:relative;z-index:2}.main-content[data-v-663d0556]{margin-top:24px;animation:slideInUp-663d0556 .8s ease-out}@keyframes slideInUp-663d0556{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.top-bar[data-v-663d0556]{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;background:linear-gradient(135deg,#77553e,#8b6b4a);padding:24px 32px;border-radius:20px;position:relative;overflow:hidden}.top-bar[data-v-663d0556]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.1),transparent);animation:shimmer-663d0556 3s infinite}@keyframes shimmer-663d0556{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.top-bar-left[data-v-663d0556],.top-bar-right[data-v-663d0556]{display:flex;align-items:center;gap:16px;position:relative;z-index:1}.change-password-btn[data-v-663d0556]{background:hsla(0,0%,100%,.15);color:#fff;border:1px solid hsla(0,0%,100%,.2);border-radius:12px;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(10px);display:inline-flex;align-items:center;gap:8px;padding:12px 20px;text-decoration:none}.change-password-btn[data-v-663d0556]:hover{background:hsla(0,0%,100%,.25);transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,.15)}.change-password-btn .icon[data-v-663d0556]{width:20px;height:20px}.change-password-btn .btn-text[data-v-663d0556]{font-weight:600}.cp-overlay[data-v-663d0556]{position:fixed;inset:0;background:rgba(0,0,0,.55);display:flex;align-items:center;justify-content:center;z-index:9999;padding:16px;backdrop-filter:blur(2px)}.cp-modal[data-v-663d0556]{background:#fff;border-radius:16px;width:100%;max-width:420px;box-shadow:0 24px 60px rgba(0,0,0,.3);overflow:hidden;animation:cp-slide-in-663d0556 .2s ease}@keyframes cp-slide-in-663d0556{0%{opacity:0;transform:translateY(-16px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.cp-header[data-v-663d0556]{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 16px;border-bottom:1px solid #e2e8f0}.cp-header h3[data-v-663d0556]{margin:0;font-size:18px;font-weight:700;color:#77553e}.cp-close[data-v-663d0556]{background:none;border:none;cursor:pointer;padding:6px;border-radius:8px;display:flex;align-items:center;color:#64748b;transition:background .2s}.cp-close[data-v-663d0556]:hover{background:#f1f5f9}.cp-close .icon[data-v-663d0556]{width:20px;height:20px}.cp-body[data-v-663d0556]{padding:20px 24px;display:flex;flex-direction:column;gap:14px}.cp-error[data-v-663d0556]{background:#fee2e2;color:#dc2626;padding:10px 14px;border-radius:8px;font-size:14px}.cp-success[data-v-663d0556]{background:#dcfce7;color:#16a34a;padding:10px 14px;border-radius:8px;font-size:14px}.cp-field label[data-v-663d0556]{display:block;font-size:13px;font-weight:600;color:#374151;margin-bottom:6px}.cp-input[data-v-663d0556]{width:100%;padding:10px 14px;border:1px solid #d1d5db;border-radius:8px;font-size:15px;color:#111827;transition:border-color .2s,box-shadow .2s;box-sizing:border-box}.cp-input[data-v-663d0556]:focus{outline:none;border-color:#77553e;box-shadow:0 0 0 3px rgba(119,85,62,.15)}.cp-footer[data-v-663d0556]{display:flex;justify-content:flex-end;gap:10px;padding:16px 24px 20px;border-top:1px solid #e2e8f0}.cp-btn[data-v-663d0556]{padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;border:1px solid #d1d5db;background:#f9fafb;color:#374151;transition:all .2s}.cp-btn[data-v-663d0556]:hover{background:#f1f5f9}.cp-btn.primary[data-v-663d0556]{background:#77553e;color:#fff;border-color:#77553e}.cp-btn.primary[data-v-663d0556]:hover:not(:disabled){background:#6b4a35}.cp-btn.primary[data-v-663d0556]:disabled{opacity:.6;cursor:not-allowed}.error-message[data-v-663d0556]{background:#fee2e2;color:#dc2626}.error-message[data-v-663d0556],.success-message[data-v-663d0556]{padding:10px 14px;border-radius:8px;margin-bottom:14px;font-size:14px}.success-message[data-v-663d0556]{background:#dcfce7;color:#16a34a}.logout-btn[data-v-663d0556]{background:hsla(0,0%,100%,.15);color:#fff;border:1px solid hsla(0,0%,100%,.2);border-radius:12px;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(10px);text-decoration:none;display:inline-flex;align-items:center;gap:8px;padding:12px 20px;position:relative;overflow:hidden}.logout-btn[data-v-663d0556]:hover{background:hsla(0,0%,100%,.25);transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,.15)}.logout-btn .icon[data-v-663d0556]{width:20px;height:20px}.logout-btn .btn-text[data-v-663d0556]{font-weight:600}.create-class-btn[data-v-663d0556]{background:hsla(0,0%,100%,.15);color:#fff;border:1px solid hsla(0,0%,100%,.2);border-radius:12px;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(10px);text-decoration:none;display:inline-flex;align-items:center;gap:8px;padding:12px 20px;position:relative;overflow:hidden}.create-class-btn[data-v-663d0556]:hover{background:hsla(0,0%,100%,.25);transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,.15)}.create-class-btn .icon[data-v-663d0556]{width:20px;height:20px}.logo img[data-v-663d0556]{max-width:150px;padding-right:40px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1))}.section-title[data-v-663d0556]{color:#77553e;font-size:22px;font-weight:800;text-align:center;position:relative;padding-bottom:12px}.section-title[data-v-663d0556]:after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:60px;height:4px;border-radius:2px}.subsection-title[data-v-663d0556]{color:#77553e;font-size:22px;font-weight:700;position:relative;padding-left:16px}.subsection-title[data-v-663d0556]:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:24px;background:linear-gradient(180deg,#77553e,#8b6b4a);border-radius:2px}.subsection-title.clickable[data-v-663d0556]{cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:all .3s ease;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none}.subsection-title.clickable[data-v-663d0556]:hover{background:rgba(0,0,0,.05);border-radius:8px;padding:12px 16px;margin:-12px -16px 8px -16px}.toggle-icon[data-v-663d0556]{font-size:20px;color:#77553e;font-weight:700;transition:all .3s ease;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:#f4f1eb}.management-header:hover .toggle-icon[data-v-663d0556]{transform:scale(1.1)}.subsection-title.clickable:hover .toggle-icon[data-v-663d0556]{transform:scale(1.2)}.management-section[data-v-663d0556]{background:#fff;padding:32px;border-radius:20px;margin-bottom:32px;animation:fadeInScale-663d0556 .6s ease-out .2s both}.grades-section[data-v-663d0556]{background:#fff;padding:32px;border-radius:20px;margin-bottom:32px;border:1px solid rgba(119,85,62,.05);animation:fadeInScale-663d0556 .6s ease-out .4s both}@keyframes fadeInScale-663d0556{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.action-btn[data-v-663d0556]{display:inline-flex;padding:12px 20px;text-decoration:none;position:relative;overflow:hidden;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none}.action-btn[data-v-663d0556]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);transition:left .5s}.action-btn[data-v-663d0556]:hover:before{left:100%}.action-btn.primary[data-v-663d0556]{box-shadow:0 4px 15px rgba(119,85,62,.2)}.action-btn.primary[data-v-663d0556]:hover{box-shadow:0 8px 25px rgba(119,85,62,.3);background:linear-gradient(135deg,#8b6b4a,#77553e)}.action-btn.secondary[data-v-663d0556]{position:relative;overflow:hidden}.action-btn.secondary[data-v-663d0556]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(119,85,62,.1),transparent);transition:left .6s ease}.action-btn.secondary[data-v-663d0556]:hover:before{left:100%}.action-btn.secondary[data-v-663d0556]:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 12px 30px rgba(119,85,62,.3);border-color:#8b6b4a}.action-btn.secondary[data-v-663d0556]:active{transform:translateY(-1px) scale(1.01);box-shadow:0 8px 20px rgba(119,85,62,.25)}.action-btn.danger[data-v-663d0556]{background:linear-gradient(135deg,#dc3545,#c82333);color:#fff;box-shadow:0 4px 15px rgba(220,53,69,.2)}.action-btn.danger[data-v-663d0556]:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(220,53,69,.3);background:linear-gradient(135deg,#c82333,#dc3545)}.action-btn.small[data-v-663d0556]{padding:8px 16px;font-size:12px}.action-btn .icon[data-v-663d0556]{width:18px;height:18px}.action-btn.small .icon[data-v-663d0556]{width:16px;height:16px}.action-btn .btn-text[data-v-663d0556]{font-weight:600}.class-select[data-v-663d0556],.group-select[data-v-663d0556],.monthSelect[data-v-663d0556],.yearSelect[data-v-663d0556]{background:#fff;border:2px solid #e2e8f0;padding:14px 18px;border-radius:12px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:14px;color:#77553e;min-width:200px;font-weight:600;box-shadow:0 2px 8px rgba(119,85,62,.05)}.class-select[data-v-663d0556]:hover,.group-select[data-v-663d0556]:hover,.monthSelect[data-v-663d0556]:hover,.yearSelect[data-v-663d0556]:hover{border-color:#77553e;box-shadow:0 2px 8px rgba(119,85,62,.1)}.class-select[data-v-663d0556]:focus,.group-select[data-v-663d0556]:focus,.monthSelect[data-v-663d0556]:focus,.yearSelect[data-v-663d0556]:focus{outline:none;border-color:#77553e;box-shadow:0 0 0 2px rgba(119,85,62,.1)}.management-header[data-v-663d0556]{display:flex;justify-content:space-between;align-items:center;margin-bottom:0;border-radius:20px 20px 0 0;position:relative;cursor:pointer;transition:all .3s ease;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none}.management-header .section-title[data-v-663d0556]{margin:0;padding:0;font-size:22px;font-weight:800;position:relative;z-index:1}.management-content[data-v-663d0556]{padding:16px 0;border-radius:0 0 20px 20px;border-top:none}.management-content[data-v-663d0556]:before{content:"";position:absolute;top:0;left:0;right:0;height:3px}.group-controls[data-v-663d0556]{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:32px}.group-selector[data-v-663d0556]{display:flex;flex-direction:column;gap:8px;min-width:250px}.add-group-section[data-v-663d0556]{margin-bottom:24px;text-align:center}.group-buttons[data-v-663d0556]{display:flex;align-items:center;gap:12px}.selector-label[data-v-663d0556]:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:20px;border-radius:2px}.group-actions[data-v-663d0556]{display:flex;gap:8px;align-items:center}.group-actions .action-btn.small[data-v-663d0556]{padding:8px 12px;border-radius:8px;display:flex;align-items:center;gap:6px;height:40px}.group-actions .action-btn.small[data-v-663d0556]:hover{transform:scale(1.02)}.group-buttons .action-btn[data-v-663d0556]{height:40px;min-width:120px;justify-content:center}.group-buttons .action-btn.primary[data-v-663d0556]{min-width:140px}.students-list[data-v-663d0556]{margin-top:24px}.students-grid[data-v-663d0556]{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;margin-top:24px}.student-card[data-v-663d0556]{background:#fff;padding:20px;border-radius:16px;box-shadow:0 4px 20px rgba(119,85,62,.08);border:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;animation:slideInRight-663d0556 .5s ease-out}@keyframes slideInRight-663d0556{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.student-card[data-v-663d0556]:hover{transform:translateY(-2px);box-shadow:0 8px 30px rgba(119,85,62,.15);border-color:#77553e}.student-info[data-v-663d0556]{flex:1;padding-right:16px}.student-name[data-v-663d0556]{font-weight:800;color:#77553e;font-size:18px;margin-bottom:8px;line-height:1.2;letter-spacing:-.02em}.student-email[data-v-663d0556]{font-size:14px;color:#64748b;font-weight:500;line-height:1.4}.student-password[data-v-663d0556]{margin-top:4px}.password-indicator[data-v-663d0556]{font-size:12px;color:#28a745;font-weight:600;background:rgba(40,167,69,.1);padding:2px 8px;border-radius:12px;display:inline-block}.student-actions[data-v-663d0556]{display:flex;gap:12px;align-items:center}.student-actions .action-btn.small[data-v-663d0556]{padding:10px;border-radius:10px;min-width:40px;height:40px;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.student-actions .action-btn.small[data-v-663d0556]:hover{transform:scale(1.05);box-shadow:0 4px 12px rgba(0,0,0,.15)}.student-actions .action-btn.small .icon[data-v-663d0556]{width:18px;height:18px}.empty-state[data-v-663d0556]{text-align:center;padding:64px 32px;background:#f8fafc;border-radius:24px;border:2px dashed rgba(119,85,62,.2);position:relative}.empty-icon[data-v-663d0556]{margin-bottom:24px;position:relative;z-index:1}.empty-icon .icon[data-v-663d0556]{width:64px;height:64px;color:#77553e;opacity:.7}.empty-state h4[data-v-663d0556]{color:#77553e;font-size:20px;font-weight:700;margin-bottom:12px;position:relative;z-index:1}.empty-state p[data-v-663d0556]{color:#64748b;font-size:16px;margin-bottom:32px;line-height:1.5;position:relative;z-index:1}.grades-controls[data-v-663d0556],.grades-header[data-v-663d0556]{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.selectors[data-v-663d0556]{display:flex;gap:32px;flex-wrap:wrap}.selector-container[data-v-663d0556]{display:flex;align-items:center;gap:8px}.selector-container label[data-v-663d0556]{font-weight:600;color:#77553e;font-size:14px}.export-btn[data-v-663d0556]{background:linear-gradient(135deg,#28a745,#20c997);color:#fff;border:none;padding:12px 24px;border-radius:12px;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:8px;box-shadow:0 4px 15px rgba(40,167,69,.2)}.export-btn[data-v-663d0556]:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(40,167,69,.3);background:linear-gradient(135deg,#20c997,#28a745)}.export-btn .icon[data-v-663d0556]{width:18px;height:18px}.grades-container[data-v-663d0556]{border-radius:20px;border:1px solid #e2e8f0;overflow-x:auto;background:#fff;border-radius:12px;margin:20px 0}.grades-table[data-v-663d0556]{width:100%;border-collapse:collapse;margin-top:0;min-width:800px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;animation:fadeInUp-663d0556 .8s ease-out .6s both}.grades-table td[data-v-663d0556],.grades-table th[data-v-663d0556]{padding:12px 8px;border:1px solid #e2e8f0;text-align:center;vertical-align:middle}.grades-table th[data-v-663d0556]{background:linear-gradient(135deg,#77553e,#8b6b4a);color:#fff;font-weight:600;font-size:14px;position:sticky;top:0;z-index:10}.grades-table th[data-v-663d0556]:first-child{border-top-left-radius:12px}.grades-table th[data-v-663d0556]:last-child{border-top-right-radius:12px}.grades-table tbody tr[data-v-663d0556]:nth-child(2n){background-color:#f8fafc}.grades-table tbody tr[data-v-663d0556]:nth-child(odd){background-color:#fff}.grades-table tbody tr[data-v-663d0556]:hover{background-color:#f1f5f9}.grade-cell[data-v-663d0556]{cursor:pointer;padding:8px;min-height:40px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s ease;position:relative;animation:pulseIn-663d0556 .3s ease-out}@keyframes pulseIn-663d0556{0%{transform:scale(.8);opacity:0}50%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}.grade-content[data-v-663d0556]{display:flex;flex-direction:column;align-items:center;gap:2px;width:100%}.grade-comment-indicator[data-v-663d0556]{font-size:10px;color:#77553e;opacity:.8}.grade-cell[data-v-663d0556]:hover{background-color:rgba(119,85,62,.1);transform:scale(1.05)}.grade-cell span[data-v-663d0556]{font-weight:600;font-size:16px;padding:6px 12px;border-radius:8px;min-width:32px;text-align:center;display:inline-block;box-shadow:0 2px 4px rgba(0,0,0,.1)}.empty-grade[data-v-663d0556]{color:#cbd5e1;font-weight:500;font-size:14px;padding:6px 12px;border:2px dashed #e2e8f0;border-radius:8px;min-width:32px;text-align:center}.grade-5[data-v-663d0556]{background:#fff;color:#28a745;border-bottom:3px solid #28a745;font-weight:700}.grade-4[data-v-663d0556]{background:#fff;color:#ffc107;border-bottom:3px solid #ffc107;font-weight:700}.grade-3[data-v-663d0556]{background:#fff;color:#fd7e14;border-bottom:3px solid #fd7e14;font-weight:700}.grade-2[data-v-663d0556]{background:#fff;color:#800020;border-bottom:3px solid #800020;font-weight:700}.grade-Н[data-v-663d0556]{background:#fff;color:#495057;border-bottom:3px solid #495057;font-weight:700}.grade-connection[data-v-663d0556]{background:#fff;color:#6f42c1;border-bottom:3px solid #6f42c1;font-weight:700}.grade-sick[data-v-663d0556]{background:#fff;color:#e83e8c;border-bottom:3px solid #e83e8c;font-weight:700}.modal-content[data-v-663d0556]{border-radius:16px}.close-btn[data-v-663d0556]{transition:all .3s ease}.grade-info[data-v-663d0556]{background:#f8fafc;padding:16px;border-radius:8px;margin-bottom:20px;border-left:4px solid #77553e}.grade-info p[data-v-663d0556]{margin:8px 0;color:#374151}.form-hint[data-v-663d0556]{display:block;margin-top:6px;font-size:12px;color:#6b7280}.grade-select[data-v-663d0556]{width:100%;padding:12px 16px;border:2px solid #e2e8f0;border-radius:12px;font-size:16px;transition:all .3s ease;background:#fff;color:#77553e}.grade-select[data-v-663d0556]:focus{outline:none;border-color:#77553e;box-shadow:0 0 0 3px rgba(119,85,62,.1)}.action-btn[data-v-663d0556]{padding:12px 24px;border:none;border-radius:12px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:8px}.action-btn.primary[data-v-663d0556]{background:linear-gradient(135deg,#77553e,#8b6b4a);color:#fff;box-shadow:0 4px 12px rgba(119,85,62,.3)}.action-btn.primary[data-v-663d0556]:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(119,85,62,.4)}.action-btn.secondary[data-v-663d0556]{background:#f8fafc;color:#77553e;border:2px solid #77553e}.action-btn.secondary[data-v-663d0556]:hover{background:#77553e;color:#fff;transform:translateY(-2px)}.modal[data-v-663d0556]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1000;backdrop-filter:blur(4px)}.modal-content[data-v-663d0556]{background:#fff;padding:32px;border-radius:20px;max-width:500px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px rgba(0,0,0,.3);border:1px solid #e2e8f0;position:relative;animation:modalSlideIn-663d0556 .3s ease-out}@keyframes modalSlideIn-663d0556{0%{opacity:0;transform:scale(.8) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header[data-v-663d0556]{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid #e2e8f0}.modal-header h3[data-v-663d0556]{color:#77553e;font-size:24px;font-weight:700;margin:0}.close-btn[data-v-663d0556]{background:none;border:none;cursor:pointer;padding:8px;border-radius:8px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center}.close-btn[data-v-663d0556]:hover{background:#f8fafc;transform:scale(1.1)}.close-btn .icon[data-v-663d0556]{width:24px;height:24px;color:#64748b}.modal-body[data-v-663d0556]{margin-bottom:24px}.form-group[data-v-663d0556]{margin-bottom:20px}.form-group label[data-v-663d0556]{display:block;font-weight:600;color:#77553e;margin-bottom:8px;font-size:14px}.form-input[data-v-663d0556]{width:100%;padding:12px 16px;border:2px solid #e2e8f0;border-radius:12px;font-size:14px;transition:all .3s cubic-bezier(.4,0,.2,1);background:#fff;color:#77553e}.form-input[data-v-663d0556]:focus{outline:none;border-color:#77553e;box-shadow:0 0 0 3px rgba(119,85,62,.1);transform:translateY(-1px)}.form-input[rows][data-v-663d0556]{resize:vertical;min-height:80px}.form-input[data-v-663d0556]::-moz-placeholder{color:#64748b}.form-input[data-v-663d0556]::placeholder{color:#64748b}.password-input-container[data-v-663d0556]{position:relative;display:flex;flex-direction:column;gap:8px}.password-input[data-v-663d0556]{width:100%}.password-buttons[data-v-663d0556]{display:flex;gap:8px;align-items:center}.generate-password-btn[data-v-663d0556]{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;cursor:pointer;padding:8px 16px;border-radius:8px;transition:all .3s ease;font-size:14px;font-weight:600;display:flex;align-items:center;gap:6px;min-width:auto;height:36px}.generate-password-btn[data-v-663d0556]:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px);box-shadow:0 4px 12px rgba(16,185,129,.3)}.generate-password-btn[data-v-663d0556]:active{transform:translateY(0)}.password-toggle-btn[data-v-663d0556]{background:none;border:none;cursor:pointer;padding:8px;border-radius:8px;transition:all .3s ease;font-size:16px;display:flex;align-items:center;justify-content:center;min-width:36px;height:36px}.password-toggle-btn[data-v-663d0556]:hover{background:rgba(119,85,62,.1);transform:scale(1.1)}.password-toggle-btn[data-v-663d0556]:active{transform:scale(.95)}.modal-footer[data-v-663d0556]{display:flex;justify-content:flex-end;gap:12px;padding-top:16px;border-top:2px solid #e2e8f0}.action-btn[data-v-663d0556]:disabled{background:#cbd5e1;cursor:not-allowed;transform:none;box-shadow:none;opacity:.6}@media (max-width:768px){.dashboard-container[data-v-663d0556]{padding:12px}.top-bar[data-v-663d0556]{flex-direction:column;gap:16px;padding:16px}.top-bar-left[data-v-663d0556],.top-bar-right[data-v-663d0556]{width:100%;justify-content:center}.logo img[data-v-663d0556]{max-height:50px}.section-title[data-v-663d0556]{font-size:24px}.grades-section[data-v-663d0556],.management-section[data-v-663d0556]{padding:20px}.management-header[data-v-663d0556]{flex-direction:row;justify-content:space-between;align-items:center}.management-actions[data-v-663d0556]{justify-content:center}.group-selector[data-v-663d0556]{flex-direction:column;align-items:stretch}.group-buttons[data-v-663d0556]{flex-direction:column;gap:8px}.group-buttons .action-btn[data-v-663d0556]{width:100%;min-width:auto}.group-controls[data-v-663d0556]{flex-direction:column;gap:16px}.group-actions[data-v-663d0556]{justify-content:center}.students-grid[data-v-663d0556]{grid-template-columns:1fr}.student-card[data-v-663d0556]{flex-direction:column;gap:16px;text-align:center}.student-actions[data-v-663d0556]{justify-content:center}.class-select[data-v-663d0556],.group-select[data-v-663d0556],.monthSelect[data-v-663d0556],.yearSelect[data-v-663d0556]{min-width:100%}.grades-controls[data-v-663d0556],.grades-header[data-v-663d0556]{flex-direction:column;align-items:stretch}.selectors[data-v-663d0556]{justify-content:center}.export-btn[data-v-663d0556]{width:100%;justify-content:center}.password-buttons[data-v-663d0556]{flex-direction:column;gap:6px}.generate-password-btn[data-v-663d0556],.password-toggle-btn[data-v-663d0556]{width:100%;justify-content:center}.cover-footer[data-v-663d0556]{padding:80px 40px;min-height:480px}.welcome-cover[data-v-663d0556]{min-height:calc(100vh - 120px)}.cover-subtitle[data-v-663d0556]{font-size:1.1rem}.hadith-container[data-v-663d0556]{padding:30px 24px}.hadith-title[data-v-663d0556]{font-size:1.5rem}.hadith-text[data-v-663d0556]{font-size:1.1rem}.instruction-card[data-v-663d0556]{padding:30px 24px}.instruction-card h4[data-v-663d0556]{font-size:1.25rem}.instruction-card p[data-v-663d0556]{font-size:1rem}.action-btn[data-v-663d0556],.clickable[data-v-663d0556]{min-height:44px;touch-action:manipulation}.grades-table[data-v-663d0556]{min-width:400px}.day-col[data-v-663d0556]{min-width:50px;width:50px}.day-number[data-v-663d0556]{font-size:14px}.day-weekday[data-v-663d0556]{font-size:10px}.grade-cell[data-v-663d0556]{min-width:50px;padding:6px}.grade-cell span[data-v-663d0556]{font-size:14px;padding:6px 8px}.modal-content[data-v-663d0556]{padding:24px;width:95%}.modal-header h3[data-v-663d0556]{font-size:20px}.modal-footer[data-v-663d0556]{flex-direction:column}.modal-footer .action-btn[data-v-663d0556]{width:100%;justify-content:center}.welcome-cover[data-v-663d0556]{min-height:calc(100vh - 150px);padding:20px 16px}.cover-title[data-v-663d0556]{font-size:2.5rem}.cover-subtitle[data-v-663d0556]{font-size:1rem}.hadith-container[data-v-663d0556]{padding:24px 20px}.hadith-title[data-v-663d0556]{font-size:1.25rem}.hadith-text[data-v-663d0556]{font-size:1rem}.hadith-background[data-v-663d0556]{opacity:.1}.instructions-section[data-v-663d0556]{grid-template-columns:1fr;gap:20px}.instruction-card[data-v-663d0556]{padding:24px 20px}}@media (max-width:480px){.dashboard-container[data-v-663d0556]{padding:4px}.management-header[data-v-663d0556]{flex-direction:row;justify-content:space-between;align-items:center}.top-bar[data-v-663d0556]{padding:8px;gap:8px}.top-bar h1[data-v-663d0556]{font-size:16px}.section-title[data-v-663d0556]{font-size:18px}.subsection-title[data-v-663d0556]{font-size:14px}.management-content[data-v-663d0556]{padding:12px 0}.group-controls[data-v-663d0556]{gap:8px}.group-buttons[data-v-663d0556]{gap:4px}.group-buttons .action-btn[data-v-663d0556]{height:32px;font-size:12px;padding:6px 8px}.group-buttons .action-btn .icon[data-v-663d0556]{width:14px;height:14px}.group-buttons .action-btn span[data-v-663d0556]{font-size:11px}.students-grid[data-v-663d0556]{gap:8px}.student-card[data-v-663d0556]{padding:8px}.student-name[data-v-663d0556]{font-size:14px}.student-email[data-v-663d0556]{font-size:12px}.grades-section[data-v-663d0556]{padding:16px}.grades-header[data-v-663d0556]{margin-bottom:16px}.grades-controls[data-v-663d0556]{gap:8px}.selector-container[data-v-663d0556]{gap:4px}.selector-container label[data-v-663d0556]{font-size:12px}.class-select[data-v-663d0556],.group-select[data-v-663d0556],.monthSelect[data-v-663d0556],.yearSelect[data-v-663d0556]{padding:8px 12px;font-size:12px}.password-buttons[data-v-663d0556]{gap:4px}.generate-password-btn[data-v-663d0556]{padding:6px 12px;font-size:12px;height:32px}.generate-password-btn .btn-text[data-v-663d0556]{font-size:11px}.password-toggle-btn[data-v-663d0556]{height:32px;min-width:32px}.grades-table[data-v-663d0556]{min-width:260px;font-size:10px}.grades-table td[data-v-663d0556],.grades-table th[data-v-663d0556]{padding:6px 4px}.grade-cell[data-v-663d0556]{min-width:30px;padding:2px}.grade-cell span[data-v-663d0556]{font-size:10px;padding:2px 4px;min-width:20px}.empty-grade[data-v-663d0556]{font-size:10px;padding:2px 4px}.modal-content[data-v-663d0556]{padding:12px;width:98%}.modal-header h3[data-v-663d0556]{font-size:14px}.modal-body[data-v-663d0556]{margin-bottom:16px}.grade-info p[data-v-663d0556]{font-size:12px;margin:4px 0}.form-group label[data-v-663d0556]{font-size:12px}.grade-select[data-v-663d0556]{font-size:12px;padding:8px}.action-btn[data-v-663d0556]{padding:8px 12px;font-size:12px}.welcome-cover[data-v-663d0556]{min-height:calc(100vh - 100px);padding:16px 12px}.cover-title[data-v-663d0556]{font-size:2rem}.cover-subtitle[data-v-663d0556]{font-size:.875rem}.hadith-container[data-v-663d0556]{padding:20px 16px}.hadith-title[data-v-663d0556]{font-size:1.125rem}.hadith-text[data-v-663d0556]{font-size:.875rem}.hadith-background[data-v-663d0556]{opacity:.08}.instruction-card[data-v-663d0556]{padding:20px 16px}.instruction-card h4[data-v-663d0556]{font-size:1rem}.instruction-card p[data-v-663d0556]{font-size:.75rem}.cover-footer[data-v-663d0556]{padding:60px 20px;min-height:350px;background-size:cover}.footer-text[data-v-663d0556]{font-size:.875rem}}[data-v-663d0556]{box-sizing:border-box}body[data-v-663d0556]{overflow-x:hidden;-webkit-overflow-scrolling:touch}@media (max-width:480px){.cover-footer[data-v-663d0556]{padding:80px 16px;min-height:480px}.welcome-cover[data-v-663d0556]{min-height:calc(100vh - 80px);padding:12px 8px}.cover-title[data-v-663d0556]{font-size:1.75rem;line-height:1.2}.cover-subtitle[data-v-663d0556]{font-size:.8rem}.hadith-container[data-v-663d0556]{padding:16px 12px}.hadith-title[data-v-663d0556]{font-size:1rem}.hadith-text[data-v-663d0556]{font-size:.8rem}.instruction-card[data-v-663d0556]{padding:16px 12px}.instruction-card h4[data-v-663d0556]{font-size:.9rem}.instruction-card p[data-v-663d0556]{font-size:.7rem}.top-bar[data-v-663d0556]{padding:16px 20px;margin-bottom:20px}.management-section[data-v-663d0556]{margin-bottom:20px}.group-controls[data-v-663d0556]{flex-direction:column;gap:12px}.group-selector[data-v-663d0556]{flex-direction:column;gap:8px}.group-buttons[data-v-663d0556]{flex-wrap:wrap;gap:8px}.students-grid[data-v-663d0556]{grid-template-columns:1fr;gap:12px}.student-card[data-v-663d0556]{padding:12px}.student-info[data-v-663d0556]{gap:4px}.student-name-cell[data-v-663d0556]{font-size:.9rem}.student-email[data-v-663d0556]{font-size:.75rem}.action-btn[data-v-663d0556]{padding:6px 10px;font-size:11px}.action-btn .icon[data-v-663d0556]{width:14px;height:14px}.action-btn[data-v-663d0556],.clickable[data-v-663d0556]{min-height:40px;touch-action:manipulation}.students-grid[data-v-663d0556]{-webkit-overflow-scrolling:touch}}@media (max-width:360px){.cover-footer[data-v-663d0556]{padding:60px 12px;min-height:48 0}.cover-title[data-v-663d0556]{font-size:1.5rem}.cover-subtitle[data-v-663d0556]{font-size:.75rem}.top-bar[data-v-663d0556]{padding:12px 16px}.action-btn[data-v-663d0556]{padding:5px 8px;font-size:10px}.action-btn .icon[data-v-663d0556]{width:12px;height:12px}.action-btn[data-v-663d0556]{min-width:44px}.action-btn[data-v-663d0556],.clickable[data-v-663d0556]{min-height:44px;touch-action:manipulation}.students-grid[data-v-663d0556]{-webkit-overflow-scrolling:touch}.welcome-cover[data-v-663d0556]{transform:translateZ(0)}}.exclusion-info[data-v-663d0556]{text-align:center;padding:20px 0}.exclusion-icon[data-v-663d0556]{font-size:48px;margin-bottom:16px}.exclusion-info h4[data-v-663d0556]{color:#dc3545;font-size:20px;font-weight:700;margin:0 0 12px 0}.exclusion-info p[data-v-663d0556]{color:#64748b;font-size:16px;margin:0 0 20px 0;line-height:1.5}.absent-dates[data-v-663d0556]{background:#f8f9fa;border-radius:12px;padding:16px;margin:20px 0;text-align:left}.absent-dates h5[data-v-663d0556]{color:#77553e;font-size:16px;font-weight:600;margin:0 0 12px 0}.absent-dates ul[data-v-663d0556]{list-style:none;padding:0;margin:0}.absent-dates li[data-v-663d0556]{color:#64748b;font-size:14px;padding:4px 0;border-bottom:1px solid #e2e8f0}.absent-dates li[data-v-663d0556]:last-child{border-bottom:none}.exclusion-note[data-v-663d0556]{background:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;padding:12px;margin-top:20px}.exclusion-note p[data-v-663d0556]{color:#856404;font-size:14px;margin:0;line-height:1.4}@media (max-width:768px){.exclusion-info h4[data-v-663d0556]{font-size:18px}.exclusion-info p[data-v-663d0556]{font-size:14px}.absent-dates[data-v-663d0556]{padding:12px}.absent-dates h5[data-v-663d0556]{font-size:14px}.absent-dates li[data-v-663d0556]{font-size:12px}}@media (max-width:480px){.exclusion-icon[data-v-663d0556]{font-size:36px}.exclusion-info h4[data-v-663d0556]{font-size:16px}.exclusion-info p[data-v-663d0556]{font-size:13px}.absent-dates[data-v-663d0556],.exclusion-note[data-v-663d0556]{padding:10px}.exclusion-note p[data-v-663d0556]{font-size:12px}}.merge-warning[data-v-663d0556]{background:rgba(119,85,62,.08);border:1px solid rgba(119,85,62,.18);border-radius:12px;padding:12px 14px;margin-bottom:14px;color:#5a3c2a;font-size:13px;line-height:1.35}.merge-progress[data-v-663d0556]{margin-top:10px;padding:10px 12px;border-radius:12px;border:1px solid rgba(0,0,0,.08);background:hsla(0,0%,100%,.7)}.merge-progress-title[data-v-663d0556]{font-weight:800;color:#6b3610;margin-bottom:6px}.merge-progress-row[data-v-663d0556]{font-size:13px;color:#444}.merge-error[data-v-663d0556]{margin-top:12px;color:#b00020;font-weight:700;font-size:13px}.archive-progress[data-v-663d0556]{margin-top:12px;padding:11px 14px;border:1px solid rgba(36,126,101,.22);border-radius:12px;background:rgba(47,151,121,.09);color:#246c59;font-weight:700;font-size:13px}.readonly-group-note[data-v-663d0556]{margin:14px 0;padding:15px 17px;border:1px solid #d8e3df;border-radius:14px;background:#f2f7f5;color:#315d54;display:flex;flex-direction:column;gap:5px}.readonly-group-note span[data-v-663d0556]{font-size:13px;line-height:1.5;color:#647c76}.merge-requests[data-v-663d0556]{margin:16px 0;padding:16px;border:1px solid #e3d8c9;border-radius:16px;background:#fffaf3}.merge-requests h4[data-v-663d0556]{margin:0 0 10px}.merge-request-row[data-v-663d0556]{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 0;border-top:1px solid #eadfd2}.merge-request-row[data-v-663d0556]:first-of-type{border-top:0}.merge-request-row span[data-v-663d0556],.merge-request-row strong[data-v-663d0556]{display:block}.merge-request-row span[data-v-663d0556]{margin-top:4px;color:#766a61;font-size:12px}.merge-request-actions[data-v-663d0556]{display:flex;gap:7px;flex-wrap:wrap}@media(max-width:700px){.merge-request-row[data-v-663d0556]{align-items:flex-start;flex-direction:column}}.action-btn.archive[data-v-663d0556]{color:#236b58;border-color:rgba(35,107,88,.25);background:#e8f4f0}.dashboard-container[data-v-66f57427]{font-family:Arial,sans-serif;max-width:1200px;margin:0 auto;padding:20px;border-radius:12px;min-height:100vh;padding-bottom:100px;position:relative;z-index:1}.top-bar[data-v-66f57427]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;background:var(--primary-brown);padding:20px;border-radius:12px;box-shadow:0 4px 15px rgba(119,85,62,.2)}.logo img[data-v-66f57427]{max-height:100px}.top-bar-right[data-v-66f57427]{display:flex;align-items:center;gap:12px}.logout-btn[data-v-66f57427]{background:hsla(0,0%,100%,.2);color:var(--white);border:2px solid hsla(0,0%,100%,.3);border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s ease;backdrop-filter:blur(10px);text-decoration:none;display:inline-flex;align-items:center;gap:8px;padding:12px 20px}.logout-btn[data-v-66f57427]:hover{background:hsla(0,0%,100%,.3);border-color:hsla(0,0%,100%,.5);transform:translateY(-2px);color:var(--white)}.main-content[data-v-66f57427]{margin-top:20px}.header[data-v-66f57427]{text-align:center;margin-bottom:30px}.title[data-v-66f57427]{font-size:2.5rem;font-weight:700;color:var(--primary-brown);margin-bottom:8px}.subtitle[data-v-66f57427]{font-size:1.1rem;color:#718096}.filters-section[data-v-66f57427]{background:var(--white);border-radius:12px;padding:20px;margin-bottom:30px;box-shadow:0 4px 15px rgba(119,85,62,.1)}.selectors[data-v-66f57427]{display:flex;justify-content:center;align-items:center;gap:30px;flex-wrap:wrap}.selector-container[data-v-66f57427]{display:flex;flex-direction:column;gap:8px}.selector-container label[data-v-66f57427]{font-weight:600;color:var(--primary-brown);font-size:14px}.selector-container select[data-v-66f57427]{padding:12px 16px;border:2px solid var(--beige);border-radius:8px;font-size:14px;background:var(--white);transition:all .3s ease;min-width:150px;color:var(--primary-brown)}.selector-container select[data-v-66f57427]:focus{outline:none;border-color:var(--primary-brown);box-shadow:0 0 0 3px rgba(119,85,62,.1)}.grades-container[data-v-66f57427]{background:var(--white);border-radius:12px;padding:25px;margin-bottom:25px;box-shadow:0 4px 15px rgba(119,85,62,.1)}.grades-header[data-v-66f57427]{text-align:center;margin-bottom:20px}.section-title[data-v-66f57427]{font-size:1.8rem;font-weight:700;color:var(--primary-brown);margin-bottom:15px}.grades-table-wrapper[data-v-66f57427]{overflow-x:auto}.grades-table[data-v-66f57427]{width:100%;border-collapse:collapse;background:var(--white);border-radius:12px;overflow:hidden}.grades-table td[data-v-66f57427],.grades-table th[data-v-66f57427]{border:none;padding:15px 20px;text-align:center;border-bottom:1px solid var(--beige)}.grades-table th[data-v-66f57427]{background:var(--primary-brown);color:var(--white);font-weight:600;font-size:16px}.day-number[data-v-66f57427]{font-weight:700;color:var(--primary-brown);font-size:18px}.day-weekday[data-v-66f57427]{color:#666;font-size:14px}.grade-cell[data-v-66f57427]{font-weight:600;font-size:18px;color:var(--primary-brown)}.grade-comment[data-v-66f57427]{margin-top:8px;padding:10px;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-radius:8px;border-left:4px solid #77553e;font-size:12px;color:#374151;text-align:left;box-shadow:0 2px 4px rgba(119,85,62,.1);transition:all .2s ease}.grade-comment[data-v-66f57427]:hover{background:linear-gradient(135deg,#e2e8f0,#cbd5e1);transform:translateY(-1px);box-shadow:0 4px 8px rgba(119,85,62,.15)}.comment-icon[data-v-66f57427]{margin-right:6px;font-size:12px;opacity:.8}.comment-text[data-v-66f57427]{font-style:italic}.status-cell[data-v-66f57427]{font-size:14px;font-weight:500}.grades-table tr[data-v-66f57427]:nth-child(2n){background-color:var(--light-cream)}.grades-table tr[data-v-66f57427]:hover{background-color:var(--cream)}.grades-table tr.absent-row[data-v-66f57427]{background-color:var(--light-red);color:var(--red);font-weight:600}.grades-table tr.absent-row .day-number[data-v-66f57427],.grades-table tr.absent-row .day-weekday[data-v-66f57427],.grades-table tr.absent-row .grade-cell[data-v-66f57427],.grades-table tr.absent-row .status-cell[data-v-66f57427]{color:var(--red)}.grades-stats[data-v-66f57427]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-top:25px}.stat-card[data-v-66f57427]{background:var(--white);padding:25px;border-radius:12px;box-shadow:0 4px 15px rgba(119,85,62,.1);display:flex;align-items:center;gap:20px;transition:all .3s ease}.stat-card[data-v-66f57427]:hover{transform:translateY(-5px);box-shadow:0 8px 25px rgba(119,85,62,.2)}.stat-icon[data-v-66f57427]{font-size:48px;background:var(--light-gradient);padding:15px;border-radius:12px}.stat-content[data-v-66f57427]{flex:1}.stat-number[data-v-66f57427]{font-size:32px;font-weight:700;color:var(--primary-brown);margin-bottom:5px}.stat-label[data-v-66f57427]{font-size:14px;color:#666;font-weight:500}.grades-legend[data-v-66f57427]{display:flex;justify-content:center;align-items:flex-start;gap:40px;margin-top:30px;padding:25px;background:var(--white);border-radius:12px;box-shadow:0 4px 15px rgba(119,85,62,.1);flex-wrap:wrap}.legend-section[data-v-66f57427]{display:flex;flex-direction:column;align-items:center;gap:12px}.legend-title[data-v-66f57427]{font-size:14px;font-weight:600;color:var(--primary-brown);margin:0;text-transform:uppercase;letter-spacing:.5px}.legend-items[data-v-66f57427]{display:flex;flex-direction:column;gap:8px}.legend-item[data-v-66f57427]{display:flex;align-items:center;gap:10px}.legend-color[data-v-66f57427]{width:20px;height:20px;border-radius:4px;display:inline-block}.legend-color.grade-5[data-v-66f57427]{background-color:#4caf50}.legend-color.grade-4[data-v-66f57427]{background-color:#ffc107}.legend-color.grade-3[data-v-66f57427]{background-color:#4caf50}.legend-color.grade-2[data-v-66f57427]{background-color:#ff5722}.legend-color.grade-Н[data-v-66f57427]{background-color:#f44336}.legend-color.grade-connection[data-v-66f57427]{background-color:#6f42c1}.legend-color.grade-sick[data-v-66f57427]{background-color:#e83e8c}.legend-color.grade-no-grade[data-v-66f57427]{background-color:#6b7280}.legend-text[data-v-66f57427]{font-size:14px;color:#666;font-weight:500}@media (max-width:768px){.dashboard-container[data-v-66f57427]{padding:15px}.top-bar[data-v-66f57427]{flex-direction:column;gap:15px}.logo img[data-v-66f57427]{max-height:60px}.selectors[data-v-66f57427]{flex-direction:column;align-items:center}.grades-stats[data-v-66f57427]{grid-template-columns:1fr}.title[data-v-66f57427]{font-size:2rem}.grades-table td[data-v-66f57427],.grades-table th[data-v-66f57427]{padding:12px 8px}.day-number[data-v-66f57427],.grade-cell[data-v-66f57427]{font-size:16px}.day-weekday[data-v-66f57427]{font-size:12px}.grades-legend[data-v-66f57427]{flex-direction:column;align-items:center;gap:20px;padding:20px}.legend-section[data-v-66f57427]{width:100%}.legend-items[data-v-66f57427]{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:15px}.legend-item[data-v-66f57427]{flex-direction:column;align-items:center;gap:5px}}@media (max-width:480px){.dashboard-container[data-v-66f57427]{padding:10px}.grades-container[data-v-66f57427]{padding:15px}.title[data-v-66f57427]{font-size:1.8rem}.stat-card[data-v-66f57427]{padding:15px}.stat-icon[data-v-66f57427]{font-size:36px;padding:10px}.stat-number[data-v-66f57427]{font-size:24px}}.status-attended[data-v-66f57427]{color:#059669;font-weight:600;background:#dcfce7;padding:4px 8px;border-radius:6px;border:1px solid #bbf7d0}.status-absent[data-v-66f57427]{color:#dc2626;font-weight:600;background:#fee2e2;padding:4px 8px;border-radius:6px;border:1px solid #fecaca}.status-connection[data-v-66f57427]{color:#ea580c;font-weight:600;background:#fed7aa;padding:4px 8px;border-radius:6px;border:1px solid #fdba74}.status-sick[data-v-66f57427]{color:#7c3aed;font-weight:600;background:#ede9fe;padding:4px 8px;border-radius:6px;border:1px solid #c4b5fd}.status-no-grade[data-v-66f57427]{color:#6b7280;font-weight:600;background:#f3f4f6;padding:4px 8px;border-radius:6px;border:1px solid #e5e7eb;font-style:italic}.loading-screen[data-v-66f57427]{position:fixed;top:0;left:0;right:0;bottom:0;z-index:99999999;animation:fadeIn-66f57427 .5s ease-out;background-color:#e1dcc9!important;width:100%;height:100%;margin:0;padding:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.loading-background[data-v-66f57427]{position:absolute;top:0;left:0;right:0;bottom:0;height:100vh;width:100vw;background-image:url(https://images.unsplash.com/photo-1713117222958-d6a389aade3f?fm=jpg&q=60&w=3000&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxzZWFyY2h8MTl8fGZsb3dlciUyMGlsbHVzdHJhdGlvbnxlbnwwfHwwfHx8MA%3D%3D);background-size:cover;background-position:50%;background-repeat:no-repeat;opacity:.3;filter:blur(2px);z-index:1}@keyframes fadeIn-66f57427{0%{opacity:0}to{opacity:1}}.loading-screen.fade-out[data-v-66f57427]{animation:fadeOut-66f57427 .8s ease-in forwards}@keyframes fadeOut-66f57427{0%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(.9) translateY(-20px)}}.hadith-container[data-v-66f57427]{padding:60px 50px;border-radius:32px;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);animation:fadeInUp-66f57427 1s ease-out;z-index:10;margin-bottom:40px}@keyframes slideInUp-66f57427{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft-66f57427{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}.hadith-container[data-v-66f57427]:before{content:"";position:absolute;top:0;left:0;right:0;height:4px}.hadith-background[data-v-66f57427]{position:absolute;top:0;left:0;right:0;bottom:0;background-size:cover;background-position:50%;background-repeat:no-repeat;opacity:.15;filter:blur(1px);z-index:0}.hadith-content[data-v-66f57427]{position:relative;z-index:1;animation:slideInLeft-66f57427 1.2s ease-out .3s both}.hadith-icon[data-v-66f57427]{font-size:4rem;margin-bottom:30px;display:block;animation:bounceIn-66f57427 1.2s ease-out .3s both;filter:drop-shadow(0 4px 8px rgba(119,85,62,.2))}@keyframes bounceIn-66f57427{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}.hadith-text[data-v-66f57427]{font-size:1.5rem;line-height:2;color:#2d3748;margin-bottom:24px;font-style:italic;font-weight:600;text-shadow:0 2px 4px rgba(119,85,62,.1);animation:fadeInUp-66f57427 1.5s ease-out .8s both;opacity:0;transform:translateY(30px);max-width:700px;margin-left:auto;margin-right:auto}.hadith-source[data-v-66f57427]{font-size:1.1rem;color:#77553e;font-weight:700;margin:0;text-shadow:0 1px 2px hsla(0,0%,100%,.8);animation:fadeInUp-66f57427 1.5s ease-out 1s both;opacity:0;transform:translateY(30px);letter-spacing:.5px}@keyframes fadeInUp-66f57427{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.hadith-container[data-v-66f57427]{padding:40px 30px;border-radius:24px}.hadith-text[data-v-66f57427]{font-size:1.2rem;line-height:1.8}.hadith-source[data-v-66f57427]{font-size:1rem}.hadith-icon[data-v-66f57427]{font-size:3rem;margin-bottom:25px}.footer-image[data-v-66f57427]{width:250px;height:160px}}@media (max-width:480px){.hadith-container[data-v-66f57427]{padding:30px 20px;border-radius:20px}.hadith-text[data-v-66f57427]{font-size:1rem;line-height:1.7}.hadith-source[data-v-66f57427]{font-size:.9rem}.footer-image[data-v-66f57427]{width:200px;height:130px}}.footer-image[data-v-66f57427]{width:300px;height:400px;background-image:url(https://images.unsplash.com/photo-1713117222958-d6a389aade3f?fm=jpg&q=60&w=3000&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxzZWFyY2h8MTl8fGZsb3dlciUyMGlsbHVzdHJhdGlvbnxlbnwwfHwwfHx8MA%3D%3D);background-size:cover;background-position:50%;background-repeat:no-repeat;animation:scaleIn-66f57427 1s ease-out 1.5s both;z-index:10}@keyframes scaleIn-66f57427{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.azkar-view-container[data-v-05c07fab]{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:#f4f1eb;margin:0 auto;padding:20px;min-height:100vh;padding-bottom:100px}.top-bar[data-v-05c07fab]{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;background:linear-gradient(135deg,#77553e,#d9b99c);padding:20px 24px;border-radius:16px;box-shadow:0 2px 8px rgba(119,85,62,.08);position:relative;overflow:hidden}.top-bar[data-v-05c07fab]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.1),transparent);animation:shimmer-05c07fab 3s infinite}@keyframes shimmer-05c07fab{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.top-bar-left[data-v-05c07fab],.top-bar-right[data-v-05c07fab]{display:flex;align-items:center;gap:16px;position:relative;z-index:1}.class-select[data-v-05c07fab],.group-select[data-v-05c07fab]{background:#fff;border:2px solid #e2e8f0;padding:14px 18px;border-radius:12px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:14px;color:#77553e;min-width:200px;font-weight:600}.class-select[data-v-05c07fab]:hover,.group-select[data-v-05c07fab]:hover{border-color:#77553e}.class-select[data-v-05c07fab]:focus,.group-select[data-v-05c07fab]:focus{outline:none;border-color:#77553e}.logo img[data-v-05c07fab]{max-height:60px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1))}.logout-btn[data-v-05c07fab]{background:hsla(0,0%,100%,.15);color:#fff;border:1px solid hsla(0,0%,100%,.2);border-radius:12px;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(10px);text-decoration:none;display:inline-flex;align-items:center;gap:8px;padding:12px 20px;position:relative;overflow:hidden}.logout-btn[data-v-05c07fab]:hover{background:hsla(0,0%,100%,.25);transform:translateY(-2px)}.logout-btn .icon[data-v-05c07fab]{width:20px;height:20px}.main-content[data-v-05c07fab]{margin-top:24px}.header[data-v-05c07fab]{text-align:center;margin-bottom:40px;background:#fff;padding:32px;border-radius:20px;margin-bottom:32px}.title[data-v-05c07fab]{font-size:2rem;color:#77553e;margin-bottom:8px;font-weight:700;position:relative;padding-bottom:8px}.title[data-v-05c07fab]:after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:50px;height:3px;background:linear-gradient(135deg,#77553e,#d9b99c);border-radius:2px}.subtitle[data-v-05c07fab]{font-size:1rem;color:#ccc;margin:0;font-weight:500}.stats-section[data-v-05c07fab]{background:#fff;padding:24px;border-radius:16px;margin-bottom:24px;border:1px solid #f5f5f5}.stats-grid[data-v-05c07fab]{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:16px}.stat-card[data-v-05c07fab]{display:flex;align-items:center;gap:12px;padding:16px;background:#fff;border-radius:12px;border:1px solid #f5f5f5;transition:all .2s ease}.stat-card[data-v-05c07fab]:hover{transform:translateY(-1px);box-shadow:0 3px 12px rgba(119,85,62,.08);border-color:#d9b99c}.stat-icon[data-v-05c07fab]{font-size:2rem}.stat-content[data-v-05c07fab]{text-align:left}.stat-number[data-v-05c07fab]{font-size:1.5rem;font-weight:700;color:#77553e}.stat-label[data-v-05c07fab]{font-size:.85rem;color:#ccc}.categories-container[data-v-05c07fab]{padding:24px;border-radius:16px;margin-bottom:24px;border:1px solid #f5f5f5}.categories-header[data-v-05c07fab]{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.section-title[data-v-05c07fab]{color:#77553e;font-size:20px;font-weight:700;text-align:center;position:relative;padding-bottom:8px;margin-bottom:20px}.section-title[data-v-05c07fab]:after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:50px;height:3px;background:linear-gradient(135deg,#77553e,#d9b99c);border-radius:2px}.add-button[data-v-05c07fab]{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border:none;border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;text-decoration:none;position:relative;overflow:hidden}.add-button[data-v-05c07fab]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);transition:left .5s}.add-button[data-v-05c07fab]:hover:before{left:100%}.add-button[data-v-05c07fab]{background-color:#8b6b4a;color:#fff}.add-button[data-v-05c07fab]:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(119,85,62,.3);background:linear-gradient(135deg,#d9b99c,#77553e)}.add-button.secondary[data-v-05c07fab]{background:#f8fafc;color:#77553e;position:relative;overflow:hidden;margin-right:20px}.add-button.secondary[data-v-05c07fab]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(119,85,62,.1),transparent);transition:left .6s ease}.add-button.secondary[data-v-05c07fab]:hover:before{left:100%}.add-button.secondary[data-v-05c07fab]:hover{background:#77553e;color:#fff;transform:translateY(-3px) scale(1.02);box-shadow:0 12px 30px rgba(119,85,62,.3);border-color:#8b6b4a}.add-button.warning[data-v-05c07fab]{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:none;padding:12px 20px;border-radius:12px;cursor:pointer;font-weight:600;transition:all .3s ease;display:flex;align-items:center;gap:8px;box-shadow:0 4px 15px rgba(245,158,11,.3)}.add-button.warning[data-v-05c07fab]:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(245,158,11,.4)}.add-button.info[data-v-05c07fab]{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;padding:12px 20px;border-radius:12px;cursor:pointer;font-weight:600;transition:all .3s ease;display:flex;align-items:center;gap:8px;box-shadow:0 4px 15px rgba(59,130,246,.3)}.add-button.info[data-v-05c07fab]:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(59,130,246,.4)}.categories-grid[data-v-05c07fab]{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px}.category-card[data-v-05c07fab]{padding:20px;display:flex;flex-direction:column;justify-content:space-between;position:relative;min-height:180px}.category-header[data-v-05c07fab]{justify-content:space-between;align-items:flex-start;gap:16px}.category-content[data-v-05c07fab]{flex:1;cursor:pointer}.category-actions[data-v-05c07fab]{display:flex;gap:8px}.delete-btn[data-v-05c07fab]{background:linear-gradient(135deg,#dc3545,#c82333);color:#fff;border:none;border-radius:8px;padding:8px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;min-width:32px;height:32px}.delete-btn[data-v-05c07fab]:hover{transform:scale(1.1);box-shadow:0 4px 12px rgba(220,53,69,.3);background:linear-gradient(135deg,#c82333,#dc3545)}.delete-btn .icon[data-v-05c07fab]{width:16px;height:16px}.category-icon[data-v-05c07fab]{font-size:3rem;margin-bottom:16px}.category-title[data-v-05c07fab]{font-size:16px;color:#77553e;margin:0 0 10px 0;text-align:center;font-weight:600}.category-description[data-v-05c07fab]{text-align:center;margin:0 0 16px 0;line-height:1.4;font-weight:400;font-size:14px}.category-stats[data-v-05c07fab]{text-align:center;margin-bottom:16px}.stat[data-v-05c07fab]{color:#000;margin-top:10px;border-radius:20px;font-size:12px;font-weight:600}.category-progress[data-v-05c07fab]{width:100%;background:#f1f5f9;border-radius:12px;overflow:hidden;padding:2px;align-items:center}.progress-bar[data-v-05c07fab]{background:#e2e8f0;width:100%;overflow:hidden}.progress-fill[data-v-05c07fab]{background:linear-gradient(135deg,#77553e,#8b6b4a)}.progress-text[data-v-05c07fab]{font-size:12px;text-align:center;position:relative;bottom:15%;right:2%}.azkar-details[data-v-05c07fab]{margin-top:40px;padding:25px;background:var(--light-brown);border-radius:12px}.azkar-details-header[data-v-05c07fab]{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;border-bottom:1px solid var(--light-gray);padding-bottom:15px}.azkar-details-header .section-title[data-v-05c07fab]{margin:0}.back-btn[data-v-05c07fab]{display:flex;align-items:center;gap:8px;padding:10px 15px;background:var(--light-gray);color:var(--dark-brown);border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.back-btn[data-v-05c07fab]:hover{background:var(--medium-gray);transform:translateY(-2px)}.back-btn .icon[data-v-05c07fab]{width:18px;height:18px}.azkar-list[data-v-05c07fab]{display:grid;grid-template-columns:1fr;gap:15px}.azkar-item[data-v-05c07fab]{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background:#fff;border-radius:10px;transition:all .3s ease}.azkar-item[data-v-05c07fab]:hover{transform:translateY(-3px);box-shadow:0 4px 15px rgba(119,85,62,.15)}.azkar-item[data-v-05c07fab]{position:relative}.azkar-number[data-v-05c07fab]{position:absolute;top:12px;left:12px;z-index:10}.number-badge[data-v-05c07fab]{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;background:linear-gradient(135deg,#77553e,#8d6e63);color:#fff;border-radius:50%;font-weight:700;font-size:14px;box-shadow:0 2px 8px rgba(119,85,62,.2)}.azkar-content[data-v-05c07fab]{flex-grow:1;margin-right:15px;padding-left:50px;padding-top:10px}.azkar-text[data-v-05c07fab]{font-size:1.1rem;color:var(--dark-brown);font-weight:600;margin-bottom:5px}.azkar-info[data-v-05c07fab]{font-size:.9rem;color:var(--medium-brown);display:flex;gap:10px}.azkar-actions[data-v-05c07fab]{display:flex;gap:10px}.action-btn[data-v-05c07fab]{padding:8px 12px;font-size:1rem;transition:all .3s ease}.action-btn.read-btn[data-v-05c07fab]{background:#10b981;color:#fff;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:500}.action-btn.read-btn[data-v-05c07fab]:hover{background:#059669;transform:translateY(-1px)}.action-btn.memorize-btn[data-v-05c07fab]{background:#3b82f6;color:#fff;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:500}.action-btn.memorize-btn[data-v-05c07fab]:hover{background:#2563eb;transform:translateY(-1px)}.action-btn.memorize-btn.active[data-v-05c07fab],.action-btn.read-btn.active[data-v-05c07fab]{background:#77553e;color:#fff}.action-btn .icon[data-v-05c07fab]{font-size:1.2rem}.azkar-item.read[data-v-05c07fab]{border-left:4px solid var(--success-green);background:#f0f8f0}.azkar-item.memorized[data-v-05c07fab]{border-left:4px solid var(--info-blue);background:#f0f8ff}.students-section[data-v-05c07fab]{background:#fff;padding:24px;border-radius:16px;margin-bottom:24px;border:1px solid #f5f5f5}.students-grid[data-v-05c07fab]{display:grid;grid-template-columns:1fr;gap:15px}.student-card[data-v-05c07fab]{display:flex;justify-content:space-between;align-items:center;padding:16px;background:#fff;border-radius:12px;border:1px solid #f5f5f5;transition:all .2s ease}.student-card[data-v-05c07fab]:hover{transform:translateY(-1px);box-shadow:0 3px 12px rgba(119,85,62,.08);border-color:#d9b99c}.student-info[data-v-05c07fab]{display:flex;align-items:center;gap:15px}.student-name[data-v-05c07fab]{font-size:15px;font-weight:600;color:#77553e}.student-progress[data-v-05c07fab]{display:flex;align-items:center;gap:10px}.progress-bar[data-v-05c07fab]{height:8px;background:var(--light-gray);border-radius:10px;width:0;transition:width .3s ease-in-out}.progress-fill[data-v-05c07fab]{height:100%;border-radius:10px;transition:width .3s ease-in-out}.progress-text[data-v-05c07fab]{font-size:14px;color:#64748b;font-weight:600}.student-status[data-v-05c07fab]{font-size:12px;font-weight:700;padding:6px 12px;border-radius:20px;text-align:center}.completed[data-v-05c07fab]{background:linear-gradient(135deg,#28a745,#20c997);color:#fff}.in-progress[data-v-05c07fab]{background:linear-gradient(135deg,#ffc107,#fd7e14);color:#fff}.not-started[data-v-05c07fab]{background:linear-gradient(135deg,#dc3545,#c82333);color:#fff}.modal[data-v-05c07fab]{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6);display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content[data-v-05c07fab]{padding:24px;box-shadow:0 8px 32px rgba(0,0,0,.15);border:1px solid #f5f5f5;position:relative}.azkar-list-modal[data-v-05c07fab]{max-width:800px}.modal-header[data-v-05c07fab]{margin-bottom:25px;border-bottom:1px solid var(--light-gray);padding-bottom:15px}.modal-header h3[data-v-05c07fab]{font-size:20px;color:#77553e}.close-btn[data-v-05c07fab]{transition:all .3s cubic-bezier(.4,0,.2,1)}.close-btn[data-v-05c07fab]:hover{background:#f8fafc;transform:scale(1.1)}.close-btn .icon[data-v-05c07fab]{width:24px;height:24px;color:#64748b}.modal-body[data-v-05c07fab]{margin-bottom:24px;border-bottom:2px solid #e2e8f0;padding-bottom:16px}.category-info[data-v-05c07fab]{text-align:center;margin-bottom:24px;padding:20px;background:#f8fafc;border-radius:16px;border:1px solid #e2e8f0}.category-icon-large[data-v-05c07fab]{font-size:4rem;margin-bottom:16px}.category-description-modal[data-v-05c07fab]{font-size:16px;color:#64748b;margin:0;font-weight:500;line-height:1.5}.azkar-list-modal-content[data-v-05c07fab]{margin-top:24px}.azkar-list-title[data-v-05c07fab]{font-size:18px;color:#77553e;font-weight:700;margin-bottom:16px;padding-bottom:8px;border-bottom:2px solid #e2e8f0}.azkar-items-list[data-v-05c07fab]{display:flex;flex-direction:column;gap:12px}.azkar-item-modal[data-v-05c07fab]{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(119,85,62,.08);border:1px solid #e2e8f0;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.azkar-number-modal[data-v-05c07fab]{position:absolute;top:12px;left:12px;z-index:10}.number-badge-modal[data-v-05c07fab]{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;background:linear-gradient(135deg,#77553e,#8d6e63);color:#fff;border-radius:50%;font-weight:700;font-size:12px;box-shadow:0 2px 6px rgba(119,85,62,.2)}.azkar-item-modal[data-v-05c07fab]:hover{transform:translateY(-2px);box-shadow:0 4px 15px rgba(119,85,62,.15);border-color:#77553e}.azkar-text-modal[data-v-05c07fab]{font-size:16px;color:#77553e;font-weight:600;line-height:1.4;flex:1;margin-right:16px;padding-left:45px;padding-top:8px}.azkar-actions-modal[data-v-05c07fab]{display:flex;align-items:center;gap:12px}.azkar-count-modal[data-v-05c07fab]{display:flex;align-items:center}.delete-azkar-btn[data-v-05c07fab]{background:linear-gradient(135deg,#dc3545,#c82333);color:#fff;border:none;border-radius:8px;padding:6px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;min-width:28px;height:28px;box-shadow:0 2px 8px rgba(220,53,69,.2)}.delete-azkar-btn[data-v-05c07fab]:hover{transform:scale(1.1);box-shadow:0 4px 12px rgba(220,53,69,.3);background:linear-gradient(135deg,#c82333,#dc3545)}.delete-azkar-btn .icon[data-v-05c07fab]{width:14px;height:14px}.count-badge[data-v-05c07fab]{background:linear-gradient(135deg,#77553e,#8b6b4a);color:#fff;padding:6px 12px;border-radius:20px;font-size:14px;font-weight:600;box-shadow:0 2px 8px rgba(119,85,62,.2)}.student-stats[data-v-05c07fab]{display:flex;flex-direction:column;gap:8px;margin-top:12px}.stat-item[data-v-05c07fab]{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:rgba(119,85,62,.05);border-radius:8px;border:1px solid rgba(119,85,62,.1)}.stat-label[data-v-05c07fab]{font-size:12px;color:#64748b;font-weight:500}.stat-value[data-v-05c07fab]{font-size:14px;color:#77553e;font-weight:700;background:rgba(119,85,62,.1);padding:4px 8px;border-radius:4px;min-width:20px;text-align:center}.student-interface[data-v-05c07fab]{padding:16px;background:#f4f1eb}.student-header[data-v-05c07fab]{margin-bottom:24px;text-align:center}.student-header h2[data-v-05c07fab]{color:#77553e;font-size:1.75rem;font-weight:700;margin-bottom:16px}.student-stats-overview[data-v-05c07fab]{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:16px;margin-bottom:24px;max-width:600px;margin-left:auto;margin-right:auto}.categories-grid[data-v-05c07fab]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.category-card[data-v-05c07fab]{background:#fff;border-radius:12px;padding:16px;box-shadow:0 2px 8px rgba(119,85,62,.05);border:1px solid #f5f5f5;cursor:pointer;transition:all .2s ease}.category-card[data-v-05c07fab]:hover{transform:translateY(-2px);box-shadow:0 4px 16px rgba(119,85,62,.08);border-color:#d9b99c}.category-header[data-v-05c07fab]{display:flex;align-items:start;gap:15px;margin-bottom:15px}.category-icon[data-v-05c07fab]{font-size:1.75rem;color:#fff;padding:8px;border-radius:10px;min-width:45px;text-align:center}.category-info[data-v-05c07fab]{flex:1}.category-name[data-v-05c07fab]{color:#77553e;font-size:1.1rem;font-weight:600;margin:0 0 4px 0}.category-description[data-v-05c07fab]{color:#ccc;font-size:13px;margin:0;line-height:1.3}.category-stats[data-v-05c07fab]{display:flex;flex-direction:column;gap:8px}.student-summary[data-v-05c07fab]{display:flex;gap:12px;margin-top:8px}.summary-item[data-v-05c07fab]{display:flex;align-items:center;gap:4px;background:rgba(119,85,62,.05);padding:4px 8px;border-radius:6px;font-size:12px}.summary-icon[data-v-05c07fab]{font-size:14px}.summary-text[data-v-05c07fab]{color:#77553e;font-weight:500}.form-group[data-v-05c07fab]{margin-bottom:20px}.form-group label[data-v-05c07fab]{display:block;font-size:1rem;color:var(--dark-brown);margin-bottom:8px;font-weight:500}.form-input[data-v-05c07fab]{width:100%;padding:12px 15px;border:2px solid var(--light-gray);border-radius:8px;font-size:1rem;color:var(--dark-brown);transition:all .3s ease}.form-input[data-v-05c07fab]:focus{outline:none;border-color:var(--accent-gold);box-shadow:0 0 0 3px rgba(255,215,0,.2)}.form-help[data-v-05c07fab]{color:#666;font-size:12px;margin-top:4px;display:block}.audio-url-input[data-v-05c07fab]{display:flex;gap:8px;align-items:center}.test-audio-btn[data-v-05c07fab]{background:#007bff;color:#fff;border:none;border-radius:6px;padding:8px 12px;cursor:pointer;font-size:16px;transition:all .3s ease;flex-shrink:0}.test-audio-btn[data-v-05c07fab]:hover{background:#0056b3;transform:scale(1.05)}.modal-footer[data-v-05c07fab]{padding-top:16px}.action-btn[data-v-05c07fab]{border-radius:12px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.action-btn.primary[data-v-05c07fab]{background:linear-gradient(135deg,#77553e,#d9b99c);box-shadow:0 2px 6px rgba(119,85,62,.15)}.action-btn.primary[data-v-05c07fab]:hover{box-shadow:0 3px 12px rgba(119,85,62,.2)}.action-btn.secondary[data-v-05c07fab]{background:#f5f5f5;color:#77553e;border:1px solid #d9b99c}.action-btn.secondary[data-v-05c07fab]:hover{background:#77553e;color:#fff}.student-azkar-status[data-v-05c07fab]{margin-top:10px}.azkar-category-status[data-v-05c07fab]{margin-bottom:6px}.azkar-category-title[data-v-05c07fab]{font-size:12px;color:#77553e;font-weight:600}.azkar-status-list[data-v-05c07fab]{display:flex;gap:4px;flex-wrap:wrap}.azkar-status-dot[data-v-05c07fab]{font-size:16px;color:#bbb}.azkar-status-read[data-v-05c07fab]{color:#2196f3}.azkar-status-memorized[data-v-05c07fab]{color:#10b981}@media (max-width:768px){.category-header-content[data-v-05c07fab]{display:flex;align-items:space-between;justify-content:space-between;flex-direction:row-reverse;align-items:start;width:100%}.categories-container[data-v-05c07fab]{padding:0;border:none}.delete-btn[data-v-05c07fab]{margin-top:0}.top-bar[data-v-05c07fab]{flex-direction:column;gap:12px;padding:16px}.top-bar-left[data-v-05c07fab]{flex-direction:column;width:100%;gap:12px}.class-select[data-v-05c07fab],.group-select[data-v-05c07fab]{width:100%;padding:12px;font-size:14px}.title[data-v-05c07fab]{font-size:1.5rem;text-align:center}.stats-section[data-v-05c07fab]{margin:16px 0}.stats-grid[data-v-05c07fab]{grid-template-columns:repeat(2,1fr);gap:12px}.stat-card[data-v-05c07fab]{padding:16px 12px}.stat-number[data-v-05c07fab]{font-size:1.5rem}.categories-header[data-v-05c07fab]{flex-direction:column;gap:12px;padding:0}.header-actions[data-v-05c07fab]{flex-direction:column;gap:8px}.add-button[data-v-05c07fab]{width:100%;padding:12px;font-size:14px}.categories-grid[data-v-05c07fab]{grid-template-columns:1fr;gap:12px}.category-card[data-v-05c07fab]{padding:16px}.category-content[data-v-05c07fab]{width:100%}.category-title[data-v-05c07fab]{font-size:1.1rem}.category-description[data-v-05c07fab]{font-size:13px}.category-stats[data-v-05c07fab]{flex-direction:row;flex-wrap:wrap;gap:8px}.stat-item[data-v-05c07fab]{font-size:12px;padding:4px 8px}.students-grid[data-v-05c07fab]{grid-template-columns:1fr;gap:12px}.student-card[data-v-05c07fab]{padding:16px}.student-info[data-v-05c07fab]{flex-direction:column;gap:8px}.student-name[data-v-05c07fab]{font-size:1rem}.student-summary[data-v-05c07fab]{flex-direction:column;gap:8px}.summary-item[data-v-05c07fab]{width:100%;justify-content:center}.student-stats[data-v-05c07fab]{flex-direction:column;gap:8px}.azkar-status-list[data-v-05c07fab]{gap:6px}.azkar-status-dot[data-v-05c07fab]{font-size:18px}.student-interface[data-v-05c07fab]{padding:16px 0}.student-header[data-v-05c07fab]{flex-direction:column;gap:16px;text-align:center}.student-stats-overview[data-v-05c07fab]{grid-template-columns:repeat(2,1fr);gap:12px}.modal[data-v-05c07fab]{padding:0}.modal-content[data-v-05c07fab]{padding:20px;max-height:90vh;overflow-y:auto}.modal-header h3[data-v-05c07fab]{font-size:1.3rem}.modal-footer[data-v-05c07fab]{flex-direction:column;gap:8px}.action-btn[data-v-05c07fab]{width:100%;padding:14px;font-size:14px}.form-group[data-v-05c07fab]{margin-bottom:16px}.form-input[data-v-05c07fab],.form-textarea[data-v-05c07fab]{padding:12px;font-size:14px}.azkar-list[data-v-05c07fab]{gap:8px}.azkar-item[data-v-05c07fab]{padding:12px}.azkar-text[data-v-05c07fab]{font-size:13px}.azkar-arabic[data-v-05c07fab]{font-size:18px;font-weight:600;color:#77553e;margin-bottom:8px;line-height:1.6;text-align:right}.azkar-transcription[data-v-05c07fab]{font-size:14px;color:#64748b;margin-bottom:6px;font-style:italic}.azkar-translation[data-v-05c07fab]{font-size:14px;color:#374151;margin-bottom:8px;line-height:1.4}.azkar-arabic-modal[data-v-05c07fab]{font-size:16px;font-weight:600;color:#77553e;margin-bottom:6px;line-height:1.5;text-align:right}.azkar-transcription-modal[data-v-05c07fab]{font-size:13px;color:#64748b;margin-bottom:4px;font-style:italic}.azkar-translation-modal[data-v-05c07fab]{font-size:13px;color:#374151;margin-bottom:6px;line-height:1.3}.arabic-text[data-v-05c07fab]{font-family:Amiri,Noto Naskh Arabic,serif;font-size:16px;line-height:1.8}.student-interface[data-v-05c07fab]{padding:20px 0}.student-header[data-v-05c07fab]{margin-bottom:30px}.student-stats-overview[data-v-05c07fab]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-top:20px}.categories-grid[data-v-05c07fab]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-bottom:30px}.category-card[data-v-05c07fab]{background:#fff;border:2px solid #e2e8f0;border-radius:16px;padding:24px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px rgba(119,85,62,.08)}.category-card[data-v-05c07fab]:hover{transform:translateY(-4px);box-shadow:0 8px 25px rgba(119,85,62,.15);border-color:#77553e}.category-header[data-v-05c07fab]{display:flex;align-items:center;gap:16px;margin-bottom:16px}.category-icon[data-v-05c07fab]{font-size:32px;width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#77553e,#d9b99c);border-radius:12px;color:#fff}.category-info[data-v-05c07fab]{flex:1}.category-name[data-v-05c07fab]{font-size:18px;font-weight:700;color:#77553e;margin:0 0 4px 0}.category-description[data-v-05c07fab]{color:#64748b;font-size:14px;margin:0 0 8px 0;line-height:1.4}.category-source[data-v-05c07fab]{margin-top:8px}.source-badge[data-v-05c07fab]{background:linear-gradient(135deg,#77553e,#d9b99c);color:#fff;padding:4px 8px;border-radius:12px;font-size:11px;font-weight:600;display:inline-block}.category-stats[data-v-05c07fab]{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:16px}.stat-item[data-v-05c07fab]{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#f8fafc;border-radius:8px}.stat-label[data-v-05c07fab]{font-size:12px;color:#64748b;font-weight:500}.stat-value[data-v-05c07fab]{font-size:14px;font-weight:700;color:#77553e}.category-progress[data-v-05c07fab]{margin-top:16px}.progress-bar[data-v-05c07fab]{width:100%;height:8px;background:#e2e8f0;border-radius:4px;overflow:hidden;margin-bottom:8px}.progress-fill[data-v-05c07fab]{height:100%;background:linear-gradient(90deg,#77553e,#d9b99c);transition:width .3s ease}.progress-text[data-v-05c07fab]{font-size:12px;color:#64748b;font-weight:500}.error-container[data-v-05c07fab]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;background:#fff;border-radius:16px;box-shadow:0 2px 8px rgba(119,85,62,.08);margin:20px 0}.error-icon[data-v-05c07fab]{font-size:48px;margin-bottom:16px}.error-title[data-v-05c07fab]{color:#ef4444;font-size:20px;font-weight:700;margin:0 0 12px 0}.error-text[data-v-05c07fab]{color:#64748b;font-size:16px;margin:0 0 24px 0;line-height:1.5}.debug-info[data-v-05c07fab]{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:16px;text-align:left;font-family:monospace;font-size:12px;color:#64748b;max-width:100%;overflow-x:auto}.debug-info p[data-v-05c07fab]{margin:4px 0}.no-azkar-container[data-v-05c07fab]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;background:#fff;border-radius:16px;box-shadow:0 2px 8px rgba(119,85,62,.08);margin:20px 0}.no-azkar-icon[data-v-05c07fab]{font-size:48px;margin-bottom:16px}.no-azkar-title[data-v-05c07fab]{color:#77553e;font-size:20px;font-weight:700;margin:0 0 12px 0}.no-azkar-text[data-v-05c07fab]{color:#64748b;font-size:16px;margin:0 0 24px 0;line-height:1.5}.demo-btn[data-v-05c07fab]{margin:20px auto;display:block;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:12px 24px;border-radius:12px;cursor:pointer;font-weight:600;transition:all .3s ease;display:flex;align-items:center;gap:8px;box-shadow:0 4px 15px rgba(16,185,129,.3)}.demo-btn[data-v-05c07fab]:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(16,185,129,.4)}@media (max-width:768px){.categories-grid[data-v-05c07fab],.category-stats[data-v-05c07fab],.student-stats-overview[data-v-05c07fab]{grid-template-columns:1fr}.azkar-actions[data-v-05c07fab]{flex-direction:column;gap:8px}.action-btn[data-v-05c07fab]{width:100%;justify-content:center;padding:12px 16px;font-size:14px;min-height:44px}.action-btn .icon[data-v-05c07fab]{font-size:16px;margin-right:8px}.azkar-details-header[data-v-05c07fab]{flex-direction:column;gap:16px;text-align:center}.number-badge[data-v-05c07fab]{width:28px;height:28px;font-size:12px}.azkar-number[data-v-05c07fab]{top:8px;left:8px}.azkar-content[data-v-05c07fab]{padding-left:40px;padding-top:8px}.number-badge-modal[data-v-05c07fab]{width:24px;height:24px;font-size:11px}.azkar-number-modal[data-v-05c07fab]{top:8px;left:8px}.azkar-text-modal[data-v-05c07fab]{padding-left:35px;padding-top:6px}}.azkar-actions[data-v-05c07fab]{gap:8px}.azkar-btn[data-v-05c07fab]{padding:8px 12px;font-size:12px}.loading-container[data-v-05c07fab]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.loading-spinner[data-v-05c07fab]{width:40px;height:40px;border:3px solid #f5f5f5;border-top:3px solid #77553e;border-radius:50%;animation:spin-05c07fab 1s linear infinite;margin-bottom:16px}.loading-text[data-v-05c07fab]{color:#77553e;font-size:16px;font-weight:500}@keyframes spin-05c07fab{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.azkar-item-modal[data-v-05c07fab]{flex-direction:column;gap:12px;text-align:center}.azkar-text-modal[data-v-05c07fab]{margin-right:0}.azkar-actions-modal[data-v-05c07fab]{justify-content:center}.category-header[data-v-05c07fab]{flex-direction:column;gap:12px}.category-actions[data-v-05c07fab]{align-self:flex-end}}@media (max-width:480px){.action-btn[data-v-05c07fab]{padding:10px 12px;font-size:13px;min-height:40px}.action-btn .icon[data-v-05c07fab]{font-size:14px;margin-right:6px}.azkar-actions[data-v-05c07fab]{gap:6px}.azkar-item[data-v-05c07fab]{padding:12px}.azkar-content[data-v-05c07fab]{margin-right:8px}}.category-stats-teacher .stats-grid[data-v-05c07fab]{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.category-stats-teacher .stat-item[data-v-05c07fab]{display:flex;align-items:center;gap:8px;font-size:14px}.category-stats-teacher .stat-icon[data-v-05c07fab]{font-size:16px}.category-stats-teacher .stat-label[data-v-05c07fab]{color:#64748b;font-weight:500}.category-stats-teacher .stat-value[data-v-05c07fab]{color:#77553e;font-weight:700}.modal-overlay[data-v-05c07fab]{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000;backdrop-filter:blur(4px)}.modal-content[data-v-05c07fab]{background:#fff;border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,.3);max-width:600px;width:90%;max-height:90vh;overflow-y:auto;animation:modalSlideIn-05c07fab .3s ease-out}@keyframes modalSlideIn-05c07fab{0%{opacity:0;transform:translateY(-50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header[data-v-05c07fab]{display:flex;justify-content:space-between;align-items:center;padding:24px 32px;border-bottom:1px solid #e5e7eb;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-radius:16px 16px 0 0}.modal-header h3[data-v-05c07fab]{margin:0;font-size:1.25rem;font-weight:600;color:#1f2937}.close-btn[data-v-05c07fab]{background:none;border:none;color:#6b7280;cursor:pointer;padding:8px;border-radius:8px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.close-btn[data-v-05c07fab]:hover{background:#f3f4f6;color:#374151}.close-btn .icon[data-v-05c07fab]{width:20px;height:20px}.modal-body[data-v-05c07fab]{padding:32px}.modal-description[data-v-05c07fab]{color:#6b7280;font-size:14px;margin-bottom:24px;line-height:1.5}.categories-reorder-list[data-v-05c07fab]{display:flex;flex-direction:column;gap:12px}.category-reorder-item[data-v-05c07fab]{background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;padding:16px;cursor:move;transition:all .3s ease;position:relative}.category-reorder-item[data-v-05c07fab]:hover{border-color:#77553e;box-shadow:0 4px 12px rgba(119,85,62,.1);transform:translateY(-2px)}.category-reorder-item[data-v-05c07fab]:active{cursor:grabbing}.category-reorder-content[data-v-05c07fab]{display:flex;align-items:center;gap:16px}.drag-handle[data-v-05c07fab]{color:#9ca3af;font-size:18px;cursor:grab;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:4px;border-radius:4px;transition:color .2s ease}.drag-handle[data-v-05c07fab]:hover{color:#77553e}.category-reorder-icon[data-v-05c07fab]{font-size:24px;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#77553e,#8b6b4a);color:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(119,85,62,.2)}.category-reorder-info[data-v-05c07fab]{flex:1}.category-reorder-title[data-v-05c07fab]{margin:0 0 4px 0;font-size:16px;font-weight:600;color:#1f2937}.category-reorder-description[data-v-05c07fab]{margin:0;font-size:14px;color:#6b7280;line-height:1.4}.category-reorder-position[data-v-05c07fab]{display:flex;align-items:center;justify-content:center}.position-badge[data-v-05c07fab]{background:linear-gradient(135deg,#77553e,#8b6b4a);color:#fff;font-size:14px;font-weight:600;padding:8px 12px;border-radius:20px;min-width:32px;text-align:center;box-shadow:0 2px 8px rgba(119,85,62,.2)}.modal-footer[data-v-05c07fab]{display:flex;justify-content:flex-end;gap:12px;padding:24px 32px;border-top:1px solid #e5e7eb;background:#f8fafc;border-radius:0 0 16px 16px}.action-btn[data-v-05c07fab]{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none}.action-btn.primary[data-v-05c07fab]{background:linear-gradient(135deg,#77553e,#8b6b4a);color:#fff}.action-btn.primary[data-v-05c07fab]:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(119,85,62,.3)}.action-btn.secondary[data-v-05c07fab]{background:#f3f4f6;color:#374151;border:1px solid #d1d5db}.action-btn.secondary[data-v-05c07fab]:hover{background:#e5e7eb;transform:translateY(-1px)}@media (max-width:768px){.modal-content[data-v-05c07fab]{width:95%;max-height:95vh}.modal-header[data-v-05c07fab]{padding:20px 24px}.modal-header h3[data-v-05c07fab]{font-size:1.1rem}.modal-body[data-v-05c07fab]{padding:24px}.category-reorder-content[data-v-05c07fab]{gap:12px}.category-reorder-icon[data-v-05c07fab]{width:40px;height:40px;font-size:20px}.category-reorder-title[data-v-05c07fab]{font-size:15px}.category-reorder-description[data-v-05c07fab]{font-size:13px}.modal-footer[data-v-05c07fab]{padding:20px 24px;flex-direction:column}.action-btn[data-v-05c07fab]{width:100%;justify-content:center}}.azkar-category-view[data-v-5c48657a]{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;max-width:1200px;margin:0 auto;padding:20px;min-height:100vh;padding-bottom:100px}.loading-container[data-v-5c48657a]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.loading-spinner[data-v-5c48657a]{width:40px;height:40px;border:3px solid #f5f5f5;border-top:3px solid #77553e;border-radius:50%;animation:spin-5c48657a 1s linear infinite;margin-bottom:16px}.loading-text[data-v-5c48657a]{color:#77553e;font-size:16px;font-weight:500}@keyframes spin-5c48657a{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.category-header[data-v-5c48657a]{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding:24px;background:#fff;border-radius:16px;box-shadow:0 2px 8px rgba(119,85,62,.08)}.category-info[data-v-5c48657a]{display:flex;align-items:center;gap:20px}.category-icon[data-v-5c48657a]{font-size:48px;width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#77553e,#d9b99c);border-radius:16px;color:#fff}.category-details[data-v-5c48657a]{flex:1}.category-title[data-v-5c48657a]{font-size:28px;font-weight:700;color:#77553e;margin:0 0 8px 0}.category-description[data-v-5c48657a]{color:#64748b;font-size:16px;margin:0 0 12px 0;line-height:1.5}.category-source[data-v-5c48657a]{margin-top:8px}.source-badge[data-v-5c48657a]{background:linear-gradient(135deg,#77553e,#d9b99c);color:#fff;padding:6px 12px;border-radius:12px;font-size:12px;font-weight:600;display:inline-block}.back-btn[data-v-5c48657a],.view-toggle-btn[data-v-5c48657a]{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#f1f5f9;border:2px solid #e2e8f0;border-radius:12px;color:#64748b;font-weight:600;cursor:pointer;transition:all .3s ease}.back-btn[data-v-5c48657a]:hover,.view-toggle-btn[data-v-5c48657a]:hover{background:#e2e8f0;border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 4px 12px rgba(119,85,62,.1)}.view-toggle-btn[data-v-5c48657a]{background:linear-gradient(135deg,#77553e,#8d6e63);border-color:#77553e;color:#fff}.view-toggle-btn[data-v-5c48657a]:hover{background:linear-gradient(135deg,#8d6e63,#77553e);border-color:#8d6e63}.category-stats-overview[data-v-5c48657a]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:30px}.stat-card[data-v-5c48657a]{background:linear-gradient(135deg,#f4f1eb,#f5f5f5);border:2px solid #d9b99c;border-radius:20px;padding:24px;display:flex;align-items:center;gap:18px;box-shadow:0 4px 15px rgba(119,85,62,.1);transition:all .3s ease;position:relative;overflow:hidden}.stat-card[data-v-5c48657a]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,hsla(0,0%,100%,.1),hsla(0,0%,100%,.05));pointer-events:none}.stat-card[data-v-5c48657a]:hover{transform:translateY(-4px);box-shadow:0 12px 30px rgba(119,85,62,.2);border-color:#77553e}.stat-icon[data-v-5c48657a]{font-size:28px;width:60px;height:60px;background:linear-gradient(135deg,#77553e,#8d6e63);border-radius:16px;box-shadow:0 4px 12px rgba(119,85,62,.3);position:relative;z-index:1}.stat-content[data-v-5c48657a]{flex:1;position:relative;z-index:1}.stat-number[data-v-5c48657a]{font-size:28px;font-weight:800;color:#77553e;margin:0 0 4px 0;text-shadow:0 1px 2px rgba(119,85,62,.1)}.stat-label[data-v-5c48657a]{color:#8d6e63;margin:0;font-weight:600;letter-spacing:.5px}.progress-section[data-v-5c48657a]{background:linear-gradient(135deg,#f4f1eb,#f5f5f5);border:2px solid #d9b99c;border-radius:20px;padding:24px;margin-bottom:30px;box-shadow:0 4px 15px rgba(119,85,62,.1);position:relative;overflow:hidden}.progress-section[data-v-5c48657a]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,hsla(0,0%,100%,.1),hsla(0,0%,100%,.05));pointer-events:none}.progress-bar[data-v-5c48657a]{height:16px;background:#d7ccc8;border-radius:8px;margin-bottom:16px;z-index:1;box-shadow:inset 0 2px 4px rgba(0,0,0,.1)}.progress-fill[data-v-5c48657a]{transition:width .4s ease;box-shadow:0 0 10px rgba(119,85,62,.3)}.progress-fill[data-v-5c48657a]:after{background:linear-gradient(90deg,hsla(0,0%,100%,.3),transparent 50%,hsla(0,0%,100%,.1));border-radius:8px}.progress-text[data-v-5c48657a]{font-size:16px;color:#77553e;font-weight:700;text-align:center;position:relative;z-index:1;text-shadow:0 1px 2px rgba(119,85,62,.1)}.azkar-list[data-v-5c48657a]{display:flex;flex-direction:column;gap:20px}.azkar-item[data-v-5c48657a]{background:#fff;border-radius:16px;padding:24px;transition:all .3s ease;position:relative;width:100%;overflow:visible;word-wrap:break-word;word-break:break-word;margin:0;min-height:300px}.azkar-item[data-v-5c48657a]:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(119,85,62,.15)}.azkar-item.read[data-v-5c48657a]{border-color:#10b981;background:linear-gradient(135deg,#f0fdf4,#ecfdf5)}.azkar-content[data-v-5c48657a]{margin-bottom:20px;padding-right:120px;padding-top:40px}.azkar-number[data-v-5c48657a]{position:absolute;top:12px;left:12px;z-index:10}.number-badge[data-v-5c48657a]{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;background:linear-gradient(135deg,#77553e,#8d6e63);color:#fff;border-radius:50%;font-weight:700;font-size:14px;box-shadow:0 2px 8px rgba(119,85,62,.2)}.azkar-arabic[data-v-5c48657a]{font-size:20px;font-weight:600;color:#77553e;margin-bottom:12px;line-height:1.8;text-align:right;word-wrap:break-word;word-break:break-word;overflow-wrap:break-word}.azkar-transcription[data-v-5c48657a]{color:#64748b;margin-bottom:8px;font-style:italic}.azkar-transcription[data-v-5c48657a],.azkar-translation[data-v-5c48657a]{font-size:16px;word-wrap:break-word;word-break:break-word;overflow-wrap:break-word}.azkar-translation[data-v-5c48657a]{color:#374151;margin-bottom:12px;line-height:1.5}.azkar-info[data-v-5c48657a]{display:flex;gap:16px;margin-top:12px;flex-wrap:wrap}.azkar-count[data-v-5c48657a]{background:#77553e}.azkar-count[data-v-5c48657a],.azkar-repeated[data-v-5c48657a]{color:#fff;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600}.azkar-repeated[data-v-5c48657a]{background:#10b981}.action-buttons[data-v-5c48657a],.azkar-actions[data-v-5c48657a]{display:flex;gap:12px;flex-wrap:wrap}.action-buttons[data-v-5c48657a]{align-items:center;overflow:visible}.action-btn[data-v-5c48657a]{display:flex;gap:10px;padding:14px 24px;border:2px solid #d9b99c;border-radius:16px;background:linear-gradient(135deg,#f4f1eb,#f5f5f5);color:#77553e;font-weight:700;transition:all .3s ease;font-size:15px;position:relative;overflow:hidden;box-shadow:0 4px 12px rgba(119,85,62,.1)}.action-btn[data-v-5c48657a]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,hsla(0,0%,100%,.1),hsla(0,0%,100%,.05));pointer-events:none}.action-btn[data-v-5c48657a]:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(119,85,62,.2);border-color:#77553e}.action-btn.active[data-v-5c48657a]{background:linear-gradient(135deg,#4caf50,#45a049);border-color:#4caf50;color:#fff}.action-btn.audio-btn[data-v-5c48657a]{background:linear-gradient(135deg,#ff9800,#f57c00);border-color:#ff9800;color:#fff}.action-btn.audio-btn.playing[data-v-5c48657a]{background:linear-gradient(135deg,#f44336,#d32f2f);border-color:#f44336}.action-btn.read-btn.active[data-v-5c48657a]{background:linear-gradient(135deg,#4caf50,#45a049);border-color:#4caf50;color:#fff}.action-btn.memorize-btn[data-v-5c48657a]{background:linear-gradient(135deg,#f4f1eb,#f5f5f5);border-color:#d9b99c;color:#77553e}.action-btn.memorize-btn.active[data-v-5c48657a]{background:linear-gradient(135deg,#3b82f6,#5a79ab);border-color:#3b82f6;color:#fff}.action-btn.view-btn[data-v-5c48657a]{background:linear-gradient(135deg,#6b7280,#4b5563);border-color:#6b7280;color:#fff;cursor:default}.action-btn.view-btn[data-v-5c48657a]:disabled{opacity:.7;cursor:default}.delete-azkar-btn[data-v-5c48657a]{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:2px solid #dc3545;border-radius:12px;background:linear-gradient(135deg,#fff5f5,#fef2f2);color:#dc3545;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;box-shadow:0 2px 8px rgba(220,53,69,.1)}.delete-azkar-btn[data-v-5c48657a]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,hsla(0,0%,100%,.1),hsla(0,0%,100%,.05));pointer-events:none}.delete-azkar-btn[data-v-5c48657a]:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(220,53,69,.2);border-color:#c82333;background:linear-gradient(135deg,#dc3545,#c82333);color:#fff}.delete-azkar-btn[data-v-5c48657a]:active{transform:translateY(-1px);box-shadow:0 4px 12px rgba(220,53,69,.3)}.demo-azkars-section[data-v-5c48657a]{margin-top:20px;text-align:center}.demo-btn[data-v-5c48657a]{background:linear-gradient(135deg,#77553e,#8d6e63);color:#fff;border:none;padding:12px 24px;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px rgba(119,85,62,.2)}.demo-btn[data-v-5c48657a]:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(119,85,62,.3)}.audio-player[data-v-5c48657a]{width:100%;margin-top:16px}.audio-controls[data-v-5c48657a]{display:flex;align-items:center;gap:16px;background:linear-gradient(135deg,#f4f1ea,#f4f1ea);padding:16px 20px;border-radius:16px;position:relative;overflow:hidden;transition:all .3s ease}.audio-controls[data-v-5c48657a]:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(119,85,62,.2);border-color:#77553e}.audio-play-btn[data-v-5c48657a]{background:linear-gradient(135deg,#77553e,#8d6e63);color:#fff;border:none;border-radius:50%;width:48px;height:48px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;flex-shrink:0;position:relative;z-index:1;box-shadow:0 4px 15px rgba(119,85,62,.2)}.audio-play-btn[data-v-5c48657a]:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(119,85,62,.3)}.audio-play-btn.playing[data-v-5c48657a]{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 16px rgba(16,185,129,.3)}.audio-play-btn.playing[data-v-5c48657a]:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(16,185,129,.4)}.audio-play-btn .icon[data-v-5c48657a]{font-size:18px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.audio-stop-btn[data-v-5c48657a]{background:linear-gradient(135deg,#f44336,#d32f2f);color:#fff;border:none;border-radius:50%;width:36px;height:36px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;flex-shrink:0;box-shadow:0 3px 12px rgba(244,67,54,.3);position:relative;z-index:1}.audio-stop-btn[data-v-5c48657a]:hover{transform:translateY(-2px);box-shadow:0 5px 16px rgba(244,67,54,.4)}.audio-stop-btn .icon[data-v-5c48657a]{font-size:14px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.2))}.audio-progress[data-v-5c48657a]{flex:1;min-width:0;position:relative;z-index:1}.progress-bar[data-v-5c48657a]{position:relative;width:100%;height:8px;background:#e2e8f0;border-radius:4px;margin-bottom:8px;overflow:hidden;border:1px solid #cbd5e1}.progress-fill[data-v-5c48657a]{height:100%;background:linear-gradient(90deg,#77553e,#d9b99c);border-radius:4px;transition:width .2s ease;position:relative;box-shadow:0 2px 8px rgba(119,85,62,.3)}.progress-fill[data-v-5c48657a]:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,hsla(0,0%,100%,.2),transparent 50%,hsla(0,0%,100%,.1));border-radius:4px}.progress-slider[data-v-5c48657a]{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:2}.progress-slider[data-v-5c48657a]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;background:#77553e;border-radius:50%;cursor:pointer;box-shadow:0 2px 8px rgba(119,85,62,.4);border:2px solid #fff}.audio-time[data-v-5c48657a]{display:flex;justify-content:space-between;font-size:12px;color:#77553e;font-weight:600}.current-time[data-v-5c48657a]{color:#77553e;font-weight:700}.duration[data-v-5c48657a]{color:#8d6e63}@media (max-width:768px){.audio-controls[data-v-5c48657a]{flex-direction:column;gap:12px;padding:12px 16px}.audio-play-btn[data-v-5c48657a]{width:44px;height:44px}.audio-stop-btn[data-v-5c48657a]{width:32px;height:32px}.audio-progress[data-v-5c48657a]{width:100%}.audio-time[data-v-5c48657a]{font-size:11px}.progress-bar[data-v-5c48657a]{height:6px}}@media (max-width:480px){.audio-controls[data-v-5c48657a]{padding:10px 12px;gap:10px}.audio-play-btn[data-v-5c48657a]{width:40px;height:40px}.audio-stop-btn[data-v-5c48657a]{width:28px;height:28px}.audio-time[data-v-5c48657a]{font-size:10px}.delete-azkar-btn[data-v-5c48657a]{width:36px;height:36px}}.no-azkar-container[data-v-5c48657a]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;background:#fff;border-radius:16px;box-shadow:0 2px 8px rgba(119,85,62,.08);margin:20px 0}.no-azkar-icon[data-v-5c48657a]{font-size:48px;margin-bottom:16px}.no-azkar-title[data-v-5c48657a]{color:#77553e;font-size:20px;font-weight:700;margin:0 0 12px 0}.no-azkar-text[data-v-5c48657a]{color:#64748b;font-size:16px;margin:0 0 24px 0;line-height:1.5}@media (max-width:768px){.azkar-category-view[data-v-5c48657a]{padding:16px;padding-bottom:80px}.category-header[data-v-5c48657a]{flex-direction:column;gap:16px;text-align:center;padding:16px}.category-info[data-v-5c48657a]{flex-direction:column;text-align:center;gap:12px}.category-icon[data-v-5c48657a]{font-size:36px;width:60px;height:60px}.category-title[data-v-5c48657a]{font-size:24px}.category-description[data-v-5c48657a]{font-size:14px}.header-actions[data-v-5c48657a]{flex-direction:row;gap:8px;justify-content:center;flex-wrap:wrap}.back-btn[data-v-5c48657a],.view-toggle-btn[data-v-5c48657a]{padding:8px 12px;font-size:14px}.back-text[data-v-5c48657a],.edit-text[data-v-5c48657a],.view-text[data-v-5c48657a]{display:none}.category-stats-overview[data-v-5c48657a]{grid-template-columns:repeat(2,1fr);gap:12px}.stat-card[data-v-5c48657a]{padding:16px}.stat-icon[data-v-5c48657a]{font-size:20px;width:40px;height:40px}.stat-number[data-v-5c48657a]{font-size:20px}.stat-label[data-v-5c48657a]{font-size:12px}.azkar-actions[data-v-5c48657a]{flex-direction:column;gap:8px}.action-buttons[data-v-5c48657a]{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.azkar-list[data-v-5c48657a]{margin-bottom:50px}.action-btn[data-v-5c48657a]{padding:10px 16px;min-width:auto;padding:12px 16px;font-size:14px;min-height:44px}.action-btn .icon[data-v-5c48657a]{font-size:16px;margin-right:8px}.delete-azkar-btn[data-v-5c48657a]{width:36px;height:36px}.azkar-item[data-v-5c48657a]{padding:16px}.azkar-content[data-v-5c48657a]{padding-right:100px;padding-top:35px;overflow:visible}.azkar-item[data-v-5c48657a]{overflow:visible}.number-badge[data-v-5c48657a]{width:28px;height:28px;font-size:12px}.azkar-arabic[data-v-5c48657a]{font-size:18px}.azkar-transcription[data-v-5c48657a],.azkar-translation[data-v-5c48657a]{font-size:14px}.azkar-info[data-v-5c48657a]{flex-direction:column;gap:8px}.azkar-count[data-v-5c48657a],.azkar-repeated[data-v-5c48657a]{font-size:11px;padding:4px 8px}}@media (max-width:480px){.azkar-category-view[data-v-5c48657a],.category-header[data-v-5c48657a]{padding:12px}.category-stats-overview[data-v-5c48657a]{grid-template-columns:1fr}.stat-card[data-v-5c48657a]{padding:12px}.action-buttons[data-v-5c48657a]{flex-direction:column;align-items:center}.action-btn[data-v-5c48657a]{width:100%;max-width:200px;padding:10px 12px;font-size:13px;min-height:40px}.action-btn .icon[data-v-5c48657a]{font-size:14px;margin-right:6px}.azkar-item[data-v-5c48657a]{padding:12px}.azkar-content[data-v-5c48657a]{padding-right:20px;padding-top:30px;overflow:visible}.azkar-item[data-v-5c48657a]{overflow:visible;padding:16px;margin-bottom:10px}.azkar-actions[data-v-5c48657a]{overflow:visible}.action-buttons[data-v-5c48657a]{overflow:visible;flex-wrap:wrap}.number-badge[data-v-5c48657a]{width:24px;height:24px;font-size:11px}.azkar-number[data-v-5c48657a]{top:8px;left:8px}.azkar-arabic[data-v-5c48657a]{font-size:16px}.azkar-transcription[data-v-5c48657a],.azkar-translation[data-v-5c48657a]{font-size:13px}.azkar-edit-controls[data-v-5c48657a]{top:8px;right:8px;gap:4px}.edit-azkar-btn[data-v-5c48657a]{padding:6px 10px;font-size:12px}.order-btn[data-v-5c48657a]{padding:4px 8px;font-size:10px;min-width:28px;height:28px}.modal-content[data-v-5c48657a]{width:95%;padding:16px}.form-input[data-v-5c48657a]{font-size:14px;padding:8px}}.azkar-swipe-container[data-v-5c48657a]{position:relative;width:100%;height:auto;min-height:300px;overflow:hidden;background:#fff;border-radius:16px;box-shadow:0 4px 12px rgba(119,85,62,.1);margin:20px 0;border:2px solid #e2e8f0;transition:all .3s ease}.azkar-swipe-container[data-v-5c48657a]:hover{border-color:#d9b99c;box-shadow:0 6px 20px rgba(119,85,62,.15)}.swipe-hint[data-v-5c48657a]{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:12px;margin-bottom:16px;font-size:14px;color:#64748b;font-weight:500}.hint-icon[data-v-5c48657a]{font-size:16px}.hint-text[data-v-5c48657a]{color:#77553e}.azkar-swipe-wrapper[data-v-5c48657a]{position:relative;width:100%;height:auto;min-height:300px;display:flex;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;scroll-snap-type:x mandatory;cursor:grab;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.azkar-swipe-wrapper[data-v-5c48657a]::-webkit-scrollbar{display:none}.azkar-swipe-wrapper.dragging[data-v-5c48657a]{cursor:grabbing;scroll-behavior:auto;transform:scale(.98);box-shadow:0 8px 25px rgba(119,85,62,.2)}.azkar-swipe-item[data-v-5c48657a]{flex:0 0 100%;width:100%;height:auto;min-height:300px;display:flex;align-items:flex-start;justify-content:center;padding:20px;scroll-snap-align:center;transition:all .3s ease;overflow:visible;opacity:.7;transform:scale(.95)}.azkar-swipe-item.active[data-v-5c48657a]{opacity:1;transform:scale(1)}.swipe-indicators[data-v-5c48657a]{display:flex;justify-content:center;gap:8px;margin:20px 0;padding:10px}.indicator-dot[data-v-5c48657a]{width:12px;height:12px;border-radius:50%;background:#e2e8f0;cursor:pointer;transition:all .3s ease;border:2px solid transparent;position:relative}.indicator-dot.active[data-v-5c48657a]{background:#77553e;transform:scale(1.2);border-color:#d9b99c;box-shadow:0 2px 8px rgba(119,85,62,.3)}.indicator-dot[data-v-5c48657a]:hover{background:#d9b99c;transform:scale(1.1);border-color:#77553e}.swipe-navigation[data-v-5c48657a]{position:fixed;bottom:7%;left:0;right:0;transform:translateY(-50%);display:flex;justify-content:space-between;align-items:center;padding:0 20px;pointer-events:none;z-index:1000}.nav-btn[data-v-5c48657a]{display:flex;align-items:center;justify-content:center;width:50px;height:50px;border:2px solid #d9b99c;border-radius:50%;background:linear-gradient(135deg,#f4f1eb,#f5f5f5);color:#77553e;cursor:pointer;transition:all .3s ease;font-size:24px;position:relative;line-height:1;padding-bottom:14px;padding-right:10px;overflow:hidden;pointer-events:auto;box-shadow:0 4px 12px rgba(119,85,62,.2)}.nav-btn[data-v-5c48657a]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,hsla(0,0%,100%,.1),hsla(0,0%,100%,.05));pointer-events:none}.nav-btn[data-v-5c48657a]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px rgba(119,85,62,.2);border-color:#77553e;background:linear-gradient(135deg,#77553e,#8d6e63);color:#fff}.nav-btn[data-v-5c48657a]:disabled{opacity:.5;cursor:not-allowed}.azkar-counter[data-v-5c48657a]{font-size:16px;font-weight:600;color:#77553e;pointer-events:none;background:hsla(0,0%,100%,.9);padding:8px 16px;border-radius:20px;backdrop-filter:blur(10px)}.header-actions[data-v-5c48657a]{display:flex;align-items:center;gap:16px}.teacher-controls[data-v-5c48657a]{display:flex;gap:12px}.edit-mode-btn[data-v-5c48657a],.view-mode-btn[data-v-5c48657a]{display:flex;align-items:center;gap:8px;padding:10px 16px;border:2px solid #d9b99c;border-radius:12px;background:linear-gradient(135deg,#f4f1eb,#f5f5f5);color:#77553e;cursor:pointer;transition:all .3s ease;font-size:14px;font-weight:600}.edit-mode-btn[data-v-5c48657a]:hover,.view-mode-btn[data-v-5c48657a]:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(119,85,62,.2);border-color:#77553e}.edit-mode-btn.active[data-v-5c48657a]{background:linear-gradient(135deg,#77553e,#8b6b4a);color:#fff;border-color:#77553e}.view-mode-options[data-v-5c48657a]{display:flex;flex-direction:column;gap:16px}.view-mode-option[data-v-5c48657a]{display:flex;align-items:center;gap:16px;padding:20px;border:2px solid #e2e8f0;border-radius:12px;background:#fff;cursor:pointer;transition:all .3s ease;text-align:left}.view-mode-option[data-v-5c48657a]:hover{border-color:#d9b99c;transform:translateY(-2px);box-shadow:0 4px 12px rgba(119,85,62,.1)}.view-mode-option.active[data-v-5c48657a]{border-color:#77553e;background:linear-gradient(135deg,#f4f1eb,#f5f5f5)}.view-mode-option .icon[data-v-5c48657a]{font-size:24px;width:40px;text-align:center}.option-content h4[data-v-5c48657a]{margin:0 0 4px 0;color:#77553e;font-size:16px;font-weight:600}.option-content p[data-v-5c48657a]{margin:0;color:#64748b;font-size:14px}@media (min-width:1200px){.swipe-navigation[data-v-5c48657a]{padding:0 40px}.nav-btn[data-v-5c48657a]{width:60px;height:60px;font-size:24px}}@media (max-width:768px){.swipe-hint[data-v-5c48657a]{display:none}.azkar-swipe-container[data-v-5c48657a]{min-height:auto;height:auto;margin:12px 0;overflow:visible}.azkar-swipe-wrapper[data-v-5c48657a]{overflow-x:auto;overflow-y:hidden;cursor:grab;scroll-snap-type:x mandatory}.azkar-swipe-wrapper.dragging[data-v-5c48657a]{cursor:grabbing;scroll-behavior:auto}.azkar-swipe-item[data-v-5c48657a]{flex:0 0 100%;opacity:.8;transform:scale(.98)}.azkar-swipe-item.active[data-v-5c48657a]{opacity:1;transform:scale(1)}.swipe-navigation[data-v-5c48657a]{padding:0 12px}.nav-btn[data-v-5c48657a]{width:44px;height:44px;padding:0;font-size:18px}.azkar-counter[data-v-5c48657a]{font-size:14px}.swipe-indicators[data-v-5c48657a]{margin:12px 0;padding:8px}.indicator-dot[data-v-5c48657a]{width:10px;height:10px}.azkar-swipe-item[data-v-5c48657a]{padding:16px}.order-input-container[data-v-5c48657a]{flex-direction:column;gap:4px;padding:6px}.order-label[data-v-5c48657a]{font-size:10px}.order-input[data-v-5c48657a]{width:36px;height:22px;font-size:11px}}@media (max-width:480px){.azkar-swipe-container[data-v-5c48657a]{min-height:auto;height:auto;margin-bottom:50px;overflow:hidden}.azkar-item[data-v-5c48657a]{margin:0;min-height:250px;padding:16px}.swipe-indicators[data-v-5c48657a]{gap:6px}.indicator-dot[data-v-5c48657a]{width:8px;height:8px}.nav-btn[data-v-5c48657a]{width:40px;height:40px;font-size:16px}.azkar-counter[data-v-5c48657a]{font-size:12px}.azkar-swipe-item[data-v-5c48657a]{padding:12px}.azkar-arabic[data-v-5c48657a]{font-size:16px;line-height:1.6}.azkar-transcription[data-v-5c48657a],.azkar-translation[data-v-5c48657a]{font-size:13px}.order-input-container[data-v-5c48657a]{flex-direction:column;gap:2px;padding:4px}.order-label[data-v-5c48657a]{font-size:9px}.order-input[data-v-5c48657a]{width:32px;height:20px;font-size:10px}}.azkar-edit-controls[data-v-5c48657a]{position:absolute;top:12px;right:12px;display:flex;align-items:center;gap:8px;z-index:10}.edit-azkar-btn[data-v-5c48657a]{background:linear-gradient(135deg,#77553e,#8d6e63);color:#fff;border:none;padding:8px 12px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px rgba(119,85,62,.2);font-size:14px}.edit-azkar-btn[data-v-5c48657a]:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(119,85,62,.3)}.order-input-container[data-v-5c48657a]{display:flex;align-items:center;gap:6px;background:rgba(119,85,62,.05);padding:4px 8px;border-radius:8px;border:1px solid rgba(119,85,62,.1)}.order-label[data-v-5c48657a]{font-size:11px;color:#77553e;font-weight:600;white-space:nowrap}.order-input[data-v-5c48657a]{width:40px;height:24px;border:1px solid #d9b99c;border-radius:4px;text-align:center;font-size:12px;font-weight:600;color:#77553e;background:#fff;transition:all .3s ease}.order-input[data-v-5c48657a]:focus{outline:none;border-color:#77553e;box-shadow:0 0 0 2px rgba(119,85,62,.2)}.order-input[data-v-5c48657a]:hover{border-color:#77553e}.cancel-btn[data-v-5c48657a]{background:linear-gradient(135deg,#f44336,#d32f2f);color:#fff;border:none;padding:10px 20px;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px rgba(244,67,54,.3)}.cancel-btn[data-v-5c48657a]:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(244,67,54,.4)}.save-btn[data-v-5c48657a]{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;border:none;padding:10px 20px;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px rgba(76,175,80,.3)}.save-btn[data-v-5c48657a]:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(76,175,80,.4)}.form-group[data-v-5c48657a]{margin-bottom:20px}.form-group label[data-v-5c48657a]{display:block;margin-bottom:8px;font-weight:600;color:#77553e;font-size:14px}.form-input[data-v-5c48657a]{width:100%;padding:10px;border:2px solid #d9b99c;border-radius:12px;font-size:16px;color:#77553e;transition:all .3s ease}.form-input[data-v-5c48657a]:focus{border-color:#77553e;box-shadow:0 4px 12px rgba(119,85,62,.2)}.form-actions[data-v-5c48657a]{display:flex;justify-content:space-between;margin-top:20px}.modal[data-v-5c48657a]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content[data-v-5c48657a]{background-color:#fff;padding:20px;border-radius:16px;box-shadow:0 4px 12px rgba(119,85,62,.2);width:90%;max-width:500px;max-height:90vh;overflow-y:auto}.modal-header[data-v-5c48657a]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.close-btn[data-v-5c48657a]{background:none;border:none;font-size:24px;cursor:pointer}.close-btn[data-v-5c48657a]:hover{color:#77553e}.student-select-btn[data-v-5c48657a]{background:linear-gradient(135deg,#f4f1eb,#f5f5f5);color:#77553e;border:2px solid #d9b99c;padding:10px 16px;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;margin-right:12px}.student-select-btn[data-v-5c48657a]:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(119,85,62,.4)}.student-select-btn .icon[data-v-5c48657a]{font-size:16px}.student-select-btn .select-text[data-v-5c48657a]{font-size:14px;font-weight:600}.modal-overlay[data-v-5c48657a]{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000;backdrop-filter:blur(4px)}.student-select-modal[data-v-5c48657a]{max-width:600px;width:90%;max-height:75vh;overflow-y:auto}.modal-body[data-v-5c48657a]{padding:20px 0}.form-select[data-v-5c48657a]{width:100%;padding:12px;border:2px solid #d9b99c;border-radius:12px;font-size:16px;color:#77553e;background:#fff;transition:all .3s ease}.form-select[data-v-5c48657a]:focus{border-color:#77553e;box-shadow:0 4px 12px rgba(119,85,62,.2);outline:none}.hifz-class-info[data-v-5c48657a]{padding:16px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:2px solid #e2e8f0}.hifz-badge[data-v-5c48657a]{display:inline-block;background:linear-gradient(135deg,#77553e,#8b6b4a);color:#fff;padding:6px 12px;border-radius:20px;font-size:14px;margin-bottom:8px}.hifz-description[data-v-5c48657a]{display:block;color:#64748b;line-height:1.5}.student-stats[data-v-5c48657a]{margin-top:24px;padding:20px;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0}.student-stats h4[data-v-5c48657a]{margin:0 0 16px 0;font-size:18px;font-weight:600;color:#1f2937}.stats-grid[data-v-5c48657a]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.stat-item[data-v-5c48657a]{display:flex;align-items:center;gap:12px;padding:12px;background:#fff;border-radius:8px;border:1px solid #e2e8f0;box-shadow:0 2px 4px rgba(0,0,0,.05)}.stat-icon[data-v-5c48657a]{font-size:20px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#77553e,#8b6b4a);color:#fff;border-radius:8px}.stat-label[data-v-5c48657a]{font-size:14px;color:#6b7280;font-weight:500}.stat-value[data-v-5c48657a]{font-size:18px;font-weight:700;color:#1f2937;margin-left:auto}.modal-footer[data-v-5c48657a]{display:flex;justify-content:flex-end;gap:12px;padding-top:20px;border-top:1px solid #e5e7eb}.action-btn[data-v-5c48657a]{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none}.action-btn.secondary[data-v-5c48657a]{background:#f3f4f6;color:#374151;border:1px solid #d1d5db}.action-btn.secondary[data-v-5c48657a]:hover{background:#e5e7eb;transform:translateY(-1px)}@media (max-width:768px){.student-select-modal[data-v-5c48657a]{width:95%;max-height:88vh}.stats-grid[data-v-5c48657a]{grid-template-columns:1fr}.stat-item[data-v-5c48657a]{flex-direction:column;text-align:center;gap:8px}.stat-value[data-v-5c48657a]{margin-left:0}.hifz-class-info[data-v-5c48657a]{padding:12px}.hifz-badge[data-v-5c48657a]{font-size:12px;padding:4px 8px}.hifz-description[data-v-5c48657a]{font-size:13px}}.debug-info[data-v-5c48657a]{margin-top:20px;padding:16px;background:#f8f9fa;border-radius:8px;border:1px solid #dee2e6;font-size:14px}.debug-info h5[data-v-5c48657a]{margin:0 0 12px 0;color:#495057;font-size:16px}.debug-info p[data-v-5c48657a]{margin:4px 0;color:#6c757d}.debug-info strong[data-v-5c48657a]{color:#495057}.debug-data[data-v-5c48657a]{background:#f1f3f4;border:1px solid #dadce0;border-radius:4px;padding:8px;font-size:12px;overflow-x:auto;white-space:pre-wrap;word-break:break-word;max-height:200px;overflow-y:auto}.hifz-class-info[data-v-5c48657a]{display:flex;flex-direction:column;gap:8px;padding:12px;background:linear-gradient(135deg,#77553e,#8b6b4a);color:#fff;border-radius:12px;margin-top:8px}.hifz-badge[data-v-5c48657a]{font-weight:600;font-size:16px}.hifz-description[data-v-5c48657a]{font-size:14px;opacity:.9}.student-type-section[data-v-5c48657a]{border:1px solid #e2e8f0;border-radius:12px;padding:16px;margin-bottom:16px;background:#f8fafc}.student-type-section h4[data-v-5c48657a]{margin:0 0 12px 0;color:#1f2937;font-size:16px;font-weight:600}.form-select option.hifz-option[data-v-5c48657a],.hifz-option[data-v-5c48657a]{background:linear-gradient(135deg,#77553e,#8b6b4a);color:#fff;font-weight:600}.debug-modal-info[data-v-5c48657a]{background:#f0f8ff;border:1px solid #b0d4f1;border-radius:8px;padding:12px;margin:12px;font-size:12px}.debug-modal-info p[data-v-5c48657a]{margin:4px 0;color:#2c5aa0}.debug-modal-info strong[data-v-5c48657a]{color:#1a365d}.select-debug[data-v-5c48657a]{margin-top:4px;padding:4px 8px;background:#f0f0f0;border-radius:4px;font-size:11px;color:#666}.profile-container[data-v-e567d656]{font-family:Arial,sans-serif;max-width:1200px;margin:0 auto;padding:20px;background:var(--light-gradient);border-radius:12px;box-shadow:0 4px 15px rgba(119,85,62,.1);min-height:100vh;padding-bottom:100px}.top-bar[data-v-e567d656]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;background:var(--primary-brown);padding:20px;border-radius:12px;box-shadow:0 4px 15px rgba(119,85,62,.2)}.logo img[data-v-e567d656]{max-height:100px}.top-bar-right[data-v-e567d656]{display:flex;align-items:center;gap:12px}.logout-btn[data-v-e567d656]{background:hsla(0,0%,100%,.2);color:var(--white);border:2px solid hsla(0,0%,100%,.3);border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s ease;backdrop-filter:blur(10px);text-decoration:none;display:inline-flex;align-items:center;gap:8px;padding:12px 20px}.logout-btn[data-v-e567d656]:hover{background:hsla(0,0%,100%,.3);border-color:hsla(0,0%,100%,.5);transform:translateY(-2px);color:var(--white)}.main-content[data-v-e567d656]{margin-top:20px}.header[data-v-e567d656]{text-align:center;margin-bottom:30px}.title[data-v-e567d656]{font-size:2.5rem;font-weight:700;color:var(--primary-brown);margin-bottom:8px}.subtitle[data-v-e567d656]{font-size:1.1rem;color:#718096}.section[data-v-e567d656]{background:var(--white);padding:25px;border-radius:12px;box-shadow:0 4px 15px rgba(119,85,62,.1);margin-bottom:25px}.section-title[data-v-e567d656]{color:var(--primary-brown);font-size:24px;font-weight:700;margin-bottom:20px;text-align:center}.info-grid[data-v-e567d656]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.info-card[data-v-e567d656]{background:var(--light-cream);padding:20px;border-radius:12px;display:flex;align-items:center;gap:15px;border:2px solid var(--beige);transition:all .3s ease}.info-card[data-v-e567d656]:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(119,85,62,.1)}.info-icon[data-v-e567d656]{font-size:32px;background:var(--primary-brown);color:var(--white);padding:10px;border-radius:8px}.info-content[data-v-e567d656]{flex:1}.info-label[data-v-e567d656]{font-size:14px;color:#666;font-weight:500;margin-bottom:5px}.info-value[data-v-e567d656]{font-size:16px;font-weight:600;color:var(--primary-brown)}.stats-grid[data-v-e567d656]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.stat-card[data-v-e567d656]{background:var(--light-cream);padding:20px;border-radius:12px;display:flex;align-items:center;gap:15px;border:2px solid var(--beige);transition:all .3s ease}.stat-card[data-v-e567d656]:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(119,85,62,.1)}.stat-icon[data-v-e567d656]{font-size:32px;background:var(--primary-brown);color:var(--white);padding:10px;border-radius:8px}.stat-content[data-v-e567d656]{flex:1}.stat-number[data-v-e567d656]{font-size:24px;font-weight:700;color:var(--primary-brown);margin-bottom:5px}.stat-label[data-v-e567d656]{font-size:14px;color:#666;font-weight:500}.monthly-stats[data-v-e567d656]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.month-card[data-v-e567d656]{background:var(--light-cream);padding:20px;border-radius:12px;border:2px solid var(--beige);transition:all .3s ease}.month-card[data-v-e567d656]:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(119,85,62,.1)}.month-header[data-v-e567d656]{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.month-name[data-v-e567d656]{font-size:18px;font-weight:600;color:var(--primary-brown);margin:0}.month-attendance[data-v-e567d656]{background:var(--primary-brown);color:var(--white);padding:4px 8px;border-radius:4px;font-size:14px;font-weight:600}.month-details[data-v-e567d656]{margin-bottom:15px}.month-stat[data-v-e567d656]{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.month-stat .stat-label[data-v-e567d656]{font-size:14px;color:#666}.month-stat .stat-value[data-v-e567d656]{font-weight:600;color:var(--primary-brown)}.month-progress[data-v-e567d656]{margin-top:10px}.progress-bar[data-v-e567d656]{width:100%;height:8px;background:var(--beige);border-radius:4px;overflow:hidden}.progress-fill[data-v-e567d656]{height:100%;background:var(--primary-brown);border-radius:4px;transition:width .3s ease}.recent-grades[data-v-e567d656]{min-height:200px}.no-grades[data-v-e567d656]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;color:#666;gap:15px}.no-grades-icon[data-v-e567d656]{font-size:48px}.no-grades p[data-v-e567d656]{font-size:16px;font-weight:500}.grades-list[data-v-e567d656]{display:flex;flex-direction:column;gap:12px}.grade-item[data-v-e567d656]{background:var(--light-cream);padding:15px;border-radius:8px;display:flex;justify-content:space-between;align-items:center;border:1px solid var(--beige)}.grade-info[data-v-e567d656]{flex:1}.grade-date[data-v-e567d656]{font-weight:600;color:var(--primary-brown);margin-bottom:4px}.grade-subject[data-v-e567d656]{font-size:14px;color:#666}.grade-value[data-v-e567d656]{font-weight:700;font-size:18px;padding:8px 12px;border-radius:6px;min-width:40px;text-align:center}.grade-excellent[data-v-e567d656]{background:#10b981;color:#fff}.grade-good[data-v-e567d656]{background:#3b82f6;color:#fff}.grade-average[data-v-e567d656]{background:#f59e0b;color:#fff}.grade-poor[data-v-e567d656]{background:#ef4444;color:#fff}.achievements-grid[data-v-e567d656]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.achievement-card[data-v-e567d656]{background:var(--light-cream);padding:20px;border-radius:12px;display:flex;align-items:center;gap:15px;border:2px solid var(--beige);transition:all .3s ease;opacity:.6}.achievement-card.earned[data-v-e567d656]{opacity:1;border-color:var(--primary-brown);background:var(--cream)}.achievement-card[data-v-e567d656]:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(119,85,62,.1)}.achievement-icon[data-v-e567d656]{font-size:32px;background:var(--primary-brown);color:var(--white);padding:10px;border-radius:8px}.achievement-content[data-v-e567d656]{flex:1}.achievement-title[data-v-e567d656]{font-size:16px;font-weight:600;color:var(--primary-brown);margin-bottom:5px}.achievement-desc[data-v-e567d656]{font-size:14px;color:#666}@media (max-width:768px){.profile-container[data-v-e567d656]{padding:15px}.top-bar[data-v-e567d656]{flex-direction:column;gap:15px}.logo img[data-v-e567d656]{max-height:60px}.achievements-grid[data-v-e567d656],.info-grid[data-v-e567d656],.monthly-stats[data-v-e567d656],.stats-grid[data-v-e567d656]{grid-template-columns:1fr}.title[data-v-e567d656]{font-size:2rem}.section[data-v-e567d656]{padding:20px}}@media (max-width:480px){.profile-container[data-v-e567d656]{padding:10px}.title[data-v-e567d656]{font-size:1.8rem}.section-title[data-v-e567d656]{font-size:20px}.achievement-card[data-v-e567d656],.info-card[data-v-e567d656],.month-card[data-v-e567d656],.stat-card[data-v-e567d656]{padding:15px}.achievement-icon[data-v-e567d656],.info-icon[data-v-e567d656],.stat-icon[data-v-e567d656]{font-size:24px;padding:8px}.stat-number[data-v-e567d656]{font-size:20px}}.juz-revision-container[data-v-524b6dc0]{max-width:1400px;margin:0 auto;padding:20px;padding-bottom:100px;min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#c3cfe2)}.header[data-v-524b6dc0]{text-align:center;margin-bottom:30px}.title[data-v-524b6dc0]{font-size:2.5rem;font-weight:700;color:#2d3748;margin-bottom:8px;text-shadow:0 2px 4px rgba(0,0,0,.1)}.subtitle[data-v-524b6dc0]{font-size:1.1rem;color:#718096}.selection-panel[data-v-524b6dc0]{background:#fff;border-radius:16px;padding:24px;margin-bottom:30px;box-shadow:0 8px 32px rgba(0,0,0,.1);display:flex;gap:20px;flex-wrap:wrap;backdrop-filter:blur(10px)}.select-group[data-v-524b6dc0]{display:flex;flex-direction:column;gap:8px;min-width:200px}.label[data-v-524b6dc0]{font-weight:600;color:#4a5568;font-size:14px}.date-input[data-v-524b6dc0],.select[data-v-524b6dc0]{padding:12px 16px;border:2px solid #e2e8f0;border-radius:12px;font-size:14px;background:#fff;transition:all .3s ease;box-shadow:0 2px 4px rgba(0,0,0,.05)}.date-input[data-v-524b6dc0]:focus,.select[data-v-524b6dc0]:focus{outline:none;border-color:#6b3610;box-shadow:0 0 0 3px rgba(107,54,16,.1)}.student-progress-section[data-v-524b6dc0]{background:#fff;border-radius:16px;padding:30px;margin-bottom:30px;box-shadow:0 8px 32px rgba(0,0,0,.1)}.progress-header[data-v-524b6dc0]{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;flex-wrap:wrap;gap:20px}.progress-header h2[data-v-524b6dc0]{font-size:1.8rem;font-weight:600;color:#2d3748;margin:0}.date-selector[data-v-524b6dc0]{display:flex;align-items:center;gap:12px}.juz-grid[data-v-524b6dc0]{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:16px;margin-bottom:30px}.juz-card[data-v-524b6dc0]{background:#f8f9fa;border:2px solid #e9ecef;border-radius:12px;padding:20px;text-align:center;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.juz-card[data-v-524b6dc0]:hover{transform:translateY(-4px);box-shadow:0 8px 25px rgba(0,0,0,.15)}.juz-card.not_revised[data-v-524b6dc0]{border-color:#e2e8f0;background:#f8f9fa}.juz-card.in_progress[data-v-524b6dc0]{border-color:#fbbf24;background:linear-gradient(135deg,#fef3c7,#fde68a)}.juz-card.revised[data-v-524b6dc0]{border-color:#10b981;background:linear-gradient(135deg,#d1fae5,#a7f3d0)}.juz-number[data-v-524b6dc0]{font-size:1.5rem;font-weight:700;color:#2d3748;margin-bottom:8px}.juz-status-icon[data-v-524b6dc0]{font-size:2rem;margin-bottom:8px}.juz-status-text[data-v-524b6dc0]{font-size:12px;font-weight:500;color:#4a5568}.student-stats[data-v-524b6dc0]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.stat-card[data-v-524b6dc0]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:12px;padding:20px;display:flex;align-items:center;gap:16px;box-shadow:0 4px 15px rgba(102,126,234,.3)}.stat-icon[data-v-524b6dc0]{font-size:2rem}.stat-content[data-v-524b6dc0]{flex:1}.stat-value[data-v-524b6dc0]{font-size:1.5rem;margin-bottom:4px}.stat-label[data-v-524b6dc0]{font-size:14px;opacity:.9}.teacher-section[data-v-524b6dc0]{background:#fff;border-radius:16px;padding:30px;box-shadow:0 8px 32px rgba(0,0,0,.1)}.section-header[data-v-524b6dc0]{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;flex-wrap:wrap;gap:20px}.section-header h2[data-v-524b6dc0]{font-size:1.8rem;font-weight:600;color:#2d3748;margin:0}.stats-overview[data-v-524b6dc0]{display:flex;gap:20px}.stat-item[data-v-524b6dc0]{display:flex;flex-direction:column;align-items:center;gap:4px}.stat-label[data-v-524b6dc0]{font-size:12px;color:#718096;font-weight:500}.stat-value[data-v-524b6dc0]{font-size:1.2rem;font-weight:700;color:#2d3748}.revision-table-container[data-v-524b6dc0]{overflow-x:auto;margin-bottom:30px;border-radius:12px;box-shadow:0 4px 15px rgba(0,0,0,.1)}.table-wrapper[data-v-524b6dc0]{min-width:800px}.revision-table[data-v-524b6dc0]{width:100%;border-collapse:collapse;background:#fff;border-radius:12px;overflow:hidden}.revision-table td[data-v-524b6dc0],.revision-table th[data-v-524b6dc0]{padding:12px 8px;text-align:center;border-bottom:1px solid #e2e8f0}.revision-table th[data-v-524b6dc0]{background:linear-gradient(135deg,#6b3610,sienna);color:#fff;font-weight:600;font-size:14px}.student-col[data-v-524b6dc0]{min-width:80px}.juz-header[data-v-524b6dc0]{min-width:60px}.juz-number[data-v-524b6dc0]{font-size:12px;font-weight:600}.student-number[data-v-524b6dc0]{font-weight:600;color:#4a5568}.student-name[data-v-524b6dc0]{font-weight:500;color:#2d3748;text-align:left;padding-left:16px}.juz-cell[data-v-524b6dc0]{padding:8px 4px}.juz-status[data-v-524b6dc0]{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;font-size:16px;margin:0 auto}.juz-status[data-v-524b6dc0]:hover{transform:scale(1.1)}.juz-status.not_revised[data-v-524b6dc0]{background:#f1f5f9;color:#64748b}.juz-status.in_progress[data-v-524b6dc0]{background:#fef3c7;color:#d97706}.juz-status.revised[data-v-524b6dc0]{background:#d1fae5;color:#059669}.juz-status.checked[data-v-524b6dc0]{background:#dbeafe;color:#2563eb}.summary-section[data-v-524b6dc0]{background:#f8f9fa;border-radius:12px;padding:24px}.summary-section h3[data-v-524b6dc0]{font-size:1.2rem;font-weight:600;color:#2d3748;margin-bottom:20px;text-align:center}.summary-grid[data-v-524b6dc0]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.summary-item[data-v-524b6dc0]{background:#fff;border-radius:12px;padding:20px;display:flex;align-items:center;gap:16px;box-shadow:0 2px 8px rgba(0,0,0,.1);transition:all .3s ease}.summary-item[data-v-524b6dc0]:hover{transform:translateY(-2px);box-shadow:0 4px 15px rgba(0,0,0,.15)}.summary-icon[data-v-524b6dc0]{font-size:2rem;width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center}.summary-icon.not-revised[data-v-524b6dc0]{background:#f1f5f9;color:#64748b}.summary-icon.in-progress[data-v-524b6dc0]{background:#fef3c7;color:#d97706}.summary-icon.revised[data-v-524b6dc0]{background:#d1fae5;color:#059669}.summary-icon.checked[data-v-524b6dc0]{background:#dbeafe;color:#2563eb}.summary-content[data-v-524b6dc0]{flex:1}.summary-value[data-v-524b6dc0]{font-size:1.5rem;font-weight:700;color:#2d3748;margin-bottom:4px}.summary-label[data-v-524b6dc0]{font-size:14px;color:#718096;font-weight:500}.modal-overlay[data-v-524b6dc0]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal[data-v-524b6dc0]{background:#fff;border-radius:16px;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px rgba(0,0,0,.3)}.modal-header[data-v-524b6dc0]{display:flex;justify-content:space-between;align-items:center;padding:24px 24px 0 24px;margin-bottom:20px}.modal-header h3[data-v-524b6dc0]{font-size:1.25rem;font-weight:600;color:#2d3748}.close-button[data-v-524b6dc0]{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#718096;padding:4px;transition:color .3s ease}.close-button[data-v-524b6dc0]:hover{color:#2d3748}.modal-content[data-v-524b6dc0]{padding:0 24px 24px 24px}.comment-info[data-v-524b6dc0]{background:#f8f9fa;border-radius:8px;padding:16px;margin-bottom:20px;font-size:14px;color:#4a5568}.form-group[data-v-524b6dc0]{margin-bottom:20px}.form-group label[data-v-524b6dc0]{display:block;font-weight:600;color:#4a5568;margin-bottom:8px;font-size:14px}.comment-textarea[data-v-524b6dc0]{width:100%;padding:12px 16px;border:2px solid #e2e8f0;border-radius:8px;font-size:14px;background:#fff;transition:all .3s ease;resize:vertical;min-height:100px;font-family:inherit}.comment-textarea[data-v-524b6dc0]:focus{outline:none;border-color:#6b3610;box-shadow:0 0 0 3px rgba(107,54,16,.1)}.modal-actions[data-v-524b6dc0]{display:flex;gap:12px;justify-content:flex-end}.cancel-button[data-v-524b6dc0]{padding:12px 24px;border:2px solid #e2e8f0;background:#fff;color:#4a5568;border-radius:8px;font-weight:500;cursor:pointer;transition:all .3s ease}.cancel-button[data-v-524b6dc0]:hover{border-color:#cbd5e0;background:#f7fafc}.save-button[data-v-524b6dc0]{padding:12px 24px;background:linear-gradient(135deg,#6b3610,sienna);color:#fff;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .3s ease}.save-button[data-v-524b6dc0]:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(107,54,16,.3)}@media (max-width:768px){.juz-revision-container[data-v-524b6dc0]{padding:15px;padding-bottom:100px}.selection-panel[data-v-524b6dc0]{flex-direction:column;padding:20px}.select-group[data-v-524b6dc0]{min-width:auto}.progress-header[data-v-524b6dc0]{flex-direction:column;align-items:flex-start}.juz-grid[data-v-524b6dc0]{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:12px}.student-stats[data-v-524b6dc0]{grid-template-columns:1fr}.section-header[data-v-524b6dc0]{flex-direction:column;align-items:flex-start}.stats-overview[data-v-524b6dc0]{width:100%;justify-content:space-between}.summary-grid[data-v-524b6dc0]{grid-template-columns:1fr}.modal[data-v-524b6dc0]{margin:20px;max-height:calc(100vh - 40px)}.modal-actions[data-v-524b6dc0]{flex-direction:column}}.hifz-revision-container[data-v-cf2b1a56]{background:#fff;border-radius:16px;box-shadow:0 4px 12px rgba(119,85,62,.1);overflow:hidden;margin:20px 0}.table-header[data-v-cf2b1a56]{background:linear-gradient(135deg,#77553e,#d9b99c);padding:24px;color:#fff;text-align:center;border-radius:16px 16px 0 0}.table-title[data-v-cf2b1a56]{font-size:24px;font-weight:700;margin:0 0 8px 0;display:flex;align-items:center;justify-content:center;gap:12px}.table-subtitle[data-v-cf2b1a56]{font-size:16px;margin:0 0 16px 0;opacity:.9}.year-selector[data-v-cf2b1a56]{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:16px}.year-select[data-v-cf2b1a56],.year-selector label[data-v-cf2b1a56]{font-weight:600;font-size:14px}.year-select[data-v-cf2b1a56]{padding:8px 12px;border:2px solid hsla(0,0%,100%,.3);border-radius:8px;background:hsla(0,0%,100%,.1);color:#fff;cursor:pointer;transition:all .3s ease}.year-select[data-v-cf2b1a56]:focus{outline:none;border-color:hsla(0,0%,100%,.6);background:hsla(0,0%,100%,.2)}.year-select option[data-v-cf2b1a56]{background:#77553e;color:#fff}.table-wrapper[data-v-cf2b1a56]{overflow-x:auto;padding:0}table[data-v-cf2b1a56]{margin:0!important}.teacher-info[data-v-cf2b1a56]{margin-bottom:20px}.info-box[data-v-cf2b1a56]{display:flex;align-items:center;gap:12px;padding:16px;background:linear-gradient(135deg,#e3f2fd,#bbdefb);border:1px solid #2196f3;border-radius:8px;color:#1565c0}.info-icon[data-v-cf2b1a56]{font-size:20px}.info-text[data-v-cf2b1a56]{font-size:14px;font-weight:500}.plan-section[data-v-cf2b1a56]{margin:0;overflow:hidden}.no-student-selected[data-v-cf2b1a56],.plan-section[data-v-cf2b1a56]{background:#fff;border-radius:16px;box-shadow:0 4px 12px rgba(119,85,62,.1)}.no-student-selected[data-v-cf2b1a56]{margin:20px 0;padding:40px;text-align:center}.revision-table[data-v-cf2b1a56]{width:100%;border-collapse:collapse;min-width:800px;border:2px solid #e2e8f0}.revision-table th[data-v-cf2b1a56]{background:#f8fafc;padding:16px 8px;text-align:center;border-bottom:2px solid #e2e8f0;border-right:1px solid #e2e8f0;font-weight:600;color:#77553e;position:sticky;top:0;z-index:10}.day-column[data-v-cf2b1a56],.month-column[data-v-cf2b1a56]{min-width:80px;text-align:center}.month-header[data-v-cf2b1a56]{display:flex;flex-direction:column;align-items:center;gap:4px}.month-number[data-v-cf2b1a56]{font-size:18px;font-weight:700;color:#77553e}.month-label[data-v-cf2b1a56]{font-size:10px;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.student-header-row[data-v-cf2b1a56]{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-bottom:2px solid #e2e8f0}.student-name-cell[data-v-cf2b1a56]{padding:12px 16px;text-align:left}.student-header[data-v-cf2b1a56]{display:flex;align-items:center;gap:12px;font-weight:600;color:#77553e}.student-name[data-v-cf2b1a56]{font-size:16px;font-weight:700}.student-progress[data-v-cf2b1a56]{font-size:14px;color:#64748b;margin-left:auto}.day-row[data-v-cf2b1a56]{border-bottom:1px solid #e2e8f0;transition:background-color .2s ease}.day-row[data-v-cf2b1a56]:hover{background-color:#f8fafc}.day-row td[data-v-cf2b1a56]{border-right:1px solid #e2e8f0}.day-cell[data-v-cf2b1a56]{padding:12px 16px;text-align:center;background:#f8fafc;font-weight:600}.day-info[data-v-cf2b1a56]{display:flex;flex-direction:column;align-items:center;gap:4px}.day-number[data-v-cf2b1a56]{font-size:18px;font-weight:700;color:#77553e}.day-label[data-v-cf2b1a56]{font-size:12px;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.month-cell[data-v-cf2b1a56]{padding:8px 4px;text-align:center}.revision-status[data-v-cf2b1a56]{width:60px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;margin:0 auto;border:2px solid transparent}.revision-status.completed[data-v-cf2b1a56]{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 2px 8px rgba(16,185,129,.3)}.revision-status.good-progress[data-v-cf2b1a56]{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 2px 8px rgba(59,130,246,.3)}.revision-status.in-progress[data-v-cf2b1a56]{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;box-shadow:0 2px 8px rgba(245,158,11,.3)}.revision-status.not-started[data-v-cf2b1a56]{background:#f1f5f9;border-color:#e2e8f0;color:#64748b}.revision-status[data-v-cf2b1a56]:hover{transform:scale(1.05);box-shadow:0 4px 12px rgba(119,85,62,.2)}.revision-status.teacher-view-only[data-v-cf2b1a56]{cursor:default!important;pointer-events:none!important}.revision-status.teacher-view-only[data-v-cf2b1a56]:hover{transform:none!important;box-shadow:none!important}.revision-content[data-v-cf2b1a56]{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:10px;font-weight:600}.juz-numbers[data-v-cf2b1a56]{font-size:11px;font-weight:700;line-height:1.2}.icon-lg[data-v-cf2b1a56]{width:24px;height:24px}.icon[data-v-cf2b1a56]{width:16px;height:16px}.modal-overlay[data-v-cf2b1a56]{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content[data-v-cf2b1a56]{background:#fff;border-radius:16px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 8px 32px rgba(0,0,0,.15)}.modal-header[data-v-cf2b1a56]{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid #e2e8f0}.modal-header h3[data-v-cf2b1a56]{margin:0;color:#77553e;font-size:20px;font-weight:600}.close-btn[data-v-cf2b1a56]{background:none;border:none;font-size:24px;cursor:pointer;color:#64748b;padding:8px;border-radius:8px;transition:all .3s ease}.close-btn[data-v-cf2b1a56]:hover{background:#f1f5f9;color:#77553e}.modal-body[data-v-cf2b1a56]{padding:24px}.juz-selection h4[data-v-cf2b1a56]{margin:0 0 16px 0;color:#77553e;font-size:16px;font-weight:600}.juz-grid[data-v-cf2b1a56]{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:12px;margin-bottom:24px}.juz-item[data-v-cf2b1a56]{display:flex;flex-direction:column;align-items:center;padding:12px 8px;border:2px solid #e2e8f0;border-radius:8px;cursor:pointer;transition:all .3s ease;background:#fff}.juz-item[data-v-cf2b1a56]:hover{border-color:#77553e;transform:translateY(-2px);box-shadow:0 4px 12px rgba(119,85,62,.1)}.juz-item.selected[data-v-cf2b1a56]{background:linear-gradient(135deg,#77553e,#d9b99c);border-color:#77553e;color:#fff;box-shadow:0 4px 12px rgba(119,85,62,.2)}.juz-number[data-v-cf2b1a56]{font-size:18px;font-weight:700;margin-bottom:4px}.juz-label[data-v-cf2b1a56]{font-size:10px;text-transform:uppercase;letter-spacing:.5px}.modal-footer[data-v-cf2b1a56]{display:flex;justify-content:flex-end;gap:12px;padding:24px;border-top:1px solid #e2e8f0}.btn-primary[data-v-cf2b1a56],.btn-secondary[data-v-cf2b1a56]{padding:12px 24px;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-primary[data-v-cf2b1a56]{background:linear-gradient(135deg,#77553e,#d9b99c);color:#fff}.btn-primary[data-v-cf2b1a56]:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(119,85,62,.2)}.btn-secondary[data-v-cf2b1a56]{background:#f1f5f9;color:#64748b;border:1px solid #e2e8f0}.btn-secondary[data-v-cf2b1a56]:hover{background:#e2e8f0;color:#77553e}@media (max-width:768px){.table-wrapper[data-v-cf2b1a56]{padding:0;overflow:visible!important}.day-row[data-v-cf2b1a56]{background-color:#fff}.hifz-revision-container[data-v-cf2b1a56],.plan-section[data-v-cf2b1a56]{padding:0;overflow:visible!important}.plan-section[data-v-cf2b1a56]{margin:0}.revision-table[data-v-cf2b1a56]{min-width:800px}table[data-v-cf2b1a56]{margin:0!important}.month-column[data-v-cf2b1a56]{min-width:70px}.revision-status[data-v-cf2b1a56]{width:50px;height:35px}.revision-content[data-v-cf2b1a56]{font-size:9px}.juz-numbers[data-v-cf2b1a56]{font-size:10px}.modal-content[data-v-cf2b1a56]{width:95%;margin:20px}.juz-grid[data-v-cf2b1a56]{grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:8px}.juz-item[data-v-cf2b1a56]{padding:8px 4px}.juz-number[data-v-cf2b1a56]{font-size:16px}.juz-label[data-v-cf2b1a56]{font-size:8px}}@media (max-width:480px){.table-header[data-v-cf2b1a56]{padding:16px}.table-title[data-v-cf2b1a56]{font-size:20px}.table-subtitle[data-v-cf2b1a56]{font-size:14px}.year-selector[data-v-cf2b1a56]{flex-direction:row;gap:8px}.revision-table[data-v-cf2b1a56]{min-width:600px}.month-column[data-v-cf2b1a56]{min-width:60px}.revision-status[data-v-cf2b1a56]{width:45px;height:30px}.revision-content[data-v-cf2b1a56]{font-size:8px}.juz-numbers[data-v-cf2b1a56]{font-size:9px}.modal-body[data-v-cf2b1a56],.modal-footer[data-v-cf2b1a56],.modal-header[data-v-cf2b1a56]{padding:16px}.juz-grid[data-v-cf2b1a56]{grid-template-columns:repeat(auto-fill,minmax(50px,1fr));gap:6px}.juz-item[data-v-cf2b1a56]{padding:6px 2px}.juz-number[data-v-cf2b1a56]{font-size:14px}.juz-label[data-v-cf2b1a56]{font-size:7px}}.hifz-container[data-v-1950cd97]{max-width:1400px;margin:0 auto;padding:20px;min-height:100vh;padding-bottom:100px}.top-bar[data-v-1950cd97]{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;background-color:#6b3610;padding:15px 20px;border-radius:10px;color:#fff}.top-bar h2[data-v-1950cd97]{margin:0;color:#fff}.logout-btn[data-v-1950cd97]{background-color:sienna;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;transition:background-color .3s}.logout-btn[data-v-1950cd97]:hover{background-color:#8b4513}.content[data-v-1950cd97]{background:#fff;border-radius:10px;padding:20px;box-shadow:0 2px 10px rgba(0,0,0,.1)}.controls[data-v-1950cd97]{display:flex;gap:15px;margin-bottom:30px;flex-wrap:wrap}.class-select[data-v-1950cd97],.date-select[data-v-1950cd97],.group-select[data-v-1950cd97]{padding:10px;border:1px solid #ddd;border-radius:5px;min-width:150px}.student-selector[data-v-1950cd97]{background:#f8f9fa;border-radius:10px;padding:20px;margin:20px 0;border:1px solid #e9ecef}.student-selector h3[data-v-1950cd97]{margin:0 0 15px 0;color:#6b3610;font-size:16px;font-weight:600}.student-list[data-v-1950cd97]{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}.student-card[data-v-1950cd97]{background:#fff;border:2px solid #e9ecef;border-radius:8px;padding:12px;cursor:pointer;transition:all .3s ease;text-align:center}.student-card[data-v-1950cd97]:hover{border-color:#6b3610;transform:translateY(-2px);box-shadow:0 4px 8px rgba(107,54,16,.1)}.student-card.active[data-v-1950cd97]{background:linear-gradient(135deg,#6b3610,sienna);border-color:#6b3610;color:#fff}.student-name[data-v-1950cd97]{font-weight:600;font-size:14px}.hifz-section[data-v-1950cd97]{margin-top:20px}@media (max-width:768px){.controls[data-v-1950cd97]{flex-direction:column}}.auth-loading[data-v-67038436]{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#f4f1eb}.auth-loading-spinner[data-v-67038436]{width:40px;height:40px;border:3px solid rgba(119,85,62,.2);border-top-color:#77553e;border-radius:50%;animation:spin-67038436 .8s linear infinite}@keyframes spin-67038436{to{transform:rotate(1turn)}}.hatm-container[data-v-67038436]{min-height:100vh;padding:20px;background:#f4f1eb;margin:0 auto;padding-bottom:100px;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.main-content[data-v-67038436]{margin-top:24px}.action-btn[data-v-67038436],.add-student-btn[data-v-67038436],.day-cell[data-v-67038436],.month-select[data-v-67038436],.student-card[data-v-67038436]{-webkit-tap-highlight-color:transparent;touch-action:manipulation}input[data-v-67038436],select[data-v-67038436],textarea[data-v-67038436]{font-size:16px}[data-v-67038436]{-webkit-overflow-scrolling:touch}.management-section[data-v-67038436]{background:#fff;border-radius:20px;box-shadow:0 4px 20px rgba(0,0,0,.08);margin-bottom:24px;overflow:hidden}.management-header[data-v-67038436]{display:flex;justify-content:space-between;align-items:center;padding:24px 32px;color:#fff;cursor:pointer;transition:all .3s ease}.management-header.clickable[data-v-67038436]{cursor:pointer}.header-actions[data-v-67038436]{display:flex;align-items:center;gap:16px}.toggle-icon[data-v-67038436]{font-size:18px;font-weight:600;color:#77553e;transition:all .3s ease;margin-left:8px}.section-title[data-v-67038436]{font-size:1.5rem;font-weight:700;margin:0}.add-student-btn[data-v-67038436]{background:hsla(0,0%,100%,.2);color:#8b6b4a;border:1px solid #8b6b4a;border-radius:12px;padding:12px 20px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:8px;backdrop-filter:blur(10px)}.add-student-btn[data-v-67038436]:hover{background:hsla(0,0%,100%,.3);transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,.15)}.add-student-btn .icon[data-v-67038436]{width:20px;height:20px}.management-content[data-v-67038436]{padding:32px;transition:all .3s ease;overflow:hidden}.students-cards-container[data-v-67038436]{margin-top:24px}.table-header[data-v-67038436]{padding:0 24px 20px 24px;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-radius:16px;border:1px solid #e2e8f0}.header-content[data-v-67038436]{display:flex;align-items:center;gap:16px}.header-icon[data-v-67038436]{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#77553e,#8b6b4a);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 12px rgba(119,85,62,.2);transition:all .3s ease}.header-icon[data-v-67038436]:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(119,85,62,.3)}.header-icon .icon[data-v-67038436]{width:24px;height:24px}.header-text h3[data-v-67038436]{font-size:1.5rem;font-weight:700;color:#1f2937;margin:0 0 4px 0}.student-count[data-v-67038436]{font-size:.875rem;color:#6b7280;font-weight:500}.students-cards-grid[data-v-67038436]{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;margin-top:24px}.student-card[data-v-67038436]{background:#fff;padding:20px;border-radius:16px;box-shadow:0 4px 20px rgba(119,85,62,.08);border:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;cursor:pointer}.student-card[data-v-67038436]:hover{transform:translateY(-2px);box-shadow:0 8px 30px rgba(119,85,62,.15);border-color:#77553e}.student-card.selected[data-v-67038436]{border-color:#77553e;box-shadow:0 8px 30px rgba(119,85,62,.2);background:#f8fafc}.student-info[data-v-67038436]{flex:1;padding-right:16px}.student-name-cell[data-v-67038436]{font-weight:800;color:#77553e;font-size:18px;margin-bottom:8px;line-height:1.2;letter-spacing:-.02em}.student-email[data-v-67038436]{font-weight:500;line-height:1.4}.student-password[data-v-67038436]{margin-top:4px}.password-indicator[data-v-67038436]{font-size:12px;color:#28a745;font-weight:600;background:rgba(40,167,69,.1);padding:2px 8px;border-radius:12px;display:inline-block}.student-status[data-v-67038436]{margin-top:8px}.status-badge[data-v-67038436]{padding:6px 12px}.status-badge.active[data-v-67038436]{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:1px solid #10b981}.status-badge.inactive[data-v-67038436]{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);color:#6b7280;border:1px solid #d1d5db}.student-actions[data-v-67038436]{gap:12px;align-items:center}.student-actions .action-btn.small[data-v-67038436]{padding:10px;border-radius:10px;min-width:40px;height:40px;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);border:none;cursor:pointer}.student-actions .action-btn.small[data-v-67038436]:hover{transform:scale(1.05);box-shadow:0 4px 12px rgba(0,0,0,.15)}.student-actions .action-btn.small .icon[data-v-67038436]{width:18px;height:18px}.student-actions .action-btn.small[data-v-67038436]{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af}.student-actions .action-btn.small.danger[data-v-67038436]{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#dc2626}.action-btn.complete[data-v-67038436]{background:#dcfce7;color:#166534;border:1px solid #bbf7d0}.action-btn.complete[data-v-67038436]:hover{background:#bbf7d0;transform:translateY(-1px);box-shadow:0 2px 8px rgba(22,101,52,.2)}.hatm-table-section[data-v-67038436]{background:#fff;border-radius:20px;box-shadow:0 4px 20px rgba(0,0,0,.08);overflow:hidden}.hatm-header[data-v-67038436]{padding:24px 32px;background:linear-gradient(135deg,#77553e,#8b6b4a);color:#fff}.hatm-header .header-content[data-v-67038436]{gap:20px}.hatm-header .header-icon[data-v-67038436]{background:hsla(0,0%,100%,.2);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.3)}.hatm-header .header-text h3[data-v-67038436]{color:#fff;font-size:1.75rem;margin-bottom:8px}.hatm-info[data-v-67038436]{margin-top:8px}.year-selector[data-v-67038436]{display:flex;align-items:center;gap:12px;margin-left:auto}.year-label[data-v-67038436],.year-select[data-v-67038436]{color:#fff;font-size:14px;font-weight:500}.year-select[data-v-67038436]{background:hsla(0,0%,100%,.2);border:1px solid hsla(0,0%,100%,.3);border-radius:8px;padding:8px 12px;cursor:pointer;transition:all .2s ease;backdrop-filter:blur(10px)}.year-select[data-v-67038436]:focus,.year-select[data-v-67038436]:hover{background:hsla(0,0%,100%,.3);border-color:hsla(0,0%,100%,.5)}.year-select[data-v-67038436]:focus{outline:none;box-shadow:0 0 0 3px hsla(0,0%,100%,.1)}.year-select option[data-v-67038436]{background:#77553e;color:#fff}.hatm-info p[data-v-67038436]{margin:0;font-size:14px;opacity:.9;line-height:1.4}.selected-student strong[data-v-67038436]{color:#fbbf24}.student-plan[data-v-67038436]{font-weight:500}.months-table-container[data-v-67038436]{padding:32px;background:#fff;border-radius:16px;box-shadow:0 2px 10px rgba(0,0,0,.05);border:1px solid #e5e7eb;overflow:hidden}.months-table[data-v-67038436]{width:100%;border-collapse:collapse;font-size:14px}.months-table th[data-v-67038436]{background:linear-gradient(135deg,#77553e,#8b6b4a);color:#fff;padding:18px 24px;text-align:left;font-weight:600;font-size:13px;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #e5e7eb}.months-table td[data-v-67038436]{padding:18px 24px;border-bottom:1px solid #f3f4f6;vertical-align:middle;transition:background-color .2s ease}.months-table tr[data-v-67038436]:hover{background:#f8fafc;transform:translateY(-1px);box-shadow:0 2px 8px rgba(0,0,0,.05)}.months-table tr:last-child td[data-v-67038436]{border-bottom:none}.month-info[data-v-67038436]{display:flex;align-items:center;gap:16px}.month-number[data-v-67038436]{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#77553e,#8b6b4a);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;box-shadow:0 2px 8px rgba(119,85,62,.2);transition:all .2s ease}.month-number[data-v-67038436]:hover{transform:scale(1.1);box-shadow:0 4px 12px rgba(119,85,62,.3)}.month-title[data-v-67038436]{font-weight:600;color:#111827;font-size:15px}table[data-v-67038436],td[data-v-67038436],th[data-v-67038436]{border:1px solid #e5e7eb}.status-badge[data-v-67038436]{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:20px;font-size:12px;font-weight:500;transition:all .2s ease}.status-badge.completed[data-v-67038436]{background:#dcfce7;color:#166534;border:1px solid #bbf7d0}.status-badge.completed[data-v-67038436]:hover{background:#bbf7d0;transform:translateY(-1px)}.status-badge.in-progress[data-v-67038436]{background:#fef3c7;color:#d97706;border:1px solid #fde68a}.status-badge.in-progress[data-v-67038436]:hover{background:#fde68a;transform:translateY(-1px)}.status-badge.not-started[data-v-67038436]{background:#f3f4f6;color:#6b7280;border:1px solid #e5e7eb}.status-badge.not-started[data-v-67038436]:hover{background:#e5e7eb;transform:translateY(-1px)}.status-icon[data-v-67038436]{font-size:14px}.date-value[data-v-67038436]{color:#059669;font-weight:500;background:#f0fdf4;padding:6px 12px;border-radius:8px;border:1px solid #bbf7d0;display:inline-block}.date-empty[data-v-67038436]{color:#9ca3af;font-style:italic;background:#f9fafb;padding:6px 12px;border-radius:8px;border:1px solid #e5e7eb;display:inline-block}.notes-value[data-v-67038436]{color:#374151;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:#f8fafc;padding:6px 12px;border-radius:8px;border:1px solid #e2e8f0;display:inline-block}.notes-empty[data-v-67038436]{color:#9ca3af;font-style:italic;background:#f9fafb;padding:6px 12px;border-radius:8px;border:1px solid #e5e7eb;display:inline-block}@media (max-width:1200px){.students-cards-grid[data-v-67038436]{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (max-width:992px){.students-cards-grid[data-v-67038436]{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}}@media (max-width:768px){.hatm-container[data-v-67038436]{padding:8px;padding-bottom:80px}.main-content[data-v-67038436]{margin-top:12px;padding:0}.management-section[data-v-67038436]{border-radius:12px;margin-bottom:16px}table[data-v-67038436]{padding:0;margin:0!important}.management-header[data-v-67038436]{padding:12px 16px;flex-direction:column;gap:12px;align-items:flex-start}.header-actions[data-v-67038436]{width:100%;justify-content:space-between}.add-student-btn[data-v-67038436]{padding:8px 12px;font-size:12px}.add-student-btn .icon[data-v-67038436]{width:14px;height:14px}.management-content[data-v-67038436]{padding:16px}.students-cards-grid[data-v-67038436]{grid-template-columns:1fr;gap:10px}.student-card[data-v-67038436]{padding:12px;border-radius:10px;flex-direction:column;gap:12px;align-items:flex-start}.student-info[data-v-67038436]{padding-right:0;width:100%}.student-name-cell[data-v-67038436]{font-size:16px;margin-bottom:4px}.student-email[data-v-67038436]{font-size:13px;margin-bottom:4px}.student-actions[data-v-67038436]{width:100%;justify-content:flex-end;gap:8px}.student-actions .action-btn.small[data-v-67038436]{min-width:36px;height:36px}.student-actions .action-btn.small .icon[data-v-67038436]{width:16px;height:16px}.hatm-header[data-v-67038436]{padding:16px}.header-content[data-v-67038436]{flex-wrap:wrap;gap:10px;align-items:flex-start}.header-icon[data-v-67038436]{width:40px;height:40px}.header-icon .icon[data-v-67038436]{width:20px;height:20px}.header-text[data-v-67038436]{flex:1;min-width:0}.header-text h3[data-v-67038436]{font-size:18px;margin-bottom:4px}.hatm-info p[data-v-67038436]{font-size:13px}.reading-stats[data-v-67038436]{padding:16px;margin-bottom:40px}.stats-grid[data-v-67038436]{grid-template-columns:repeat(2,1fr);gap:8px}.stat-card[data-v-67038436]{padding:12px;border-radius:8px}.stat-icon[data-v-67038436]{width:32px;height:32px;font-size:1.2rem}.stat-number[data-v-67038436]{font-size:1.4rem;text-align:center}.stat-label[data-v-67038436]{font-size:11px}.daily-calendar-container[data-v-67038436]{padding:0;margin-bottom:40px}.calendar-header-section[data-v-67038436]{margin-bottom:16px}.calendar-header-section h4[data-v-67038436]{font-size:16px;margin-bottom:4px}.calendar-description[data-v-67038436]{font-size:13px}.calendar-grid[data-v-67038436]{grid-template-columns:repeat(7,1fr);gap:4px}.day-cell[data-v-67038436]{min-height:70px;border-radius:6px}.day-number[data-v-67038436]{font-size:14px}.reading-indicator[data-v-67038436]{font-size:10px}.checkmark[data-v-67038436]{font-size:12px}.pages-count[data-v-67038436]{font-size:4px}.progress-table[data-v-67038436]{font-size:12px}.progress-table td[data-v-67038436],.progress-table th[data-v-67038436]{padding:12px 10px}.progress[data-v-67038436],.student-name[data-v-67038436]{min-width:120px}.reading-days[data-v-67038436]{min-width:200px}.days-indicators[data-v-67038436]{gap:2px}.day-indicator[data-v-67038436]{width:18px;height:18px;font-size:9px}.modal-content[data-v-67038436]{width:95%;max-height:90vh;margin:20px}.modal-header[data-v-67038436]{padding:16px}.modal-header h3[data-v-67038436]{font-size:16px}.add-student-form[data-v-67038436]{padding:16px}.form-group[data-v-67038436]{margin-bottom:16px}.form-group label[data-v-67038436]{font-size:14px}.form-group input[data-v-67038436],.form-group textarea[data-v-67038436]{padding:10px;font-size:16px}.form-actions[data-v-67038436]{flex-direction:column;gap:8px}.cancel-btn[data-v-67038436],.submit-btn[data-v-67038436]{width:100%;padding:12px;font-size:16px}.empty-state[data-v-67038436],.no-selection[data-v-67038436]{padding:32px 16px}.empty-icon[data-v-67038436],.no-selection-icon[data-v-67038436]{font-size:2.5rem}.empty-state h4[data-v-67038436],.no-selection h3[data-v-67038436]{font-size:16px}.empty-state p[data-v-67038436],.no-selection p[data-v-67038436]{font-size:14px}.access-denied[data-v-67038436]{padding:16px}.access-denied-content[data-v-67038436]{padding:24px 16px;border-radius:12px}.access-denied-content h2[data-v-67038436]{font-size:18px}.access-denied-content p[data-v-67038436]{font-size:14px}.access-denied-content .action-btn[data-v-67038436]{width:100%;padding:12px;font-size:16px}}@media (max-width:480px){.hatm-container[data-v-67038436]{padding:6px}.student-card[data-v-67038436]{padding:10px;border-radius:8px}.student-name-cell[data-v-67038436]{font-size:15px}.student-email[data-v-67038436]{font-size:12px}.student-actions .action-btn.small[data-v-67038436]{min-width:32px;height:32px}.student-actions .action-btn.small .icon[data-v-67038436]{width:14px;height:14px}.management-header[data-v-67038436]{padding:10px 12px}.section-title[data-v-67038436]{font-size:16px}.hatm-header[data-v-67038436]{padding:12px}.header-text h3[data-v-67038436]{font-size:16px}.stats-grid[data-v-67038436]{grid-template-columns:1fr;gap:6px}.stat-card[data-v-67038436]{padding:10px}.stat-icon[data-v-67038436]{width:28px;height:28px;font-size:1rem}.stat-number[data-v-67038436]{font-size:1.2rem}.calendar-grid[data-v-67038436]{gap:3px}.day-cell[data-v-67038436]{min-height:45px}.day-number[data-v-67038436]{font-size:13px}.reading-indicator[data-v-67038436]{font-size:9px}.checkmark[data-v-67038436],.progress-table[data-v-67038436]{font-size:11px}.progress-table td[data-v-67038436],.progress-table th[data-v-67038436]{padding:12px 10px}.day-indicator[data-v-67038436]{width:16px;height:16px;font-size:8px}.modal-content[data-v-67038436]{width:98%;margin:10px}.add-student-form[data-v-67038436],.modal-header[data-v-67038436]{padding:12px}.generate-password-btn[data-v-67038436]{right:36px;padding:4px;font-size:10px}.password-info[data-v-67038436]{flex-direction:column;gap:4px;align-items:flex-start}.password-value[data-v-67038436]{font-size:11px;padding:4px 6px}.copy-password-btn[data-v-67038436]{padding:4px;font-size:10px}}@media (max-width:768px) and (orientation:landscape){.hatm-container[data-v-67038436]{padding:6px}.header-content[data-v-67038436],.management-header[data-v-67038436]{flex-direction:row;align-items:center}.stats-grid[data-v-67038436]{grid-template-columns:repeat(4,1fr)}.calendar-grid[data-v-67038436]{grid-template-columns:repeat(10,1fr)}}@media (min-width:481px) and (max-width:768px){.students-cards-grid[data-v-67038436]{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.stats-grid[data-v-67038436]{grid-template-columns:repeat(2,1fr)}}@media (max-width:360px){.hatm-container[data-v-67038436]{padding:4px}.student-card[data-v-67038436]{padding:8px}.student-name-cell[data-v-67038436]{font-size:14px}.student-email[data-v-67038436]{font-size:11px}.stat-card[data-v-67038436]{padding:8px}.stat-icon[data-v-67038436]{width:24px;height:24px;font-size:.9rem}.stat-number[data-v-67038436]{font-size:1.1rem}.day-cell[data-v-67038436]{min-height:40px}.day-number[data-v-67038436]{font-size:12px}.calendar-grid[data-v-67038436]{gap:2px}}@media (min-width:769px) and (max-width:1024px){.students-cards-grid[data-v-67038436]{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.stats-grid[data-v-67038436]{grid-template-columns:repeat(2,1fr)}.calendar-grid[data-v-67038436]{grid-template-columns:repeat(7,1fr);gap:6px}.day-cell[data-v-67038436]{min-height:55px}}.empty-state[data-v-67038436]{text-align:center;padding:60px 20px;color:#6b7280}.empty-icon[data-v-67038436]{font-size:4rem;margin-bottom:20px;opacity:.5}.empty-state h4[data-v-67038436]{font-size:1.5rem;color:#374151;margin-bottom:10px;font-weight:600}.empty-state p[data-v-67038436]{font-size:1rem;line-height:1.6;margin-bottom:30px}.no-selection[data-v-67038436]{text-align:center;padding:60px 20px;color:#6b7280}.no-selection-icon[data-v-67038436]{font-size:4rem;margin-bottom:20px;opacity:.5}.no-selection h3[data-v-67038436]{font-size:1.5rem;color:#374151;margin-bottom:10px;font-weight:600}.no-selection p[data-v-67038436]{font-size:1rem;line-height:1.6;margin-bottom:30px}.header[data-v-67038436]{text-align:center;margin-bottom:40px;background:#fff;padding:32px;border-radius:20px;margin-bottom:32px}.title[data-v-67038436]{font-size:2.5rem;color:#77553e;margin-bottom:10px;font-weight:800;position:relative;padding-bottom:12px}.title[data-v-67038436]:after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:60px;height:4px;background:linear-gradient(135deg,#77553e,#8b6b4a);border-radius:2px}.subtitle[data-v-67038436]{font-size:1.1rem;color:#64748b;margin:0;font-weight:500}.stats-section[data-v-67038436]{background:#fff;padding:32px;border-radius:20px;margin-bottom:32px;border:1px solid rgba(119,85,62,.05)}.stats-grid[data-v-67038436]{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:20px}.stat-card[data-v-67038436]{gap:15px;padding:20px;background:#f8fafc;border-radius:16px;border:1px solid #e2e8f0}.stat-card[data-v-67038436]:hover{transform:translateY(-2px);box-shadow:0 8px 30px rgba(119,85,62,.15)}.stat-icon[data-v-67038436]{font-size:2.5rem}.stat-content[data-v-67038436]{text-align:left}.stat-number[data-v-67038436]{color:#77553e}.stat-label[data-v-67038436]{font-size:.9rem;color:#64748b}.hatm-plans-container[data-v-67038436]{background:#fff;padding:32px;border-radius:20px;margin-bottom:32px;border:1px solid rgba(119,85,62,.05)}.hatm-plans-header[data-v-67038436]{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.section-title[data-v-67038436]{color:#8b6b4a;font-size:22px;font-weight:800;text-align:center;position:relative;padding-bottom:12px;margin-bottom:24px}.section-title[data-v-67038436]:after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:60px;height:4px;background:linear-gradient(135deg,#77553e,#8b6b4a);border-radius:2px}.add-button[data-v-67038436]{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;border:none;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-decoration:none;position:relative;overflow:hidden;background:linear-gradient(135deg,#77553e,#8b6b4a);color:#fff}.add-button[data-v-67038436]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);transition:left .5s}.add-button[data-v-67038436]:hover:before{left:100%}.add-button[data-v-67038436]:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(119,85,62,.4)}.students-plans-grid[data-v-67038436]{display:grid;grid-template-columns:1fr;gap:15px}.student-plan-card[data-v-67038436]{display:flex;justify-content:space-between;align-items:center;padding:20px;background:#f8fafc;border-radius:16px;border:1px solid #e2e8f0;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer}.student-plan-card[data-v-67038436]:hover{transform:translateY(-2px);box-shadow:0 8px 30px rgba(119,85,62,.15);border-color:#77553e}.student-info[data-v-67038436]{display:flex;flex-direction:column;gap:5px}.student-name[data-v-67038436]{font-size:16px;font-weight:700;color:#77553e}.student-email[data-v-67038436]{font-size:14px;color:#64748b}.plan-status[data-v-67038436]{display:flex;align-items:center;gap:15px}.plan-progress[data-v-67038436]{display:flex;flex-direction:column;gap:8px;min-width:150px}.progress-bar[data-v-67038436]{background:var(--light-gray)}.progress-fill[data-v-67038436]{background:linear-gradient(135deg,#77553e,#8b6b4a)}.progress-text[data-v-67038436]{font-size:14px;color:#64748b;text-align:center}.no-plan[data-v-67038436]{display:flex;align-items:center;gap:8px}.no-plan-text[data-v-67038436]{font-size:14px;color:#64748b;font-style:italic}.student-actions[data-v-67038436]{display:flex;gap:10px}.action-btn[data-v-67038436]{display:flex;align-items:center;gap:8px;padding:8px 12px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.action-btn.small[data-v-67038436]{padding:6px 10px;font-size:12px}.action-btn.primary[data-v-67038436]{background:linear-gradient(135deg,#77553e,#8b6b4a);color:#fff}.action-btn.primary[data-v-67038436]:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(119,85,62,.4)}.action-btn.secondary[data-v-67038436]{background:#f8fafc;color:#77553e;border:2px solid #77553e}.action-btn.secondary[data-v-67038436]:hover{background:#77553e;color:#fff;transform:translateY(-2px)}.action-btn.danger[data-v-67038436]{background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;box-shadow:0 4px 12px rgba(220,38,38,.3)}.action-btn.danger[data-v-67038436]:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(220,38,38,.4)}.action-btn .icon[data-v-67038436]{width:16px;height:16px}.student-plan-view[data-v-67038436]{background:#fff;padding:32px;border-radius:20px;border:1px solid rgba(119,85,62,.05)}.plan-details[data-v-67038436]{display:flex;flex-direction:column;gap:30px}.plan-dates-info[data-v-67038436]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:20px}.date-card[data-v-67038436]{display:flex;align-items:center;gap:12px;padding:16px;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0;transition:all .3s ease}.date-card[data-v-67038436]:hover{transform:translateY(-2px);box-shadow:0 4px 15px rgba(119,85,62,.1)}.date-icon[data-v-67038436]{font-size:1.5rem;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#77553e,#8b6b4a);color:#fff;border-radius:50%}.date-content[data-v-67038436]{flex:1}.date-label[data-v-67038436]{font-size:12px;color:#64748b;font-weight:600;margin-bottom:4px}.date-value[data-v-67038436]{font-size:16px;font-weight:700;color:#77553e}.date-value.expired[data-v-67038436]{color:#dc2626}.date-value.urgent[data-v-67038436]{color:#ea580c}.date-value.warning[data-v-67038436]{color:#d97706}.date-value.normal[data-v-67038436]{color:#059669}.plan-header[data-v-67038436]{display:flex;justify-content:space-between;align-items:center;padding-bottom:20px;border-bottom:2px solid #e2e8f0}.plan-title[data-v-67038436]{font-size:1.5rem;color:#77553e;font-weight:700;margin:0}.plan-progress-overview[data-v-67038436]{display:flex;align-items:center;gap:20px}.progress-circle[data-v-67038436]{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px;background:linear-gradient(135deg,#77553e,#8b6b4a);color:#fff;border-radius:50%;width:120px;height:120px;justify-content:center}.progress-number[data-v-67038436]{font-size:2rem;font-weight:800}.progress-label[data-v-67038436]{font-size:12px;font-weight:600;text-align:center}.juz-grid[data-v-67038436]{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:12px}.juz-card[data-v-67038436]{aspect-ratio:1;background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;gap:8px}.juz-card[data-v-67038436]:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(119,85,62,.2)}.juz-card.completed[data-v-67038436]{background:linear-gradient(135deg,#10b981,#059669);border-color:#059669;color:#fff}.juz-card.current[data-v-67038436]{background:linear-gradient(135deg,#77553e,#8b6b4a);border-color:#77553e;color:#fff}.juz-card.upcoming[data-v-67038436]{background:#fff;border-color:#e2e8f0;color:#64748b}.juz-number[data-v-67038436]{font-size:1.5rem;font-weight:700}.juz-status .icon[data-v-67038436]{width:20px;height:20px}.no-plan-message[data-v-67038436]{text-align:center;padding:60px 20px;color:#64748b}.no-plan-icon[data-v-67038436]{font-size:4rem;margin-bottom:20px}.no-plan-message h3[data-v-67038436]{font-size:1.5rem;color:#77553e;margin-bottom:10px;font-weight:700}.no-plan-message p[data-v-67038436]{font-size:1rem;line-height:1.6}.modal[data-v-67038436]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(119,85,62,.5);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content[data-v-67038436]{padding:0!important;width:100%}.modal-content.plan-modal[data-v-67038436]{max-width:800px}.modal-header[data-v-67038436]{margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid #e2e8f0}.modal-header h3[data-v-67038436]{font-size:1.5rem;color:#77553e;font-weight:700}.close-btn[data-v-67038436]{transition:all .3s ease;color:#64748b}.close-btn[data-v-67038436]:hover{background:#f1f5f9;color:#77553e}.close-btn .icon[data-v-67038436]{width:24px;height:24px}.modal-body[data-v-67038436]{margin-bottom:24px}.form-group[data-v-67038436]{margin-bottom:20px}.form-group label[data-v-67038436]{font-size:1rem;color:#77553e}.form-input[data-v-67038436]{width:100%;padding:12px 15px;border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;color:#77553e;transition:all .3s ease}.form-input[data-v-67038436]:focus{outline:none;border-color:#77553e;box-shadow:0 0 0 3px rgba(119,85,62,.1)}.modal-footer[data-v-67038436]{display:flex;justify-content:flex-end;gap:12px;padding-top:16px;border-top:2px solid #e2e8f0}.plan-info[data-v-67038436]{margin-bottom:24px}.plan-dates[data-v-67038436]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.plan-dates p[data-v-67038436]{margin:0;padding:12px;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0;color:#77553e;font-weight:500}.juz-grid-modal[data-v-67038436]{display:grid;grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:8px}.juz-card-modal[data-v-67038436]{aspect-ratio:1;background:#f8fafc;border:2px solid #e2e8f0;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:all .3s ease;gap:4px}.juz-card-modal.completed[data-v-67038436]{background:linear-gradient(135deg,#10b981,#059669);border-color:#059669;color:#fff}.juz-card-modal.current[data-v-67038436]{background:linear-gradient(135deg,#77553e,#8b6b4a);border-color:#77553e;color:#fff}.juz-card-modal.upcoming[data-v-67038436]{background:#fff;border-color:#e2e8f0;color:#64748b}.juz-card-modal .juz-number[data-v-67038436]{font-size:1.2rem;font-weight:700}.juz-card-modal .juz-status .icon[data-v-67038436]{width:16px;height:16px}@media (max-width:768px){.top-bar[data-v-67038436]{flex-direction:column;gap:15px;text-align:center}.top-bar-left[data-v-67038436]{flex-direction:column;width:100%}.class-select[data-v-67038436],.group-select[data-v-67038436]{width:100%}.hatm-plans-header[data-v-67038436]{flex-direction:column;gap:15px;text-align:center}.title[data-v-67038436]{font-size:2rem}.modal-content[data-v-67038436]{padding:0}.modal-header h3[data-v-67038436]{font-size:1.5rem}.modal-footer[data-v-67038436]{flex-direction:column;gap:10px}.action-btn[data-v-67038436]{width:100%}.student-plan-card[data-v-67038436]{flex-direction:column;gap:15px;text-align:center}.plan-status[data-v-67038436],.student-actions[data-v-67038436]{justify-content:center}.plan-header[data-v-67038436]{flex-direction:column;gap:20px;text-align:center}.plan-dates-info[data-v-67038436]{grid-template-columns:1fr;gap:12px}.date-card[data-v-67038436]{padding:12px}.date-icon[data-v-67038436]{width:35px;height:35px;font-size:1.2rem}.date-value[data-v-67038436]{font-size:14px}.juz-grid[data-v-67038436]{grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:8px}.juz-number[data-v-67038436]{font-size:1.25rem}.juz-status .icon[data-v-67038436]{width:16px;height:16px}.progress-circle[data-v-67038436]{width:100px;height:100px}.progress-number[data-v-67038436]{font-size:1.5rem}}.access-denied[data-v-67038436]{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f8fafc,#e2e8f0);padding:20px}.access-denied-content[data-v-67038436]{background:#fff;padding:40px;border-radius:20px;text-align:center;box-shadow:0 10px 30px rgba(0,0,0,.1);max-width:500px;width:100%}.access-denied-content h2[data-v-67038436]{color:#dc2626;font-size:2rem;font-weight:700;margin-bottom:20px}.access-denied-content p[data-v-67038436]{color:#64748b;font-size:1.1rem;line-height:1.6;margin-bottom:30px}.access-denied-content .action-btn[data-v-67038436]{background:linear-gradient(135deg,#77553e,#8b6b4a);color:#fff;border:none;border-radius:12px;padding:12px 24px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block}.access-denied-content .action-btn[data-v-67038436]:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(119,85,62,.3)}.modal-overlay[data-v-67038436]{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000;backdrop-filter:blur(4px)}.modal-content[data-v-67038436]{background:#fff;border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,.3);max-width:500px;width:90%;max-height:90vh;overflow-y:auto;animation:modalSlideIn-67038436 .3s ease-out}@keyframes modalSlideIn-67038436{0%{opacity:0;transform:translateY(-50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header[data-v-67038436]{display:flex;justify-content:space-between;align-items:center;padding:24px 32px;border-bottom:1px solid #e5e7eb;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-radius:16px 16px 0 0}.modal-header h3[data-v-67038436]{margin:0;font-size:1.25rem;font-weight:600;color:#1f2937}.close-btn[data-v-67038436]{background:none;border:none;color:#6b7280;cursor:pointer;padding:8px;border-radius:8px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.close-btn[data-v-67038436]:hover{background:#f3f4f6;color:#374151}.close-btn .icon[data-v-67038436]{width:20px;height:20px}.add-student-form[data-v-67038436],.month-form[data-v-67038436]{padding:32px}.form-group[data-v-67038436]{margin-bottom:24px}.form-group label[data-v-67038436]{display:block;margin-bottom:8px;font-weight:500;color:#374151;font-size:14px}.form-group input[data-v-67038436],.form-group textarea[data-v-67038436]{width:100%;padding:12px 16px;border:2px solid #e5e7eb;border-radius:8px;font-size:14px;transition:all .2s ease;box-sizing:border-box}.form-group input[data-v-67038436]:focus,.form-group textarea[data-v-67038436]:focus{outline:none;border-color:#77553e;box-shadow:0 0 0 3px rgba(119,85,62,.1)}.password-input-container[data-v-67038436]{position:relative}.password-toggle-btn[data-v-67038436]{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:#6b7280;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease}.password-toggle-btn[data-v-67038436]:hover{background:#f3f4f6;color:#374151}.password-toggle-btn .icon[data-v-67038436]{width:16px;height:16px}.generate-password-btn[data-v-67038436]{position:absolute;right:48px;top:50%;transform:translateY(-50%);background:linear-gradient(135deg,#77553e,#8b6b4a);border:none;color:#fff;cursor:pointer;padding:8px;border-radius:6px;transition:all .2s ease;font-size:14px}.generate-password-btn[data-v-67038436]:hover{transform:translateY(-50%) scale(1.05);box-shadow:0 2px 8px rgba(119,85,62,.3)}.generated-password-display[data-v-67038436]{margin-top:16px;padding:16px;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:2px solid #0ea5e9;border-radius:12px}.password-info[data-v-67038436]{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.password-label[data-v-67038436]{font-weight:600;color:#0c4a6e;font-size:14px}.password-value-container[data-v-67038436]{display:flex;align-items:center;gap:8px}.password-value[data-v-67038436]{font-family:Courier New,monospace;font-weight:700;font-size:16px;color:#0c4a6e;background:#fff;padding:8px 12px;border-radius:8px;border:1px solid #0ea5e9;letter-spacing:1px}.copy-password-btn[data-v-67038436]{background:linear-gradient(135deg,#10b981,#059669);border:none;color:#fff;cursor:pointer;padding:8px;border-radius:6px;transition:all .2s ease;font-size:14px}.copy-password-btn[data-v-67038436]:hover{transform:scale(1.05);box-shadow:0 2px 8px rgba(16,185,129,.3)}.password-warning[data-v-67038436]{display:block;font-size:12px;color:#dc2626;font-weight:600;text-align:center}.form-hint[data-v-67038436]{display:block;margin-top:6px;font-size:12px;color:#6b7280}.form-actions[data-v-67038436]{display:flex;gap:12px;justify-content:flex-end;margin-top:32px;padding-top:24px;border-top:1px solid #e5e7eb}.cancel-btn[data-v-67038436]{background:#f3f4f6;color:#374151;border:1px solid #d1d5db;border-radius:8px;padding:12px 24px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.cancel-btn[data-v-67038436]:hover{background:#e5e7eb;transform:translateY(-1px)}.submit-btn[data-v-67038436]{background:linear-gradient(135deg,#77553e,#8b6b4a);color:#fff;border:none;border-radius:8px;padding:12px 24px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.submit-btn[data-v-67038436]:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(119,85,62,.3)}@media (max-width:768px){.modal-content[data-v-67038436]{width:95%;max-height:95vh}.modal-header[data-v-67038436]{padding:20px 24px}.modal-header h3[data-v-67038436]{font-size:1.1rem}.add-student-form[data-v-67038436],.month-form[data-v-67038436]{padding:24px}.form-actions[data-v-67038436]{flex-direction:column}.cancel-btn[data-v-67038436],.submit-btn[data-v-67038436]{width:100%}}.days-calendar[data-v-67038436]{background:#f8fafc;border-radius:12px;padding:20px;border:1px solid #e2e8f0}.calendar-header[data-v-67038436]{text-align:center;margin-bottom:20px}.calendar-header h4[data-v-67038436]{margin:0 0 8px 0;color:#1f2937;font-size:1.25rem;font-weight:600}.calendar-instruction[data-v-67038436]{margin:0;color:#6b7280;font-size:14px;font-style:italic}.days-grid[data-v-67038436]{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;margin-bottom:20px}.day-cell[data-v-67038436]{background:#fff;border:2px solid #e5e7eb;border-radius:8px;font-weight:500;font-size:14px;transition:all .2s ease;color:#374151}.day-cell[data-v-67038436]:hover{background:#f3f4f6;transform:translateY(-1px)}.day-cell.day-start[data-v-67038436]{background:linear-gradient(135deg,#77553e,#8b6b4a);color:#fff;border-color:#77553e;font-weight:600}.day-cell.day-end[data-v-67038436]{background:linear-gradient(135deg,#059669,#047857);color:#fff;border-color:#059669;font-weight:600}.day-cell.day-in-range[data-v-67038436]{background:#dcfce7;border-color:#bbf7d0;color:#166534;font-weight:500}.selected-range[data-v-67038436]{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;padding:12px;text-align:center}.range-info[data-v-67038436]{margin:0;color:#166534;font-size:14px}.range-info strong[data-v-67038436]{color:#059669;font-weight:600}.reset-btn[data-v-67038436]{background:#f3f4f6;color:#6b7280;border:1px solid #d1d5db;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;margin-top:8px}.reset-btn[data-v-67038436]:hover{background:#e5e7eb;color:#374151;transform:translateY(-1px)}.submit-btn[data-v-67038436]:disabled{background:#9ca3af;cursor:not-allowed;transform:none;box-shadow:none}.submit-btn[data-v-67038436]:disabled:hover{transform:none;box-shadow:none}@media (max-width:768px){.days-grid[data-v-67038436]{grid-template-columns:repeat(7,1fr);gap:6px}.day-cell[data-v-67038436]{font-size:12px;border-radius:6px}.calendar-header h4[data-v-67038436]{font-size:1.1rem}.calendar-instruction[data-v-67038436]{font-size:12px}.password-input-container[data-v-67038436]{position:relative}.generate-password-btn[data-v-67038436]{right:44px;padding:6px;font-size:12px}.password-info[data-v-67038436]{flex-direction:column;gap:8px;align-items:flex-start}.password-value[data-v-67038436]{font-size:14px;padding:6px 10px}.copy-password-btn[data-v-67038436]{padding:6px;font-size:12px}}.month-selector[data-v-67038436]{display:flex;align-items:flex-end;gap:10px;margin-left:auto;flex-wrap:wrap;justify-content:flex-end}.selector-item[data-v-67038436]{display:flex;flex-direction:column;gap:4px}.month-label[data-v-67038436]{color:hsla(0,0%,100%,.85);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.month-select[data-v-67038436]{background:hsla(0,0%,100%,.2);border:1px solid hsla(0,0%,100%,.3);border-radius:8px;padding:8px 12px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;backdrop-filter:blur(10px);min-width:90px}.month-select[data-v-67038436]:focus,.month-select[data-v-67038436]:hover{background:hsla(0,0%,100%,.3);border-color:hsla(0,0%,100%,.5)}.month-select[data-v-67038436]:focus{outline:none;box-shadow:0 0 0 3px hsla(0,0%,100%,.1)}.month-select option[data-v-67038436]{background:#77553e;color:#fff}@media (max-width:768px){.month-selector[data-v-67038436]{width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-left:0;margin-top:12px}.selector-item[data-v-67038436]{width:100%}.month-select[data-v-67038436]{width:100%;min-width:unset;padding:10px 8px;font-size:15px}}@media (max-width:480px){.month-selector[data-v-67038436]{grid-template-columns:1fr 1fr}.month-selector .selector-item[data-v-67038436]:first-child:last-child,.month-selector .selector-item[data-v-67038436]:only-child{grid-column:1/-1}}.daily-hatm-section[data-v-67038436]{border-radius:25px;box-shadow:0 8px 32px rgba(119,85,62,.15);overflow:hidden;margin-bottom:20px;border:1px solid rgba(119,85,62,.2)}.reading-stats[data-v-67038436]{padding:24px 20px;border-bottom:1px solid rgba(119,85,62,.3)}.stats-grid[data-v-67038436]{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.stat-card[data-v-67038436]{background:linear-gradient(135deg,#fff,#fef7f0);padding:20px 16px;border-radius:20px;box-shadow:0 4px 20px rgba(119,85,62,.1);border:1px solid rgba(119,85,62,.2);display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;transition:all .3s cubic-bezier(.4,0,.2,1)}.stat-card[data-v-67038436]:hover{transform:translateY(-3px);box-shadow:0 12px 40px rgba(119,85,62,.2);border-color:#77553e}.stat-icon[data-v-67038436]{font-size:2rem;width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#77553e,#77553e);color:#fff;border-radius:50%;box-shadow:0 4px 15px rgba(119,85,62,.3)}.stat-content[data-v-67038436]{flex:1}.stat-number[data-v-67038436]{font-size:1.8rem;font-weight:800;color:#8b6b4a;margin-bottom:4px;font-family:Georgia,serif}.stat-label[data-v-67038436]{font-size:.85rem;color:#8b6b4a;font-weight:600;line-height:1.3}.daily-calendar-container[data-v-67038436]{padding:24px 20px}.calendar-header-section[data-v-67038436]{text-align:center;margin-bottom:24px}.calendar-header-section h4[data-v-67038436]{font-size:1.4rem;color:#8b6b4a;font-weight:700;margin:0 0 8px 0;font-family:Georgia,serif}.calendar-description[data-v-67038436]{color:#8b6b4a;font-size:.95rem;margin:0;line-height:1.5;font-style:italic}.calendar-grid[data-v-67038436]{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;max-width:100%;margin:0 auto}.day-cell[data-v-67038436]{aspect-ratio:1;background:linear-gradient(135deg,#fff,#fef7f0);border:2px solid rgba(119,85,62,.3);border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;min-height:60px;box-shadow:0 2px 8px rgba(119,85,62,.1)}.day-cell[data-v-67038436]:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 8px 25px rgba(119,85,62,.2);border-color:#77553e}.day-cell.day-read[data-v-67038436]{background:linear-gradient(135deg,#77553e,#77553e);border-color:#77553e;color:#fff;box-shadow:0 4px 15px rgba(119,85,62,.3)}.day-cell.today[data-v-67038436]{border-color:#77553e;border-width:3px;box-shadow:0 0 0 3px rgba(119,85,62,.2);background:linear-gradient(135deg,#fef7f0,#f8f4f0)}.day-cell.today.day-read[data-v-67038436]{border-color:#77553e;box-shadow:0 0 0 3px rgba(119,85,62,.3)}.day-number[data-v-67038436]{font-size:1.1rem;font-weight:700;margin-bottom:2px;font-family:Georgia,serif}.reading-indicator[data-v-67038436]{display:flex;flex-direction:column;align-items:center;gap:1px;font-size:.7rem;font-weight:600}.checkmark[data-v-67038436]{font-size:.9rem;font-weight:800}.pages-count[data-v-67038436]{opacity:.9;font-size:.65rem}@media (max-width:768px){.stats-grid[data-v-67038436]{grid-template-columns:repeat(2,1fr);gap:16px}.stat-card[data-v-67038436]{padding:20px}.stat-icon[data-v-67038436]{width:50px;height:50px;font-size:2rem}.stat-number[data-v-67038436]{font-size:1.5rem}.calendar-grid[data-v-67038436]{grid-template-columns:repeat(7,1fr);gap:8px}.day-cell[data-v-67038436]{min-height:60px;border-radius:8px}.day-number[data-v-67038436]{font-size:1rem}.reading-indicator[data-v-67038436]{font-size:.7rem}.checkmark[data-v-67038436]{font-size:.9rem}}@media (max-width:480px){.stats-grid[data-v-67038436]{grid-template-columns:1fr}.calendar-grid[data-v-67038436]{gap:6px}.day-cell[data-v-67038436]{min-height:50px}.day-number[data-v-67038436]{font-size:.9rem}.reading-indicator[data-v-67038436]{font-size:.6rem}}.teacher-hatm-section[data-v-67038436]{background:#fff;border-radius:20px;box-shadow:0 4px 20px rgba(0,0,0,.08);overflow:hidden;margin-bottom:24px}table[data-v-67038436]{margin:0!important}.students-progress-table[data-v-67038436]{background:#fff}.table-header[data-v-67038436]{margin-bottom:24px;text-align:center}.table-header h4[data-v-67038436]{font-size:1.5rem;color:#1f2937;font-weight:700;margin:0}.table-container[data-v-67038436]{overflow-x:auto}.progress-table[data-v-67038436]{width:100%;border-collapse:collapse;font-size:14px}.progress-table th[data-v-67038436]{background:linear-gradient(135deg,#77553e,#8b6b4a);color:#fff;padding:16px 12px;text-align:left;font-weight:600;font-size:13px;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #e5e7eb}.progress-table td[data-v-67038436]{padding:16px 12px;border-bottom:1px solid #f3f4f6;vertical-align:middle;transition:background-color .2s ease}.progress-table tr[data-v-67038436]:hover{background:#f8fafc}.progress-table tr:last-child td[data-v-67038436]{border-bottom:none}.student-name[data-v-67038436]{font-weight:600;color:#1f2937;min-width:150px}.days-read[data-v-67038436],.pages-read[data-v-67038436]{text-align:center;font-weight:600;color:#77553e}.progress[data-v-67038436]{min-width:200px}.progress-bar[data-v-67038436]{height:8px;background:#e5e7eb;border-radius:10px;overflow:hidden;margin-bottom:8px}.progress-fill[data-v-67038436]{height:100%;background:linear-gradient(135deg,#10b981,#059669);border-radius:10px;transition:width .3s ease-in-out}.progress-text[data-v-67038436]{font-size:12px;color:#6b7280;font-weight:600}.reading-days[data-v-67038436]{min-width:300px}.days-indicators[data-v-67038436]{display:flex;flex-wrap:wrap;gap:4px;max-width:100%}.day-indicator[data-v-67038436]{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:#f3f4f6;color:#6b7280;font-size:11px;font-weight:600;border:1px solid #e5e7eb;transition:all .2s ease;cursor:help}.day-indicator.read[data-v-67038436]{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-color:#059669}.day-indicator[data-v-67038436]:hover{transform:scale(1.1);box-shadow:0 2px 8px rgba(0,0,0,.1)}.loading-state[data-v-67038436]{display:flex;align-items:center;justify-content:center;min-height:120px;color:#4b5563}.loading-row[data-v-67038436]{text-align:center;color:#4b5563;font-weight:600}@media (max-width:1200px){.progress-table td[data-v-67038436],.progress-table th[data-v-67038436]{padding:12px 8px;font-size:13px}.day-indicator[data-v-67038436]{width:20px;height:20px;font-size:10px}}@media (max-width:768px){.hatm-header .header-text h3[data-v-67038436],.table-header h4[data-v-67038436]{font-size:1.25rem}.progress-table[data-v-67038436]{font-size:12px}.progress-table td[data-v-67038436],.progress-table th[data-v-67038436]{padding:12px 8px}.student-name[data-v-67038436]{min-width:120px}.progress[data-v-67038436]{min-width:150px}.reading-days[data-v-67038436]{min-width:200px}.days-indicators[data-v-67038436]{gap:2px}.day-indicator[data-v-67038436]{width:18px;height:18px;font-size:9px}}@media (max-width:480px){.progress-table[data-v-67038436]{font-size:11px}.progress-table td[data-v-67038436],.progress-table th[data-v-67038436]{padding:12px 10px}.day-indicator[data-v-67038436]{width:16px;height:16px;font-size:8px}}table[data-v-c431402a]{border:0;margin:0}.hifz-journal[data-v-c431402a]{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 6px -1px rgba(0,0,0,.1)}.journal-header[data-v-c431402a]{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid #e2e8f0;background:#f8fafc}.section-title[data-v-c431402a]{color:#77553e;font-size:1.5rem;font-weight:700;margin:0}.action-btn[data-v-c431402a]{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none}.action-btn.primary[data-v-c431402a]{background:linear-gradient(135deg,#77553e,#8b6b4a);color:#fff}.action-btn.primary[data-v-c431402a]:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(119,85,62,.3)}.action-btn.secondary[data-v-c431402a]{background:#f1f5f9;color:#64748b;border:1px solid #e2e8f0}.action-btn.secondary[data-v-c431402a]:hover{background:#e2e8f0}.action-btn.danger[data-v-c431402a]{background:#dc2626;color:#fff}.action-btn.danger[data-v-c431402a]:hover{background:#b91c1c}.action-btn.small[data-v-c431402a]{padding:6px 8px;font-size:12px}.action-btn .icon[data-v-c431402a]{width:16px;height:16px}.journal-table-container[data-v-c431402a]{overflow-x:auto}.journal-table[data-v-c431402a]{width:100%;border-collapse:collapse;font-size:14px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-width:800px}.journal-table th[data-v-c431402a]{background:linear-gradient(135deg,#77553e,#8b6b4a);color:#fff;font-weight:600;text-align:center;padding:12px 8px;border:1px solid #e2e8f0;position:sticky;top:0;z-index:10;white-space:nowrap}.journal-table td[data-v-c431402a]{padding:12px 8px;border:1px solid #e2e8f0;text-align:center;vertical-align:middle}.journal-table tbody tr[data-v-c431402a]:nth-child(2n){background-color:#f8fafc}.journal-table tbody tr[data-v-c431402a]:nth-child(odd){background-color:#fff}.journal-row[data-v-c431402a]:hover{background-color:#f1f5f9}.repetition-status[data-v-c431402a]{display:flex;gap:4px;flex-wrap:wrap}.repetition-indicator[data-v-c431402a]{display:inline-block;padding:6px 12px;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;font-size:12px;font-weight:600;color:#64748b;min-width:32px;text-align:center;transition:all .2s ease;box-shadow:0 2px 4px rgba(0,0,0,.1)}.repetition-indicator.completed[data-v-c431402a]{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-color:#059669;box-shadow:0 2px 8px rgba(16,185,129,.3)}.teacher-note[data-v-c431402a]{max-width:200px;word-wrap:break-word;line-height:1.4;padding:8px 12px;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0;font-size:13px;color:#475569}.actions[data-v-c431402a]{display:flex;gap:8px;white-space:nowrap;justify-content:center}.actions .action-btn.small[data-v-c431402a]{padding:8px;border-radius:8px;min-width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);border:none;cursor:pointer}.actions .action-btn.small[data-v-c431402a]:hover{transform:scale(1.05);box-shadow:0 4px 12px rgba(0,0,0,.15)}.actions .action-btn.small .icon[data-v-c431402a]{width:16px;height:16px}.actions .action-btn.small[data-v-c431402a]{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af}.actions .action-btn.small.danger[data-v-c431402a]{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#dc2626}.no-data[data-v-c431402a]{text-align:center;padding:60px 20px;background:#f8fafc}.no-data-content[data-v-c431402a]{color:#64748b}.no-data-icon[data-v-c431402a]{font-size:3rem;margin-bottom:16px;opacity:.6}.no-data-content p[data-v-c431402a]{margin:8px 0;font-size:14px;font-weight:500}.modal[data-v-c431402a]{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content[data-v-c431402a]{background:#fff;border-radius:16px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto}.modal-header[data-v-c431402a]{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid #e2e8f0}.modal-header h3[data-v-c431402a]{color:#77553e;font-size:1.25rem;font-weight:700;margin:0}.close-btn[data-v-c431402a]{background:none;border:none;cursor:pointer;padding:8px;border-radius:6px;color:#64748b;transition:all .3s ease}.close-btn[data-v-c431402a]:hover{background:#f1f5f9;color:#77553e}.close-btn .icon[data-v-c431402a]{width:20px;height:20px}.modal-body[data-v-c431402a]{padding:24px}.modal-footer[data-v-c431402a]{display:flex;justify-content:flex-end;gap:12px;padding:24px;border-top:1px solid #e2e8f0}.form-group[data-v-c431402a]{margin-bottom:20px}.form-group label[data-v-c431402a]{display:block;font-size:14px;color:#77553e;margin-bottom:8px;font-weight:600}.form-input[data-v-c431402a]{width:100%;padding:12px;border:2px solid #e2e8f0;border-radius:8px;font-size:14px;color:#77553e;transition:all .3s ease}.form-input[data-v-c431402a]:focus{outline:none;border-color:#77553e;box-shadow:0 0 0 3px rgba(119,85,62,.1)}.form-input.small[data-v-c431402a]{width:80px}.repetitions-grid[data-v-c431402a]{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.repetition-item[data-v-c431402a]{display:flex;flex-direction:column;gap:8px}.checkbox-label[data-v-c431402a]{display:flex;align-items:center;gap:8px;font-size:12px;color:#64748b;cursor:pointer}.checkbox-label input[type=checkbox][data-v-c431402a]{width:16px;height:16px;accent-color:#77553e}@media (max-width:768px){.journal-header[data-v-c431402a]{flex-direction:column;gap:16px;text-align:center}.journal-table-container[data-v-c431402a]{margin:0;border-radius:8px}.journal-table[data-v-c431402a]{min-width:600px;font-size:12px}.journal-table td[data-v-c431402a],.journal-table th[data-v-c431402a]{padding:8px 6px;font-size:11px}.repetition-indicator[data-v-c431402a]{padding:4px 8px;min-width:24px;font-size:10px}.teacher-note[data-v-c431402a]{max-width:150px;padding:6px 8px;font-size:11px}.actions .action-btn.small[data-v-c431402a]{min-width:28px;height:28px}.actions .action-btn.small .icon[data-v-c431402a]{width:14px;height:14px}.repetitions-grid[data-v-c431402a]{grid-template-columns:1fr}.modal-content[data-v-c431402a]{margin:0;padding:0}.modal-footer[data-v-c431402a]{flex-direction:column}.action-btn[data-v-c431402a]{width:100%}}.hifz-container[data-v-98c14c4e]{min-height:100vh;padding:20px;background:#f4f1eb;margin:0 auto;padding-bottom:100px}.top-bar[data-v-98c14c4e]{display:flex;justify-content:space-between;align-items:center;background:#fff;padding:20px 30px;border-radius:20px;margin-bottom:24px;box-shadow:0 4px 20px rgba(0,0,0,.08)}.top-bar-left[data-v-98c14c4e]{display:flex;gap:15px;align-items:center}.page-title[data-v-98c14c4e]{color:#8b6b4a;font-size:1.5rem}.management-section[data-v-98c14c4e]{background:#fff;border-radius:20px;box-shadow:0 4px 20px rgba(0,0,0,.08);margin-bottom:24px;overflow:hidden}.management-header[data-v-98c14c4e]{display:flex;justify-content:space-between;align-items:center;padding:24px 32px;color:#fff;cursor:pointer;transition:all .3s ease}.management-header.clickable[data-v-98c14c4e]{cursor:pointer}.management-header .section-title[data-v-98c14c4e]{font-size:1.5rem;font-weight:700;margin:0;color:#8b6b4a}.toggle-icon[data-v-98c14c4e]{font-size:1.3rem;font-weight:700;transition:all .3s ease;position:relative;color:#77553e;z-index:1}.management-header:hover .toggle-icon[data-v-98c14c4e]{transform:scale(1.1)}.management-content[data-v-98c14c4e]{padding:28px;background:linear-gradient(135deg,#fafbfc,#f8fafc)}.group-actions[data-v-98c14c4e]{margin-bottom:24px;text-align:center;display:flex;justify-content:left;flex-wrap:wrap;gap:12px}.action-btn[data-v-98c14c4e]{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border:none;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;position:relative;overflow:hidden;min-width:140px;white-space:nowrap;flex-shrink:0}.action-btn.primary[data-v-98c14c4e]{background:hsla(0,0%,100%,.2);color:#8b6b4a;border:1px solid hsla(0,0%,100%,.3);backdrop-filter:blur(10px)}.action-btn.primary[data-v-98c14c4e]:hover{background:hsla(0,0%,100%,.3);transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,.15)}.action-btn.secondary[data-v-98c14c4e]{background:hsla(0,0%,100%,.2);color:#8b6b4a;border:1px solid #8b6b4a;backdrop-filter:blur(10px)}.action-btn.secondary[data-v-98c14c4e]:hover{background:hsla(0,0%,100%,.3);transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,.15)}.action-btn.small[data-v-98c14c4e]{padding:6px 8px;font-size:11px;border-radius:6px;min-width:32px;height:32px;display:flex;align-items:center;justify-content:center}.action-btn.danger[data-v-98c14c4e]{background:rgba(220,38,38,.2);color:#fff;border:1px solid rgba(220,38,38,.3);backdrop-filter:blur(10px)}.action-btn.danger[data-v-98c14c4e]:hover{background:rgba(220,38,38,.3);transform:translateY(-2px);box-shadow:0 8px 25px rgba(220,38,38,.15)}.action-btn .icon[data-v-98c14c4e]{width:20px;height:20px;transition:transform .3s ease}.action-btn:hover .icon[data-v-98c14c4e]{transform:scale(1.05)}.action-btn.small .icon[data-v-98c14c4e]{width:12px;height:12px}.empty-state[data-v-98c14c4e]{text-align:center;padding:60px 20px;background:linear-gradient(135deg,#fafbfc,#f8fafc);border-radius:16px;border:2px dashed #e2e8f0;margin:20px 0}.empty-icon[data-v-98c14c4e]{margin-bottom:20px}.empty-icon .icon[data-v-98c14c4e]{width:64px;height:64px;color:#9ca3af;opacity:.7;transition:all .3s ease}.empty-state:hover .empty-icon .icon[data-v-98c14c4e]{opacity:1;transform:scale(1.1)}.empty-state h4[data-v-98c14c4e]{margin:0 0 12px 0;color:#374151;font-size:1.2rem;font-weight:600}.empty-state p[data-v-98c14c4e]{margin:0 0 24px 0;color:#6b7280;font-size:1rem;line-height:1.5}.page-title[data-v-98c14c4e]{font-size:2rem;font-weight:700;color:#fff;margin:0}.hifz-students-controls[data-v-98c14c4e]{display:flex;gap:15px;align-items:center}.add-student-btn[data-v-98c14c4e]{background:hsla(0,0%,100%,.15);color:#fff;border:1px solid hsla(0,0%,100%,.2);border-radius:12px;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(10px);text-decoration:none;display:inline-flex;align-items:center;gap:8px;padding:12px 20px;position:relative;overflow:hidden}.add-student-btn[data-v-98c14c4e]:hover{background:hsla(0,0%,100%,.25);transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,.15)}.add-student-btn .icon[data-v-98c14c4e]{width:20px;height:20px}.student-select[data-v-98c14c4e]{padding:10px 15px;border:1px solid hsla(0,0%,100%,.3);border-radius:12px;background:hsla(0,0%,100%,.1);color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;backdrop-filter:blur(10px)}.student-select[data-v-98c14c4e]:focus{outline:none;border-color:hsla(0,0%,100%,.5);box-shadow:0 0 0 2px hsla(0,0%,100%,.1)}.student-select option[data-v-98c14c4e]{background:#77553e;color:#fff}.logo img[data-v-98c14c4e]{max-height:60px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1))}.logout-btn[data-v-98c14c4e]{background:hsla(0,0%,100%,.15);color:#fff;border:1px solid hsla(0,0%,100%,.2);border-radius:12px;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(10px);text-decoration:none;display:inline-flex;align-items:center;gap:8px;padding:12px 20px;position:relative;overflow:hidden}.logout-btn[data-v-98c14c4e]:hover{background:hsla(0,0%,100%,.25);transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,.15)}.logout-btn .icon[data-v-98c14c4e]{width:20px;height:20px}.main-content[data-v-98c14c4e]{margin-top:24px}.page-tabs[data-v-98c14c4e]{display:flex;gap:12px;margin-bottom:24px;background:#fff;padding:8px;border-radius:16px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1)}.tab-btn[data-v-98c14c4e]{display:flex;align-items:center;gap:8px;padding:12px 20px;border:none;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;background:transparent;color:#64748b;flex:1;justify-content:center}.tab-btn[data-v-98c14c4e]:hover{background:#f8fafc;color:#8b6b4a}.tab-btn.active[data-v-98c14c4e]{color:#8b6b4a;box-shadow:0 4px 12px rgba(139,107,74,.2)}.tab-btn .icon[data-v-98c14c4e]{width:20px;height:20px}.tab-content[data-v-98c14c4e]{min-height:500px}.no-selection[data-v-98c14c4e]{text-align:center;padding:80px 20px;background:#fff;border-radius:16px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1)}.no-selection-icon[data-v-98c14c4e]{font-size:4rem;margin-bottom:20px}.no-selection h3[data-v-98c14c4e]{font-size:1.5rem;color:#77553e;margin-bottom:10px;font-weight:700}.no-selection p[data-v-98c14c4e]{font-size:1rem;color:#64748b;line-height:1.6;margin:0}.modal-overlay[data-v-98c14c4e]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content[data-v-98c14c4e]{background:#fff;border-radius:16px;padding:0;max-width:500px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px rgba(0,0,0,.1)}.modal-header[data-v-98c14c4e]{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e2e8f0;background:linear-gradient(135deg,#77553e,#8b6b4a);color:#fff;border-radius:16px 16px 0 0}.modal-header h3[data-v-98c14c4e]{margin:0;font-size:1.25rem;font-weight:600}.close-btn[data-v-98c14c4e]{background:none;border:none;color:#fff;cursor:pointer;padding:8px;border-radius:8px;transition:background-color .3s ease}.close-btn[data-v-98c14c4e]:hover{background:hsla(0,0%,100%,.1)}.close-btn .icon[data-v-98c14c4e]{width:20px;height:20px}.add-student-form[data-v-98c14c4e]{padding:24px}.form-group[data-v-98c14c4e]{margin-bottom:20px}.form-group label[data-v-98c14c4e]{display:block;margin-bottom:8px;font-weight:600;color:#374151;font-size:14px}.form-group input[data-v-98c14c4e]{width:100%;padding:12px 16px;border:2px solid #e5e7eb;border-radius:8px;font-size:14px;transition:border-color .3s ease;box-sizing:border-box}.form-group input[data-v-98c14c4e]:focus{outline:none;border-color:#77553e;box-shadow:0 0 0 3px rgba(119,85,62,.1)}.form-hint[data-v-98c14c4e]{display:block;margin-top:4px;font-size:12px;color:#6b7280}.password-input-container[data-v-98c14c4e]{position:relative;display:flex;align-items:center}.password-input-container input[data-v-98c14c4e]{padding-right:50px}.password-toggle-btn[data-v-98c14c4e]{position:absolute;right:8px;background:none;border:none;cursor:pointer;padding:8px;border-radius:4px;color:#6b7280;transition:color .3s ease}.password-toggle-btn[data-v-98c14c4e]:hover{color:#77553e;background:rgba(119,85,62,.1)}.password-toggle-btn .icon[data-v-98c14c4e]{width:20px;height:20px}.generate-password-btn[data-v-98c14c4e]{position:absolute;right:48px;top:50%;transform:translateY(-50%);background:linear-gradient(135deg,#77553e,#8b6b4a);border:none;color:#fff;cursor:pointer;padding:8px;border-radius:6px;transition:all .2s ease;font-size:14px}.generate-password-btn[data-v-98c14c4e]:hover{transform:translateY(-50%) scale(1.05);box-shadow:0 2px 8px rgba(119,85,62,.3)}.generated-password-display[data-v-98c14c4e]{margin-top:16px;padding:16px;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:2px solid #0ea5e9;border-radius:12px}.password-info[data-v-98c14c4e]{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.password-label[data-v-98c14c4e]{font-weight:600;color:#0c4a6e;font-size:14px}.password-value-container[data-v-98c14c4e]{display:flex;align-items:center;gap:8px}.password-value[data-v-98c14c4e]{font-family:Courier New,monospace;font-weight:700;font-size:16px;color:#0c4a6e;background:#fff;padding:8px 12px;border-radius:8px;border:1px solid #0ea5e9;letter-spacing:1px}.copy-password-btn[data-v-98c14c4e]{background:linear-gradient(135deg,#10b981,#059669);border:none;color:#fff;cursor:pointer;padding:8px;border-radius:6px;transition:all .2s ease;font-size:14px}.copy-password-btn[data-v-98c14c4e]:hover{transform:scale(1.05);box-shadow:0 2px 8px rgba(16,185,129,.3)}.password-warning[data-v-98c14c4e]{display:block;font-size:12px;color:#dc2626;font-weight:600;text-align:center}.students-list[data-v-98c14c4e]{margin-top:24px}.subsection-title[data-v-98c14c4e]{display:flex;justify-content:space-between;align-items:center;margin:0 0 20px 0;padding:16px 20px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:2px solid #e2e8f0;border-radius:12px;color:#374151;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px rgba(0,0,0,.05)}.subsection-title[data-v-98c14c4e]:hover{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border-color:#cbd5e1;transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.subsection-title.clickable[data-v-98c14c4e]{cursor:pointer}.students-grid[data-v-98c14c4e]{gap:16px;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.student-card[data-v-98c14c4e]{background:#fff;padding:20px;border-radius:16px;box-shadow:0 4px 20px rgba(119,85,62,.08);border:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;cursor:pointer}.student-card[data-v-98c14c4e]:hover{transform:translateY(-2px);box-shadow:0 8px 30px rgba(119,85,62,.15);border-color:#77553e}.student-card.selected[data-v-98c14c4e]{border-color:#77553e;box-shadow:0 8px 30px rgba(119,85,62,.2);background:#f8fafc}.student-info[data-v-98c14c4e]{flex:1;padding-right:16px}.student-avatar[data-v-98c14c4e]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,transparent 30%,hsla(0,0%,100%,.2) 50%,transparent 70%);transform:translateX(-100%);transition:transform .6s ease}.student-card:hover .student-avatar[data-v-98c14c4e]:before{transform:translateX(100%)}.student-details[data-v-98c14c4e]{flex:1;min-width:0}.student-name-cell[data-v-98c14c4e]{font-weight:800;color:#77553e;font-size:18px;margin-bottom:8px;line-height:1.2;letter-spacing:-.02em}.student-email[data-v-98c14c4e]{font-size:14px;color:#64748b;font-weight:500;line-height:1.4}.student-password[data-v-98c14c4e]{margin-top:4px}.password-indicator[data-v-98c14c4e]{font-size:12px;color:#28a745;font-weight:600;background:rgba(40,167,69,.1);padding:2px 8px;border-radius:12px;display:inline-block}.student-status[data-v-98c14c4e]{margin-top:8px}.status-badge[data-v-98c14c4e]{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:500}.status-badge.active[data-v-98c14c4e]{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:1px solid #10b981}.status-badge.inactive[data-v-98c14c4e]{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);color:#6b7280;border:1px solid #d1d5db}.student-actions[data-v-98c14c4e]{display:flex;gap:12px;align-items:center}.student-actions .action-btn.small[data-v-98c14c4e]{padding:10px;border-radius:10px;min-width:40px;height:40px;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);border:none;cursor:pointer}.student-actions .action-btn.small[data-v-98c14c4e]:hover{transform:scale(1.05);box-shadow:0 4px 12px rgba(0,0,0,.15)}.student-actions .action-btn.small .icon[data-v-98c14c4e]{width:18px;height:18px}.student-actions .action-btn.small[data-v-98c14c4e]{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af}.student-actions .action-btn.small.danger[data-v-98c14c4e]{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#dc2626}.edit-btn[data-v-98c14c4e]{background:linear-gradient(135deg,#77553e,#8b6b4a);color:#fff}.edit-btn[data-v-98c14c4e]:hover{transform:scale(1.05);box-shadow:0 2px 8px rgba(119,85,62,.3)}.delete-btn[data-v-98c14c4e]{background:linear-gradient(135deg,#dc2626,#ef4444);color:#fff}.delete-btn[data-v-98c14c4e]:hover{transform:scale(1.05);box-shadow:0 2px 8px rgba(220,38,38,.3)}.action-btn .icon[data-v-98c14c4e]{width:18px;height:18px}.form-actions[data-v-98c14c4e]{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.cancel-btn[data-v-98c14c4e]{padding:10px 20px;border:2px solid #e5e7eb;border-radius:8px;background:#fff;color:#6b7280;font-weight:600;cursor:pointer;transition:all .3s ease}.cancel-btn[data-v-98c14c4e]:hover{border-color:#d1d5db;background:#f9fafb}.submit-btn[data-v-98c14c4e]{padding:10px 20px;border:none;border-radius:8px;background:linear-gradient(135deg,#77553e,#8b6b4a);color:#fff;font-weight:600;cursor:pointer;transition:all .3s ease}.submit-btn[data-v-98c14c4e]:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(119,85,62,.3)}@media (max-width:768px){.hifz-container[data-v-98c14c4e]{min-height:100vh;padding:6px;background:#f4f1eb;margin:0 auto;padding-bottom:100px}.day-row[data-v-98c14c4e]{background-color:#fff}.management-header .section-title[data-v-98c14c4e]{font-size:1.25rem}.top-bar[data-v-98c14c4e]{flex-direction:column;gap:15px;text-align:center}.top-bar-left[data-v-98c14c4e]{flex-direction:column;width:100%}.hifz-students-controls[data-v-98c14c4e]{flex-direction:column;width:100%;gap:10px}.add-student-btn[data-v-98c14c4e]{width:100%;justify-content:center}.student-select[data-v-98c14c4e]{width:100%}.students-grid[data-v-98c14c4e]{gap:16px}.student-card[data-v-98c14c4e]{border-radius:12px}.student-info[data-v-98c14c4e]{padding-right:12px}.student-name-cell[data-v-98c14c4e]{font-size:16px}.student-email[data-v-98c14c4e]{font-size:13px}.student-actions[data-v-98c14c4e]{gap:8px}.student-actions .action-btn.small[data-v-98c14c4e]{min-width:36px;height:36px}.student-actions .action-btn.small .icon[data-v-98c14c4e]{width:16px;height:16px}.page-tabs[data-v-98c14c4e]{flex-direction:column;gap:8px}.tab-btn[data-v-98c14c4e]{width:100%}.main-content[data-v-98c14c4e]{padding:0}.modal[data-v-98c14c4e]{padding:0!important;margin:0}.modal-content[data-v-98c14c4e]{width:95%;margin:0;padding:0}.form-actions[data-v-98c14c4e]{flex-direction:column}.cancel-btn[data-v-98c14c4e],.submit-btn[data-v-98c14c4e]{width:100%}.password-input-container[data-v-98c14c4e]{position:relative}.generate-password-btn[data-v-98c14c4e]{right:44px;padding:6px;font-size:12px}.password-info[data-v-98c14c4e]{flex-direction:column;gap:8px;align-items:flex-start}.password-value[data-v-98c14c4e]{font-size:14px;padding:6px 10px}.copy-password-btn[data-v-98c14c4e]{padding:6px;font-size:12px}.students-grid[data-v-98c14c4e]{grid-template-columns:1fr;gap:20px}.student-card[data-v-98c14c4e]{flex-direction:column;gap:12px;text-align:center;padding:16px}.student-info[data-v-98c14c4e]{flex-direction:column;gap:10px}.student-avatar[data-v-98c14c4e]{width:56px;height:56px;font-size:1.3rem}.student-actions[data-v-98c14c4e]{justify-content:center;gap:12px}.action-btn.small[data-v-98c14c4e]{width:36px;height:36px;padding:8px}.management-header[data-v-98c14c4e]{padding:16px 20px}.management-content[data-v-98c14c4e]{padding:20px}.group-actions[data-v-98c14c4e]{flex-direction:column;align-items:center}.action-btn[data-v-98c14c4e]{width:100%;max-width:280px;min-width:auto;padding:14px 20px;font-size:15px}.action-btn .icon[data-v-98c14c4e]{width:20px;height:20px}}@media (max-width:480px){.action-btn[data-v-98c14c4e]{padding:16px 20px;font-size:16px;gap:10px}.action-btn .icon[data-v-98c14c4e]{width:22px;height:22px}.group-actions[data-v-98c14c4e]{margin-bottom:20px}.management-content[data-v-98c14c4e]{padding:16px}.students-grid[data-v-98c14c4e]{gap:16px}.student-card[data-v-98c14c4e]{padding:14px}.student-avatar[data-v-98c14c4e]{width:48px;height:48px;font-size:1.2rem}.student-name-cell[data-v-98c14c4e]{font-size:1.1rem}.student-email[data-v-98c14c4e]{font-size:.9rem}.action-btn.small[data-v-98c14c4e]{width:40px;height:40px}}@media (min-width:769px) and (max-width:1024px){.action-btn[data-v-98c14c4e]{min-width:160px;padding:14px 24px;font-size:15px}.group-actions[data-v-98c14c4e]{gap:16px}}@media (min-width:1025px){.action-btn[data-v-98c14c4e]:hover{transform:translateY(-3px)}.action-btn.primary[data-v-98c14c4e]:hover{transform:translateY(-4px)}}.self-check-container[data-v-72c3aa43]{max-width:800px;margin:0 auto;padding:20px;background-color:#f4f1ea;min-height:100vh;padding-bottom:100px}.top-bar[data-v-72c3aa43]{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;background-color:#6b3610;padding:15px 20px;border-radius:10px;color:#fff}.top-bar h2[data-v-72c3aa43]{margin:0;color:#fff}.logout-btn[data-v-72c3aa43]{background-color:sienna;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;transition:background-color .3s}.logout-btn[data-v-72c3aa43]:hover{background-color:#8b4513}.content[data-v-72c3aa43]{background:#fff;border-radius:10px;padding:20px;box-shadow:0 2px 10px rgba(0,0,0,.1)}.info-section[data-v-72c3aa43]{background:#e8f5e8;padding:15px;border-radius:8px;margin-bottom:20px;border-left:4px solid #4caf50}.info-section h3[data-v-72c3aa43]{margin:0 0 10px 0;color:#2e7d32}.controls[data-v-72c3aa43]{margin-bottom:30px}.date-selector[data-v-72c3aa43]{display:flex;align-items:center;gap:10px}.date-selector label[data-v-72c3aa43]{font-weight:700;color:#333}.date-selector input[data-v-72c3aa43]{padding:8px;border:1px solid #ddd;border-radius:5px;font-size:16px}.hatm-section[data-v-72c3aa43]{margin-top:20px}.hatm-section h3[data-v-72c3aa43]{color:#6b3610;border-bottom:2px solid #6b3610;padding-bottom:10px;margin-bottom:20px}.hatm-list[data-v-72c3aa43]{display:flex;flex-direction:column;gap:15px;margin-bottom:30px}.hatm-item[data-v-72c3aa43]{display:flex;justify-content:space-between;align-items:center;padding:15px;background:#f9f9f9;border-radius:8px;border-left:4px solid #6b3610}.hatm-info[data-v-72c3aa43]{flex:1}.hatm-title[data-v-72c3aa43]{font-weight:700;color:#333;font-size:1.1em;margin-bottom:5px}.hatm-description[data-v-72c3aa43]{color:#666;font-size:.9em}.hatm-actions[data-v-72c3aa43]{display:flex;gap:10px}.action-btn[data-v-72c3aa43]{padding:8px 16px;border:2px solid #ddd;border-radius:5px;cursor:pointer;transition:all .3s;font-size:14px}.complete-btn[data-v-72c3aa43]{background:#fff;color:#4caf50;border-color:#4caf50}.complete-btn.active[data-v-72c3aa43],.complete-btn[data-v-72c3aa43]:hover{background:#4caf50;color:#fff}.incomplete-btn[data-v-72c3aa43]{background:#fff;color:#f44336;border-color:#f44336}.incomplete-btn.active[data-v-72c3aa43],.incomplete-btn[data-v-72c3aa43]:hover{background:#f44336;color:#fff}.summary[data-v-72c3aa43]{background:#f5f5f5;padding:20px;border-radius:8px;margin-bottom:20px;display:flex;justify-content:space-around;flex-wrap:wrap;gap:20px}.summary-item[data-v-72c3aa43]{display:flex;flex-direction:column;align-items:center;gap:5px}.summary-item span[data-v-72c3aa43]:first-child{font-size:.9em;color:#666}.completed-count[data-v-72c3aa43]{font-size:1.5em;font-weight:700;color:#4caf50}.incomplete-count[data-v-72c3aa43]{font-size:1.5em;font-weight:700;color:#f44336}.percentage[data-v-72c3aa43]{font-size:1.5em;font-weight:700;color:#6b3610}.save-btn[data-v-72c3aa43]{width:100%;background-color:#6b3610;color:#fff;border:none;padding:15px;border-radius:8px;cursor:pointer;font-size:16px;transition:background-color .3s}.save-btn[data-v-72c3aa43]:hover:not(:disabled){background-color:#8b4513}.save-btn[data-v-72c3aa43]:disabled{background-color:#ccc;cursor:not-allowed}.no-data[data-v-72c3aa43]{text-align:center;color:#666;padding:40px;font-style:italic}@media (max-width:768px){.hatm-item[data-v-72c3aa43]{flex-direction:column;gap:15px;text-align:center}.hatm-actions[data-v-72c3aa43]{width:100%;justify-content:center}.summary[data-v-72c3aa43]{flex-direction:column;align-items:center}}[data-v-d17f0538]:root{--brown-1:#77553e;--brown-2:#8b6b4a;--slate-1:#e2e8f0;--slate-2:#cbd5e1;--slate-3:#64748b;--bg-soft:#f8fafc;--white:#fff;--shadow-sm:0 2px 8px rgba(119,85,62,.05);--shadow-md:0 8px 30px rgba(119,85,62,.15);--shadow-lg:0 20px 60px rgba(0,0,0,.3)}.hatm-view-container[data-v-d17f0538]{min-height:100vh;padding:20px;margin:0 auto;max-width:1400px;padding-bottom:100px}.top-bar[data-v-d17f0538]{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#77553e,#8b6b4a);padding:20px 30px;border-radius:20px;margin-bottom:24px;color:#fff}.top-bar-left[data-v-d17f0538]{display:flex;gap:15px;align-items:center}.class-select[data-v-d17f0538],.group-select[data-v-d17f0538]{padding:10px 15px;border:1px solid hsla(0,0%,100%,.3);border-radius:12px;background:hsla(0,0%,100%,.1);color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;backdrop-filter:blur(10px)}.class-select[data-v-d17f0538]:focus,.group-select[data-v-d17f0538]:focus{outline:none;border-color:hsla(0,0%,100%,.5);box-shadow:0 0 0 2px hsla(0,0%,100%,.1)}.class-select option[data-v-d17f0538],.group-select option[data-v-d17f0538]{background:#77553e;color:#fff}.logo img[data-v-d17f0538]{max-height:60px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1))}.logout-btn[data-v-d17f0538]{background:hsla(0,0%,100%,.15);color:#fff;border:1px solid hsla(0,0%,100%,.2);border-radius:12px;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(10px);text-decoration:none;display:inline-flex;align-items:center;gap:8px;padding:12px 20px;position:relative;overflow:hidden}.logout-btn[data-v-d17f0538]:hover{background:hsla(0,0%,100%,.25);transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,.15)}.logout-btn .icon[data-v-d17f0538]{width:20px;height:20px}.main-content[data-v-d17f0538]{margin-top:24px}.hatm-plans-container[data-v-d17f0538]{background:#fff;padding:32px;border-radius:20px;margin-bottom:32px;border:1px solid rgba(119,85,62,.05)}.hatm-plans-header[data-v-d17f0538]{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.section-title[data-v-d17f0538]{color:#77553e;font-size:22px;font-weight:800;text-align:center;position:relative;padding-bottom:12px;margin-bottom:24px}.section-title[data-v-d17f0538]:after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:60px;height:4px;background:linear-gradient(135deg,#77553e,#8b6b4a);border-radius:2px}.icon-xl[data-v-d17f0538]{width:28px;height:28px}.icon-lg[data-v-d17f0538]{width:22px;height:22px}.rating-filters[data-v-d17f0538]{display:flex;gap:16px;flex-wrap:wrap;justify-content:center;margin-bottom:24px;background:#fff;border:1px solid var(--slate-1);border-radius:16px;padding:16px;box-shadow:var(--shadow-sm)}.filter-group[data-v-d17f0538]{display:flex;flex-direction:column;gap:8px;min-width:200px}.filter-group label[data-v-d17f0538]{font-weight:600;color:var(--brown-1);font-size:14px}.filter-select[data-v-d17f0538]{background:#8b6b4a;color:#fff;border:2px solid var(--slate-1);padding:14px 16px;border-radius:12px;cursor:pointer;font-size:14px;font-weight:600;box-shadow:var(--shadow-sm);transition:all .3s cubic-bezier(.4,0,.2,1)}.filter-select[data-v-d17f0538]:hover{border-color:var(--brown-1);box-shadow:0 2px 8px rgba(119,85,62,.1)}.filter-select[data-v-d17f0538]:focus{outline:0;border-color:var(--brown-1);box-shadow:0 0 0 3px rgba(119,85,62,.12)}.loading[data-v-d17f0538],.no-data[data-v-d17f0538]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:48px 20px;color:var(--slate-3)}.loading-spinner[data-v-d17f0538]{width:44px;height:44px;border:4px solid var(--slate-1);border-top-color:var(--brown-1);border-radius:50%;animation:spin-d17f0538 1s linear infinite}@keyframes spin-d17f0538{to{transform:rotate(1turn)}}.rating-content[data-v-d17f0538]{display:flex;flex-direction:column;gap:24px}.rating-table[data-v-d17f0538]{background:var(--white);border-radius:20px;border:1px solid var(--slate-1);overflow:hidden;box-shadow:var(--shadow-sm)}.rating-header-row[data-v-d17f0538]{display:grid;grid-template-columns:90px 2fr 2fr 1fr;gap:20px;padding:14px 20px;background:linear-gradient(135deg,var(--brown-1) 0,var(--brown-2) 100%);color:#fff;font-weight:700;font-size:14px;position:sticky;top:0;z-index:1}.rating-row[data-v-d17f0538]:nth-child(odd){background:#fff}.rating-row[data-v-d17f0538]:nth-child(2n){background:#fbfbfd}.rating-row[data-v-d17f0538]{display:grid;grid-template-columns:90px 2fr 2fr 1fr;gap:20px;padding:16px 20px;border-top:1px solid var(--slate-1);transition:all .25s ease;background:#fff;align-items:center}.rating-row[data-v-d17f0538]:hover{background:#f1f5f9;transform:translateY(-1px)}.rating-row.top-1[data-v-d17f0538]{box-shadow:inset 4px 0 0 gold;background:#fffdf3}.rating-row.top-2[data-v-d17f0538]{box-shadow:inset 4px 0 0 silver;background:#f7f7f7}.rating-row.top-3[data-v-d17f0538]{box-shadow:inset 4px 0 0 #cd7f32;background:#fff9f1}.rating-row.current-student[data-v-d17f0538]{background:#f8f6f3}.position[data-v-d17f0538]{display:flex;flex-direction:column;align-items:center;gap:6px}.position-number[data-v-d17f0538]{font-size:22px;font-weight:800;color:var(--brown-1);line-height:1}.medal .gold[data-v-d17f0538]{color:gold}.medal .silver[data-v-d17f0538]{color:silver}.medal .bronze[data-v-d17f0538]{color:#cd7f32}.student-info[data-v-d17f0538]{display:flex;flex-direction:column;gap:4px}.student-name[data-v-d17f0538]{font-weight:800;color:var(--brown-1);font-size:16px;letter-spacing:-.01em}.current-indicator[data-v-d17f0538]{color:#77553e;font-weight:700;font-size:14px;background:#f0e6d9;padding:2px 6px;border-radius:8px;margin-left:8px;border:1px solid #77553e}.student-nickname[data-v-d17f0538]{font-size:13px;color:var(--slate-3);font-weight:500}.stats[data-v-d17f0538]{display:flex;flex-direction:column;gap:8px}.stat-item[data-v-d17f0538]{display:flex;justify-content:space-between;align-items:center}.stat-value[data-v-d17f0538]{font-weight:800}.score[data-v-d17f0538]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.score-number[data-v-d17f0538]{font-size:24px;font-weight:900;color:var(--brown-1);line-height:1;padding:6px 10px;background:#f8fafc;border:1px solid var(--slate-1);border-radius:12px}.score-label[data-v-d17f0538]{font-size:12px;color:var(--slate-3);font-weight:600}.rating-summary[data-v-d17f0538]{display:flex;justify-content:center}.summary-card[data-v-d17f0538]{background:var(--white);border:1px solid var(--slate-1);border-radius:16px;padding:20px 24px;min-width:320px;box-shadow:var(--shadow-sm)}.summary-card h3[data-v-d17f0538]{margin:0 0 12px;text-align:center;color:var(--brown-1);font-size:20px;font-weight:800;position:relative;padding-bottom:8px}.summary-card h3[data-v-d17f0538]:after{content:"";position:absolute;left:50%;transform:translateX(-50%);bottom:0;width:60px;height:3px;border-radius:2px;background:linear-gradient(135deg,var(--brown-1),var(--brown-2))}.summary-stats[data-v-d17f0538]{display:flex;flex-direction:column;gap:10px}.summary-item[data-v-d17f0538]{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid var(--slate-1)}.summary-item[data-v-d17f0538]:last-child{border-bottom:none}.summary-label[data-v-d17f0538]{color:var(--brown-1);font-weight:600}.summary-value[data-v-d17f0538]{color:var(--brown-1);font-weight:800}.student-rating-content[data-v-d17f0538]{display:flex;justify-content:center}.student-rating-card[data-v-d17f0538]{background:var(--white);border:1px solid var(--slate-1);border-radius:20px;padding:28px;max-width:640px;width:100%;box-shadow:var(--shadow-sm)}.student-rating-header[data-v-d17f0538]{text-align:center;margin-bottom:20px}.student-rating-header h3[data-v-d17f0538]{margin:0 0 16px;color:var(--brown-1);font-size:22px;font-weight:800}.student-rank-info[data-v-d17f0538]{display:flex;align-items:center;justify-content:center;gap:20px}.rank-position[data-v-d17f0538]{display:flex;flex-direction:column;align-items:center;gap:6px}.rank-number[data-v-d17f0538]{font-size:56px;font-weight:900;color:var(--brown-1);line-height:1}.rank-label[data-v-d17f0538]{font-size:16px;color:var(--brown-1);font-weight:700}.rank-medal .gold[data-v-d17f0538]{color:gold;width:42px;height:42px}.rank-medal .silver[data-v-d17f0538]{color:silver;width:42px;height:42px}.rank-medal .bronze[data-v-d17f0538]{color:#cd7f32;width:42px;height:42px}.student-stats[data-v-d17f0538]{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:16px}.stat-card[data-v-d17f0538]{background:var(--white);border:1px solid var(--slate-1);border-radius:16px;padding:18px;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-sm)}.stat-card[data-v-d17f0538]:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.stat-icon[data-v-d17f0538]{font-size:22px;margin-bottom:10px}.stat-content[data-v-d17f0538]{display:flex;flex-direction:column;gap:4px}.stat-value[data-v-d17f0538]{font-size:22px;font-weight:900;color:var(--brown-1)}.stat-label[data-v-d17f0538]{font-size:12px;color:var(--slate-3);font-weight:600}@media (max-width:768px){.top-bar-left[data-v-d17f0538]{flex-direction:column;gap:0;align-items:flex-start}.hatm-view-container[data-v-d17f0538]{padding:6px}.rating-container[data-v-d17f0538]{padding:16px}.rating-filters[data-v-d17f0538]{flex-direction:column;align-items:stretch;gap:12px}.filter-group[data-v-d17f0538]{min-width:auto}.rating-header-row[data-v-d17f0538],.rating-row[data-v-d17f0538]{grid-template-columns:70px 1fr 1fr;gap:12px;padding:12px 14px}.stats[data-v-d17f0538]{display:none}.position-number[data-v-d17f0538]{font-size:20px}.score-number[data-v-d17f0538]{font-size:22px}.student-rating-card[data-v-d17f0538]{padding:20px}.rank-number[data-v-d17f0538]{font-size:44px}.student-stats[data-v-d17f0538]{grid-template-columns:repeat(2,1fr);gap:12px}.stat-card[data-v-d17f0538]{padding:14px}.stat-value[data-v-d17f0538]{font-size:18px}}.grade-5[data-v-d17f0538]{color:#28a745;border-bottom:3px solid #28a745;font-weight:800;background:#fff}.grade-4[data-v-d17f0538]{color:#ffc107;border-bottom:3px solid #ffc107;font-weight:800;background:#fff}.grade-3[data-v-d17f0538]{color:#fd7e14;border-bottom:3px solid #fd7e14;font-weight:800;background:#fff}.grade-2[data-v-d17f0538]{color:#800020;border-bottom:3px solid #800020;font-weight:800;background:#fff}.grade-Н[data-v-d17f0538]{color:#495057;border-bottom:3px solid #495057;font-weight:800;background:#fff}.hatm-view-container[data-v-27ef2275]{min-height:100vh;padding:20px;margin:0 auto;max-width:1400px;padding-bottom:100px}.statistics-container[data-v-27ef2275]{font-family:Arial,sans-serif;max-width:1200px;margin:0 auto;padding:20px;background:var(--light-gradient);border-radius:12px;box-shadow:0 4px 15px rgba(119,85,62,.1);min-height:100vh;padding-bottom:100px}.top-bar[data-v-27ef2275]{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#77553e,#8b6b4a);padding:20px 30px;border-radius:20px;margin-bottom:24px;color:#fff}.top-bar-left[data-v-27ef2275],.top-bar-right[data-v-27ef2275]{display:flex;align-items:center;gap:12px}.logout-btn[data-v-27ef2275]{background:hsla(0,0%,100%,.2);color:var(--white);border:2px solid hsla(0,0%,100%,.3);border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s ease;backdrop-filter:blur(10px);text-decoration:none;display:inline-flex;align-items:center;gap:8px;padding:12px 20px}.logout-btn[data-v-27ef2275]:hover{background:hsla(0,0%,100%,.3);border-color:hsla(0,0%,100%,.5);transform:translateY(-2px);color:var(--white)}.logo img[data-v-27ef2275]{max-height:60px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1));margin-right:0}.class-select[data-v-27ef2275]{padding:10px 15px;border:1px solid hsla(0,0%,100%,.3);border-radius:12px;background:hsla(0,0%,100%,.1);color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;backdrop-filter:blur(10px)}.class-select[data-v-27ef2275]:focus{outline:none;border-color:hsla(0,0%,100%,.5);box-shadow:0 0 0 2px hsla(0,0%,100%,.1)}.main-content[data-v-27ef2275]{margin-top:20px}.section-title[data-v-27ef2275]{color:#77553e;font-size:22px;font-weight:800;position:relative;padding-bottom:12px;margin-bottom:24px}.section-title[data-v-27ef2275]:after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:60px;height:4px;background:linear-gradient(135deg,#77553e,#8b6b4a);border-radius:2px}.section[data-v-27ef2275]{background:#fff;padding:32px;border-radius:20px;margin-bottom:32px;border:1px solid rgba(119,85,62,.05)}.section-title[data-v-27ef2275]{color:var(--primary-brown);font-size:24px;font-weight:700;margin-bottom:20px;text-align:center}.stats-overview[data-v-27ef2275]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:30px}.stat-card[data-v-27ef2275]{background:#f8fafc;padding:20px;border-radius:16px;border:1px solid #e2e8f0;display:flex;align-items:center;gap:20px;transition:all .3s ease}.stat-card[data-v-27ef2275]:hover{transform:translateY(-2px);box-shadow:0 8px 30px rgba(119,85,62,.15);border-color:#77553e}.stat-icon[data-v-27ef2275]{font-size:40px}.stat-content[data-v-27ef2275]{flex:1}.stat-number[data-v-27ef2275]{font-size:28px;font-weight:800;color:#77553e;margin-bottom:5px}.stat-label[data-v-27ef2275]{font-size:14px}.groups-stats[data-v-27ef2275]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.group-stat-card[data-v-27ef2275]{background:#f8fafc;padding:20px;border-radius:16px;border:1px solid #e2e8f0;transition:all .3s ease}.group-stat-card[data-v-27ef2275]:hover{transform:translateY(-2px);box-shadow:0 8px 30px rgba(119,85,62,.15);border-color:#77553e}.group-name[data-v-27ef2275]{color:var(--primary-brown);font-size:18px;font-weight:600;margin-bottom:15px;text-align:center}.group-stats-grid[data-v-27ef2275]{display:grid;grid-template-columns:1fr 1fr;gap:10px}.group-stat[data-v-27ef2275]{display:flex;justify-content:space-between;align-items:center;padding:8px 0}.stat-label[data-v-27ef2275]{font-weight:500;color:#666}.stat-value[data-v-27ef2275]{font-weight:600;color:var(--primary-brown)}.top-students[data-v-27ef2275]{display:grid;gap:15px}.student-card[data-v-27ef2275]{background:var(--light-cream);padding:20px;border-radius:12px;display:flex;align-items:center;gap:20px;border:2px solid var(--beige)}.student-rank[data-v-27ef2275]{background:var(--primary-brown);color:var(--white);width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px}.student-info[data-v-27ef2275]{flex:1}.student-name[data-v-27ef2275]{font-weight:600;color:var(--primary-brown);font-size:16px;margin-bottom:5px}.student-group[data-v-27ef2275]{font-size:14px;color:#666}.student-stats[data-v-27ef2275]{text-align:right}.student-attendance[data-v-27ef2275],.student-grade[data-v-27ef2275]{font-size:14px;color:#666;margin-bottom:5px}.charts-container[data-v-27ef2275]{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:25px}.chart-card[data-v-27ef2275]{background:#fff;padding:24px;border-radius:16px;border:1px solid rgba(119,85,62,.08)}.skeleton[data-v-27ef2275]{position:relative;overflow:hidden}.skeleton[data-v-27ef2275]:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(0,0,0,.05),transparent);animation:shimmer-27ef2275 1.4s infinite}@keyframes shimmer-27ef2275{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.skeleton-text[data-v-27ef2275]{height:12px;background:#e5e7eb;border-radius:6px;margin:6px 0}.skeleton-text.large[data-v-27ef2275]{height:22px;width:60%}.skeleton-text.small[data-v-27ef2275]{height:10px;width:40%}.skeleton-circle[data-v-27ef2275]{width:48px;height:48px;border-radius:50%;background:#e5e7eb}.skeleton-box[data-v-27ef2275]{width:36px;height:36px;border-radius:8px;background:#e5e7eb}.skeleton-rect.large[data-v-27ef2275]{height:140px;background:#e5e7eb;border-radius:10px}.fade-in[data-v-27ef2275]{animation:fade-27ef2275 .25s ease-in}@keyframes fade-27ef2275{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:none}}.chart-card h4[data-v-27ef2275]{color:var(--primary-brown);font-size:18px;font-weight:600;margin-bottom:20px;text-align:center}.grade-distribution[data-v-27ef2275]{display:grid;gap:15px}.grade-bar[data-v-27ef2275]{display:flex;align-items:center;gap:15px}.grade-label[data-v-27ef2275]{width:30px;font-weight:600;color:var(--primary-brown)}.grade-bar-container[data-v-27ef2275]{flex:1;height:20px;background:var(--beige);border-radius:10px;overflow:hidden}.grade-bar-fill[data-v-27ef2275]{height:100%;background:var(--primary-brown);border-radius:10px;transition:width .3s ease}.grade-count[data-v-27ef2275]{width:40px;text-align:right;font-weight:600;color:var(--primary-brown)}.attendance-chart[data-v-27ef2275]{display:grid;gap:15px}.day-attendance[data-v-27ef2275]{display:flex;align-items:center;gap:15px}.day-label[data-v-27ef2275]{width:40px;font-weight:600;color:var(--primary-brown)}.attendance-bar-container[data-v-27ef2275]{flex:1;height:20px;background:var(--beige);border-radius:10px;overflow:hidden}.attendance-bar-fill[data-v-27ef2275]{height:100%;background:var(--primary-brown);border-radius:10px;transition:width .3s ease}.attendance-percent[data-v-27ef2275]{width:50px;text-align:right;font-weight:600;color:var(--primary-brown)}@media (max-width:768px){.statistics-container[data-v-27ef2275]{padding:15px}.top-bar[data-v-27ef2275]{flex-direction:column;gap:15px}.logo img[data-v-27ef2275]{max-height:60px;margin-right:0}.charts-container[data-v-27ef2275],.groups-stats[data-v-27ef2275],.stats-overview[data-v-27ef2275]{grid-template-columns:1fr}.student-card[data-v-27ef2275]{flex-direction:column;text-align:center}.student-stats[data-v-27ef2275]{text-align:center}}@media (max-width:480px){.statistics-container[data-v-27ef2275]{padding:10px}.section[data-v-27ef2275]{padding:15px}.page-title[data-v-27ef2275]{font-size:24px}.section-title[data-v-27ef2275]{font-size:20px}.stat-card[data-v-27ef2275]{padding:15px}.stat-icon[data-v-27ef2275]{font-size:36px;padding:10px}.stat-number[data-v-27ef2275]{font-size:24px}}.juz-revision-container[data-v-276fa0e8]{background:var(--white);border-radius:12px;padding:20px;box-shadow:0 4px 15px rgba(119,85,62,.1);border:1px solid var(--beige)}.table-header[data-v-276fa0e8]{margin-bottom:20px}.table-title[data-v-276fa0e8]{display:flex;align-items:center;gap:8px;color:var(--primary-brown);font-size:1.5rem;font-weight:600;margin:0}.table-wrapper[data-v-276fa0e8]{overflow-x:auto}.table[data-v-276fa0e8]{width:100%;border-collapse:collapse;background:var(--white);border-radius:12px;overflow:hidden;box-shadow:0 4px 15px rgba(119,85,62,.1)}.table th[data-v-276fa0e8]{background:var(--primary-brown);color:var(--white);font-weight:600;padding:12px 16px;text-align:center;white-space:nowrap}.table td[data-v-276fa0e8]{padding:12px 16px;text-align:center;border-bottom:1px solid var(--beige)}.table tr[data-v-276fa0e8]:nth-child(2n){background-color:var(--light-cream)}.table tr[data-v-276fa0e8]:hover{background-color:var(--cream)}.student-name[data-v-276fa0e8]{display:flex;align-items:center;gap:8px;font-weight:600;color:var(--primary-brown);background:var(--light-cream)!important}.grade-input[data-v-276fa0e8]{width:100%;max-width:80px;padding:8px 12px;border:2px solid var(--beige);border-radius:6px;font-size:14px;text-align:center;background:var(--white);color:var(--primary-brown);transition:all .3s ease}.grade-input[data-v-276fa0e8]:focus{outline:none;border-color:var(--primary-brown);box-shadow:0 0 0 3px rgba(119,85,62,.1)}.grade-input[data-v-276fa0e8]::-moz-placeholder{color:var(--light-gray);font-size:12px}.grade-input[data-v-276fa0e8]::placeholder{color:var(--light-gray);font-size:12px}@media (max-width:768px){.juz-revision-container[data-v-276fa0e8]{padding:15px}.table-title[data-v-276fa0e8]{font-size:1.25rem}.table td[data-v-276fa0e8],.table th[data-v-276fa0e8]{padding:8px 4px;font-size:12px}.grade-input[data-v-276fa0e8]{max-width:60px;padding:6px 8px;font-size:12px}}.hifz-plan-container[data-v-88bc8894]{background:#fff;border-radius:16px;box-shadow:0 4px 12px rgba(119,85,62,.1);overflow:hidden;margin:20px 0}.table-header[data-v-88bc8894]{background:linear-gradient(135deg,#77553e,#d9b99c);padding:24px;color:#fff;text-align:center}.table-title[data-v-88bc8894]{font-size:24px;font-weight:700;margin:0 0 8px 0;display:flex;align-items:center;justify-content:center;gap:12px}.table-subtitle[data-v-88bc8894]{font-size:16px;margin:0 0 16px 0;opacity:.9}.year-selector[data-v-88bc8894]{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:16px}.year-select[data-v-88bc8894],.year-selector label[data-v-88bc8894]{font-weight:600;font-size:14px}.year-select[data-v-88bc8894]{padding:8px 12px;border:2px solid hsla(0,0%,100%,.3);border-radius:8px;background:hsla(0,0%,100%,.1);color:#fff;cursor:pointer;transition:all .3s ease}.year-select[data-v-88bc8894]:focus{outline:none;border-color:hsla(0,0%,100%,.6);background:hsla(0,0%,100%,.2)}.year-select option[data-v-88bc8894]{background:#77553e;color:#fff}.table-wrapper[data-v-88bc8894]{overflow-x:auto;padding:20px}.hifz-table[data-v-88bc8894]{width:100%;border-collapse:collapse;min-width:800px;border:2px solid #e2e8f0}.hifz-table th[data-v-88bc8894]{background:#f8fafc;padding:16px 8px;text-align:center;border-bottom:2px solid #e2e8f0;border-right:1px solid #e2e8f0;font-weight:600;color:#77553e;position:sticky;top:0;z-index:10}.student-column[data-v-88bc8894]{min-width:200px;text-align:left}.month-column[data-v-88bc8894]{min-width:80px;text-align:center}.progress-column[data-v-88bc8894]{min-width:120px;text-align:center}.month-header[data-v-88bc8894]{display:flex;flex-direction:column;align-items:center;gap:4px}.month-number[data-v-88bc8894]{font-size:18px;font-weight:700;color:#77553e}.month-label[data-v-88bc8894]{font-size:10px;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.student-row[data-v-88bc8894]{border-bottom:1px solid #e2e8f0;transition:background-color .2s ease}.student-row td[data-v-88bc8894]{border-right:1px solid #e2e8f0}.student-row[data-v-88bc8894]:hover{background-color:#f8fafc}.student-name[data-v-88bc8894]{padding:16px;text-align:left}.student-info[data-v-88bc8894]{display:flex;flex-direction:column;gap:4px}.student-name-text[data-v-88bc8894]{font-weight:600;color:#77553e;font-size:14px}.student-progress-text[data-v-88bc8894]{font-size:12px;color:#64748b}.month-cell[data-v-88bc8894]{padding:8px 4px;text-align:center}.month-status[data-v-88bc8894]{width:60px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;margin:0 auto;border:2px solid transparent}.month-status.completed[data-v-88bc8894]{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 2px 8px rgba(16,185,129,.3)}.month-status.in-progress[data-v-88bc8894]{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;box-shadow:0 2px 8px rgba(245,158,11,.3)}.month-status.not-started[data-v-88bc8894]{background:#f1f5f9;border-color:#e2e8f0;color:#64748b}.month-status[data-v-88bc8894]:hover{transform:scale(1.05);box-shadow:0 4px 12px rgba(119,85,62,.2)}.month-status.completed[data-v-88bc8894]:hover{background:linear-gradient(135deg,#059669,#047857)}.month-status.in-progress[data-v-88bc8894]:hover{background:linear-gradient(135deg,#d97706,#b45309)}.month-status.not-started[data-v-88bc8894]:hover{background:#e2e8f0;border-color:#77553e;color:#77553e}.month-content[data-v-88bc8894]{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:12px;font-weight:600}.completed-juz[data-v-88bc8894]{font-size:14px;font-weight:700}.total-juz[data-v-88bc8894]{font-size:10px;opacity:.8}.progress-cell[data-v-88bc8894]{padding:16px 8px;text-align:center}.progress-bar[data-v-88bc8894]{width:100%;height:8px;background:#e2e8f0;border-radius:4px;overflow:hidden;margin-bottom:8px}.progress-fill[data-v-88bc8894]{height:100%;background:linear-gradient(90deg,#77553e,#d9b99c);transition:width .3s ease}.progress-text[data-v-88bc8894]{font-size:12px;font-weight:600;color:#77553e}.statistics-section[data-v-88bc8894]{background:#f8fafc;padding:24px;border-top:1px solid #e2e8f0}.stats-grid[data-v-88bc8894]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.stat-card[data-v-88bc8894]{background:#fff;border-radius:12px;padding:20px;display:flex;align-items:center;gap:16px;box-shadow:0 2px 8px rgba(119,85,62,.08);border:1px solid #e2e8f0;transition:all .3s ease}.stat-card[data-v-88bc8894]:hover{transform:translateY(-2px);box-shadow:0 4px 16px rgba(119,85,62,.12)}.stat-icon[data-v-88bc8894]{font-size:24px;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#77553e,#d9b99c);border-radius:12px;color:#fff}.stat-content[data-v-88bc8894]{flex:1}.stat-number[data-v-88bc8894]{font-size:24px;font-weight:700;color:#77553e;margin-bottom:4px}.stat-label[data-v-88bc8894]{font-size:14px;color:#64748b;font-weight:500}.icon-lg[data-v-88bc8894]{width:24px;height:24px}.icon[data-v-88bc8894]{width:16px;height:16px}.modal-overlay[data-v-88bc8894]{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content[data-v-88bc8894]{background:#fff;border-radius:16px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 8px 32px rgba(0,0,0,.15)}.modal-header[data-v-88bc8894]{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid #e2e8f0}.modal-header h3[data-v-88bc8894]{margin:0;color:#77553e;font-size:20px;font-weight:600}.close-btn[data-v-88bc8894]{background:none;border:none;font-size:24px;cursor:pointer;color:#64748b;padding:8px;border-radius:8px;transition:all .3s ease}.close-btn[data-v-88bc8894]:hover{background:#f1f5f9;color:#77553e}.modal-body[data-v-88bc8894]{padding:24px}.juz-selection h4[data-v-88bc8894]{margin:0 0 16px 0;color:#77553e;font-size:16px;font-weight:600}.juz-grid[data-v-88bc8894]{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:12px;margin-bottom:24px}.juz-item[data-v-88bc8894]{display:flex;flex-direction:column;align-items:center;padding:12px 8px;border:2px solid #e2e8f0;border-radius:8px;cursor:pointer;transition:all .3s ease;background:#fff}.juz-item[data-v-88bc8894]:hover{border-color:#77553e;transform:translateY(-2px);box-shadow:0 4px 12px rgba(119,85,62,.1)}.juz-item.selected[data-v-88bc8894]{background:linear-gradient(135deg,#77553e,#d9b99c);border-color:#77553e;color:#fff;box-shadow:0 4px 12px rgba(119,85,62,.2)}.juz-number[data-v-88bc8894]{font-size:18px;font-weight:700;margin-bottom:4px}.juz-label[data-v-88bc8894]{font-size:10px;text-transform:uppercase;letter-spacing:.5px}.azkar-selection h4[data-v-88bc8894]{margin:0 0 16px 0;color:#77553e;font-size:16px;font-weight:600}.azkar-grid[data-v-88bc8894]{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:12px;margin-bottom:24px}.azkar-item[data-v-88bc8894]{display:flex;flex-direction:column;align-items:center;padding:12px 8px;border:2px solid #e2e8f0;border-radius:8px;cursor:pointer;transition:all .3s ease;background:#fff}.azkar-item[data-v-88bc8894]:hover{border-color:#77553e;transform:translateY(-2px);box-shadow:0 4px 12px rgba(119,85,62,.1)}.azkar-item.selected[data-v-88bc8894]{background:linear-gradient(135deg,#77553e,#d9b99c);border-color:#77553e;color:#fff;box-shadow:0 4px 12px rgba(119,85,62,.2)}.azkar-number[data-v-88bc8894]{font-size:18px;font-weight:700;margin-bottom:4px}.azkar-label[data-v-88bc8894]{font-size:10px;text-transform:uppercase;letter-spacing:.5px}.month-summary[data-v-88bc8894]{background:#f8fafc;padding:16px;border-radius:8px;border:1px solid #e2e8f0}.summary-item[data-v-88bc8894]{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.summary-item[data-v-88bc8894]:last-child{margin-bottom:0}.summary-label[data-v-88bc8894]{font-weight:500;color:#64748b}.summary-value[data-v-88bc8894]{font-weight:700;color:#77553e}.summary-value.completed[data-v-88bc8894]{color:#10b981}.modal-footer[data-v-88bc8894]{display:flex;justify-content:flex-end;gap:12px;padding:24px;border-top:1px solid #e2e8f0}.btn-primary[data-v-88bc8894],.btn-secondary[data-v-88bc8894]{padding:12px 24px;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-primary[data-v-88bc8894]{background:linear-gradient(135deg,#77553e,#d9b99c);color:#fff}.btn-primary[data-v-88bc8894]:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(119,85,62,.2)}.btn-secondary[data-v-88bc8894]{background:#f1f5f9;color:#64748b;border:1px solid #e2e8f0}.btn-secondary[data-v-88bc8894]:hover{background:#e2e8f0;color:#77553e}@media (max-width:768px){.table-wrapper[data-v-88bc8894]{padding:12px}.hifz-table[data-v-88bc8894]{min-width:800px}.month-column[data-v-88bc8894]{min-width:70px}.month-status[data-v-88bc8894]{width:50px;height:35px}.month-content[data-v-88bc8894]{font-size:11px}.completed-juz[data-v-88bc8894]{font-size:12px}.total-juz[data-v-88bc8894]{font-size:9px}.stats-grid[data-v-88bc8894]{grid-template-columns:repeat(2,1fr);gap:12px}.stat-card[data-v-88bc8894]{padding:16px}.stat-icon[data-v-88bc8894]{width:40px;height:40px;font-size:20px}.stat-number[data-v-88bc8894]{font-size:20px}.stat-label[data-v-88bc8894]{font-size:12px}.modal-content[data-v-88bc8894]{width:95%;margin:20px}.juz-grid[data-v-88bc8894]{grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:8px}.juz-item[data-v-88bc8894]{padding:8px 4px}.juz-number[data-v-88bc8894]{font-size:16px}.juz-label[data-v-88bc8894]{font-size:8px}.azkar-grid[data-v-88bc8894]{grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:8px}.azkar-item[data-v-88bc8894]{padding:8px 4px}.azkar-number[data-v-88bc8894]{font-size:16px}.azkar-label[data-v-88bc8894]{font-size:8px}}@media (max-width:480px){.table-header[data-v-88bc8894]{padding:16px}.table-title[data-v-88bc8894]{font-size:20px}.table-subtitle[data-v-88bc8894]{font-size:14px}.year-selector[data-v-88bc8894]{flex-direction:column;gap:8px}.stats-grid[data-v-88bc8894]{grid-template-columns:1fr}.hifz-table[data-v-88bc8894]{min-width:600px}.month-column[data-v-88bc8894]{min-width:60px}.month-status[data-v-88bc8894]{width:45px;height:30px}.month-content[data-v-88bc8894]{font-size:10px}.completed-juz[data-v-88bc8894]{font-size:11px}.total-juz[data-v-88bc8894]{font-size:8px}.modal-body[data-v-88bc8894],.modal-footer[data-v-88bc8894],.modal-header[data-v-88bc8894]{padding:16px}.juz-grid[data-v-88bc8894]{grid-template-columns:repeat(auto-fill,minmax(50px,1fr));gap:6px}.juz-item[data-v-88bc8894]{padding:6px 2px}.juz-number[data-v-88bc8894]{font-size:14px}.juz-label[data-v-88bc8894]{font-size:7px}.azkar-grid[data-v-88bc8894]{grid-template-columns:repeat(auto-fill,minmax(50px,1fr));gap:6px}.azkar-item[data-v-88bc8894]{padding:6px 2px}.azkar-number[data-v-88bc8894]{font-size:14px}.azkar-label[data-v-88bc8894]{font-size:7px}}.demo-container[data-v-3e44b6fc]{max-width:1400px;margin:0 auto;padding:20px;background:#f8fafc;min-height:100vh}.demo-header[data-v-3e44b6fc]{text-align:center;margin-bottom:40px;padding:30px;background:linear-gradient(135deg,#77553e,#d9b99c);border-radius:16px;color:#fff}.demo-header h1[data-v-3e44b6fc]{margin:0 0 10px 0;font-size:2.5rem;font-weight:700}.demo-header p[data-v-3e44b6fc]{margin:0;font-size:1.1rem;opacity:.9}.debug-info[data-v-3e44b6fc]{background:#fef3c7;border:2px solid #f59e0b;border-radius:8px;padding:15px;margin-bottom:20px}.debug-info h3[data-v-3e44b6fc]{margin:0 0 10px 0;color:#92400e}.debug-info p[data-v-3e44b6fc]{margin:5px 0;color:#92400e}.error-message[data-v-3e44b6fc]{background:#fee2e2;border:2px solid #ef4444;border-radius:8px;padding:20px;text-align:center;color:#dc2626;font-weight:700;font-size:18px}.mode-selector[data-v-3e44b6fc]{display:flex;justify-content:center;gap:20px;margin-bottom:40px}.mode-btn[data-v-3e44b6fc]{padding:15px 30px;border:2px solid #77553e;border-radius:12px;background:#fff;color:#77553e;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.mode-btn[data-v-3e44b6fc]:hover{background:#f8fafc;transform:translateY(-2px);box-shadow:0 4px 12px rgba(119,85,62,.15)}.mode-btn.active[data-v-3e44b6fc]{background:linear-gradient(135deg,#77553e,#d9b99c);color:#fff;box-shadow:0 4px 12px rgba(119,85,62,.3)}.component-section[data-v-3e44b6fc]{margin-bottom:40px;background:#fff;border-radius:16px;padding:30px;box-shadow:0 4px 20px rgba(119,85,62,.08)}.component-section h2[data-v-3e44b6fc]{color:#77553e;margin:0 0 10px 0;font-size:1.8rem;font-weight:700}.component-description[data-v-3e44b6fc]{color:#64748b;margin:0 0 20px 0;font-size:1rem;line-height:1.6}@media (max-width:768px){.demo-container[data-v-3e44b6fc]{padding:15px}.demo-header[data-v-3e44b6fc]{padding:20px}.demo-header h1[data-v-3e44b6fc]{font-size:2rem}.mode-selector[data-v-3e44b6fc]{flex-direction:column;gap:15px}.mode-btn[data-v-3e44b6fc]{width:100%}.component-section[data-v-3e44b6fc]{padding:20px}.component-section h2[data-v-3e44b6fc]{font-size:1.5rem}}.schedule-page[data-v-0d3dc530]{min-height:100vh;background:#f5efe8;padding:28px 18px 110px;color:#3f2d21}.schedule-card[data-v-0d3dc530]{max-width:980px;margin:0 auto}.link-panel[data-v-0d3dc530],.schedule-list[data-v-0d3dc530],.slot-form[data-v-0d3dc530],header[data-v-0d3dc530]{background:#fff;border:1px solid #eadfd4;border-radius:18px;padding:22px;margin-bottom:18px;box-shadow:0 8px 30px rgba(80,52,34,.06)}header[data-v-0d3dc530]{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}h1[data-v-0d3dc530],h2[data-v-0d3dc530],p[data-v-0d3dc530]{margin-top:0}h1[data-v-0d3dc530]{margin-bottom:8px}h2[data-v-0d3dc530]{font-size:18px}.back-link[data-v-0d3dc530]{color:#77553e;font-weight:700;white-space:nowrap}.link-panel[data-v-0d3dc530]{display:flex;align-items:center;gap:18px;justify-content:space-between;border-left:5px solid #c48d4d}.link-panel.linked[data-v-0d3dc530]{border-left-color:#2f9b62}.link-code[data-v-0d3dc530]{font:800 25px/1 monospace;letter-spacing:4px;padding:13px 16px;background:#f5efe8;border-radius:10px}.slot-form[data-v-0d3dc530]{display:grid;grid-template-columns:1.3fr 1.3fr 1fr .8fr .9fr auto;gap:12px;align-items:end}.slot-form h2[data-v-0d3dc530]{grid-column:1/-1;margin-bottom:2px}label[data-v-0d3dc530]{display:grid;gap:6px;font-weight:700;font-size:13px}input[data-v-0d3dc530],select[data-v-0d3dc530]{min-width:0;padding:11px 10px;border:1px solid #d8c8ba;border-radius:9px;background:#fff;color:inherit}button[data-v-0d3dc530]{border:0;border-radius:9px;background:#77553e;color:#fff;padding:12px 16px;font-weight:800;cursor:pointer}button[data-v-0d3dc530]:disabled{opacity:.55;cursor:wait}.link-actions[data-v-0d3dc530]{display:flex;gap:8px}.secondary[data-v-0d3dc530]{background:#eee2d6;color:#5e4432}.list-heading[data-v-0d3dc530]{display:flex;align-items:center;gap:10px}.list-heading span[data-v-0d3dc530]{background:#f0e5da;padding:3px 9px;border-radius:20px}.slot[data-v-0d3dc530]{display:grid;grid-template-columns:150px 70px 1fr 75px 34px;align-items:center;gap:12px;padding:14px 0;border-top:1px solid #eee5dd}.day[data-v-0d3dc530],.time[data-v-0d3dc530]{font-weight:800}.group-name[data-v-0d3dc530]{color:#624b3c}.duration[data-v-0d3dc530]{color:#8c7463}.remove[data-v-0d3dc530]{background:#f8e5e5;color:#a13c3c;padding:6px;font-size:20px}.empty[data-v-0d3dc530]{color:#8c7463}.notice[data-v-0d3dc530]{max-width:980px;margin:10px auto;padding:12px 15px;border-radius:10px;background:#e4f5ea;color:#236a42}.notice.error[data-v-0d3dc530]{background:#fde7e7;color:#963737}@media (max-width:850px){.slot-form[data-v-0d3dc530]{grid-template-columns:1fr 1fr}.slot-form button[data-v-0d3dc530]{grid-column:1/-1}.slot[data-v-0d3dc530]{grid-template-columns:1fr 60px 34px}.group-name[data-v-0d3dc530]{grid-column:1/3}.duration[data-v-0d3dc530]{display:none}.link-panel[data-v-0d3dc530],header[data-v-0d3dc530]{flex-direction:column}}.accounts-page[data-v-8fb33dfa]{min-height:100vh;padding:30px 22px 100px;color:#392b22;background:linear-gradient(180deg,#f7f1e8,#efe5d8)}.create-card[data-v-8fb33dfa],.credentials-card[data-v-8fb33dfa],.list-card[data-v-8fb33dfa],.page-header[data-v-8fb33dfa]{max-width:1120px;margin:0 auto 20px;padding:28px;border:1px solid #e7d8c9;border-radius:22px;background:#fff;box-shadow:0 12px 36px rgba(76,48,29,.07)}.page-header[data-v-8fb33dfa]{display:flex;justify-content:space-between;align-items:flex-start;gap:25px;color:#fff;border:0;background:linear-gradient(135deg,#4d3526,#79583f)}.page-header h1[data-v-8fb33dfa]{margin:3px 0 8px;font-size:37px}.page-header p[data-v-8fb33dfa]{max-width:700px;margin:0;color:hsla(0,0%,100%,.78)}.eyebrow[data-v-8fb33dfa]{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.back-link[data-v-8fb33dfa]{padding:10px 13px;color:#fff;border:1px solid hsla(0,0%,100%,.25);border-radius:10px;text-decoration:none;white-space:nowrap}.card-heading[data-v-8fb33dfa]{display:flex;gap:14px;align-items:center;margin-bottom:20px}.card-heading h2[data-v-8fb33dfa],.credentials-card h2[data-v-8fb33dfa],.list-header h2[data-v-8fb33dfa]{margin:0}.card-heading p[data-v-8fb33dfa],.list-header p[data-v-8fb33dfa]{margin:3px 0 0;color:#867264}.heading-icon[data-v-8fb33dfa],.success-icon[data-v-8fb33dfa]{width:44px;height:44px;display:grid;place-items:center;border-radius:13px;background:#eee2d5;color:#735039;font-size:25px;font-weight:800}.teacher-form[data-v-8fb33dfa]{display:grid;grid-template-columns:1fr 1fr;gap:15px}.edit-modal label[data-v-8fb33dfa],.teacher-form label[data-v-8fb33dfa]{display:grid;gap:7px;font-size:13px;font-weight:750}.edit-modal input[data-v-8fb33dfa],.teacher-form input[data-v-8fb33dfa]{min-width:0;width:100%;padding:12px;border:1px solid #dbcabc;border-radius:10px;color:inherit;background:#fff}.login-input[data-v-8fb33dfa],.password-input[data-v-8fb33dfa]{display:flex;align-items:stretch;border:1px solid #dbcabc;border-radius:10px;overflow:hidden}.login-input input[data-v-8fb33dfa],.password-input input[data-v-8fb33dfa]{border:0;border-radius:0}.login-input span[data-v-8fb33dfa]{display:flex;align-items:center;padding:0 12px;color:#806b5d;background:#f5eee6}.primary-button[data-v-8fb33dfa]{align-self:end;min-height:45px;padding:11px 18px;border:0;border-radius:10px;color:#fff;background:#76543d;font-weight:800;cursor:pointer}.icon-button[data-v-8fb33dfa],.small-button[data-v-8fb33dfa]{border:0;padding:0 12px;color:#654832;background:#eee2d5;cursor:pointer}.icon-button[data-v-8fb33dfa]{background:#f6f0e9}.primary-button[data-v-8fb33dfa]:disabled,button[data-v-8fb33dfa]:disabled{opacity:.55;cursor:wait}.message[data-v-8fb33dfa]{padding:12px 14px;border-radius:10px}.error[data-v-8fb33dfa]{color:#8e3434;background:#fde9e9}.credentials-card[data-v-8fb33dfa]{display:flex;gap:18px;border-left:5px solid #39815d}.success-icon[data-v-8fb33dfa]{flex:0 0 44px;color:#fff;background:#39815d}.credentials-content[data-v-8fb33dfa]{flex:1}.credentials-content>p[data-v-8fb33dfa]{color:#74665c}.credentials-grid[data-v-8fb33dfa]{display:grid;grid-template-columns:1fr 1fr;gap:10px}.credentials-grid div[data-v-8fb33dfa]{padding:13px;border-radius:11px;background:#f4eee7}.credentials-grid span[data-v-8fb33dfa]{display:block;color:#89766a;font-size:12px}.credentials-grid strong[data-v-8fb33dfa]{word-break:break-all}.copy-button[data-v-8fb33dfa]{margin-top:13px;padding:9px 13px;border:0;border-radius:9px;color:#fff;background:#39815d;cursor:pointer}.list-header[data-v-8fb33dfa]{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px}.refresh-button[data-v-8fb33dfa]{padding:9px 12px;border:1px solid #dac9bb;border-radius:9px;color:#654832;background:#fff;cursor:pointer}.empty-state[data-v-8fb33dfa]{padding:35px;color:#867468;text-align:center;border:1px dashed #d8c6b7;border-radius:14px}.teacher-list[data-v-8fb33dfa]{display:grid;gap:10px}.teacher-row[data-v-8fb33dfa]{display:grid;grid-template-columns:46px minmax(180px,1fr) auto auto auto;gap:13px;align-items:center;padding:14px;border:1px solid #eadfd5;border-radius:14px}.teacher-row.disabled[data-v-8fb33dfa]{opacity:.62;background:#f5f2ef}.avatar[data-v-8fb33dfa]{width:44px;height:44px;display:grid;place-items:center;border-radius:13px;color:#fff;background:#76543d;font-weight:800}.teacher-info[data-v-8fb33dfa]{min-width:0}.teacher-info span[data-v-8fb33dfa],.teacher-info strong[data-v-8fb33dfa]{display:block;overflow:hidden;text-overflow:ellipsis}.teacher-info span[data-v-8fb33dfa]{color:#89776a;font-size:13px}.account-status[data-v-8fb33dfa],.telegram-status[data-v-8fb33dfa]{padding:6px 9px;border-radius:999px;color:#7b685c;background:#f1e9e1;font-size:12px;white-space:nowrap}.account-status.on[data-v-8fb33dfa],.telegram-status.linked[data-v-8fb33dfa]{color:#2e6d4d;background:#e6f4eb}.account-status.off[data-v-8fb33dfa]{color:#914141;background:#f9e8e8}.actions[data-v-8fb33dfa]{display:flex;gap:5px}.actions button[data-v-8fb33dfa]{padding:7px 9px;border:0;border-radius:8px;color:#594337;background:#eee5dc;cursor:pointer}.actions .disable[data-v-8fb33dfa]{color:#8d3838;background:#f9e4e4}.actions .enable[data-v-8fb33dfa]{color:#2d704e;background:#e3f3e9}.assignment-list[data-v-8fb33dfa]{display:grid;gap:9px}.assignment-row[data-v-8fb33dfa]{display:grid;grid-template-columns:minmax(180px,1fr) minmax(220px,320px) 120px;gap:14px;align-items:center;padding:14px;border:1px solid #eadfd5;border-radius:13px;background:#fdfbf9}.assignment-row span[data-v-8fb33dfa],.assignment-row strong[data-v-8fb33dfa]{display:block}.assignment-row div>span[data-v-8fb33dfa]{margin-top:3px;color:#89776a;font-size:12px}.assignment-row select[data-v-8fb33dfa]{width:100%;padding:11px;border:1px solid #d9c8ba;border-radius:10px;color:#49372c;background:#fff}.save-status[data-v-8fb33dfa]{color:#6f7c70;font-size:12px;text-align:right}.assignment-row em[data-v-8fb33dfa]{display:inline-block;margin-left:6px;padding:3px 6px;border-radius:6px;color:#246a55;background:#e1f1ea;font-size:9px;font-style:normal;vertical-align:middle}.modal-backdrop[data-v-8fb33dfa]{position:fixed;inset:0;z-index:3000;display:grid;place-items:center;padding:20px;background:rgba(35,24,18,.55)}.edit-modal[data-v-8fb33dfa]{width:min(430px,100%);display:grid;gap:14px;padding:25px;border-radius:18px;background:#fff}.edit-modal h2[data-v-8fb33dfa]{margin:0}.modal-actions[data-v-8fb33dfa]{display:flex;justify-content:flex-end;gap:8px}.modal-actions button[data-v-8fb33dfa]{padding:10px 14px;border:0;border-radius:9px;cursor:pointer}@media (max-width:900px){.teacher-row[data-v-8fb33dfa]{grid-template-columns:46px 1fr auto}.account-status[data-v-8fb33dfa],.telegram-status[data-v-8fb33dfa]{grid-column:span 1}.actions[data-v-8fb33dfa]{grid-column:1/-1;justify-content:flex-end}}@media (max-width:650px){.accounts-page[data-v-8fb33dfa]{padding:12px 10px 80px}.page-header[data-v-8fb33dfa]{flex-direction:column}.credentials-grid[data-v-8fb33dfa],.teacher-form[data-v-8fb33dfa]{grid-template-columns:1fr}.teacher-row[data-v-8fb33dfa]{grid-template-columns:44px 1fr}.account-status[data-v-8fb33dfa],.telegram-status[data-v-8fb33dfa]{grid-column:2;justify-self:start}.actions[data-v-8fb33dfa]{justify-content:stretch;flex-wrap:wrap}.actions button[data-v-8fb33dfa]{flex:1}.create-card[data-v-8fb33dfa],.credentials-card[data-v-8fb33dfa],.list-card[data-v-8fb33dfa],.page-header[data-v-8fb33dfa]{padding:20px;border-radius:17px}.assignment-row[data-v-8fb33dfa]{grid-template-columns:1fr}.save-status[data-v-8fb33dfa]{text-align:left}}.archive-page[data-v-14933688]{min-height:100vh;padding:28px;background:#f4f7f5;color:#173a32}.archive-header[data-v-14933688]{max-width:1180px;margin:0 auto 20px;padding:26px 30px;border-radius:24px;background:linear-gradient(135deg,#176b5a,#2d8c75);color:#fff;display:flex;justify-content:space-between;gap:20px}.archive-header h1[data-v-14933688]{margin:4px 0 8px;font-size:36px}.archive-header p[data-v-14933688]{margin:0;color:#d8f2ea}.eyebrow[data-v-14933688]{font-size:12px;font-weight:800;letter-spacing:.12em}.back[data-v-14933688]{align-self:flex-start;padding:10px 14px;border:1px solid #ffffff55;border-radius:11px;color:#fff;text-decoration:none}.archive-layout[data-v-14933688]{max-width:1180px;margin:auto;display:grid;grid-template-columns:330px 1fr;gap:18px}.archive-detail[data-v-14933688],.archive-list[data-v-14933688]{padding:20px;border:1px solid #dbe8e3;border-radius:20px;background:#fff;box-shadow:0 10px 30px #174c3d10}.detail-head[data-v-14933688],.list-title[data-v-14933688]{display:flex;align-items:center;justify-content:space-between;gap:15px}.detail-head h2[data-v-14933688],.list-title h2[data-v-14933688]{margin:0}.list-title span[data-v-14933688]{padding:4px 9px;border-radius:99px;background:#e1f1eb}.archive-item[data-v-14933688]{width:100%;margin-top:10px;padding:14px;border:1px solid #dce8e4;border-radius:13px;background:#f9fbfa;text-align:left;color:inherit;cursor:pointer}.archive-item small[data-v-14933688],.archive-item span[data-v-14933688],.archive-item strong[data-v-14933688]{display:block}.archive-item small[data-v-14933688],.archive-item span[data-v-14933688]{margin-top:4px;color:#688079}.archive-item.active[data-v-14933688]{border-color:#2b8b72;background:#e8f5f0}.archive-badge[data-v-14933688]{display:inline-block;margin-bottom:7px;padding:4px 8px;border-radius:6px;background:#e7f3ef;color:#23745f;font-size:11px;font-weight:900}.detail-head p[data-v-14933688]{margin:6px 0;color:#70827d}.empty[data-v-14933688]{padding:25px;color:#768882;text-align:center}.empty.large[data-v-14933688]{padding:90px 20px}.student-archive[data-v-14933688]{margin-top:10px;border:1px solid #dde9e5;border-radius:13px;overflow:hidden}.student-archive>button[data-v-14933688]{width:100%;padding:14px;border:0;background:#fbfcfc;color:inherit;display:flex;justify-content:space-between;text-align:left;cursor:pointer}.student-archive small[data-v-14933688],.student-archive strong[data-v-14933688]{display:block}.student-archive small[data-v-14933688]{margin-top:3px;color:#768882}.student-data[data-v-14933688]{padding:15px;border-top:1px solid #e3ece9}.grades-grid[data-v-14933688]{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px}.grades-grid>div[data-v-14933688]{padding:10px;border-radius:10px;background:#eef6f3}.grades-grid small[data-v-14933688],.grades-grid span[data-v-14933688]{display:block;color:#6b7e78}.grades-grid strong[data-v-14933688]{font-size:20px}@media(max-width:760px){.archive-page[data-v-14933688]{padding:12px}.archive-header[data-v-14933688]{padding:20px;flex-direction:column}.archive-layout[data-v-14933688]{grid-template-columns:1fr}.archive-header h1[data-v-14933688]{font-size:29px}}@tailwind base;@tailwind components;@tailwind utilities;:root{--primary-brown:#77553e;--dark-brown:#5d4037;--medium-brown:#8d6e63;--light-brown:#d7ccc8;--light-gray:#ccc;--beige:#d9b99c;--cream:#f4f1eb;--light-cream:#f5f5f5;--white:#fff;--accent-gold:gold;--light-red:#ffebee;--red:#f44336;--success-green:#4caf50;--warning-yellow:#ffc107;--danger-red:#f44336;--medium-gray:#9e9e9e;--info-blue:#2196f3;--primary-gradient:#77553e;--secondary-gradient:#d9b99c;--light-gradient:#f4f1eb}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;background-color:var(--light-cream);color:var(--primary-brown);line-height:1.6}.btn{padding:12px 24px;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s ease;text-decoration:none;display:inline-flex;align-items:center;gap:8px}.btn-primary{background:var(--primary-brown);color:var(--white)}.btn-primary:hover{background:#8b4513;transform:translateY(-2px);box-shadow:0 8px 25px rgba(119,85,62,.3)}.btn-secondary{background:var(--beige);color:var(--primary-brown)}.btn-secondary:hover{background:#c4a484;transform:translateY(-2px);box-shadow:0 8px 25px hsla(29,45%,73%,.3)}.btn-danger{background:linear-gradient(135deg,#dc2626,#b91c1c);color:var(--white)}.btn-danger:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(220,38,38,.3)}.card{border-radius:12px;padding:20px;border:1px solid var(--beige)}.card,.table{background:var(--white);box-shadow:0 4px 15px rgba(119,85,62,.1)}.table{width:100%;border-collapse:collapse;border-radius:12px;overflow:hidden}.table th{background:var(--primary-brown);color:var(--white);font-weight:600}.table td,.table th{padding:12px 16px;text-align:center}.table td{border-bottom:1px solid var(--beige)}.table tr:nth-child(2n){background-color:var(--light-cream)}.table tr:hover{background-color:var(--cream)}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(119,85,62,.5);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:var(--white);padding:30px;border-radius:16px;box-shadow:0 20px 60px rgba(119,85,62,.3);max-width:500px;width:100%}.nav-link{display:flex;align-items:center;gap:12px;padding:16px 20px;background:var(--white);color:var(--primary-brown);text-decoration:none;border-radius:12px;border:2px solid var(--beige);transition:all .3s ease;box-shadow:0 2px 8px rgba(119,85,62,.1)}.nav-link:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(119,85,62,.2)}.nav-link.active,.nav-link:hover{border-color:var(--primary-brown)}.nav-link.active{background:var(--primary-brown);color:var(--white)}.icon{width:20px;height:20px}.icon-lg{width:24px;height:24px}.icon-xl{width:32px;height:32px}@media (max-width:768px){.card{padding:16px}.modal-content{margin:20px;padding:20px}.table{font-size:12px}.table td,.table th{padding:8px 4px}}