@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap";:root{--primary-color: #4263eb;--secondary-color: #1a2234;--text-color: #ffffff;--background-color: #0f172a}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Poppins,sans-serif;background-color:var(--background-color);color:var(--text-color);overflow-x:hidden}.landing-page{width:100%;min-height:100vh}.navbar{display:flex;justify-content:space-between;align-items:center;padding:1rem 5%;position:fixed;top:0;left:0;right:0;z-index:1000;background-color:#0f172acc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:fadeInDown .5s ease-out;box-shadow:0 2px 10px #0003}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.logo{font-size:1.5rem;font-weight:700;color:var(--primary-color);transition:transform .3s ease}.logo:hover{transform:scale(1.05)}.nav-links{display:flex;list-style:none}.nav-link{color:var(--text-color);text-decoration:none;padding:.5rem 1rem;transition:color .3s ease,transform .3s ease;position:relative}.nav-link:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background-color:var(--primary-color);transform:scaleX(0);transform-origin:right;transition:transform .3s ease}.nav-link:hover{color:var(--primary-color)}.nav-link:hover:before{transform:scaleX(1);transform-origin:left}@media (max-width: 768px){.navbar{padding:1rem 2%}.logo{font-size:1.2rem}.nav-links{flex-direction:column;align-items:center}.nav-link{padding:.5rem}}.hero{height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:0 5%;position:relative;overflow:hidden;background-image:url(/assets/Study-gWd_deWq.png);background-size:cover;background-position:center;background-repeat:no-repeat}.hero-title{font-size:3rem;margin-bottom:1rem;opacity:0;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease}.hero-subtitle{font-size:1.2rem;margin-bottom:2rem;opacity:0;transform:translateY(20px);transition:opacity .5s ease .2s,transform .5s ease .2s}.cta-button{padding:.8rem 2rem;font-size:1rem;background-color:var(--primary-color);color:#fff;border:none;border-radius:5px;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease;opacity:0;transform:translateY(20px);transition:opacity .5s ease .4s,transform .5s ease .4s;text-decoration:none}.cta-button:hover{transform:translateY(-3px);box-shadow:0 4px 15px #4263eb66}.hero.visible .hero-title,.hero.visible .hero-subtitle,.hero.visible .cta-button{opacity:1;transform:translateY(0)}.contact-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;gap:1rem}.contact-info a{color:var(--text-color);text-decoration:none;transition:color .3s ease}.contact-info a:hover{color:var(--primary-color)}.social-links{display:flex;justify-content:center;gap:1rem;margin-top:2rem}.social-links a{font-size:24px;color:var(--text-color);transition:color .3s ease}.social-links a:hover{color:var(--primary-color)}.stats{padding:5rem 5%;background-color:var(--background-color);opacity:0;transform:translateY(50px);transition:opacity .8s ease,transform .8s ease}.stats.visible{opacity:1;transform:translateY(0)}.stats h2{text-align:center;margin-bottom:3rem;font-size:2.5rem}.stats-container{display:flex;justify-content:space-around;flex-wrap:wrap}.stat-item{text-align:center;margin:1rem;opacity:0;transform:scale(.8);transition:opacity .5s ease,transform .5s ease}.stats.visible .stat-item{opacity:1;transform:scale(1)}.stat-value{font-size:2.5rem;font-weight:700;color:var(--primary-color);margin-bottom:.5rem}.stat-label{font-size:1rem;color:#a0aec0}.how-it-works{padding:5rem 5%;opacity:0;transform:translateY(50px);transition:opacity .8s ease,transform .8s ease}.how-it-works.visible{opacity:1;transform:translateY(0)}.how-it-works h2{text-align:center;margin-bottom:3rem;font-size:2.5rem}.steps-container{display:flex;justify-content:space-around;flex-wrap:wrap}.step-item{width:200px;text-align:center;margin:1rem;opacity:0;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease}.how-it-works.visible .step-item{opacity:1;transform:translateY(0)}.step-number{width:50px;height:50px;background-color:var(--primary-color);color:#fff;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:1.5rem;margin:0 auto 1rem}.step-item h3{margin-bottom:.5rem}.contact{padding:4rem 5%;background-color:var(--background-color);position:relative;overflow:hidden;opacity:0;transform:translateY(50px);transition:opacity .8s ease,transform .8s ease}.contact.visible{opacity:1;transform:translateY(0)}.contact h2{text-align:center;margin-bottom:2.5rem;font-size:2.2rem;color:#fff;position:relative;z-index:2}.contact-form{max-width:600px;margin:0 auto;display:flex;flex-direction:column;gap:1.2rem;position:relative;z-index:2}.dark-input{width:100%;padding:.9rem 1.3rem;background:#2d2d2d;border:1px solid #3d3d3d;border-radius:6px;color:#fff;font-size:.95rem;transition:all .3s ease}.dark-input::placeholder{color:#7a7a7a}.dark-input:focus{outline:none;border-color:#6200ea;box-shadow:0 0 0 2px #6200ea33}textarea.dark-input{min-height:120px;resize:vertical}.submit-button{padding:.9rem;background:#6200ea;color:#fff;border:none;border-radius:6px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease;margin-top:.5rem}.submit-button:hover{background:#3700b3;transform:translateY(-1px);box-shadow:0 4px 15px #6200ea4d}.submit-button:active{transform:scale(.98)}.footer{background-color:var(--background-color);padding:3rem 5%;opacity:0;transform:translateY(50px);transition:opacity .8s ease,transform .8s ease}.footer.visible{opacity:1;transform:translateY(0)}.footer-content{display:flex;justify-content:space-between;flex-wrap:wrap}.footer-section{margin-bottom:2rem;min-width:200px}.footer-section h3{color:var(--primary-color);margin-bottom:1rem}.footer-section p{color:#a0aec0;margin-bottom:1rem}.footer-section ul{list-style:none}.footer-section ul li{margin-bottom:.5rem}.footer-section a{color:var(--text-color);text-decoration:none;transition:color .3s ease}.footer-section a:hover{color:var(--primary-color)}.footer-bottom{text-align:center;margin-top:2rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,.1)}@media (max-width: 768px){.hero-title{font-size:2rem}.hero-subtitle{font-size:1rem}.stats-container,.steps-container{flex-direction:column;align-items:center}.footer-content{flex-direction:column}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.cta-button{animation:pulse 2s infinite}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.stat-value{background:linear-gradient(90deg,var(--primary-color) 0%,#ffffff 50%,var(--primary-color) 100%);background-size:1000px 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:shimmer 10s infinite linear}.nav-link,.footer-section a{position:relative;overflow:hidden}.nav-link:after,.footer-section a:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background-color:var(--primary-color);transform:scaleX(0);transform-origin:right;transition:transform .3s ease}.nav-link:hover:after,.footer-section a:hover:after{transform:scaleX(1);transform-origin:left}.stats,.how-it-works,.contact,.footer{transition:opacity .8s ease,transform .8s ease}.stats.visible,.how-it-works.visible,.contact.visible,.footer.visible{opacity:1;transform:translateY(0)}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at center,#4263eb1a,#0f172a00 70%);z-index:-1;pointer-events:none}.signin-container{min-height:100vh;background-color:#1a1f2e;display:flex;align-items:center;justify-content:center;padding:1rem}.signin-content{width:100%;max-width:1200px;display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:center}.left-section{color:#fff;padding:2rem}.left-section h1{font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.left-section p{font-size:1.25rem}.geometric-art{width:300px;height:300px;margin:2rem auto}.geometric-art svg{width:100%;height:100%;stroke:#fff3;stroke-width:1}.right-section{background-color:#fff;border-radius:24px;padding:2rem;box-shadow:0 4px 6px #0000001a}.right-section h2{font-size:1.5rem;font-weight:600;margin-bottom:1.5rem}.name-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;font-size:.9rem;color:#333}.form-group input{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem}.password-input{position:relative}.toggle-password{position:absolute;right:1rem;top:50%;transform:translateY(-50%);background:none;border:none;color:#666;cursor:pointer;font-size:.9rem}.password-hint{font-size:.75rem;color:#666;margin-top:.5rem}.checkbox-group{margin-bottom:1.5rem}.checkbox-container{display:flex;gap:.5rem;margin-bottom:1rem}.checkbox-container input[type=checkbox]{width:auto}.checkbox-container label{font-size:.875rem;color:#333;line-height:1.4}.checkbox-container a{color:#06c;text-decoration:none}.checkbox-container a:hover{text-decoration:underline}.submit-button{width:100%;padding:.75rem;background-color:#e2e2e2;border:none;border-radius:4px;color:#333;font-size:1rem;cursor:pointer;transition:background-color .2s}.submit-button:hover{background-color:#d1d1d1}@media (max-width: 768px){.signin-content{grid-template-columns:1fr}.left-section{text-align:center;padding:1rem}.geometric-art{width:200px;height:200px}.name-row{grid-template-columns:1fr}}.dashboard-container{display:flex;min-height:100vh;background-color:#0f1219;color:#fff}.main-content{flex:1;padding:2rem;overflow-y:auto}.welcome-text{font-size:1.875rem;font-weight:700;margin-bottom:2rem}.metrics-container{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:2rem}.metric-card{padding:1rem;border-radius:.375rem;color:#fff;display:flex;flex-direction:column;align-items:center;text-align:center}.metric-card.attended{background-color:#22c55e}.metric-card.missed{background-color:#ef4444}.metric-card.percentage{background-color:#eab308;color:#fff}.metric-header{display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:700;margin-bottom:.5rem}.metric-header .icon{width:3rem;height:3rem;margin-right:.1rem}.metric-value{font-size:2rem;font-weight:700}.section-container{background-color:#1a1f2e;border-radius:.5rem;padding:1rem;margin-bottom:1.5rem}.section-title{font-size:1.25rem;font-weight:600;margin-bottom:1rem}.exam-list{display:flex;flex-direction:column;gap:.5rem}.exam-item{display:flex;justify-content:space-between;align-items:center;background-color:#2563eb;padding:.75rem;border-radius:.375rem}.exam-item .status{color:#fcd34d}.notification-list{display:flex;flex-direction:column;gap:.75rem}.notification-item{display:flex;align-items:center;gap:.5rem;color:#9ca3af}.notification-item .icon{width:1rem;height:1rem;color:#eab308}.materials-list{display:flex;flex-direction:column;gap:.75rem}.material-item{display:flex;justify-content:space-between;align-items:center}.material-title{color:#60a5fa;cursor:pointer}.material-title:hover{text-decoration:underline}.upload-date{color:#22c55e;font-size:.875rem}@media (max-width: 768px){.dashboard-container{flex-direction:column}.sidebar{width:100%;padding:1rem}.metrics-container{grid-template-columns:1fr}.main-content{padding:1rem}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#1a1f2e}::-webkit-scrollbar-thumb{background:#374151;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#4b5563}.sidebar{width:250px;background-color:#1a1f2e;padding:1.5rem;display:flex;flex-direction:column}.sidebar-title{font-size:1.5rem;font-weight:700;margin-bottom:2rem}.sidebar-nav{flex:1;display:flex;flex-direction:column;gap:.5rem}.nav-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;color:#9ca3af;text-decoration:none;border-radius:.375rem;transition:background-color .2s}.nav-item .icon{width:1.25rem;height:1.25rem}.logout-btn{margin-top:1rem;padding:.75rem;background-color:#ef4444;color:#fff;border:none;border-radius:.375rem;cursor:pointer;transition:background-color .2s}.logout-btn:hover{background-color:#dc2626}body{margin:0;padding-left:25%;padding-right:25%;font-family:Poppins,sans-serif;background-color:#11182d;color:#fff}.signup-container{display:flex;justify-content:center;align-items:center;min-height:100vh;position:relative;overflow:hidden;width:100%}.background-animation{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,#11182d,#1a1f2e);animation:gradientBG 15s ease infinite;z-index:-1}@keyframes gradientBG{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.signup-form{background:#1a1f2ecc;padding:3rem;border-radius:10px;box-shadow:0 8px 32px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:100%;max-width:100%;animation:formAppear .5s ease-out}@keyframes formAppear{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.form-title{text-align:center;margin-bottom:2rem;color:#fff;font-size:2rem;font-weight:600}.input-group{position:relative;margin-bottom:2rem}.input-group input{width:100%;padding:12px;font-size:1rem;color:#fff;background:transparent;border:2px solid #2c3e50;border-radius:5px;outline:none;transition:border-color .3s,transform .2s}.input-group label{position:absolute;top:50%;left:12px;transform:translateY(-50%);font-size:1rem;color:#fff;background:#1a1f2ecc;padding:0 5px;transition:.3s ease all}.input-group input:focus~label,.input-group input:not(:placeholder-shown)~label{top:0;left:10px;font-size:.8rem;color:#3498db}.input-group input:focus{border-color:#3498db;transform:scale(1.02)}.submit-btn{width:100%;padding:12px;background-color:#3498db;color:#fff;border:none;border-radius:5px;font-size:1rem;cursor:pointer;transition:background-color .3s,transform .1s}.submit-btn:hover{background-color:#2980b9}.submit-btn:active{transform:scale(.98)}@media (max-width: 480px){.signup-form{padding:2rem}}.password-group{position:relative}.password-toggle{position:absolute;right:10px;top:50%;transform:translateY(-50%);cursor:pointer;font-size:1.2rem;color:#fff}.password-toggle:hover{color:#3498db}.profile-container{display:flex;min-height:100vh;background-color:#000;color:#fff;padding:0}body{background-color:#11182d}.sidebar{width:280px;background-color:#1a1f2e;padding:2rem;display:flex;flex-direction:column;align-items:center}.profile-image-container{text-align:center;margin-bottom:2rem}.profile-image{width:150px;height:150px;border-radius:50%;margin-bottom:1rem}.profile-name{font-size:1.5rem;margin-bottom:.5rem}.profile-details{color:#888;font-size:.9rem;margin:.25rem 0}.sidebar-nav{width:100%;display:flex;flex-direction:column;gap:.5rem;margin-bottom:2rem}.nav-item{padding:.75rem;color:#fff;text-decoration:none;transition:background-color .3s}.nav-item:hover{background-color:#ffffff1a}.logout-btn{width:100%;padding:.75rem;background-color:#f4d03f;border:none;border-radius:4px;cursor:pointer;font-weight:700}.main-content{flex:1;padding:2rem}.header{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:2rem;text-align:center;background-color:#1a1f2e}.header h1{font-size:2.5rem;margin-bottom:.5rem}.header p{font-size:1.25rem;color:#6b7280}.info-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:2rem}.card{background-color:#1a1f2e;padding:1.5rem;border-radius:8px}.card h3{margin-bottom:1rem}.percentage{color:#2ecc71;font-size:2rem;font-weight:700;margin-bottom:.5rem}.card-btn{background-color:#f4d03f;color:#000;padding:.5rem 1rem;border:none;border-radius:4px;margin-top:1rem;cursor:pointer}.recent-exam{margin-bottom:1rem}.exam-name{color:#2ecc71;font-size:1.2rem;margin:.5rem 0}.payment-details h4{font-size:1.2rem;margin-bottom:.5rem}.pending-fees{color:#888}.pending-fees span{color:#f4d03f}.tabs-container{background-color:#1a1f2e;border-radius:8px;padding:2rem}.tabs-header{display:flex;gap:1rem;margin-bottom:2rem}.tab-btn{background:none;border:none;color:#888;padding:.5rem 1rem;cursor:pointer;font-size:1rem}.tab-btn.active{color:#fff;border-bottom:2px solid #2ecc71}.tab-content{color:#888}.tab-content h3{color:#fff;margin-bottom:1rem}.tab-content p{margin-bottom:.5rem}@media (max-width: 1200px){.info-cards{grid-template-columns:1fr 1fr}}@media (max-width: 768px){.profile-container{flex-direction:column}.sidebar{width:100%;padding:1rem}.info-cards{grid-template-columns:1fr}.tabs-header{flex-wrap:wrap}}:root{--color-background: #121212;--color-surface: #1e1e1e;--color-primary: #bb86fc;--color-secondary: #03dac6;--color-text: #ffffff;--color-text-secondary: #b3b3b3;--color-success: #4caf50;--color-danger: #f44336}body{background-color:var(--color-background);color:var(--color-text);font-family:Poppins,sans-serif;margin:0;padding:0}.result-page-container{display:flex;height:100vh;overflow:hidden}.sidebar{width:250px;background-color:var(--color-surface);color:var(--color-text);overflow-y:auto}.result-page{flex:1;overflow-y:auto;padding:20px}.result-section{max-width:1200px;margin:0 auto;padding:2rem}h1{font-size:2.5rem;font-weight:700;margin-bottom:2rem;text-align:center;background:linear-gradient(45deg,var(--color-primary),var(--color-secondary));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:gradientText 5s ease infinite}@keyframes gradientText{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.performance-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.summary-card{background-color:var(--color-surface);border-radius:12px;padding:1.5rem;box-shadow:0 4px 6px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.summary-card:hover{transform:translateY(-5px);box-shadow:0 8px 12px #0003}.summary-card h3{font-size:1.2rem;margin-bottom:1rem;color:var(--color-text-secondary)}.summary-card p{font-size:2rem;font-weight:600}.circular-progress{position:relative;width:100px;height:100px;margin:0 auto}.progress-bg{fill:none;stroke:var(--color-surface);stroke-width:8}.progress-bar{fill:none;stroke:var(--color-primary);stroke-width:8;stroke-linecap:round;transform:rotate(-90deg);transform-origin:50% 50%;transition:stroke-dashoffset .5s ease}.progress-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1.5rem;font-weight:600}.stat-number{font-size:3rem;font-weight:700;margin-bottom:.5rem}.stat-icons{display:flex;justify-content:space-between}.stat-icons span{display:flex;align-items:center;font-size:.9rem}.stat-icons svg{margin-right:.25rem}.performance-indicator{font-size:1.2rem;font-weight:600;margin-top:.5rem}.subject-analysis{display:flex;justify-content:space-between;margin-top:1rem}.subject-analysis div{display:flex;align-items:center}.subject-analysis svg{margin-right:.5rem}.chart{background-color:var(--color-surface);border-radius:12px;padding:1.5rem;box-shadow:0 4px 6px #0000001a}.result-table-container{background-color:var(--color-surface);border-radius:12px;padding:1rem;box-shadow:0 4px 6px #0000001a}.table-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.search-bar{display:flex;align-items:center;background-color:var(--color-surface);border-radius:20px;padding:.5rem 1rem;flex:1;margin-right:1rem;transition:box-shadow .3s ease}.search-bar:focus-within{box-shadow:0 0 0 2px var(--color-primary)}.search-bar input{background:none;border:none;color:var(--color-text);margin-left:.5rem;font-size:1rem;width:100%}.download-btn,.share-btn{background-color:var(--color-primary);color:var(--color-text);border:none;border-radius:20px;padding:.5rem 1rem;cursor:pointer;transition:background-color .3s ease}.download-btn:hover,.share-btn:hover{background-color:var(--color-secondary)}.result-table{width:100%;border-collapse:collapse;margin-top:1rem}.result-table th{text-align:left;padding:.8rem;background-color:#ffffff0d;color:var(--color-text-secondary);font-weight:600;cursor:pointer;transition:background-color .3s ease}.result-table th:hover{background-color:#ffffff1a}.result-table td{padding:.8rem;border-top:1px solid rgba(255,255,255,.1)}.result-table tr{transition:background-color .3s ease}.result-table tr:hover{background-color:#ffffff0d}.subject-icon{margin-right:.5rem}.progress-bar-container{width:100%;height:20px;background-color:#ffffff1a;border-radius:5px;overflow:hidden;margin-bottom:.5rem}.progress-bar{height:100%;background-color:var(--color-primary);transition:width .3s ease}.grade{padding:.3rem .6rem;border-radius:5px;font-weight:600}.grade-A+,.grade-A{background-color:var(--color-success);color:#fff}.grade-B,.grade-C{background-color:#ffc107;color:#fff}.grade-D{background-color:#ff9800;color:#fff}.grade-F{background-color:var(--color-danger);color:#fff}.subject-modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background-color:var(--color-surface);border-radius:12px;padding:2rem;box-shadow:0 4px 6px #0000001a}.modal-content h2{font-size:1.5rem;margin-bottom:1rem}.modal-content p{margin-bottom:.5rem}.modal-content button{background-color:var(--color-danger);color:#fff;border:none;border-radius:5px;padding:.5rem 1rem;cursor:pointer;margin-top:1rem}.loading-skeleton{display:flex;flex-direction:column;align-items:center;justify-content:center;height:300px}.skeleton-item{width:80%;height:20px;background-color:#555;margin-bottom:10px;border-radius:5px;animation:shimmer 1.5s infinite linear}@keyframes shimmer{0%{background-position:-100% 0}to{background-position:100% 0}}@media (max-width: 768px){.performance-summary,.chart-container{grid-template-columns:1fr}}.chart-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:1.5rem;margin-bottom:2rem}.chart{background-color:var(--color-surface);border-radius:12px;padding:1.5rem;box-shadow:0 4px 6px #0000001a;max-height:400px;overflow:hidden}:root{--primary-color: #a5b4fc;--secondary-color: #34d399;--background-color: #1a1f25;--card-background: rgba(255, 255, 255, .05);--text-color: #fff;--text-secondary-color: #a5b4fc;--border-color: rgba(255, 255, 255, .1);--hover-background: rgba(255, 255, 255, .15);--box-shadow: 0 8px 24px rgba(0, 0, 0, .4);--modal-background: rgba(0, 0, 0, .75)}.admin-dashboard{min-height:100vh;display:flex;font-family:Inter,sans-serif;background:linear-gradient(135deg,var(--background-color) 0%,#121418 100%);color:var(--text-color);background-image:radial-gradient(circle at 50% 50%,rgba(255,255,255,.05) 0%,transparent 50%)}.admin-dashboard-content{flex:1;overflow-x:auto;background-color:#191d34}h1{font-size:var(--font-xl);font-weight:700;text-align:center;background:linear-gradient(45deg,var(--gradient-start),var(--gradient-end));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 30px var(--shadow-color)}.admin-batch-selector{margin-bottom:2rem;position:relative;display:inline-block;width:200px}.admin-batch-toggle{padding:.75rem 1.5rem;border-radius:.5rem;background:#ffffff1a;color:var(--text-color);font-size:1rem;font-weight:500;cursor:pointer;border:1px solid var(--border-color);display:flex;align-items:center;gap:.5rem;transition:all .3s ease}.admin-batch-toggle:hover{background:var(--primary-color);color:#1a1f25;transform:translateY(-2px)}.admin-dropdown-icon{width:1.2rem;height:1.2rem;color:var(--text-color);transition:transform .3s ease}.admin-batch-toggle:hover .admin-dropdown-icon{transform:rotate(180deg)}.admin-batch-options{position:absolute;top:100%;left:0;width:100%;background:var(--card-background);border-radius:.5rem;border:1px solid var(--border-color);list-style:none;padding:.5rem 0;margin:.5rem 0 0;z-index:10}.admin-batch-option{padding:.75rem 1rem;color:var(--text-color);font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease}.admin-batch-option:hover{background:var(--primary-color);color:#1a1f25;padding-left:1.5rem}.admin-overview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.admin-stat-card{background:var(--card-background);padding:1.5rem;border-radius:1rem;border:1px solid var(--border-color);text-align:center;transition:transform .3s ease}.admin-stat-card:hover{transform:translateY(-5px);background:var(--hover-background)}.admin-stat-card .admin-icon{color:var(--primary-color);width:2.8rem;height:2.8rem;margin-bottom:1rem;filter:drop-shadow(0 2px 4px rgba(165,180,252,.3))}.admin-stat-card .admin-rupee-icon{display:block;color:var(--primary-color);font-size:2.8rem;font-weight:700;margin-bottom:1rem;filter:drop-shadow(0 2px 4px rgba(165,180,252,.3))}.admin-stat-value{display:block;font-size:1.5rem;font-weight:700;background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.admin-stat-label{font-size:.9rem;color:var(--text-secondary-color);font-weight:500}.admin-insights-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem;margin-bottom:2rem}.admin-chart-container{background:var(--card-background);padding:1.5rem;border-radius:1rem;border:1px solid var(--border-color);transition:transform .3s ease}.admin-chart-container:hover{transform:translateY(-5px);background:var(--hover-background)}.admin-insights-grid h2{font-size:1.1rem;font-weight:500;margin-bottom:1rem;color:var(--text-secondary-color)}.admin-feedback-container{background:var(--card-background);padding:1.5rem;border-radius:1rem;border:1px solid var(--border-color)}.admin-feedback-item{display:flex;align-items:center;gap:1rem;padding:1rem 0;border-bottom:1px solid var(--border-color);transition:all .3s ease}.admin-feedback-item:hover{background:var(--hover-background);transform:translate(5px)}.admin-feedback-item:last-child{border-bottom:none}.admin-feedback-item .admin-icon{color:#fbbf24;width:1.8rem;height:1.8rem;filter:drop-shadow(0 2px 4px rgba(251,191,36,.3))}.admin-feedback-item p{margin:0;font-weight:500;color:var(--text-color);font-size:1rem}.admin-feedback-item span{font-size:.875rem;color:var(--text-secondary-color);font-weight:500}@media (max-width: 1024px){.admin-insights-grid{grid-template-columns:1fr}}@media (max-width: 768px){.admin-dashboard{flex-direction:column}.admin-dashboard-content{margin-left:0;padding:1rem}.admin-overview-grid{grid-template-columns:1fr}.admin-batch-selector{width:100%}.admin-batch-toggle{padding:.75rem 1rem;font-size:.9rem}}@media (max-width: 480px){.admin-stat-card{padding:1rem}.admin-stat-value{font-size:1.5rem}.admin-stat-label{font-size:.875rem}}.admin-AdminSidebar{position:relative;min-height:100vh;width:280px;background:linear-gradient(180deg,#1a1f37,#111827);box-shadow:4px 0 10px #0000001a;transition:all .3s cubic-bezier(.4,0,.2,1);color:#e2e8f0}.admin-AdminSidebar.collapsed{width:80px}.toggle-button{position:absolute;right:-12px;top:32px;z-index:10;display:flex;height:24px;width:24px;align-items:center;justify-content:center;border-radius:50%;background-color:#2d3748;color:#e2e8f0;border:2px solid #1a1f37;box-shadow:0 4px 6px -1px #0000001a;transition:all .2s ease-in-out;cursor:pointer}.toggle-button:hover{background-color:#4a5568;color:#10b981;transform:scale(1.1)}.toggle-button:focus{outline:none;box-shadow:0 0 0 2px #10b981,0 0 0 4px #10b9811a}.toggle-button svg{fill:#fff;width:14px;height:14px}.AdminSidebar-header{height:80px;display:flex;align-items:center;justify-content:center;border-bottom:1px solid rgba(226,232,240,.1);background:#1a1f37f2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.logo{font-size:24px;font-weight:700;background:linear-gradient(135deg,#10b981,#34d399);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:.05em;transition:all .3s;margin-top:100px;width:300px}h1.logo{width:300px}.collapsed .logo{font-size:20px}.nav-menu{padding:24px 12px}.menu-items{display:flex;flex-direction:column;gap:8px}.menu-item{text-decoration:none;width:100%;padding:12px;border:none;border-radius:8px;background:transparent;color:#e2e8f0;cursor:pointer;transition:all .2s ease-in-out;text-align:left}.menu-item:hover{background:#4a556866;transform:translate(4px)}.menu-item.active{background:#10b9811a;color:#10b981;box-shadow:0 2px 4px #0000001a}.item-content{display:flex;align-items:center;gap:12px}.item-icon{display:flex;align-items:center;justify-content:center;min-width:20px;transition:transform .2s}.menu-item:hover .item-icon{transform:scale(1.1);color:#10b981}.item-text{font-size:14px;font-weight:500;white-space:nowrap;transition:all .3s}.collapsed .item-text{opacity:0;width:0;visibility:hidden}.lgbtn{position:absolute;bottom:24px;left:12px;right:12px;display:flex;align-items:center;gap:12px;padding:12px;border:none;border-radius:8px;background:transparent;color:#f87171;cursor:pointer;transition:all .2s}.lgbtn:hover{background:#f871711a;transform:translate(4px)}.lgbtn:focus{outline:none;box-shadow:inset 0 0 0 2px #f8717180}.logout-text{font-size:14px;font-weight:500;transition:all .3s}.collapsed .logout-text{opacity:0;width:0;visibility:hidden}.menu-item:hover,.lgbtn:hover{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.menu-item:focus,.lgbtn:focus{outline:none;box-shadow:0 0 0 2px #10b98180}.menu-item.active .item-icon{animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}:root{--primary-color: #a5b4fc;--secondary-color: #34d399;--background-color: #1a1f25;--card-background: rgba(255, 255, 255, .05);--text-color: #fff;--text-secondary-color: #a5b4fc;--border-color: rgba(255, 255, 255, .1);--hover-background: rgba(255, 255, 255, .15);--box-shadow: 0 8px 24px rgba(0, 0, 0, .4);--modal-background: rgba(0, 0, 0, .75);--success-color: #10b981;--danger-color: #f87171}.student-management-container{display:flex;min-height:100vh;background:linear-gradient(135deg,var(--background-color) 0%,#121418 100%);color:var(--text-color);font-family:Inter,sans-serif;background-image:radial-gradient(circle at 50% 50%,rgba(255,255,255,.05) 0%,transparent 50%);background-color:#191d34}.main-content{flex:1;margin-left:50px;margin-right:50px;overflow-x:auto}.main-content h1{font-size:2.5rem;font-weight:700;margin-bottom:2rem;background:linear-gradient(45deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 30px rgba(165,180,252,.3)}.overview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.overview-card{background:var(--card-background);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:1rem;padding:1.5rem;border:1px solid var(--border-color);transition:transform .3s ease,background .3s ease}.overview-card:hover{transform:translateY(-5px);background:var(--hover-background)}.card-content{display:flex;align-items:center;gap:1rem}.overview-card svg{filter:drop-shadow(0 2px 4px rgba(165,180,252,.3))}.overview-card h3{font-size:.9rem;color:var(--text-secondary-color);margin-bottom:.5rem;text-transform:uppercase}.overview-card p{font-size:1.5rem;font-weight:700}.filters-section{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.search-input{background:#ffffff1a;border-radius:.5rem;padding:.75rem 1rem;color:var(--text-color);border:1px solid rgba(255,255,255,.2);flex:1;min-width:200px;transition:all .3s ease}.search-input:hover,.search-input:focus{border-color:var(--primary-color);background:#ffffff26;outline:none}.filter-select{background:#ffffff1a;border-radius:.5rem;padding:.75rem 1rem;color:var(--text-color);border:1px solid rgba(255,255,255,.2);min-width:120px;transition:all .3s ease}.filter-select:hover,.filter-select:focus{border-color:var(--primary-color);background:#ffffff26;outline:none}.filter-select option{background:#35354a;color:var(--text-color)}.table-container{background:var(--card-background);border-radius:1rem;padding:1.5rem;margin-bottom:2rem;overflow-x:auto}.student-table{width:100%;border-collapse:separate;border-spacing:0 .5rem;min-width:1000px}.student-table th{color:var(--text-secondary-color);font-weight:500;font-size:1rem;background:#323360;padding:1rem;text-align:left;white-space:nowrap}.student-table td{color:var(--text-color);font-size:1rem;padding:1rem;background:#ffffff0d;white-space:nowrap}.student-table tr td:first-child{border-radius:.5rem 0 0 .5rem}.student-table tr td:last-child{border-radius:0 .5rem .5rem 0}.student-table tr:hover{background:var(--hover-background)}.status-chip{padding:.5rem 1rem;border-radius:.5rem;font-weight:500;font-size:.8rem;display:inline-block}.status-chip.active{background:#10b98133;color:var(--success-color)}.status-chip.inactive{background:#ef444433;color:var(--danger-color)}.actions{display:flex;gap:.5rem}.action-button{background:transparent;border:none;cursor:pointer;padding:.5rem;border-radius:.25rem;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.action-button svg{font-size:1.2rem}.action-button.view svg{color:var(--primary-color)}.action-button.edit svg{color:var(--success-color)}.action-button.delete svg{color:var(--danger-color)}.action-button.view:hover{background:#a5b4fc1a}.action-button.edit:hover{background:#10b9811a}.action-button.delete:hover{background:#ef44441a}.pagination{padding:1rem;display:flex;justify-content:center;gap:.5rem;flex-wrap:wrap}.pagination button{color:var(--text-color);background:#ffffff1a;border:1px solid var(--border-color);padding:.5rem 1rem;border-radius:.5rem;cursor:pointer;transition:all .3s ease}.pagination button.active{background:var(--primary-color);color:#1a1f25}.pagination button:hover{background:var(--secondary-color)}.charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:2rem}.chart-card{background:var(--card-background);border-radius:1rem;padding:1.5rem;margin:0;border:1px solid var(--border-color);display:flex;flex-direction:column;align-items:center}.chart-card h3{color:var(--text-secondary-color);margin-bottom:1rem;font-size:1.1rem;text-transform:uppercase}.recharts-wrapper{margin:0 auto}.bulk-actions{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.bulk-actions button{background:var(--primary-color);color:#1a1f25;font-weight:500;padding:.75rem 1.5rem;border-radius:.5rem;border:none;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.bulk-actions button:hover{background:var(--secondary-color);transform:translateY(-2px)}.modal{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--modal-background);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:var(--background-color);border-radius:1rem;padding:2rem;width:90%;max-width:600px;border:1px solid var(--border-color);box-shadow:var(--box-shadow)}.modal-scrollable{max-height:70vh;overflow-y:auto}.modal-scrollable::-webkit-scrollbar{width:8px}.modal-scrollable::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.modal-scrollable::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:4px}.modal-scrollable::-webkit-scrollbar-thumb:hover{background:var(--secondary-color)}.modal-content h2{font-size:1.5rem;color:var(--text-color);font-weight:700;margin:0 0 1.5rem}.modal-content p{color:var(--text-color);margin:1rem 0}.edit-form{display:flex;flex-direction:column;gap:1rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{color:var(--text-secondary-color);font-size:.9rem;font-weight:500}.form-group input,.form-group select{background:#ffffff1a;border:1px solid var(--border-color);border-radius:.5rem;padding:.75rem;color:var(--text-color);font-size:1rem;transition:all .3s ease}.form-group input:focus,.form-group select:focus{border-color:var(--primary-color);background:#ffffff26;outline:none}.form-group select option{background:#35354a;color:var(--text-color)}.modal-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem}.modal-actions button{padding:.75rem 1.5rem;border-radius:.5rem;border:none;cursor:pointer;font-weight:500;transition:all .3s ease}.modal-actions .cancel-button{background:#ffffff1a;color:var(--text-color)}.modal-actions .save-button{background:var(--primary-color);color:#1a1f25}.modal-actions .delete-button{background:var(--danger-color);color:#1a1f25}.modal-actions .cancel-button:hover{background:var(--hover-background)}.modal-actions .save-button:hover{background:var(--secondary-color)}.modal-actions .delete-button:hover{background:#ef4444}.drawer{position:fixed;right:0;top:0;bottom:0;width:300px;background:var(--card-background);padding:2rem;border-left:1px solid var(--border-color);z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.drawer-content{display:flex;flex-direction:column;gap:1rem}.drawer-content h2{color:var(--text-color);margin:0 0 1rem;font-size:1.5rem}.drawer-content p{color:var(--text-color);margin:0;font-size:1.1rem}.drawer-content p strong{color:var(--text-secondary-color);margin-right:.5rem}.drawer-content .close-button{background:var(--primary-color);color:#1a1f25;padding:.75rem 1.5rem;border-radius:.5rem;border:none;cursor:pointer;transition:all .3s ease;margin-top:1rem}.drawer-content .close-button:hover{background:var(--secondary-color)}@media (max-width: 1024px){.overview-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.charts-grid{grid-template-columns:1fr}.main-content{margin-left:30px;margin-right:30px}}@media (max-width: 768px){.student-management-container{flex-direction:column;padding:1rem}.main-content{margin-left:0;margin-right:0;padding:1rem}.main-content h1{font-size:2rem}.overview-grid{grid-template-columns:1fr}.student-table td,.student-table th{padding:.75rem;font-size:.9rem}.actions button{padding:.25rem}.filters-section{flex-direction:column}.search-input,.filter-select{width:100%}.charts-grid{grid-template-columns:1fr}.recharts-wrapper{width:100%!important;height:250px!important}.drawer{width:100%}.modal-scrollable{max-height:60vh}}@media (max-width: 480px){.student-management-container{padding:.5rem}.main-content h1{font-size:1.5rem}.overview-card p{font-size:1.2rem}.overview-card h3{font-size:.8rem}.overview-card svg{width:32px;height:32px}.recharts-wrapper{width:100%!important;height:200px!important}.bulk-actions button{padding:.5rem 1rem;font-size:.9rem;width:100%;justify-content:center}.student-table td,.student-table th{padding:.5rem;font-size:.8rem}.action-button svg{font-size:1rem}.modal-content{padding:1rem}.modal-content h2{font-size:1.2rem}.modal-actions button{padding:.5rem 1rem;font-size:.9rem}.modal-scrollable{max-height:50vh}}:root{--bg-gradient: linear-gradient(135deg, #1a1f25 0%, #121418 100%);--primary-color: #a5b4fc;--secondary-color: #34d399;--text-color: #fff;--card-bg: rgba(255, 255, 255, .05);--card-border: rgba(255, 255, 255, .1);--hover-bg: rgba(255, 255, 255, .15)}.attendance-container{display:flex;min-height:100vh;background:var(--bg-gradient);color:var(--text-color);padding:0}.admin-sidebar{width:250px;flex-shrink:0;background:#1a1f25;border-right:1px solid var(--card-border);position:fixed;top:0;bottom:0;left:0;z-index:100}.main-content{flex:1;margin-left:50px;padding:2rem;overflow-x:auto}.attendance-header{margin-bottom:2rem}.attendance-header h1{font-size:2.5rem;margin-bottom:1.5rem;background:linear-gradient(90deg,#fff,var(--primary-color));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.header-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-top:2rem}.stat-card{background:var(--card-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:1rem;padding:1.5rem;display:flex;align-items:center;gap:1rem;border:1px solid var(--card-border);transition:transform .3s ease}.stat-card:hover{transform:translateY(-5px);background:var(--hover-bg)}.stat-card h3{font-size:.9rem;color:var(--primary-color);margin-bottom:.5rem}.stat-card p{font-size:1.5rem;font-weight:700}.charts-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem;margin-top:2rem}.chart-container{background:var(--card-bg);border-radius:1rem;padding:1.5rem;border:1px solid var(--card-border)}.chart-container h3{color:var(--primary-color);margin-bottom:1rem;font-size:1.1rem}.attendance-controls{background:var(--card-bg);border-radius:1rem;padding:1.5rem;margin-bottom:2rem;display:flex;flex-wrap:wrap;gap:1.5rem;align-items:center;justify-content:space-between}.control-group{display:flex;gap:1rem;align-items:center}.batch-select,.date-picker,.search-box input,.status-select{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:.5rem;padding:.75rem 1rem;color:var(--text-color);outline:none;transition:all .3s ease}.batch-select:focus,.date-picker:focus,.search-box input:focus{border-color:var(--primary-color);background:#ffffff26}.search-box{display:flex;align-items:center;background:#ffffff1a;border-radius:.5rem;padding:.5rem 1rem;gap:.5rem}.search-box input{background:transparent;border:none;width:200px}.filter-btn,.mark-all-btn,.export-btn,.upload-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:.5rem;border:none;cursor:pointer;transition:all .3s ease;font-weight:500}.filter-btn,.upload-btn{background:#ffffff1a;color:var(--text-color)}.mark-all-btn{background:var(--primary-color);color:#1a1f25}.mark-all-btn:hover{background:#8698fa}.view-toggle{display:flex;gap:.5rem;background:#ffffff1a;padding:.25rem;border-radius:.5rem}.view-toggle button{padding:.5rem 1rem;border:none;background:transparent;color:var(--text-color);border-radius:.25rem;cursor:pointer;transition:all .3s ease}.view-toggle button.active{background:var(--primary-color);color:#1a1f25}.attendance-list{background:var(--card-bg);border-radius:1rem;padding:1.5rem;margin-bottom:2rem;overflow-x:auto}table{width:100%;border-collapse:separate;border-spacing:0 .5rem}th{text-align:left;padding:1rem;color:var(--primary-color);font-weight:500}td{padding:1rem;background:#ffffff0d}tr td:first-child{border-radius:.5rem 0 0 .5rem}tr td:last-child{border-radius:0 .5rem .5rem 0}.grid-view{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.student-card{background:var(--card-bg);border-radius:1rem;padding:1.5rem;transition:transform .3s ease}.student-card:hover{transform:translateY(-5px)}.student-card h3{margin-bottom:1rem;color:var(--text-color)}.attendance-progress{position:relative;height:8px;background:#ffffff1a;border-radius:4px;margin-top:1rem;overflow:hidden}.progress-bar{position:absolute;height:100%;background:linear-gradient(90deg,var(--primary-color),#818cf8);border-radius:4px;transition:width .3s ease}.attendance-progress span{position:absolute;right:0;top:-1.5rem;font-size:.875rem;color:var(--primary-color)}.status-select{width:120px;padding:.5rem}.status-select.present{border-color:var(--secondary-color);color:var(--secondary-color)}.status-select.absent{border-color:#f87171;color:#f87171}.status-select.late{border-color:#fbbf24;color:#fbbf24}.status-select.excused{border-color:#60a5fa;color:#60a5fa}.action-btn{background:transparent;border:none;color:#ef4444;cursor:pointer;padding:.25rem;border-radius:.25rem;transition:all .3s ease}.action-btn:hover{background:#ef44441a}.export-section{display:flex;gap:1rem;justify-content:flex-end}.export-btn{background:#ffffff1a;color:var(--text-color)}.export-btn:hover{background:var(--hover-bg)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#1a1f25;border-radius:1rem;padding:2rem;width:90%;max-width:600px;position:relative;border:1px solid var(--card-border)}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.modal-header h2{font-size:1.5rem;color:var(--text-color)}.close-btn{background:transparent;border:none;color:var(--text-color);cursor:pointer;padding:.5rem;border-radius:.5rem;transition:all .3s ease}.close-btn:hover{background:#ffffff1a}.upload-area{border:2px dashed rgba(255,255,255,.2);border-radius:1rem;padding:3rem 2rem;text-align:center;transition:all .3s ease;background:var(--card-bg);margin-bottom:1.5rem}.upload-area.drag-active{border-color:var(--primary-color);background:#a5b4fc1a}.upload-area.upload-success{border-color:var(--secondary-color);background:#34d3991a}.upload-area p{margin:1rem 0;color:var(--primary-color)}.browse-btn{background:var(--primary-color);color:#1a1f25;padding:.75rem 1.5rem;border-radius:.5rem;border:none;cursor:pointer;font-weight:500;transition:all .3s ease}.browse-btn:hover{background:#8698fa}.file-info{display:flex;flex-direction:column;align-items:center;gap:1rem}.file-info p{color:var(--text-color)}.success-message{color:var(--secondary-color);display:flex;flex-direction:column;align-items:center;gap:1rem}.success-message div{font-size:3rem}.upload-info{margin-bottom:1.5rem}.info-item{display:flex;align-items:center;gap:.5rem;color:var(--primary-color);margin-bottom:.5rem}.modal-footer{display:flex;justify-content:flex-end;gap:1rem}.cancel-btn,.upload-submit-btn{padding:.75rem 1.5rem;border-radius:.5rem;border:none;cursor:pointer;font-weight:500;transition:all .3s ease}.cancel-btn{background:#ffffff1a;color:var(--text-color)}.upload-submit-btn{background:var(--primary-color);color:#1a1f25}.upload-submit-btn:disabled{opacity:.5;cursor:not-allowed}.cancel-btn:hover{background:var(--hover-bg)}.upload-submit-btn:not(:disabled):hover{background:#8698fa}@media (max-width: 768px){.attendance-container{flex-direction:column}.main-content{margin-left:0;padding:1rem}.admin-sidebar{width:100%;position:relative;border-right:none;border-bottom:1px solid var(--card-border)}.attendance-controls{flex-direction:column;align-items:stretch}.control-group{flex-direction:column}.search-box,.search-box input{width:100%}.header-stats,.charts-section{grid-template-columns:1fr}.modal-content{width:95%;padding:1.5rem}}:root{--primary-color: #a5b4fc;--secondary-color: #34d399;--background-color: #1a1f25;--card-background: rgba(255, 255, 255, .05);--text-color: #fff;--text-secondary-color: #a5b4fc;--border-color: rgba(255, 255, 255, .1);--hover-background: rgba(255, 255, 255, .15);--box-shadow: 0 8px 24px rgba(0, 0, 0, .4)}.study-material-container{display:flex;min-height:100vh;background:linear-gradient(135deg,var(--background-color) 0%,#121418 100%);color:var(--text-color);font-family:Inter,sans-serif;background-image:radial-gradient(circle at 50% 50%,rgba(255,255,255,.05) 0%,transparent 50%);background-color:#191d34}.sidebar{width:250px;background:var(--card-background);border-right:1px solid var(--border-color);padding:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.main-content{flex:1;padding:2rem;max-width:1200px;margin-left:50px}.header{margin-bottom:2rem}.header h1{font-size:2.5rem;font-weight:700;color:var(--text-secondary-color)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background:var(--card-background);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:1rem;padding:1.5rem;border:1px solid var(--border-color);transition:transform .3s ease}.stat-card:hover{transform:translateY(-5px);background:var(--hover-background)}.stat-content{display:flex;align-items:center;gap:1rem}.stat-icon{width:2.5rem;height:2.5rem;filter:drop-shadow(0 2px 4px rgba(165,180,252,.3))}.stat-icon.blue{color:var(--primary-color)}.stat-icon.green{color:var(--secondary-color)}.stat-icon.purple{color:#a78bfa}.stat-info{flex:1}.stat-label{color:var(--text-secondary-color);font-size:.9rem;margin-bottom:.5rem}.stat-value{font-size:1.5rem;font-weight:700;color:var(--text-color)}.search-section{background:var(--card-background);border-radius:1rem;padding:1.5rem;margin-bottom:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.search-container{display:flex;flex-direction:column;gap:1rem}@media (min-width: 768px){.search-container{flex-direction:row;align-items:center}}.search-input-wrapper{position:relative;flex:1}.search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--text-secondary-color);width:1.25rem;height:1.25rem}.search-input{width:100%;padding:.75rem 1rem .75rem 3rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:.5rem;color:var(--text-color);font-size:1rem;transition:all .3s ease}.search-input:hover,.search-input:focus{border-color:var(--primary-color);background:var(--hover-background)}.search-input::placeholder{color:var(--text-secondary-color)}.filter-controls{display:flex;gap:1rem}.subject-select,.batch-select{padding:.75rem 1rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:.5rem;color:var(--text-color);font-size:1rem;cursor:pointer;transition:all .3s ease}.subject-select:hover,.batch-select:hover,.filter-button:hover{border-color:var(--primary-color);background:var(--hover-background)}.subject-select:focus,.batch-select:focus{outline:none;border-color:var(--primary-color)}.subject-select option,.batch-select option{background:#35354a;color:var(--text-color)}.filter-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:.5rem;color:var(--text-color);cursor:pointer;transition:all .3s ease}.upload-section{background:var(--card-background);border:2px dashed var(--border-color);border-radius:1rem;padding:3rem 2rem;text-align:center;margin-bottom:2rem;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.upload-section.dragging{background:var(--hover-background);border-color:var(--primary-color)}.upload-section:hover{border-color:var(--primary-color)}.upload-icon{width:3rem;height:3rem;color:var(--primary-color);margin-bottom:1rem;filter:drop-shadow(0 2px 4px rgba(165,180,252,.3))}.upload-section h3{font-size:1.25rem;font-weight:600;margin-bottom:.5rem;color:var(--text-color)}.upload-section p{color:var(--text-secondary-color);margin-bottom:1.5rem}.hidden-input{display:none}.upload-button{background:var(--primary-color);color:#1a1f25;padding:.75rem 2rem;border-radius:.5rem;border:none;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-block}.upload-button:hover{background:var(--secondary-color);transform:translateY(-2px)}.materials-table-container{background:var(--card-background);border-radius:1rem;padding:1.5rem;margin-bottom:2rem;overflow-x:auto;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.table-wrapper{overflow-x:auto}.materials-table{width:100%;border-collapse:separate;border-spacing:0 .5rem}.materials-table th{color:var(--text-secondary-color);font-weight:500;font-size:1rem;padding:1rem 1.5rem;text-align:left}.materials-table td{color:var(--text-color);font-size:1rem;padding:1rem 1.5rem;background:#ffffff0d}.materials-table tr td:first-child{border-radius:.5rem 0 0 .5rem}.materials-table tr td:last-child{border-radius:0 .5rem .5rem 0}.materials-table tr:hover{background:var(--hover-background)}.file-name{display:flex;align-items:center;gap:.75rem}.icon-red{color:#ef4444}.icon-blue{color:var(--primary-color)}.icon-purple{color:#a78bfa}.icon-gray{color:var(--text-secondary-color)}.action-buttons{display:flex;gap:.5rem}.action-button{padding:.5rem;background:transparent;border:none;color:var(--text-color);cursor:pointer;border-radius:.25rem;transition:all .3s ease}.action-button:hover{background:var(--hover-background)}.action-button.restricted{color:#f87171}.action-button.restricted:hover{background:#ef44441a}.action-button:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.main-content{margin-left:0;padding:1rem}.stats-grid{grid-template-columns:1fr}.filter-controls{flex-direction:column}.materials-table th:nth-child(3),.materials-table td:nth-child(3),.materials-table th:nth-child(4),.materials-table td:nth-child(4){display:none}.sidebar{position:fixed;top:0;left:0;bottom:0;width:250px;z-index:1000;transform:translate(-100%)}}.signup-container{background:linear-gradient(135deg,#1a1c2e,#2d1b3d);min-height:100vh;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:1rem}.signup-container:before{content:"";position:absolute;width:150%;height:150%;background:radial-gradient(circle,#ffffff08,#fff0 70%);top:-25%;left:-25%;animation:rotate 20s linear infinite}.form-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e202cf2;border-radius:20px;box-shadow:0 8px 32px #0003;width:100%;max-width:500px;padding:2rem}.form-title{font-size:2rem;font-weight:700;text-align:center;margin-bottom:2rem;color:#fff}.input-group{position:relative;margin-bottom:1.5rem}.input-group input,.input-group .select-container{width:100%;padding:.75rem .75rem .75rem 2.5rem;border:2px solid #2d3348;border-radius:.5rem;background:#2d334880;color:#fff;font-size:1rem;transition:all .3s ease}.input-group input::placeholder{color:#8b95af}.input-group input:focus,.input-group .select-container:focus-within{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.input-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:#8b95af}.submit-button{width:100%;padding:.75rem 1rem;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;font-weight:600;border:none;border-radius:.5rem;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.submit-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #6366f14d}.submit-button:active{transform:translateY(0)}.submit-button:disabled{opacity:.7;cursor:not-allowed;transform:none;box-shadow:none}.signin-link-container{text-align:center;margin-top:1rem}.signin-link{color:#8b95af;text-decoration:none;font-size:.9rem;transition:color .3s ease}.signin-link:hover{color:#6366f1;text-decoration:underline}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-message{color:#ef4444;font-size:.875rem;margin-top:.25rem}.select-container .css-13cymwt-control{background-color:#2d334880;border-color:#2d3348;color:#fff}.select-container .css-t3ipsp-control{background-color:#2d334880;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.select-container .css-1nmdiq5-menu{background-color:#1e202c;border:1px solid #2d3348}.select-container .css-1fdsijx-ValueContainer{padding-left:2.5rem}.select-container .css-1dimb5e-singleValue{color:#fff}.select-container .css-1xc3v61-indicatorContainer,.select-container .css-15lsz6c-indicatorContainer{color:#8b95af}.select-container .css-1p3m7a8-multiValue{background-color:#6366f133;color:#fff}.select-container .css-wsp0cs-MultiValueGeneric,.select-container .css-12jo7m5{color:#fff}.select-container .css-1n6sfyn-MenuList{background-color:#1e202c}.select-container .css-1n6sfyn-MenuList>div{background-color:transparent;color:#fff}.select-container .css-1n6sfyn-MenuList>div:hover{background-color:#6366f133}.success-message{color:#10b981;text-align:center;margin-bottom:1rem}.status-message{background-color:#ffffff1a;border-radius:5px;padding:10px;margin-bottom:20px;color:#e2e8f0;text-align:center;font-size:.9rem}.verified-field{background-color:#4caf501a!important;color:#fff!important;border-color:#4caf5080!important}.verified-badge{position:absolute;right:10px;top:50%;transform:translateY(-50%);color:#4caf50;font-weight:700;font-size:.8rem}.signin-btn-link{color:#fff;text-decoration:none;display:block;width:100%;height:100%}.mt-4{margin-top:1rem}.text-center{text-align:center}.text-gray-400{color:#9ca3af}.text-sm{font-size:.875rem}.text-indigo-400{color:#818cf8}.hover\:underline:hover{text-decoration:underline}@media (max-width: 768px){.form-container{width:90%;padding:20px}.input-group{margin-bottom:15px}.submit-button{margin-top:20px}}body,html{margin:0;padding:0;width:100%;height:100%;font-family:Arial,sans-serif}#root{display:flex;flex-direction:column;min-height:100vh}header{background-color:#333;color:#fff;padding:1rem;text-align:center}main{flex:1;padding:2rem}footer{background-color:#333;color:#fff;text-align:center;padding:1rem}.container{max-width:1200px;margin:0 auto;padding:0 1rem}button{background-color:#007bff;color:#fff;border:none;padding:.5rem 1rem;cursor:pointer;border-radius:4px}button:hover{background-color:#0056b3}