@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800&display=swap);:root{--light:#f6f6f9;--primary:#1976d2;--light-primary:#cfe8ff;--grey:#eee;--dark-grey:#aaa;--dark:#363949;--danger:#d32f2f;--light-danger:#fecdd3;--warning:#fbc02d;--light-warning:#fff2c6;--success:#388e3c;--light-success:#bbf7d0}html{overflow-x:hidden}body.dark{--light:#181a1e;--grey:#25252c;--dark:#fbfbfb}body{background:#eee;background:var(--grey);font-size:16px;overflow-x:hidden}.text-red{color:#d32f2f;color:var(--danger)}.text-primary{color:#1976d2;color:var(--primary)}*{box-sizing:border-box;font-family:Montserrat,sans-serif;margin:0;padding:0}body .w-md-editor-text-input,body .w-md-editor-text-pre>code{font-family:Montserrat,sans-serif!important;font-size:16px!important;line-height:24px!important}.wmde-markdown h1{font-size:1.2em}.wmde-markdown h2{font-size:1.1em}.card{background-color:#fff;box-shadow:1px 1px 3px #0000001a;margin-top:.5rem;padding:1.25rem 1.5rem}.alert,.card{border-radius:.5rem;margin-bottom:1rem}.alert{background-color:#ff4040;color:#fff;padding:1rem}.notification{border-radius:.5rem;bottom:1rem;color:#fff;padding:1rem 1.5rem;position:fixed;right:1rem;z-index:100}.danger,.notification.error{background-color:#d32f2f!important;background-color:var(--danger)!important}.notification.success{background-color:#388e3c;background-color:var(--success)}.login-signup-form{align-items:center;display:flex;height:100vh;justify-content:center}.login-signup-form .form{background:#fff;box-shadow:0 0 2px 0 #0000001a;max-width:450px;position:relative;width:100%;z-index:1}.login-signup-form img{width:60px}.login-signup-form .logo{padding:1em;text-align:center}.login-signup-form .logo h2{font-size:1em;font-weight:500}.login-signup-form .logo h3{color:#d32f2f;color:var(--danger);font-size:1em}.login-signup-form .form form{padding:20px 34px}.login-signup-form .form .title{font-size:1.5em;font-weight:600;text-align:center;text-transform:uppercase}.login-signup-form .form .message{color:#b3b3b3;font-size:16px;margin:15px 0 0;text-align:center}.login-signup-form .form .message a{color:#5b08a7;text-decoration:none}.form form>button,.form form>div{margin-top:1em}.form label{display:block;font-weight:500;margin-bottom:.3em}.form input,.form select,.form textarea{border:1px solid #1976d2;border:1px solid var(--primary);border-radius:.5em;padding:.7em 1em;width:100%}.form input:focus,.form textarea:focus{border:1px dashed #1976d2;border:1px dashed var(--primary);outline:none}.form button{background-color:#1976d2;background-color:var(--primary);border:none;border-radius:.5em;color:#fff;padding:.6em .8em;width:100%}.bx,.form button{cursor:pointer}.btn{grid-gap:10px;align-items:center;background:#1976d2;background:var(--primary);border:none;border-radius:1em;color:#f6f6f9;color:var(--light);display:flex;font-weight:500;justify-content:center;padding:.5em 2em}.bg-primary.bg-opacity-30{background-color:color-mix(in srgb,#1976d2 30%,#0000);background-color:color-mix(in srgb,var(--primary) 30%,#0000)}.flex{display:flex}.flex-space{justify-content:space-between}.flex-grow{flex-grow:1}.flex.item-center{align-items:center}.col-2{grid-gap:24px;display:grid;grid-template-columns:repeat(auto-fit,minmax(480px,1fr))}.col-4{grid-gap:24px;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.text-right{text-align:right}.mx-auto{margin-left:auto;margin-right:auto}.my-3{margin-bottom:.75em;margin-top:.75em}.mt-auto{margin-top:auto}.ml-auto{margin-left:auto}.ml-4{margin-left:1em}.my-4{margin-bottom:1em;margin-top:1em}.primary{background-color:#1976d2;background-color:var(--primary);color:#1976d2;color:var(--primary)}.border-t{border-top:1px solid #1976d2;border-top:1px solid var(--primary)}.py-4{padding-bottom:1em;padding-top:1em}.h-100{height:100%}.sidebar .bx{font-size:1.7rem}.fs-1{font-size:1em}a{cursor:pointer;text-decoration:none}.sidebar{background:#f6f6f9;background:var(--light);height:100%;left:0;overflow-x:hidden;position:fixed;scrollbar-width:none;top:0;transition:all .3s ease;width:200px;z-index:1200}.sidebar::-webkit-scrollbar{display:none}.sidebar.close{width:60px}.sidebar .logo{align-items:center;box-sizing:initial;color:#1976d2;color:var(--primary);display:flex;font-size:24px;font-weight:700;height:46px;padding-bottom:30px;z-index:500}.sidebar .logo .logo-name span{color:#363949;color:var(--dark)}.sidebar .logo .bx{display:flex;font-size:2.2rem;justify-content:center;min-width:60px}.sidebar .side-menu{width:100%}.sidebar .side-menu li{background:#0000;border-radius:48px 0 0 48px;height:48px;margin-left:6px;padding:4px}.sidebar .side-menu li.active{background:#eee;background:var(--grey);font-weight:500;position:relative}.sidebar .side-menu li.active:before{box-shadow:20px 20px 0 #eee;box-shadow:20px 20px 0 var(--grey);top:-40px}.sidebar .side-menu li.active:after,.sidebar .side-menu li.active:before{border-radius:50%;content:"";height:40px;position:absolute;right:0;width:40px;z-index:-1}.sidebar .side-menu li.active:after{bottom:-40px;box-shadow:20px -20px 0 #eee;box-shadow:20px -20px 0 var(--grey)}.sidebar .side-menu li a{align-items:center;background:#f6f6f9;background:var(--light);border-radius:48px;color:#363949;color:var(--dark);display:flex;font-size:16px;height:100%;overflow-x:hidden;transition:all .3s ease;white-space:nowrap;width:100%}.sidebar .side-menu li.active a{color:#388e3c;color:var(--success)}.sidebar.close .side-menu li a{transition:all .3s ease;width:40px}.sidebar .side-menu li a .bx,.sidebar .side-menu li a svg{display:flex;justify-content:center;min-width:40px}.sidebar .side-menu li a.logout{color:#d32f2f;color:var(--danger)}.main-content{left:200px;position:relative;transition:all .3s ease;width:calc(100% - 200px)}.sidebar.close~.main-content{left:60px;width:calc(100% - 60px)}.main-content nav{grid-gap:24px;align-items:center;background:#f6f6f9;background:var(--light);display:flex;height:46px;left:0;padding:0 24px 0 0;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.main-content nav:before{border-radius:50%;bottom:-40px;box-shadow:-20px -20px 0 #f6f6f9;box-shadow:-20px -20px 0 var(--light);content:"";height:40px;left:0;position:absolute;width:40px}.main-content nav .bx.bx-menu,.main-content nav a{color:#363949;color:var(--dark)}.main-content nav .bx.bx-menu{cursor:pointer}.main-content nav form{margin-right:auto;max-width:400px;width:100%}.main-content nav form .form-input{align-items:center;display:flex;height:36px}.main-content nav form .form-input input{background:#eee;background:var(--grey);border:none;border-radius:36px 0 0 36px;color:#363949;color:var(--dark);flex-grow:1;height:100%;outline:none;padding:0 16px;width:100%}.main-content nav form .form-input button{align-items:center;background:#1976d2;background:var(--primary);border:none;border-radius:0 36px 36px 0;color:#f6f6f9;color:var(--light);cursor:pointer;display:flex;font-size:18px;height:100%;justify-content:center;outline:none;width:80px}.main-content nav .notif{font-size:20px;position:relative}.main-content nav .notif .count{align-items:center;background:#d32f2f;background:var(--danger);border:2px solid #f6f6f9;border:2px solid var(--light);border-radius:50%;color:#f6f6f9;color:var(--light);display:flex;font-size:12px;font-weight:700;height:20px;justify-content:center;position:absolute;right:-6px;top:-6px;width:20px}.main-content nav .profile img{border-radius:50%;height:36px;object-fit:cover;width:36px}.main-content nav .theme-toggle{background:#eee;background:var(--grey);border-radius:25px;cursor:pointer;display:block;height:25px;min-width:50px;position:relative}.main-content nav .theme-toggle:before{background:#1976d2;background:var(--primary);border-radius:50%;bottom:2px;content:"";left:2px;position:absolute;top:2px;transition:all .3s ease;width:21px}.main-content nav #theme-toggle:checked+.theme-toggle:before{left:calc(100% - 23px)}.main-content main{padding:1.2em;width:100%}.main-content main .header{grid-gap:16px;align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between}.main-content main .header .left h1{color:#363949;color:var(--dark);font-size:36px;font-weight:600;margin-bottom:10px}.main-content main .header .left .breadcrumb{grid-gap:16px;align-items:center;display:flex}.main-content main .header .left .breadcrumb li{color:#363949;color:var(--dark)}.main-content main .header .left .breadcrumb li a{color:#aaa;color:var(--dark-grey)}.main-content main .header .left .breadcrumb li a.active{color:#1976d2;color:var(--primary);pointer-events:none}.main-content main .header .report{grid-gap:10px;align-items:center;background:#1976d2;background:var(--primary);border-radius:36px;color:#f6f6f9;color:var(--light);display:flex;font-weight:500;height:36px;justify-content:center;padding:0 16px}.main-content main .insights{grid-gap:24px;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-top:36px}.main-content main .insights li{grid-gap:24px;align-items:center;background:#f6f6f9;background:var(--light);border-radius:20px;cursor:pointer;display:flex;padding:24px}.main-content main .insights li .bx{align-items:center;border-radius:10px;display:flex;font-size:36px;height:80px;justify-content:center;width:80px}.main-content main .insights li:first-child .bx{background:#cfe8ff;background:var(--light-primary);color:#1976d2;color:var(--primary)}.main-content main .insights li:nth-child(2) .bx{background:#fff2c6;background:var(--light-warning);color:#fbc02d;color:var(--warning)}.main-content main .insights li:nth-child(3) .bx{background:#bbf7d0;background:var(--light-success);color:#388e3c;color:var(--success)}.main-content main .insights li:nth-child(4) .bx{background:#fecdd3;background:var(--light-danger);color:#d32f2f;color:var(--danger)}.main-content main .insights li .info h3{color:#363949;color:var(--dark);font-size:24px;font-weight:600}.main-content main .data,.main-content main .insights li .info p{color:#363949;color:var(--dark)}.main-content main .data{grid-gap:24px;display:flex;flex-wrap:wrap;width:100%}.main-content main .data>div{background:#f6f6f9;background:var(--light);border-radius:20px;max-height:calc(100vh - 46px - 3rem);overflow-x:auto;padding:1em}.main-content main .data .header{grid-gap:16px;align-items:center;display:flex;margin-bottom:24px}.main-content main .data .header h3{font-size:24px;font-weight:600;margin-right:auto}.main-content main .data .header .bx{cursor:pointer}.main-content main .data .orders{flex-basis:500px;flex-grow:1}.main-content main .data .orders table{border-collapse:collapse;white-space:nowrap;width:100%}.main-content main .data .orders table th{border-bottom:1px solid #eee;border-bottom:1px solid var(--grey);font-size:13px;padding-bottom:12px;text-align:left}.main-content main .data .orders table td{padding:16px 0}.main-content main .data .orders table tr td:first-child{grid-gap:12px;align-items:center;padding-left:1em}.main-content main .data .orders table td img{border-radius:50%;height:36px;object-fit:cover;width:36px}.main-content main .data .orders table tbody tr{cursor:pointer;padding:0 1em;transition:all .3s ease}.main-content main .data .orders table tbody tr:hover{background:#eee;background:var(--grey)}.main-content main .data .orders table tr td .status{border-radius:20px;color:#f6f6f9;color:var(--light);font-size:10px;font-weight:700;padding:6px 16px}.main-content main .data .orders table tr td .status.completed{background:#388e3c;background:var(--success)}.main-content main .data .orders table tr td .status.process{background:#1976d2;background:var(--primary)}.main-content main .data .orders table tr td .status.pending{background:#fbc02d;background:var(--warning)}.main-content main .data .reminders{flex-basis:300px;flex-grow:1}.main-content main .data .reminders .task-list{width:100%}.main-content main .data .reminders .task-list li{align-items:center;background:#eee;background:var(--grey);border-radius:10px;display:flex;justify-content:space-between;margin-bottom:16px;padding:10px 14px;width:100%}.main-content main .data .reminders .task-list li .task-title{align-items:center;display:flex}.main-content main .data .reminders .task-list li .task-title p{line-clamp:1;-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;margin-left:6px;overflow:hidden;text-overflow:ellipsis}.main-content main .data .reminders .task-list li .bx{cursor:pointer;margin-left:1em}.message{align-items:center;background:#eee;background:var(--grey);border-radius:10px;justify-content:space-between;margin-bottom:.5em;padding:10px 14px 10px 15px;width:100%}.message.active{border-left:5px solid #388e3c;border-left:5px solid var(--success);padding-left:10px}.main-content main .data .reminders .task-list li.completed{border-left:10px solid #388e3c;border-left:10px solid var(--success)}.main-content main .data .reminders .task-list li.not-completed{border-left:10px solid #d32f2f;border-left:10px solid var(--danger)}.main-content main .data .reminders .task-list li:last-child{margin-bottom:0}@media screen and (max-width:768px){.sidebar{width:200px}.main-content{left:200px;width:calc(100% - 60px)}}@media screen and (max-width:576px){.main-content nav form .form-input input{display:none}.main-content nav form .form-input button{background:#0000;border-radius:none;color:#363949;color:var(--dark);height:auto;width:auto}.main-content nav form.show .form-input input{display:block;width:100%}.main-content nav form.show .form-input button{background:#d32f2f;background:var(--danger);border-radius:0 36px 36px 0;color:#f6f6f9;color:var(--light);height:100%;width:36px}.main-content nav form.show~.notif,.main-content nav form.show~.profile{display:none}.main-content main .insights{grid-template-columns:1fr}.main-content main .data .header,.main-content main .data .orders table,.main-content main .data .reminders .task-list{min-width:340px}}.animated{animation-duration:.3s;animation-fill-mode:both}.fadeInDown{animation-name:fadeInDown}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}