.dashboard-page{flex-direction:column;gap:1.5rem;display:flex}.dashboard-page-header{justify-content:space-between;align-items:flex-start;gap:1.5rem;margin-bottom:1.5rem;padding:0;display:flex}.dashboard-page-header .info{flex:1;min-width:0}.dashboard-page-header .info h1{color:var(--text-primary);letter-spacing:-.02em;margin:0 0 .5rem;font-size:28px;font-weight:600;line-height:1.2}.dashboard-page-header .info p{color:var(--text-secondary);margin:0;font-size:14px;line-height:1.5}.dashboard-filters-inline{flex-wrap:wrap;flex-shrink:0;align-items:flex-end;gap:1rem;display:flex}.dashboard-filters{background-color:var(--background);border:1px solid var(--border);border-radius:8px;margin-bottom:1.5rem;padding:1.5rem}.date-range-inputs{flex-wrap:wrap;align-items:flex-end;gap:1rem;display:flex}.dashboard-filters-inline .date-range-inputs{margin:0}.date-input-group{flex-direction:column;gap:.5rem;min-width:180px;display:flex}.date-input-group label{color:var(--text-secondary);align-items:center;gap:.5rem;font-size:13px;font-weight:500;display:flex}.date-input-group input[type=date]{border:1px solid var(--border);background-color:var(--background);color:var(--text-primary);border-radius:6px;padding:.625rem .75rem;font-size:14px;transition:all .15s cubic-bezier(.4,0,.2,1)}.date-input-group input[type=date]:focus{border-color:var(--foreground);outline:none;box-shadow:0 0 0 3px #0000000d}.date-input-group .select-wrapper{position:relative}.date-input-group select{border:1px solid var(--border);background-color:var(--background);width:100%;color:var(--text-primary);cursor:pointer;appearance:none;border-radius:6px;padding:.625rem 2.5rem .625rem .75rem;font-size:14px;transition:all .15s cubic-bezier(.4,0,.2,1)}.date-input-group select:focus{border-color:var(--foreground);outline:none;box-shadow:0 0 0 3px #0000000d}.date-input-group .select-arrow{pointer-events:none;color:var(--text-secondary);position:absolute;bottom:.75rem;right:.75rem}.clear-filters-btn{border:1px solid var(--border);background-color:var(--background);color:var(--text-secondary);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;width:42px;height:42px;padding:.625rem;transition:all .15s cubic-bezier(.4,0,.2,1);display:flex}.clear-filters-btn:hover{background-color:var(--background-secondary);color:var(--text-primary);border-color:var(--text-secondary)}.dashboard-loader{text-align:center;color:var(--text-secondary);padding:3rem}.metrics-grid-new{grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.5rem;display:grid}.metric-card-new{background-color:var(--background);border:1px solid var(--border);border-radius:8px;flex-direction:column;gap:.75rem;padding:1.25rem;display:flex}.metric-card-header{justify-content:space-between;align-items:center;display:flex}.metric-title-new{color:var(--text-secondary);font-size:14px;font-weight:500}.metric-icon-new{background-color:var(--background-secondary);width:32px;height:32px;color:var(--text-primary);border-radius:6px;justify-content:center;align-items:center;display:flex}.metric-value-new{color:var(--text-primary);font-size:24px;font-weight:600;line-height:1.2}.metric-footer{justify-content:space-between;align-items:center;margin-top:.5rem;display:flex}.metric-change-new{align-items:center;gap:.25rem;font-size:12px;font-weight:500;display:flex}.metric-change-label{color:var(--text-secondary);margin-left:.25rem;font-weight:400}.metric-mini-chart{justify-content:flex-end;align-items:center;width:100px;height:40px;display:flex}.dashboard-middle-section{grid-template-columns:2fr 1fr;gap:1.5rem;margin-bottom:1.5rem;display:grid}.chart-card-new{background-color:var(--background);border:1px solid var(--border);border-radius:8px;flex-direction:column;gap:1rem;padding:1.5rem;display:flex}.chart-header{justify-content:space-between;align-items:flex-start;display:flex}.chart-header h3{color:var(--text-primary);margin:0 0 .5rem;font-size:16px;font-weight:600}.chart-summary{align-items:center;gap:.5rem;display:flex}.chart-value{color:var(--text-primary);font-size:20px;font-weight:600}.chart-change{align-items:center;gap:.25rem;font-size:13px;font-weight:500;display:flex}.chart-select{border:1px solid var(--border);background-color:var(--background);color:var(--text-primary);cursor:pointer;appearance:none;border-radius:6px;padding:.5rem 2rem .5rem .75rem;font-size:13px}.chart-container-new{width:100%;height:250px;min-height:200px;position:relative}.chart-container-new canvas{max-width:100%!important;height:auto!important}.countries-card{background-color:var(--background);border:1px solid var(--border);border-radius:8px;flex-direction:column;gap:1rem;padding:1.5rem;display:flex}.countries-card h3{color:var(--text-secondary);margin:0;font-size:14px;font-weight:500}.countries-list{flex-direction:column;gap:1rem;display:flex}.country-item{flex-direction:column;gap:.5rem;display:flex}.country-info{align-items:center;gap:.5rem;display:flex}.country-flag{font-size:20px}.country-name{color:var(--text-primary);font-size:14px;font-weight:500}.country-progress{align-items:center;gap:.75rem;display:flex}.progress-bar{background-color:var(--background-secondary);border-radius:4px;flex:1;height:8px;overflow:hidden}.progress-fill{background-color:var(--foreground);border-radius:4px;height:100%;transition:width .3s}.country-percentage{color:var(--text-primary);text-align:right;min-width:35px;font-size:13px;font-weight:500}.dashboard-bottom-section{grid-template-columns:2fr 1fr;gap:1.5rem;display:grid}.transaction-card,.recent-orders-card{background-color:var(--background);border:1px solid var(--border);border-radius:8px;flex-direction:column;gap:1rem;padding:1.5rem;display:flex}.transaction-table{border-collapse:collapse;width:100%}.transaction-table thead{background-color:var(--background-secondary)}.transaction-table th{text-align:left;color:var(--text-secondary);border-bottom:1px solid var(--border);padding:.75rem;font-size:13px;font-weight:500}.transaction-table td{color:var(--text-primary);border-bottom:1px solid var(--border);padding:.75rem;font-size:14px}.transaction-table tbody tr:hover{background-color:var(--background-secondary)}.transaction-table input[type=checkbox]{cursor:pointer}.recent-orders-list{flex-direction:column;gap:1rem;display:flex}.recent-order-item{border:1px solid var(--border);border-radius:6px;align-items:center;gap:1rem;padding:.75rem;transition:all .15s;display:flex}.recent-order-item:hover{background-color:var(--background-secondary)}.order-product-image{background-color:var(--background-secondary);width:48px;height:48px;color:var(--text-secondary);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.order-product-info{flex-direction:column;flex:1;gap:.25rem;display:flex}.order-product-name{color:var(--text-primary);font-size:14px;font-weight:500}.order-product-price{color:var(--text-primary);font-size:16px;font-weight:600}.secondary-btn{border:1px solid var(--border);background-color:var(--background);color:var(--text-primary);cursor:pointer;border-radius:6px;padding:.5rem 1rem;font-size:13px;transition:all .15s}.secondary-btn:hover{background-color:var(--background-secondary);border-color:var(--text-secondary)}@media (max-width:1200px){.metrics-grid-new{grid-template-columns:repeat(2,1fr)}.dashboard-middle-section,.dashboard-bottom-section{grid-template-columns:1fr}}@media (max-width:968px){.dashboard-page-header{flex-direction:column;align-items:stretch}.dashboard-filters-inline,.dashboard-filters-inline .date-range-inputs{width:100%}.dashboard-filters-inline .date-input-group{flex:1;min-width:150px}}@media (max-width:768px){.metrics-grid-new{grid-template-columns:1fr}.chart-header{flex-direction:column;gap:1rem}.dashboard-filters-inline .date-range-inputs{flex-direction:column;align-items:stretch}.dashboard-filters-inline .date-input-group{width:100%}.chart-container-new{height:200px;min-height:200px}.dashboard-middle-section,.dashboard-bottom-section{grid-template-columns:1fr}}.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;display:grid}.metric-card{background-color:var(--background);border:1px solid var(--border);border-radius:8px;flex-direction:column;gap:.75rem;padding:1.5rem;transition:all .15s cubic-bezier(.4,0,.2,1);display:flex}.metric-card:hover{border-color:var(--text-secondary);box-shadow:0 2px 8px #0000000d}.metric-header{align-items:center;gap:.75rem;display:flex}.metric-icon{background-color:var(--background-secondary);width:40px;height:40px;color:var(--text-primary);border-radius:8px;justify-content:center;align-items:center;display:flex}.metric-title{color:var(--text-secondary);font-size:14px;font-weight:500}.metric-value{color:var(--text-primary);font-size:28px;font-weight:600;line-height:1.2}.metric-subtitle{color:var(--text-secondary);font-size:13px}.metric-change{align-items:center;gap:.25rem;font-size:13px;font-weight:500;display:flex}.charts-grid{grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:1.5rem;display:grid}.chart-card{background-color:var(--background);border:1px solid var(--border);border-radius:8px;flex-direction:column;gap:1rem;padding:1.5rem;display:flex}.chart-card h3{color:var(--text-primary);margin:0;font-size:16px;font-weight:600}.chart-container{height:300px;position:relative}.additional-metrics{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;display:grid}.metric-section{background-color:var(--background);border:1px solid var(--border);border-radius:8px;padding:1.5rem}.metric-section h3{color:var(--text-primary);border-bottom:1px solid var(--border);margin:0 0 1rem;padding-bottom:.75rem;font-size:16px;font-weight:600}.metric-items{flex-direction:column;gap:.75rem;display:flex}.metric-item{justify-content:space-between;align-items:center;padding:.5rem 0;display:flex}.metric-label{color:var(--text-secondary);font-size:14px}.metric-value-small{color:var(--text-primary);font-size:16px;font-weight:600}.alerts-section{background-color:var(--background);border:1px solid var(--border);border-radius:8px;padding:1.5rem}.alerts-section h3{color:var(--text-primary);margin:0 0 1rem;font-size:16px;font-weight:600}.alerts-grid{flex-direction:column;gap:.75rem;display:flex}.alert{border-radius:6px;align-items:center;gap:.75rem;padding:.75rem 1rem;font-size:14px;display:flex}.alert-critical{background-color:var(--error-bg);color:var(--error);border:1px solid var(--error)}.alert-warning{background-color:var(--warning-bg);color:var(--warning);border:1px solid var(--warning)}.alert-info{background-color:var(--background-secondary);color:var(--text-primary);border:1px solid var(--border)}.recent-orders-section{background-color:var(--background);border:1px solid var(--border);border-radius:8px;padding:1.5rem}.section-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;display:flex}.section-header h3{color:var(--text-primary);margin:0;font-size:16px;font-weight:600}.recent-orders-section .table-container{border:none;max-height:500px;margin-top:0}.recent-orders-section table tbody tr:hover{background-color:var(--background-secondary)}.status-badge.pending{background-color:var(--warning-bg);color:var(--warning)}.status-badge.processing{background-color:var(--background-secondary);color:var(--text-primary)}.status-badge.completed{background-color:var(--success-bg);color:var(--success)}.status-badge.cancelled{background-color:var(--error-bg);color:var(--error)}@media (max-width:768px){.metrics-grid,.charts-grid,.additional-metrics{grid-template-columns:1fr}.chart-container{height:250px}}