*{box-sizing:border-box;margin:0;padding:0}h2{color:#5053ff;padding-left:20px}.top{margin:20px 0}.top a{text-decoration:none;color:#000}.list p,.user p,.useful p,.pages p,p{font-size:18px;margin:0 0 0 20px}.sidebar-container ul li a{text-decoration:none}.sidebar-container ul li{list-style:none;padding:10px 0}.dashboard-icons{font-size:18px;margin-right:10px;color:#5053ff}.sidebar-containerr ul li a{text-decoration:none;color:#000;font-size:16px}.custom-navbar{position:fixed;top:0;left:0;height:60px;width:100%;background-color:#fff;z-index:1000;display:flex;align-items:center;justify-content:space-between;padding:0 30px;box-shadow:0 2px 8px #0000000d}.logo img{width:130px;margin-left:10px;height:50px;margin-right:10px}.menu_icon{font-size:20px;transform:translateY(-8px)}.notification-details{margin:0 10px}.notification-icons{font-size:30px;transform:translateY(5px)}.blue,.green{background:#5053ff;color:#fff;padding:0 5px;border-radius:3px;font-size:12px;margin-left:-13px;position:absolute}.green{background:#198754}.user-profile{border:none}.dropdown:hover{border:none!important}.user-img img{width:30px;height:30px;border-radius:50%;margin-right:10px}.user-name h3{font-size:20px}.sidebar{position:fixed;left:-250px;top:0;width:250px;height:100%;background:#fff;z-index:999;transition:left .3s ease-in-out}.show-sidebar{left:0}@media (min-width: 992px){.sidebar{left:0!important;position:static;width:250px}.menu_icon{display:none!important}}@media (max-width: 768px){.sidebar{position:absolute;top:0;left:0;background:#fff;height:100vh;z-index:1000;transform:translate(-100%);box-shadow:2px 0 5px #0000001a}.custom-navbar{width:350px}.custom-navbar .form-control,.custom-navbar .btn{display:none}.custom-navbar .bi-search{display:inline;font-size:1.2rem}.sidebar.show-sidebar{transform:translate(0)}.menu_icon{font-size:2rem;cursor:pointer;display:inline-block;transform:translateY(0)}}.transaction_container{display:flex;width:100%}.transaction_container .transaction_content{flex:6;height:100%}.transaction_container .transaction_content .transaction_list{box-shadow:#32325d40 0 50px 100px -20px,#0000004d 0 30px 60px -30px,#0a254059 0 -2px 6px inset;border-radius:10px;padding:20px;margin:20px}.transaction_container .transaction_content .transaction_list .table_cell-heading{font-size:14px;font-weight:700;color:gray}.transaction_container .transaction_content .transaction_list .table_cell{font-size:12px}.transaction_container .transaction_content .transaction_list .table_cell .cell_wrapper{display:flex;align-items:center}.transaction_container .transaction_content .transaction_list .table_cell .cell_wrapper img{width:30px;height:30px;border-radius:50%;margin-right:10px;object-fit:cover}.transaction_container .transaction_content .transaction_list .table_cell .status{padding:5px;border-radius:5px}.transaction_container .transaction_content .transaction_list .table_cell .status.Approved{color:green;background-color:#00800027}.transaction_container .transaction_content .transaction_list .table_cell .status.Pending{color:red;background-color:#80000027}.contact-container{display:flex;width:100%}.contact-container h2{color:#000}.contact-container .contact-content{flex:6;height:100%}.contact-section{border-radius:10px;padding:20px;margin:20px}.contact-card-content a{text-decoration:none;color:#000}.cart{font-size:40px;color:#5053ff;background:#dedef9;padding:20px;width:64px;height:64px;border-radius:50%}.datatable-container{height:100%;padding:20px;margin:20px;width:96%;box-shadow:#32325d40 0 50px 100px -20px,#0000004d 0 30px 60px -30px,#0a254059 0 -2px 6px inset;border-radius:10px}.datatable-container .datagrid{font-size:12px}.datatable-container .datatable_title{width:100%;font-size:24px;color:#6439ff;margin-bottom:10px;display:flex;align-items:center;justify-content:space-between}.datatable-container .datatable_title .link{text-decoration:none;color:green;font-size:16px;font-weight:400;border:1px solid green;padding:5px;border-radius:5px;cursor:pointer}.datatable-container .cellWithImg{display:flex;align-items:center}.datatable-container .cellWithImg .cellImg{width:32px;height:32px;border-radius:50%;object-fit:cover;margin-right:20px}.datatable-container .cellWithStatus{padding:5px;border-radius:5px}.datatable-container .cellWithStatus.Active{background-color:#0080000d;color:green}.datatable-container .cellWithStatus.Pending{background-color:#ff00000d;color:red}.datatable-container .cellWithStatus.Passive{background-color:#ff00000d;color:#dc143c}.datatable-container .cell_action{display:flex;align-items:center;gap:20px}.datatable-container .cell_action .view_btn{padding:2px 5px;border-radius:5px;color:#6439ff;cursor:pointer}.datatable-container .cell_action .del_btn{padding:2px 5px;border-radius:5px;color:#dc143c;cursor:pointer}.table-container .table_cell-heading{font-size:14px;font-weight:700;color:gray}.table-container .table_cell{font-size:12px}.table-container .table_cell .cell_wrapper{display:flex;align-items:center}.table-container .table_cell .cell_wrapper img{width:30px;height:30px;border-radius:50%;margin-right:10px;object-fit:cover}.table-container .table_cell .status{padding:5px;border-radius:5px}.table-container .table_cell .status.Approved,.table-container .table_cell .status.Delivered{color:green;background-color:#00800027}.table-container .table_cell .status.Pending,.table-container .table_cell .status.Notdelivered{color:red;background-color:#80000027}@media (max-width: 768px){.table-container .table_cell-heading{font-size:12px}.table-container .table_cell{font-size:10px}.table-container .table_cell .cell_wrapper img{width:24px;height:24px}.table-container .table_cell .status{font-size:10px;padding:3px}}@media (max-width: 480px){.table-container .table_cell-heading{font-size:11px}.table-container .table_cell{font-size:9px}.table-container .table_cell .cell_wrapper img{width:20px;height:20px}.table-container .table_cell .status{font-size:9px;padding:2px}}.chart-container{flex:4;box-shadow:#32325d40 0 5px 10px -20px,#0000004d 0 10px 3px -30px,#0a254059 0 -2px 10px;border-radius:10px;padding:10px;color:#000}.chart-container .title{padding:10px;font-size:1.3rem;color:#6439ff}.chart-container .chartGrid{stroke:#e1e1e1}.table-container::-webkit-scrollbar{height:6px}.table-container::-webkit-scrollbar-thumb{background:#aaa;border-radius:10px}.sales_container{align-items:center;box-shadow:#32325d40 0 5px 10px -20px,#0000004d 0 10px 3px -30px,#0a254059 0 -2px 10px;border-radius:10px;padding:20px;max-width:600px}.sales_container .sales_header{padding:20px;font-size:1.3rem;color:#6439ff}.chart-container{display:flex;flex-direction:column;gap:20px;box-shadow:#32325d40 0 5px 10px -20px,#0000004d 0 10px 3px -30px,#0a254059 0 -2px 10px}.chart-container .chart_header{padding:20px;font-size:1.3rem;color:#6439ff}.chart-container .button-group{margin:0 20px}.chart-container .button-group .chart-button{margin:0 10px;padding:5px 10px;border-radius:12px;background:#6439ff;color:#fff;border:none}.chart-container .button-group .chart-button:hover{background:#3f0bf9}.chart-container .chart-wrapper{height:300px}.faq-container{width:100%}.faq-header h1{font-size:2rem}.search-box{display:flex;align-items:center;gap:10px;margin-top:1rem}.search-box input{flex:1;padding:8px}.clear-search{background:transparent;border:none;cursor:pointer}.category-filter{margin-top:1rem}.category-btn{margin:5px;padding:8px 16px;border:none;background-color:#eee;cursor:pointer}.category-btn.active{background-color:#333;color:#fff}.faq-category{margin-top:2rem}.faq-question{display:flex;justify-content:space-between;cursor:pointer;background-color:#f7f7f7;padding:10px;margin-top:10px}.faq-answer{padding:10px;background-color:#fff;border-left:3px solid #333}:root{--primary-color: #4a90e2;--secondary-color: #50c878;--text-color: #2d3436;--light-text: #636e72;--white: #ffffff;--shadow: 0 4px 20px rgba(0, 0, 0, .1);--border-radius: 12px;--transition: all .3s ease}.faq-container{width:100%;background:var(--white);border-radius:var(--border-radius);box-shadow:var(--shadow);overflow:hidden}.faq-header{text-align:center;padding:40px 20px;background:linear-gradient(135deg,var(--primary-color),#2c5282);color:var(--white)}.faq-header h1{font-size:2.5rem;margin-bottom:10px}.faq-header p{font-size:1.1rem;opacity:.9}.search-container{margin:30px auto;max-width:600px}.search-box{position:relative;display:flex;align-items:center;background:var(--white);border-radius:50px;padding:10px 20px;box-shadow:var(--shadow)}.search-box i{color:var(--light-text);margin-right:10px}.search-box input{flex:1;border:none;outline:none;font-size:1rem;color:var(--text-color);background:transparent}.search-box input::placeholder{color:var(--light-text)}.clear-search{background:none;border:none;color:var(--light-text);cursor:pointer;padding:5px;display:none}.clear-search.visible{display:block}.category-filter{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:20px}.category-btn{padding:8px 20px;border:2px solid var(--white);border-radius:25px;background:transparent;color:var(--white);cursor:pointer;transition:var(--transition);font-size:.9rem}.category-btn:hover{background:#ffffff1a}.category-btn.active{background:var(--white);color:var(--primary-color)}.faq-content{padding:40px}.faq-category{margin-bottom:40px}.faq-category h2{color:var(--primary-color);margin-bottom:20px;font-size:1.5rem}.faq-item{background:var(--white);border:1px solid #e1e1e1;border-radius:var(--border-radius);margin-bottom:15px;overflow:hidden}.faq-question{padding:20px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:var(--transition)}.faq-question:hover{background:#4a90e20d}.faq-question h3{font-size:1.1rem;color:var(--text-color);margin:0}.faq-icon{color:var(--primary-color);transition:var(--transition)}.faq-item.active .faq-icon{transform:rotate(45deg)}.faq-answer{padding:0 20px;max-height:0;overflow:hidden;transition:var(--transition)}.faq-item.active .faq-answer{padding:0 20px 20px;max-height:1000px}.faq-answer p{color:var(--light-text);margin:0}.stats{display:flex}.stats .stats-container{background:#fff;flex:6}.stats .stats-container .stats_heading{font-size:2rem;font-weight:500;color:#6439ff;margin:20px 20px 0}.stats .stats-container .charts,.stats .stats-container .sales{display:flex;padding:20px;gap:10px}.stats .stats-container .charts .chart{width:100%;height:500px}.stats .stats-container .charts .featured{width:700px;height:500px}.stats .stats-container .sales{display:flex;align-items:center;border-radius:10px;padding:20px;margin:20px}.stats .stats-container .sales .customervisit{width:570px}.stats .stats-container .sales .sales_record{width:500px}.about{position:relative;width:100%;height:100%;padding:20px;background:#f7f8fd}.about h3{text-align:center;color:#5d56f1;padding-top:2rem}.about h1{text-align:center}.about-container{display:flex;align-items:flex-start;justify-content:space-between;width:100%}.about img{width:450px;height:350px;border-radius:20px;margin:2rem}.about p{margin-bottom:1rem;padding:10px;font-size:14px}.our-facalities{display:grid;grid-template-columns:repeat(2,350px);gap:1rem;margin-top:2rem;margin-left:2rem}.our-facalities a{text-decoration:none;color:#000;font-weight:500}.check-icons{color:#5d56f1;transform:translateY(3px);margin-right:10px}@media (max-width : 450px){.about{position:relative;top:0;left:0;right:0;width:100%;height:100%;padding:20px;background:#f7f8fd;margin-top:0}.about-container{display:flex;flex-direction:column;align-items:center;margin:0;width:100%}.about img{width:300px;height:200px;margin:1rem 0;padding:10px}.about p{padding:10px}.our-facalities{display:flex;flex-direction:column;gap:1rem;padding:10px}.our-facalities a{text-decoration:none;color:#000;font-size:1rem;font-weight:500;gap:0}}@media (min-width: 450px)and (max-width: 600px){.about{position:relative;top:0;left:0;right:0;padding:20px;background:#f7f8fd;height:100%;margin-top:0}.about-container{display:flex;flex-direction:column;align-items:center;justify-content:space-between}.about img{width:500px;height:400px;border-radius:20px;margin:2rem}.our-facalities{display:grid;grid-template-columns:repeat(2,250px);gap:1rem;margin-top:2rem}}@media (min-width: 600px)and (max-width: 900px){.about-container{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between}.about img{width:600px;height:400px}}@media (min-width: 900px)and (max-width: 1400px){.about-container{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between}.about img{width:600px;height:400px}.about-content{width:100%}}.notification-card{width:400px;background:#fff;border-radius:8px;padding:20px;box-shadow:0 5px 15px #0000001a;font-family:Segoe UI,sans-serif;margin-top:400px}.notification-header{display:flex;justify-content:space-between;align-items:center}.clear-btn{background:none;border:none;color:#6c757d;cursor:pointer;font-size:14px}.section-title{margin-top:20px;font-weight:600;color:#6c757d;font-size:13px}.notification-item{display:flex;align-items:start;gap:10px;padding:12px 0;border-bottom:1px solid #f1f1f1;position:relative}.notification-item:last-child{border-bottom:none}.dot{width:10px;height:10px;background-color:#727cf5;border-radius:50%;margin-top:6px}.message{font-size:14px;color:#4c4c4c}.time{font-size:12px;color:#999;margin-left:5px}.close{margin-left:auto;color:#ccc;cursor:pointer}.view-all{text-align:center;margin-top:20px}.view-all a{text-decoration:none;color:#727cf5;font-weight:500}.featured-container{flex:1;padding:20px;border-radius:10px;box-shadow:0 0 15px -10px #000000bf;background-color:#fff;min-width:280px;margin-bottom:20px}.top{display:flex;align-items:center;justify-content:space-between}.title{font-size:20px;font-weight:500}.bottom{margin-top:20px;display:flex;flex-direction:column;align-items:center}.featured-chart{width:100px;height:100px}.bottom-title{font-size:16px;color:gray;margin-top:10px}.amount{font-size:30px;margin-top:5px}.description{font-size:12px;text-align:center;margin-top:10px;color:gray}.featured-summary{width:100%;margin-top:20px;display:flex;justify-content:space-around;gap:10px;flex-wrap:wrap}.summary-item{display:flex;flex-direction:column;align-items:center;min-width:90px}.item-title{font-size:14px;color:gray}.item-result{display:flex;align-items:center;margin-top:5px}.result-amount{font-size:14px;margin-left:5px}.positive{color:green}.negative{color:red}@media (max-width: 576px){.featured-chart{width:70px;height:70px}.amount{font-size:22px}.bottom-title{font-size:14px}.summary-item{min-width:80px}}.card-hover{transition:transform .3s ease,box-shadow .3s ease}.card-hover:hover{transform:translateY(-5px);box-shadow:0 8px 20px #0000001a}.CircularProgressbar{width:100%;vertical-align:middle}.CircularProgressbar .CircularProgressbar-path{stroke:#3e98c7;stroke-linecap:round;-webkit-transition:stroke-dashoffset .5s ease 0s;transition:stroke-dashoffset .5s ease 0s}.CircularProgressbar .CircularProgressbar-trail{stroke:#d6d6d6;stroke-linecap:round}.CircularProgressbar .CircularProgressbar-text{fill:#3e98c7;font-size:20px;dominant-baseline:middle;text-anchor:middle}.CircularProgressbar .CircularProgressbar-background{fill:#d6d6d6}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-background{fill:#3e98c7}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-text{fill:#fff}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-path{stroke:#fff}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-trail{stroke:transparent}*{margin:0;padding:0;box-sizing:border-box}.navbar{height:60px;width:100%;position:fixed;top:0;left:0;background-color:#fff;z-index:1000;box-shadow:0 2px 4px #0000001a}.layout-body{display:flex;flex:1;margin-top:60px;height:calc(100vh - 60px)}.sidebar{width:240px;background-color:#fff;height:100%;overflow-y:auto;position:sticky;top:60px;border-right:1px solid #eee}.home-content{flex:1;padding:20px;background-color:#f6f9ff;overflow-y:auto}.card{background-color:#fff;border-radius:8px;padding:20px;box-shadow:0 0 10px #0000000d}@media (max-width:556px){.card{width:300px;margin:0 20px}.home-content{display:flex;flex-direction:column}.home-row{width:350px}}.card-heading h4{margin-right:15px}.card-heading span{margin-top:7px}.card-sales:after{content:"";position:absolute;top:25%;right:40%;height:50%;width:2px;background-color:#939393}.revenue-card:after{content:"";position:absolute;top:25%;right:43%;height:50%;width:2px;background-color:#939393}.card-customer:after{content:"";position:absolute;top:25%;right:34%;height:50%;width:2px;background-color:#939393}.card-order:after{content:"";position:absolute;top:25%;right:37%;height:50%;width:2px;background-color:#939393}.cart{font-size:40px;color:#5053ff;background:#dedef9;padding:20px;width:64px;height:64px}.cart:hover{background:#5053ff;color:#fff}.cards-icons{margin-top:30px}.cards-text{margin-left:50px}.cards-text h2{font-size:25px}.cards-text span{color:#198754}.cards-text span{font-size:14px}.progress-chart{width:100px;height:100px}.modern-transaction{padding:20px}.modern-card{background:#fff;border-radius:20px;box-shadow:0 4px 15px #00000014;padding:20px;transition:.3s ease}.modern-card-body{text-align:center}.modern-title{color:#6c63ff;font-weight:600;margin-bottom:15px}.modern-progressbar{display:flex;flex-direction:column;align-items:center}.modern-progress-chart{height:100px;width:100px;margin-bottom:10px}.modern-subtitle{font-weight:500;font-size:14px;color:#666}.modern-amount{font-size:28px;color:#222;margin:10px 0}.modern-note{font-size:12px;color:#999;margin-top:5px}.chartContainer{width:100%;height:300px}@media (min-width: 768px) and (max-width: 1024px){.cards-content{flex:0 0 50%;max-width:50%}.home-row>div{flex:0 0 100%;max-width:100%}}.card-statistics .highlight-icon{height:53px;width:53px;display:flex;align-items:center;justify-content:center;border-radius:50px}.card-statistics .highlight-icon i{font-size:27px}.card-statistics .card-col{border-right:1px solid #e6e6e6}.card-statistics .card-col:last-child{border-right:none}@media (max-width: 576px){.card-statistics .card-col{padding-left:0;padding-right:0;position:relative;border:none}.card-statistics .card-col:first-child:before,.card-statistics .card-col:nth-child(2):before,.card-statistics .card-col:nth-child(3):before,.card-statistics .card-col:first-child:after{content:"";position:absolute;background:#e6e6e6}.card-statistics .card-col:first-child:before{bottom:0;width:94.2%;height:1px;right:0}.card-statistics .card-col:first-child:after{bottom:0;width:1px;height:100%;right:0}.card-statistics .card-col:nth-child(2):before{bottom:0;width:94.2%;height:1px;left:0}.card-statistics .card-col:nth-child(3):before{width:1px;height:100%;right:0}}.card-revenue-table .revenue-item{border-bottom:1px solid #e6e6e6;padding-top:1rem;padding-bottom:1rem}.card-revenue-table .revenue-item:last-child{border-bottom:0;padding-bottom:0}.card-revenue-table .revenue-item:first-child{padding-top:0}.card-revenue-table .revenue-item .revenue-desc{margin-right:auto;width:80%}.card-revenue-table .revenue-item .revenue-desc p{margin-bottom:0}.card-revenue-table .revenue-item .revenue-amount{margin-left:auto;width:40%}.card-revenue-table .revenue-item .revenue-amount p{font-size:1.25rem;font-weight:500;text-align:right}.card-revenue-table .revenue-item .revenue-amount p .rtl :scope{text-align:left}.card-revenue{background:linear-gradient(120deg,#556cdc,#128bfc,#18bef1);background-size:cover;color:#fff}.card-revenue .highlight-text{font-size:1.875rem;font-weight:500}.card-revenue .badge{background-color:#fff3;font-size:1.125rem;padding:.5rem 1.25rem}.card-weather,.card-weather .card-body{background:#fff}.card-weather .weather-date-location{padding:0 0 38px}.card-weather .weather-data{padding:0 0 4.75rem}.card-weather .weather-data i{font-size:5.313rem;line-height:1}.weakly-weather{background:#fff;overflow-x:auto}.weakly-weather-item{flex:0 0 14.28%;border-right:1px solid #e6e6e6;padding:1rem;text-align:center}.weakly-weather-item i{font-size:1.2rem}.weakly-weather-item:last-child{border-right:0}.weakly-weather-item .symbol{color:#6c757d;font-size:1.875rem;font-weight:300}.product-chart-wrapper{height:92%}#dashboardTrendingProgress{width:60px}.dashboard-bar-chart-legend .col{text-align:center;display:flex;align-items:center;flex-direction:column}.dashboard-bar-chart-legend .col .bg{margin-left:auto;margin-right:auto;height:5px;width:30px;display:block;margin-top:5px}.dashboard-bar-chart-legend .col:nth-child(1) .bg{background:#17a2b8}.dashboard-bar-chart-legend .col:nth-child(2) .bg{background:#007bff}.dashboard-bar-chart-legend .col:nth-child(3) .bg{background:#dc3545}.intro-banner{background:#dbe4ec;display:flex;align-items:center;padding:20px;border-radius:2px}.intro-banner .banner-image{width:24%;max-width:100%}.intro-banner .banner-image img{display:block;margin:auto}.intro-banner .content-area{width:58%;color:#000;display:flex;flex-direction:column;align-items:flex-end}.sales-mini-tabs{border-bottom:none}.sales-mini-tabs .nav-item .nav-link{border:none;font-weight:500;padding:5px 15px;border-radius:2px;transition:color .7s}.sales-mini-tabs .nav-item .nav-link.active{font-weight:600;background:#f7f8fa;color:#007bff}.dashboard-custom-date-picker{width:100%;height:100%}.dashboard-custom-date-picker>div{width:100%;height:100%}.rounded-legend ul li{list-style-type:none;color:#6c757d;font-size:.75rem}.rounded-legend ul li .legend-dots{width:1rem;height:1rem;border-radius:100%;display:inline-block;vertical-align:text-bottom;margin-right:.5rem}.rounded-legend.legend-horizontal ul li{display:inline-block;margin-right:1.5rem}.rounded-legend.legend-vertical ul li{margin-top:1rem}.rounded-legend.legend-top-right ul{float:right}.proBanner{position:fixed;top:0;left:0;width:100%;z-index:9999}.proBanner .purchase-popup{background:#000;color:#fff;padding:15px 20px;border-radius:3px;margin-bottom:1rem}.proBanner .purchase-popup .btn{margin-right:20px;font-weight:500;color:#fff;border-radius:5px;transition-duration:.2s}.proBanner .purchase-popup .btn.download-button{background:#f9f9f9b3;color:#969292;border:1px solid #dcdcdc}.proBanner .purchase-popup .btn.purchase-button{background-color:#17a2b8;color:#fff;border:none;line-height:1;vertical-align:middle}.proBanner .purchase-popup p,.proBanner .purchase-popup i{margin:auto 0;color:#b3b3b3;font-weight:400;line-height:1}.proBanner .purchase-popup .bannerClose{cursor:pointer}.proBanner.hide{display:none}body{color:#797979;background:#f1f2f7;font-family:Open Sans,sans-serif;padding:0!important;margin:0!important;font-size:13px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased}.profile-nav,.profile-info{margin-top:30px}.profile-nav .user-heading{color:#0d6efd;border-radius:4px 4px 0 0;-webkit-border-radius:4px 4px 0 0;padding:30px;text-align:center}.profile-nav .user-heading.round a{border-radius:50%;-webkit-border-radius:50%;border:10px solid rgba(255,255,255,.3);display:inline-block}.profile-nav .user-heading a img{width:112px;height:112px;border-radius:50%;-webkit-border-radius:50%}.profile-nav .user-heading h1{font-size:18px;font-weight:300;margin-bottom:5px}.profile-nav .user-heading p{font-size:12px}.nav-stacked{display:flex;flex-direction:column;width:100%}.bio-graph-info{color:#89817e}.bio-graph-info h1{font-size:18px;font-weight:300;margin:0 0 20px}.bio-row{width:50%;float:left;margin-bottom:10px;padding:0 15px}.bio-row p span{width:100px;display:inline-block}.bio-chart,.bio-desk{float:left}.bio-chart{width:40%}.knob{width:"54px";height:"33px";position:"absolute";vertical-align:middle;margin-top:33px;margin-left:-77px;border:0px;font-size:20px;text-align:center;background:none;color:#000}.add-new-product button{margin-right:50px;background:#5053ff;color:#fff}.add-new-product button:hover{background:#383bf3;color:#fff}.products-card{width:360px;background:#fff;border-radius:15px;box-shadow:0 5px 20px #0000001a;transition:.3s;font-family:Segoe UI,sans-serif;margin:20px auto;overflow:hidden;position:relative;cursor:pointer}.products-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px #00000026}.products-card-badge{position:absolute;top:10px;right:10px;background:linear-gradient(to right,#a90329,#c44848 44%,#aa2238);color:#fff;padding:5px 10px;font-size:11px;font-weight:600;letter-spacing:1px;text-transform:uppercase;border-radius:10px;box-shadow:0 3px 10px #0003;z-index:10}.products-card-tilt{overflow:hidden}.products-card-img{height:200px;overflow:hidden}.products-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.products-card-card:hover .img img{transform:scale(1.05)}.products-card-info{padding:20px}.products-card-cat{font-size:11px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:#71717a;margin-bottom:5px}.products-card-title{font-size:18px;font-weight:700;color:#18181b;margin:0 0 10px;letter-spacing:-.5px}.products-card-desc{font-size:13px;color:#52525b;line-height:1.4;margin-bottom:12px}.products-card-feats{display:flex;gap:6px;margin-bottom:15px}.products-card-feat{font-size:10px;background:#f4f4f5;color:#71717a;padding:3px 8px;border-radius:10px;font-weight:500}.products-card-bottom{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.products-card-price{display:flex;flex-direction:column}.products-card-old{font-size:13px;text-decoration:line-through;color:#a1a1aa;margin-bottom:2px}.products-card-new{font-size:20px;font-weight:700;color:#18181b}.products-card-btn{background:linear-gradient(45deg,#18181b,#27272a);color:#fff;border:none;border-radius:10px;padding:8px 15px;font-size:13px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px;transition:.3s;box-shadow:0 3px 10px #0000001a;position:relative;overflow:hidden}.products-card-btn:hover{background:linear-gradient(45deg,#27272a,#3f3f46);transform:translateY(-2px);box-shadow:0 5px 15px #00000026}.products-card-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:.5s}.products-card-btn:hover:before{left:100%}.products-card-icon{transition:transform .3s}.products-card-btn:hover .icon{transform:rotate(-10deg) scale(1.1)}.products-card-meta{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #F4F4F5;padding-top:12px}.products-card-rating{display:flex;align-items:center;gap:2px}.products-card-rcount{margin-left:6px;font-size:11px;color:#71717a}.products-card-stock{font-size:11px;font-weight:600;color:#22c55e}@media (max-width: 576px){.products{display:flex;flex-direction:column}.products-card{width:90%}.products-card-title{font-size:16px}.products-card-img{height:180px}.products-card-bottom{flex-direction:column;align-items:flex-start;gap:10px}.products-card-price{margin-bottom:5px}.products-card-btn{width:100%;justify-content:center}}@media (min-width:576px) and (max-width: 1024px){.products{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}}.add-new-product{margin-top:50px;padding:50px 0}.upload-box{background-color:#f8f9fa;min-height:160px;position:relative;cursor:pointer;border:2px dashed #dee2e6;transition:all .3s}.upload-box:hover{background-color:#f1f1f1}@media (max-width: 768px){.add-new-product h4{font-size:1.3rem;text-align:center}}.add-user-container{display:flex;justify-content:center;padding:20px}.add-user-form{background-color:#fff;padding:25px;width:100%;max-width:500px;border-radius:12px;box-shadow:0 4px 12px #0000001a}.add-user-form h2{text-align:center;margin-bottom:20px;color:#333}.form-group{margin-bottom:15px;display:flex;flex-direction:column}.form-group label{margin-bottom:5px;font-weight:500;color:#555}.form-group input,.form-group select{padding:10px;border:1px solid #ccc;border-radius:8px;font-size:14px}.readonly-input{background-color:#f0f0f0;cursor:not-allowed}.preview-image{width:60px;height:60px;border-radius:50%;margin-top:10px;object-fit:cover}.submit-btn{background-color:#0a9dff;color:#fff;padding:12px;width:100%;border:none;border-radius:8px;font-size:16px;cursor:pointer;margin-top:10px}.submit-btn:hover{background-color:#007fd1}@media screen and (max-width: 600px){.add-user-form{padding:15px}.preview-image{width:40px;height:40px}}