:root{--dark: #34495E;--dark1: #1e293b;--light: #ffffff;--success: #0ABF30;--error: #E24D4C;--warning: #E9BD0C;--info: #3498DB;--primary: #A51C24;--light-primary: #d03f48;--bg1: #a1cbe6;--bg2: #f2f4f6;--light-text: #B2BEB5}html,body{margin:0;height:100%;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:10pt}#root{height:100%}:focus{outline:none}.app{height:100%;background:linear-gradient(to bottom,var(--bg1),var(--light));display:flex;justify-content:center;align-items:center}.app .signin-container,.app .signup-container{background:#fff;border-radius:10px;width:400px;padding:20px;box-shadow:0 10px 20px #ccc;display:flex;flex-direction:column}.app .signin-container .logo-container,.app .signup-container .logo-container{width:100%;display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.app .signin-container .logo-container h2,.app .signup-container .logo-container h2{color:var(--primary)}.app .signup-container .logo-container{margin-bottom:10px}.app .signin-container .logo-container .logo,.app .signup-container .logo-container .logo{width:160px;height:60px}.app .signin-container .input-group,.app .signup-container .input-group{width:100%;margin-bottom:20px;position:relative}.app .signup-container .input-group{margin-bottom:10px}.app .signin-container .input-group img,.app .signup-container .input-group img{height:16px;position:absolute;top:50%;transform:translateY(-50%)}.app .signin-container .input-group .left-icon,.app .signup-container .input-group .left-icon{left:5px}.app .signin-container .input-group .right-icon,.app .signup-container .input-group .right-icon{right:5px;height:22px;cursor:pointer}.app .signin-container .input-group input,.app .signup-container .input-group input{width:100%;height:45px;border:none;background:#f2f2f2;padding:0 25px;border-radius:10px;box-sizing:border-box}.app .signin-container .forgot-password{width:100%;text-align:right;padding-bottom:20px}.app .signin-container .forgot-password label,.app .signin-container p label,.app .signup-container p label{cursor:pointer;color:#1e90ff;font-weight:600}.app .signin-container button,.app .signup-container button{border:none;height:40px;background:var(--primary);color:#fff;border-radius:10px}.app .signin-container button:hover,.app .signup-container button:hover{cursor:pointer;background:var(--light-primary)}.app .signin-container .input-group .error,.app .signup-container .input-group .error{border:1px solid red}@media(max-width:768px){.app .signin-container,.app .signup-container{width:350px}}.notifications{position:fixed;top:20px;right:20px;width:300px;z-index:999}.notifications .toast{margin-top:10px;width:300px;box-shadow:5px 5px 10px #888;position:relative;list-style:none;border:1px solid silver;border-radius:4px;padding:10px;background:var(--light);animation:show_toast .3s ease forwards}.notifications .toast .hide{animation:hide_toast .3s ease forwards}.notifications .toast .column{display:flex;align-items:center}.notifications .toast .column img{width:24px}.notifications .toast:before{position:absolute;content:"";height:3px;width:100%;background:red;bottom:0;left:0;animation:progress 5s linear forwards}@keyframes show_toast{0%{transform:translate(100%)}40%{transform:translate(-5%)}80%{transform:translate(0)}to{transform:translate(-10px)}}@keyframes hide_toast{0%{transform:translate(-10px)}40%{transform:translate(0)}80%{transform:translate(-5%)}to{transform:translate(calc(100% + 20px))}}@keyframes progress{to{width:0%}}.notifications .toast.success:before{background:var(--success)}.notifications .toast.error:before{background:var(--error)}.notifications .toast.warning:before{background:var(--warning)}.notifications .toast .column span{font-size:9pt;margin-left:10px}.notifications .toast label{position:fixed;top:0;right:10px;font-size:16pt;color:#aeb0d7;cursor:pointer}.notifications .toast label:hover{color:var(--dark)}.progress{position:fixed;width:100%;height:100%;left:0;top:0;z-index:999;background:url(/loading.gif) no-repeat center center #0000001a;background-size:50px 50px}.home{height:100%;display:grid;grid-template-rows:50px calc(100% - 80px) 30px;grid-template-columns:200px auto}.home .header,.home .footer{grid-column:1 / span 2;background:var(--light);display:flex;align-items:center;justify-content:space-between}.home .header{border-bottom:1px solid rgb(0,0,0,.1)}.home .footer{border-top:1px solid rgb(0,0,0,.1);font-size:8pt}.home .menus{background:var(--light);border-right:1px solid rgb(0,0,0,.1)}.home .workspace{background:var(--bg2);overflow:auto}.home .header img{height:40px;width:110px;margin-left:10px}.home .header div{display:flex;align-items:center}.home .header div label{font-weight:600}.home .header div img{width:24px;height:24px;margin-right:10px}.home .header div img:hover{cursor:pointer;opacity:.6}.menubar{height:100%;overflow:auto}.menubar ul{padding:0;margin:0;list-style:none}.menubar ul li{height:35px;margin-top:2px;padding-left:5px;border-right:2px solid var(--light);border-left:5px solid transparent;display:flex;align-items:center;gap:5px}.menubar ul li.active,.menubar ul li:hover{border-left:5px solid var(--bg1);cursor:pointer;background:var(--bg2);font-weight:500}.menubar ul li img{height:16px}.profile{height:100%;overflow:auto}.profile .container{height:calc(100% - 100px);margin:20px;background:var(--light);border-radius:5px;padding:30px}.profile .container .info{display:flex;align-items:center;gap:30px}.profile .container .info img{height:75px;border:1px solid var(--light-text);border-radius:50px}.profile .container .info div{display:flex;flex-direction:column}.profile .container .info div label{font-size:12pt;font-weight:700}.profile .container .info div span{color:var(--light-text)}.profile .container .info-data{margin-top:20px;border-top:1px solid var(--bg2)}.profile .container .info-data p{display:grid;grid-template-columns:150px auto}