@import"https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@300;400;500;600;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{font-family:Source Sans Pro,Bosch Office Sans,Arial,sans-serif;background-color:#f5f5f5;color:#333}.container{margin:0 auto;padding:20px}.form-container{max-width:400px;margin:50px auto;padding:40px;background:#fff;border-radius:10px;box-shadow:0 4px 6px #0000001a}.form-group{margin-bottom:20px}label{display:block;margin-bottom:5px;font-weight:500;color:#555}input[type=text],input[type=password]{width:100%;padding:12px;border:2px solid #ddd;border-radius:5px;font-size:16px;transition:border-color .3s}input[type=text]:focus,input[type=password]:focus{outline:none;border-color:#007bff}.password-input-container{position:relative}.password-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:#666;font-size:14px}.password-toggle:hover{color:#007bff}.btn{width:100%;padding:12px;background-color:#007bff;color:#fff;border:none;border-radius:5px;font-size:16px;cursor:pointer;transition:background-color .3s}.btn:hover{background-color:#0056b3}.btn:disabled{background-color:#ccc;cursor:not-allowed}.table-container{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 4px 6px #0000001a;margin-top:20px}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:15px;text-align:left;border-bottom:1px solid #ddd}.table th{background-color:#f8f9fa;font-weight:600;color:#495057}.table tbody tr:hover{background-color:#f8f9fa}.header{padding:20px 0 0;margin:0}.header-content{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 20px}.logo{font-size:24px;font-weight:700;color:#007bff}.logout-btn{padding:8px 16px;background-color:#dc3545;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:14px}.logout-btn:hover{background-color:#c82333}.error-message{color:#dc3545;font-size:14px;margin-top:5px}.loading{text-align:center;padding:20px}.spinner{border:4px solid #f3f3f3;border-top:4px solid #007bff;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin:0 auto}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}