@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap);:root{--primary-color:#0d47a1;--secondary-color:#f4f7fc;--font-color:#333;--white-color:#fff;--grey-color:#6c757d;--border-color:#ced4da}*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif}body{background-color:var(--secondary-color)}.login-body{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:1rem}.login-container{width:100%;max-width:420px;padding:2.5rem;background:var(--white-color);border-radius:12px;box-shadow:0 10px 25px rgba(0,0,0,.1)}.error-message,.success-message{padding:.8rem;margin-bottom:1rem}.login-container h2{text-align:center;margin-bottom:.5rem;color:#333}.link-admin,.login-container p{color:var(--grey-color);text-align:center}.login-container p{margin-bottom:2rem}.login-container label{display:block;margin-bottom:.5rem;font-weight:500;color:#555}.login-container input[type=password],.login-container input[type=text],.login-container select{width:100%;height:50px;padding:0 1rem;margin-bottom:1.2rem;font-size:1rem;color:#333;border:1px solid var(--border-color);border-radius:8px;background-color:#fdfdff;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:border-color .2s,box-shadow .2s}.login-container select{background-image:url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%236c757d%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22/%3E%3C/svg%3E');background-repeat:no-repeat;background-position:right 1rem center;background-size:.8em;padding-right:2.5rem}.login-container input:focus,.login-container select:focus{outline:0;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(13,71,161,.1)}.login-container button{width:100%;padding:.9rem;border:none;background:var(--primary-color);color:var(--white-color);font-size:1rem;font-weight:600;border-radius:8px;cursor:pointer;transition:background-color .2s}.login-container button:hover{background-color:#0b3d84}.link-admin{display:block;margin-top:1.5rem;font-size:.9rem;text-decoration:none}.error-message{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb;border-radius:5px;text-align:center}.success-message{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb;border-radius:5px;text-align:center}.link-switch{display:flex;align-items:center;justify-content:center;gap:.5rem;text-align:center;margin-top:1rem;padding:.7rem;border:1px solid var(--border-color);border-radius:8px;text-decoration:none;color:var(--primary-color);font-weight:500;transition:background-color .2s,color .2s}.link-switch:hover{background-color:var(--primary-color);color:var(--white-color);border-color:var(--primary-color)}