:root{--primary-color:#ee5700;--primary-light:color-mix(in srgb,var(--primary-color)20%,#fff 80%);--primary-dark:color-mix(in srgb,var(--primary-color)70%,#000 30%);--secondary-color:#03dac6;--secondary-light:color-mix(in srgb,var(--secondary-color)70%,#fff 30%);--secondary-dark:color-mix(in srgb,var(--secondary-color)70%,#000 30%);--background-color:#f5f5f5;--text-color:#212121;--menu-hover:#ddd;--reverse-color:#fff;--control-border-color:#ddd;--control-background-color:#fff;--nav-width:250px;--rotate45:rotate(45deg)}html *{color:var(--text-color);box-sizing:border-box;outline:none;margin:0;padding:0;font-size:16px;line-height:1.5}html[dir=ltr] *{--rotate45:rotate(45deg);font-family:Roboto,Vazirmatn,sans-serif}html[dir=ltr] * .user-dialog{transform:translate(-100%,9px)}html[dir=rtl] *{--rotate45:rotate(-45deg);font-family:Vazirmatn,Roboto,sans-serif}html[dir=rtl] * .flip{transform:scaleX(-1)}html[dir=rtl] * .user-dialog{transform:translate(100%,9px)}body{background:var(--background-color);overflow:hidden}body #zilo{flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;overflow:hidden}.modal,.confirm,.errors{opacity:0;pointer-events:none;z-index:1000;background:0 0;justify-content:center;align-items:center;transition:all .3s;display:flex;position:fixed;inset:0;overflow:hidden}.modal .content,.confirm .content,.errors .content{opacity:0;background:#fff;border-radius:8px;flex-direction:column;align-items:center;width:100%;max-height:100vh;transition:all .3s;display:flex;transform:translateY(20px)scale(.95)}.modal .content header,.confirm .content header,.errors .content header{border-bottom:1px solid var(--control-border-color);flex:1;justify-content:space-between;align-items:center;width:calc(100% - 3rem);margin:0 1.5rem;padding:1.5rem 0 20px;display:flex;position:relative}.modal .content header button,.confirm .content header button,.errors .content header button{cursor:pointer;background:0 0;border:none;border-radius:5px;width:28px;height:28px;padding:5px;transition:all .3s}.modal .content header button:hover,.confirm .content header button:hover,.errors .content header button:hover{background:var(--menu-hover)}.modal .content main,.confirm .content main,.errors .content main{flex-wrap:wrap;gap:15px;width:100%;padding:20px 1.5rem;display:flex;position:relative;overflow:auto}.modal .content main>*,.confirm .content main>*,.errors .content main>*{width:calc(50% - 7.5px)}.modal .content main>.full,.confirm .content main>.full,.errors .content main>.full{width:100%!important}.modal .content main h2,.confirm .content main h2,.errors .content main h2{width:100%}.modal .content main nav,.confirm .content main nav,.errors .content main nav{justify-content:flex-end;align-items:center;display:flex;position:relative}.modal .content main nav .button,.confirm .content main nav .button,.errors .content main nav .button{align-items:center;gap:15px;width:fit-content;padding:0 15px;display:flex}.modal .content main nav .button span,.confirm .content main nav .button span,.errors .content main nav .button span{color:var(--reverse-color)}.modal .content main fieldset,.confirm .content main fieldset,.errors .content main fieldset{border:none;border-top:1px solid var(--primary-color);flex-wrap:wrap;gap:15px;width:100%;padding:15px 0;display:flex;position:relative}.modal .content main fieldset>*,.confirm .content main fieldset>*,.errors .content main fieldset>*{width:calc(50% - 7.5px)}.modal .content main fieldset legend,.confirm .content main fieldset legend,.errors .content main fieldset legend{width:fit-content;color:var(--primary-color);margin:0 15px;padding:0 10px;font-weight:700}.modal .content>footer,.confirm .content>footer,.errors .content>footer{border-top:1px solid var(--control-border-color);justify-content:center;align-items:center;gap:10px;width:calc(100% - 3rem);margin:0 1.5rem;padding:15px 0 1.5rem;display:flex;position:relative}.modal .content>footer button,.confirm .content>footer button,.errors .content>footer button{width:auto;min-width:150px}.modal.show,.confirm.show,.errors.show{opacity:1;pointer-events:auto;background:#0006}.modal.show .content,.confirm.show .content,.errors.show .content{opacity:1;transform:translateY(0)scale(1)}.modal.small .content,.confirm.small .content,.errors.small .content{max-width:300px}.modal.medium .content,.confirm.medium .content,.errors.medium .content{max-width:500px}.modal.large .content,.confirm.large .content,.errors.large .content{max-width:900px}.modal.full .content,.confirm.full .content,.errors.full .content{max-width:100%;height:100%}.confirm .content{border-radius:30px;width:100%;max-width:400px;padding-top:1.5rem}.confirm .content svg{width:28px;height:28px;stroke:var(--color);background:color-mix(in srgb,var(--color)20%,#fff 80%);box-shadow:0 0 0px 14px color-mix(in srgb,var(--color)10%,transparent 90%),0 0 0px 22px color-mix(in srgb,var(--color)10%,transparent 90%);border-radius:100%;margin:30px 0 40px}.confirm .content footer{border:none;margin-top:15px}.confirm .content footer button{width:100%}.confirm.delete{--color:#f14647}.confirm.delete button.fill{background:var(--color)}.confirm.delete button.fill:hover{background:color-mix(in srgb,var(--color)80%,#000 20%)}.errors{--color:#f14647}.errors .content{border-radius:15px;width:100%;max-width:400px}.errors .content header h2{align-items:center;gap:10px;display:flex;position:relative}.errors .content header h2 svg{width:20px;height:20px;stroke:var(--color)}.errors .content main p{align-items:center;gap:10px;width:100%;display:flex;position:relative}.errors .content main p span{background:var(--color);width:8px;height:8px;transform:var(--rotate45);display:flex;position:relative}.errors .content main p span:before{content:"";z-index:1;background:#fff;border-radius:100%;width:100%;height:100%;display:block;position:relative;inset:3px -3px}svg{fill:none;stroke-width:2px;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;width:16px;height:16px;transition:all .3s}svg.small{width:14px;height:14px}svg.large{width:18px;height:18px}svg.loading{stroke-width:6px;width:24px;height:24px;animation:2s linear infinite rotate}svg.loading path,svg.loading circle{stroke:currentColor}svg.loading path{stroke-linecap:round;animation:3s ease-in-out infinite dash}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes dash{0%{stroke-dasharray:0 150;stroke-dashoffset:0}33%{stroke-dasharray:30 150;stroke-dashoffset:0}66%{stroke-dasharray:30 150;stroke-dashoffset:-30px}to{stroke-dasharray:0 150;stroke-dashoffset:0}}.input{border:2px solid var(--control-border-color);background:var(--control-background-color);border-radius:8px;flex-direction:column;width:100%;height:52px;transition:all .3s;display:flex;position:relative}.input label{pointer-events:none;-webkit-user-select:none;user-select:none;align-items:center;width:100%;height:100%;padding:0 10px;transition:all .3s;display:flex;position:absolute}.input input{appearance:none;background:0 0;border:none;width:100%;height:100%;padding:16px 10px 0}.input input::-ms-reveal{display:none}.input input::-webkit-reveal{display:none}.input input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.input input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.input .action{background:0 0;border:none;border-radius:5px;justify-content:center;align-items:center;gap:5px;width:30px;height:30px;margin:auto;transition:all .3s;display:flex;position:absolute;inset:0 calc(100% - 40px)}.input .action button{cursor:pointer;background:0 0;border:none;border-radius:5px;justify-content:center;align-items:center;width:30px;height:30px;transition:all .3s;display:flex;position:relative}.input .action button:hover{background:var(--menu-hover)}.input .action.two{width:70px;left:calc(100% - 80px);right:calc(100% - 80px)}.input .currency{justify-content:center;align-items:center;width:60px;display:flex;position:absolute;inset:0 calc(100% - 70px)}.input .currency button{cursor:pointer;background:0 0;border:none;border-radius:5px;justify-content:space-between;align-items:center;width:100%;height:30px;padding:0 8px;transition:all .3s;display:flex;position:relative}.input .currency button span{font-size:90%;line-height:0}.input .currency button:hover{background:var(--menu-hover)}.input.filled label{color:#999;padding-bottom:20px;font-size:75%}.input:focus-within{border-color:var(--primary-color)}.input:focus-within label{color:var(--primary-color);padding-bottom:20px;font-size:75%}.view{background:#8080801a;border:2px solid #0000;border-radius:8px;flex-direction:column;width:100%;height:52px;transition:all .3s;display:flex;position:relative}.view label{color:#999;pointer-events:none;-webkit-user-select:none;user-select:none;align-items:center;width:100%;height:100%;padding:0 10px 20px;font-size:75%;transition:all .3s;display:flex;position:absolute}.view p{appearance:none;background:0 0;border:none;width:100%;height:100%;padding:20px 10px 0}.date{border:2px solid var(--control-border-color);background:var(--control-background-color);border-radius:8px;flex-direction:column;width:100%;height:52px;transition:all .3s;display:flex;position:relative}.date label{pointer-events:none;-webkit-user-select:none;user-select:none;align-items:center;width:100%;height:100%;padding:0 10px;transition:all .3s;display:flex;position:absolute}.date input{appearance:none;background:0 0;border:none;width:100%;height:100%;padding:16px 10px 0}.date input:read-only{cursor:default}.date input::-ms-reveal{display:none}.date input::-webkit-reveal{display:none}.date .icon{pointer-events:none;opacity:.5;width:16px;height:16px;margin:auto;transition:all .3s;display:block;position:absolute;inset:-5px calc(100% - 32px) 0}.date .icon svg path,.date .icon svg circle,.date .icon svg rect{color:var(--text-color);transition:all .3s}.date .popup{-webkit-user-select:none;user-select:none;z-index:100;gap:5px;min-height:200px;max-height:346px;display:flex;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow:hidden}.date .popup .calendar{border:1px solid var(--control-border-color);background:var(--control-background-color);-webkit-user-select:none;user-select:none;z-index:100;border-radius:8px;width:100%;max-width:300px;height:fit-content;padding:5px;position:relative;overflow:hidden}.date .popup .calendar .header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.date .popup .calendar .header .title{gap:5px;display:flex;position:relative}.date .popup .calendar .header button{cursor:pointer;background:0 0;border:none;border-radius:5px;justify-content:center;align-items:center;min-width:32px;height:32px;padding:0 8px;transition:all .3s;display:flex}.date .popup .calendar .header button:hover{background:var(--menu-hover)}.date .popup .calendar .picker{gap:6px;display:grid}.date .popup .calendar .picker .name{text-align:center;color:var(--text-color);opacity:.6;font-size:14px}.date .popup .calendar .picker button{text-align:center;height:32px;color:var(--text-color);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:5px;justify-content:center;align-items:center;font-size:14px;transition:all .3s;display:flex}.date .popup .calendar .picker button.in-range{background:var(--primary-light)}.date .popup .calendar .picker button.range-start,.date .popup .calendar .picker button.range-end{background:var(--primary-color);color:#fff}.date .popup .calendar .picker button.today{border-color:var(--control-border-color)}.date .popup .calendar .picker button:hover{background:var(--menu-hover)}.date .popup .calendar .picker button:hover.in-range{background:var(--primary-light)}.date .popup .calendar .picker button:hover.range-start,.date .popup .calendar .picker button:hover.range-end{background:var(--primary-color)}.date .popup .calendar .picker button.selected{color:var(--reverse-color);border-color:var(--primary-color);background:var(--primary-color)}.date .popup .calendar .picker.days{grid-template-columns:repeat(7,1fr)}.date .popup .calendar .picker.months{grid-template-columns:repeat(3,1fr)}.date .popup .calendar .picker.years{grid-template-columns:repeat(4,1fr);max-height:200px;overflow-y:auto}.date .popup .calendar .footer{border-top:1px solid var(--control-border-color);justify-content:space-between;align-items:center;margin-top:5px;padding-top:5px;display:flex}.date .popup .calendar .footer .filter{gap:5px;display:flex;position:relative}.date .popup .calendar .footer button{cursor:pointer;background:0 0;border:none;border-radius:5px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .3s;display:flex}.date .popup .calendar .footer button:hover{background:var(--menu-hover)}.date .popup .time{border:1px solid var(--control-border-color);background:var(--control-background-color);-webkit-user-select:none;user-select:none;z-index:100;border-radius:8px;gap:3px;width:fit-content;padding:5px;display:flex;position:relative;overflow:hidden}.date .popup .time .column{scroll-snap-type:y mandatory;scrollbar-width:none;flex-direction:column;gap:5px;display:flex;position:relative;overflow-y:auto}.date .popup .time .column .item{scroll-snap-align:center;cursor:pointer;background:0 0;border:none;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:32px;font-size:14px;transition:all .3s;display:flex;position:relative}.date .popup .time .column .item.active{color:var(--reverse-color);background:var(--primary-color)}.date .popup .time .column .item:hover{background:var(--menu-hover)}.date .popup .time .column .item:hover.active{background:var(--primary-color)}.date .popup .time hr{background:var(--control-border-color);border:none;width:1px;height:100%}.date.filled label{color:#999;padding-bottom:20px;font-size:75%}.date:focus-within{border-color:var(--primary-color)}.date:focus-within label{color:var(--primary-color);padding-bottom:20px;font-size:75%}.date:focus-within .icon{opacity:1}.date:focus-within .icon svg path,.date:focus-within .icon svg circle,.date:focus-within .icon svg rect{color:var(--primary-color)}.select{border:2px solid var(--control-border-color);background:var(--control-background-color);-webkit-user-select:none;user-select:none;border-radius:8px;flex-direction:column;width:100%;height:52px;transition:all .3s;display:flex;position:relative}.select label{pointer-events:none;align-items:center;width:100%;height:100%;padding:0 10px;transition:all .3s;display:flex;position:absolute}.select .display,.select input{background:0 0;border:none;width:100%;height:100%;padding:20px 10px 0}.select input:read-only{cursor:default}.select .icon{pointer-events:none;opacity:.5;width:16px;height:16px;margin:auto;transition:all .3s;display:block;position:absolute;inset:-6px calc(100% - 32px) 0}.select .icon svg path{color:var(--text-color);transition:all .3s}.select.filled label{color:#999;padding-bottom:20px;font-size:75%}.select:focus-within{border-color:var(--primary-color)}.select:focus-within label{color:var(--primary-color);padding-bottom:20px;font-size:75%}.select:focus-within .icon{opacity:1}.select:focus-within .icon svg path{color:var(--primary-color)}.items{border:1px solid var(--control-border-color);background:var(--control-background-color);z-index:10000;border-radius:8px;flex-direction:column;gap:3px;max-height:220px;padding:5px;display:flex;position:absolute;overflow-y:auto}.items .item{border-radius:5px;justify-content:space-between;align-items:center;gap:2px;display:flex;position:relative}.items .item button{cursor:pointer;background:0 0;border:none;border-radius:5px;justify-content:center;align-items:center;width:34px;height:34px;transition:all .3s;display:flex;position:relative}.items .item button:hover{background:var(--menu-hover)}.items .item p{-webkit-user-select:none;user-select:none;cursor:pointer;border-radius:5px;justify-content:space-between;align-items:center;width:100%;height:34px;padding:0 10px;transition:all .3s;display:flex}.items .item.highlight{background:var(--menu-hover)}.items .item.selected{background:var(--primary-light)}.items .item.highlight>p,.items .item.selected>p{background:0 0}.toggle{border:2px solid var(--control-border-color);background:var(--control-background-color);-webkit-user-select:none;user-select:none;cursor:pointer;border-radius:8px;flex-direction:column;width:100%;height:52px;transition:all .3s;display:flex;position:relative}.toggle label{color:#999;pointer-events:none;align-items:center;width:100%;height:100%;padding:0 10px 20px;font-size:75%;transition:all .3s;display:flex;position:absolute}.toggle .display{pointer-events:none;background:0 0;border:none;width:100%;height:100%;padding:20px 10px 0}.toggle input{appearance:none;background:var(--control-border-color);cursor:pointer;border:none;border-radius:10px;width:26px;height:12px;margin:auto;transition:all .3s;position:absolute;inset:0 calc(100% - 42px)}.toggle input:after{content:"";background:var(--control-background-color);border-radius:10px;width:16px;height:16px;transition:all .3s;display:block;position:relative;inset:-2px;box-shadow:0 0 5px #0006}.toggle input:checked{background:var(--primary-light)}.toggle input:checked:after{background:var(--primary-color);left:calc(100% - 14px);right:calc(100% - 14px)}.toggle:focus-within{border-color:var(--primary-color)}.toggle:focus-within label{color:var(--primary-color);padding-bottom:20px;font-size:75%}.button{width:100%;height:52px;color:var(--text-color);background:var(--control-background-color);-webkit-user-select:none;user-select:none;cursor:pointer;border:2px solid #0000;border-radius:8px;justify-content:center;align-items:center;transition:all .3s;display:flex;position:relative}.button.fill{background-color:var(--primary-color);color:var(--reverse-color);border:none}.button.fill svg path,.button.fill svg circle{stroke:var(--reverse-color)}.button.fill:hover{background-color:var(--primary-dark)}.button.outline{border-color:var(--control-border-color)}.button.outline svg path,.button.outline svg circle{stroke:var(--primary-color)}.button.outline:hover{border-color:var(--primary-color);color:var(--primary-color)}.login{flex-direction:column;justify-content:center;align-items:center;gap:25px;width:calc(100% - 30px);max-width:400px;display:flex}.login .languages{direction:ltr;gap:5px;display:flex;position:relative}.login .languages button{opacity:.5;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:5px 15px;font-size:14px;display:flex;position:relative}.login .languages button:hover{opacity:1;background:var(--primary-light)}.login .languages button.active{opacity:1;color:var(--primary-color);pointer-events:none}.titlebar{justify-content:space-between;align-items:center;width:100%;height:50px;padding:10px;display:flex;position:relative}.titlebar .control{flex-direction:row-reverse;align-items:center;gap:5px;display:flex;position:relative}.titlebar .control .window{flex-direction:row-reverse;gap:5px;display:flex;position:relative}.titlebar .control button{-webkit-user-select:none;user-select:none;cursor:pointer;background:0 0;border:none;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;gap:3px;min-width:32px;height:32px;padding:0 8px;transition:all .3s;display:flex;position:relative}.titlebar .control button span{padding:0 5px;font-size:14px}.titlebar .control button.subscription{background:#00a69c;flex-direction:row;width:auto!important}.titlebar .control button.subscription svg{stroke:#fff}.titlebar .control button.subscription span{color:#fff;padding:0 2px;font-size:75%;font-weight:900}.titlebar .control button:hover{background:var(--menu-hover)}.titlebar .control button:hover.subscription{background:#008077}.titlebar .control hr{background:var(--control-border-color);border:none;flex-shrink:0;width:1px;height:18px}.user-dialog{border:1px solid var(--control-border-color);background-color:var(--control-background-color);z-index:1000;border-radius:10px;flex-direction:column;gap:5px;width:300px;padding:5px;transition:all .3s;display:flex;position:absolute;top:100%;left:100%;right:100%}.user-dialog .profile{-webkit-user-select:none;user-select:none;cursor:pointer;border-radius:5px;flex-shrink:0;align-items:center;gap:10px;padding:8px;transition:all .3s;display:flex;position:relative}.user-dialog .profile .avatar{background:var(--background-color);border-radius:100%;justify-content:center;align-items:center;width:50px;height:50px;display:flex;position:relative}.user-dialog .profile .avatar svg{opacity:.25;width:20px;height:20px}.user-dialog .profile .information{flex:1}.user-dialog .profile .information h1,.user-dialog .profile .information h2{margin:0;font-weight:400}.user-dialog .profile .information h2{opacity:.5;font-size:75%}.user-dialog .profile .icon{margin:0 10px}.user-dialog .profile:hover{background:var(--menu-hover)}.user-dialog hr{width:100%!important;height:1px!important}.user-dialog button,.user-dialog a{-webkit-user-select:none;user-select:none;cursor:pointer;background:0 0;border:none;border-radius:5px;flex-shrink:0;align-items:center;min-width:32px;height:32px;text-decoration:none;transition:all .3s;display:flex;position:relative;justify-content:flex-start!important;gap:10px!important;padding:0 10px!important}.user-dialog button:hover,.user-dialog a:hover{background:var(--menu-hover)}.user-dialog button.logout,.user-dialog a.logout{color:#f14647!important}.user-dialog button.logout svg,.user-dialog a.logout svg{stroke:#f14647!important}.user-dialog button.logout:hover,.user-dialog a.logout:hover{background:#feeded!important}.layout{flex:1;width:100vw;height:calc(100% - 50px);display:flex;position:relative}.layout .sidebar{width:var(--nav-width);scrollbar-width:none;flex-direction:column;flex-shrink:0;justify-content:space-between;gap:15px;height:100%;padding:10px;transition:all .3s;display:flex;position:relative;overflow:hidden auto}.layout .sidebar .menu,.layout .sidebar .business,.layout .sidebar .settings{flex-direction:column;gap:10px;padding:0;transition:all .3s;display:flex;position:relative}.layout .sidebar .menu a,.layout .sidebar .menu button,.layout .sidebar .business a,.layout .sidebar .business button,.layout .sidebar .settings a,.layout .sidebar .settings button{height:40px;color:var(--text-color);-webkit-user-select:none;user-select:none;cursor:pointer;background:0 0;border:none;border-radius:8px;flex-shrink:0;align-items:center;gap:10px;padding:0 10px;text-decoration:none;transition:all .3s;display:flex;position:relative}.layout .sidebar .menu a span,.layout .sidebar .menu button span,.layout .sidebar .business a span,.layout .sidebar .business button span,.layout .sidebar .settings a span,.layout .sidebar .settings button span{color:currentColor;white-space:nowrap;transition:all .3s}.layout .sidebar .menu a:hover,.layout .sidebar .menu button:hover,.layout .sidebar .business a:hover,.layout .sidebar .business button:hover,.layout .sidebar .settings a:hover,.layout .sidebar .settings button:hover{background:#ddd}.layout .sidebar .menu a:before,.layout .sidebar .menu a:after,.layout .sidebar .menu button:before,.layout .sidebar .menu button:after,.layout .sidebar .business a:before,.layout .sidebar .business a:after,.layout .sidebar .business button:before,.layout .sidebar .business button:after,.layout .sidebar .settings a:before,.layout .sidebar .settings a:after,.layout .sidebar .settings button:before,.layout .sidebar .settings button:after{content:"";background:var(--primary-color);border-radius:10px;width:10px;height:0%;margin:auto 0;transition:all .3s;position:absolute;inset:0 -15px}.layout .sidebar .menu a:after,.layout .sidebar .menu button:after,.layout .sidebar .business a:after,.layout .sidebar .business button:after,.layout .sidebar .settings a:after,.layout .sidebar .settings button:after{left:calc(100% + 5px);right:calc(100% + 5px)}.layout .sidebar .menu a.active,.layout .sidebar .menu button.active,.layout .sidebar .business a.active,.layout .sidebar .business button.active,.layout .sidebar .settings a.active,.layout .sidebar .settings button.active{color:var(--primary-color)}.layout .sidebar .menu a.active svg,.layout .sidebar .menu button.active svg,.layout .sidebar .business a.active svg,.layout .sidebar .business button.active svg,.layout .sidebar .settings a.active svg,.layout .sidebar .settings button.active svg{stroke:var(--primary-color)}.layout .sidebar .menu a.active:before,.layout .sidebar .menu a.active:after,.layout .sidebar .menu button.active:before,.layout .sidebar .menu button.active:after,.layout .sidebar .business a.active:before,.layout .sidebar .business a.active:after,.layout .sidebar .business button.active:before,.layout .sidebar .business button.active:after,.layout .sidebar .settings a.active:before,.layout .sidebar .settings a.active:after,.layout .sidebar .settings button.active:before,.layout .sidebar .settings button.active:after{height:100%}.layout .sidebar .menu{flex:1;padding-bottom:0}.layout .sidebar .business,.layout .sidebar .settings{border-top:1px solid var(--control-border-color);padding-top:10px}.layout .sidebar.collapse{width:60px}.layout .sidebar.collapse .menu,.layout .sidebar.collapse .business,.layout .sidebar.collapse .settings{padding:15px 0}.layout .sidebar.collapse .menu a,.layout .sidebar.collapse .menu button,.layout .sidebar.collapse .business a,.layout .sidebar.collapse .business button,.layout .sidebar.collapse .settings a,.layout .sidebar.collapse .settings button{padding:0 11px}.layout .sidebar.collapse .menu a span,.layout .sidebar.collapse .menu button span,.layout .sidebar.collapse .business a span,.layout .sidebar.collapse .business button span,.layout .sidebar.collapse .settings a span,.layout .sidebar.collapse .settings button span{opacity:0}.layout .sidebar.collapse .business{padding-bottom:0}.layout main{background:#fff;border-radius:15px;flex-direction:column;flex:1;gap:10px;margin-block-end:10px;margin-inline-end:10px;padding:15px;display:flex;position:relative;overflow:hidden}.layout main .tabs{scrollbar-width:none;height:46px;margin:-15px -15px 0;display:flex;position:relative;overflow:auto}.layout main .tabs a{-webkit-user-select:none;user-select:none;align-items:center;height:100%;padding:0 20px;text-decoration:none;transition:all .3s;display:flex;position:relative}.layout main .tabs a:after{content:"";background:var(--primary-color);width:0%;height:2px;margin:auto;transition:all .3s;display:block;position:absolute;bottom:0;left:0;right:0}.layout main .tabs a.active{color:var(--primary-color)}.layout main .tabs a.active:after{width:100%}.layout main nav{justify-content:space-between;gap:15px;display:flex;position:relative;overflow:hidden}.layout main nav .filter,.layout main nav .actions{gap:10px;display:flex;position:relative}.layout main nav .filter>*{min-width:250px}.layout main nav .actions button{gap:15px;padding:0 15px}.layout main nav .actions button span{color:var(--reverse-color)}.datatable{width:100%;margin:.5rem 0 1rem;overflow-x:auto}.datatable table{border-collapse:collapse;width:100%;font-family:sans-serif}.datatable table th,.datatable table td{text-align:start;white-space:nowrap;-webkit-user-select:none;user-select:none;border-bottom:1px solid #eee;padding:12px 15px}.datatable table th .badge,.datatable table td .badge{color:#fff;background:var(--background);border-radius:15px;margin-right:1em;padding:2px 15px;font-size:12px;font-weight:700;display:inline-block}.datatable table th .badge.green,.datatable table td .badge.green{--background:#28a745}.datatable table th .badge.yellow,.datatable table td .badge.yellow{--background:#ffc107}.datatable table th .badge.orange,.datatable table td .badge.orange{--background:#ee5700}.datatable table th .badge.red,.datatable table td .badge.red{--background:#dc3545}.datatable table th .badge.purple,.datatable table td .badge.purple{--background:#8b5cf6}.datatable table th .badge.blue,.datatable table td .badge.blue{--background:#007bff}.datatable table th.actions,.datatable table td.actions{width:144px}.datatable table th.actions div,.datatable table td.actions div{gap:3px;display:flex;position:relative}.datatable table th.actions div button,.datatable table td.actions div button{cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .3s;display:flex;position:relative}.datatable table th.actions div button:hover,.datatable table td.actions div button:hover{background:var(--primary-light)}.datatable table th.actions div button:hover svg,.datatable table td.actions div button:hover svg{stroke:var(--primary-dark);pointer-events:none}.datatable table thead{background-color:#f8f9fa}.datatable table thead th{color:#333;text-transform:uppercase;font-size:.85rem;font-weight:600}.datatable table tbody tr:hover{background-color:#fcfcfc}.datatable footer{-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;gap:25px;padding:10px 0 0;display:flex;position:relative}.datatable footer .pagination{justify-content:center;align-items:center;gap:3px;display:flex;position:relative}.datatable footer .pagination button{cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .3s;display:flex;position:relative}.datatable footer .pagination button:hover{background:var(--primary-light)}.datatable footer .pagination button:hover svg{stroke:var(--primary-dark)}.datatable footer .pagination button:disabled{cursor:not-allowed;opacity:.5}.datatable footer .pagination button:disabled:hover{background:0 0}.datatable footer .pagination button:disabled:hover svg{stroke:currentColor}.datatable footer .pagination span{margin:0 15px;font-size:90%}.fullpage{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.fullpage svg{width:32px;height:32px}