@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap";#root,body,html{height:100%;width:100%;margin:0;padding:0}:root{--primary-color: #00a9b7;--secondary-color: #f5f5f5;--text-color: #333;--error-color: red;--AppBar-background: #ffffff;font-family:Montserrat,sans-serif;line-height:1.5;font-weight:400;font-size:14px;color-scheme:light blue orange;color:var(--text-color);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.dark,.admin-page{--primary-color: #c72121}body{background:#fbfbfc;overflow-x:hidden}*{box-sizing:border-box;margin:0;padding:0}ul,li{list-style:none}.primary-text{color:var(--primary-color)}.white-text{color:#fff}.primary-bg{background:var(--primary-color)}h2{font-size:28px;margin-bottom:0}h3:not(.modal-title,.payment-prize){font-size:37px!important}h2 .icon-position{top:5px}.sub-caption:not(.page-sub-caption){margin:5px 0 2rem}.sub-caption.page-sub-caption{margin:0 0 2rem;padding-left:38px}.full_width_container{display:flex;justify-content:center;align-items:center;width:100%;height:100vh;background:#f5f5f5;padding:15px}.full_width_container:before{content:"";position:fixed;top:-50px;right:-50px;width:350px;height:350px;background:var(--primary-color);opacity:.4;border-radius:100%}.full_width_container .container{max-width:700px;width:100%;position:relative;z-index:1;margin:auto;display:flex;justify-content:center;flex-wrap:wrap;flex-direction:column}button{font-size:14px;font-weight:500;font-family:inherit;cursor:pointer;transition:border-color .25s;outline:none}button:not(.btn),button:not(.sidebar-close-btn){border-radius:8px;border:1px solid transparent;padding:.6em 1.2em}button.btn,button.icon-btn{padding:12px;border-radius:11px;border:none}button.btn:not(.icon-btn){min-width:150px}.filter-item button.btn{font-size:17px;padding:10px 11px;min-width:45px}.filter-item button.btn:not(.primary){color:#494949}button.primary{background:var(--primary-color);color:#fff}button.error{background:var(--error-color);color:#fff}button.grey{background:#494949;color:#fff}button.outline{background:none;border:solid 1px #ddd}button.sidebar-close-btn{background:none;border:none;width:28px;height:28px;border-radius:50%;position:absolute;top:10px;right:10px;border:solid 1px #fff;padding:1px 0 0}button.sidebar-close-btn svg{width:80%}input:not([type=checkbox]):not([type=radio]),select,textarea{width:100%;border-radius:15px;outline:none;font-size:14px;color:#2d3638;letter-spacing:1px;background:#fbfbfc;font-family:Roboto Flex,sans-serif!important;border:1px solid #e6ebeb}input[readonly]{opacity:.6}input:not(.search-input,[type=checkbox]),select,textarea{padding:7px 14px!important}input[type=radio]{position:absolute;opacity:0;cursor:pointer}input[type=checkbox]{width:14px!important;height:14px!important;margin:5px;-webkit-appearance:none;-moz-appearance:none;-o-appearance:none;appearance:none;outline:1px solid gray;box-shadow:none;font-size:.8em;text-align:center;line-height:1em;background:var(--primary-color)}input[type=checkbox]:checked:after{content:"✔";color:#fff}.checkmark{position:absolute;top:0;left:0;height:18px;width:18px;background-color:#e1e1e1;border-radius:50%;cursor:pointer}hover input[type=radio]~.checkmark{background-color:#ccc}input[type=radio]:checked~.checkmark{background-color:var(--primary-color)}.checkmark:after{content:"";position:absolute;display:none}input[type=radio]:checked~.checkmark:after{display:block}.checkmark:after{top:5px;left:5px;width:8px;height:8px;border-radius:50%;background:#fff}.search-input,.content-bg input:not([type=checkbox]):not([type=radio]){border:1px solid #e6ebeb;min-width:300px}.search-input{padding:10px 15px 10px 30px!important}.no-outline{outline:none!important}.row{display:flex;flex-wrap:wrap;margin-left:-15px;margin-right:-15px}.col{display:inline-block;padding:0 10px;box-sizing:border-box}.full-width,.col-12{width:100%}.col-10{width:83.33333333%}.col-8{width:66.66666667%}.col-6{width:50%}.col-5{width:41.66666667%}.col-4{width:33.33%}.col-3{width:25%}.col-2{width:16.66666667%}@media(max-width:1270px){.col-sm-6{width:50%}}@media(max-width:768px){.col-8,.col-6,.col-4,.col-3,.col-10{width:100%}button.btn,button.icon-btn{padding:10px 7px}button.btn:not(.icon-btn){min-width:150px}}.float-left{float:left}.mt-10{margin-top:10px}.mt-20{margin-top:20px}.mt-40{margin-top:40px}.mb-10{margin-bottom:10px}.mb-20{margin-bottom:20px}.mb-40{margin-bottom:40px}.ml-10{margin-left:10px}.ml-20{margin-left:20px}.mr-10{margin-right:10px}.mr-20{margin-right:20px}.mx-10{margin-left:10px;margin-right:10px}.px-10{padding-left:10px;padding-right:10px}.px-20{padding-left:20px;padding-right:20px}.py-10{padding-top:10px;padding-bottom:10px}.py-20{padding-top:20px;padding-bottom:20px}.d-none{display:none}.d-flex{display:flex}.flex-wrap{flex-wrap:wrap}.justify-content-center{justify-content:center}.justify-content-between{justify-content:space-between}.justify-content-end{justify-content:flex-end}.align-items-center{align-items:center}.align-items-end{align-items:flex-end}.flex-direction-row{flex-direction:row}.flex-direction-column{flex-direction:column}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}@media(max-width:991px){.d-sm-block{display:block}}@media(max-width:768px){.text-sm-center{text-align:center}}.position-relative{position:relative}.position-absolute{position:absolute}.position-fixed{position:fixed}.table-container{overflow-x:auto;margin-bottom:20px}.table{width:100%;border-collapse:collapse}.table thead{background-color:#3f4141;font-weight:600;color:#fff}.table th,.table td{padding:8px;border:1px solid #ddd}.table tbody tr:nth-child(2n){background-color:#f3f8f8}.table input[type=number]{width:70px}.search-container{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:10px;color:#2d3638}.btn-toggle-nav{background:none;border:none;font-size:1.5rem;cursor:pointer}.modal{position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#00000080;display:flex;align-items:center;justify-content:center}.modal-content{background-color:#fff;padding:20px 30px;border-radius:8px;width:auto;max-width:800px;position:relative;box-shadow:0 4px 8px #0003}.modal-content h3{font-size:17px;font-weight:600}.close{position:absolute;top:10px;right:20px;color:#aaa;font-size:28px;font-weight:700;cursor:pointer}.modal-actions{display:flex;justify-content:flex-end;margin-top:20px;gap:10px}.btn-cancel{background-color:#6c757d;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer}.btn-delete{background-color:#dc3545;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer}.btn-cancel:hover{background-color:#5a6268}.btn-delete:hover{background-color:#c82333}.close:hover,.close:focus{color:#000}.profile-picture{border-radius:50%}.profile-dropdown{position:absolute;top:100%;right:0;background-color:#fff;border:1px solid #ddd;border-radius:4px;box-shadow:0 2px 10px #0000001a;list-style:none;padding:8px 0;margin:5px 0 0;z-index:1000;min-width:150px}.profile-dropdown li a,.profile-dropdown li button{display:flex;align-items:center;gap:10px;padding:8px 16px;color:#333;text-decoration:none;white-space:nowrap;background:none;border:none;width:100%;text-align:left;cursor:pointer;border-radius:0}.profile-dropdown li a:hover,.profile-dropdown li button:hover{background-color:#f5f5f5}label span{color:red}.payment-history-container{padding:20px;max-width:1200px;margin:0 auto}.payment-details{border-radius:15px}.payment-prize{font-size:28px}.color-theme-option{display:flex;align-items:center;gap:15px;margin-bottom:15px;cursor:pointer}.color-theme-option button{padding:5px;width:30px;height:30px;border-radius:50%;background:none}.color-theme-option button:nth-child(1){border:5px solid var(--light-primary-color)}.color-theme-option button:nth-child(2){border:5px solid var(--blue-primary-color)}.color-theme-option button:nth-child(3){border:5px solid var(--orange-primary-color)}.color-theme-option button:nth-child(4){border:5px solid var(--purple-primary-color)}.color-theme-option button:nth-child(5){border:5px solid var(--dark-primary-color)}.color-theme-option button:nth-child(6){border:5px solid var(--green-primary-color)}.color-theme-option button:nth-child(7){border:5px solid var(--pink-primary-color)}.color-theme-option button.active{position:relative}.color-theme-option button.active:before,.color-theme-option button.active:after{position:absolute;height:3px;border-radius:1px;content:""}.color-theme-option button.active:before{top:9px;left:62%;width:12px;transform:translate(-50%) rotate(-45deg)}.color-theme-option button.active:after{bottom:8px;left:32%;width:5px;transform:translate(-50%) rotate(45deg)}.color-theme-option button:nth-child(1).active:before,.color-theme-option button:nth-child(1).active:after{background:var(--light-primary-color)}.color-theme-option button:nth-child(2).active:before,.color-theme-option button:nth-child(2).active:after{background:var(--blue-primary-color)}.color-theme-option button:nth-child(3).active:before,.color-theme-option button:nth-child(3).active:after{background:var(--orange-primary-color)}.color-theme-option button:nth-child(4).active:before,.color-theme-option button:nth-child(4).active:after{background:var(--purple-primary-color)}.color-theme-option button:nth-child(5).active:before,.color-theme-option button:nth-child(5).active:after{background:var(--dark-primary-color)}.color-theme-option button:nth-child(6).active:before,.color-theme-option button:nth-child(6).active:after{background:var(--green-primary-color)}.color-theme-option button:nth-child(7).active:before,.color-theme-option button:nth-child(7).active:after{background:var(--pink-primary-color)}.color-theme-option button,.layout-switcher label span{transform:scale(.8);transition:transform .3s ease-in-out;transform-origin:center}.layout-switcher label span{cursor:pointer;width:25px;height:25px;border:solid 2px #ccc;display:block;position:relative}.layout-switcher label span:before{content:"";position:absolute;top:0;width:10px;height:23px;background:#ccc}.layout-switcher label span.leftbar:before{left:0}.layout-switcher label span.rightbar:before{right:0}.layout-switcher input[type=radio]:checked+span{border-color:var(--primary-color)}.layout-switcher input[type=radio]:checked+span:before{background:var(--primary-color)}.layout-switcher input[type=radio]:checked+span,.layout-switcher input[type=radio]+span:hover,.color-theme-option button.active,.color-theme-option button:hover{transform:scale(1)}.st0{fill:none;stroke:var(--primary-color);stroke-width:1.8;stroke-miterlimit:10}.st1{fill:none;stroke:var(--primary-color);stroke-width:1.8;stroke-linecap:round;stroke-miterlimit:10}@media(max-width:991px){.payment-details .col-2:not(.payment-prize){width:50%;margin-top:15px}.payment-details .col-4{width:70%}.payment-details .col-2.payment-prize{width:30%;text-align:right}.payment-details .col-2:not(.payment-prize,.d-flex),.payment-details .col-2:not(.payment-prize,.d-flex) p{text-align:left;justify-content:flex-start}}@media(min-width:992px){.settings-content{min-height:400px}}:root{--primary-color: #00a9b7;--background-color: #f0f2f5;--text-color: #333;--card-background: #fff;--sidebar-background: #00a9b7;--sidebar-text-color: #fff;--sidebar-active-background: #e5f9fb;--sidebar-active-text-color: #00a9b7;--header-background: #fff;--shadow-color: rgba(0, 0, 0, .05);--border-color: rgba(0, 0, 0, .08);--input-background: #fff;--input-border-color: #ccc;--button-primary-background: var(--primary-color);--button-primary-text: #fff;--light-primary-color: #00a9b7;--orange-primary-color: #f5a623;--blue-primary-color: #007bff;--purple-primary-color: #51335d;--dark-primary-color: #0b2738;--green-primary-color: #506e00;--pink-primary-color: #ea056b}[data-theme=orange]{--primary-color: #f5a623;--background-color: #f0f2f5;--text-color: #333;--card-background: #fff;--sidebar-background: var(--primary-color);--sidebar-text-color: #fff;--sidebar-active-background: #fff3e0;--sidebar-active-text-color: var(--primary-color);--header-background: #fff;--shadow-color: rgba(0, 0, 0, .05);--border-color: rgba(0, 0, 0, .08);--input-background: #fff;--input-border-color: #ccc;--button-primary-background: var(--primary-color);--button-primary-text: #fff}[data-theme=blue]{--primary-color: #007bff;--background-color: #f0f2f5;--text-color: #333;--card-background: #fff;--sidebar-background: var(--primary-color);--sidebar-text-color: #fff;--sidebar-active-background: #e6f2ff;--sidebar-active-text-color: var(--primary-color);--header-background: #fff;--shadow-color: rgba(0, 0, 0, .05);--border-color: rgba(0, 0, 0, .08);--input-background: #fff;--input-border-color: #ccc;--button-primary-background: var(--primary-color);--button-primary-text: #fff}[data-theme=purple]{--primary-color: #51335d;--background-color: #f0f2f5;--text-color: #333;--card-background: #fff;--sidebar-background: var(--primary-color);--sidebar-text-color: #fff;--sidebar-active-background: #e6f2ff;--sidebar-active-text-color: var(--primary-color);--header-background: #fff;--shadow-color: rgba(0, 0, 0, .05);--border-color: rgba(0, 0, 0, .08);--input-background: #fff;--input-border-color: #ccc;--button-primary-background: var(--primary-color);--button-primary-text: #fff}[data-theme=dark]{--primary-color: #0b2738;--background-color: #f0f2f5;--text-color: #333;--card-background: #fff;--sidebar-background: var(--primary-color);--sidebar-text-color: #fff;--sidebar-active-background: #e6f2ff;--sidebar-active-text-color: var(--primary-color);--header-background: #fff;--shadow-color: rgba(0, 0, 0, .05);--border-color: rgba(0, 0, 0, .08);--input-background: #fff;--input-border-color: #ccc;--button-primary-background: var(--primary-color);--button-primary-text: #fff}[data-theme=green]{--primary-color: #506e00;--background-color: #f0f2f5;--text-color: #333;--card-background: #fff;--sidebar-background: var(--primary-color);--sidebar-text-color: #fff;--sidebar-active-background: #e6f2ff;--sidebar-active-text-color: var(--primary-color);--header-background: #fff;--shadow-color: rgba(0, 0, 0, .05);--border-color: rgba(0, 0, 0, .08);--input-background: #fff;--input-border-color: #ccc;--button-primary-background: var(--primary-color);--button-primary-text: #fff}[data-theme=pink]{--primary-color: #ea056b;--background-color: #f0f2f5;--text-color: #333;--card-background: #fff;--sidebar-background: var(--primary-color);--sidebar-text-color: #fff;--sidebar-active-background: #e6f2ff;--sidebar-active-text-color: var(--primary-color);--header-background: #fff;--shadow-color: rgba(0, 0, 0, .05);--border-color: rgba(0, 0, 0, .08);--input-background: #fff;--input-border-color: #ccc;--button-primary-background: var(--primary-color);--button-primary-text: #fff}.signup-link{color:var(--primary-color);text-decoration:none;font-size:14px}.popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.popup-message{background-color:#fff;padding:30px;border-radius:8px;text-align:center;max-width:400px;width:90%;box-shadow:0 4px 20px #00000026}.popup-svg{width:80px;height:80px;margin:0 auto 20px}.popup-circle{stroke-dasharray:166;stroke-dashoffset:166;stroke-width:2;stroke-miterlimit:10;fill:none;animation:stroke .6s cubic-bezier(.65,0,.45,1) forwards}.error-circle{stroke:var(--error-color)}.popup-check{transform-origin:50% 50%;stroke-dasharray:48;stroke-dashoffset:48;animation:stroke .3s cubic-bezier(.65,0,.45,1) .8s forwards}.popup-x{stroke-dasharray:48;stroke-dashoffset:48;animation:stroke .3s cubic-bezier(.65,0,.45,1) .8s forwards;stroke:var(--error-color)}.popup-message h3{margin:0 0 15px;color:#333;font-size:22px;line-height:38px}.popup-message p{margin:0 0 25px;color:#2d2d2d;font-size:16px;line-height:1.5}button:disabled{opacity:.5;cursor:not-allowed}@keyframes stroke{to{stroke-dashoffset:0}}.container{max-width:700px;position:relative;z-index:1;margin:0 auto}h2{font-size:28px;color:var(--primary-color);margin-bottom:0}.login-svg{width:50px;height:50px}.login-circle{stroke-dasharray:157;stroke-dashoffset:157;stroke:var(--primary-color);animation:circle-animation .6s ease-out forwards}.login-body{stroke-dasharray:60;stroke-dashoffset:60;stroke:var(--primary-color);animation:check-animation .2s ease-out .4s forwards}.user-type label{padding-left:22px}.demo-warning{position:fixed;top:0;left:0;text-align:center;width:100%;color:#fff;padding:10px;background:var(--primary-color);font-size:16px}.demo-warning span{display:inline;overflow:hidden;margin:0 auto;position:relative}.demo-warning span:before{position:absolute;width:100%;height:40px;background-color:var(--primary-color);animation:marquee 10s linear infinite;top:-10px;content:""}@keyframes marquee{0%{left:-100%}to{left:100%}}a{color:var(--primary-color);text-decoration:none;font-size:14px}.error{color:var(--error-color)}.reset-svg{width:70px;height:70px}.st0{stroke-dasharray:157;stroke-dashoffset:157;animation:circle-animation .6s ease-out forwards}.st1{stroke-dasharray:60;stroke-dashoffset:60;animation:check-animation .2s ease-out .4s forwards}@keyframes circle-animation{to{stroke-dashoffset:0}}@keyframes check-animation{to{stroke-dashoffset:0}}@media(max-width:767px){body:before{width:180px;height:180px}}.invoice-form-container{padding:24px}.form-title{margin-bottom:16px}.grid-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.form-input,.form-select{width:100%;padding:10px;border:1px solid #ccc;border-radius:4px}.section-title{margin-top:24px;margin-bottom:8px}.invoice-table{width:100%;border-collapse:collapse}.invoice-table th,.invoice-table td{padding:12px;border:1px solid #ddd;text-align:left}.btn-remove{background-color:#f44336;color:#fff;border:none;padding:8px 12px;border-radius:4px;cursor:pointer;display:flex;align-items:center}.btn-remove .material-icons{margin-right:8px}.grand-total{margin-top:16px}.float-right{float:right}.show-tax-cbox{top:2px}.refresh{right:15px;top:-10px;height:40px;width:20px}.table-pagination{display:flex;justify-content:flex-end;align-items:center;padding:16px 0;margin-top:10px}.table-pagination span,.table-pagination select{margin:0 8px}.pagination-controls button{background-color:#f0f0f0;border:1px solid #ddd;color:#333;cursor:pointer;padding:5px 10px;margin:0 2px;border-radius:4px}.pagination-controls button:hover:not(:disabled){background-color:#e9e9e9}.pagination-controls button.active,.pagination-controls button.active:hover{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color)}.pagination-controls button:disabled{cursor:not-allowed;opacity:.5}.top-bar,.content{padding:10px 20px}.top-bar{--tw-shadow: 0 1px 1px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);background:var(--header-background);width:100%;height:60px}body[data-sidebar-layout=right] .top-bar{padding-right:60px}body[data-sidebar-layout=left] .top-bar{padding-left:60px}.top-bar button:not(.error){padding:5px;background:none;border:none;cursor:pointer}body[data-sidebar-layout=right] .top-bar button:not(.error){right:20px}body[data-sidebar-layout=left] .top-bar button:not(.error){left:20px}.top-bar .right-side button:not(.logout-btn){margin-left:15px}.top-bar .right-side button:not(:last-child,.user-dropdown-menu){font-size:18px}.top-bar .right-side .profile-icon{width:27px;height:27px;border-radius:50%;background-color:var(--button-primary-background);display:flex;justify-content:center;align-items:center;color:var(--button-primary-text);font-size:20px;padding:5px;margin-right:10px}.top-bar .duser{font-size:15px}.top-bar .designation,.content-bg label{color:var(--text-color)}.top-bar .designation{font-size:12px;line-height:12px}.sidebar{height:100%;top:0;background-color:var(--sidebar-background);transition:width .3s ease-in-out;position:fixed;padding:10px;z-index:10;display:flex;flex-direction:column}body[data-sidebar-layout=right] .sidebar{right:0}.sidebar-menu{flex:1;overflow-y:auto}.sidebar-menu h4{padding:10px;color:var(--sidebar-text-color);font-weight:600;font-size:13px}.sidebar-menu ul li a{color:var(--sidebar-text-color);text-decoration:none;display:block;padding:8px 10px 6px 30px;font-size:20px;font-weight:600;display:flex;align-items:center;cursor:pointer;transition:background .7s ease-in-out,color .3s ease-in-out;position:relative;margin-bottom:10px;border-radius:5px;height:32px}.sidebar-menu ul li a:hover,.sidebar-menu ul li a.active{color:var(--sidebar-active-text-color);background:var(--sidebar-active-background)!important}.sidebar-open{width:260px}.sidebar-closed{width:59px}.sidebar ul li a .menu-text{font-size:14px;margin-left:8px}.sidebar .menu-text,.sidebar-menu h4{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;opacity:1;transition:all .3s ease-in-out}.sidebar-closed ul li a .menu-text,.sidebar-closed ul li a.active .menu-text,.sidebar-closed h4{width:0;opacity:0;margin-left:0;transition:all .3s ease-in-out}.sidebar-closed ul li a .menu-text{position:absolute;left:-100%;opacity:0}.sidebar-closed ul li a:hover .menu-text{padding:10px;background:#333;border-radius:5px;opacity:1;width:auto;left:calc(100% + 10px)}.sidebar nav svg{position:absolute;left:10px}.main-content{transition:all .3s ease-in-out;width:calc(100% - 59px)}body[data-sidebar-layout=right] .main-content:not(.main-content-shifted){margin-right:56px}body[data-sidebar-layout=left] .main-content:not(.main-content-shifted){margin-left:56px}.main-content-shifted{width:calc(100% - 250px)}body[data-sidebar-layout=right] .main-content-shifted{margin-right:260px}body[data-sidebar-layout=left] .main-content-shifted{margin-left:260px}.main-content .content h2{font-weight:700}.content-bg,.payment-details{background:var(--card-background);border:solid 1px var(--border-color);width:100%}.content-bg{border-radius:10px}.content-bg label:not(.btn-upload){font-size:14px;font-weight:600;margin-bottom:8px;display:inline-block}.content-bg label.btn-upload{font-size:21px;width:40px;height:40px;background-color:var(--button-primary-background);color:var(--button-primary-text);border-radius:100%;left:114px;bottom:15px;cursor:pointer}.profile-picture-section{width:150px;height:150px;border-radius:100%;background:var(--background-color)}.profile-picture-section img{width:150px}.client-dropdown{position:absolute;top:100%;left:0;right:0;background:var(--card-background);border:1px solid #ccc;border-radius:4px;max-height:200px;overflow-y:auto;z-index:100;box-shadow:0 2px 5px #0000001a}.client-option{padding:8px 12px;cursor:pointer}.client-option:hover{background-color:var(--background-color)}.client-option.no-results{color:#888;cursor:default}.add-product-btn{top:-20px;margin-bottom:-10px;font-size:17px}.add-product-btn span{font-size:14px}@media(min-width:900px){.add-product-modal .col-4{width:50%}}@media(min-width:899px){.add-product-modal .col-4{width:100%}}@media(max-width:991px){.sidebar{position:fixed!important;z-index:9999;transition:left .3s ease-in-out;height:100%;top:0}.sidebar-open{left:0}.sidebar-closed{left:-500px}.top-bar,.content{padding:10px}.main-content,.main-content-shifted{margin-left:0;width:100%}.search-container{margin-left:10px}}@media(max-width:767px){.search-container{position:absolute;left:45px;margin:0;max-width:130px;transition:all .3s ease-in-out;width:100%;z-index:10}.search-container.focused{max-width:calc(100% - 55px)}.search-container input{min-width:100%}}.dashboard-table-container{padding:24px}.table-paper{border:1px solid #ddd;border-radius:4px;overflow:hidden}.table-container{overflow-x:auto}.dashboard-table{width:100%;border-collapse:collapse}.dashboard-table th,.dashboard-table td{padding:12px;border-bottom:1px solid #ddd;text-align:left}.table-pagination{display:flex;justify-content:flex-end;align-items:center;padding:16px}.table-pagination select{margin-right:16px}.table-pagination button{margin-left:8px}.dashboard-container .summary-cards{display:flex;gap:20px;margin-bottom:20px}.dashboard-container .card .inner{position:relative;z-index:1;margin:5px;width:calc(100% - 10px);height:calc(100% - 10px)}.dashboard-container .card{background-color:#fff;border-radius:8px;padding:20px;flex-grow:1;box-shadow:0 2px 4px #0000001a;position:relative;overflow:hidden}