@font-face{font-family:'SF Pro Text';src:url()}@font-face{font-family:'SF Pro Icons';src:url()}@font-face{font-family:Poppins;src:url(../fonts/Poppins/Poppins-Regular.ttf)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888;border-top:3px rgba(84,84,84,0.6) solid;border-bottom:3px rgba(84,84,84,0.6) solid}::-webkit-scrollbar-thumb:hover{background:#555}input[type='search']::-webkit-search-decoration,input[type='search']::-webkit-search-cancel-button,input[type='search']::-webkit-search-results-button,input[type='search']::-webkit-search-results-decoration{display:none}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-transition:background-color 5000000s ease-in-out 0s;transition:background-color 5000000s ease-in-out 0s}*{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box;list-style:none;text-decoration:none;font-family:'SF Pro Text', 'SF Pro Icons', 'Poppins', Arial, sans-serif}*>a{color:currentColor}body{background:#1f2129;overflow-x:hidden}nav{position:fixed;top:0;left:0;background:#312d3d;padding:50px 20px;min-width:280px;max-width:280px;width:280px;height:100vh;text-align:center}nav .logout{position:absolute;top:15px;left:15px;font-size:18px;color:#f1f1f1;cursor:pointer}nav .user{margin:50px 0}nav .user img{width:100px;height:100px;border-radius:50%;margin-bottom:10px}nav .user h3{font-weight:600;font-size:18px;color:#f1f1f1;letter-spacing:3px}nav ul{text-align:left;margin-left:20px}nav ul li{margin:25px 0;color:#f1f1f1}nav ul li i{margin-right:8px;width:30px;text-align:center}nav .color-mode{position:absolute;bottom:15px;right:15px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}nav .color-mode .switch{--line: #505162;--dot: #545675;--circle: #545675;--duration: 0.3s;cursor:pointer}nav .color-mode .switch input{display:none}nav .color-mode .switch input+div{position:relative}nav .color-mode .switch input+div:before,nav .color-mode .switch input+div:after{--s: 1;content:'';position:absolute;height:4px;top:7px;width:18px;background:var(--line);-webkit-transform:scaleX(var(--s));transform:scaleX(var(--s));-webkit-transition:-webkit-transform var(--duration) ease;transition:-webkit-transform var(--duration) ease;transition:transform var(--duration) ease;transition:transform var(--duration) ease, -webkit-transform var(--duration) ease}nav .color-mode .switch input+div:before{--s: 0;left:0;-webkit-transform-origin:0 50%;transform-origin:0 50%;border-radius:2px 0 0 2px}nav .color-mode .switch input+div:after{left:20px;-webkit-transform-origin:100% 50%;transform-origin:100% 50%;border-radius:0 2px 2px 0}nav .color-mode .switch input+div span{padding-left:56px;line-height:24px;color:var(--text)}nav .color-mode .switch input+div span:before{--x: 0;--b: var(--circle);--s: 4px;content:'';position:absolute;left:0px;top:0;width:18px;height:18px;border-radius:50%;-webkit-box-shadow:inset 0 0 0 var(--s) var(--b);box-shadow:inset 0 0 0 var(--s) var(--b);-webkit-transform:translateX(var(--x));transform:translateX(var(--x));-webkit-transition:-webkit-box-shadow var(--duration) ease,-webkit-transform var(--duration) ease;transition:-webkit-box-shadow var(--duration) ease,-webkit-transform var(--duration) ease;transition:box-shadow var(--duration) ease,transform var(--duration) ease;transition:box-shadow var(--duration) ease,transform var(--duration) ease,-webkit-box-shadow var(--duration) ease,-webkit-transform var(--duration) ease}nav .color-mode .switch input+div span:not(:empty){padding-left:64px}nav .color-mode .switch input:checked+div:before{--s: 1}nav .color-mode .switch input:checked+div:after{--s: 0}nav .color-mode .switch input:checked+div span:before{--x: 20px;--s: 12px;--b: var(--dot)}main:not(.login-container){margin-left:280px;width:calc(100% - 280px);min-height:100vh;height:100%}.login-menu{position:absolute;top:30px;right:50px;display:-webkit-box;display:-ms-flexbox;display:flex;color:#f1f1f1}.login-menu i{font-size:20px;margin:auto;cursor:pointer}.login-menu img{margin-left:25px;width:35px;height:35px;border-radius:50%;border:1px #f1f1f1 solid;cursor:pointer}.icon-scroll{display:none;position:absolute;left:50%;width:20px;height:35px;margin-left:-10px;bottom:10px;margin-top:-17.5px;-webkit-box-shadow:inset 0 0 0 1px #f1f1f1;box-shadow:inset 0 0 0 1px #f1f1f1;border-radius:25px}.icon-scroll:before{position:absolute;left:50%;content:'';width:4px;height:4px;background:#f1f1f1;margin-left:-2px;top:4px;border-radius:4px;-webkit-animation:scroll 1.5s infinite;animation:scroll 1.5s infinite}@-webkit-keyframes scroll{0%{opacity:1}100%{opacity:0;-webkit-transform:translateY(23px);transform:translateY(23px)}}@keyframes scroll{0%{opacity:1}100%{opacity:0;-webkit-transform:translateY(23px);transform:translateY(23px)}}body{height:100vh;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.login-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;max-width:1100px;width:auto;min-height:60vh;height:auto;background:#f1f1f1;padding:50px 80px;border-radius:30px}.login-container img{width:400px;height:auto;margin-right:150px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none}.login-container form{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.login-container form h1{font-size:24px;font-weight:bold;text-transform:uppercase;letter-spacing:5px;margin-bottom:40px}.login-container form span.error{color:#ff4b3a;font-style:italic;font-size:12px}.login-container form input{width:250px;height:30px;padding:8px 15px;margin:20px 0;border-radius:30px;outline:transparent;border:1px #1f2129 solid}.login-container form input[type='submit']{width:150px;cursor:pointer;padding:5px 0;-webkit-transition:0.3s linear;transition:0.3s linear}.login-container form input[type='submit']:hover{background:#1f2129;color:#f1f1f1;font-weight:bold}.login-container form a{margin-top:30px;font-size:14px;color:#ff9f43;font-style:italic}.login-container form a::after{content:'';display:block;-webkit-transform:scaleX(0);transform:scaleX(0);max-width:40px;height:2px;margin:auto;background:#ff9f43;-webkit-transition:0.3s linear;transition:0.3s linear}.login-container form a:hover::after{-webkit-transform:scaleX(1);transform:scaleX(1)}