@import "https://fonts.googleapis.com/css2?family=Montserrat:wght@200;300;400;500;600;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap";body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:Montserrat,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.main-header{justify-content:flex-end;align-items:center;width:100%;display:flex}.header{justify-content:flex-end;align-items:flex-end;gap:15px;width:100%;padding-top:15px;padding-right:15px;display:flex}.header i{cursor:pointer;border:1px solid #304156;border-radius:50%;padding:10px;position:relative}.header i:hover{background-color:#ebf3fb}.count-badge{color:#fff;background-color:red;border-radius:7px;padding:3px;font-size:14px;font-weight:400;position:absolute;top:-30%;right:-25%}*{box-sizing:border-box;margin:0;padding:0;font-family:Helvetica,sans-serif}.main-content{justify-content:space-between;align-items:center;width:100%;min-height:100%;display:flex}.my-sidebar{z-index:100;background:#304156;width:230px;height:100%;transition:all .1s;position:fixed;top:0;left:0}.my-sidebar.my-close{width:78px}.my-sidebar .logo-details{align-items:center;width:100%;height:60px;display:flex}.my-sidebar .logo-details i{color:#fff;text-align:center;min-width:78px;height:50px;font-size:30px;line-height:50px}.my-sidebar .logo-details .logo_name{color:#fff;font-size:22px;font-weight:600;transition:all .1s .1s}.my-sidebar.my-close .logo-details .logo_name{opacity:0;pointer-events:none;transition-delay:0s}.my-sidebar .my-nav-links{height:100%;padding:30px 0 150px;overflow:auto}.my-sidebar.my-close .my-nav-links{overflow:visible}.my-sidebar .my-nav-links::-webkit-scrollbar{display:none}.my-sidebar .my-nav-links li{list-style:none;transition:all .1s;position:relative}.my-sidebar .my-nav-links>li.active:before,.my-sidebar .my-nav-links>li:before{content:"";opacity:0;background:#1f2d3d;border-top-right-radius:5px;width:4px;height:100%;transition:all .1s ease-in-out;position:absolute;top:0;left:0}.my-sidebar .my-nav-links li.active:before,.my-sidebar .my-nav-links li:hover:before{opacity:1}.my-sidebar .my-nav-links li .my-icon-link{justify-content:space-between;align-items:center;display:flex}.my-sidebar.my-close .my-nav-links li .my-icon-link{display:block}.my-sidebar .my-nav-links li i{text-align:center;color:#fff;cursor:pointer;min-width:78px;height:50px;font-size:20px;line-height:50px;transition:all .1s}.my-sidebar .my-nav-links li.active i,.my-sidebar .my-nav-links li:hover i{color:#fff}.my-sidebar .my-nav-links li.showMenu i.my-arrow{transform:rotate(-180deg)}.my-sidebar.my-close .my-nav-links i.my-arrow{display:none}.my-sidebar .my-nav-links li a{align-items:center;text-decoration:none;display:flex}.my-sidebar .my-nav-links li a .my-link_name{color:#fff;font-size:16px;font-weight:400;transition:all .1s}.my-sidebar .my-nav-links li.active a .my-link_name,.my-sidebar .my-nav-links li:hover a .my-link_name{color:#fff}.my-sidebar.my-close .my-nav-links li a .my-link_name{opacity:0;pointer-events:none}.my-sidebar .my-nav-links li .my-sub-menu{background:#1f2d3d;padding:6px 6px 14px 80px;display:none}.my-sidebar .my-nav-links li.showMenu .my-sub-menu{display:block}.my-sidebar .my-nav-links li .my-sub-menu a{color:#fff;white-space:nowrap;opacity:.8;padding:5px 0;font-size:15px;transition:all .1s}.my-sidebar .my-nav-links li .my-sub-menu a:hover{opacity:1}.my-sidebar.my-close .my-nav-links li .my-sub-menu{opacity:0;pointer-events:none;border-radius:0 6px 6px 0;margin-top:0;padding:10px 20px;transition:all;display:block;position:absolute;top:-10px;left:100%}.my-sidebar.my-close .my-nav-links li:hover .my-sub-menu{opacity:1;pointer-events:auto;transition:all .1s;top:0}.my-sidebar .my-nav-links li .my-sub-menu .my-link_name{display:none}.my-sidebar.my-close .my-nav-links li .my-sub-menu .my-link_name{opacity:1;font-size:18px;display:block}.my-sidebar .my-nav-links li .my-sub-menu.blank{opacity:1;pointer-events:auto;opacity:0;pointer-events:none;padding:3px 20px 6px 16px}.my-sidebar .my-nav-links li:hover .my-sub-menu.blank{top:50%;transform:translateY(-50%)}.my-sidebar .profile-details{background:#1d1b31;justify-content:space-between;align-items:center;width:230px;padding:12px 0;transition:all .1s;display:flex;position:fixed;bottom:0}.my-sidebar.my-close .profile-details{background:0 0;width:78px}.my-sidebar .profile-details .profile-content{align-items:center;display:flex}.my-sidebar .profile-details img{object-fit:cover;background:#1d1b31;border-radius:16px;width:52px;height:52px;margin:0 14px 0 12px;transition:all .1s}.my-sidebar.my-close .profile-details img{padding:10px}.my-sidebar .profile-details .profile_name,.my-sidebar .profile-details .job{color:#fff;white-space:nowrap;font-size:16px;font-weight:400}.my-sidebar .profile-details .job{color:#fff;opacity:.5;white-space:nowrap;font-size:14px;font-weight:300}.my-sidebar .profile-details i.bx{min-width:50px}.my-sidebar.my-close .profile-details i,.my-sidebar.my-close .profile-details .profile_name,.my-sidebar.my-close .profile-details .job{display:none}.my-sidebar .profile-details .job{font-size:12px}.my-home-section{background:#fff;width:calc(100% - 230px);min-height:100%;padding:0 10px;transition:all .1s;position:relative;left:230px}.my-sidebar.my-close~.my-home-section{width:calc(100% - 78px);left:78px}.my-home-section .my-home-content{align-items:center;height:60px;display:flex}.my-home-section .my-home-content .bx-menu,.my-home-section .my-home-content .text{color:#11101d;font-size:35px}.my-home-section .my-home-content .bx-menu{cursor:pointer;margin:0 15px}.my-home-section .my-home-content .text{font-size:26px;font-weight:600}.my-item:hover{background-color:#263445}.my-sidebar-handler i{cursor:pointer}@media (max-width:420px){.my-sidebar.my-close .my-nav-links li .my-sub-menu{display:none}}input[type=file]::file-selector-button{color:#fff;cursor:pointer;background-color:#0275d8;border:1px solid #0275d8;border-radius:2px;padding:5px}input[type=file]::file-selector-button:hover{color:#fff;background-color:#0065bd;border:1px solid #0275d8}a{color:#fff;text-decoration:none}header{color:#fff;text-align:center;min-height:140px;margin-bottom:60px}header h1{margin-top:100px;margin-bottom:20px;font-size:50px;font-weight:100}header a{margin-left:20px;font-size:18px}.copyright{color:#fff;text-align:center;margin-top:100px;font-size:25px;font-weight:100}.ease{-o-transition:all .5s;transition:all .5s}.container{width:100%;max-width:1000px;margin:0 auto}.tabs{background:#fff;margin-bottom:50px;position:relative}.tabs>input,.tabs>span{width:10%;height:30px;line-height:30px;position:absolute;top:0}.tabs>input{cursor:pointer;filter:alpha(opacity=0);opacity:0;z-index:99;position:absolute}.tabs>span{text-align:center;background:#fff;font-size:15px;overflow:hidden}.tabs>span i,.tabs>span{-o-transition:all .5s;transition:all .5s}.tabs>input:hover+span{background:#ffffff1a}.tabs>input:checked+span{background:#fff}.tabs>input:checked+span,.tabs>input:hover+span{color:#3498db}#tab-1,#tab-1+span{left:0}#tab-2,#tab-2+span{left:10%}#tab-3,#tab-3+span{left:20%}#tab-4,#tab-4+span{left:30%}#tab-5,#tab-5+span{left:40%}#tab-6,#tab-6+span{left:50%}.tab-content{width:100%;min-height:340px;padding-top:40px}.tab-content section{width:100%;display:none}.tab-content section h1{text-align:center;margin-top:15px;font-size:20px;font-weight:100}#tab-1:checked~.tab-content #tab-item-1,#tab-2:checked~.tab-content #tab-item-2,#tab-3:checked~.tab-content #tab-item-3,#tab-4:checked~.tab-content #tab-item-4,#tab-5:checked~.tab-content #tab-item-5,#tab-6:checked~.tab-content #tab-item-6{display:block}.effect-3 .line{background:#3498db;width:10%;height:2px;position:absolute;top:36px}#tab-1:checked~.line{left:0}#tab-2:checked~.line{left:10%}#tab-3:checked~.line{left:20%}#tab-4:checked~.line{left:30%}#tab-5:checked~.line{left:40%}#tab-6:checked~.line{left:50%}.colors{flex-direction:row;gap:5px;display:flex}.color-span{width:25px;height:25px}input[type=color]{width:40px;height:40px;padding:0}.param-image{width:40px!important;height:40px!important}table:hover{background-color:#fff}.orders{grid-template-columns:repeat(4,1fr);gap:15px;padding:15px;display:grid}.order-card{cursor:pointer;background-color:#f7f7f7;border-radius:5px;flex-direction:column;gap:5px;padding:15px;display:flex;position:relative}.customer-name{font-size:20px;font-weight:700}.customer-info,.customer-phone,.main-info{font-size:15px}.customer-info{flex-direction:column;gap:5px;display:flex}.customer-address{align-items:center;gap:15px;display:flex}.main-info{flex-direction:column;gap:5px;padding:10px 0;display:flex}.sub-info{font-weight:700}.order-status{max-width:100px;position:absolute;bottom:5px;right:15px}.single-order{flex-direction:column;gap:10px;padding-bottom:15px;display:flex}.single-order .main{justify-content:space-between;align-items:flex-start;padding:0 5px;display:flex}.single-order .main .customer-info{background-color:#f7f7f7;border-radius:5px;width:25%}.single-order .main .order-info{flex-direction:column;gap:30px;width:74%;display:flex}.single-order .main .customer-info .status{justify-content:space-between;align-items:center;padding:10px;display:flex}.single-order .main .customer-info .info{padding:0 10px}hr{border-top:1px solid #000!important}.delivery-dates{flex-direction:column;gap:10px;display:flex}.delivery-dates div{flex-direction:column;padding:0 5px;display:flex}.order-info .order{background-color:#f7f7f7;border-radius:5px;flex-direction:column;gap:15px;height:33%;padding:10px;display:flex}.warehouse{justify-content:space-between;align-items:center;display:flex}table{background-color:#fff!important;padding:10px!important}.purchase,.history{background-color:#f7f7f7;border-radius:5px;flex-direction:column;gap:15px;padding:10px;display:flex}.filters{background-color:#f7f7f7;margin:15px 0;padding:15px}.design-card{background-color:#f7f7f7;margin:15px 0;padding:15px 0}.design-info{padding:.25rem;display:flex}.design-key{text-align:end;width:50%;margin-right:1rem}.design-value{text-align:start;margin-left:1rem}.foo{position:relative}.bar{position:absolute;top:45%;right:3%}.buttons{justify-content:space-between;display:flex}.disabled{opacity:.65;cursor:not-allowed!important}.alert-div{width:250px;position:absolute;top:2%;right:2%}@keyframes square-animation{0%{top:0;left:0}10.5%{top:0;left:0}12.5%{top:0;left:32px}23%{top:0;left:32px}25%{top:0;left:64px}35.5%{top:0;left:64px}37.5%{top:32px;left:64px}48%{top:32px;left:64px}50%{top:32px;left:32px}60.5%{top:32px;left:32px}62.5%{top:64px;left:32px}73%{top:64px;left:32px}75%{top:64px;left:0}85.5%{top:64px;left:0}87.5%{top:32px;left:0}98%{top:32px;left:0}to{top:0;left:0}}.loader{width:96px;height:96px;position:relative;transform:rotate(45deg)}.loader-square{background:#29488d 50%/cover fixed;border-radius:0;width:28px;height:28px;margin:2px;animation:10s ease-in-out infinite both square-animation;position:absolute;top:0;left:0}.loader-square:nth-of-type(0){animation-delay:0s}.loader-square:first-of-type{animation-delay:-1.42857s}.loader-square:nth-of-type(2){animation-delay:-2.85714s}.change-form{border:1px solid #29488d;border-radius:5px;margin-top:100px;padding:15px}.photos-list{padding-right:5px;display:flex}.photos{position:relative}.photos button{position:absolute;top:0;left:0}.file-upload{background-color:#0000;display:flex;position:relative}.file-upload label{color:#1d6f42;cursor:pointer;justify-content:center;align-items:center;display:flex}.file-upload input[type=file]{opacity:0;cursor:pointer;width:100%;position:absolute;top:0;left:0}.select-container{width:100px;position:relative}.select-container:after{position:absolute;top:50%;right:10px;transform:translateY(-50%)}.custom-modal{max-width:70%!important}.excel-button{color:#fff;cursor:pointer;background-color:#2563eb;border:none;border-radius:6px;padding:.5rem 1rem}.modal-overlay{z-index:50;background-color:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-window{background-color:#fff;border-radius:8px;width:400px;padding:24px;box-shadow:0 4px 12px #00000026}.modal-title{margin-bottom:16px;font-size:1.25rem;font-weight:700}.modal-label{margin-bottom:12px;display:block}.modal-label span{color:#374151;margin-bottom:4px;font-size:.875rem;display:block}.modal-input{border:1px solid #d1d5db;border-radius:6px;width:100%;padding:8px}.modal-actions{justify-content:flex-end;gap:8px;margin-top:16px;display:flex}.cancel-button{cursor:pointer;background-color:#e5e7eb;border:none;border-radius:6px;padding:.5rem 1rem}.download-button{color:#fff;cursor:pointer;background-color:#2563eb;border:none;border-radius:6px;padding:.5rem 1rem}.download-button:disabled{cursor:not-allowed;background-color:#93c5fd}.main-div{color:#eee;background-color:#2d3a4b;height:100vh;font-family:Arial,Helvetica,sans-serif}.login{max-width:100%;margin:0 auto;padding:160px 35px 0;position:relative;overflow:hidden}.login h3{margin-bottom:2rem;font-size:26px;font-weight:700}.login .input-div{background-color:#0000001a;border:1px solid #ffffff1a;border-radius:5px;width:400px;margin:0 auto 22px;display:flex}.login .btn{width:400px;margin:0 auto;display:block}.login span{padding-top:.7rem;padding-left:.8rem;padding-right:.5rem}.login .input-form{color:#fff;background-color:#0000;border:#0000;width:400px;padding:.8rem;font-size:14px}.login input:focus{outline:none}.login ::placeholder{color:#fff;opacity:.7}