@import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;1,200;1,300;1,400;1,500;1,600;1,700&display=swap);*{box-sizing:border-box;margin:0;padding:0}:root{--red-deep:#f41127;--red-light:#f52236;--blue-deep:#1495ff;--blue-light:13,202,240;--green-deep:#17a00e;--green-light:#20a417;--yellow-light:#ffc517;--border-color:#cbccce;--bg-main:#fff;--bg-secondary:#f4f4f4;--text-color:#4c5258}.App.dark{--bg-main:#171717;--bg-secondary:#1e1e1e;--text-color:#fff}body{font-family:Poppins,sans-serif}a{color:inherit;text-decoration:none}ul{list-style:none}.app-wrapper{display:grid;grid-template-columns:250px 1fr;min-height:100vh;width:100%}.app-wrapper.hidden-side-bar{grid-template-columns:100px 1fr}.avatar{border-radius:50%;height:40px;min-height:40px;min-width:40px;width:40px}.card{background-color:var(--bg-main);border-radius:8px;box-shadow:0 5px 10px #0003;color:var(--text-color);padding:16px 20px}.show-sidebar-btn{background:var(--blue-deep);border:none;border-radius:50%;bottom:2rem;color:#fff;cursor:pointer;display:none;font-size:14px;font-weight:600;height:60px;outline:none;position:fixed;right:2rem;width:60px}@media (max-width:1199px){.app-wrapper,.app-wrapper.hidden-side-bar{grid-template-columns:1fr}.overlay{background:#000000b3;inset:0;opacity:0;position:fixed;transition:visibility .3s,opacity .3s;visibility:hidden;z-index:5}.overlay.show{opacity:1;visibility:visible}.show-sidebar-btn{display:block}}@media (max-width:991px){body .md-full{grid-column:1/13}}nav{align-items:center;background:var(--bg-main);border-bottom:.5px solid var(--border-color);display:flex;gap:8px;height:65px;justify-content:space-between;padding:0 2rem;position:sticky;top:0;z-index:5}.input-search{height:40px;max-width:400px;position:relative;width:100%}.input-search input{background:var(--bg-secondary);border:none;border-radius:4px;color:var(--text-color);height:100%;outline:none;padding:6px 16px;width:100%}.input-search input:focus{background:var(--bg-main);box-shadow:0 0 2px 2px rgba(var(--blue-light),.5)}.input-search input::placeholder{font-size:16px}.search-icon{color:var(--text-color);font-size:20px;position:absolute;right:12px;top:50%;transform:translateY(-50%);z-index:5}.admin-section{align-items:center;column-gap:8px;cursor:pointer;display:flex;min-height:100%;white-space:nowrap}.admin-name{color:var(--text-color);font-weight:500}.admin-position{color:gray;font-weight:500}.navbar-right{align-items:center;display:flex}.vertical-line{background-color:var(--border-color);display:inline-block;height:65px;margin:0 24px;width:1px}.navbar-right-list{display:flex;gap:20px}.navbar-item{align-items:center;cursor:pointer;display:flex;justify-content:center;position:relative}.navbar-item-icon{color:var(--text-color);font-size:22px}.navbar-item-badge{align-items:center;background-color:var(--red-deep);border-radius:50%;color:#fff;display:flex;font-size:14px;height:20px;justify-content:center;position:absolute;right:-10px;top:-10px;width:20px}@media (max-width:767px){nav{justify-content:center;padding:0 1rem}.input-search{display:none}.vertical-line{margin:0 16px}.navbar-right-list{gap:12px}}.sidebar{background:var(--bg-main);box-shadow:1px 0 15px #0003;height:100vh;position:sticky;top:0}.sidebar-header{align-items:center;border-bottom:.5px solid var(--border-color);display:flex;height:65px;justify-content:space-between;padding:8px 16px}.title{color:var(--blue-deep);font-size:2rem;font-weight:500}.sidebar-title-icon{align-items:center;color:var(--blue-deep);cursor:pointer;display:flex;font-size:24px;justify-content:center}.sidebar.active .sidebar-title-icon{transform:rotate(180deg)}.close-icon{display:none}.toggle-icon{display:block}.sidebar-list{height:calc(100vh - 65px);overflow:auto;padding:8px}.sidebar-list::-webkit-scrollbar{width:10px}.sidebar-list ::-webkit-scrollbar-track{background:#f1f1f1}.sidebar-list::-webkit-scrollbar-thumb{background:#888}.sidebar-item{color:var(--text-color);overflow:hidden}.sidebar-item-link{align-items:center;border-radius:6px;column-gap:12px;cursor:pointer;display:flex;margin-bottom:4px;padding:12px;transition:background .3s,color .3s}.sidebar-item-link.active,.sidebar-item-link:hover{background:rgba(var(--blue-light),.2);color:var(--blue-deep)}.sidebar-item-icon{font-size:22px}.sidebar-item-text{font-weight:300}.arrow-icon{display:inline-block;margin-left:auto;transition:transform .3s}.sidebar-item.show-elements .arrow-icon{transform:rotate(-90deg)}.sidebar-subitems-wrapper{height:0;transition:height .3s}.sidebar-sub-items{flex:1 1;width:100%}.sidebar-subitem-item{align-items:center;border-radius:6px;display:flex;gap:8px;padding:8px 12px}.sidebar-subitem-item:hover{background:rgba(var(--blue-light),.2);color:var(--blue-deep);cursor:pointer;transition:background .3s,color .3s}.sidebar.active .sidebar-header,.sidebar.active .sidebar-item-link{justify-content:center}.sidebar.active .arrow-icon,.sidebar.active .sidebar-item-text,.sidebar.active .sidebar-subitems-wrapper,.sidebar.active .title{display:none}.switch-mode{background:var(--text-color);border-radius:30px;height:36px;margin:auto auto 16px;overflow:hidden;position:relative;width:80px}.switch-mode-btn{align-items:center;background:var(--bg-main);border:none;border-radius:50%;cursor:pointer;display:flex;height:28px;justify-content:center;left:3px;position:absolute;top:50%;transform:translateY(-50%);transition:transform .5s,left .5s;width:28px}.App.dark .switch-mode-btn{left:calc(100% - 31px);transform:translateY(-50%) rotate(1turn)}.switch-mode-btn>svg{color:var(--text-color);font-size:20px}@media (max-width:1199px){.sidebar{height:100%;left:0;position:fixed;top:0;transform:translateX(-100%);transition:transform .3s;width:250px;z-index:10}.sidebar.show{transform:translateX(0)}.sidebar.active .arrow-icon,.sidebar.active .sidebar-item-text,.sidebar.active .sidebar-subitems-wrapper,.sidebar.active .title{display:block}.sidebar.active .sidebar-item-link{justify-content:flex-start}.sidebar.active .sidebar-header{justify-content:space-between}.close-icon{display:block}.toggle-icon{display:none}}.main{background-color:var(--bg-secondary);min-height:calc(100vh - 65px);padding:20px}.main-wrapper{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(12,1fr);margin:30px 0}.main-title{font-size:18px;font-weight:500}.page-views{grid-column:7/10}.page-views-value{font-size:20px;font-weight:500;margin:20px 0}.page-views-value-percentage{display:inline-block;font-size:14px;font-weight:300;margin-left:4px}.site-traffic{grid-column:1/9}.social-static-item{align-items:center;display:flex;justify-content:space-between}.social-static-item-1{grid-column:1/5}.social-static-item-2{grid-column:5/9}.social-static-item-3{grid-column:9/13}.social-static-item-left{align-items:center;display:flex;gap:4px}.social-static-item-icon{font-size:2rem}.social-static-item-title{font-size:18px;font-weight:500}.social-static-item-increasing{font-size:14px;font-weight:300}.circle{position:relative}.circle-value{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:4}#svg circle{stroke:var(--bg-secondary);stroke-width:4px}.statics-cards{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.card-footer,.card-header{align-items:center;color:var(--blue-deep);display:flex;justify-content:space-between}.card-body{background:var(--bg-secondary);border-radius:30px;height:4px;margin:16px 0;overflow:hidden;position:relative;width:100%}.card-body-progress{background:var(--blue-deep);height:100%;left:0;position:absolute;top:0;width:60%}.card-footer{color:var(--text-color)}.card-header-value{font-size:20px;font-weight:600}.card-header-icon{font-size:24px}.total-clicks{grid-column:10/13}.weekly-sales{grid-column:9/13}@media (max-width:991px){.weekly-sales{grid-column:1/13}}.custom-legend-item{display:grid;grid-template-columns:2fr 1fr 1fr}.custom-legend-left{align-items:center;gap:8px}.custom-legend-color{border-radius:50%;display:inline-block;height:12px;width:12px}.custom-legend-left{display:flex}.custom-legend-item span{font-size:14px;font-weight:300}.custom-legend-percentage{display:inline-block;justify-self:flex-end}.storage{grid-column:7/13}.storage-item{margin-bottom:20px}.storage-item-label{display:inline-block;font-weight:300;margin-bottom:6px}.storage-progress{background:var(--bg-secondary);border-radius:30px;height:6px;position:relative;width:100%}.storage-progress-span{border-radius:30px;height:100%;left:0;position:absolute;top:0;width:50%}.map{display:flex;flex-direction:column;grid-column:1/7;grid-row:span 2}table{border-spacing:0;width:100%}thead{background-color:var(--bg-secondary)}thead tr th{border-bottom:2px solid #000;font-weight:500;padding:6px}th{text-align:inherit}tbody tr td{border-bottom:1px solid var(--border-color);padding:6px}.flag{height:18px;margin-right:8px;object-fit:cover;width:18px}.country-data{align-items:center;display:flex}.total-earning{grid-column:1/5}.customers-review{grid-column:5/13}.review-item{align-items:center;border-top:1px solid var(--border-color);display:flex;justify-content:space-between;padding:12px 0}.review-item:first-child{margin-top:20px}.review-item-left{align-items:center;display:flex;gap:12px}.review-item-left .avatar{height:50px;min-height:50px;min-width:50px;width:50px}.product-name__time{font-weight:500}.username__comment{font-size:15px;font-weight:300}.time{font-size:14px;margin-left:16px}.star-icon{font-size:16px}.star-icon.filled{color:var(--yellow-light)}@media (max-width:767px){.rating{display:none}}.orders-summary{font-size:14px;grid-column:1/13;overflow:auto;white-space:nowrap}.table-head{margin-top:25px}.orders-summary-table,.table-head{min-width:800px;width:100%}.order,.table-head{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 2.8fr 1.5fr 1fr .8fr 1fr}.table-head{background-color:var(--bg-secondary);border-bottom:2px solid #000;padding:8px}.table-head-title{font-size:16px;font-weight:600;text-transform:capitalize}.order{border-bottom:1px solid var(--border-color);padding:12px 8px}.order,.product{align-items:center}.product{display:flex}.status{background:var(--blue-deep);border-radius:30px;color:#fff;text-align:center}.status.Completed{background:var(--green-light)}.status.Canceled{background:var(--red-light)}.product-image{height:40px;object-fit:contain;width:40px}.controls{display:flex;gap:1rem;margin-bottom:1rem}.btn{border:none;border-radius:4px;cursor:pointer;padding:.5rem 1rem}.add-btn{background-color:#4caf50;color:#fff}.delete-btn{background-color:#f44336;color:#fff}.delete-btn:disabled{background-color:#ccc;cursor:not-allowed}.edit-btn{background-color:#2196f3;border:none;border-radius:3px;color:#fff;padding:.3rem .6rem}.modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0}.modal{background:#fff;border-radius:8px;min-width:400px;padding:2rem}.modal h2{margin-top:0}.modal label{display:block;margin-bottom:1rem}.modal input,.modal textarea{margin-top:.3rem;padding:.5rem;width:100%}.modal-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1rem}
/*# sourceMappingURL=main.05e957be.css.map*/