.login-container[data-v-319e9ef8]{display:flex;justify-content:center;align-items:center;height:100vh;background:linear-gradient(90deg,#004d99,#66b2ff)}.login-box[data-v-319e9ef8]{width:300px;padding:20px;background-color:#fff;border-radius:5px;box-shadow:0 0 15px rgba(0,0,0,.1);text-align:center}.logo[data-v-319e9ef8]{font-size:24px;font-weight:700;color:#004d99;margin-bottom:20px}.envelope[data-v-319e9ef8]{font-size:32px;position:relative}.spark[data-v-319e9ef8]{position:absolute;top:5px;right:-5px;font-size:18px}input[data-v-319e9ef8]{width:90%;padding:10px;margin:10px 0;border:1px solid #ddd;border-radius:4px;font-size:16px}button[data-v-319e9ef8]{width:100%;padding:10px;background-color:#004d99;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background .3s}.message[data-v-319e9ef8]{color:red}button[data-v-319e9ef8]:hover{background-color:#036}.footer[data-v-319e9ef8]{margin-top:15px;font-size:14px}a[data-v-319e9ef8]{color:#004d99;text-decoration:none}a[data-v-319e9ef8]:hover{text-decoration:underline}.login-container[data-v-ee5a98b4]{display:flex;justify-content:center;align-items:center;height:100vh;background:linear-gradient(90deg,#004d99,#66b2ff)}.login-box[data-v-ee5a98b4]{width:300px;padding:20px;background-color:#fff;border-radius:5px;box-shadow:0 0 15px rgba(0,0,0,.1);text-align:center}.logo[data-v-ee5a98b4]{font-size:24px;font-weight:700;color:#004d99;margin-bottom:20px}.envelope[data-v-ee5a98b4]{font-size:32px;position:relative}.spark[data-v-ee5a98b4]{position:absolute;top:5px;right:-5px;font-size:18px}input[data-v-ee5a98b4]{width:90%;padding:10px;margin:10px 0;border:1px solid #ddd;border-radius:4px;font-size:16px}button[data-v-ee5a98b4]{width:100%;padding:10px;background-color:#004d99;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background .3s}.message[data-v-ee5a98b4]{color:red}button[data-v-ee5a98b4]:hover{background-color:#036}.footer[data-v-ee5a98b4]{margin-top:15px;font-size:14px}a[data-v-ee5a98b4]{color:#004d99;text-decoration:none}a[data-v-ee5a98b4]:hover{text-decoration:underline}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0;padding:0;background:linear-gradient(90deg,#004d99,#66b2ff)}#wrapper{display:flex;width:90%;max-width:1200px;margin:40px auto;background-color:#fff;box-shadow:0 4px 12px rgba(0,0,0,.1);border-radius:5px;overflow:hidden;max-height:1100px}#sidebar{flex:1;background-color:#f5f5f5;padding:20px;border-right:1px solid #e5e5e5;display:flex;flex-direction:column}#content{flex:3;padding:20px}.button{padding:10px 20px;background-color:#4285f4;color:#fff;text-decoration:none;border-radius:4px;margin-bottom:20px;border:none;cursor:pointer}#sidebar ul{list-style-type:none;padding:0}#sidebar li a{display:block;padding:10px;text-decoration:none;color:#333;border-radius:4px;margin-bottom:5px}#sidebar li a:hover{background-color:#e5e5e5}#mailList{list-style:none;padding:0;margin:0}#mailList li{padding:15px 10px;border-bottom:1px solid #ddd;cursor:pointer;transition:background-color .3s}#mailList li:hover{background-color:#e5e5e5}.center{align-items:center;text-align:center}.loginContainter{background-color:#595555;padding:30px}