.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:20px;background:var(--blue-black)}.login-card{background:#fffffffa;padding:50px;border-radius:20px;box-shadow:0 20px 60px #00406666,0 0 0 1px #a7cde74d;width:100%;max-width:450px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.login-card h1{text-align:center;background:linear-gradient(135deg,var(--blue-dark) 0%,var(--blue-darker) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:10px;font-size:24px;font-weight:700}.login-card h2{text-align:center;color:var(--blue-black);margin-bottom:30px;font-size:20px;font-weight:600}.form-group label{display:block;margin-bottom:8px;color:#333;font-weight:500}.form-group input{width:100%;padding:12px;border:2px solid #e0e0e0;border-radius:8px;font-size:16px;transition:border-color .3s}.form-group input:focus{outline:none;border-color:var(--blue-dark);box-shadow:0 0 0 3px #327fb21a}.submit-btn{width:100%;padding:14px;background:linear-gradient(135deg,var(--blue-dark) 0%,var(--blue-darker) 100%);color:#fff;border:none;border-radius:10px;font-size:17px;font-weight:600;cursor:pointer;transition:all .3s;box-shadow:0 4px 15px #0040664d}.submit-btn:hover{transform:translateY(-3px);box-shadow:0 8px 25px #00406666;background:linear-gradient(135deg,var(--blue-darker) 0%,var(--blue-darkest) 100%)}.submit-btn:active{transform:translateY(0)}.submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.toggle-mode{text-align:center;margin-top:20px;color:#666}.link-btn{background:none;border:none;color:var(--blue-dark);cursor:pointer;text-decoration:underline;font-size:inherit;font-weight:600;transition:color .3s}.link-btn:hover{color:var(--blue-darker)}.demo-credentials{margin-top:20px;padding:15px;background:#f5f5f5;border-radius:8px;font-size:14px;color:#666}.demo-credentials p{margin:0}.main-navigation{background:#0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 20px #00000080;padding:0;position:sticky;top:0;z-index:1000;border-bottom:2px solid rgba(255,255,255,.2)}.nav-container{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:30px;padding:0 20px;min-height:100px;position:relative;width:100%}.nav-left{display:flex;align-items:center;gap:20px;z-index:1;justify-self:start}.nav-center{display:flex;align-items:center;justify-content:center;gap:35px;flex-wrap:wrap}.nav-right{display:flex;align-items:center;gap:20px;flex-wrap:wrap;justify-content:flex-end;z-index:1;justify-self:end}.nav-logo-container{display:flex;align-items:center;line-height:0}.nav-logo-img{height:84px;width:auto;object-fit:contain;display:block;vertical-align:middle}.nav-link-left{text-decoration:none;color:var(--blue-black);font-size:16px;font-weight:600;padding:0;transition:all .3s;position:relative;font-family:Merriweather,serif;display:flex;align-items:center;height:100%}.nav-link-left:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--blue-dark);transition:width .3s}.nav-link-left:hover{color:var(--blue-dark)}.nav-link-left:hover:after{width:100%}.nav-link-left.active{color:var(--blue-dark);font-weight:700}.nav-link-left.active:after{width:100%;background:var(--blue-darker)}.nav-link-center{text-decoration:none;color:#fff;font-size:16px;font-weight:600;padding:0;transition:all .3s;position:relative;font-family:Merriweather,serif;display:flex;align-items:center;height:100%;text-shadow:0 1px 3px rgba(0,0,0,.8)}.nav-link-center:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:#fff;transition:width .3s;box-shadow:0 0 10px #ffffff80}.nav-link-center:hover{color:#ffffffe6;text-shadow:0 0 10px rgba(255,255,255,.5),0 1px 3px rgba(0,0,0,.8)}.nav-link-center:hover:after{width:100%}.nav-link-center.active{color:#fff;font-weight:700;text-shadow:0 0 15px rgba(255,255,255,.6),0 1px 3px rgba(0,0,0,.8)}.nav-link-center.active:after{width:100%;background:#fff;box-shadow:0 0 10px #ffffff80}.nav-logo{text-decoration:none;font-family:Oswald,sans-serif;font-size:42px;font-weight:700;color:var(--accent-teal);text-align:center;padding:10px 0;transition:all .3s;position:relative;letter-spacing:1px}.nav-logo:hover{color:var(--accent-teal-light);transform:scale(1.05)}.nav-logo:after{content:"";position:absolute;bottom:5px;left:50%;transform:translate(-50%);width:80%;height:3px;background:var(--accent-teal-dark);border-radius:2px;box-shadow:0 0 12px #3caea366}.nav-link-right{text-decoration:none;color:var(--blue-black);font-size:16px;font-weight:600;padding:0;transition:all .3s;position:relative;font-family:Merriweather,serif;display:flex;align-items:center;height:100%}.nav-link-right:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--blue-dark);transition:width .3s}.nav-link-right:hover{color:var(--blue-dark)}.nav-link-right:hover:after{width:100%}.nav-link-right.active{color:var(--blue-dark);font-weight:700}.nav-link-right.active:after{width:100%;background:var(--blue-darker)}.user-name-right{color:#fff;font-size:16px;font-weight:600;font-family:Merriweather,serif;text-shadow:0 1px 3px rgba(0,0,0,.8)}.logout-btn-nav-right{background:linear-gradient(135deg,var(--blue-dark) 0%,var(--blue-darker) 100%);color:#fff;border:none;padding:8px 20px;border-radius:8px;cursor:pointer;font-size:16px;font-weight:600;transition:all .3s;box-shadow:0 2px 8px #0040664d;font-family:Merriweather,serif}.logout-btn-nav-right:hover{background:linear-gradient(135deg,var(--blue-darker) 0%,var(--blue-darkest) 100%);transform:translateY(-2px);box-shadow:0 4px 12px #00406666}.login-link-nav-right{color:#fff;text-decoration:none;font-weight:600;padding:8px 20px;border:2px solid white;border-radius:8px;transition:all .3s;font-family:Merriweather,serif;font-size:16px;text-shadow:0 1px 3px rgba(0,0,0,.8)}.login-link-nav-right:hover{background:#fff3;color:#fff;border-color:#fffc;transform:translateY(-2px);box-shadow:0 4px 12px #ffffff4d}@media (max-width: 1024px){.nav-container{grid-template-columns:1fr;gap:20px;padding:15px 20px}.nav-left{justify-content:center}.nav-center{gap:25px}.nav-right{justify-content:center}}.nav-dropdown{position:relative;display:inline-block}.nav-dropdown:before{content:"";position:absolute;top:100%;left:0;right:0;height:8px;z-index:1000}.nav-dropdown-menu{position:absolute;top:100%;left:50%;transform:translate(-50%);margin-top:8px;background:#0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.2);border-radius:12px;box-shadow:0 4px 20px #00000080;min-width:260px;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease,margin-top .2s ease;transition-delay:0s;pointer-events:none;z-index:1001;padding:12px 0}.nav-dropdown:hover .nav-dropdown-menu,.nav-dropdown-menu:hover{opacity:1;visibility:visible;pointer-events:all;margin-top:8px;transition-delay:0s}.nav-dropdown:not(:hover) .nav-dropdown-menu{transition-delay:.15s}.nav-dropdown-section{padding:5px 0}.nav-dropdown-section:not(:last-child){border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:5px;padding-bottom:10px}.nav-dropdown-header{color:#ffffffb3;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1px;padding:12px 24px 8px;margin-bottom:5px;text-shadow:0 1px 3px rgba(0,0,0,.8)}.nav-dropdown-item{display:flex;align-items:center;color:#fff;text-decoration:none;font-size:16px;font-weight:600;padding:14px 24px;transition:all .3s ease;position:relative;font-family:Merriweather,serif;text-shadow:0 1px 3px rgba(0,0,0,.8);min-height:48px}.nav-dropdown-item:after{content:"";position:absolute;bottom:0;left:24px;right:24px;height:2px;background:#fff;width:0;transition:width .3s ease;box-shadow:0 0 10px #ffffff80}.nav-dropdown-item:hover{color:#ffffffe6;text-shadow:0 0 10px rgba(255,255,255,.5),0 1px 3px rgba(0,0,0,.8)}.nav-dropdown-item:hover:after{width:calc(100% - 48px)}.nav-dropdown-item.active{color:#fff;font-weight:700;text-shadow:0 0 15px rgba(255,255,255,.6),0 1px 3px rgba(0,0,0,.8)}.nav-dropdown-item.active:after{width:calc(100% - 48px);background:#fff;box-shadow:0 0 10px #ffffff80}@media (max-width: 768px){.nav-container{gap:15px;padding:10px 15px}.nav-logo-img{height:68px}.nav-left{flex-direction:column;gap:10px}.nav-center,.nav-right{gap:15px;flex-wrap:wrap}.nav-link-center,.nav-link-left,.nav-link-right{font-size:16px;padding:8px 0}.user-name-right,.logout-btn-nav-right,.login-link-nav-right{font-size:16px}.nav-dropdown-menu{left:0;transform:none;min-width:200px}}.roster-summary{margin-bottom:30px;padding:25px;border-radius:16px;background:#ffffff1f;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(167,205,231,.35);box-shadow:0 8px 28px #00406638;position:relative;z-index:1}.roster-summary.compact{margin-bottom:20px;padding:20px;background:#0040660f;border:1px solid rgba(0,64,102,.12);box-shadow:0 12px 24px #00406626}.roster-summary h2{margin:0 0 20px;font-size:20px;letter-spacing:.5px;text-align:center}.roster-summary.compact h2{font-size:18px}.roster-summary-error{padding:16px 20px;border-radius:12px;background:#f4433640;border:1px solid rgba(244,67,54,.35)}.roster-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:18px}.roster-summary.compact .roster-summary-grid{gap:14px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.roster-summary-item{display:flex;flex-direction:column;gap:6px;padding:14px 16px;border-radius:12px;background:#ffffff29;border:1px solid rgba(167,205,231,.28);box-shadow:inset 0 1px #ffffff14}.roster-summary.compact .roster-summary-item{padding:12px 14px;background:#fffffff0;border:1px solid rgba(167,205,231,.4);box-shadow:inset 0 1px #fff9}.roster-summary-item .label{font-size:12px;text-transform:uppercase;letter-spacing:1px;opacity:.75}.roster-summary-item .value{font-size:16px;font-weight:600;color:#f1f7ff;word-break:break-word}.roster-summary.compact .roster-summary-item .value{font-size:15px;color:#1d3f5c}.home-page-container{min-height:calc(100vh - 60px);position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;background-image:url(/de.jpg);background-size:cover;background-position:center;background-attachment:fixed;background-repeat:no-repeat;background-color:#0a0e27}.home-page-container:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;display:none}.home-page-container:after{display:none}.home-page-content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px 20px 40px;max-width:1200px;width:100%}.home-logo{width:300px;height:auto;margin-bottom:30px;filter:drop-shadow(0 0 20px rgba(255,255,255,.3));animation:logoGlow 3s ease-in-out infinite;max-width:90%}@keyframes logoGlow{0%,to{filter:drop-shadow(0 0 20px rgba(255,255,255,.3))}50%{filter:drop-shadow(0 0 30px rgba(255,255,255,.5))}}.home-welcome-text{color:#fff;font-size:64px;font-weight:400;margin:0 0 40px;text-shadow:0 0 20px rgba(255,255,255,.5),0 0 40px rgba(255,255,255,.3),2px 2px 4px rgba(0,0,0,.5);letter-spacing:2px;font-family:Lemon,cursive;animation:fadeInUp 1s ease-out}.home-login-button{display:inline-block;padding:15px 40px;background:#fff3;color:#fff;text-decoration:none;border:2px solid rgba(255,255,255,.5);border-radius:50px;font-size:18px;font-weight:600;letter-spacing:1px;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 15px #0000004d,0 0 20px #ffffff1a;animation:fadeInUp 1.2s ease-out}.home-login-button:hover{background:#ffffff4d;border-color:#fffc;transform:translateY(-3px);box-shadow:0 6px 20px #0006,0 0 30px #fff3}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.home-welcome-text.compact{font-size:42px;margin-bottom:30px}.home-roster{width:100%;max-width:760px;text-align:left;margin:0 auto 26px;animation:fadeInUp .9s ease-out}.home-roster .roster-summary{margin-bottom:0;padding:14px 16px;border-radius:12px}.home-roster .roster-summary h2{color:#fff;font-size:13px;font-weight:700;letter-spacing:1px;text-transform:uppercase;margin-bottom:12px;text-shadow:0 2px 6px rgba(0,0,0,.6)}.home-roster .roster-summary-grid{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px}.home-roster .roster-summary-item{padding:8px 10px;border-radius:9px;gap:3px}.home-roster .roster-summary-item .label{color:#fffc;font-size:10px;letter-spacing:.8px}.home-roster .roster-summary-item .value{font-size:13px}.home-status-section{width:100%;animation:fadeInUp 1.1s ease-out}.home-status-message{color:#ffffffd9;font-size:16px;margin:0 0 20px;text-shadow:1px 1px 3px rgba(0,0,0,.5)}.home-status-message.error{color:#ffb4a8}.home-status-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:32px}.home-status-card{background:#ffffff1f;border:1px solid rgba(255,255,255,.25);border-radius:16px;padding:24px;text-align:left;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 20px #0000004d}.home-status-card-head{display:flex;flex-direction:column;gap:4px;margin-bottom:16px}.home-status-card-head h2{color:#fff;font-size:20px;font-weight:600;margin:0;letter-spacing:.5px}.home-status-subtitle{color:#fff9;font-size:13px;letter-spacing:.5px}.home-status-empty{color:#ffffffb3;font-size:15px;margin:0}.home-status-score{display:flex;align-items:baseline;gap:8px;margin-bottom:12px}.home-status-score-value{color:#fff;font-size:40px;font-weight:700;line-height:1}.home-status-score-total{color:#ffffffb3;font-size:15px}.home-status-bar{height:8px;width:100%;background:#ffffff2e;border-radius:50px;overflow:hidden;margin-bottom:16px}.home-status-bar-fill{height:100%;background:linear-gradient(90deg,#4caf50,#8bc34a);border-radius:50px;transition:width .6s ease}.home-status-chips{display:flex;flex-wrap:wrap;gap:8px}.home-status-chip{padding:5px 12px;border-radius:50px;font-size:12px;font-weight:600;letter-spacing:.3px;border:1px solid transparent}.chip-passed{background:#4caf5038;border-color:#4caf5080;color:#c8e6c9}.chip-retry{background:#ff980038;border-color:#ff980080;color:#ffe0b2}.chip-todo{background:#ffffff1f;border-color:#ffffff4d;color:#fffc}.home-status-next{color:#fffc;font-size:14px;margin:16px 0 0}.home-status-next strong{color:#fff;font-weight:600}.home-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;animation:fadeInUp 1.3s ease-out}.home-action-button{display:inline-block;padding:10px 24px;background:#ffffff26;color:#fff;text-decoration:none;border:1px solid rgba(255,255,255,.4);border-radius:50px;font-size:15px;font-weight:600;letter-spacing:.5px;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 15px #00000040}.home-action-button:hover{background:#ffffff47;border-color:#ffffffbf;transform:translateY(-2px)}@media (max-width: 768px){.home-logo{width:250px;margin-bottom:20px}.home-welcome-text{font-size:42px;letter-spacing:1px;margin-bottom:30px}.home-welcome-text.compact{font-size:32px}.home-login-button{padding:12px 30px;font-size:16px}}@media (max-width: 480px){.home-logo{width:200px;margin-bottom:15px}.home-welcome-text{font-size:32px;letter-spacing:.5px;margin-bottom:25px}.home-welcome-text.compact{font-size:26px}.home-status-card{padding:18px}.home-status-score-value{font-size:32px}.home-action-button{padding:9px 18px;font-size:14px}.home-login-button{padding:10px 25px;font-size:14px}}.reading-panel{background:#ffffff26;border:1px solid rgba(167,205,231,.3);border-radius:16px;padding:24px;margin-bottom:25px;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 8px 28px #00406638;color:#fff}.reading-panel-head{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:18px}.reading-panel-head h2{color:#fff;font-size:20px;font-weight:700;margin:0}.reading-stats{display:flex;gap:18px;flex-wrap:wrap;color:#fffc;font-size:13px}.reading-stats strong{color:#fff;font-size:17px;font-weight:800;margin-right:4px}.reading-form{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap;padding:16px;background:#ffffff1a;border:1px solid rgba(167,205,231,.25);border-radius:12px;margin-bottom:16px}.reading-field{display:flex;flex-direction:column;gap:5px}.reading-field.grow{flex:1;min-width:200px}.reading-field label{color:#ffffffd9;font-size:12px;font-weight:700;letter-spacing:.4px;text-transform:uppercase}.reading-field input{padding:9px 12px;border:1px solid rgba(167,205,231,.45);border-radius:8px;font-size:15px;color:#fff;background:#ffffff24;width:110px}.reading-field input::placeholder{color:#ffffff80}.reading-field.grow input{width:100%}.reading-field input:focus{outline:none;border-color:#fffc;background:#fff3;box-shadow:0 0 0 3px #ffffff2e}.reading-add-btn{padding:10px 22px;background:#fff3;color:#fff;border:1px solid rgba(167,205,231,.5);border-radius:8px;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s ease}.reading-add-btn:hover:not(:disabled){background:#ffffff52;transform:translateY(-1px)}.reading-add-btn:disabled{opacity:.6;cursor:not-allowed}.reading-banner{padding:10px 14px;border-radius:8px;font-size:14px;font-weight:600;margin-bottom:14px}.reading-banner.error{background:#f4433640;border:1px solid rgba(244,67,54,.5);color:#ffcdd2}.reading-banner.success{background:#4caf5040;border:1px solid rgba(76,175,80,.5);color:#c8e6c9}.reading-empty{color:#ffffffd9;background:#ffffff1a;border:1px dashed rgba(167,205,231,.4);border-radius:10px;padding:16px;margin:0;font-size:14px}.reading-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.reading-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border:1px solid rgba(167,205,231,.3);border-left:4px solid var(--blue-medium);border-radius:10px;background:#ffffff1f;transition:background .2s ease}.reading-row:hover{background:#ffffff2e}.reading-row.is-done{border-left-color:var(--accent-teal)}.reading-row-main{display:flex;align-items:center;gap:10px;flex-wrap:wrap;min-width:0}.reading-row-pages{color:#fff;font-size:15px;font-weight:700}.reading-row-count{padding:2px 9px;background:#fff3;color:#fff;border-radius:50px;font-size:11px;font-weight:700}.reading-row-note{color:#ffffffd9;font-size:13px;font-style:italic}.reading-row-meta{color:#fff9;font-size:12px}.reading-row-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.reading-toggle{padding:6px 14px;border-radius:50px;border:1px solid rgba(255,193,7,.55);background:#ff98004d;color:#ffe0b2;font-size:12px;font-weight:700;cursor:pointer;transition:all .2s ease}.reading-toggle:hover:not(:disabled){background:#ff980073}.reading-toggle.done{border-color:#63c7bc99;background:#3caea34d;color:#b2dfdb}.reading-toggle:disabled{opacity:.6;cursor:not-allowed}.reading-delete{width:28px;height:28px;border-radius:50%;border:1px solid rgba(244,67,54,.6);background:#f4433633;color:#ffcdd2;font-size:13px;line-height:1;cursor:pointer;transition:all .2s ease}.reading-delete:hover:not(:disabled){background:#f4433666}.reading-delete:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 700px){.reading-form{flex-direction:column;align-items:stretch}.reading-field input,.reading-field.grow input{width:100%}.reading-row{flex-direction:column;align-items:flex-start}}.page-container{min-height:calc(100vh - 60px);background:var(--blue-black);padding:20px 20px 40px;position:relative}.page-container.full-width{display:flex;justify-content:flex-start;align-items:flex-start;padding:30px;width:100%;max-width:100%;box-sizing:border-box}.page-container.full-width>*{width:100%;max-width:none;box-sizing:border-box}.page-content{max-width:1200px;margin:0 auto;background:#fffffffa;padding:50px;border-radius:20px;box-shadow:0 20px 60px #0040664d,0 0 0 1px #a7cde74d;position:relative;z-index:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.page-content.attendance-page{max-width:95%;padding:30px}.page-content.attendance-page.memorization-selection{background:#ffffff0d;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #00406633}.page-content.attendance-page.memorization-selection h1{color:#fff!important;margin-bottom:25px;font-size:32px;font-weight:800;text-shadow:0 3px 10px rgba(0,0,0,.9),0 0 30px rgba(255,255,255,.3),0 2px 6px rgba(0,0,0,1);-webkit-text-fill-color:white!important;background:none!important;background-clip:unset!important;filter:drop-shadow(0 2px 8px rgba(0,0,0,.9))}.page-content.attendance-page.memorization-selection p{color:#fff!important;font-size:18px;line-height:1.9;margin-bottom:20px;text-shadow:0 2px 8px rgba(0,0,0,1),0 1px 4px rgba(0,0,0,.9);font-weight:600}.page-content.attendance-page.memorization-selection .filter-group label{color:#ffffffe6;text-shadow:0 1px 3px rgba(0,0,0,.8)}.page-content.attendance-page.memorization-selection .attendance-select{background:#ffffff26;border:2px solid rgba(255,255,255,.3);color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.8)}.page-content.attendance-page.memorization-selection .attendance-select:hover,.page-content.attendance-page.memorization-selection .attendance-select:focus{background:#ffffff40;border-color:#ffffff80}.page-content.attendance-page.memorization-selection .attendance-select option{background:var(--blue-black);color:#fff}.page-content.attendance-page.memorization-selection .attendance-button{border:2px solid rgba(255,255,255,.4);background:linear-gradient(135deg,#3caea3e6,#3caea3b3);box-shadow:0 10px 25px #0006,0 0 20px #3caea380;text-shadow:0 2px 4px rgba(0,0,0,.5)}.page-content.attendance-page.memorization-selection .attendance-button:hover{background:linear-gradient(135deg,#63c7bcf2,#3caea3d9);box-shadow:0 14px 32px #00000080,0 0 25px #63c7bc99;border-color:#fff9}.page-content.attendance-page.attendance-selection{background:#ffffff0d;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #00406633}.page-content.attendance-page.attendance-selection h1{color:#fff!important;margin-bottom:25px;font-size:32px;font-weight:800;text-shadow:0 3px 10px rgba(0,0,0,.9),0 0 30px rgba(255,255,255,.3),0 2px 6px rgba(0,0,0,1);-webkit-text-fill-color:white!important;background:none!important;background-clip:unset!important;filter:drop-shadow(0 2px 8px rgba(0,0,0,.9))}.page-content.attendance-page.attendance-selection p{color:#fff!important;font-size:18px;line-height:1.9;margin-bottom:20px;text-shadow:0 2px 8px rgba(0,0,0,1),0 1px 4px rgba(0,0,0,.9);font-weight:600}.page-content.attendance-page.attendance-selection .filter-group label{color:#ffffffe6;text-shadow:0 1px 3px rgba(0,0,0,.8)}.page-content.attendance-page.attendance-selection .attendance-select{background:#ffffff26;border:2px solid rgba(255,255,255,.3);color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.8)}.page-content.attendance-page.attendance-selection .attendance-select:hover,.page-content.attendance-page.attendance-selection .attendance-select:focus{background:#ffffff40;border-color:#ffffff80}.page-content.attendance-page.attendance-selection .attendance-select option{background:var(--blue-black);color:#fff}.page-content.attendance-page.attendance-selection .attendance-button{border:2px solid rgba(255,255,255,.4);background:linear-gradient(135deg,#3caea3e6,#3caea3b3);box-shadow:0 10px 25px #0006,0 0 20px #3caea380;text-shadow:0 2px 4px rgba(0,0,0,.5)}.page-content.attendance-page.attendance-selection .attendance-button:hover{background:linear-gradient(135deg,#63c7bcf2,#3caea3d9);box-shadow:0 14px 32px #00000080,0 0 25px #63c7bc99;border-color:#fff9}.page-content h1{color:var(--blue-black);margin-bottom:25px;font-size:28px;font-weight:700;background:linear-gradient(135deg,var(--blue-dark) 0%,var(--blue-darker) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page-content p{color:var(--blue-darker);font-size:17px;line-height:1.8;margin-bottom:20px}.memorization-page{min-height:calc(100vh - 60px)}.attendance-page{display:flex;flex-direction:column;gap:12px}.attendance-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.attendance-header h1{font-size:24px!important;margin-bottom:12px!important}.attendance-header p{font-size:14px!important;line-height:1.6!important;margin-bottom:8px!important}.attendance-page>p{margin-bottom:4px!important}.attendance-page>h1{margin-bottom:8px!important}.export-open-button{padding:8px 16px;border-radius:999px;border:none;background:linear-gradient(135deg,#2196f3f2,#3caea3f2);color:#fff;font-weight:800;font-size:13px;cursor:pointer;box-shadow:0 10px 20px #2196f347;transition:transform .2s ease,box-shadow .2s ease;white-space:nowrap}.export-open-button:hover{transform:translateY(-2px);box-shadow:0 18px 36px #2196f359}.attendance-filter-bar{display:flex;flex-wrap:wrap;gap:12px 16px;justify-content:center;align-items:flex-end}.attendance-month-grid{display:flex;flex-wrap:nowrap;justify-content:center;gap:6px;margin-top:0;margin-bottom:8px;position:relative;z-index:10;pointer-events:auto;overflow-x:auto;overflow-y:visible;padding:8px 4px 4px;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.3) transparent}.attendance-month-grid::-webkit-scrollbar{height:6px}.attendance-month-grid::-webkit-scrollbar-track{background:transparent}.attendance-month-grid::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}.attendance-month-grid::-webkit-scrollbar-thumb:hover{background:#ffffff80}.attendance-month-button{padding:10px 16px;border-radius:10px;border:2px solid rgba(46,125,50,.35);background:linear-gradient(135deg,#e8f5e9d9,#c8e6c9d9);font-weight:700;font-size:13px;color:#2f5a1d;cursor:pointer!important;transition:all .2s ease;box-shadow:0 8px 16px #2e7d322e;position:relative;z-index:100!important;pointer-events:auto!important;touch-action:manipulation;white-space:nowrap;flex-shrink:0}.attendance-month-button:disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.attendance-month-button:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 16px 28px #2e7d3247}.attendance-month-button.active{border-color:#2e7d3299;background:linear-gradient(135deg,#388e3ce6,#4caf50d9);color:#fff;box-shadow:0 18px 36px #4caf5059;transform:translateY(-2px);pointer-events:auto!important;z-index:100!important}.attendance-filter-bar.single{justify-content:center}.filter-group{display:flex;flex-direction:column;gap:4px;min-width:140px}.filter-group.center{align-items:center}.filter-group.center label{text-align:center}.filter-group label{font-weight:700;color:var(--blue-black);font-size:13px;letter-spacing:.2px}.attendance-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:#ffffffeb;border:2px solid rgba(158,158,158,.25);border-radius:12px;padding:12px 16px;font-size:16px;font-weight:600;color:var(--blue-dark);box-shadow:0 6px 16px #0040661f;transition:border .2s ease,box-shadow .2s ease}.attendance-select:hover,.attendance-select:focus{border-color:#3caea399;box-shadow:0 10px 20px #3caea333;outline:none}.attendance-division-toggle{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.attendance-week-meta{text-align:center;background:linear-gradient(135deg,#2e7d321a,#81c78426);border:2px solid rgba(76,175,80,.25);border-radius:12px;padding:12px 16px;box-shadow:0 8px 20px #4caf5026;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.attendance-week-meta .week-meta-line{display:inline-block;font-size:16px;color:#2d6f3a;font-weight:600;line-height:1.5}.attendance-week-meta .week-meta-line strong{font-size:18px;font-weight:700;color:#2d6f3a}.attendance-week-meta .week-meta-separator{margin:0 4px;opacity:.7}.attendance-week-meta h2{margin:0 0 8px;font-size:20px;color:#2d6f3a}.attendance-week-meta p{margin:6px 0 0;font-weight:600;color:#3e7b46;font-size:13px;letter-spacing:.2px}.attendance-week-buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:2px;position:relative;z-index:10;pointer-events:auto}.attendance-week-button{padding:12px 22px;border-radius:30px;border:2px solid rgba(99,199,188,.4);background:#e8f5e9d9;color:#216a99;font-weight:700;font-size:15px;cursor:pointer!important;transition:all .2s ease;box-shadow:0 8px 18px #216a9926;position:relative;z-index:1000!important;pointer-events:auto!important;touch-action:manipulation;-webkit-user-select:none;user-select:none}.attendance-week-button:disabled{opacity:.6;cursor:not-allowed!important;pointer-events:none!important}.attendance-week-button:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 12px 22px #216a9940}.attendance-week-button:not(:disabled):active{transform:translateY(0);box-shadow:0 6px 12px #216a9926}.attendance-week-button.active{background:linear-gradient(135deg,#2196f3e6,#4caf50e6);color:#fff;border-color:transparent;box-shadow:0 18px 32px #2196f359;pointer-events:auto!important;z-index:100!important}.attendance-week-empty{font-weight:600;color:#2f5a1d}.memorization-wrapper{display:flex;flex-direction:column;gap:20px}.admin-hint-banner{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 20px;border-radius:12px;background:linear-gradient(135deg,#2196f32e,#2a8f852e);border:1px solid rgba(33,150,243,.35);color:#fff;font-weight:600}.admin-hint-link{padding:8px 16px;border-radius:999px;border:1px solid rgba(255,255,255,.6);color:#fff;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}.admin-hint-link:hover{transform:translateY(-2px);box-shadow:0 12px 24px #2196f34d}.page-container.admin-hint .page-content{display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center}.page-container.admin-hint .page-content h1{margin-bottom:8px}.attendance-table-actions{display:flex;justify-content:flex-end;margin-top:12px}.add-row-button{padding:10px 18px;border-radius:999px;border:none;background:linear-gradient(135deg,#81c784e6,#4caf50e6);color:#fff;font-weight:700;font-size:14px;cursor:pointer;box-shadow:0 12px 24px #4caf5040;transition:transform .2s ease,box-shadow .2s ease}.add-row-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 16px 32px #4caf5052}.add-row-button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.attendance-table td input[type=text]{width:100%;padding:6px 8px;border-radius:6px;border:1px solid rgba(33,33,33,.2);background:#ffffffd9;font-size:14px;color:#1b3b21;transition:border .2s ease,box-shadow .2s ease}.attendance-table td input[type=text]:focus{outline:none;border-color:#2196f399;box-shadow:0 0 0 3px #2196f333}.attendance-table td input[type=checkbox]{width:20px;height:20px}.attendance-checkbox-cell{text-align:center}.attendance-readonly-input{background-color:#c8e6c999!important;cursor:not-allowed!important;border:1px solid rgba(46,125,50,.3)!important}.attendance-page.attendance-high .attendance-readonly-input{background-color:#bbdefb99!important;border:1px solid rgba(100,181,246,.3)!important}.remove-row-button{padding:6px 12px;border-radius:8px;border:none;background:#f44336d9;color:#fff;font-weight:600;cursor:pointer;transition:background .2s ease}.remove-row-button:hover{background:#d32f2fe6}.attendance-export-card{margin-top:12px;background:#ffffffeb;border:2px solid rgba(33,150,243,.15);border-radius:18px;padding:28px;box-shadow:0 18px 44px #0040662e;display:flex;flex-direction:column;gap:22px}.attendance-export-card h2{margin:0;font-size:24px;color:var(--blue-dark)}.export-group{display:flex;flex-direction:column;gap:12px}.export-group-header{display:flex;justify-content:space-between;align-items:center;font-weight:700;font-size:16px;color:var(--blue-black)}.export-all-toggle{display:flex;align-items:center;gap:8px;font-weight:600;font-size:14px;color:var(--blue-dark)}.export-checkbox-grid{display:flex;flex-wrap:wrap;gap:10px 16px}.export-checkbox{display:flex;align-items:center;gap:8px;background:#2196f314;border:1px solid rgba(33,150,243,.18);padding:8px 14px;border-radius:12px;font-size:14px;font-weight:600;color:var(--blue-darker);cursor:pointer;transition:background .2s ease,border .2s ease}.export-checkbox input{accent-color:var(--blue-dark)}.export-checkbox:hover{background:#2196f326;border-color:#2196f359}.export-checkbox.disabled,.export-checkbox.disabled:hover{background:#9e9e9e1f;border-color:#9e9e9e2e;color:#21212180;cursor:default}.export-checkbox.disabled input{accent-color:rgba(158,158,158,.6)}.export-subgroups{display:flex;flex-direction:column;gap:16px}.export-subgroup{display:flex;flex-direction:column;gap:10px}.export-subgroup-title{font-weight:700;color:var(--blue-black);font-size:15px}.export-format{display:flex;gap:12px;align-items:center}.export-format-select{max-width:220px}.export-actions{display:flex;justify-content:flex-end}.export-button{padding:14px 26px;border-radius:999px;border:none;background:linear-gradient(135deg,#2196f3f2,#3caea3f2);color:#fff;font-weight:800;font-size:16px;letter-spacing:.5px;cursor:pointer;box-shadow:0 18px 32px #2196f347;transition:transform .2s ease,box-shadow .2s ease}.export-button:hover{transform:translateY(-2px);box-shadow:0 22px 38px #2196f359}.export-message{font-weight:600;font-size:14px}.export-message.error{color:#d32f2f}.export-message.success{color:#2e7d32}.attendance-page.attendance-high .attendance-week-meta{background:linear-gradient(135deg,#bbdefbf2,#90caf9f2);border:2px solid rgba(100,181,246,.6);box-shadow:0 12px 28px #1976d240}.attendance-page.attendance-high .attendance-week-meta h2{color:#0f4c81}.attendance-page.attendance-high .attendance-week-meta p{color:#1565c0}.attendance-page.attendance-high .attendance-week-meta .week-meta-line,.attendance-page.attendance-high .attendance-week-meta .week-meta-line strong{color:#0d47a1}.attendance-page.attendance-high .attendance-month-button{border-color:#64b5f673;background:linear-gradient(135deg,#e8f5fdf2,#cfe9fcf2);color:#0f4c81;box-shadow:0 10px 22px #1976d22e}.attendance-page.attendance-high .attendance-month-button:hover{box-shadow:0 16px 28px #1976d247}.attendance-page.attendance-high .attendance-month-button.active{border-color:transparent;background:linear-gradient(135deg,#2196f3f2,#1976d2f2);box-shadow:0 18px 36px #2196f359}.attendance-page.attendance-high .attendance-week-button{border-color:#2196f359;background:#e3f2fde6;color:#1565c0;box-shadow:0 8px 18px #2196f333}.attendance-page.attendance-high .attendance-week-button:hover{box-shadow:0 12px 22px #2196f34d}.attendance-page.attendance-high .attendance-week-button.active{background:linear-gradient(135deg,#29b6f6f2,#1976d2f2);box-shadow:0 18px 32px #29b6f659}.attendance-page.attendance-high .attendance-week-empty{color:#0f4c81}.attendance-page.attendance-high .attendance-table-wrapper{background:linear-gradient(135deg,#d0e3faf2,#bbdefbf2);border:2px solid rgba(100,181,246,.45);box-shadow:0 18px 45px #1e88e540}.attendance-page.attendance-high .attendance-table th{background:linear-gradient(135deg,#0d47a1,#1976d2);color:#e3f2fd;border-bottom:3px solid rgba(227,242,253,.25)}.attendance-page.attendance-high .attendance-table td{background:#e3f2fdeb;color:#0f4c81;border-bottom:1px solid rgba(100,181,246,.35)}.attendance-page.attendance-high .attendance-table tbody tr:nth-child(2n) td{background:#cfe9fceb}.attendance-page.attendance-high .attendance-checkbox{accent-color:#1976d2}.attendance-page.attendance-high .attendance-empty-state{color:#0f4c81}.attendance-page.attendance-high .grade-filter-btn{background:linear-gradient(135deg,#2196f3e0,#1976d2e0);box-shadow:0 10px 24px #2196f352}.attendance-page.attendance-high .grade-filter-btn:hover{box-shadow:0 14px 30px #2196f361}.attendance-page.attendance-high .grade-filter-btn.active{background:linear-gradient(135deg,#03a9f4f2,#1e88e5f2);box-shadow:0 18px 36px #03a9f452}.attendance-page.attendance-high .grade-filter-btn.outline{color:#1976d2f2;border-color:#1976d299}.attendance-page.attendance-high .grade-filter-btn.outline:hover{background:#1976d21a}.attendance-table-wrapper{background:linear-gradient(135deg,#bddcbdf2,#d6e8ccf2);border-radius:20px;border:2px solid rgba(46,125,50,.35);padding:24px;box-shadow:0 18px 45px #2e7d3240;overflow-x:auto;width:100%;box-sizing:border-box}.attendance-table{width:100%;border-collapse:collapse;min-width:800px}.attendance-table th{background:linear-gradient(135deg,#1f3d0f,#2f5a1d);color:#e8f5e9;text-transform:uppercase;font-size:11px;letter-spacing:.5px;padding:8px 10px;border-bottom:2px solid rgba(255,255,255,.2);position:sticky;top:0;z-index:1;white-space:nowrap}.attendance-table td{padding:8px 10px;font-size:14px;color:#1b3b21;border-bottom:1px solid rgba(46,125,50,.25);background:#e8f5e9d9}.attendance-table tbody tr:nth-child(2n) td{background:#deefdee6}.attendance-checkbox{width:24px;height:24px;accent-color:#2f803b;cursor:default}.attendance-empty-state{text-align:center;font-weight:600;font-size:16px;padding:30px 20px;color:#2f5a1d}.attendance-grade-toolbar{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:20px;width:100%}.attendance-grade-toolbar.grade-page-links{margin-top:12px}.grade-filter-btn{padding:10px 20px;border-radius:999px;border:none;background:linear-gradient(135deg,#3caea3d9,#2a8f85d9);color:#fff;font-weight:700;letter-spacing:.4px;font-size:14px;cursor:pointer;transition:all .2s ease;white-space:nowrap;flex-shrink:0;box-shadow:0 10px 24px #3caea352}.grade-filter-btn:hover{transform:translateY(-2px);box-shadow:0 14px 30px #3caea361}.grade-filter-btn.active{background:linear-gradient(135deg,#2196f3e6,#3caea3e6);box-shadow:0 18px 36px #2196f352}.grade-filter-btn.outline{background:transparent;color:#3caea3f2;border:2px solid rgba(60,174,163,.6);box-shadow:none}.grade-filter-btn.outline:hover{background:#3caea31a;transform:translateY(-1px)}.division-toggle-btn{padding:18px 40px;border-radius:999px;border:none;color:#fff;font-weight:800;font-size:18px;letter-spacing:.5px;cursor:pointer;transition:all .25s ease}.division-toggle-btn-middle{background:linear-gradient(135deg,#4caf50,#388e3c);box-shadow:0 10px 25px #4caf5066}.division-toggle-btn-middle:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 16px 35px #4caf5080;background:linear-gradient(135deg,#66bb6a,#4caf50)}.division-toggle-btn-middle.active{background:linear-gradient(135deg,#4caf50,#388e3c);box-shadow:0 20px 40px #4caf5080;transform:translateY(-2px)}.division-toggle-btn-high{background:linear-gradient(135deg,#2196f3,#1976d2);box-shadow:0 10px 25px #2196f366}.division-toggle-btn-high:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 16px 35px #2196f380;background:linear-gradient(135deg,#42a5f5,#2196f3)}.division-toggle-btn-high.active{background:linear-gradient(135deg,#2196f3,#1976d2);box-shadow:0 20px 40px #2196f380;transform:translateY(-2px)}.division-toggle-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.division-toggle-btn-middle:disabled{box-shadow:0 8px 20px #4caf5040}.division-toggle-btn-high:disabled{box-shadow:0 8px 20px #2196f340}.division-toggle-btn:disabled:hover{transform:none}.division-toggle-btn-middle:disabled:hover{background:linear-gradient(135deg,#4caf50,#388e3c);box-shadow:0 8px 20px #4caf5040}.division-toggle-btn-high:disabled:hover{background:linear-gradient(135deg,#2196f3,#1976d2);box-shadow:0 8px 20px #2196f340}.attendance-button-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;margin-top:8px}.admin-region-pairs-container{display:flex;flex-direction:column;gap:15px;margin-top:8px}.admin-region-pair,.admin-region-single{display:grid;grid-template-columns:1fr 1fr;gap:15px}.admin-region-single:has(.admin-region-boys) .admin-region-boys{width:100%}.admin-region-single:has(.admin-region-girls) .admin-region-girls{width:100%;grid-column:2}.admin-region-single:not(:has(.admin-region-boys)):not(:has(.admin-region-girls)){display:flex;justify-content:center}.admin-region-single:not(:has(.admin-region-boys)):not(:has(.admin-region-girls)) .attendance-button{width:100%;max-width:300px}.admin-region-boys{background:linear-gradient(135deg,#add8e6f2,#87cefae6)!important;border-color:#87cefa99!important;color:var(--blue-black)!important;box-shadow:0 8px 18px #87cefa4d,0 0 12px #87cefa66!important}.admin-region-boys:hover{background:linear-gradient(135deg,#87cefa,#add8e6f2)!important;box-shadow:0 14px 32px #87cefa66,0 0 20px #87cefa80!important;border-color:#87cefacc!important}.admin-region-girls{background:linear-gradient(135deg,#dda0ddf2,#ba55d3e6)!important;border-color:#ba55d399!important;color:var(--blue-black)!important;box-shadow:0 8px 18px #ba55d34d,0 0 12px #ba55d366!important}.admin-region-girls:hover{background:linear-gradient(135deg,#ba55d3,#dda0ddf2)!important;box-shadow:0 14px 32px #ba55d366,0 0 20px #ba55d380!important;border-color:#ba55d3cc!important}.attendance-button-group{display:flex;flex-direction:column;gap:8px;min-width:0}.attendance-button-group.single{gap:0}.attendance-button{padding:12px 14px;border-radius:10px;border:2px solid rgba(60,174,163,.35);background:linear-gradient(135deg,var(--accent-teal) 0%,var(--accent-teal-dark) 100%);color:#fff;font-size:14px;font-weight:700;cursor:pointer;box-shadow:0 8px 18px #00000026,0 0 12px #3caea359;transition:transform .2s ease,box-shadow .2s ease,background .2s ease;width:100%}.attendance-button:hover{transform:translateY(-3px);box-shadow:0 14px 32px #00000038,0 0 20px #63c7bc73;background:linear-gradient(135deg,var(--accent-teal-light) 0%,var(--accent-teal) 100%)}.attendance-button:active{transform:translateY(0)}.attendance-grade-page{display:flex;flex-direction:column;gap:20px}.attendance-back-btn{align-self:flex-start;background:none;border:none;color:var(--blue-dark);font-weight:700;cursor:pointer;font-size:16px;padding:0;margin-bottom:-4px;transition:color .2s ease,transform .2s ease}.attendance-back-btn:hover{color:var(--blue-darker);transform:translate(-2px)}.attendance-back-to-regions-btn{padding:8px 16px;border-radius:999px;border:2px solid rgba(33,150,243,.5);background:#fffffff2;color:var(--blue-dark);font-size:12px;font-weight:700;cursor:pointer;transition:all .2s ease;white-space:nowrap;box-shadow:0 4px 12px #2196f326}.attendance-back-to-regions-btn:hover{background:#2196f31a;transform:translateY(-2px);box-shadow:0 6px 16px #2196f340;border-color:#2196f3b3}@media (max-width: 768px){.page-content{padding:20px}.page-content h1{font-size:20px}}.reading-wrapper{min-height:calc(100vh - 60px);padding:40px 30px;color:#fff}.reading-content{max-width:1200px;margin:0 auto}.reading-content h1{color:#fff;font-size:28px;font-weight:700;margin:0 0 6px}.hw-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:28px;padding:25px;border-radius:16px;background:#ffffff26;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(167,205,231,.3);box-shadow:0 8px 32px #00406633}.reading-content .hw-intro{color:#ffffffd9;font-size:16px;line-height:1.6;margin:0}.hw-badge-pill{display:flex;align-items:center;gap:16px;padding:12px 22px;border-radius:50px;background:#fff3;border:1px solid rgba(167,205,231,.45);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-shrink:0}.hw-pill-stat{display:flex;flex-direction:column;align-items:center;line-height:1.1}.hw-pill-value{color:#fff;font-size:22px;font-weight:800}.hw-pill-label{color:#ffffffbf;font-size:11px;font-weight:600;letter-spacing:1px;text-transform:uppercase}.hw-pill-divider{width:1px;align-self:stretch;background:#ffffff59}.reading-back-btn{display:inline-block;margin-bottom:18px;padding:9px 18px;background:#ffffff26;color:#fff;border:1px solid rgba(167,205,231,.45);border-radius:50px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.reading-back-btn:hover{background:#ffffff47;transform:translateY(-1px)}.reading-select-notice{text-align:center;padding:40px;color:var(--blue-darker);background:#2196f31a;border:2px solid rgba(33,150,243,.3);border-radius:12px;font-weight:600}.reading-select-notice.error{color:#d32f2f;background:#d32f2f1a;border-color:#d32f2f4d}.assign-filters{display:flex;align-items:flex-end;gap:14px;flex-wrap:wrap;margin-bottom:22px}.assign-field{display:flex;flex-direction:column;gap:6px;min-width:170px}.assign-field.grow{flex:1;min-width:240px}.assign-field label{color:#ffffffd9;font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase}.assign-field select{width:100%;padding:10px 14px;border-radius:10px;border:1px solid rgba(167,205,231,.45);background:#ffffff26;color:#fff;font-size:15px;font-weight:600;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer}.assign-field select:focus{outline:none;border-color:#fffc;box-shadow:0 0 0 3px #ffffff2e}.assign-field select:disabled{opacity:.65;cursor:not-allowed}.assign-field select option{color:var(--blue-black);background:#fff}@media (max-width: 700px){.assign-filters{flex-direction:column;align-items:stretch}}.assign-panel .reading-panel{margin-bottom:0}.hw-message{color:#ffffffe6;font-size:16px}.hw-message.error{color:#ffb4a8}.hw-quran-card{background:#ffffff26;border:1px solid rgba(167,205,231,.35);border-radius:16px;padding:24px;margin-bottom:34px;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 8px 28px #00406638}.hw-quran-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:14px}.hw-quran-head h2{color:#fff;font-size:20px;font-weight:700;margin:0}.hw-quran-round{color:#ffffffb3;font-size:13px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.hw-quran-numbers{display:flex;align-items:baseline;gap:8px;margin-bottom:12px}.hw-quran-numbers strong{color:#fff;font-size:38px;font-weight:800;line-height:1}.hw-quran-numbers span{color:#fffc;font-size:15px}.hw-lastpage{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;padding:10px 14px;margin-bottom:14px;background:#ffffff1f;border:1px solid rgba(167,205,231,.28);border-left:4px solid var(--accent-teal);border-radius:10px}.hw-lastpage-label{color:#ffffffd9;font-size:14px}.hw-lastpage-value{color:#fff;font-size:18px;font-weight:800}.hw-lastpage-date{color:#fff9;font-size:13px}.hw-quran-bar{position:relative;height:22px;width:100%;background:#ffffff26;border:1px solid rgba(167,205,231,.3);border-radius:50px;overflow:hidden;display:flex;align-items:center;margin-bottom:12px}.hw-quran-bar-fill{height:100%;min-width:2px;background:linear-gradient(90deg,var(--accent-teal) 0%,var(--blue-medium) 100%);border-radius:50px;display:flex;align-items:center;justify-content:flex-end;padding-right:10px;transition:width .7s ease}.hw-quran-bar-text{color:#fff;font-size:12px;font-weight:700}.hw-quran-bar-text.outside{color:#ffffffd9;margin-left:10px}.hw-quran-foot{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;color:#ffffffd9;font-size:14px;font-weight:600}.hw-quran-done{color:var(--accent-teal-light)}.hw-section{margin-bottom:32px}.hw-section h2{color:#fff;font-size:19px;font-weight:700;margin:0 0 14px;padding-bottom:8px;border-bottom:2px solid rgba(167,205,231,.35)}.hw-empty{color:#ffffffd9;background:#ffffff1a;border:1px dashed rgba(167,205,231,.4);border-radius:12px;padding:20px;margin:0;font-size:15px}.hw-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.hw-assignment{display:flex;align-items:flex-start;gap:14px;padding:16px 18px;background:#ffffff26;border:1px solid rgba(167,205,231,.3);border-left:4px solid var(--blue-medium-light);border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.hw-assignment:hover{background:#fff3;transform:translateY(-2px);box-shadow:0 8px 24px #00406640}.hw-assignment.is-done{border-left-color:var(--accent-teal)}.hw-assignment-check{position:relative;display:inline-flex;flex-shrink:0;margin-top:2px;cursor:pointer}.hw-assignment-check input{position:absolute;opacity:0;width:26px;height:26px;margin:0;cursor:pointer;z-index:1}.hw-checkbox-visual{width:26px;height:26px;pointer-events:none;border:2px solid rgba(255,255,255,.6);border-radius:8px;background:#ffffff26;transition:all .2s ease}.hw-assignment-check input:checked+.hw-checkbox-visual{background:var(--accent-teal);border-color:var(--accent-teal)}.hw-assignment-check input:checked+.hw-checkbox-visual:after{content:"";display:block;width:6px;height:12px;margin:3px auto 0;border:solid #fff;border-width:0 3px 3px 0;transform:rotate(45deg)}.hw-assignment-check input:focus-visible+.hw-checkbox-visual{box-shadow:0 0 0 3px #ffffff73}.hw-assignment-check input:disabled+.hw-checkbox-visual{opacity:.5;cursor:not-allowed}.hw-assignment-body{flex:1;min-width:0}.hw-assignment-title{display:flex;align-items:center;gap:10px;flex-wrap:wrap;color:#fff;font-size:17px;font-weight:700}.hw-assignment.is-done .hw-assignment-title{color:#ffffffbf}.hw-assignment-count{padding:3px 10px;background:#fff3;color:#fff;border-radius:50px;font-size:11px;font-weight:700;letter-spacing:.3px}.hw-assignment-note{color:#ffffffd9;font-size:14px;margin:6px 0 0;line-height:1.5}.hw-assignment-meta{color:#fff9;font-size:12px;margin:6px 0 0;line-height:1.4}.hw-status{flex-shrink:0;padding:6px 14px;border-radius:50px;font-size:12px;font-weight:700;letter-spacing:.3px;white-space:nowrap;border:1px solid transparent}.hw-status-open{background:#ff98004d;border-color:#ffc1078c;color:#ffe0b2}.hw-status-done{background:#3caea34d;border-color:#63c7bc99;color:#b2dfdb}@media (max-width: 600px){.reading-wrapper{padding:25px 16px}.hw-header{flex-direction:column;padding:18px}.hw-quran-numbers strong{font-size:30px}.hw-assignment{flex-wrap:wrap}.hw-status{margin-left:40px}}.skill-tree-container{background:#ffffff26;padding:45px;border-radius:20px;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(167,205,231,.3);box-shadow:0 10px 40px #00406640;position:relative;z-index:1}.skill-tree-container h2{text-align:center;margin-bottom:36px;font-size:24px;letter-spacing:.5px}.skill-level-group{margin-bottom:40px}.skill-level-group:last-child{margin-bottom:0}.level-title{margin:0 0 20px;font-size:18px;padding-bottom:10px;border-bottom:2px solid rgba(255,255,255,.2);color:#fff}.skill-tree{display:flex;flex-direction:column;align-items:center;gap:0}.skill-tree-item{display:flex;flex-direction:column;align-items:center}.skill-node{background:#fff3;border:3px solid rgba(255,255,255,.3);border-radius:50%;padding:20px;min-width:200px;min-height:200px;width:200px;height:200px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;transition:all .3s;position:relative}.skill-node.clickable{cursor:pointer}.skill-node.clickable:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0000004d;background:#ffffff4d}.skill-passed{background:linear-gradient(135deg,#4caf5066,#388e3c66);border-color:#4caf50cc}.skill-refresh{background:linear-gradient(135deg,#ce93d873,#b388ff73);border-color:#ce93d8d9}.skill-needs-retry{background:linear-gradient(135deg,#ffc10766,#ff980066);border-color:#ffc107cc}.skill-failed{background:linear-gradient(135deg,#f4433666,#c6282866);border-color:#f44336cc}.skill-not-attempted{background:#9e9e9e4d;border-color:#9e9e9e99;opacity:.7}.skill-number{font-size:18px;font-weight:700;margin-bottom:5px}.skill-name{font-size:18px;font-weight:600;margin-bottom:8px}.skill-status{font-size:14px;opacity:.9}.skill-connector{width:4px;height:40px;background:#ffffff4d;margin:5px 0;transition:all .3s}.skill-connector.passed{background:#4caf5099;box-shadow:0 0 10px #4caf5080}.skill-tree-step{display:flex;flex-direction:column;align-items:center;width:100%}.skill-step-nodes{display:flex;align-items:flex-start;justify-content:center;gap:30px;width:100%;position:relative}.skill-step-nodes.single,.skill-step-nodes.parallel{justify-content:center}.skill-step-nodes.parallel .skill-tree-item{flex:0 0 auto}.skill-step-connector-wrapper{display:flex;flex-direction:column;align-items:center;width:100%;position:relative}.skill-step-connector{width:4px;height:40px;background:#ffffff4d;margin:5px 0;transition:all .3s;position:relative}.skill-step-connector.passed{background:#4caf5099;box-shadow:0 0 10px #4caf5080}.connector-merge{position:absolute;top:-20px;left:50%;transform:translate(-50%);width:calc(100% - 40px);max-width:600px;min-width:200px;height:4px;background:#ffffff4d;z-index:1}.connector-merge.passed{background:#4caf5099}.skill-tree-overview{width:100%}.levels-overview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:26px;margin-top:24px}.level-overview-card{background:#ffffff1a;border:2px solid rgba(255,255,255,.22);border-radius:20px;padding:26px;transition:all .3s;cursor:pointer;min-height:400px;display:flex;flex-direction:column}.level-overview-card:hover{transform:translateY(-5px);background:#ffffff29;border-color:#ffffff73;box-shadow:0 12px 32px #0000004d}.level-overview-title{margin:0 0 10px;font-size:24px;color:#fff;text-align:center}.level-overview-stats{margin-bottom:10px}.level-progress-bar{width:100%;height:10px;background:#ffffff38;border-radius:999px;overflow:hidden;margin-bottom:14px}.level-progress-bar.spaced{margin-bottom:18px}.level-progress-fill{height:100%;background:linear-gradient(90deg,#4caf50d9,#388e3cd9);transition:width .3s ease}.level-stats-details{display:flex;flex-direction:column;gap:8px;color:#fff;font-size:14px}.level-stats-details.custom{align-items:center;text-align:center;font-style:italic;opacity:.85}.level-custom-note{padding:6px 12px;border-radius:999px;background:#ffffff2e;border:1px solid rgba(255,255,255,.25);font-size:13px}.level-stats-header{display:flex;justify-content:center;align-items:center;margin-bottom:4px;gap:40px;padding:0 10px}.level-stats-header span{white-space:nowrap}.level-stats-inline{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;padding-top:6px;border-top:1px solid rgba(255,255,255,.15)}.level-stats-inline span{white-space:nowrap;flex:1;min-width:calc(50% - 4px);text-align:center}.level-overview-tree-preview{display:flex;justify-content:center;align-items:center;margin-bottom:10px;padding-top:10px;border-top:1px solid rgba(255,255,255,.2);flex:1;min-height:250px;overflow:visible}.mini-skill-tree{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;width:100%;padding:0}.mini-tree-item{display:flex;flex-direction:column;align-items:center;flex-shrink:0}.mini-skill-node{width:20px;height:20px;border-radius:50%;border:2px solid rgba(255,255,255,.4);transition:all .3s;flex-shrink:0;box-shadow:0 2px 4px #0003}.mini-skill-node.skill-passed{background:#4caf50e6;border-color:#4caf50;box-shadow:0 0 8px #4caf5099}.mini-skill-node.skill-refresh{background:#ce93d8e6;border-color:#ce93d8;box-shadow:0 0 8px #ce93d899}.mini-skill-node.skill-needs-retry{background:#ffc107e6;border-color:#ffc107;box-shadow:0 0 8px #ffc10799}.mini-skill-node.skill-failed{background:#f44336e6;border-color:#f44336;box-shadow:0 0 8px #f4433699}.mini-skill-node.skill-not-attempted{background:#9e9e9e99;border-color:#9e9e9ee6;box-shadow:0 0 4px #9e9e9e66}.mini-connector{width:2px;height:12px;background:#ffffff4d;margin:2px 0;flex-shrink:0}.mini-connector.passed{background:#4caf5099}.mini-tree-step{display:flex;flex-direction:column;align-items:center;width:100%}.mini-step-nodes{display:flex;align-items:flex-start;justify-content:center;gap:8px;width:100%;position:relative}.mini-step-nodes.single,.mini-step-nodes.parallel{justify-content:center}.mini-step-nodes.parallel .mini-tree-item{flex:0 0 auto}.mini-step-connector-wrapper{display:flex;flex-direction:column;align-items:center;width:100%;position:relative}.mini-connector-merge{position:absolute;top:-4px;left:50%;transform:translate(-50%);width:calc(100% - 20px);max-width:100px;min-width:50px;height:1px;background:#fff3;z-index:1}.mini-connector-merge.passed{background:#4caf5099}.level-overview-click{text-align:center;color:#fffc;font-size:14px;font-weight:600;margin-top:5px}.skill-tree-detail{width:100%}.level-detail-header{display:flex;align-items:center;gap:20px;margin-bottom:30px}.back-to-overview-btn{padding:10px 20px;background:#fff3;color:#fff;border:2px solid rgba(255,255,255,.3);border-radius:8px;cursor:pointer;font-size:16px;font-weight:600;transition:all .3s}.back-to-overview-btn:hover{background:#ffffff4d;transform:translate(-5px)}.level-detail-header h2{margin:0;font-size:22px;color:#fff}.video-player-container{color:#fff}.video-player-container h2{text-align:center;margin-bottom:20px;font-size:22px}.video-wrapper{background:linear-gradient(135deg,#00406633,#1055804d);border-radius:16px;padding:25px;margin-bottom:25px;display:flex;justify-content:center;align-items:center;min-height:400px;border:1px solid rgba(167,205,231,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.video-player{width:100%;max-width:800px;border-radius:8px;background:#000}.video-placeholder{text-align:center;padding:40px;color:#fffc}.video-placeholder p{margin:10px 0;font-size:18px}.video-info{font-size:16px;margin-top:20px}.video-info code{background:#fff3;padding:4px 8px;border-radius:4px;font-family:monospace}.video-instructions{font-size:14px;margin-top:20px;line-height:1.6;opacity:.9}.progress-info{background:#ffffff1a;padding:20px;border-radius:12px;margin-bottom:20px;text-align:center}.progress-info h3{margin:0 0 10px;font-size:16px}.info-message{color:#ffc107;margin:10px 0 0}.success-message{color:#4caf50;margin:10px 0 0}.error-message{color:#f44336;margin:10px 0 0}.complete-btn{width:100%;padding:16px;background:linear-gradient(135deg,var(--blue-dark) 0%,var(--blue-darker) 100%);color:#fff;border:none;border-radius:10px;font-size:18px;font-weight:600;cursor:pointer;transition:all .3s;box-shadow:0 4px 15px #0040664d}.complete-btn:hover{transform:translateY(-3px);box-shadow:0 8px 25px #00406666;background:linear-gradient(135deg,var(--blue-darker) 0%,var(--blue-darkest) 100%)}.complete-btn:active{transform:translateY(0)}.student-dashboard{min-height:calc(100vh - 60px);padding:40px 30px;color:#fff;background:var(--blue-black);position:relative}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;background:#ffffff26;padding:25px;border-radius:16px;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(167,205,231,.3);box-shadow:0 8px 32px #00406633;position:relative;z-index:1}.dashboard-header h1{margin:0;color:#fff;font-size:28px;font-weight:700}.dashboard-header p{margin:6px 0 0;color:#ffffffd9;font-size:16px;line-height:1.6}.logout-btn{padding:10px 20px;background:#fff3;color:#fff;border:2px solid white;border-radius:8px;cursor:pointer;font-size:16px;transition:all .3s}.logout-btn:hover{background:#ffffff4d;transform:translateY(-2px)}.stats-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:30px}.stat-card{background:#fff3;padding:25px;border-radius:16px;text-align:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(167,205,231,.4);box-shadow:0 8px 24px #00406633;transition:all .3s;position:relative;z-index:1}.stat-card:hover{transform:translateY(-5px);box-shadow:0 12px 32px #0040664d}.stat-card.status-passed{background:linear-gradient(135deg,#4caf5066,#388e3c66);border-color:#4caf5080}.stat-card.status-refresh{background:linear-gradient(135deg,#ce93d873,#b388ff73);border-color:#ce93d899}.stat-card.status-needs-retry{background:linear-gradient(135deg,#ffc10766,#ff980066);border-color:#ffc10780}.stat-card.status-failed{background:linear-gradient(135deg,#f4433666,#c6282866);border-color:#f4433680}.stat-card h3{margin:0 0 10px;font-size:14px;opacity:.9}.stat-number{font-size:36px;font-weight:700;margin:0}.video-view{background:#ffffff1a;padding:20px;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.back-btn{padding:10px 20px;background:#fff3;color:#fff;border:2px solid white;border-radius:8px;cursor:pointer;font-size:16px;margin-bottom:20px;transition:all .3s}.back-btn:hover{background:#ffffff4d;transform:translate(-5px)}.status-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;padding:20px;z-index:2000}.status-modal{width:min(520px,100%);background:#0a3a5af2;border-radius:18px;border:1px solid rgba(167,205,231,.35);box-shadow:0 24px 48px #00000059;padding:28px;display:flex;flex-direction:column;gap:20px;color:#fff}.status-modal-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.status-modal-header h3{margin:0;font-size:22px}.status-modal-header p{margin:4px 0 0;font-size:14px;opacity:.75}.status-modal-body{display:flex;gap:18px;flex-wrap:wrap}.status-modal-meta{display:flex;flex-direction:column;gap:4px;min-width:120px}.status-modal-label{font-size:12px;text-transform:uppercase;opacity:.6;letter-spacing:.6px}.status-modal-value{font-size:16px;font-weight:600}.status-modal-actions{display:flex;flex-wrap:wrap;gap:10px}.status-modal-actions .status-btn{padding:10px 16px}.memorization-students-wrapper{display:flex;justify-content:center;align-items:flex-start;min-height:calc(100vh - 60px);padding:40px 20px}.memorization-students{display:flex;flex-direction:column;gap:24px;width:100%;max-width:1400px;background:#ffffff1a;padding:30px;border-radius:20px;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(167,205,231,.3);box-shadow:0 12px 40px #00406640}.memorization-students-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.memorization-students-header h2{margin:0;font-size:28px;font-weight:700;color:#fff;background:linear-gradient(135deg,#a7cfe7,#fff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.students-count{margin:0;font-size:14px;color:#ffffffb3;font-weight:500}.memorization-students-filters{display:grid;grid-template-columns:2fr 1fr 1fr;gap:20px;padding:28px 32px;background:#ffffff08;border-radius:14px;border:1px solid rgba(167,205,231,.15);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.filter-group{display:flex;flex-direction:column;gap:8px}.filter-group label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#fffc}.filter-input,.filter-select{padding:14px 16px;border-radius:10px;border:1px solid rgba(167,205,231,.35);background:#fffffff2;color:var(--blue-black);font-size:16px;transition:all .3s ease}.filter-input:focus,.filter-select:focus{outline:none;border-color:#a7cde799;background:#fff;box-shadow:0 0 0 3px #a7cde726}.filter-input::placeholder{color:#00000080}.filter-select{cursor:pointer}.filter-select option{background:#fff;color:var(--blue-black)}.memorization-students-list{display:flex;flex-direction:column;gap:12px}.memorization-student-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:10px 20px;border-radius:14px;background:#ffffff1a;border:1px solid rgba(167,205,231,.26);box-shadow:0 8px 20px #00406638;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;color:#fff;width:100%}.memorization-student-row.middle-school{background:#81c78426;border-color:#81c78466}.memorization-student-row.high-school{background:#90caf926;border-color:#90caf966}.memorization-student-row:hover{transform:translateY(-2px);box-shadow:0 14px 28px #2196f340}.memorization-student-row.middle-school:hover{border-color:#81c78499;box-shadow:0 14px 28px #81c7844d}.memorization-student-row.high-school:hover{border-color:#90caf999;box-shadow:0 14px 28px #90caf94d}.student-row-main{display:flex;flex-direction:row;align-items:center;gap:12px;min-width:0;flex:1}.student-row-main .name{display:block;font-size:16px;font-weight:600;color:#fff;white-space:nowrap}.student-row-main .username{display:block;font-size:13px;opacity:.6;color:#c8dff6;white-space:nowrap}.student-row-meta{display:flex;gap:24px;font-size:13px;opacity:.85;flex-shrink:0}.student-row-meta .meta{display:flex;flex-direction:column;gap:4px;text-align:center;min-width:80px}.student-row-meta .label{display:block;text-transform:uppercase;letter-spacing:.5px;font-size:10px;opacity:.7}.student-row-meta .value{display:block;font-weight:600;color:#fff;text-align:center}.row-chevron{font-size:18px;opacity:.6}@media (max-width: 640px){.memorization-student-row{flex-direction:column;align-items:flex-start}.student-row-meta{width:100%;justify-content:space-between}.student-row-meta .meta{text-align:center}}.memorization-students-placeholder,.memorization-students-error{padding:24px;border-radius:16px;background:#00000040;border:1px solid rgba(167,205,231,.3);color:#fff;text-align:center;font-weight:600}.memorization-students-error{background:#f4433633;border-color:#f4433659;color:#ffcdd2}@media (max-width: 768px){.memorization-students-wrapper{padding:20px 15px}.memorization-students{padding:20px}.memorization-students-header{flex-direction:column;align-items:flex-start;gap:8px}.memorization-students-filters{grid-template-columns:1fr;gap:12px}}.surah-library{padding:30px;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 40px #00406633;color:#fff;max-width:none;margin:0;width:100%;display:grid;grid-template-columns:360px 1fr;gap:28px;align-items:start;box-sizing:border-box}.surah-library.loading-state,.surah-library.error-state{min-height:200px;display:flex;align-items:center;justify-content:center;font-size:18px}.library-header-wrapper{display:flex;flex-direction:column;gap:12px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:8px}.library-header-wrapper h1{margin:0;color:#fff;font-size:28px;font-weight:700}.library-description{margin:0;color:#ffffffd9;max-width:100%;width:100%;line-height:1.6;font-size:16px}.library-controls{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end}.library-header-wrapper{grid-column:1 / -1}.library-content{display:grid;grid-template-columns:360px 1fr;gap:28px;min-height:500px;align-items:stretch;margin-top:0;width:100%;grid-column:1 / -1}.library-content>div:last-child{width:100%;max-width:none;min-width:0;overflow:visible}.library-left-column{display:flex;flex-direction:column;gap:16px}.library-header{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:start}.control-group{display:flex;flex-direction:column;gap:6px}.control-group label{font-size:11px;font-weight:700;color:#ffffffe6;text-transform:uppercase;letter-spacing:.5px}.control-group:nth-child(2) label{font-size:10px}.control-group input,.control-group select{padding:8px 12px;border-radius:8px;border:1px solid rgba(255,255,255,.2);background:#ffffff1a;color:#fff;min-width:180px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:13px;transition:all .2s ease}.control-group:nth-child(2) input,.control-group:nth-child(2) select{min-width:140px;padding:7px 10px;font-size:12px}.control-group input:focus,.control-group select:focus{outline:none;border-color:#61dafb80;background:#ffffff26;box-shadow:0 0 0 3px #61dafb1a}.control-group input::placeholder{color:#fff9}.surah-list{background:#ffffff08;border-radius:16px;border:1px solid rgba(255,255,255,.1);padding:16px;overflow-y:auto;max-height:700px;display:flex;flex-direction:column;gap:16px}.surah-level-section{display:flex;flex-direction:column;gap:8px}.surah-level-header{font-size:16px;font-weight:700;color:#61dafbf2;padding:10px 14px;background:#61dafb1f;border-radius:8px;border:1px solid rgba(97,218,251,.3);text-transform:uppercase;letter-spacing:.5px;margin-bottom:0;cursor:pointer;transition:all .2s ease;display:flex;justify-content:space-between;align-items:center;width:100%;text-align:left}.surah-level-header:hover{background:#61dafb2e;border-color:#61dafb80}.level-header-text{flex:1}.level-toggle-icon{font-size:12px;transition:transform .2s ease;opacity:.8}.level-toggle-icon.expanded{transform:rotate(180deg)}.surah-level-content{display:flex;flex-direction:column;gap:8px;margin-top:8px;animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:1000px}}.surah-list::-webkit-scrollbar{width:6px}.surah-list::-webkit-scrollbar-thumb{background:#fff3;border-radius:6px}.surah-list-item{width:100%;display:grid;grid-template-columns:70px 1fr 90px;align-items:center;gap:10px;padding:10px 14px;margin-bottom:0;border-radius:10px;border:1px solid transparent;background:#ffffff14;color:#fff;cursor:pointer;transition:all .2s ease;text-align:left}.surah-list-item:hover{background:#ffffff29;transform:translate(4px)}.surah-list-item.active{border-color:#61dafb99;background:#61dafb2e;box-shadow:0 10px 24px #61dafb33}.surah-number{display:inline-flex;align-items:center;gap:3px;font-weight:600;font-size:13px;opacity:.85}.hash-symbol{font-size:10px;opacity:.6;transform:translateY(-1px)}.surah-number-value{font-size:13px}.surah-name{font-weight:600}.surah-level{justify-self:end;font-size:13px;padding:4px 10px;border-radius:999px;background:#ffffff1f}.surah-detail{background:#ffffff08;border-radius:18px;border:1px solid rgba(255,255,255,.1);padding:28px;display:flex;flex-direction:column;gap:24px;min-height:500px;width:100%;max-width:none;box-sizing:border-box;flex:1 1 auto;overflow:visible}.surah-photo-grid{display:flex;flex-direction:column;gap:18px;width:100%}.surah-photo-card{display:flex;flex-direction:column;gap:10px;width:100%}.surah-photo-card h3{margin:0;font-size:18px;font-weight:600;color:#ffffffeb}.surah-photo{width:100%;max-height:220px;border-radius:14px;overflow:hidden;border:1px solid rgba(255,255,255,.12);background:#00000040;display:flex;align-items:center;justify-content:center}.surah-photo img{width:100%;height:100%;object-fit:contain;background:#00000059;padding:10px}.surah-video{width:100%;border-radius:14px;overflow:hidden;border:1px solid rgba(255,255,255,.12);background:#00000040;display:flex;align-items:center;justify-content:center}.surah-video .video-player-container{width:100%;padding:0}.surah-video .video-player-container h2{display:none}.surah-video .video-wrapper{width:100%}.surah-video .video-player{width:100%;max-height:500px}.photo-placeholder{padding:20px;text-align:center;color:#ffffffbf;font-size:14px;line-height:1.6;display:flex;flex-direction:column;gap:8px}.photo-placeholder code{display:block;margin-top:4px;font-size:13px;color:#61dafbe6}.surah-info{width:100%;max-width:100%}.surah-info h2{margin:0 0 10px;font-size:28px;width:100%}.surah-detail.with-photos .surah-info{margin-bottom:12px}.surah-meta{display:flex;flex-wrap:wrap;gap:12px;font-size:14px;color:#ffffffd9;width:100%}.surah-guidance{margin:12px 0 0;color:#ffffffbf;line-height:1.6}.empty-state{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#ffffffb3;text-align:center;padding:20px}@media (max-width: 1024px){.surah-library{padding:24px}.library-content{grid-template-columns:1fr}.surah-list{max-height:300px}}@media (max-width: 640px){.surah-library{padding:20px;gap:20px}.library-header-wrapper{gap:16px;padding-bottom:16px}.library-header-wrapper h1{font-size:28px}.library-description{font-size:15px;line-height:1.6}.library-controls{flex-direction:column;gap:16px}.control-group input,.control-group select{min-width:100%}.library-content{gap:20px;min-height:400px}.surah-detail{padding:20px;gap:20px;min-height:400px}}.surah-photo-zoom{display:block;width:100%;height:100%;padding:0;margin:0;border:none;background:none;font:inherit;cursor:zoom-in}.surah-photo-zoom img{display:block}.surah-photo-zoom:focus-visible{outline:3px solid var(--accent-teal, #3caea3);outline-offset:3px}.surah-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:40px 20px;background:#000000d9;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);cursor:zoom-out;animation:surahLightboxIn .15s ease-out}@keyframes surahLightboxIn{0%{opacity:0}to{opacity:1}}.surah-lightbox-close{position:absolute;top:16px;right:20px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border:none;border-radius:50%;background:#ffffff26;color:#fff;font-size:30px;line-height:1;cursor:pointer;transition:background .2s ease,transform .2s ease}.surah-lightbox-close:hover{background:#ffffff4d;transform:scale(1.08)}.surah-lightbox-close:focus-visible{outline:3px solid #fff;outline-offset:2px}.surah-lightbox-figure{margin:0;max-width:100%;max-height:100%;display:flex;flex-direction:column;align-items:center;gap:12px;cursor:default}.surah-lightbox-figure img{max-width:min(1200px,92vw);max-height:82vh;width:auto;height:auto;object-fit:contain;border-radius:8px;box-shadow:0 24px 60px #00000080}.surah-lightbox-figure figcaption{color:#ffffffd9;font-size:14px;text-align:center}@media (max-width: 640px){.surah-lightbox{padding:64px 12px 24px}.surah-lightbox-close{top:10px;right:12px}}.add-student-container{min-height:calc(100vh - 60px);padding:40px 20px;display:flex;justify-content:center;align-items:center;background:var(--blue-black);position:relative}.add-student-card{background:#fffffffa;padding:50px;border-radius:20px;box-shadow:0 20px 60px #0040664d,0 0 0 1px #a7cde74d;width:100%;max-width:900px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;z-index:1}.add-student-header{display:flex;align-items:center;gap:20px;margin-bottom:30px}.add-student-back-button{padding:10px 20px;background:#ffffffe6;border:2px solid var(--blue-dark);border-radius:8px;color:var(--blue-black);font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:Merriweather,serif;flex-shrink:0}.add-student-back-button:hover{background:var(--blue-light);transform:translateY(-2px);box-shadow:0 4px 12px #0040664d}.add-student-card h1{background:linear-gradient(135deg,var(--blue-dark) 0%,var(--blue-darker) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;font-size:28px;font-weight:700;text-align:center;flex:1}.add-student-card.division-middle h1{background:linear-gradient(135deg,#81c784,#66bb6a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.add-student-card.division-high h1{background:linear-gradient(135deg,#1e538c,#1565c0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.form-group{margin-bottom:20px}.form-row .form-group{margin-bottom:0}.form-group label{display:block;margin-bottom:8px;color:var(--blue-black);font-weight:600;font-size:16px}.form-group input,.form-group select{width:100%;padding:12px;border:2px solid #e0e0e0;border-radius:8px;font-size:16px;transition:border-color .3s,box-shadow .3s;font-family:Roboto Slab,serif}.section-divider{margin:30px 0 20px;font-weight:700;font-size:18px;color:var(--blue-dark);display:flex;align-items:center;gap:16px}.parent-optional{justify-content:space-between}.parent-two-group{display:flex;flex-direction:column;gap:16px;background:#2196f314;border:1px solid rgba(33,150,243,.2);padding:18px 20px;border-radius:12px}.add-parent-btn,.remove-parent-btn{padding:10px 18px;border-radius:999px;border:none;font-weight:700;font-size:15px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.remove-parent-btn{align-self:flex-start;background:#f44336d9;color:#fff;box-shadow:0 12px 24px #f4433640}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--blue-dark);box-shadow:0 0 0 3px #327fb21a}.form-group select{cursor:pointer;background:#fff}.error-message{background:#fee;color:#c33;padding:12px;border-radius:8px;margin-bottom:20px;border:1px solid #fcc}.success-message{background:#d4edda;color:#155724;padding:12px;border-radius:8px;margin-bottom:20px;border:1px solid #c3e6cb;text-align:center}.form-actions{display:flex;gap:15px;margin-top:30px}.submit-btn{flex:1;padding:14px;background:linear-gradient(135deg,var(--blue-dark) 0%,var(--blue-darker) 100%);color:#fff;border:none;border-radius:10px;font-size:17px;font-weight:600;cursor:pointer;transition:all .3s;box-shadow:0 4px 15px #0040664d}.submit-btn:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 8px 25px #00406666;background:linear-gradient(135deg,var(--blue-darker) 0%,var(--blue-darkest) 100%)}.submit-btn:disabled{opacity:.6;cursor:not-allowed}.submit-btn.middle-school-btn{background:linear-gradient(135deg,#81c784,#66bb6a);box-shadow:0 4px 15px #81c7844d}.submit-btn.middle-school-btn:hover:not(:disabled){background:linear-gradient(135deg,#66bb6a,#81c784);box-shadow:0 8px 25px #81c78480}.submit-btn.high-school-btn{background:linear-gradient(135deg,#1e538c,#1565c0);box-shadow:0 4px 15px #1e538c4d}.submit-btn.high-school-btn:hover:not(:disabled){background:linear-gradient(135deg,#1565c0,#1e538c);box-shadow:0 8px 25px #1e538c80}.cancel-btn{flex:1;padding:14px;background:#ffffffe6;color:var(--blue-black);border:2px solid var(--blue-dark);border-radius:10px;font-size:17px;font-weight:600;cursor:pointer;transition:all .3s}.cancel-btn:hover{background:var(--blue-light);transform:translateY(-2px)}.readonly-input{background:#0000000d;cursor:not-allowed;opacity:.7}@media (max-width: 768px){.add-student-card{padding:30px 20px;max-width:100%}.add-student-header{flex-direction:column;align-items:flex-start;gap:15px}.add-student-card h1{font-size:22px;text-align:left;width:100%}.form-row{grid-template-columns:1fr;gap:0}.form-row .form-group{margin-bottom:20px}.form-actions{flex-direction:column}}.add-student-card{color:#000}.add-student-card input,.add-student-card select,.add-student-card textarea,.add-student-card .readonly-input{color:#000;background-color:#fff;-webkit-text-fill-color:#000}.add-student-card input::placeholder,.add-student-card textarea::placeholder{color:#6b6b6b;-webkit-text-fill-color:#6b6b6b;opacity:1}.add-student-card .form-group label,.add-student-card .section-divider,.add-student-card h1,.add-student-card h2,.add-student-card h3{color:#000}.add-student-card input:disabled,.add-student-card select:disabled{color:#444;-webkit-text-fill-color:#444;background-color:#f2f2f2}.add-student-card.division-middle h1,.add-student-card.division-high h1{-webkit-text-fill-color:transparent}.add-student-card .confirm-email-toggle{margin:6px 0 18px;padding:12px 14px;border:1px solid rgba(0,0,0,.12);border-radius:10px;background:#00000005}.add-student-card .confirm-email-toggle label{display:flex;align-items:center;gap:10px;margin:0;cursor:pointer;font-weight:600;color:#000}.add-student-card .confirm-email-toggle input[type=checkbox]{width:18px;height:18px;margin:0;cursor:pointer;accent-color:var(--blue-dark, #327FB2)}.add-student-card .confirm-email-hint{margin:6px 0 0 28px;font-size:13px;line-height:1.45;color:#444}.add-student-card .confirmation-link-box{margin:0 0 18px;padding:14px;border:1px solid rgba(255,152,0,.45);border-radius:10px;background:#ffc1071f;color:#000}.add-student-card .confirmation-link-box p{margin:6px 0 10px;font-size:13px;line-height:1.45}.add-student-card .confirmation-link-box input{width:100%;padding:8px 10px;font-size:12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;border:1px solid rgba(0,0,0,.2);border-radius:6px}.student-list-container{background:#ffffff26;padding:30px 40px;border-radius:16px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(167,205,231,.3);box-shadow:0 12px 38px #0040664d;width:100%;max-width:100%;box-sizing:border-box}.student-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.student-list-header h2{margin:0;font-size:24px;color:#fff}.controls{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.search-control{flex:1;min-width:250px}.search-control .search-input{padding:10px 14px;border-radius:10px;border:1px solid rgba(167,205,231,.45);background:#0003;color:#fff;min-width:260px}.search-input::placeholder{color:#fff9}.search-input:focus{outline:none;border-color:var(--blue-dark);background:#ffffff40;box-shadow:0 0 0 3px #327fb233}.filter-control{display:flex;align-items:center;gap:10px}.filter-control label{font-size:16px;font-weight:600;margin-right:8px;color:#fff}.region-select{padding:10px 12px;border-radius:10px;border:1px solid rgba(167,205,231,.45);background:#0003;color:#fff;font-size:14px;cursor:pointer;transition:all .3s}.region-select:hover{background:#ffffff4d}.region-select:focus{outline:none;border-color:var(--blue-dark);box-shadow:0 0 0 3px #327fb233}.logs-button{padding:10px 20px;background:linear-gradient(135deg,#9c27b0,#7b1fa2);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;transition:all .2s ease;box-shadow:0 2px 8px #9c27b04d;white-space:nowrap;flex-shrink:0}.logs-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #9c27b066;background:linear-gradient(135deg,#7b1fa2,#9c27b0)}.view-toggle{display:flex;gap:10px}.view-btn{padding:8px 16px;background:#fff3;border:2px solid rgba(255,255,255,.3);border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s}.view-btn:hover{background:#ffffff4d;transform:translateY(-2px)}.view-btn.active{background:var(--blue-dark);border-color:var(--blue-dark);box-shadow:0 4px 12px #327fb266}.students-view.grid-view{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.students-view.list-view{display:flex;flex-direction:column;gap:8px;align-items:flex-start;max-width:100%;margin-right:auto}.students-view.list-view .student-card{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:8px 15px;min-height:auto;transition:background .2s;margin-right:auto}.students-view.list-view .student-card:hover{background:#ffffff40;transform:none}.students-view.list-view .student-card-header{flex:0 0 150px;margin-bottom:0;margin-right:15px}.students-view.list-view .student-card-header h3{font-size:14px;margin:0 0 2px}.students-view.list-view .student-card-header .student-name{font-size:12px}.students-view.list-view .student-card-body{flex:1;display:flex;gap:15px;margin-bottom:0;margin-right:15px}.students-view.list-view .student-card-body p{margin:0;font-size:12px;white-space:nowrap}.students-view.list-view .student-card-footer{flex-shrink:0;border-top:none;padding-top:0;margin-top:0}.students-view.list-view .view-profile{font-size:12px}.student-card{background:#ffffff26;border-radius:12px;padding:25px;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(167,205,231,.3);box-shadow:0 8px 32px #00406633;cursor:pointer;transition:all .3s;position:relative;z-index:1}.students-view.list-view .student-card{border-radius:6px;padding:8px 15px;box-shadow:0 2px 8px #00406626;width:100%;max-width:100%}.student-card:hover{transform:translateY(-5px);box-shadow:0 12px 40px #0040664d;background:#fff3}.student-card-header h3{margin:0 0 5px;font-size:18px;color:#fff}.student-card-header .student-name{margin:0;color:#ffffffb3;font-size:14px;font-weight:400}.student-card-body{margin-bottom:15px}.student-card-body p{margin:8px 0;color:#ffffffe6;font-size:14px}.student-card-footer{border-top:1px solid rgba(255,255,255,.2);padding-top:15px;margin-top:15px}.view-profile{color:var(--blue-light);font-weight:600;font-size:16px}.student-table-wrapper{background:#ffffff14;border-radius:14px;border:1px solid rgba(167,205,231,.25);overflow-x:auto;overflow-y:visible;width:100%;padding:20px 24px}.student-table{width:100%;border-collapse:collapse;color:#fff}.student-table thead{background:#ffffff1a}.student-table th,.student-table td{padding:12px 16px;text-align:left;border-bottom:1px solid rgba(167,205,231,.2);font-size:13px}.student-select-checkbox{width:18px;height:18px;cursor:pointer;accent-color:rgba(167,205,231,.8);margin:0}.student-table th{font-size:13px;padding:14px 16px}.student-table td:nth-child(4),.student-table td:nth-child(5){white-space:nowrap;overflow:visible;text-overflow:clip;max-width:none}.student-table tbody tr{cursor:pointer;transition:background .2s ease}.student-table-wrapper.division.middle .student-table tbody tr:hover{background:#81c78447}.student-table-wrapper.division.high .student-table tbody tr:hover{background:#1e538c59}.division-empty{text-align:center;padding:18px;color:#fffc}.student-table-wrapper:not(.division) .no-students{padding:28px;text-align:center;color:#ffffffd9}.student-table-card{flex:1;min-width:400px;display:flex;flex-direction:column;gap:12px;width:100%}.student-table-title{font-size:22px;font-weight:700;text-align:center;padding:12px;border-radius:12px;color:#fff}.student-table-title.clickable-title{transition:all .3s ease;-webkit-user-select:none;user-select:none}.student-table-title.clickable-title:hover{background:#ffffff1a;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.division-filters{display:flex;gap:10px;flex-wrap:nowrap;align-items:center;padding:8px 10px;border-radius:12px;background:#ffffff1a;border:1px solid rgba(255,255,255,.15);overflow-x:auto;justify-content:center;margin:0 auto}.division-filters label{display:flex;align-items:center;gap:4px;color:#fff;font-weight:600;font-size:12px;white-space:nowrap;flex-shrink:0}.division-filters select{padding:4px 8px;border-radius:6px;border:1px solid rgba(255,255,255,.25);background:#00000040;color:#fff;cursor:pointer;font-size:12px;min-width:80px;flex-shrink:0}.student-table-card.middle .student-table-title{background:linear-gradient(135deg,#81c784,#66bb6a)}.student-table-card.high .student-table-title{background:linear-gradient(135deg,#1e538c,#1565c0)}.student-table-card.mentors-block .student-table-title{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 15px #667eea4d}.student-table-card.region-admin-block .student-table-title{background:linear-gradient(135deg,#e91e63,#c2185b);box-shadow:0 4px 15px #e91e6366}.student-table-card.coordinator-admin-block .student-table-title{background:linear-gradient(135deg,#ffb3d9,#f9c);box-shadow:0 4px 15px #ffb3d94d}.student-table-wrapper.division.middle{background:#c8e6c926;border-color:#81c78466}.student-table-wrapper.division.high{background:#0d47a12e;border-color:#1e538c73}.student-table-card.mentors-block .student-table-wrapper{background:#667eea26;border-color:#667eea66}.student-table-card.mentors-block .student-table tbody tr:hover{background:#667eea40}.student-table-card.region-admin-block .student-table-wrapper{background:#e91e6326;border-color:#e91e6366}.student-table-card.region-admin-block .student-table tbody tr:hover{background:#e91e6340}.student-table-card.coordinator-admin-block .student-table-wrapper{background:#ffb3d926;border-color:#f9c6}.student-table-card.coordinator-admin-block .student-table tbody tr:hover{background:#ffb3d940}.student-table-card.admin-plus-block .student-table-title{background:linear-gradient(135deg,#ffffffe6,#ffffffb3);box-shadow:0 4px 15px #ffffff4d;color:var(--blue-black)}.student-table-card.admin-plus-block .student-table-wrapper{background:#ffffff26;border-color:#fff6}.student-table-card.admin-plus-block .student-table tbody tr:hover{background:#ffffff40}.division-filters.middle{background:#81c78426;border-color:#81c7844d}.division-filters.high{background:#1e538c40;border-color:#1e538c59}.division-grade-count-container{display:flex;flex-wrap:wrap;gap:16px;margin:0 auto 20px;padding:0;justify-content:center;width:fit-content;max-width:100%}.grade-count-block{background:#ffffff14;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(167,205,231,.2);border-radius:16px;padding:16px 20px;min-width:120px;text-align:center;transition:all .3s ease;box-shadow:0 2px 8px #00406626}.grade-count-block:hover{transform:translateY(-2px);background:#ffffff1f;box-shadow:0 4px 16px #00406640;border-color:#a7cde766}.grade-count-grade{color:#ffffffd9;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.8px;margin-bottom:6px}.grade-count-number{color:#fff;font-size:28px;font-weight:700;line-height:1.1;margin-bottom:3px;text-shadow:0 2px 6px rgba(0,0,0,.2)}.grade-count-label{color:#ffffffbf;font-size:11px;font-weight:500;text-transform:lowercase;letter-spacing:.3px}.student-division-grid{display:flex;flex-wrap:wrap;gap:24px}@media (max-width: 768px){.student-list-header{flex-direction:column;align-items:flex-start}.controls{width:100%;flex-direction:column;align-items:stretch}.search-control{width:100%;min-width:auto}.filter-control,.region-select{width:100%}.view-toggle{width:100%;justify-content:center}.students-view.list-view .student-card{flex-direction:column;align-items:flex-start;padding:15px}.students-view.list-view .student-card-header{flex:1;width:100%;margin-right:0;margin-bottom:10px}.students-view.list-view .student-card-body{flex-direction:column;gap:8px;width:100%;margin-right:0;margin-bottom:10px}}@media (max-width: 960px){.student-division-grid{flex-direction:column}}.admin-students-container{width:100%;max-width:100%;margin:0 auto;padding:20px 30px 40px;box-sizing:border-box}.admin-students-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;margin-bottom:30px;background:#ffffff26;padding:25px;border-radius:16px;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(167,205,231,.3);box-shadow:0 8px 32px #00406633}.admin-students-header-center{display:flex;justify-content:center;align-items:center}.header-buttons-group{display:flex;align-items:center;gap:15px;flex-wrap:nowrap;white-space:nowrap}.transfer-students-btn{padding:6px 12px;background:linear-gradient(135deg,#4caf50,#45a049);border:none;border-radius:6px;color:#fff;font-size:12px;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:Merriweather,serif;box-shadow:0 4px 15px #4caf504d,0 2px 4px #45a04933;white-space:nowrap;flex-shrink:0}.transfer-students-btn:hover:not(:disabled){background:linear-gradient(135deg,#45a049,#4caf50);transform:translateY(-2px);box-shadow:0 8px 25px #4caf5080,0 4px 8px #45a0494d}.transfer-students-btn:disabled{opacity:.6;cursor:not-allowed}.remove-students-btn{padding:6px 12px;background:linear-gradient(135deg,#f44336,#d32f2f);border:none;border-radius:6px;color:#fff;font-size:12px;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:Merriweather,serif;white-space:nowrap;flex-shrink:0}.remove-students-btn:hover:not(:disabled){background:linear-gradient(135deg,#d32f2f,#f44336);transform:translateY(-2px);box-shadow:0 8px 25px #f4433680,0 4px 8px #d32f2f4d}.remove-students-btn:disabled{opacity:.6;cursor:not-allowed}.admin-back-button{padding:8px 16px;background:#ffffff26;border:1px solid rgba(167,205,231,.4);border-radius:8px;color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:Merriweather,serif}.admin-back-button:hover{background:#ffffff40;border-color:#a7cde799;transform:translateY(-2px);box-shadow:0 4px 12px #0040664d}.admin-students-header.division-middle{background:#81c78426;border-color:#81c7844d;box-shadow:0 8px 32px #81c78433}.admin-students-header.division-high{background:#1e538c26;border-color:#1e538c4d;box-shadow:0 8px 32px #1e538c33}.admin-students-header h2{margin:0;font-size:24px;color:#fff}.admin-students-tabs{display:flex;gap:10px;flex-wrap:nowrap;align-items:center;white-space:nowrap}.add-student-header-btn{padding:10px 20px;background:linear-gradient(135deg,var(--blue-dark) 0%,var(--blue-darker) 100%);border:none;border-radius:8px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:Merriweather,serif;box-shadow:0 4px 15px #0040664d,0 2px 4px #00406633;white-space:nowrap;flex-shrink:0;min-width:fit-content}.add-student-header-btn:hover{background:linear-gradient(135deg,var(--blue-darker) 0%,var(--blue-darkest) 100%);transform:translateY(-2px);box-shadow:0 8px 25px #00406666,0 4px 8px #00406633}.add-students-to-year-button{padding:8px 16px;background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:13px;font-weight:500;transition:all .3s ease;box-shadow:0 2px 8px #4caf504d}.add-students-to-year-button:hover{background:linear-gradient(135deg,#45a049,#4caf50);transform:translateY(-2px);box-shadow:0 4px 12px #4caf5066}.add-students-to-year-small-button{padding:4px 8px;background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:11px;font-weight:500;transition:all .2s ease;box-shadow:0 1px 4px #4caf504d}.add-students-to-year-small-button:hover{background:linear-gradient(135deg,#45a049,#4caf50);transform:translateY(-1px);box-shadow:0 2px 6px #4caf5066}.admin-students-header.division-middle .tab-button.active{background:#81c7844d;border-color:#81c78499}.admin-students-header.division-high .tab-button.active{background:#1e538c4d;border-color:#1e538c99}.admin-students-header.division-middle .add-student-header-btn{background:linear-gradient(135deg,#81c784,#66bb6a);box-shadow:0 4px 15px #81c7844d,0 2px 4px #66bb6a33}.admin-students-header.division-middle .add-student-header-btn:hover{background:linear-gradient(135deg,#66bb6a,#81c784);box-shadow:0 8px 25px #81c78480,0 4px 8px #66bb6a4d}.admin-students-header.division-high .add-student-header-btn{background:linear-gradient(135deg,#1e538c,#1565c0);box-shadow:0 4px 15px #1e538c4d,0 2px 4px #1565c033}.admin-students-header.division-high .add-student-header-btn:hover{background:linear-gradient(135deg,#1565c0,#1e538c);box-shadow:0 8px 25px #1e538c80,0 4px 8px #1565c04d}.tab-button{padding:8px 16px;border:2px solid rgba(167,205,231,.3);border-radius:8px;background:#ffffff1a;color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap;flex-shrink:0;min-width:fit-content}.tab-button:hover{background:#fff3;border-color:#a7cde780}.tab-button.active{background:linear-gradient(135deg,var(--blue-dark) 0%,var(--blue-darker) 100%);border-color:#a7cde799;box-shadow:0 4px 15px #0040664d}.admin-mentors-header .tab-button.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea99;box-shadow:0 4px 15px #667eea4d}.admin-students-header.division-middle .tab-button.active{background:linear-gradient(135deg,#81c784,#66bb6a);border-color:#81c78499;box-shadow:0 4px 15px #81c7844d}.admin-students-header.division-high .tab-button.active{background:linear-gradient(135deg,#1e538c,#1565c0);border-color:#1e538c99;box-shadow:0 4px 15px #1e538c4d}.admin-mentors-container{width:100%;max-width:100%;margin:0 auto;padding:20px 30px 40px;box-sizing:border-box}.admin-mentors-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;margin-bottom:30px;background:#667eea26;padding:25px;border-radius:16px;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(102,126,234,.3);box-shadow:0 8px 32px #667eea33}.coordinator-admin-header{background:#ffb3d926;border:1px solid rgba(255,153,204,.3);box-shadow:0 8px 32px #ffb3d933}.admin-plus-header{background:#ffffff26;border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 32px #fff3}.admin-mentors-header-center{display:flex;justify-content:center;align-items:center}.admin-mentors-header h2{margin:0;font-size:24px;color:#fff}.admin-mentors-tabs{display:flex;gap:10px;flex-wrap:wrap;align-items:center;row-gap:10px;white-space:nowrap}.admin-mentors-tabs .tab-button,.admin-mentors-tabs .add-mentor-header-btn{flex-shrink:0;white-space:nowrap}.add-mentor-header-btn{padding:8px 16px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:Merriweather,serif;box-shadow:0 4px 15px #667eea4d,0 2px 4px #764ba233}.add-mentor-header-btn:hover{background:linear-gradient(135deg,#764ba2,#667eea);transform:translateY(-2px);box-shadow:0 8px 25px #667eea80,0 4px 8px #764ba24d}.add-region-admin-header-btn{padding:8px 16px;background:linear-gradient(135deg,#e91e63,#c2185b);border:none;border-radius:8px;color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:Merriweather,serif;box-shadow:0 4px 15px #e91e6366,0 2px 4px #c2185b33}.add-region-admin-header-btn:hover{background:linear-gradient(135deg,#c2185b,#e91e63);transform:translateY(-2px);box-shadow:0 8px 25px #e91e6380,0 4px 8px #c2185b4d}.add-coordinator-admin-header-btn{padding:8px 16px;background:linear-gradient(135deg,#ffb3d9,#f9c);border:none;border-radius:8px;color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:Merriweather,serif;box-shadow:0 4px 15px #ffb3d94d,0 2px 4px #f9c3}.add-coordinator-admin-header-btn:hover{background:linear-gradient(135deg,#f9c,#ffb3d9);transform:translateY(-2px);box-shadow:0 8px 25px #ffb3d980,0 4px 8px #ff99cc4d}.add-region-header-btn{padding:8px 16px;background:linear-gradient(135deg,#ffffffe6,#ffffffb3);border:none;border-radius:8px;color:var(--blue-black);font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:Merriweather,serif;box-shadow:0 4px 15px #ffffff4d,0 2px 4px #fff3}.add-region-header-btn:hover{background:linear-gradient(135deg,#fffffff2,#ffffffd9);transform:translateY(-2px);box-shadow:0 8px 25px #ffffff80,0 4px 8px #ffffff4d}.editable-field{display:inline-flex;align-items:center;gap:6px;cursor:pointer;padding:6px 10px;border-radius:6px;border:1px dashed rgba(167,205,231,.4);background:#a7cde71a;transition:all .2s ease;position:relative;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}.editable-field:hover{background:#a7cde733;border-color:#a7cde799;border-style:solid;transform:translateY(-1px);box-shadow:0 2px 8px #a7cde74d}.edit-indicator{font-size:10px;opacity:.7;margin-left:4px;transition:opacity .2s ease}.editable-field:hover .edit-indicator{opacity:1}.editable-field-select,.editable-field-input{width:100%;padding:6px 10px;border-radius:6px;border:1px dashed rgba(167,205,231,.4);background:#a7cde71a;color:#fff;font-size:14px;transition:all .2s ease}.editable-field-select:focus,.editable-field-input:focus{outline:none;border-color:#a7cde799;border-style:solid;background:#a7cde733;box-shadow:0 2px 8px #a7cde74d}.editable-field-select{cursor:pointer}.editable-field-select:hover{background:#a7cde733;border-color:#a7cde799;border-style:solid;transform:translateY(-1px);box-shadow:0 2px 8px #a7cde74d}.editable-field-select option{background:#0a3a5af2;color:#fff}.editable-field-input::placeholder{color:#ffffff80}.admin-dashboard{min-height:calc(100vh - 60px);padding:40px 30px;color:#fff;background:var(--blue-black);position:relative}.back-to-regions-container{margin-bottom:20px;display:flex;justify-content:flex-start;align-items:center;gap:20px;flex-wrap:wrap}.region-selector-container{display:flex;align-items:center;gap:10px}.region-select-label{font-size:14px;font-weight:600;color:#fff}.region-select{padding:10px 16px;border-radius:10px;border:1px solid rgba(167,205,231,.4);background:#ffffff26;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #0003,0 2px 4px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-width:200px}.region-select:hover{background:#ffffff40;border-color:#a7cde799}.region-select:focus{outline:none;border-color:#a7cde7cc;box-shadow:0 0 0 3px #a7cde733}.region-select:disabled{opacity:.6;cursor:not-allowed}.region-select option{background:var(--blue-dark);color:#fff}.back-to-regions-button{padding:10px 20px;background:#ffffff26;border:1px solid rgba(167,205,231,.4);border-radius:10px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #0003,0 2px 4px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.back-to-regions-button:hover{background:#ffffff40;border-color:#a7cde799;transform:translateY(-2px);box-shadow:0 6px 20px #0000004d,0 3px 6px #00000026}.dashboard-year-selector{display:flex;align-items:center;gap:10px}.dashboard-year-selector label{font-size:16px;font-weight:600;color:#fff}.admin-year-select{padding:8px 12px;border-radius:8px;border:1px solid rgba(167,205,231,.45);background:#0003;color:#fff;font-size:14px;cursor:pointer;transition:all .3s}.admin-year-select:hover{background:#ffffff4d}.admin-year-select:focus{outline:none;border-color:var(--blue-dark);box-shadow:0 0 0 3px #327fb233}.dashboard-header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px;background:#ffffff26;padding:25px;border-radius:16px;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(167,205,231,.3);box-shadow:0 8px 32px #00406633;position:relative;z-index:1}.dashboard-header-center{display:flex;justify-content:center;align-items:center}.year-selector{display:flex;align-items:center;gap:10px}.year-selector label{color:#fff;font-weight:600;font-size:16px;font-family:Merriweather,serif}.year-select{padding:10px 16px;border-radius:8px;border:2px solid rgba(167,205,231,.4);background:#ffffff26;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:Merriweather,serif;min-width:150px}.year-select:hover{background:#ffffff40;border-color:#a7cde799}.year-select:focus{outline:none;border-color:#a7cde7cc;box-shadow:0 0 0 3px #a7cde733}.year-select option{background:var(--blue-dark);color:#fff}.dashboard-header h1{margin:0;font-size:24px}.dashboard-header p{margin:5px 0 0;opacity:.9}.dashboard-actions{display:flex;gap:13px;align-items:center;flex-wrap:wrap}.add-mentor-btn,.add-student-btn,.add-region-admin-btn,.add-coordinator-admin-btn{padding:8px 14px;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #0003,0 2px 4px #0000001a;position:relative;overflow:hidden;white-space:nowrap}.add-mentor-btn:before,.add-student-btn:before,.add-coordinator-admin-btn:before,.add-region-admin-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.add-mentor-btn:hover:before,.add-student-btn:hover:before,.add-region-admin-btn:hover:before,.add-coordinator-admin-btn:hover:before{left:100%}.add-mentor-btn:hover,.add-student-btn:hover,.add-region-admin-btn:hover,.add-coordinator-admin-btn:hover{transform:translateY(-3px);box-shadow:0 8px 25px #0000004d,0 4px 8px #00000026}.add-student-btn{background:linear-gradient(135deg,var(--blue-dark) 0%,var(--blue-darker) 100%)}.add-student-btn:hover{background:linear-gradient(135deg,var(--blue-darker) 0%,var(--blue-darkest) 100%);box-shadow:0 8px 25px #00406666,0 4px 8px #00406633}.add-student-btn.middle-school-btn{background:linear-gradient(135deg,#81c784,#66bb6a);box-shadow:0 4px 15px #81c7844d,0 2px 4px #66bb6a33}.add-student-btn.middle-school-btn:hover{background:linear-gradient(135deg,#66bb6a,#81c784);box-shadow:0 8px 25px #81c78480,0 4px 8px #66bb6a4d}.add-student-btn.high-school-btn{background:linear-gradient(135deg,#1e538c,#1565c0);box-shadow:0 4px 15px #1e538c4d,0 2px 4px #1565c033}.add-student-btn.high-school-btn:hover{background:linear-gradient(135deg,#1565c0,#1e538c);box-shadow:0 8px 25px #1e538c80,0 4px 8px #1565c04d}.add-mentor-btn{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 15px #667eea4d,0 2px 4px #764ba233}.add-mentor-btn:hover{background:linear-gradient(135deg,#764ba2,#667eea);box-shadow:0 8px 25px #667eea80,0 4px 8px #764ba24d}.add-region-admin-btn{background:linear-gradient(135deg,#c2185b,#8b1538);box-shadow:0 4px 15px #c2185b4d,0 2px 4px #8b153833}.add-region-admin-btn:hover{background:linear-gradient(135deg,#8b1538,#c2185b);box-shadow:0 8px 25px #c2185b80,0 4px 8px #8b15384d}.add-coordinator-admin-btn{background:linear-gradient(135deg,#ffb3d9,#f9c);box-shadow:0 4px 15px #ffb3d94d,0 2px 4px #f9c3}.add-coordinator-admin-btn:hover{background:linear-gradient(135deg,#f9c,#ffb3d9);box-shadow:0 8px 25px #ffb3d980,0 4px 8px #ff99cc4d}.school-nav-btn{padding:14px 28px;color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #0003,0 2px 4px #0000001a;position:relative;overflow:hidden}.school-nav-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.school-nav-btn:hover:before{left:100%}.school-nav-btn:hover{transform:translateY(-3px);box-shadow:0 8px 25px #0000004d,0 4px 8px #00000026}.middle-school-btn{background:linear-gradient(135deg,#81c784,#66bb6a);box-shadow:0 4px 15px #81c7844d,0 2px 4px #66bb6a33}.middle-school-btn:hover{background:linear-gradient(135deg,#66bb6a,#81c784);box-shadow:0 8px 25px #81c78480,0 4px 8px #66bb6a4d}.high-school-btn{background:linear-gradient(135deg,#1e538c,#1565c0);box-shadow:0 4px 15px #1e538c4d,0 2px 4px #1565c033}.high-school-btn:hover{background:linear-gradient(135deg,#1565c0,#1e538c);box-shadow:0 8px 25px #1e538c80,0 4px 8px #1565c04d}.admin-content{background:#ffffff26;padding:35px;border-radius:16px;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);margin-top:20px;border:1px solid rgba(167,205,231,.3);box-shadow:0 8px 32px #00406633;position:relative;z-index:1}.filter-section{margin-bottom:20px}.filter-section label{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:500}.student-select{padding:8px 12px;border:2px solid rgba(255,255,255,.3);border-radius:8px;background:#ffffff1a;color:#fff;font-size:16px;cursor:pointer;min-width:200px}.student-select option{background:#667eea;color:#fff}.progress-table-container{overflow-x:auto;margin-top:20px}.progress-table{width:100%;border-collapse:collapse;background:#ffffff0d;border-radius:8px;overflow:hidden}.progress-table thead{background:#ffffff1a}.progress-table th{padding:15px;text-align:left;font-weight:600;border-bottom:2px solid rgba(255,255,255,.2)}.progress-table td{padding:15px;border-bottom:1px solid rgba(255,255,255,.1)}.progress-table tbody tr:hover{background:#ffffff1a}.no-data{text-align:center;padding:40px;opacity:.7}.status-badge{padding:6px 12px;border-radius:20px;font-size:14px;font-weight:600;display:inline-block}.status-approved{background:#4caf504d;color:#4caf50;border:1px solid #4caf50}.status-pending{background:#ffc1074d;color:#ffc107;border:1px solid #ffc107}.status-rejected{background:#f443364d;color:#f44336;border:1px solid #f44336}.status-unlocked{background:#2196f34d;color:#2196f3;border:1px solid #2196f3}.status-locked{background:#9e9e9e4d;color:#9e9e9e;border:1px solid #9e9e9e}.action-buttons{display:flex;gap:10px}.btn-approve,.btn-reject{padding:8px 16px;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s}.btn-approve{background:#4caf504d;color:#4caf50;border:1px solid #4caf50}.btn-approve:hover{background:#4caf5080;transform:translateY(-2px)}.btn-reject{background:#f443364d;color:#f44336;border:1px solid #f44336}.btn-reject:hover{background:#f4433680;transform:translateY(-2px)}.approved-by{font-size:14px;opacity:.8;font-style:italic}.admin-navigation-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin-top:30px}.admin-nav-card{background:#ffffff26;padding:35px;border-radius:16px;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(167,205,231,.3);box-shadow:0 8px 32px #00406633;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.admin-nav-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s}.admin-nav-card:hover:before{left:100%}.admin-nav-card:hover{transform:translateY(-5px);box-shadow:0 12px 40px #0040664d;border-color:#a7cde780}.admin-nav-card h2{margin:0 0 10px;font-size:24px;color:#fff}.admin-nav-card p{margin:0;opacity:.9;font-size:16px}.nav-card-arrow{position:absolute;top:35px;right:35px;font-size:24px;opacity:.6;transition:all .3s ease}.admin-nav-card:hover .nav-card-arrow{opacity:1;transform:translate(5px)}.accounts-header{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-end;justify-content:space-between;margin-bottom:24px}.accounts-header h2{margin:0;font-size:26px}.accounts-subtitle{margin:4px 0 0;font-size:14px;opacity:.7}.accounts-header-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.accounts-search{padding:9px 14px;border:1px solid rgba(0,0,0,.15);border-radius:8px;font-size:14px;min-width:260px}.accounts-back-btn{padding:9px 16px;border:none;border-radius:8px;background:linear-gradient(135deg,#546e7a,#37474f);color:#fff;font-size:14px;font-weight:600;cursor:pointer;white-space:nowrap}.accounts-error{padding:12px 16px;margin-bottom:20px;border-radius:8px;background:#fdecea;color:#a12a1f;font-size:14px}.accounts-empty{opacity:.7;font-size:15px}.accounts-group{margin-bottom:28px}.accounts-group-head{display:flex;align-items:center;gap:10px;margin-bottom:10px}.accounts-group-title{margin:0;font-size:18px}.accounts-group-title.is-unassigned{opacity:.65;font-style:italic}.accounts-count{padding:2px 9px;border-radius:999px;background:#00000014;font-size:12px;font-weight:600}.accounts-table-wrap{overflow-x:auto;border:1px solid rgba(0,0,0,.08);border-radius:10px;background:#fff}.accounts-table{width:100%;border-collapse:collapse;font-size:14px}.accounts-table th,.accounts-table td{padding:10px 14px;text-align:left;border-bottom:1px solid rgba(0,0,0,.06);vertical-align:top}.accounts-table th{font-size:12px;text-transform:uppercase;letter-spacing:.5px;opacity:.6;background:#00000005;white-space:nowrap}.accounts-table tbody tr:last-child td{border-bottom:none}.accounts-table tbody tr:hover{background:#00000005}.accounts-username{font-weight:600}.accounts-email{display:flex;flex-direction:column;gap:2px;word-break:break-all}.accounts-email-alt{font-size:12px;opacity:.6}.accounts-na{opacity:.55;font-style:italic}.accounts-role{display:inline-block;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:600;white-space:nowrap;background:#00000012}.role-admin{background:#ede7f6;color:#4527a0}.role-quranAdmin{background:#e8f5e9;color:#1b5e20}.role-regionAdmin{background:#fff3e0;color:#e65100}.role-coordinatorAdmin{background:#e1f5fe;color:#01579b}.role-mentorAdmin{background:#fce4ec;color:#880e4f}.role-student{background:#eceff1;color:#37474f}@media (max-width: 640px){.accounts-search{min-width:0;flex:1 1 100%}}.accounts-notice{padding:10px 16px;margin-bottom:20px;border-radius:8px;background:#e8f5e9;color:#1b5e20;font-size:14px}.accounts-region-select{padding:6px 10px;border:1px solid rgba(0,0,0,.18);border-radius:6px;background:#fff;color:#000;font-size:13px;min-width:150px;cursor:pointer}.accounts-region-select:disabled{opacity:.55;cursor:progress}.accounts-region-select:invalid,.accounts-region-select[value=""]{color:#6b6b6b;font-style:italic}.accounts-region-locked{display:inline-block;padding:4px 10px;border-radius:6px;background:#0000000d;font-size:13px;opacity:.75}.accounts-notice-muted{background:#0000000d;color:inherit;opacity:.8}.accounts-actions{text-align:right;white-space:nowrap}.accounts-delete-btn{padding:5px 12px;border:1px solid rgba(198,40,40,.35);border-radius:6px;background:#f4433614;color:#c62828;font-size:13px;font-weight:600;cursor:pointer;transition:background .2s ease}.accounts-delete-btn:hover:not(:disabled){background:#f443362e}.accounts-delete-btn:disabled{opacity:.5;cursor:progress}.admin-logs-page{max-width:1400px;padding:30px}.logs-header{margin-bottom:30px}.logs-header h1{color:var(--blue-black);margin-bottom:10px;font-size:32px}.logs-header p{color:var(--blue-darker);margin-bottom:20px}.back-button{padding:10px 20px;background:linear-gradient(135deg,var(--blue-dark) 0%,var(--blue-darker) 100%);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;margin-bottom:20px;transition:all .2s ease}.back-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0040664d}.logs-filters{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:20px;padding:20px;background:#e8f5fd80;border-radius:10px;border:1px solid rgba(33,150,243,.2)}.filter-group{display:flex;flex-direction:column;gap:5px}.filter-group label{font-size:12px;font-weight:600;color:var(--blue-darker)}.filter-group select,.filter-group input{padding:8px 12px;border:1px solid rgba(33,150,243,.3);border-radius:6px;font-size:14px;background:#fff;color:var(--blue-black)}.filter-group select:focus,.filter-group input:focus{outline:none;border-color:var(--blue-dark);box-shadow:0 0 0 2px #2196f31a}.clear-filters-button{padding:8px 16px;background:#f443361a;color:#f44336;border:1px solid rgba(244,67,54,.3);border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;align-self:flex-end;transition:all .2s ease}.clear-filters-button:hover{background:#f4433633;border-color:#f4433680}.logs-stats{display:flex;gap:20px;margin-bottom:20px;padding:15px;background:linear-gradient(135deg,#4caf501a,#388e3c1a);border-radius:8px;border:1px solid rgba(76,175,80,.3)}.stat-item{display:flex;flex-direction:column;gap:5px}.stat-label{font-size:12px;font-weight:600;color:var(--blue-darker)}.stat-value{font-size:24px;font-weight:700;color:#4caf50}.logs-table-wrapper{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.logs-table{width:100%;border-collapse:collapse}.logs-table thead{background:linear-gradient(135deg,var(--blue-dark) 0%,var(--blue-darker) 100%);color:#fff}.logs-table th{padding:15px;text-align:left;font-weight:600;font-size:14px}.logs-table td{padding:12px 15px;border-bottom:1px solid rgba(0,0,0,.1);font-size:13px}.logs-table tbody tr:hover{background:#2196f30d}.timestamp-cell{color:var(--blue-darker);white-space:nowrap;font-family:Courier New,monospace;font-size:12px}.region-cell{font-size:13px;color:var(--blue-black);font-weight:600;white-space:nowrap}.action-badge{display:inline-block;padding:4px 10px;border-radius:12px;color:#fff;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.actor-cell,.target-cell{display:flex;flex-direction:column;gap:3px}.actor-name,.target-name{font-weight:600;color:var(--blue-black)}.actor-role,.target-type{font-size:11px;color:var(--blue-darker);text-transform:capitalize}.details-cell{max-width:300px}.details-content{display:flex;flex-direction:column;gap:4px}.detail-item{display:flex;gap:5px;font-size:12px}.detail-key{font-weight:600;color:var(--blue-darker)}.detail-value{color:var(--blue-black)}.no-logs{padding:40px;text-align:center;color:var(--blue-darker);font-size:16px}.loading{text-align:center;padding:40px;color:var(--blue-darker);font-size:16px}.logs-button{padding:10px 20px;background:linear-gradient(135deg,#9c27b0,#7b1fa2);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;transition:all .2s ease;box-shadow:0 2px 8px #9c27b04d}.logs-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #9c27b066}@media (max-width: 768px){.logs-filters{flex-direction:column}.logs-table{font-size:12px}.logs-table th,.logs-table td{padding:8px}.details-cell{max-width:200px}}.contact-content{max-width:700px}.contact-form{margin-top:30px}.contact-form .form-group{margin-bottom:20px}.contact-form label{display:block;margin-bottom:8px;color:#333;font-weight:500}.contact-form input,.contact-form textarea{width:100%;padding:12px;border:2px solid #e0e0e0;border-radius:8px;font-size:16px;font-family:inherit;transition:border-color .3s}.contact-form input:focus,.contact-form textarea:focus{outline:none;border-color:var(--blue-dark);box-shadow:0 0 0 3px #327fb21a}.contact-form textarea{resize:vertical;min-height:120px}.submit-button{width:100%;padding:16px;background:linear-gradient(135deg,var(--blue-dark) 0%,var(--blue-darker) 100%);color:#fff;border:none;border-radius:10px;font-size:18px;font-weight:600;cursor:pointer;transition:all .3s;box-shadow:0 4px 15px #0040664d}.submit-button:hover{transform:translateY(-3px);box-shadow:0 8px 25px #00406666;background:linear-gradient(135deg,var(--blue-darker) 0%,var(--blue-darkest) 100%)}.submit-button:active{transform:translateY(0)}.success-message{background:#d4edda;color:#155724;padding:15px;border-radius:8px;margin-bottom:20px;border:1px solid #c3e6cb;text-align:center;animation:slideDown .3s ease-out}.student-profile-container{min-height:calc(100vh - 60px);padding:40px 30px;color:#fff;background:var(--blue-black);position:relative}.student-profile-container.personal-only{min-height:calc(100vh - 60px);padding:30px;color:#fff;background:var(--blue-black);position:relative;display:flex;flex-direction:column;gap:24px}.personal-only .surahs-header{margin-top:8px;margin-bottom:0}.personal-only .custom-surah-form{margin-top:0;margin-bottom:0}.student-profile-actions{display:flex;justify-content:flex-end;gap:12px}.edit-btn,.save-btn,.cancel-btn,.delete-btn{padding:10px 22px;border-radius:999px;border:none;font-weight:700;font-size:15px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.edit-btn{background:linear-gradient(135deg,#2196f3f2,#3caea3f2);color:#fff;box-shadow:0 14px 28px #2196f347}.edit-btn:hover{transform:translateY(-2px);box-shadow:0 18px 36px #2196f359}.edit-action-group{display:flex;gap:12px}.save-btn{background:linear-gradient(135deg,#81c784f2,#4caf50f2);color:#fff;box-shadow:0 14px 28px #4caf5047}.save-btn:hover{transform:translateY(-2px);box-shadow:0 18px 36px #4caf5059}.cancel-btn{background:#ffffffd9;color:var(--blue-black);border:2px solid var(--blue-dark)}.cancel-btn:hover{transform:translateY(-2px)}.delete-btn{background:linear-gradient(135deg,#f44336e6,#d32f2fe6);color:#fff;box-shadow:0 14px 28px #f4433647}.delete-btn:hover{transform:translateY(-2px);box-shadow:0 18px 36px #f4433659}.student-alert{padding:12px 18px;border-radius:12px;font-weight:600}.student-alert.success{background:#81c78433;color:#c8e6c9;border:1px solid rgba(129,199,132,.4)}.student-alert.error{background:#f4433633;color:#ffcdd2;border:1px solid rgba(244,67,54,.4)}.student-info-card{background:#ffffff1f;padding:20px;border-radius:18px;border:1px solid rgba(167,205,231,.3);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 12px 32px #00406640}.student-info-card h1,.student-info-card h2{margin:0 0 16px;font-size:26px;color:#fff}.student-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px 20px;font-size:16px}.student-details.editable label,.student-details.editable>div{display:flex;flex-direction:column;gap:8px}.student-details.editable label,.student-details.editable>div>span{color:#ffffffd9;font-weight:600;font-size:13px;text-transform:uppercase;letter-spacing:.5px}.student-details.editable input,.student-details.editable select{padding:10px 12px;border-radius:10px;border:1px solid rgba(167,205,231,.35);background:#0003;color:#fff;font-size:15px}.student-details.editable input:disabled,.student-details.editable select:disabled{opacity:.7;cursor:not-allowed}.student-details.editable select{cursor:pointer}.student-details.editable select option{background:#0a3a5af2;color:#fff}.parent-section{margin-top:28px;display:flex;flex-direction:column;gap:16px}.parent-section.secondary{margin-top:20px}.parent-section h2{font-size:22px;margin:0}.parent-section-header{display:flex;align-items:baseline;gap:12px}.parent-section-note{font-size:13px;opacity:.7}.parent-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px 24px}.parent-details.editable label{display:flex;flex-direction:column;gap:6px;color:#ffffffd9;font-weight:600}.parent-details.editable input,.parent-details.editable select{padding:10px 12px;border-radius:10px;border:1px solid rgba(167,205,231,.35);background:#0003;color:#fff;font-size:15px}.parent-details.editable input:disabled,.parent-details.editable select:disabled{opacity:.7;cursor:not-allowed}.parent-details.editable input:focus,.parent-details.editable select:focus{outline:none;border-color:#2196f399;box-shadow:0 0 0 3px #2196f340}.parent-details.editable select{cursor:pointer}.parent-details.editable select option{background:#0a3a5af2;color:#fff}.custom-surah-form{margin:24px 0;padding:18px;border-radius:14px;background:#ffffff14;border:1px solid rgba(167,205,231,.25);display:flex;flex-direction:column;gap:16px}.custom-surah-header h3{margin:0;font-size:20px}.custom-surah-header p{margin:6px 0 0;font-size:14px;opacity:.75}.custom-surah-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;align-items:end}.custom-surah-fields label{display:flex;flex-direction:column;gap:6px;font-weight:600;color:#ffffffd9}.custom-surah-fields select,.custom-surah-fields input{padding:10px 12px;border-radius:10px;border:1px solid rgba(167,205,231,.35);background:#0003;color:#fff;font-size:15px}.custom-surah-submit{padding:12px 18px;border-radius:999px;background:linear-gradient(135deg,#81c784e6,#4caf50e6);color:#fff;font-weight:700;border:none;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.custom-surah-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 28px #4caf5052}.custom-surah-submit:disabled{opacity:.7;cursor:not-allowed}.student-details.editable input:focus,.student-details.editable select:focus{outline:none;border-color:#2196f399;box-shadow:0 0 0 3px #2196f340}.second-parent{position:relative;padding-top:10px}.add-parent-btn,.remove-parent-btn{margin-top:16px;align-self:flex-start;padding:8px 18px;border-radius:999px;border:none;font-weight:700;font-size:14px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.add-parent-btn{background:linear-gradient(135deg,#81c784e6,#4caf50e6);color:#fff;box-shadow:0 12px 24px #4caf5040}.add-parent-btn:hover{transform:translateY(-2px);box-shadow:0 16px 30px #4caf5052}.remove-parent-btn{background:#f44336d9;color:#fff;box-shadow:0 12px 24px #f4433640}.remove-parent-btn:hover{transform:translateY(-2px);box-shadow:0 16px 30px #f4433652}.back-btn{align-self:flex-start;padding:8px 16px;background:#fff3;color:#fff;border:2px solid white;border-radius:8px;cursor:pointer;font-size:14px;transition:all .3s;margin-bottom:4px}.back-btn:hover{background:#ffffff4d;transform:translateY(-2px)}.student-note{background:#2196f31f;border:1px solid rgba(33,150,243,.35);padding:20px 24px;border-radius:14px;color:#e3f2fd;font-weight:600}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin:0}.stat-item{background:#ffffff1f;border-radius:14px;padding:16px;text-align:center;border:1px solid rgba(167,205,231,.25);box-shadow:0 10px 28px #00406640}.stat-item.stat-total{background:linear-gradient(135deg,#03a9f42e,#0277bd47);border-color:#03a9f473}.stat-item.stat-passed{background:linear-gradient(135deg,#4caf5033,#388e3c52);border-color:#4caf5073}.stat-item.stat-needs-retry{background:linear-gradient(135deg,#ffc10733,#ff980047);border-color:#ffc10773}.stat-item.stat-failed{background:linear-gradient(135deg,#f4433633,#d32f2f47);border-color:#f4433673}.stat-item.stat-refresh{background:linear-gradient(135deg,#ce93d84d,#b388ff59);border-color:#ce93d899}.stat-item h3{margin:0 0 8px;font-size:16px;letter-spacing:.5px}.stat-number{font-size:34px;font-weight:700;margin:0}.surahs-container{background:#ffffff14;border-radius:18px;padding:28px;border:1px solid rgba(167,205,231,.25);box-shadow:0 12px 34px #00406647}.surahs-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.surahs-header h2{margin:0;font-size:22px}.surahs-controls{display:flex;flex-direction:column;gap:12px;align-items:flex-end}.status-filter-buttons{display:flex;gap:10px;flex-wrap:wrap}.status-filter-buttons button{padding:6px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.35);background:#00000040;color:#fff;font-weight:600;font-size:12px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.status-filter-buttons button:hover{transform:translateY(-2px);box-shadow:0 8px 16px #2196f340}.status-filter-buttons button.active{background:#2196f359;border-color:#2196f399}.student-surah-detail-card{margin-top:20px;background:#ffffff1f;border:1px solid rgba(167,205,231,.3);border-radius:14px;padding:20px;box-shadow:0 12px 28px #00406647;display:flex;flex-direction:column;gap:16px}.surah-detail-header{display:flex;flex-direction:column;gap:6px}.surah-detail-header h3{margin:0;font-size:18px;color:#fff}.surah-detail-meta{display:flex;gap:12px;flex-wrap:wrap;font-size:12px;opacity:.75}.student-profile-tree-view{margin-top:20px;background:#ffffff1a;padding:20px;border-radius:14px;border:1px solid rgba(255,255,255,.2);box-shadow:0 10px 26px #00406647}.student-profile-tree-view .skill-tree-container{background:transparent;padding:0}.tree-view-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:24px;margin-top:24px}.tree-view-layout .student-surah-detail-card{margin-top:0}.tree-view-layout .surah-actions{display:flex;flex-wrap:wrap;gap:10px}@media (max-width: 1024px){.tree-view-layout{grid-template-columns:1fr}}.surahs-view.grid-view{display:flex;flex-direction:column;gap:30px}.surahs-controls .view-toggle{display:flex;gap:12px}.surahs-controls .view-toggle button{padding:6px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.35);background:#00000040;color:#fff;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.surahs-controls .view-toggle button:hover{background:#ffffff4d;transform:translateY(-2px)}.surahs-controls .view-toggle button.active{background:#2196f3a6;box-shadow:0 8px 18px #2196f359}.level-group{margin-bottom:28px}.level-header{margin:0 0 18px;font-size:20px;letter-spacing:.6px}.level-surahs.grid-view{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}.level-surahs.list-view{display:flex;flex-direction:column;gap:16px}.level-surahs.list-view.single-line .surah-card{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 18px}.level-surahs.list-view.single-line .surah-card .surah-header{display:flex;gap:10px;align-items:baseline;margin:0;flex:1}.level-surahs.list-view.single-line .surah-card .surah-header h3{margin:0}.level-surahs.list-view.single-line .surah-card .surah-actions{display:flex;gap:8px}.level-surahs.grid-view.block-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.surahs-view.list-view{display:flex;flex-direction:column;gap:15px}.surahs-view.list-view .surah-card{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:20px 25px;min-height:auto}.surahs-view.list-view .surah-header{flex:1;margin-bottom:0;margin-right:20px}.surahs-view.list-view .surah-status{margin-bottom:0;margin-right:20px}.surahs-view.list-view .surah-actions{display:flex;flex-wrap:wrap;gap:8px;flex-shrink:0}.surahs-view.list-view .surah-actions .status-btn{padding:6px 10px;font-size:11px}@media (max-width: 768px){.surahs-view.list-view .surah-card{flex-direction:column;align-items:flex-start}.surahs-view.list-view .surah-header,.surahs-view.list-view .surah-status{margin-right:0;margin-bottom:15px}.surahs-view.list-view .surah-actions{width:100%}.surahs-header{flex-direction:column;align-items:flex-start}.view-toggle{width:100%;justify-content:center}}.surah-card{background:#ffffff14;border-radius:14px;padding:18px;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 10px 24px #0040663d}.surah-card.status-green{border-color:#4caf50;background:#4caf5033}.surah-card.status-purple{border-color:#ce93d8;background:#ce93d840}.surah-card.status-yellow{border-color:#ffc107;background:#ffc10733}.surah-card.status-red{border-color:#f44336;background:#f4433633}.surah-card.status-grey{border-color:#9e9e9e;background:#9e9e9e33}.surah-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:12px}.surah-header h3,.surah-header h4{margin:0;font-size:16px}.surah-number{font-size:14px;opacity:.75}.surah-status{margin-bottom:12px}.status-badge{padding:6px 12px;border-radius:12px;font-size:13px;font-weight:600;text-transform:uppercase}.status-badge.status-green{background:#4caf50;color:#fff}.status-badge.status-purple{background:#ce93d8;color:#3b2044}.status-badge.status-yellow{background:#ffc107;color:#333}.status-badge.status-red{background:#f44336;color:#fff}.status-badge.status-grey{background:#9e9e9e;color:#fff}.surah-page-inline{font-size:14px;font-weight:500;color:#ffffffd9;margin-left:6px}.surah-actions{display:flex;flex-wrap:wrap;gap:10px}.surah-actions .custom-remove-btn.secondary{grid-column:1 / -1}.edit-custom-surah-btn,.delete-custom-surah-btn{padding:6px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.35);background:#00000040;color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:Merriweather,serif}.edit-custom-surah-btn{background:linear-gradient(135deg,#2196f3cc,#1976d2cc);border-color:#2196f380}.edit-custom-surah-btn:hover:not(:disabled){background:linear-gradient(135deg,#2196f3f2,#1976d2f2);border-color:#2196f3b3;transform:translateY(-1px);box-shadow:0 4px 12px #2196f34d}.delete-custom-surah-btn{background:linear-gradient(135deg,#f44336cc,#d32f2fcc);border-color:#f4433680}.delete-custom-surah-btn:hover:not(:disabled){background:linear-gradient(135deg,#f44336f2,#d32f2ff2);border-color:#f44336b3;transform:translateY(-1px);box-shadow:0 4px 12px #f443364d}.edit-custom-surah-btn:disabled,.delete-custom-surah-btn:disabled{opacity:.5;cursor:not-allowed}.custom-surah-badge{display:inline-block;margin-left:8px;padding:2px 8px;border-radius:6px;background:#9c27b04d;border:1px solid rgba(156,39,176,.5);color:#ffffffe6;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.custom-surah-edit-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px}.custom-surah-edit-content{background:#0a3a5af2;border-radius:16px;padding:28px;max-width:500px;width:100%;border:2px solid rgba(167,205,231,.3);box-shadow:0 20px 60px #00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.custom-surah-edit-content h3{margin:0 0 8px;color:#fff;font-size:24px;font-weight:700}.custom-surah-edit-content p{margin:0 0 20px;color:#ffffffd9;font-size:16px}.custom-surah-edit-content label{display:flex;flex-direction:column;gap:8px;color:#ffffffd9;font-weight:600;font-size:14px}.custom-surah-edit-content input{padding:12px 16px;border-radius:10px;border:1px solid rgba(167,205,231,.35);background:#0003;color:#fff;font-size:15px;transition:border-color .2s ease,box-shadow .2s ease;font-family:Merriweather,serif}.custom-surah-edit-content input:focus{outline:none;border-color:#2196f399;box-shadow:0 0 0 3px #2196f340}.custom-surah-edit-content input::placeholder{color:#ffffff80}.custom-surah-edit-actions{display:flex;gap:12px;margin-top:24px;justify-content:flex-end}.custom-surah-edit-actions .save-btn{padding:10px 20px;border-radius:10px;border:none;background:linear-gradient(135deg,#81c784e6,#4caf50e6);color:#fff;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease;font-family:Merriweather,serif}.custom-surah-edit-actions .save-btn:hover:not(:disabled){background:linear-gradient(135deg,#81c784,#4caf50);transform:translateY(-1px);box-shadow:0 4px 12px #4caf504d}.custom-surah-edit-actions .save-btn:disabled{opacity:.6;cursor:not-allowed}.custom-surah-edit-actions .cancel-btn{padding:10px 20px;border-radius:10px;border:1px solid rgba(255,255,255,.35);background:#00000040;color:#fff;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease;font-family:Merriweather,serif}.custom-surah-edit-actions .cancel-btn:hover:not(:disabled){background:#0006;border-color:#ffffff80}.custom-surah-edit-actions .cancel-btn:disabled{opacity:.6;cursor:not-allowed}.status-btn{padding:6px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.35);background:#00000040;color:#fff;font-size:13px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.status-btn:hover{background:#fff3;transform:translateY(-2px)}.status-btn[data-status=passed].active,.status-btn[data-status=passed]:hover{background:#4caf50;border-color:#4caf50}.status-btn[data-status=needs_retry].active,.status-btn[data-status=needs_retry]:hover{background:#ffc107;border-color:#ffc107;color:#333}.status-btn[data-status=failed].active,.status-btn[data-status=failed]:hover{background:#f44336;border-color:#f44336}.field-hint{display:block;margin-top:5px;font-size:11px;color:#ffffffb3;letter-spacing:.2px}.field-hint strong{color:#fff;font-weight:700}.status-btn[data-status=refresh].active,.status-btn[data-status=refresh]:hover{background:#ce93d8;border-color:#ce93d8;color:#3b2044}.status-btn[data-status=not_attempted].active,.status-btn[data-status=not_attempted]:hover{background:#9e9e9e;border-color:#9e9e9e}@media (max-width: 768px){.surahs-list,.student-details{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}}.edit-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;padding:20px;z-index:2000;overflow-y:auto}.edit-modal{width:min(90%,800px);max-height:90vh;background:#0a3a5af2;border-radius:18px;border:1px solid rgba(167,205,231,.35);box-shadow:0 24px 48px #00000059;padding:28px;display:flex;flex-direction:column;gap:20px;color:#fff;overflow-y:auto}.edit-modal-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.edit-modal-header h3{margin:0;font-size:22px}.edit-modal-header p{margin:4px 0 0;font-size:14px;opacity:.75}.modal-close-btn{background:transparent;border:none;color:#ffffffbf;font-size:20px;cursor:pointer;transition:transform .2s ease,color .2s ease}.modal-close-btn:hover{transform:scale(1.05);color:#fff}.edit-modal-alert{padding:12px 18px;border-radius:12px;font-weight:600;font-size:14px}.edit-modal-alert.success{background:#81c78433;color:#c8e6c9;border:1px solid rgba(129,199,132,.4)}.edit-modal-alert.error{background:#f4433633;color:#ffcdd2;border:1px solid rgba(244,67,54,.4)}.edit-modal-body{display:flex;flex-direction:column;gap:24px;max-height:calc(90vh - 200px);overflow-y:auto}.edit-modal-section{display:flex;flex-direction:column;gap:16px}.edit-modal-section h4{margin:0;font-size:18px;color:#ffffffe6;border-bottom:1px solid rgba(167,205,231,.2);padding-bottom:8px}.edit-modal-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px 24px}.edit-modal-fields label{display:flex;flex-direction:column;gap:6px;color:#ffffffd9;font-weight:600}.edit-modal-fields input,.edit-modal-fields select{padding:10px 12px;border-radius:10px;border:1px solid rgba(167,205,231,.35);background:#0003;color:#fff;font-size:15px;transition:border-color .2s ease,box-shadow .2s ease}.edit-modal-fields input:focus,.edit-modal-fields select:focus{outline:none;border-color:#2196f399;box-shadow:0 0 0 3px #2196f340}.edit-modal-fields input::placeholder{color:#ffffff80}.edit-modal-fields select{cursor:pointer}.edit-modal-fields select option{background:#0a3a5af2;color:#fff}.edit-modal-actions{display:flex;justify-content:flex-end;gap:12px;padding-top:12px;border-top:1px solid rgba(167,205,231,.2)}.edit-modal-cancel-btn,.edit-modal-save-btn{padding:10px 22px;border-radius:999px;border:none;font-weight:700;font-size:15px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.edit-modal-cancel-btn{background:#ffffffd9;color:var(--blue-black);border:2px solid var(--blue-dark)}.edit-modal-cancel-btn:hover{transform:translateY(-2px);background:#fffffff2}.edit-modal-save-btn{background:linear-gradient(135deg,#81c784f2,#4caf50f2);color:#fff;box-shadow:0 14px 28px #4caf5047}.edit-modal-save-btn:hover{transform:translateY(-2px);box-shadow:0 18px 36px #4caf5059}@media (max-width: 768px){.edit-modal{width:95%;padding:20px}.edit-modal-fields{grid-template-columns:1fr}.edit-modal-actions{flex-direction:column-reverse}.edit-modal-cancel-btn,.edit-modal-save-btn{width:100%}}.loading{display:flex;justify-content:center;align-items:center;height:100vh;font-size:24px;color:#fff}*{margin:0;padding:0;box-sizing:border-box}:root{--blue-lightest: #CDE7F4;--blue-light: #A7CDE7;--blue-medium-light: #80B3D9;--blue-medium: #5999CB;--blue-dark: #327FB2;--blue-darker: #216A99;--blue-darkest: #105580;--blue-black: #004066;--accent-teal: #3caea3;--accent-teal-dark: #2b857d;--accent-teal-light: #63c7bc}body{font-family:Roboto Slab,-apple-system,BlinkMacSystemFont,Segoe UI,serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--blue-black);min-height:100vh;position:relative}*{font-family:Roboto Slab,-apple-system,BlinkMacSystemFont,Segoe UI,serif}h1,h2,h3,h4,h5,h6,.nav-logo,.dashboard-header h1,.page-content h1{font-family:Oswald,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@media (max-width: 768px){html,body{overflow-x:hidden}.page-content,.home-page-content,.reading-content,.admin-logs-page,.memorization-students{padding-left:14px;padding-right:14px}.skill-tree-container{padding:18px 12px;border-radius:14px}.admin-dashboard{padding:20px 14px}.login-card,.add-student-card{padding:24px 18px;border-radius:14px}.roster-summary{padding:16px 14px}.levels-overview-grid{grid-template-columns:1fr 1fr;gap:10px}.level-overview-card{padding:12px 10px}.level-overview-card h3{font-size:15px}.level-stats-details{font-size:12px}.level-stats-header{gap:10px}.roster-summary-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px}.admin-students-header,.admin-mentors-header,.admin-region-pair,.admin-region-single{grid-template-columns:1fr;gap:12px}.dashboard-header,.accounts-header,.admin-mentors-header-center,.level-detail-header{flex-direction:column;align-items:stretch;gap:12px}.dashboard-actions,.admin-mentors-tabs,.header-buttons-group,.accounts-header-actions{flex-wrap:wrap;justify-content:flex-start}.student-table-card{min-width:0}.student-table-wrapper,.accounts-table-wrap,.logs-table-wrapper,.table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.student-table,.accounts-table,.logs-table{font-size:13px}.student-table th,.student-table td,.accounts-table th,.accounts-table td,.logs-table th,.logs-table td{padding:8px 10px;white-space:nowrap}.nav-container{grid-template-columns:auto 1fr;grid-template-areas:"logo account" "links links";row-gap:8px;align-items:center}.nav-left{grid-area:logo}.nav-right{grid-area:account;justify-self:end;align-items:center;flex-wrap:nowrap;gap:10px;min-width:0}.user-name-right{max-width:38vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.logout-btn-nav-right{white-space:nowrap;flex-shrink:0}.nav-center{grid-area:links;flex-wrap:wrap;justify-content:center;gap:8px 14px;overflow-x:visible}.nav-link-center{font-size:15px;white-space:nowrap}.nav-link-left,.nav-link-right,.user-name-right,.logout-btn-nav-right,.login-link-nav-right{font-size:15px}.nav-logo-img{height:76px}.skill-tree-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.skill-tree,.skill-tree-detail{min-width:max-content}.skill-node{width:118px;height:118px;min-width:118px;min-height:118px;padding:10px;border-width:2px}.skill-number{font-size:13px;margin-bottom:2px}.skill-name{font-size:12px;margin-bottom:4px;line-height:1.2}.skill-status{font-size:10px}.skill-connector,.skill-step-connector{height:22px}.skill-step-nodes{gap:14px}.mini-step-nodes{gap:6px}.level-stats-header{gap:16px}.form-row{grid-template-columns:1fr;gap:0}input,select,textarea{font-size:16px}.form-actions{flex-direction:column}.form-actions button{width:100%}.status-modal,.custom-surah-edit-content{width:calc(100vw - 24px);max-width:none;max-height:88vh;overflow-y:auto}.status-modal-actions{flex-direction:column}.status-modal-actions .status-btn{width:100%}.stats-container,.stats-grid{grid-template-columns:1fr 1fr;gap:8px}.stat-card,.stats-grid .stat-item{padding:10px 8px;border-radius:10px}.stat-card h3,.stats-grid .stat-item h3{margin:0 0 3px;font-size:11px;line-height:1.2}.stat-card .stat-number,.stats-grid .stat-item .stat-number{font-size:20px}.stats-container .stat-card:first-child,.stats-grid .stat-total{grid-column:1 / -1;display:flex;align-items:baseline;justify-content:center;gap:8px;padding:7px 10px}.stats-container .stat-card:first-child h3,.stats-grid .stat-total h3{margin:0;font-size:11px}.stats-container .stat-card:first-child .stat-number,.stats-grid .stat-total .stat-number{font-size:16px}.stat-card:hover{transform:none}.admin-memo-tracker,.tracker-body{grid-template-columns:1fr;gap:12px}.page-container.full-width{padding:16px 14px}.surah-library{grid-template-columns:1fr;gap:12px;padding:0;background:none;border:none;border-radius:0;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;max-width:100%;gap:16px}.library-content>*,.library-left-column>*,.surah-detail>*{min-width:0}.library-header{grid-template-columns:1fr;gap:12px}.library-controls{flex-direction:column;align-items:stretch;gap:10px;width:100%}.control-group{width:100%}.control-group input,.control-group select{width:100%;min-width:0;box-sizing:border-box}.library-header-wrapper h1{font-size:25px;font-weight:700;color:#fff}.library-description{font-size:15px;line-height:1.55;color:#ffffffd9}.library-content{grid-template-columns:1fr;gap:12px;min-height:0}.surah-list{max-height:46vh;padding:6px}.surah-list-item{grid-template-columns:42px 1fr 54px;gap:8px;font-size:12px;padding:9px 12px}.surah-list-item .surah-name{font-size:12px}.surah-list-item .surah-number,.surah-list-item .surah-level{font-size:11px}.surah-detail{padding:16px 14px;min-height:0}.surah-photo-card h3{font-size:14px}.control-group label{font-size:10px}.control-group input,.control-group select{padding:7px 10px;font-size:16px}.surah-photo-grid{grid-template-columns:1fr}.video-player,.surah-photo,.home-roster{max-width:100%}.home-welcome-text{font-size:26px}.dashboard-header h1,.page-content h1,.reading-content h1{font-size:24px}.accounts-header h2{font-size:21px}}@media (max-width: 480px){.skill-tree-container{padding:14px 8px}.login-card,.add-student-card{padding:20px 14px}.roster-summary-grid{grid-template-columns:1fr 1fr}.skill-step-nodes{gap:8px}.skill-node{width:98px;height:98px;min-width:98px;min-height:98px;padding:8px}.skill-name{font-size:11px}.skill-status{font-size:9px}.nav-center{gap:6px 10px}.nav-link-center{font-size:15px}.home-welcome-text{font-size:22px}.accounts-search{min-width:0;width:100%}.accounts-header-actions{flex-direction:column;align-items:stretch}}