*{box-sizing:border-box;margin:0;padding:0}body{color:#0f172a;background:#f8fafc;font-family:Arial,sans-serif}.navbar{color:#fff;background:#0f172a;border-bottom:1px solid #1e293b;justify-content:space-between;align-items:center;width:100%;height:72px;padding:0 7%;display:flex}.logo{letter-spacing:-.5px;align-items:center;gap:8px;font-size:24px;font-weight:700;display:flex}.logo span{font-size:22px}.nav-links{align-items:center;gap:35px;display:flex}.nav-links a{color:#cbd5e1;font-size:15px;font-weight:500;text-decoration:none;transition:all .3s;position:relative}.nav-links a:hover{color:#fff}.nav-links a:after{content:"";background:#60a5fa;width:0;height:2px;transition:all .3s;position:absolute;bottom:-8px;left:0}.nav-links a:hover:after{width:100%}.login-btn{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:8px;padding:10px 22px;font-size:14px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block}.login-btn:hover{background:#2563eb;transform:translateY(-2px)}.profile-container{position:relative}.profile-btn{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:10px;align-items:center;gap:10px;padding:6px 10px;font-size:15px;font-weight:600;transition:all .2s;display:flex}.profile-btn:hover{background:#ffffff14}.profile-avatar{color:#fff;background:#3b82f6;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:16px;font-weight:700;display:flex}.profile-name{text-overflow:ellipsis;white-space:nowrap;max-width:130px;overflow:hidden}.profile-arrow{opacity:.7;font-size:10px}.profile-dropdown{z-index:1000;background:#111a2e;border:1px solid #ffffff1f;border-radius:16px;width:310px;padding:18px;position:absolute;top:calc(100% + 12px);right:0;box-shadow:0 20px 50px #0006}.profile-header{align-items:center;gap:12px;display:flex}.large-profile-avatar{color:#fff;background:#3b82f6;border-radius:50%;justify-content:center;align-items:center;width:52px;min-width:52px;height:52px;font-size:20px;font-weight:700;display:flex}.profile-header h3{color:#fff;margin:0 0 4px;font-size:17px}.profile-header p{color:#94a3b8;word-break:break-word;margin:0;font-size:13px}.profile-divider{background:#ffffff1a;height:1px;margin:16px 0}.profile-info{justify-content:space-between;align-items:center;gap:15px;margin-bottom:12px;display:flex}.profile-info span{color:#94a3b8;font-size:13px}.profile-info strong{color:#fff;text-align:right;word-break:break-word;max-width:160px;font-size:13px}.profile-dashboard-btn{text-align:center;color:#fff;background:#3b82f6;border-radius:9px;margin-top:16px;padding:11px;font-size:14px;font-weight:600;text-decoration:none;transition:all .2s;display:block}.profile-dashboard-btn:hover{background:#2563eb}.logout-btn{color:#f87171;cursor:pointer;background:#ef44441a;border:1px solid #ffffff1f;border-radius:9px;width:100%;margin-top:10px;padding:10px;font-size:14px;font-weight:600;transition:all .2s}.logout-btn:hover{background:#ef44442e}@media (width<=768px){.profile-name{display:none}.profile-dropdown{width:290px;max-width:calc(100vw - 30px);right:-10px}}.hero{color:#fff;background:radial-gradient(circle at 80% 30%,#1e40af 0%,#0000 35%),linear-gradient(135deg,#020617,#0f172a,#172554);align-items:center;min-height:calc(100vh - 72px);display:flex;overflow:hidden}.hero-content{grid-template-columns:1.1fr .9fr;align-items:center;gap:70px;width:100%;max-width:1250px;margin:auto;padding:80px 7%;display:grid}.hero-text{max-width:650px}.hero-tag{color:#60a5fa;letter-spacing:1.5px;border:1px solid #334155;border-radius:20px;margin-bottom:20px;padding:7px 14px;font-size:12px;font-weight:700;display:inline-block}.hero-text h1{letter-spacing:-2px;margin-bottom:25px;font-size:clamp(45px,5vw,68px);line-height:1.05}.hero-text h1 span{color:#60a5fa}.hero-description{color:#94a3b8;max-width:570px;margin-bottom:35px;font-size:18px;line-height:1.7}.hero-buttons{gap:15px;display:flex}.primary-btn,.secondary-btn{cursor:pointer;border-radius:9px;padding:14px 24px;font-size:15px;font-weight:600;transition:all .3s}.primary-btn{color:#fff;background:#3b82f6;border:none}.primary-btn:hover{background:#2563eb;transform:translateY(-2px)}.secondary-btn{color:#fff;background:0 0;border:1px solid #475569}.secondary-btn:hover{background:#1e293b;transform:translateY(-2px)}.hero-dashboard{justify-content:center;display:flex}.dashboard-card{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#0f172abf;border:1px solid #334155;border-radius:20px;width:100%;max-width:440px;padding:25px;transition:all .4s;transform:rotate(2deg);box-shadow:0 25px 70px #00000073}.dashboard-card:hover{transform:rotate(0)translateY(-8px)}.dashboard-header{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.dashboard-header p{color:#94a3b8;margin-bottom:5px;font-size:13px}.dashboard-header h3{font-size:19px}.profile-circle{background:#3b82f6;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;font-weight:700;display:flex}.dashboard-stats{grid-template-columns:1fr 1fr;gap:15px;margin-bottom:20px;display:grid}.mini-card{background:#1e293b;border-radius:12px;padding:18px}.mini-card span{color:#94a3b8;margin-bottom:8px;font-size:12px;display:block}.mini-card strong{font-size:26px}.dashboard-progress{background:#1e293b;border-radius:12px;margin-bottom:20px;padding:18px}.progress-title{justify-content:space-between;margin-bottom:12px;font-size:13px;display:flex}.progress-title span:last-child{color:#60a5fa}.progress-bar{background:#334155;border-radius:10px;height:7px;overflow:hidden}.progress-bar div{background:#3b82f6;border-radius:10px;width:78%;height:100%}.dashboard-event{background:#1e293b;border-radius:12px;justify-content:space-between;align-items:center;padding:18px;display:flex}.dashboard-event span{color:#94a3b8;font-size:12px}.dashboard-event h4{margin-top:5px}.dashboard-event strong{color:#60a5fa;font-size:13px}.stats{z-index:2;grid-template-columns:repeat(4,1fr);gap:18px;max-width:1100px;margin:-45px auto 0;padding:0 20px;display:grid;position:relative}.stat-card{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:28px 20px;transition:all .3s;box-shadow:0 10px 30px #0f172a14}.stat-card h2{color:#2563eb;margin-bottom:7px;font-size:30px}.stat-card p{color:#64748b;font-size:14px}.features{background:#f8fafc;padding:110px 7%}.section-heading{text-align:center;max-width:650px;margin:0 auto 60px}.section-tag{color:#2563eb;letter-spacing:1.5px;margin-bottom:12px;font-size:12px;font-weight:700}.section-heading h2{color:#0f172a;margin-bottom:15px;font-size:42px}.section-heading>p:last-child{color:#64748b;font-size:17px;line-height:1.6}.feature-container{grid-template-columns:repeat(4,1fr);gap:20px;max-width:1100px;margin:auto;display:grid}.feature-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:30px;transition:all .3s}.feature-card:hover{border-color:#bfdbfe;transform:translateY(-8px);box-shadow:0 15px 35px #0f172a1a}.feature-icon{background:#eff6ff;border-radius:12px;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:22px;font-size:25px;display:flex}.feature-card h3{color:#0f172a;margin-bottom:12px;font-size:20px}.feature-card p{color:#64748b;min-height:75px;margin-bottom:20px;font-size:14px;line-height:1.6}.feature-card span{color:#2563eb;font-size:13px;font-weight:600}.placements{background:#fff;padding:110px 7%}.placement-container{flex-direction:column;gap:18px;max-width:1000px;margin:auto;display:flex}.placement-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;align-items:center;gap:25px;padding:24px;transition:all .3s;display:flex}.placement-card:hover{border-color:#bfdbfe;transform:translate(6px);box-shadow:0 10px 25px #0f172a14}.company-logo{color:#1d4ed8;background:#dbeafe;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;font-weight:800;display:flex}.placement-info{flex:1}.job-type{color:#2563eb;margin-bottom:7px;font-size:12px;font-weight:600;display:inline-block}.placement-info h3{color:#0f172a;margin-bottom:5px;font-size:19px}.placement-info p{color:#64748b;margin-bottom:10px;font-size:14px}.job-details{color:#64748b;gap:20px;font-size:13px;display:flex}.placement-card>button{color:#2563eb;cursor:pointer;background:#fff;border:1px solid #2563eb;border-radius:8px;padding:10px 18px;font-weight:600;transition:all .3s}.placement-card>button:hover{color:#fff;background:#2563eb}.placement-action{text-align:center;margin-top:35px}.placement-action button{color:#fff;cursor:pointer;background:#0f172a;border:none;border-radius:8px;padding:13px 22px;font-weight:600}.placement-action button:hover{background:#1e293b}.events{background:#f8fafc;padding:110px 7%}.event-container{flex-direction:column;gap:18px;max-width:1000px;margin:auto;display:flex}.event-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;align-items:center;gap:25px;padding:24px;transition:all .3s;display:flex}.event-card:hover{border-color:#bfdbfe;transform:translateY(-4px);box-shadow:0 12px 30px #0f172a14}.event-date{color:#2563eb;background:#eff6ff;border-radius:12px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;width:70px;height:70px;display:flex}.event-date strong{font-size:25px}.event-date span{font-size:11px;font-weight:700}.event-info{flex:1}.event-info>span{color:#2563eb;letter-spacing:1px;font-size:11px;font-weight:700}.event-info h3{color:#0f172a;margin:6px 0;font-size:19px}.event-info p{color:#64748b;margin-bottom:8px;font-size:14px;line-height:1.5}.event-info small{color:#64748b;font-size:12px}.event-card>button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;padding:10px 20px;font-weight:600;transition:all .3s}.event-card>button:hover{background:#1d4ed8;transform:translateY(-2px)}.cta{color:#fff;text-align:center;background:radial-gradient(circle at 50% 0,#1e40af,#0000 55%),#0f172a;padding:100px 7%}.cta-content{max-width:700px;margin:auto}.cta .section-tag{color:#60a5fa}.cta h2{margin:15px 0;font-size:42px}.cta p:not(.section-tag){color:#94a3b8;margin-bottom:30px;font-size:17px;line-height:1.6}.cta button{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:9px;padding:14px 25px;font-size:15px;font-weight:600;transition:all .3s}.cta button:hover{background:#2563eb;transform:translateY(-3px)}.footer{color:#fff;background:#020617;padding:60px 7% 25px}.footer-content{border-bottom:1px solid #1e293b;justify-content:space-between;gap:50px;max-width:1100px;margin:auto;padding-bottom:40px;display:flex}.footer-brand h3{margin-bottom:12px;font-size:22px}.footer-brand p{color:#94a3b8;font-size:14px}.footer-links{gap:80px;display:flex}.footer-links div{flex-direction:column;gap:10px;display:flex}.footer-links h4{margin-bottom:8px;font-size:14px}.footer-links a{color:#94a3b8;font-size:13px;text-decoration:none}.footer-links a:hover{color:#fff}.footer-bottom{color:#64748b;justify-content:space-between;max-width:1100px;margin:25px auto 0;font-size:12px;display:flex}.footer-bottom a{color:#60a5fa;font-weight:600;text-decoration:none;transition:all .3s}.footer-bottom a:hover{color:#fff;text-decoration:underline}@media (width<=900px){.hero-content{text-align:center;grid-template-columns:1fr;gap:50px}.hero-text{max-width:100%}.hero-description{margin-left:auto;margin-right:auto}.hero-buttons{justify-content:center}.hero-dashboard{width:100%;max-width:500px;margin:auto}.feature-container,.stats{grid-template-columns:repeat(2,1fr)}}@media (width<=650px){.navbar{padding:0 5%}.nav-links{display:none}.logo{font-size:21px}.hero-content{padding:60px 5%}.hero-text h1{letter-spacing:-1px;font-size:42px}.hero-description{font-size:16px}.hero-buttons{flex-direction:column}.primary-btn,.secondary-btn{width:100%}.dashboard-card{transform:none}.stats{grid-template-columns:1fr;margin-top:-25px}.features{padding:80px 5%}.section-heading h2{font-size:32px}.feature-container{grid-template-columns:1fr}.placements{padding:80px 5%}.placement-card{flex-direction:column;align-items:flex-start}.placement-card>button{width:100%}.events{padding:80px 5%}.event-card{flex-direction:column;align-items:flex-start}.event-card>button{width:100%}.cta{padding:80px 5%}.cta h2{font-size:32px}.footer-content{flex-direction:column}.footer-links{gap:50px}.footer-bottom{flex-direction:column;gap:10px}}.login-page{background:radial-gradient(circle at 20% 20%,#1e40af,#0000 30%),linear-gradient(135deg,#020617,#0f172a);justify-content:center;align-items:center;min-height:100vh;padding:30px;display:flex}.login-card{color:#fff;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#0f172ad9;border:1px solid #334155;border-radius:20px;width:100%;max-width:430px;padding:40px;box-shadow:0 25px 60px #0006}.login-logo{text-align:center;margin-bottom:30px;font-size:22px;font-weight:700}.login-card h1{text-align:center;margin-bottom:8px;font-size:32px}.login-subtitle{text-align:center;color:#94a3b8;margin-bottom:30px;font-size:14px}.input-group{margin-bottom:20px}.input-group label{color:#cbd5e1;margin-bottom:8px;font-size:13px;font-weight:600;display:block}.input-group input{color:#fff;background:#1e293b;border:1px solid #334155;border-radius:8px;outline:none;width:100%;padding:13px 14px;font-size:14px}.input-group input::placeholder{color:#64748b}.input-group input:focus{border-color:#3b82f6}.login-options{color:#94a3b8;justify-content:space-between;align-items:center;margin-bottom:25px;font-size:12px;display:flex}.login-options label{align-items:center;gap:6px;display:flex}.login-options a{color:#60a5fa;text-decoration:none}.login-submit{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:8px;width:100%;padding:13px;font-size:15px;font-weight:600;transition:all .3s}.login-submit:hover{background:#2563eb;transform:translateY(-2px)}.signup-text{text-align:center;color:#94a3b8;margin-top:25px;font-size:13px}.signup-text a{color:#60a5fa;font-weight:600;text-decoration:none}.dashboard-page{background:#f8fafc;align-items:flex-start;min-height:100vh;display:flex}.sidebar{box-sizing:border-box;color:#fff;background:#0f172a;flex-direction:column;flex-shrink:0;width:250px;height:100vh;min-height:100vh;padding:25px 18px;display:flex;position:sticky;top:0;overflow-y:auto}.sidebar-logo{padding:10px 12px 35px;font-size:21px;font-weight:700}.sidebar-nav{flex-direction:column;gap:8px;display:flex}.sidebar-nav a,.sidebar-bottom a{color:#94a3b8;border-radius:8px;padding:12px 14px;font-size:14px;text-decoration:none;transition:all .3s}.sidebar-nav a:hover,.sidebar-bottom a:hover{color:#fff;background:#1e293b}.sidebar-nav .active{color:#fff;background:#2563eb}.sidebar-bottom{flex-direction:column;gap:8px;margin-top:auto;display:flex}.dashboard-main{flex:1}.dashboard-topbar{background:#fff;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;height:80px;padding:0 40px;display:flex}.dashboard-topbar p{color:#64748b;margin-bottom:3px;font-size:12px}.dashboard-topbar h2{font-size:20px}.user-profile{align-items:center;gap:20px;display:flex}.user-avatar{color:#fff;background:#2563eb;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-weight:700;display:flex}.dashboard-content{padding:40px}.welcome-section{margin-bottom:30px}.welcome-section p{color:#2563eb;font-size:14px}.welcome-section h1{margin-top:5px;font-size:30px}.dashboard-cards{grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:25px;display:grid}.dashboard-stat{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:25px}.dashboard-stat span{color:#64748b;font-size:13px}.dashboard-stat h2{color:#2563eb;margin:12px 0 5px;font-size:32px}.dashboard-stat small{color:#16a34a;font-size:12px}.progress-section{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:25px}.section-title{justify-content:space-between;margin-bottom:15px;display:flex}.section-title span{color:#2563eb;font-weight:600}.main-progress{background:#e2e8f0;border-radius:10px;height:9px;overflow:hidden}.main-progress div{background:#2563eb;border-radius:10px;width:78%;height:100%}.module-page{box-sizing:border-box;background:#f8fafc;min-height:calc(100vh - 80px);padding:40px}.module-header{justify-content:space-between;align-items:center;margin-bottom:35px;display:flex}.module-header p{color:#64748b;margin-bottom:5px;font-size:13px}.module-header h1{font-size:30px}.overall-attendance{background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:20px;padding:18px 25px;display:flex}.overall-attendance span{color:#64748b;font-size:13px}.overall-attendance strong{color:#2563eb;font-size:28px}.attendance-grid{grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:25px;display:grid}.attendance-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;justify-content:space-between;align-items:center;padding:25px;transition:all .3s;display:flex}.attendance-card:hover{transform:translateY(-4px);box-shadow:0 10px 25px #0f172a14}.attendance-card h3{margin-bottom:6px;font-size:17px}.attendance-card p{color:#64748b;font-size:13px}.attendance-card>strong{color:#16a34a;font-size:25px}.attendance-summary{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:30px}.attendance-summary h2{margin-bottom:25px;font-size:20px}.attendance-progress-info{justify-content:space-between;margin-bottom:10px;font-size:14px;display:flex}.attendance-progress-info strong{color:#2563eb}.attendance-bar{background:#e2e8f0;border-radius:10px;height:10px;overflow:hidden}.attendance-bar div{background:#2563eb;border-radius:10px;width:86%;height:100%}.attendance-summary>p{color:#64748b;margin-top:15px;font-size:13px}.today-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;padding:10px 20px;font-weight:600}.timetable{flex-direction:column;gap:20px;max-width:1000px;display:flex}.day-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:25px}.day-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;display:flex}.day-header h3{font-size:19px}.day-header span{color:#2563eb;font-size:13px}.class-list{grid-template-columns:repeat(3,1fr);gap:15px;display:grid}.class-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:18px;transition:all .3s}.class-card:hover{border-color:#bfdbfe;transform:translateY(-4px);box-shadow:0 8px 20px #0f172a12}.class-time{color:#2563eb;margin-bottom:12px;font-size:12px;font-weight:700}.class-info h4{margin-bottom:7px;font-size:15px}.class-info p{color:#64748b;font-size:12px}.assignment-count{background:#fff;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:15px;padding:12px 22px;display:flex}.assignment-count span{color:#64748b;font-size:13px}.assignment-count strong{color:#2563eb;font-size:22px}.assignment-list{flex-direction:column;gap:15px;max-width:1000px;display:flex}.assignment-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:20px;padding:20px;transition:all .3s;display:flex}.assignment-card:hover{transform:translateY(-3px);box-shadow:0 8px 20px #0f172a14}.assignment-icon{background:#eff6ff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:21px;display:flex}.assignment-info{flex:1}.assignment-info>span{color:#2563eb;font-size:12px;font-weight:600}.assignment-info h3{margin:6px 0;font-size:16px}.assignment-info p{color:#64748b;font-size:12px}.assignment-status{border-radius:20px;padding:6px 12px;font-size:11px;font-weight:600}.assignment-status.pending{color:#b45309;background:#fef3c7}.assignment-status.submitted{color:#15803d;background:#dcfce7}.assignment-btn{color:#2563eb;cursor:pointer;background:#fff;border:1px solid #2563eb;border-radius:7px;padding:9px 18px;font-weight:600}.assignment-btn:hover{color:#fff;background:#2563eb}.job-count{color:#2563eb;background:#eff6ff;border-radius:20px;padding:10px 18px;font-size:13px;font-weight:600}.student-job-list{flex-direction:column;gap:18px;max-width:1000px;display:flex}.student-job-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;align-items:center;gap:22px;padding:24px;transition:all .3s;display:flex}.student-job-card:hover{transform:translateY(-4px);box-shadow:0 10px 25px #0f172a14}.company-logo-large{color:#1d4ed8;background:#dbeafe;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:65px;height:65px;font-size:18px;font-weight:800;display:flex}.student-job-info{flex:1}.student-job-info>span{color:#2563eb;font-size:11px;font-weight:700}.student-job-info h3{margin:6px 0;font-size:18px}.student-job-info p{color:#64748b;margin-bottom:10px;font-size:14px}.job-meta{color:#64748b;gap:20px;margin-bottom:10px;font-size:12px;display:flex}.student-job-info small{color:#64748b;font-size:11px}.apply-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;padding:11px 20px;font-weight:600;transition:all .3s}.apply-btn:hover{background:#1d4ed8;transform:translateY(-2px)}.student-event-list{flex-direction:column;gap:18px;max-width:1000px;display:flex}.student-event-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;align-items:center;gap:22px;padding:24px;transition:all .3s;display:flex}.student-event-card:hover{transform:translateY(-4px);box-shadow:0 10px 25px #0f172a14}.student-event-date{color:#2563eb;background:#eff6ff;border-radius:12px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;width:65px;height:65px;display:flex}.student-event-date strong{font-size:24px}.student-event-date span{font-size:11px;font-weight:700}.student-event-info{flex:1}.student-event-info>span{color:#2563eb;font-size:11px;font-weight:700}.student-event-info h3{margin:6px 0;font-size:18px}.student-event-info p{color:#64748b;margin-bottom:8px;font-size:13px;line-height:1.5}.student-event-info small{color:#64748b;font-size:11px}.registered-btn{color:#15803d;background:#dcfce7;border:none;border-radius:8px;padding:11px 20px;font-weight:600}.students-section{margin-top:28px;margin-bottom:40px}.students-heading{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.students-heading h2{color:#111827;margin:0;font-size:24px}.students-heading p{color:#64748b;margin:5px 0 0;font-size:14px}.student-count{color:#2563eb;background:#eff6ff;border-radius:20px;padding:8px 14px;font-size:13px;font-weight:600}.student-list{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px;display:grid}.student-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:22px;transition:all .3s}.student-card:hover{transform:translateY(-3px);box-shadow:0 10px 25px #0f172a14}.student-card-header{border-bottom:1px solid #e5e7eb;align-items:center;gap:14px;padding-bottom:18px;display:flex}.student-avatar{color:#fff;background:#2563eb;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;font-size:20px;font-weight:700;display:flex}.student-card-header h3{color:#111827;margin:0;font-size:18px}.student-card-header p{color:#64748b;margin:4px 0 0;font-size:14px}.student-info{grid-template-columns:1fr 1fr;gap:15px;padding:18px 0;display:grid}.info-item{flex-direction:column;gap:5px;display:flex}.info-label{color:#64748b;font-size:12px;font-weight:600}.info-value{color:#1e293b;word-break:break-word;font-size:14px}.student-skills{padding-top:4px}.skills-list{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.skill-badge{color:#2563eb;background:#eff6ff;border-radius:8px;padding:6px 10px;font-size:12px;font-weight:600}.no-students{color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:25px}@media (width<=768px){.students-heading{align-items:flex-start;gap:12px}.student-list,.student-info{grid-template-columns:1fr}}.add-student-section{background:#fff;border:1px solid #e2e8f0;border-radius:16px;margin-top:28px;margin-bottom:30px;padding:24px}.section-heading{margin-bottom:22px}.student-form{grid-template-columns:1fr 1fr;gap:18px;display:grid}.form-group input{box-sizing:border-box;border:1px solid #cbd5e1;border-radius:9px;outline:none;width:100%;padding:12px 14px;font-size:14px;transition:all .2s}.form-group input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #dbeafe}.form-group small{color:#64748b;font-size:11px}.full-width{grid-column:1/-1}.add-student-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:9px;grid-column:1/-1;padding:12px 20px;font-size:14px;font-weight:600;transition:all .2s}.add-student-btn:hover{background:#1d4ed8;transform:translateY(-1px)}@media (width<=768px){.student-form{grid-template-columns:1fr}.full-width,.add-student-btn{grid-column:auto}}.search-box{margin:20px 0}.search-box input{box-sizing:border-box;border:1px solid #d5dce8;border-radius:10px;outline:none;width:100%;padding:14px 18px;font-size:16px}.search-box input:focus{border-color:#2864e8}.edit-btn,.delete-btn,.cancel-btn{cursor:pointer;border:none;border-radius:8px;flex:1;padding:12px;font-size:15px;font-weight:600}.cancel-btn{background:#fff;border:1px solid #ccc}.student-filters{grid-template-columns:1fr 180px 180px 150px;align-items:center;gap:12px;margin:20px 0;display:grid}.student-filters input,.student-filters select{box-sizing:border-box;background:#fff;border:1px solid #d5dce8;border-radius:9px;outline:none;width:100%;height:48px;min-height:48px;padding:0 15px;font-family:inherit;font-size:14px}.student-filters input:focus,.student-filters select:focus{border-color:#2864e8}.clear-filter-btn{color:#2864e8;cursor:pointer;box-sizing:border-box;background:#eef3ff;border:none;border-radius:9px;width:100%;height:48px;min-height:48px;padding:0 15px;font-family:inherit;font-size:14px;font-weight:600}.clear-filter-btn:hover{background:#dfe8ff}.student-actions{gap:10px;margin-top:20px;display:flex}.edit-btn,.delete-btn{cursor:pointer;border:none;border-radius:8px;flex:1;padding:12px;font-size:15px;font-weight:600}.cancel-btn{color:#333;cursor:pointer;background:#fff;border:1px solid #d5dce8;border-radius:8px;flex:1;padding:12px;font-size:15px;font-weight:600}@media (width<=900px){.student-filters{grid-template-columns:1fr 1fr}}@media (width<=600px){.student-filters{grid-template-columns:1fr}.student-actions{flex-direction:column}}.attendance-page{box-sizing:border-box;width:100%;padding:40px 45px 60px}.attendance-header{justify-content:space-between;align-items:flex-start;gap:30px;margin-bottom:30px;display:flex}.portal-text{color:#64748b;margin:0 0 5px;font-size:14px;font-weight:500}.attendance-header h1{color:#0f172a;margin:0;font-size:34px;font-weight:700;line-height:1.2}.overall-card{box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:16px;justify-content:space-between;align-items:center;gap:20px;min-width:230px;padding:22px 25px;display:flex}.overall-card span{color:#64748b;font-size:14px;font-weight:500}.overall-card strong{font-size:30px;font-weight:700}.percentage-good{color:#2563eb}.percentage-bad{color:#ef4444}.mark-attendance-card{box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:18px;margin-bottom:28px;padding:28px}.section-heading{align-items:center;gap:14px;margin-bottom:25px;display:flex}.section-icon{background:#eff6ff;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;display:flex}.section-heading h2{color:#0f172a;margin:0;font-size:21px}.section-heading p{color:#64748b;margin:4px 0 0;font-size:13px}.attendance-form{grid-template-columns:1fr 1fr 1fr auto;align-items:end;gap:18px;display:grid}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{color:#334155;font-size:13px;font-weight:600}.form-group select,.form-group input{color:#0f172a;box-sizing:border-box;background:#fff;border:1px solid #cbd5e1;border-radius:10px;outline:none;width:100%;height:46px;padding:0 13px;font-size:14px;transition:all .2s}.form-group select:focus,.form-group input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.mark-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#2563eb;border:none;border-radius:10px;height:46px;padding:0 22px;font-size:14px;font-weight:600;transition:all .2s}.mark-btn:hover{background:#1d4ed8;transform:translateY(-1px)}.mark-btn:disabled{cursor:not-allowed;background:#94a3b8;transform:none}.success-message,.error-message{border-radius:10px;margin-top:18px;padding:12px 15px;font-size:14px;font-weight:500}.success-message{color:#15803d;background:#ecfdf5;border:1px solid #bbf7d0}.error-message{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.attendance-stats{grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:28px;display:grid}.stat-card{box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:16px;align-items:center;gap:15px;padding:22px;transition:all .2s;display:flex}.stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0f172a12}.stat-icon{border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:20px;font-weight:700;display:flex}.total-icon{background:#eff6ff}.present-icon{color:#16a34a;background:#ecfdf5}.absent-icon{color:#ef4444;background:#fef2f2}.percentage-icon{color:#7c3aed;background:#f5f3ff}.stat-content{flex-direction:column;gap:5px;display:flex}.stat-content span{color:#64748b;font-size:13px;font-weight:500}.stat-content strong{color:#0f172a;font-size:24px;line-height:1}.stat-content .present-number{color:#16a34a}.stat-content .absent-number{color:#ef4444}.summary-card{box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:18px;margin-bottom:28px;padding:28px}.summary-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;display:flex}.summary-header h2{color:#0f172a;margin:0;font-size:21px}.summary-header p{color:#64748b;margin:5px 0 0;font-size:13px}.summary-header strong{color:#2563eb;font-size:24px}.progress-background{background:#e2e8f0;border-radius:20px;width:100%;height:11px;overflow:hidden}.progress-fill{background:#2563eb;border-radius:20px;height:100%;transition:width .4s}.attendance-message{color:#64748b;margin:15px 0 0;font-size:13px;line-height:1.5}.records-card{box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:28px}.records-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;display:flex}.records-heading h2{color:#0f172a;margin:0;font-size:21px}.records-heading p{color:#64748b;margin:5px 0 0;font-size:13px}.records-list{flex-direction:column;gap:12px;display:flex}.record-item{border:1px solid #e2e8f0;border-radius:14px;justify-content:space-between;align-items:center;gap:20px;padding:18px 20px;transition:all .2s;display:flex}.record-item:hover{border-color:#cbd5e1;box-shadow:0 5px 18px #0f172a0d}.record-left{align-items:center;gap:14px;display:flex}.record-avatar{color:#2563eb;background:#eff6ff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;font-size:17px;font-weight:700;display:flex}.record-item h3{color:#0f172a;margin:0 0 4px;font-size:15px}.record-item p{color:#64748b;margin:0 0 3px;font-size:13px}.record-item span{color:#94a3b8;font-size:12px}.record-present,.record-absent{white-space:nowrap;border-radius:20px;align-items:center;gap:8px;padding:8px 13px;font-size:13px;font-weight:600;display:flex}.record-present{color:#16a34a;background:#ecfdf5}.record-absent{color:#ef4444;background:#fef2f2}.status-dot{background:currentColor;border-radius:50%;width:7px;height:7px}.no-records{text-align:center;border:1px dashed #cbd5e1;border-radius:14px;padding:45px 20px}.no-records-icon{margin-bottom:10px;font-size:30px}.no-records h3{color:#334155;margin:0 0 5px;font-size:16px}.no-records p{color:#94a3b8;margin:0;font-size:13px}@media (width<=1000px){.attendance-page{padding:30px 25px 50px}.attendance-stats{grid-template-columns:repeat(2,1fr)}.attendance-form{grid-template-columns:1fr 1fr}.mark-btn{width:100%}}@media (width<=600px){.attendance-page{padding:22px 15px 40px}.attendance-header{flex-direction:column;gap:20px}.attendance-header h1{font-size:28px}.overall-card{width:100%;min-width:0}.overall-card strong{font-size:26px}.mark-attendance-card{border-radius:15px;padding:20px}.attendance-form{grid-template-columns:1fr;gap:15px}.attendance-stats{grid-template-columns:1fr 1fr;gap:12px}.stat-card{gap:10px;padding:16px}.stat-icon{width:40px;height:40px;font-size:17px}.stat-content span{font-size:11px}.stat-content strong{font-size:20px}.summary-card{border-radius:15px;padding:20px}.summary-header{align-items:flex-start}.summary-header h2{font-size:18px}.summary-header strong{font-size:20px}.records-card{border-radius:15px;padding:20px}.records-heading{align-items:flex-start}.records-heading h2{font-size:18px}.record-count{font-size:11px}.record-item{align-items:flex-start;padding:15px}.record-left{gap:10px}.record-avatar{width:40px;height:40px;font-size:15px}.record-item h3{font-size:14px}.record-item p{font-size:12px}.record-item span{font-size:11px}.record-present,.record-absent{padding:6px 9px;font-size:11px}}@media (width<=400px){.attendance-stats{grid-template-columns:1fr}.stat-card{padding:15px}.overall-card{padding:18px}.record-item{flex-direction:column}.record-present,.record-absent{align-self:flex-start}}.attendance-subtitle{color:#64748b;margin:8px 0 0;font-size:14px}.mark-title{justify-content:center;align-items:center;gap:15px;margin-bottom:28px;display:flex}.mark-icon{background:#eff6ff;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;font-size:22px;display:flex}.mark-title h2{margin:0 0 4px}.mark-title p{color:#64748b;margin:0;font-size:14px}.records-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.records-header h2{margin-bottom:5px}.records-header p{color:#64748b;margin:0;font-size:14px}.record-count{color:#2563eb;background:#eff6ff;border-radius:20px;padding:8px 14px;font-size:13px;font-weight:600}.record-actions{align-items:center;gap:10px;display:flex}.edit-btn,.delete-btn{cursor:pointer;border:none;border-radius:8px;padding:9px 13px;font-size:13px;font-weight:600}.edit-btn{color:#2563eb;background:#eff6ff}.edit-btn:hover{background:#dbeafe}.delete-btn{color:#dc2626;background:#fef2f2}.delete-btn:hover{background:#fee2e2}.edit-record{justify-content:space-between;align-items:center;gap:20px;width:100%;display:flex}.edit-student h3{margin:0 0 5px}.edit-student p{color:#64748b;margin:0;font-size:14px}.edit-controls{align-items:center;gap:10px;display:flex}.edit-controls input,.edit-controls select{background:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;height:40px;padding:0 10px}.save-edit-btn,.cancel-edit-btn{cursor:pointer;border:none;border-radius:8px;height:40px;padding:0 14px;font-weight:600}.save-edit-btn{color:#fff;background:#2563eb}.cancel-edit-btn{color:#475569;background:#f1f5f9}.save-edit-btn:hover{background:#1d4ed8}.cancel-edit-btn:hover{background:#e2e8f0}@media (width<=900px){.edit-record{flex-direction:column;align-items:stretch}.edit-controls{flex-wrap:wrap}.record-actions{flex-wrap:wrap;justify-content:flex-end}}@media (width<=600px){.records-header{flex-direction:column;align-items:flex-start;gap:12px}.record-item{flex-direction:column;align-items:stretch;gap:15px}.record-actions{justify-content:space-between}.edit-controls{grid-template-columns:1fr 1fr;display:grid}.edit-controls input,.edit-controls select{box-sizing:border-box;width:100%}.save-edit-btn,.cancel-edit-btn{width:100%}}.settings-page{box-sizing:border-box;width:100%;max-width:1100px;margin:0 auto;padding:30px 24px 60px}.settings-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px;display:flex}.settings-header>div{min-width:0}.settings-header p{color:#64748b;margin:0 0 5px;font-size:13px;font-weight:600}.settings-header h1{color:#0f172a;letter-spacing:-.5px;margin:0 0 6px;font-size:32px;font-weight:700;line-height:1.2}.settings-header span{color:#64748b;font-size:13px;display:block}.reset-settings-btn{color:#334155;cursor:pointer;background:#fff;border:1px solid #dbe3ef;border-radius:9px;flex-shrink:0;height:40px;padding:0 16px;font-size:13px;font-weight:600;transition:all .2s}.reset-settings-btn:hover{color:#2563eb;background:#eff6ff;border-color:#2563eb;transform:translateY(-1px)}.settings-section{background:#fff;border:1px solid #e2e8f0;border-radius:15px;width:100%;margin-bottom:20px;transition:border-color .2s,box-shadow .2s;overflow:hidden;box-shadow:0 3px 12px #0f172a09}.settings-section:hover{border-color:#d7e0ec;box-shadow:0 6px 18px #0f172a0d}.settings-section-title{background:#fbfcfe;border-bottom:1px solid #edf1f6;align-items:center;gap:13px;padding:20px 24px;display:flex}.settings-section-title>div:last-child{flex:1;min-width:0}.settings-section-icon{background:#eff6ff;border-radius:10px;justify-content:center;align-items:center;width:40px;min-width:40px;height:40px;font-size:19px;display:flex}.settings-section-title h2{color:#0f172a;margin:0 0 4px;font-size:19px;font-weight:700;line-height:1.3}.settings-section-title p{color:#64748b;margin:0;font-size:12.5px;line-height:1.45}.profile-settings-card{background:#fff;align-items:center;gap:18px;padding:22px 24px;display:flex}.profile-main{flex:1;align-items:center;gap:16px;min-width:0;display:flex}.settings-avatar{color:#2563eb;background:linear-gradient(135deg,#e8f1ff,#dbeafe);border:1px solid #c9dcff;border-radius:50%;justify-content:center;align-items:center;width:68px;min-width:68px;height:68px;font-size:25px;font-weight:700;display:flex}.profile-details{min-width:0}.profile-details h3{color:#0f172a;margin:0 0 5px;font-size:18px;font-weight:700;line-height:1.3}.profile-details .profile-email{color:#64748b;margin:0 0 5px;font-size:13px}.profile-details span{color:#475569;margin-right:12px;font-size:13px;display:inline-block}.profile-course{font-weight:600}.settings-outline-btn{color:#2563eb;cursor:pointer;background:#fff;border:1px solid #2563eb;border-radius:8px;flex-shrink:0;padding:9px 15px;font-size:12.5px;font-weight:600;transition:all .2s}.settings-outline-btn:hover{color:#fff;background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 10px #2563eb29}.settings-options{width:100%}.setting-row{box-sizing:border-box;border-bottom:1px solid #edf1f6;justify-content:space-between;align-items:center;gap:20px;min-height:72px;padding:15px 24px;transition:background .2s;display:flex}.setting-row:last-child{border-bottom:none}.setting-row:hover{background:#fafcff}.setting-row>div:first-child{flex:1;min-width:0}.setting-row h3{color:#172033;margin:0 0 4px;font-size:14px;font-weight:600;line-height:1.35}.setting-row p{color:#718096;margin:0;font-size:12px;line-height:1.45}.setting-row select{color:#334155;cursor:pointer;background:#fff;border:1px solid #d7dee9;border-radius:8px;outline:none;flex-shrink:0;width:150px;height:39px;padding:0 11px;font-size:12.5px;font-weight:500;transition:all .2s}.setting-row select:hover{border-color:#aebbd0}.setting-row select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb14}.toggle.active{background:#2563eb;box-shadow:0 3px 8px #2563eb2e}.toggle:hover{filter:brightness(.97)}.unique-settings{overflow:hidden}.smart-feature-grid{grid-template-columns:repeat(3,1fr);gap:14px;padding:20px 24px;display:grid}.smart-feature-card{background:linear-gradient(145deg,#f8fbff,#fff);border:1px solid #dbe5f2;border-radius:12px;flex-direction:column;justify-content:space-between;min-height:190px;padding:18px;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;position:relative}.smart-feature-card:hover{border-color:#c7d9f4;transform:translateY(-2px);box-shadow:0 7px 18px #2563eb12}.smart-feature-main{align-items:flex-start;gap:12px;display:flex}.smart-feature-icon{background:#eff6ff;border-radius:10px;justify-content:center;align-items:center;width:38px;min-width:38px;height:38px;font-size:18px;display:flex}.smart-feature-content{min-width:0}.smart-feature-content h3{color:#16233d;margin:1px 0 5px;font-size:14px;font-weight:650;line-height:1.35}.smart-feature-content p{color:#71819a;margin:0;font-size:11.5px;line-height:1.5}.smart-feature-card .toggle{align-self:flex-end}.smart-study-select{color:#334155;cursor:pointer;background:#fff;border:1px solid #d8e1ee;border-radius:8px;outline:none;width:100%;height:38px;margin-top:18px;padding:0 10px;font-size:12px}.smart-study-select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb14}.quick-settings-grid{grid-template-columns:repeat(3,1fr);gap:14px;padding:20px 24px;display:grid}.quick-settings-grid button{color:#172033;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:12px;min-height:70px;padding:16px;font-family:inherit;font-size:13px;font-weight:600;transition:transform .2s,border-color .2s,box-shadow .2s,background .2s;display:flex}.quick-settings-grid button:hover{background:#f8fbff;border-color:#2563eb;transform:translateY(-2px);box-shadow:0 6px 16px #2563eb14}.quick-settings-grid button:active{transform:translateY(0)}.quick-settings-grid button:first-letter{font-size:20px}.settings-footer{text-align:center;padding:10px 4px}.settings-footer p{color:#94a3b8;margin:0;font-size:11px}@media (width<=900px){.settings-page{padding:25px 18px 50px}.smart-feature-grid,.quick-settings-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.settings-page{padding:18px 12px 35px}.settings-header{flex-direction:column;gap:14px;margin-bottom:18px}.settings-header h1{font-size:27px}.settings-header p,.settings-header span{font-size:12px}.reset-settings-btn{width:100%}.settings-section{border-radius:13px;margin-bottom:16px}.settings-section-title{gap:11px;padding:17px}.settings-section-icon{width:36px;min-width:36px;height:36px;font-size:17px}.settings-section-title h2{font-size:17px}.settings-section-title p{font-size:11px}.profile-settings-card{flex-wrap:wrap;align-items:flex-start;gap:14px;padding:18px}.profile-main{gap:12px;width:100%}.settings-avatar{width:58px;min-width:58px;height:58px;font-size:22px}.profile-details h3{font-size:16px}.profile-details .profile-email,.profile-details span{font-size:12px}.profile-settings-card .settings-outline-btn{width:100%}.setting-row{gap:12px;min-height:68px;padding:13px 16px}.setting-row h3{font-size:13px}.setting-row p{font-size:10.5px}.setting-row select{width:110px;height:36px;padding:0 7px;font-size:11px}.toggle{width:44px;height:24px}.toggle span{width:18px;height:18px}.toggle.active span{transform:translate(20px)}.smart-feature-grid{grid-template-columns:1fr;gap:12px;padding:16px}.smart-feature-card{min-height:165px;padding:16px}.smart-feature-content h3{font-size:13px}.smart-feature-content p{font-size:11px}.quick-settings-grid{grid-template-columns:1fr;gap:10px;padding:16px}.quick-settings-grid button{min-height:62px;padding:14px;font-size:13px}.settings-footer p{font-size:10px}}@media (width<=380px){.settings-page{padding-left:8px;padding-right:8px}.setting-row{padding-left:13px;padding-right:13px}.setting-row select{width:100px}.settings-section-title{padding:15px}.smart-feature-grid,.quick-settings-grid{padding:13px}}html[data-font-size=small],body[data-font-size=small]{font-size:14px}html[data-font-size=small] h1{font-size:24px!important}html[data-font-size=small] h2{font-size:20px!important}html[data-font-size=small] h3{font-size:16px!important}html[data-font-size=small] p,html[data-font-size=small] span,html[data-font-size=small] a,html[data-font-size=small] label,html[data-font-size=small] input,html[data-font-size=small] select,html[data-font-size=small] button,html[data-font-size=small] td,html[data-font-size=small] th{font-size:13px!important}html[data-font-size=medium],body[data-font-size=medium]{font-size:16px}html[data-font-size=large],body[data-font-size=large]{font-size:18px}html[data-font-size=large] h1{font-size:34px!important}html[data-font-size=large] h2{font-size:26px!important}html[data-font-size=large] h3{font-size:20px!important}html[data-font-size=large] p,html[data-font-size=large] span,html[data-font-size=large] a,html[data-font-size=large] label,html[data-font-size=large] input,html[data-font-size=large] select,html[data-font-size=large] button,html[data-font-size=large] td,html[data-font-size=large] th{font-size:17px!important}html.reduce-animations,html.reduce-animations *,html.reduce-animations :before,html.reduce-animations :after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}html.high-contrast,body.high-contrast{filter:contrast(1.25)}html.high-contrast .dashboard-stat,html.high-contrast .attendance-card,html.high-contrast .timetable-card,html.high-contrast .assignment-card,html.high-contrast .placement-card,html.high-contrast .event-card,html.high-contrast .settings-section,html.high-contrast .profile-settings-card,html.high-contrast .student-card{border:2px solid #000!important}html.dark-mode.high-contrast .dashboard-stat,html.dark-mode.high-contrast .attendance-card,html.dark-mode.high-contrast .timetable-card,html.dark-mode.high-contrast .assignment-card,html.dark-mode.high-contrast .placement-card,html.dark-mode.high-contrast .event-card,html.dark-mode.high-contrast .settings-section,html.dark-mode.high-contrast .profile-settings-card,html.dark-mode.high-contrast .student-card{border:2px solid #60a5fa!important}html.dark-mode,body.dark-mode,html.dark-mode .dashboard-page,html.dark-mode .module-page{color:#e2e8f0!important;background:#0b0f19!important}html.dark-mode .dashboard-main{background:#0b0f19!important}html.dark-mode .dashboard-topbar{background:#111827!important;border-bottom:1px solid #1f2937!important}html.dark-mode .dashboard-topbar h2{color:#f9fafb!important}html.dark-mode .dashboard-topbar p{color:#9ca3af!important}html.dark-mode .sidebar{background:#090d16!important;border-right:1px solid #1f2937!important}html.dark-mode .sidebar-logo{color:#f9fafb!important}html.dark-mode .sidebar-nav a,html.dark-mode .sidebar-bottom a{color:#9ca3af!important}html.dark-mode .sidebar-nav a:hover,html.dark-mode .sidebar-bottom a:hover{color:#fff!important;background:#1f2937!important}html.dark-mode .sidebar-nav a.active,html.dark-mode .sidebar-bottom a.active{color:#fff!important;background:#2563eb!important}html.dark-mode .dashboard-stat,html.dark-mode .progress-section,html.dark-mode .overall-attendance,html.dark-mode .attendance-card,html.dark-mode .attendance-summary,html.dark-mode .timetable-card,html.dark-mode .assignment-card,html.dark-mode .placement-card,html.dark-mode .event-card,html.dark-mode .settings-section,html.dark-mode .profile-settings-card,html.dark-mode .student-card,html.dark-mode .students-section,html.dark-mode .results-summary,html.dark-mode .filter-box,html.dark-mode .form-card,html.dark-mode .result-card{background:#111827!important;border-color:#1f2937!important;box-shadow:0 4px 18px #00000073!important}html.dark-mode .settings-section-title{border-bottom:1px solid #1f2937!important}html.dark-mode .settings-section-title h2,html.dark-mode .module-header h1,html.dark-mode .welcome-section h1,html.dark-mode .settings-header h1,html.dark-mode .attendance-summary h2,html.dark-mode .attendance-card h3,html.dark-mode .assignment-card h3,html.dark-mode .profile-details h3,html.dark-mode .setting-row h3,html.dark-mode .student-card h3{color:#f9fafb!important}html.dark-mode .settings-section-title p,html.dark-mode .module-header p,html.dark-mode .settings-header span,html.dark-mode .dashboard-stat span,html.dark-mode .attendance-card p,html.dark-mode .setting-row p,html.dark-mode .profile-details p,html.dark-mode .info-label{color:#9ca3af!important}html.dark-mode .setting-row{border-bottom:1px solid #1f2937!important}html.dark-mode .setting-row:hover{background:#172033!important}html.dark-mode input,html.dark-mode select,html.dark-mode textarea,html.dark-mode .setting-row select{color:#f9fafb!important;background:#090d16!important;border-color:#374151!important}html.dark-mode input:focus,html.dark-mode select:focus,html.dark-mode textarea:focus{border-color:#3b82f6!important;box-shadow:0 0 0 3px #3b82f640!important}html.dark-mode .reset-settings-btn{color:#f9fafb!important;background:#1f2937!important;border-color:#374151!important}html.dark-mode .reset-settings-btn:hover{background:#374151!important}html.dark-mode .settings-outline-btn{color:#f9fafb!important;background:#1f2937!important;border-color:#374151!important}html.dark-mode .settings-outline-btn:hover{color:#fff!important;background:#2563eb!important;border-color:#2563eb!important}html.dark-mode .main-progress,html.dark-mode .attendance-bar{background:#1f2937!important}html.dark-mode table,html.dark-mode .results-table,html.dark-mode .table-container table{color:#e2e8f0!important;background:#111827!important}html.dark-mode th,html.dark-mode .results-table th,html.dark-mode .table-container th{color:#9ca3af!important;background:#090d16!important;border-color:#1f2937!important}html.dark-mode td,html.dark-mode .results-table td,html.dark-mode .table-container td{color:#f9fafb!important;border-color:#1f2937!important}html.dark-mode tr:hover td{background:#172033!important}html.dark-mode .settings-modal,html.dark-mode .assignment-modal{color:#f9fafb!important;background:#111827!important;border:1px solid #374151!important}html.dark-mode .settings-modal-header,html.dark-mode .assignment-modal-header{background:#111827!important;border-color:#1f2937!important}html.dark-mode .settings-modal-header h3,html.dark-mode .assignment-modal-header h2{color:#f9fafb!important}html.dark-mode .modal-close-icon,html.dark-mode .modal-close-btn{color:#9ca3af!important}html.dark-mode .modal-close-icon:hover,html.dark-mode .modal-close-btn:hover{color:#f9fafb!important}html.dark-mode .settings-form-group label{color:#cbd5e1!important}html.dark-mode .modal-detail{border-color:#1f2937!important}html.dark-mode .modal-detail span{color:#9ca3af!important}html.dark-mode .modal-detail strong,html.dark-mode .modal-description h3{color:#f9fafb!important}html.dark-mode .modal-description p{color:#9ca3af!important}html.dark-mode .assignment-modal-footer{background:#090d16!important;border-color:#1f2937!important}html.dark-mode .modal-cancel-btn{color:#cbd5e1!important;border-color:#374151!important}html.dark-mode .modal-cancel-btn:hover{color:#fff!important;background:#1f2937!important}html.dark-mode .quick-settings-grid a,html.dark-mode .quick-action-link{color:#f9fafb!important;background:#172033!important;border-color:#1f2937!important}html.dark-mode .quick-settings-grid a:hover,html.dark-mode .quick-action-link:hover{color:#fff!important;background:#2563eb!important;border-color:#2563eb!important}.focus-shield-banner{background:linear-gradient(135deg,#ea580c1f,#f973160f);border:1px solid #f9731659;border-radius:14px;align-items:center;gap:16px;margin-bottom:25px;padding:16px 20px;animation:.3s bannerFade;display:flex}.focus-shield-banner span{font-size:28px}.focus-shield-banner strong{color:#ea580c;margin-bottom:2px;font-size:15px;display:block}.focus-shield-banner p{color:#9a3412;margin:0;font-size:13px}html.dark-mode .focus-shield-banner p{color:#fdba74}@keyframes bannerFade{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.smart-tip-box{background:linear-gradient(135deg,#3b82f614,#6366f10d);border:1px solid #3b82f640;border-radius:12px;margin-top:15px;padding:16px 20px;animation:.25s bannerFade}.smart-tip-header{color:#2563eb;justify-content:space-between;align-items:center;margin-bottom:6px;font-size:14px;font-weight:600;display:flex}.smart-badge{color:#fff;background:#2563eb;border-radius:12px;padding:2px 10px;font-size:11px}.smart-tip-box p{color:#475569;margin:0;font-size:13px;line-height:1.5}html.dark-mode .smart-tip-box p{color:#94a3b8}.profile-skills-tags{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.skill-chip{color:#2563eb;background:#2563eb1a;border:1px solid #2563eb33;border-radius:20px;padding:4px 12px;font-size:12px;font-weight:600}html.dark-mode .skill-chip{color:#60a5fa;background:#60a5fa26;border-color:#60a5fa4d}.settings-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10000;background:#0f172aa6;justify-content:center;align-items:center;padding:20px;animation:.2s overlayFadeIn;display:flex;position:fixed;inset:0}.settings-modal{background:#fff;border-radius:16px;width:100%;max-width:500px;animation:.2s modalPopIn;overflow:hidden;box-shadow:0 25px 50px #00000040}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalPopIn{0%{opacity:0;transform:scale(.95)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.settings-modal-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.settings-modal-header h3{color:#0f172a;margin:0;font-size:18px;font-weight:700}.modal-close-icon{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 8px;font-size:20px;line-height:1}.modal-close-icon:hover{color:#0f172a;background:#f1f5f9}.settings-modal-form{flex-direction:column;gap:16px;padding:24px;display:flex}.settings-form-group{flex-direction:column;gap:6px;display:flex}.settings-form-group label{color:#334155;font-size:13px;font-weight:600}.settings-form-group input,.settings-form-group select{box-sizing:border-box;border:1px solid #cbd5e1;border-radius:8px;width:100%;height:42px;padding:0 14px;font-size:14px}.settings-modal-actions{justify-content:flex-end;gap:12px;margin-top:10px;display:flex}.modal-cancel-btn{cursor:pointer;background:0 0;border:1px solid #cbd5e1;border-radius:8px;padding:10px 18px;font-size:14px;font-weight:600;transition:all .2s}.modal-cancel-btn:hover{background:#f1f5f9}.modal-save-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;padding:10px 22px;font-size:14px;font-weight:600;transition:all .2s}.modal-save-btn:hover{background:#1d4ed8;transform:translateY(-1px)}.modal-error-box{color:#dc2626;background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;padding:10px 14px;font-size:13px;font-weight:500}.settings-toast{color:#fff;z-index:10001;background:#0f172a;border-radius:12px;align-items:center;gap:12px;padding:14px 22px;font-size:14px;font-weight:500;animation:.3s toastIn;display:flex;position:fixed;bottom:28px;right:28px;box-shadow:0 14px 35px #00000059}.settings-toast.success{border-left:5px solid #10b981}.settings-toast.error{border-left:5px solid #ef4444}.settings-toast span{font-size:18px}.settings-toast p{margin:0}@keyframes toastIn{0%{opacity:0;transform:translateY(20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.quick-action-link{color:#1e293b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:12px;padding:16px;font-size:14px;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.quick-action-link:hover{color:#fff;background:#2563eb;border-color:#2563eb;transform:translateY(-2px)}.quick-action-icon{font-size:20px}.toggle{cursor:pointer;background:#cbd5e1;border:none;border-radius:30px;flex-shrink:0;width:48px;height:26px;padding:2px;transition:background .3s;position:relative}.toggle span{background:#fff;border-radius:50%;width:22px;height:22px;transition:transform .3s;display:block;box-shadow:0 2px 5px #0003}.toggle.active{background:#2563eb}.toggle.active span{transform:translate(22px)}html.dark-mode .toggle{background:#374151}html.dark-mode .toggle.active{background:#2563eb}.assignment-modal-overlay{z-index:9999;background:#0f172a8c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.assignment-modal{background:#fff;border-radius:16px;width:100%;max-width:600px;animation:.2s assignmentModalIn;overflow:hidden;box-shadow:0 20px 50px #0003}@keyframes assignmentModalIn{0%{opacity:0;transform:translateY(15px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.assignment-modal-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:flex-start;padding:24px;display:flex}.modal-subject{color:#2563eb;margin-bottom:6px;font-size:14px;font-weight:600;display:block}.assignment-modal-header h2{color:#111827;margin:0;font-size:24px;line-height:1.3}.modal-close-btn{color:#6b7280;cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:30px;line-height:1}.modal-close-btn:hover{color:#111827}.assignment-modal-content{padding:24px}.modal-detail{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:14px 0;display:flex}.modal-detail span{color:#64748b;font-size:14px}.modal-detail strong{color:#111827;font-size:15px}.modal-status-pending{color:#d97706!important}.modal-status-submitted{color:#16a34a!important}.modal-description{margin-top:24px}.modal-description h3{color:#111827;margin:0 0 10px;font-size:16px}.modal-description p{color:#64748b;margin:0;font-size:14px;line-height:1.7}.assignment-modal-footer{background:#f8fafc;border-top:1px solid #e5e7eb;justify-content:flex-end;padding:16px 24px;display:flex}.modal-close-button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;padding:10px 22px;font-size:14px;font-weight:600}.modal-close-button:hover{background:#1d4ed8}@media (width<=600px){.assignment-modal-overlay{padding:14px}.assignment-modal{border-radius:14px;max-width:100%}.assignment-modal-header{padding:20px}.assignment-modal-header h2{font-size:20px}.assignment-modal-content{padding:20px}.modal-detail{align-items:flex-start;gap:15px}.modal-detail strong{text-align:right}.assignment-modal-footer{padding:14px 20px}}