.notification{position:fixed;top:20px;right:20px;padding:10px;border-radius:5px;color:#fff;cursor:pointer;overflow:hidden}.notification-bar{position:absolute;bottom:0;left:0;height:5px;width:100%;animation:shrink 5s linear forwards}@keyframes shrink{0%{width:100%}to{width:0}}.notification-bar-info{background-color:#fff}.notification-bar-success{background-color:#32cd32}.notification-bar-error{background-color:#4e4e4e}.notification-info{background-color:#00f}.notification-success{background-color:green}.notification-error{background-color:red}.container[data-v-c9fcab65]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh}.dropzone[data-v-c9fcab65]{border:2px dashed #ccc;border-radius:5px;padding:20px;text-align:center;cursor:pointer;margin-bottom:20px}.dropzone[data-v-c9fcab65]:hover,.dropzone.dragging[data-v-c9fcab65]{background-color:#f8f8f8}.file-status[data-v-c9fcab65]{border:1px solid #ccc;padding:10px;width:300px;text-align:center}.progress-bar[data-v-c9fcab65]{background-color:#e0e0e0;border-radius:2px;height:10px;width:100%}.progress[data-v-c9fcab65]{background-color:#4caf50;height:100%;border-radius:2px}html,body{margin:0;padding:0;height:100vh;display:flex;justify-content:center;align-items:center;background-color:#f4f4f4}.login-container{background-color:#343a40;padding:20px;border-radius:5px;box-shadow:0 4px 8px #0000004d;width:300px;max-height:30vh;display:flex;flex-direction:column;align-items:center}.logo-container{margin-bottom:20px}.login-form{width:100%;display:flex;flex-direction:column;align-items:center}.form-group{width:100%;margin-bottom:15px}.form-group input{width:calc(100% - 20px);padding:10px;border-radius:5px;border:none;margin-bottom:10px;color:#fff;background-color:transparent}button{width:calc(100% - 20px);background-color:#dc3545;color:#fff;padding:10px;border:none;border-radius:5px;cursor:pointer}button:hover{background-color:#c82333}input::placeholder{color:#bbb}