@import "https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap";*{box-sizing:border-box;margin:0;padding:0;font-family:Montserrat,sans-serif}body{background-image:url(/space.jpg);background-size:cover;min-height:100vh}.container{background-color:#fff;border-radius:30px;width:768px;max-width:100%;min-height:480px;overflow:hidden;box-shadow:0 5px 15px #00000059;position:fixed!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important}.container p{letter-spacing:.3px;margin:20px 0;font-size:14px;line-height:20px}.container span{font-size:12px}.container a{color:#052646;margin:15px 0 10px;font-size:13px;text-decoration:none}.container button{color:#fff;letter-spacing:.5px;text-transform:uppercase;cursor:pointer;background-color:#052646;border:1px solid #0000;border-radius:8px;margin-top:10px;padding:10px 45px;font-size:12px;font-weight:600}.container button.hidden{background-color:#0000;border-color:#fff}.container form{background-color:#fff;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:0 40px;display:flex}.container input{background-color:#eee;border:none;border-radius:8px;outline:none;width:100%;margin:8px 0;padding:10px 15px;font-size:13px}.form-container{height:100%;transition:all .6s ease-in-out;position:absolute;top:0}.form-container h1{color:#052646}.sign-in{z-index:2;width:50%;left:0}.container.active .sign-in{transform:translate(100%)}.sign-up{opacity:0;z-index:1;width:50%;left:0}.container.active .sign-up{opacity:1;z-index:5;animation:.6s move;transform:translate(100%)}@keyframes move{0%,49.99%{opacity:0;z-index:1}50%,to{opacity:1;z-index:5}}.toggle-container{z-index:1000;border-radius:150px 0 0 100px;width:50%;height:100%;transition:all .6s ease-in-out;position:absolute;top:0;left:50%;overflow:hidden}.container.active .toggle-container{border-radius:0 150px 100px 0;transform:translate(-100%)}.toggle{color:#fff;background:#052646;width:200%;height:100%;transition:all .6s ease-in-out;position:relative;left:-100%;transform:translate(0)}.container.active .toggle{transform:translate(50%)}.toggle-panel{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:50%;height:100%;padding:0 30px;transition:all .6s ease-in-out;display:flex;position:absolute;top:0;transform:translate(0)}.toggle-left{transform:translate(-200%)}.container.active .toggle-left{transform:translate(0)}.toggle-right{right:0;transform:translate(0)}.container.active .toggle-right{transform:translate(200%)}body.swal2-shown{overflow:hidden!important}.dashboard-container{box-sizing:border-box;flex:1;gap:20px;width:100%;padding:20px;display:flex;overflow:hidden}.dashboard-left,.dashboard-right{background-color:#ffffffe6;border:1px solid #ccc;border-radius:10px;flex:1;padding:10px;position:relative;overflow-y:auto}.dashboard-left h2,.dashboard-right h2{color:#052646e6;margin-bottom:10px}.dashboard-left ul,.dashboard-right ul{list-style:none}.dashboard-left li,.dashboard-right li{margin-bottom:8px}.dashboard-left a,.dashboard-right a{color:#052646cc;font-weight:500;text-decoration:none}.dashboard-right-placeholder{color:#666;justify-content:center;align-items:center;height:100%;font-size:18px;display:flex}.fetched-at{color:#555;font-size:12px;position:absolute;bottom:10px;right:10px}.dashboard-page{flex-direction:column;width:100%;min-height:100vh;display:flex}.dashboard-header{color:#fff;background-color:#052646e6;flex-shrink:0;justify-content:space-between;align-items:center;padding:15px 30px;display:flex}.dashboard-user{align-items:center;gap:20px;display:flex}.dashboard-user button{color:#052646;cursor:pointer;background-color:#fff;border:none;border-radius:5px;padding:8px 20px;font-weight:700}