body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#eae8e8;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.dashboard-header{align-items:center;display:flex;justify-content:space-between;padding:0}.header-left h1{font-size:1.5rem}.header-right{align-items:center;display:flex}.search-input{border:1px solid #ddd;border-radius:4px;margin-right:15px;padding:8px}.header-icons span{cursor:pointer;margin-left:10px}.sales-active{font-weight:500}.sales-active:hover{cursor:pointer;text-decoration:underline}.dashboard-tab{font-weight:300}.dashboard-tab:hover{cursor:pointer;text-decoration:underline}.home-logo:hover{cursor:pointer}@media (max-width:600px){.dashboard-header{padding:15px}.dashboard-header,.header-left{align-items:flex-start;flex-direction:column}.header-left{gap:8px}.header-left h1{font-size:1.2rem}.header-right{margin-left:5px;margin-top:10px;width:100%}.search-input{margin-right:0;padding:6px;width:100%}.header-icons{display:flex;gap:10px}}@media (max-width:1024px){.dashboard-header{padding:15px}.header-left h1{font-size:1.3rem}.search-input{padding:7px;width:180px}.header-icons span{font-size:1.2rem}}.pie-chart-container{background-color:#fff;border:none;border-radius:8px;box-shadow:0 4px 6px #0000001a;height:85%;padding:20px}.pie-chart-container .pie-chart-header{align-items:center;display:flex;justify-content:space-between}.pie-chart-container .pie-chart-header h3{color:#333;font-size:1rem;margin:0}.pie-chart-container .pie-chart-content{align-items:center;display:flex;justify-content:space-evenly;padding:-50px 50px}.pie-chart-container .pie-chart-content .pie-chart-graph{height:270px;width:30%}.pie-chart-container .pie-chart-content .pie-chart-labels{display:flex;flex-direction:column;font-size:small;gap:10px;width:35%}.pie-chart-container .pie-chart-content .pie-chart-labels .channel-label{align-items:center;display:flex;gap:10px}.pie-chart-container .pie-chart-content .pie-chart-labels .channel-label .channel-color{border-radius:50%;height:10px;width:10px}.pie-chart-container .pie-chart-content .pie-chart-labels .channel-details{flex-direction:column}.pie-chart-container .pie-chart-content .pie-chart-labels .channel-details .channel-name{color:#333;font-weight:600}.pie-chart-container .pie-chart-content .pie-chart-graph .card-footer{border-top:1px solid #ddd;color:#000;margin-top:-62px}.pie-chart-container .sub-text{display:flex;justify-content:space-between;margin-top:-15px}.pie-chart-container .sub-text p{font-size:12px;padding:10px 0}.pie-chart-container .sub-text .btn{background-color:#efefef;border:none;border-radius:5px;font-size:10px;padding:10px 20px}@media (max-width:768px){.pie-chart-content{flex-direction:column}.pie-chart-container .pie-chart-content .pie-chart-graph,.pie-chart-container .pie-chart-content .pie-chart-labels{width:100%}.pie-chart-container .pie-chart-content .pie-chart-graph .card-footer{margin-top:-2px}.pie-chart-container .sub-text .btn{border-radius:1px solid red}}.tri-card{gap:10px;padding:5px 10px}.line-graph-data-card,.tri-card{background-color:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;display:flex;flex-direction:column}.line-graph-data-card{height:85%;padding:20px}.line-graph-data-card .line-graph-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.line-graph-data-card .line-graph-header h3{color:#666;font-size:1rem;margin:0}.line-graph-data-card .line-graph-header .info-icon{cursor:pointer;opacity:.6}.line-graph-labels{color:#666;display:flex;font-size:.9rem;gap:20px;justify-content:center;margin-bottom:10px}.lines-container{height:300px;position:relative;width:100%}.data-card{background-color:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;display:flex;flex-direction:column;gap:10px;height:300px;padding:20px}.bar-chart{height:100%;width:100%}.bar-chart-header{align-items:center}.bar-chart-header,.card-header{display:flex;justify-content:space-between}.card-header{align-items:left}.card-header h3{color:#666;font-size:1rem;margin:0}.info-icon{cursor:pointer;opacity:.6}.card-content{display:flex;flex-direction:column;gap:10px}.main-value{color:#000;font-size:1.25rem;font-weight:700}.sub-text{align-items:center;color:#666;display:flex;font-size:.9rem;gap:10px}.positive-indicator{color:#10b981;font-weight:700}.card-footer{border-top:1px solid #eee;color:#888;font-size:.8rem;padding-top:10px}@media (max-width:768px){.data-card{padding:15px}.main-value{font-size:1.5rem}}.sales-country-data{background-color:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;display:flex;flex-direction:column;padding:20px}.sales-country-data .sales-by-country-container h3{color:#333;font-size:16px;margin-bottom:25px;margin-top:15px}.sales-country-data .sales-by-country-container .sales-country-table{border-collapse:collapse;width:100%}.sales-country-table thead{border-bottom:1px solid #eee}.sales-country-table th{color:#666;font-size:14px;font-weight:500;padding:10px 0;text-align:left}.sales-country-table tbody tr{border-bottom:1px solid #eee}.sales-country-table td{color:#333;font-size:14px;padding:1px 0}.sales-country-table tr:last-child td{border-bottom:none}.country-cell{align-items:center;display:flex;gap:20px}.country-flag{border-radius:2px;height:16px;object-fit:cover;width:24px}.country-name{font-weight:400}.country-name th{align-items:center;display:flex;font-size:11px;gap:10px;padding:2px}@media (max-width:576px){.sales-dashboard{flex-direction:column}.sales-country-data{margin-top:20px}}.top-selling-products-section{background-color:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;padding:20px}.top-selling-products table{border-collapse:collapse;width:100%}.top-selling-products td,.top-selling-products th{border-bottom:1px solid #e0e0e0;padding:12px;text-align:left}.top-selling-products .product-info{align-items:center;display:flex;gap:10px}.top-selling-products .product-info img{border-radius:50%;height:40px;width:40px}.top-selling-products .product-info .positive-order{color:green;display:flex;font-size:11px;gap:10px;padding:2px}.top-selling-products .positive-order .positive-order-i{color:#000}.top-selling-products .upward-arrow{color:green;font-size:15px;font-weight:500}@media (max-width:576px){.top-selling-products-section{padding:10px}.top-selling-products-section .top-selling-products table tbody tr td,.top-selling-products-section .top-selling-products table thead tr th{font-size:12px}.top-selling-products td,.top-selling-products th{padding:5px}.top-selling-products .product-info{align-items:center;display:flex}.top-selling-products .product-info .nike-product-name{font-size:10px}.top-selling-products .product-info img{border-radius:50%;height:20px;width:20px}.top-selling-products .product-info .positive-order{color:green;display:flex;font-size:12px;padding:2px}.top-selling-products .upward-arrow{color:green;font-size:12px}}.settings-button{align-items:center;background-color:#f0f0f0;border-radius:50%;bottom:20px;box-shadow:0 4px 6px #0000001a;cursor:pointer;display:flex;height:50px;justify-content:center;position:fixed;right:20px;transition:background-color .3s ease;width:50px;z-index:1000}.settings-button:hover{background-color:#e0e0e0}.settings-button svg{color:#333;height:24px;width:24px}.sidebar{background-color:#202940;border-radius:0 16px 16px 0;box-shadow:0 0 20px #0003;color:#fff;display:flex;flex-direction:column;font-family:Roboto,Helvetica,Arial,sans-serif;height:100vh;left:0;overflow:hidden;position:fixed;top:0;transition:all .3s ease;width:260px;z-index:1000}.sidebar.collapsed{width:80px}.sidebar-toggle{align-items:center;background-color:#202940;border-radius:8px;box-shadow:0 2px 10px #0000001a;cursor:pointer;display:flex;height:40px;justify-content:center;left:10px;opacity:0;position:fixed;top:17px;transition:all .3s ease;width:40px;z-index:1001}.sidebar-header{border-bottom:1px solid #ffffff1a;padding:20px 16px}.nav-item,.nav-section,.sidebar-header,.sidebar-nav{box-sizing:border-box;width:100%}.sidebar-brand{align-items:center;display:flex;margin-bottom:14px}.sidebar-title{font-size:15px;font-weight:600;margin-left:8px;white-space:nowrap}.user-profile{align-items:center;cursor:pointer;display:flex;padding:8px 0}.user-avatar{margin-right:12px}.avatar-placeholder{background-color:#323e57;border-radius:50%;height:64px;overflow:hidden;position:relative;width:64px}.avatar-placeholder:after{background-color:#ffffff1a;border-radius:50%;content:"";height:100%;position:absolute;width:100%}.user-info{align-items:center;display:flex;flex:1 1;justify-content:space-between}.user-name{color:#ffffffe6;font-size:14px}.dropdown-arrow{color:#ffffff80;font-size:10px;margin-left:8px}.sidebar-nav{display:flex;flex:1 1;flex-direction:column;overflow-y:auto;padding:12px 8px}.nav-category{color:#ffffff80;font-size:11px;font-weight:700;letter-spacing:1px;margin-top:16px;padding:8px 16px}.nav-section{margin-bottom:8px}.section-header{align-items:center;border-radius:8px;cursor:pointer;display:flex;padding:10px 16px;transition:background-color .2s}.section-header:hover{background-color:#ffffff14}.item-icon,.section-icon{align-items:center;color:#ffffffb3;display:flex;font-size:18px;height:24px;justify-content:center;margin-right:12px;width:24px}.item-label,.section-title{color:#ffffffb3;flex:1 1;font-size:14px}.arrow-icon{color:#ffffff80;font-size:10px;transition:transform .2s}.arrow-icon.expanded{transform:rotate(180deg)}.section-items{padding-left:16px}.nav-item{align-items:center;border-radius:8px;cursor:pointer;display:flex;margin:4px 0;padding:8px 16px;transition:background-color .2s}.nav-item:hover{background-color:#ffffff14}.nav-item.active{background-color:#3a57e8;color:#fff}.nav-item.active .item-icon,.nav-item.active .item-label{color:#fff}@media (max-width:576px){.sidebar{display:none}}.main-content{box-sizing:border-box;flex:1 1;margin-left:260px;padding:20px;transition:margin-left .3s ease;width:calc(100% - 260px)}.main-content .sidebar-collapsed{margin-left:80px;width:calc(100% - 80px)}@media (max-width:576px){.main-content{margin-left:0;padding:0;width:100%}}body,html{height:100%;margin:0;padding:0}.app-main-container{display:flex;padding:25px 10px}.main-container{display:block;flex-direction:column;width:100%}.main-container .card-container{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr 1fr;padding:0}.main-container .chart-container{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 2fr;padding:20px 0 0}.main-container .chart-container .linegraph-chart-container,.main-container .chart-container .piechart-chart-container{display:grid}.main-container .countrysales-container{grid-gap:10px;display:grid;gap:10px;grid-template-columns:2fr 1fr;padding:0 0 20px}.main-container .countrysales-container .bar-chart-container{display:grid}.main-container .countrysales-container .countrysales-chart-container{display:grid;width:100%}.main-container .top-selling-container{display:grid;grid-template-columns:1fr}@media (max-width:576px){.app-main-container{padding-bottom:90px}.main-container{overflow-x:hidden}.main-container .card-container,.main-container .chart-container,.main-container .countrysales-container,.main-container .countrysales-container .countrysales-chart-container{grid-template-columns:1fr}}
/*# sourceMappingURL=main.ba48cce0.css.map*/