.signup-page-container{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:20px;background-color:#000;font-family:Arial,sans-serif}.signup-page-container,.signup-page-container *{box-sizing:border-box}.signup-form-wrapper{background-color:#111;padding:30px 20px;border-radius:12px;box-shadow:0 0 20px #0f03;width:100%;max-width:400px}.signup-form{display:flex;flex-direction:column}.signup-form input[type=text],.signup-form input[type=email],.signup-form input[type=password]{padding:12px 15px;margin-bottom:20px;border:1px solid #333;border-radius:8px;background-color:#222;color:#fff;font-size:16px;transition:border .3s,background-color .3s;width:100%}.signup-form input::placeholder{color:#aaa}.signup-form input:focus{outline:none;border:1px solid #0f0;background-color:#1a1a1a}.signup-form input[type=submit]{padding:12px;background-color:#0f0;color:#000;font-weight:700;border:none;border-radius:8px;cursor:pointer;transition:background-color .3s,transform .2s;width:100%}.signup-form input[type=submit]:hover{background-color:#0c0;transform:scale(1.05)}.signup-form-wrapper p{color:#fff;font-size:14px;text-align:center;margin-top:10px}.signup-form-wrapper a{color:#0f0;text-decoration:none;font-weight:700;transition:color .2s}.signup-form-wrapper a:hover{color:#0c0}@media(max-width:480px){.signup-form-wrapper{padding:20px 15px}.signup-form input[type=text],.signup-form input[type=email],.signup-form input[type=password],.signup-form input[type=submit]{font-size:15px;padding:10px 12px}.signup-form-wrapper p{font-size:13px}}.signup-welcome{font-size:24px;font-weight:700;color:#1e90ff;text-align:center;padding:10px 0}.signin-page-container,.signin-page-container *{box-sizing:border-box}.signin-page-container{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:20px;background-color:#000;font-family:Arial,sans-serif}.signin-form-wrapper{background-color:#111;padding:30px 20px;border-radius:12px;box-shadow:0 0 20px #0f03;width:100%;max-width:400px;text-align:center}.signin-form-wrapper h1{color:#0f0;margin-bottom:20px;font-size:24px}.signin-form{display:flex;flex-direction:column}.signin-form input[type=email],.signin-form input[type=password]{padding:12px 15px;margin-bottom:20px;border:1px solid #333;border-radius:8px;background-color:#222;color:#fff;font-size:16px;transition:border .3s,background-color .3s;width:100%}.signin-form input::placeholder{color:#aaa}.signin-form input:focus{outline:none;border:1px solid #0f0;background-color:#1a1a1a}.signin-form input[type=submit]{padding:12px;background-color:#0f0;color:#000;font-weight:700;border:none;border-radius:8px;cursor:pointer;transition:background-color .3s,transform .2s;width:100%}.signin-form input[type=submit]:hover{background-color:#0c0;transform:scale(1.05)}.signin-form-wrapper p{color:#fff;font-size:14px;text-align:center;margin-top:10px}.signin-form-wrapper a{color:#0f0;text-decoration:none;font-weight:700;transition:color .2s}.signin-form-wrapper a:hover{color:#0c0}@media(max-width:480px){.signin-form-wrapper{padding:20px 15px}.signin-form input[type=email],.signin-form input[type=password],.signin-form input[type=submit]{font-size:15px;padding:10px 12px}.signin-form-wrapper p{font-size:13px}.signin-form-wrapper h1{font-size:20px}}.homepage-container{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:97vh;font-family:Arial,sans-serif;text-align:center;padding:20px;background:linear-gradient(135deg,#6e8efb,#a777e3);box-sizing:border-box}.homepage-container h1{font-size:28px;font-weight:600;margin-bottom:15px;color:#fff}.homepage-container p{font-size:20px;margin:6px 0;color:#f0f0f0;word-break:break-word}@media(max-width:500px){.homepage-container h1{font-size:24px}.homepage-container p{font-size:16px}}.forgot-page-container{width:100%;min-height:100vh;display:flex;justify-content:center;align-items:center;padding:20px;background:linear-gradient(135deg,#6e8efb,#a777e3);font-family:Arial,sans-serif;box-sizing:border-box}.forgot-form-wrapper{width:100%;max-width:400px;background-color:#fff;padding:50px 30px;border-radius:16px;box-shadow:0 15px 30px #0003;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.forgot-form-wrapper:hover{transform:translateY(-5px);box-shadow:0 20px 40px #00000040}.forgot-form-wrapper h1{font-size:28px;font-weight:600;margin-bottom:25px;color:#333}.forgot-form input[type=email]{width:100%;padding:14px 16px;margin-bottom:16px;font-size:16px;border:1px solid #ccc;border-radius:10px;outline:none;transition:all .25s ease-in-out;box-sizing:border-box}.forgot-form input[type=email]:focus{border-color:#6e8efb;box-shadow:0 0 8px #6e8efb80}.forgot-form button{width:100%;padding:14px;background-color:#6e8efb;color:#fff;font-size:18px;font-weight:600;border:none;border-radius:10px;cursor:pointer;transition:background-color .3s ease,transform .2s ease;box-sizing:border-box}.forgot-form button:hover{background-color:#5a73e0;transform:translateY(-2px)}.forgot-form-wrapper p{margin-top:12px;font-size:14px;color:#555;word-break:break-word}.forgot-form-wrapper p a{color:#6e8efb;text-decoration:none;font-weight:500}.forgot-form-wrapper p a:hover{text-decoration:underline}@media(max-width:500px){.forgot-form-wrapper{padding:30px 20px;width:95%}.forgot-form-wrapper h1{font-size:24px}.forgot-form input[type=email]{padding:12px 14px;font-size:15px}.forgot-form button{font-size:16px;padding:12px}.forgot-form-wrapper p{font-size:13px}}.otp-page-container{width:100%;min-height:100vh;display:flex;justify-content:center;align-items:center;padding:20px;background:linear-gradient(135deg,#6e8efb,#a777e3);font-family:Arial,sans-serif}.otp-form-wrapper{width:100%;max-width:400px;background-color:#fff;padding:50px 30px;border-radius:16px;box-shadow:0 15px 30px #0003;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.otp-form-wrapper:hover{transform:translateY(-5px);box-shadow:0 20px 40px #00000040}.otp-form-wrapper h1{font-size:28px;font-weight:600;margin-bottom:20px;color:#333}.otp-form-wrapper p{font-size:16px;color:#555;margin-bottom:25px}.otp-form input[type=text]{width:100%;padding:14px 16px;margin-bottom:16px;font-size:16px;border:1px solid #ccc;border-radius:10px;outline:none;box-sizing:border-box;text-align:left;transition:all .25s ease-in-out}.otp-form input[type=text]:focus{border-color:#6e8efb;box-shadow:0 0 8px #6e8efb80}.otp-form button{width:100%;padding:14px;background-color:#6e8efb;color:#fff;font-size:18px;font-weight:600;border:none;border-radius:10px;cursor:pointer;box-sizing:border-box;transition:background-color .3s ease,transform .2s ease}.otp-form button:hover{background-color:#5a73e0;transform:translateY(-2px)}@media(max-width:500px){.otp-form-wrapper{padding:30px 20px;width:95%}.otp-form-wrapper h1{font-size:24px}.otp-form-wrapper p{font-size:14px}.otp-form input[type=text]{padding:12px 14px;font-size:15px}.otp-form button{font-size:16px;padding:12px}}.newpass-page-container{width:100%;min-height:100vh;display:flex;justify-content:center;align-items:center;padding:20px;font-family:Arial,sans-serif;background:linear-gradient(135deg,#6e8efb,#a777e3)}.newpass-form-wrapper{width:100%;max-width:400px;background-color:#fff;padding:50px 30px;border-radius:16px;box-shadow:0 15px 30px #0003;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.newpass-form-wrapper:hover{transform:translateY(-5px);box-shadow:0 20px 40px #00000040}.newpass-form-wrapper h1{font-size:28px;font-weight:600;margin-bottom:20px;color:#333}.newpass-form input[type=password]{width:100%;padding:14px 16px;margin-bottom:16px;font-size:16px;border:1px solid #ccc;border-radius:10px;outline:none;box-sizing:border-box;text-align:left;transition:all .25s ease-in-out}.newpass-form input[type=password]:focus{border-color:#6e8efb;box-shadow:0 0 8px #6e8efb80}.newpass-form button{width:100%;padding:14px;background-color:#6e8efb;color:#fff;font-size:18px;font-weight:600;border:none;border-radius:10px;cursor:pointer;box-sizing:border-box;transition:background-color .3s ease,transform .2s ease}.newpass-form button:hover{background-color:#5a73e0;transform:translateY(-2px)}@media(max-width:500px){.newpass-form-wrapper{padding:30px 20px;width:95%}.newpass-form-wrapper h1{font-size:24px}.newpass-form input[type=password]{padding:12px 14px;font-size:15px}.newpass-form button{font-size:16px;padding:12px}}.make-title{text-align:center;margin:16px 0;font-size:22px}.make-form{width:90%;max-width:360px;margin:0 auto;padding:16px;border-radius:8px;box-shadow:0 0 10px #0000001a;background:#fff}.make-form input{width:100%;padding:10px;margin:8px 0;border-radius:6px;border:1px solid #ccc;outline:none}.make-form input:focus{border-color:#007bff}.make-form button{width:100%;padding:10px;margin-top:10px;border:none;border-radius:6px;background-color:#007bff;color:#fff;font-size:15px;cursor:pointer}.make-form button:hover{background-color:#0056b3}@media(max-width:480px){.make-title{font-size:18px}.make-form{padding:12px}.make-form input{font-size:14px}}.student-title{text-align:center;font-size:24px;margin:20px 0;color:#333;font-family:Arial,sans-serif}.student-card{background-color:#f5f5f5;padding:20px;border-radius:12px;max-width:500px;margin:0 auto 20px;box-shadow:0 0 10px #0000001a;display:flex;flex-direction:column;gap:10px;font-size:16px;color:#333}.student-card p span{font-weight:700}.student-btn{padding:10px;background-color:#4caf50;color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:700;margin-top:10px;transition:background-color .3s,transform .2s}.student-btn:hover{background-color:#45a049;transform:scale(1.03)}input[type=text]{display:block;margin:0 auto 20px;padding:10px;width:90%;max-width:500px;border-radius:8px;border:1px solid #ccc;font-size:16px}.books-wrapper{display:flex;flex-wrap:wrap;justify-content:center;gap:15px;padding-bottom:30px}.book-card{background-color:#fafafa;padding:15px 20px;border-radius:12px;box-shadow:0 0 8px #0000001a;width:220px;display:flex;flex-direction:column;gap:8px;font-size:14px;color:#333}.book-card p span{font-weight:700}.book-card button{padding:8px;background-color:#2196f3;color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:700;transition:background-color .3s,transform .2s}.book-card button:hover{background-color:#1e88e5;transform:scale(1.03)}@media(max-width:480px){.student-card,input[type=text],.book-card{width:95%}.book-card{width:100%}.student-title{font-size:20px}.student-btn{font-size:14px;padding:8px}.book-card button{font-size:14px;padding:7px}}.admin-page,.admin-page *{box-sizing:border-box}.admin-page{display:flex;flex-direction:column;align-items:center;min-height:100vh;padding:20px;background-color:#000;font-family:Arial,sans-serif;color:#fff}.admin-title{text-align:center;color:#0f0;margin-bottom:30px;font-size:22px;max-width:800px}.admin-form{display:flex;flex-direction:column;background-color:#111;padding:25px 20px;border-radius:12px;box-shadow:0 0 20px #0f03;width:100%;max-width:500px;margin-bottom:20px}.admin-form input[type=text],.admin-form input[type=number]{padding:12px 15px;margin-bottom:15px;border:1px solid #333;border-radius:8px;background-color:#222;color:#fff;font-size:16px;transition:border .3s,background-color .3s;width:100%}.admin-form input::placeholder{color:#aaa}.admin-form input:focus{outline:none;border:1px solid #0f0;background-color:#1a1a1a}.submit-btn{padding:12px;background-color:#0f0;color:#000;font-weight:700;border:none;border-radius:8px;cursor:pointer;transition:background-color .3s,transform .2s;width:100%}.submit-btn:hover{background-color:#0c0;transform:scale(1.05)}.dept-buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:20px}.dept-buttons button{padding:10px 15px;background-color:#0f0;color:#000;border:none;border-radius:8px;cursor:pointer;font-weight:700;transition:background-color .3s,transform .2s}.dept-buttons button:hover{background-color:#0c0;transform:scale(1.05)}.admin-page>button{margin-top:25px;padding:12px 20px;background-color:#0f0;color:#000;border:none;border-radius:8px;cursor:pointer;font-weight:700;transition:background-color .3s,transform .2s}.admin-page>button:hover{background-color:#0c0;transform:scale(1.05)}.admin-page .issue-btn{margin-top:25px;padding:12px 20px;background-color:#0f0;color:#000;border:none;border-radius:8px;cursor:pointer;font-weight:700;font-size:16px;transition:background-color .3s,transform .2s}@media(max-width:480px){.admin-form{padding:20px 15px}.admin-form input[type=text],.admin-form input[type=number],.submit-btn{font-size:15px;padding:10px 12px}.dept-buttons button{font-size:14px;padding:8px 10px}.admin-page>button{font-size:14px;padding:10px 12px}.admin-title{font-size:20px}}.cse-page{padding:30px;font-family:Arial,sans-serif;background-color:#f4f6f8;min-height:100vh}.cse-title{text-align:center;margin-bottom:30px;color:#333}.cse-card{background-color:#fff;border-radius:8px;padding:15px 20px;margin-bottom:15px;box-shadow:0 2px 6px #0000001a}.cse-card p{margin:6px 0;color:#444;font-size:15px}.cse-actions{margin-top:10px}.cse-actions button{padding:6px 12px;margin-right:10px;border:none;border-radius:4px;cursor:pointer;font-size:14px}.cse-actions .delete-btn{background-color:#e74c3c;color:#fff}.cse-actions .delete-btn:hover{background-color:#c0392b}.cse-actions .update-btn{background-color:#3498db;color:#fff}.cse-actions .update-btn:hover{background-color:#2980b9}.cse-search{width:60%;padding:10px;margin:15px 0;border-radius:6px;border:1px solid #ccc;outline:none}.cse-search:focus{border-color:#007bff}.no-books{text-align:center;color:gray;margin-top:20px}.request-page{padding:30px;background:#f4f6f9;min-height:100vh}.request-page h1{text-align:center;margin-bottom:30px;color:#222;font-size:26px}.request-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.request-card{background:#fff;padding:20px;border-radius:12px;box-shadow:0 4px 12px #00000014;transition:.3s}.request-card:hover{transform:translateY(-4px);box-shadow:0 10px 20px #0000001f}.request-card p{margin:8px 0;font-size:15px;color:#333}.request-card b{color:#000}.button-box{display:flex;justify-content:space-between;margin-top:15px}.approve-btn{background:#28a745;border:none;color:#fff;padding:8px 15px;border-radius:6px;cursor:pointer;font-weight:500}.reject-btn{background:#dc3545;border:none;color:#fff;padding:8px 15px;border-radius:6px;cursor:pointer;font-weight:500}.approve-btn:hover{background:#218838}.reject-btn:hover{background:#c82333}.admin-approved-page{padding:20px;min-height:100vh;background-color:#f7f8fc;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.admin-approved-page h1{text-align:center;color:#333;margin-bottom:25px}.admin-approved-card{background-color:#fff;padding:20px;border-radius:12px;box-shadow:0 4px 10px #0000001a;margin:15px auto;width:320px;transition:transform .2s,box-shadow .2s}.admin-approved-card:hover{transform:translateY(-5px);box-shadow:0 6px 15px #00000026}.admin-approved-card p{font-size:14px;margin:6px 0;color:#555}.issue-btn{margin-top:25px;padding:12px 20px;background-color:#0f0;color:#000;font-weight:700;font-size:16px;border:none;border-radius:8px;cursor:pointer;transition:background-color .3s ease,transform .2s ease}.issue-btn:hover{background-color:#0c0;transform:scale(1.05)}.return-book{height:30px;background-color:#000;color:#0c0;border-radius:6px}@media(max-width:480px){.issue-btn{font-size:14px;padding:10px 15px;margin-top:20px}}.fine-wrapper{display:flex;flex-direction:column;align-items:center;padding:20px;background-color:#111;min-height:100vh;font-family:Arial,sans-serif;color:#fff}.fine-wrapper h1{font-size:24px;margin-bottom:20px;color:#0f0;text-align:center}.fine-card{background-color:#222;padding:15px 20px;border-radius:12px;margin-bottom:15px;width:100%;max-width:450px;box-shadow:0 0 10px #0f03;transition:transform .2s}.fine-card:hover{transform:scale(1.02)}.fine-card p{margin:5px 0;font-size:16px;color:#fff}.fine-card strong{color:#0f0}.del{background-color:#e74c3c;color:#fff;border:none;padding:10px 20px;border-radius:8px;cursor:pointer;font-weight:700;transition:all .3s ease;margin-top:10px}.del:hover{background-color:#c0392b;transform:scale(1.05);box-shadow:0 4px 8px #0003}.del:focus{outline:none}@media(max-width:480px){.fine-wrapper{padding:15px}.fine-wrapper h1{font-size:20px}.fine-card{padding:12px 15px;font-size:14px}}