.login-container{min-height:100vh;background:#f5f7fa;padding:0}.login-wrapper{display:flex;min-height:100vh}.login-info-section{flex:1;background:linear-gradient(135deg,#1e3a8a,#1e40af,#2563eb);color:#fff;padding:30px 40px;display:flex;flex-direction:column;justify-content:flex-start;overflow-y:auto}.info-content{max-width:600px;margin:0 auto}.department-title{font-size:28px;font-weight:700;margin:0 0 15px;color:#fff;letter-spacing:-.5px}.intro-paragraph{font-size:14px;line-height:1.6;color:#e0e7ff;margin:0 0 20px;opacity:.95}.login-tabs{display:flex;gap:8px;margin-bottom:20px;border-bottom:2px solid rgba(255,255,255,.2);padding-bottom:0}.login-tab{background:transparent;border:none;color:#e0e7ff;padding:10px 20px;font-size:14px;font-weight:600;cursor:pointer;border-bottom:3px solid transparent;margin-bottom:-2px;transition:all .3s;opacity:.7}.login-tab:hover{opacity:1;color:#fff}.login-tab.active{color:#fff;opacity:1;border-bottom-color:#fff}.login-tab-content{min-height:200px}.important-links{margin-top:10px}.links-list{list-style:none;padding:0;margin:0}.links-list li{margin-bottom:12px;padding-left:20px;position:relative}.links-list li:before{content:"→";position:absolute;left:0;color:#fff;font-weight:700}.links-list a{color:#e0e7ff;text-decoration:none;font-size:14px;transition:color .3s;display:inline-block}.links-list a:hover{color:#fff;text-decoration:underline}.vision-mission{margin-bottom:20px}.vision-section,.mission-section{margin-bottom:15px}.vision-section h3,.mission-section h3{font-size:18px;font-weight:600;margin:0 0 8px;color:#fff}.vision-section p,.mission-section ul{font-size:13px;line-height:1.6;color:#e0e7ff;margin:0;opacity:.95}.mission-section ul{padding-left:20px;margin-top:5px}.mission-section li{margin-bottom:6px}.department-info{margin-bottom:50px}.department-info h3{font-size:24px;font-weight:600;margin:0 0 20px;color:#fff}.department-info p{font-size:16px;line-height:1.7;color:#e0e7ff;margin-bottom:30px;opacity:.95}.info-highlights{display:flex;flex-direction:column;gap:20px}.highlight-item{display:flex;gap:15px;align-items:flex-start;padding:15px;background:#ffffff1a;border-radius:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.highlight-icon{font-size:28px;flex-shrink:0}.highlight-item div{flex:1}.highlight-item strong{display:block;font-size:16px;margin-bottom:5px;color:#fff}.highlight-item p{font-size:14px;margin:0;color:#e0e7ff;opacity:.9}.events-section{margin-top:10px;flex:1;display:flex;flex-direction:column;min-height:0}.events-section h3{font-size:18px;font-weight:600;margin:0 0 15px;color:#fff}.events-section h4{font-size:16px;font-weight:600;margin:0 0 10px;color:#fff}.events-list{display:flex;flex-direction:column;gap:10px;overflow-y:auto;max-height:calc(100vh - 400px);padding-right:10px;padding-bottom:10px}.events-list::-webkit-scrollbar{width:8px}.events-list::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}.events-list::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:4px}.events-list::-webkit-scrollbar-thumb:hover{background:#ffffff80}.event-item{display:flex;gap:12px;padding:10px;background:#ffffff1a;border-radius:6px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .2s,background .2s}.event-item:hover{transform:translate(3px);background:#ffffff26}.event-date{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:50px;height:50px;background:#fff3;border-radius:6px;padding:6px}.event-month{font-size:11px;font-weight:600;text-transform:uppercase;color:#e0e7ff}.event-day{font-size:20px;font-weight:700;color:#fff;line-height:1}.event-details{flex:1}.event-details strong{display:block;font-size:14px;margin-bottom:3px;color:#fff}.event-details p{font-size:12px;margin:0;color:#e0e7ff;opacity:.9}.login-form-section{flex:1;display:flex;align-items:center;justify-content:center;padding:30px;background:#fff}.login-box{width:100%;max-width:450px;padding:40px 35px;background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014}.login-header{text-align:center;margin-bottom:25px}.login-box h1{margin:0 0 10px;font-size:28px;color:#1e3a8a;font-weight:700;letter-spacing:-.5px}.login-box h2{margin:0 0 10px;font-size:32px;color:#1e40af;font-weight:600}.login-subtitle{text-align:center;color:#64748b;margin-bottom:0;font-size:15px}.form-group{margin-bottom:24px}.form-group label{display:block;margin-bottom:8px;color:#334155;font-weight:600;font-size:14px}.form-group input{width:100%;padding:14px 16px;border:2px solid #e2e8f0;border-radius:8px;font-size:15px;transition:all .3s;box-sizing:border-box;background:#fff;color:#1e293b}.form-group input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.form-group input:disabled{background-color:#f1f5f9;cursor:not-allowed;opacity:.6}.error-message{background-color:#fef2f2;color:#dc2626;padding:14px 16px;border-radius:8px;margin-bottom:24px;font-size:14px;border:1px solid #fecaca}.login-button{width:100%;padding:14px;background:linear-gradient(135deg,#1e40af,#2563eb);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s;margin-top:10px;box-shadow:0 4px 12px #2563eb4d}.login-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #2563eb66;background:linear-gradient(135deg,#1e3a8a,#1e40af)}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.login-footer{margin-top:30px;text-align:center;padding-top:20px;border-top:1px solid #e2e8f0}.login-footer p{color:#64748b;font-size:13px;margin:0}@media(max-width:1024px){.login-wrapper{flex-direction:column}.login-info-section{padding:40px 30px}.login-form-section{padding:30px 20px}}@media(max-width:768px){.university-name{font-size:28px}.department-name{font-size:18px}.department-info h3,.events-section h3{font-size:20px}.login-box{padding:40px 30px}}.admin-container{max-width:1200px;margin:0 auto;padding:30px 20px}.admin-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:40px;padding-bottom:20px;border-bottom:2px solid #e0e0e0}.admin-header h1{margin:0 0 10px;font-size:32px;color:#333}.user-info{margin:0;color:#666;font-size:14px}.logout-button{padding:10px 20px;background-color:#dc3545;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:background-color .3s}.logout-button:hover{background-color:#c82333}.tab-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-top:20px}.tab-card{background:#fff;border:2px solid #e0e0e0;border-radius:8px;padding:25px;cursor:pointer;transition:all .3s;box-shadow:0 2px 4px #0000001a}.tab-card:hover{border-color:#667eea;transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.tab-card-disabled{cursor:default;opacity:.95;border-style:dashed}.tab-card-disabled:hover{transform:none;border-color:#e0e0e0;box-shadow:0 2px 4px #0000001a}.tab-card-faculty{border-left:4px solid #667eea}.tab-card-faculty:hover{border-color:#667eea;border-left-color:#667eea}.tab-card-ph{border-left:4px solid #28a745;background:linear-gradient(to right,#f0f9f4,#fff 10%)}.tab-card-ph:hover{border-color:#28a745;border-left-color:#28a745;background:linear-gradient(to right,#e8f5e9,#fff 10%)}.tab-card-hod{border-left:4px solid #ffc107;background:linear-gradient(to right,#fffbf0,#fff 10%)}.tab-card-hod:hover{border-color:#ffc107;border-left-color:#ffc107;background:linear-gradient(to right,#fff8e1,#fff 10%)}.tab-card-class-teacher{border-right:4px solid #2196f3;background:linear-gradient(to left,#eef6ff,#fff 10%)}.tab-card-class-teacher:hover{border-color:#2196f3;border-right-color:#2196f3;background:linear-gradient(to left,#e3f2fd,#fff 10%)}.tab-card-events{border-left:4px solid #e91e63;background:linear-gradient(to right,#fce4ec,#fff 10%)}.tab-card-events:hover{border-color:#e91e63;border-left-color:#e91e63;background:linear-gradient(to right,#f8bbd0,#fff 10%)}.tab-card-yellow{border:2px solid #f9a825;border-left:4px solid #f57f17;background:#fff9c4}.tab-card-yellow:hover{border-color:#f57f17;border-left-color:#e65100;background:#fff59d;transform:translateY(-2px);box-shadow:0 4px 8px #f57f1740}.tab-card-yellow h3{color:#5d4037}.tab-card-yellow p{color:#6d4c41}.tab-card h3{margin:0 0 10px;color:#333;font-size:20px}.tab-card p{margin:0;color:#666;font-size:14px;line-height:1.5}.section-box{margin-top:30px;padding:20px;border:1px solid #ccc;border-radius:6px;background:#fff}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.section-header h2{margin:0;font-size:24px;color:#333}.section-header button{padding:8px 16px;background-color:#667eea;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;transition:background-color .3s}.section-header button:hover{background-color:#5568d3}.item-list{list-style:none;padding:0;margin-top:15px}.item-list li{padding:12px;border-bottom:1px solid #ddd;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:background-color .2s}.item-list li input[type=radio]{cursor:pointer;width:18px;height:18px}.item-list li:hover{background-color:#f5f5f5}.item-list li.selected{background:#e6f0ff;border-left:4px solid #667eea}.item-list li span{flex:1}.actions{display:flex;gap:8px}.actions button{padding:6px 12px;border:1px solid #ddd;border-radius:4px;background:#fff;cursor:pointer;font-size:12px;transition:all .2s}.actions button:hover{background-color:#f0f0f0}.modal{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;padding:30px;border-radius:8px;width:90%;max-width:500px;box-shadow:0 4px 20px #0000004d}.modal-content h3{margin:0 0 20px;color:#333}.modal-content input{width:100%;padding:10px;margin-bottom:15px;border:2px solid #e0e0e0;border-radius:6px;font-size:14px;box-sizing:border-box}.modal-content input:focus{outline:none;border-color:#667eea}.modal-content button{padding:10px 20px;margin-right:10px;border:none;border-radius:6px;cursor:pointer;font-size:14px}.modal-content button:first-of-type{background-color:#667eea;color:#fff}.modal-content button:first-of-type:hover{background-color:#5568d3}.modal-content button:last-of-type{background-color:#f0f0f0;color:#333}.modal-content button:last-of-type:hover{background-color:#e0e0e0}.content-box{background:#fff;padding:30px;border-radius:8px;border:1px solid #e0e0e0;margin-top:20px;box-shadow:0 2px 4px #0000001a}.content-box h2{margin:0 0 15px;color:#333;font-size:24px}.content-box p{margin:10px 0;color:#666;line-height:1.6}.sub-tab-bar{display:flex;gap:10px;margin-bottom:30px;border-bottom:2px solid #e0e0e0}.sub-tab{padding:12px 24px;background:none;border:none;border-bottom:3px solid transparent;cursor:pointer;font-size:16px;font-weight:500;color:#666;transition:all .3s}.sub-tab:hover{color:#667eea;background-color:#f5f5f5}.sub-tab.active{color:#667eea;border-bottom-color:#667eea;background-color:#f5f5f5}