body{font-family:Arial,sans-serif;background-color:#f3f4f6;margin:0;padding:0}.app-container{min-height:100vh;padding:20px}.heading{text-align:center;font-size:26px;font-weight:700;margin-bottom:20px}.tabs-container{display:flex;justify-content:center;gap:10px;margin-bottom:20px}.tab-button{padding:10px 15px;border:none;border-radius:5px;background-color:#fff;box-shadow:2px 2px 5px #0000001a;cursor:pointer;font-size:14px;transition:background-color .3s,color .3s}.tab-button.active{background-color:#007bff;color:#fff}.content-box{max-width:800px;margin:0 auto;background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 10px #0000001a}.content-list{list-style:none;padding:0;margin:0}.content-item{border-bottom:1px solid #ddd;padding:10px 0}.content-link{color:#007bff;text-decoration:none;font-weight:700}.content-link:hover{text-decoration:underline}.content-date{font-size:12px;color:#666}.college-name{font-size:14px;font-weight:700;color:green}.no-data{text-align:center;color:#666}.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#f5f5f5}.login-box{width:100%;max-width:400px;padding:2rem;background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #0000001a}.login-header{display:flex;flex-direction:column;align-items:center;margin-bottom:2rem}.login-logo{font-size:3rem;color:#2c3e50;margin-bottom:.5rem}.login-header h2{margin:0;color:#2c3e50;font-weight:600}.login-form{display:flex;flex-direction:column}.form-group{margin-bottom:1.5rem}.form-group input{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem}.form-group input:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 2px #3498db33}.login-submit-btn{padding:.75rem;background-color:#3498db;color:#fff;border:none;border-radius:4px;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .2s}.login-submit-btn:hover{background-color:#2980b9}.login-footer{margin-top:1.5rem;text-align:center}.login-footer a{color:#3498db;text-decoration:none}.login-footer a:hover{text-decoration:underline}.error-message{background-color:#ffebee;color:#c62828;padding:.75rem;border-radius:4px;margin-bottom:1rem;font-size:.9rem}.forgot-password{display:block;margin-bottom:.5rem}.register-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#f5f5f5;padding:2rem 1rem}.register-box{width:100%;max-width:600px;padding:2rem;background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #0000001a}.register-header{display:flex;flex-direction:column;align-items:center;margin-bottom:2rem;text-align:center}.register-logo{font-size:3rem;color:#2c3e50;margin-bottom:.5rem}.register-header h2{margin:0;color:#2c3e50;font-weight:600}.register-header p{margin-top:.5rem;color:#7f8c8d}.register-form{display:flex;flex-direction:column}.form-group{margin-bottom:1.5rem;width:100%}.form-row{display:flex;gap:1rem;margin-bottom:1rem}@media (max-width: 640px){.form-row{flex-direction:column;gap:1.5rem}}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:#444}.form-group input,.form-group select{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem}.form-group input:focus,.form-group select:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 2px #3498db33}.error-input{border-color:#e74c3c!important}.error-text{color:#e74c3c;font-size:.85rem;margin-top:.25rem;display:block}.register-submit-btn{padding:.75rem;background-color:#3498db;color:#fff;border:none;border-radius:4px;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .2s;margin-top:1rem}.register-submit-btn:hover{background-color:#2980b9}.register-footer{margin-top:1.5rem;text-align:center}.register-footer a{color:#3498db;text-decoration:none}.register-footer a:hover{text-decoration:underline}.navbar{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background-color:#2c3e50;color:#fff}.navbar-brand{display:flex;align-items:center}.logo{font-size:1.5rem;margin-right:.5rem}.brand-text{font-size:1.2rem;font-weight:700}.nav-links{display:flex;list-style:none;margin:0;padding:0}.nav-links li{margin:0 .5rem}.nav-links button{background:none;border:none;color:#fff;cursor:pointer;font-size:1rem;padding:.5rem 1rem;transition:background-color .2s;border-radius:4px}.nav-links button:hover{background-color:#ffffff1a}.auth-buttons{display:flex;align-items:center}.login-btn{background-color:#3498db;color:#fff;text-decoration:none;padding:.5rem 1rem;border-radius:4px;font-weight:500;transition:background-color .2s}.login-btn:hover{background-color:#2980b9}.user-menu{display:flex;align-items:center}.user-email{display:flex;align-items:center;margin-right:1rem;font-size:.9rem}.user-email svg{margin-right:.25rem}.logout-btn{display:flex;align-items:center;background-color:#e74c3c;color:#fff;border:none;border-radius:4px;padding:.5rem 1rem;font-size:.9rem;cursor:pointer;transition:background-color .2s}.logout-btn svg{margin-right:.25rem}.logout-btn:hover{background-color:#c0392b}@media (max-width: 768px){.navbar{flex-direction:column;padding:1rem}.navbar-brand{margin-bottom:1rem}.nav-links{margin-bottom:1rem;width:100%;justify-content:center;flex-wrap:wrap}.auth-buttons{width:100%;justify-content:center}.user-menu{flex-direction:column}.user-email{margin-right:0;margin-bottom:.5rem}}