:root{--dashboard-bg: #f9fafb;--dashboard-card-bg: #ffffff;--dashboard-border: #e5e7eb;--dashboard-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--dashboard-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--dashboard-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--dashboard-text: #1e293b;--dashboard-text-secondary: #64748b;--dashboard-primary: #667eea;--dashboard-primary-hover: #764ba2;--dashboard-primary-light: rgba(102, 126, 234, .1);--dashboard-success: #10b981;--dashboard-warning: #f59e0b;--dashboard-error: #ef4444;--dashboard-info: #3b82f6;--dashboard-radius: .75rem;--dashboard-radius-lg: 1rem;--dashboard-radius-xl: 1.5rem;--dashboard-transition: all .3s cubic-bezier(.4, 0, .2, 1);--dashboard-spacing: 1.5rem;--dashboard-spacing-lg: 2rem;--dashboard-spacing-xl: 3rem;--dashboard-spacing-2xl: 4rem;--dashboard-gradient-primary: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--dashboard-gradient-success: linear-gradient(135deg, #10b981 0%, #059669 100%);--dashboard-gradient-secondary: linear-gradient(135deg, #6b7280 0%, #4b5563 100%);--dashboard-gradient-ciano: linear-gradient(135deg, #06b6d4 0%, #0891b2 100%)}.dark{--dashboard-bg: #0f172a;--dashboard-card-bg: #1e293b;--dashboard-border: #334155;--dashboard-shadow: 0 1px 3px 0 rgba(0, 0, 0, .3), 0 1px 2px 0 rgba(0, 0, 0, .2);--dashboard-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .3), 0 4px 6px -2px rgba(0, 0, 0, .2);--dashboard-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .3), 0 10px 10px -5px rgba(0, 0, 0, .2);--dashboard-text: #f1f5f9;--dashboard-text-secondary: #94a3b8;--dashboard-primary: #667eea;--dashboard-primary-hover: #764ba2;--dashboard-primary-light: rgba(102, 126, 234, .2)}.dashboard-page{min-height:calc(100vh - 80px);background:var(--dashboard-bg);padding:var(--dashboard-spacing) 0 var(--dashboard-spacing-2xl) 0;padding-bottom:4rem}.dashboard-container{max-width:1400px;margin:0 auto;padding:0 var(--dashboard-spacing);margin-bottom:2rem}.dashboard-header{background:var(--dashboard-bg);border-bottom:3px solid #667eea;padding:2rem 1.5rem 1.5rem;margin:0 0 2rem;text-align:center}.dashboard-title{display:flex;align-items:center;justify-content:center;gap:.75rem;font-size:1.875rem;font-weight:700;color:var(--dashboard-text);margin:0 0 .5rem}.dashboard-title ion-icon{font-size:2rem;color:#667eea}.dashboard-subtitle{font-size:1rem;color:var(--dashboard-text-secondary);margin:0 0 .5rem;font-weight:400}.dashboard-welcome{font-size:1rem;color:var(--dashboard-text);margin:0;font-weight:500}.dashboard-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--dashboard-spacing-lg);margin-bottom:var(--dashboard-spacing-2xl)}.dashboard-card{background:var(--dashboard-card-bg);border-radius:var(--dashboard-radius-lg);box-shadow:var(--dashboard-shadow-lg);padding:var(--dashboard-spacing-lg);transition:var(--dashboard-transition);border:1px solid var(--dashboard-border);position:relative;overflow:hidden}.dashboard-card:hover{transform:translateY(-4px);box-shadow:var(--dashboard-shadow-xl);border-color:var(--dashboard-primary)}.dashboard-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--dashboard-primary),var(--dashboard-primary-hover));opacity:0;transition:var(--dashboard-transition)}.dashboard-card:hover:before{opacity:1}.dashboard-card-link{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:inherit;height:100%}.dashboard-card-icon{display:flex;align-items:center;justify-content:center;width:4rem;height:4rem;background:var(--dashboard-gradient-primary);border-radius:var(--dashboard-radius-lg);margin-bottom:var(--dashboard-spacing);transition:var(--dashboard-transition);box-shadow:0 4px 10px #667eea4d}.dashboard-card:hover .dashboard-card-icon{transform:scale(1.05) translateY(-4px);box-shadow:0 6px 16px #667eea66}.dashboard-card-icon ion-icon{font-size:2rem;color:#fff}.dashboard-card-title{font-size:1.25rem;font-weight:600;color:var(--dashboard-text);margin:0 0 .5rem;text-align:center}.dashboard-card-description{font-size:.875rem;color:var(--dashboard-text-secondary);text-align:center;line-height:1.5;margin:0}.dashboard-sections{display:grid;grid-template-columns:1fr;gap:var(--dashboard-spacing-xl)}.dashboard-section{background:var(--dashboard-card-bg);border-radius:var(--dashboard-radius-lg);box-shadow:var(--dashboard-shadow-lg);overflow:hidden;border:1px solid var(--dashboard-border);margin-top:1.5rem}.section-header{display:flex;align-items:center;justify-content:space-between;padding:var(--dashboard-spacing-lg);border-bottom:1px solid var(--dashboard-border);background:linear-gradient(135deg,var(--dashboard-bg),var(--dashboard-card-bg))}.section-title{display:flex;align-items:center;gap:.75rem;font-size:1.5rem;font-weight:600;color:var(--dashboard-text);margin:0}.section-title ion-icon{color:var(--dashboard-primary)}.section-action{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--dashboard-primary);color:#fff;border:none;border-radius:var(--dashboard-radius);font-size:.875rem;font-weight:500;text-decoration:none;transition:var(--dashboard-transition)}.section-action:hover{background:var(--dashboard-primary-hover);transform:translateY(-1px)}.section-content{padding:var(--dashboard-spacing-lg)}.dashboard-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--dashboard-spacing);margin-bottom:var(--dashboard-spacing-xl)}.stat-card{background:var(--dashboard-card-bg);border-radius:var(--dashboard-radius);padding:var(--dashboard-spacing);border:1px solid var(--dashboard-border);text-align:center;transition:var(--dashboard-transition)}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--dashboard-shadow-lg)}.stat-value{font-size:2rem;font-weight:700;color:var(--dashboard-primary);margin:0 0 .5rem}.stat-label{font-size:.875rem;color:var(--dashboard-text-secondary);margin:0;text-transform:uppercase;letter-spacing:.05em}.items-list{display:flex;flex-direction:column;gap:1rem}.item-card{display:flex;align-items:center;gap:var(--dashboard-spacing);padding:var(--dashboard-spacing);background:var(--dashboard-bg);border-radius:var(--dashboard-radius);border:1px solid var(--dashboard-border);transition:var(--dashboard-transition)}.item-card:hover{background:var(--dashboard-card-bg);border-color:var(--dashboard-primary);transform:translate(4px)}.item-image{width:3rem;height:3rem;border-radius:var(--dashboard-radius);background:var(--dashboard-border);display:flex;align-items:center;justify-content:center;flex-shrink:0}.item-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:var(--dashboard-radius)}.item-image ion-icon{font-size:1.5rem;color:var(--dashboard-text-secondary)}.item-details{flex:1;min-width:0}.item-title{font-size:1rem;font-weight:600;color:var(--dashboard-text);margin:0 0 .25rem;line-height:1.3}.item-meta{font-size:.875rem;color:var(--dashboard-text-secondary);margin:0}.item-status{padding:.25rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.item-status.pending{background:#f59e0b1a;color:var(--dashboard-warning)}.item-status.processing{background:#3b82f61a;color:var(--dashboard-info)}.item-status.shipped,.item-status.delivered{background:#10b9811a;color:var(--dashboard-success)}.item-action{padding:.5rem 1rem;background:var(--dashboard-primary);color:#fff;border:none;border-radius:var(--dashboard-radius);font-size:.875rem;font-weight:500;text-decoration:none;transition:var(--dashboard-transition)}.item-action:hover{background:var(--dashboard-primary-hover);transform:translateY(-1px)}.empty-state{text-align:center;padding:var(--dashboard-spacing-2xl);color:var(--dashboard-text-secondary)}.empty-state ion-icon{font-size:4rem;margin-bottom:var(--dashboard-spacing);opacity:.5}.empty-state h3{font-size:1.5rem;font-weight:600;color:var(--dashboard-text);margin:0 0 .5rem}.empty-state p{font-size:1rem;margin:0 0 var(--dashboard-spacing) 0}@media(max-width:1200px){.dashboard-cards{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--dashboard-spacing)}}@media(max-width:1024px){.dashboard-cards{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.dashboard-stats{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}}@media(max-width:768px){.dashboard-page{padding:1rem 0 3rem}.dashboard-container{padding:0 1rem;margin-bottom:1.5rem}.dashboard-header{margin-bottom:var(--dashboard-spacing-xl)}.dashboard-title{font-size:2rem}.dashboard-title ion-icon{font-size:2rem}.dashboard-cards{grid-template-columns:1fr;gap:var(--dashboard-spacing)}.dashboard-stats{grid-template-columns:repeat(2,1fr);gap:var(--dashboard-spacing)}.section-header{flex-direction:column;gap:var(--dashboard-spacing);align-items:flex-start}.item-card{flex-direction:column;align-items:flex-start;gap:var(--dashboard-spacing)}.item-action{align-self:stretch;text-align:center}}@media(max-width:480px){.dashboard-stats{grid-template-columns:1fr}.stat-value{font-size:1.5rem}.dashboard-card{padding:var(--dashboard-spacing)}.dashboard-card-icon{width:3rem;height:3rem}.dashboard-card-icon ion-icon{font-size:1.5rem}}.dashboard-tabs-container{background:var(--dashboard-card-bg);border-radius:var(--dashboard-radius-lg);box-shadow:var(--dashboard-shadow-lg);border:1px solid var(--dashboard-border);overflow:hidden;margin-top:var(--dashboard-spacing-xl)}.dashboard-tabs-nav{display:flex;background:var(--dashboard-bg);border-bottom:1px solid var(--dashboard-border);overflow-x:auto}.dashboard-tab-btn{display:flex;align-items:center;gap:.5rem;padding:1rem 1.5rem;background:none;border:none;color:var(--dashboard-text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;transition:var(--dashboard-transition);white-space:nowrap;border-bottom:3px solid transparent}.dashboard-tab-btn:hover{color:var(--dashboard-text);background:var(--dashboard-card-bg)}.dashboard-tab-btn.active{color:var(--dashboard-primary);background:var(--dashboard-card-bg);border-bottom-color:var(--dashboard-primary)}.dashboard-tab-btn ion-icon{font-size:1.25rem}.dashboard-tab-content{padding:var(--dashboard-spacing-xl)}.dashboard-tab-pane{display:none}.dashboard-tab-pane.active{display:block}.dashboard-nav-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--dashboard-spacing);margin-bottom:var(--dashboard-spacing-xl)}.nav-card{display:flex;flex-direction:column;align-items:center;padding:var(--dashboard-spacing);background:var(--dashboard-card-bg);border-radius:var(--dashboard-radius);border:1px solid var(--dashboard-border);text-decoration:none;color:inherit;transition:var(--dashboard-transition)}.nav-card:hover{transform:translateY(-2px);box-shadow:var(--dashboard-shadow-lg);border-color:var(--dashboard-primary)}.nav-card-icon{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;background:var(--dashboard-gradient-primary);border-radius:var(--dashboard-radius);margin-bottom:var(--dashboard-spacing);transition:var(--dashboard-transition);box-shadow:0 2px 8px #667eea33}.nav-card:hover .nav-card-icon{transform:scale(1.05) translateY(-2px);box-shadow:0 4px 12px #667eea4d}.nav-card-icon ion-icon{font-size:1.5rem;color:#fff}.nav-card-title{font-size:1rem;font-weight:600;color:var(--dashboard-text);margin:0 0 .25rem;text-align:center}.nav-card-description{font-size:.75rem;color:var(--dashboard-text-secondary);text-align:center;margin:0}.dashboard-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--dashboard-spacing);margin-bottom:var(--dashboard-spacing-xl)}.dashboard-stat-card{display:flex;align-items:center;gap:var(--dashboard-spacing);padding:var(--dashboard-spacing);background:var(--dashboard-card-bg);border-radius:var(--dashboard-radius);border:1px solid var(--dashboard-border);transition:var(--dashboard-transition)}.dashboard-stat-card:hover{transform:translateY(-2px);box-shadow:var(--dashboard-shadow-lg)}.dashboard-stat-icon{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;background:var(--dashboard-gradient-primary);border-radius:var(--dashboard-radius);flex-shrink:0;box-shadow:0 2px 6px #667eea33}.dashboard-stat-icon ion-icon{font-size:1.5rem;color:#fff}.dashboard-stat-content{flex:1}.dashboard-stat-value{font-size:1.5rem;font-weight:700;color:var(--dashboard-text);margin:0 0 .25rem}.dashboard-stat-label{font-size:.875rem;color:var(--dashboard-text-secondary);margin:0}.dashboard-chart-section{background:var(--dashboard-bg);border-radius:8px;border:1px solid var(--dashboard-border);box-shadow:0 1px 3px #0000001a;overflow:hidden;margin-bottom:1.5rem}.dashboard-chart-header{padding:1rem 1.5rem;background:var(--dashboard-gradient-ciano);border-bottom:none}.dashboard-chart-title{display:flex;align-items:center;gap:.75rem;font-size:1.125rem;font-weight:600;color:#fff;margin:0;text-shadow:0 1px 2px rgba(0,0,0,.1)}.dashboard-chart-title ion-icon{font-size:1.25rem;color:#fff}.dashboard-chart-container{position:relative;height:300px;padding:1.5rem;background:var(--dashboard-bg)}#spendingChart{background:var(--dashboard-bg)!important;border-radius:.5rem}.dashboard-construction-badge{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#e0e7ff,#c7d2fe);color:#6366f1;padding:.5rem 1rem;border-radius:1rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;box-shadow:0 2px 4px #6366f11a;margin-left:auto;border:1px solid rgba(99,102,241,.2)}.dashboard-construction-badge ion-icon{font-size:1rem}.dashboard-stat-note{font-size:.75rem;color:#8b5cf6;font-weight:500;text-transform:uppercase;letter-spacing:.05em;margin-top:.25rem}.dashboard-section-header{padding:1rem 1.5rem;border-bottom:none;background:var(--dashboard-gradient-primary);display:flex;align-items:center;gap:.75rem;justify-content:space-between}.dashboard-section-icon{width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;background:#fff3;border-radius:50%;color:#fff;font-size:1.25rem;box-shadow:0 2px 8px #0000001a;flex-shrink:0}.dashboard-section-title{display:flex;align-items:center;gap:.75rem;font-size:1.125rem;font-weight:600;color:#fff;margin:0;text-shadow:0 1px 2px rgba(0,0,0,.1)}.dashboard-section-title ion-icon{font-size:1.25rem;color:#fff}.dashboard-section-action{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:6px;font-size:.875rem;font-weight:500;text-decoration:none;transition:var(--dashboard-transition)}.dashboard-section-action:hover{background:#ffffff4d;border-color:#ffffff80;color:#fff;transform:translateY(-1px)}.dashboard-section-content{padding:var(--dashboard-spacing)}.dashboard-list{display:flex;flex-direction:column;gap:1rem}.dashboard-list-item{display:flex;align-items:center;gap:var(--dashboard-spacing);padding:var(--dashboard-spacing);background:var(--dashboard-bg);border-radius:var(--dashboard-radius);border:1px solid var(--dashboard-border);transition:var(--dashboard-transition)}.dashboard-list-item:hover{background:var(--dashboard-card-bg);border-color:var(--dashboard-primary);transform:translate(4px)}.dashboard-list-icon,.dashboard-list-image{width:3rem;height:3rem;border-radius:var(--dashboard-radius);background:var(--dashboard-border);display:flex;align-items:center;justify-content:center;flex-shrink:0}.dashboard-list-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:var(--dashboard-radius)}.dashboard-list-icon ion-icon{font-size:1.5rem;color:var(--dashboard-text-secondary)}.dashboard-order-image{width:80px;height:80px;border-radius:8px;overflow:hidden;flex-shrink:0;border:1px solid var(--dashboard-border);background:var(--dashboard-bg)}.dashboard-order-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.dashboard-list-content{flex:1;min-width:0}.dashboard-list-title{font-size:1rem;font-weight:600;color:var(--dashboard-text);margin:0 0 .25rem;line-height:1.3}.dashboard-list-meta{font-size:.875rem;color:var(--dashboard-text-secondary);margin:0}.dashboard-list-products{color:var(--dashboard-text-secondary);font-size:.875rem;margin-top:.5rem;display:flex;align-items:center;gap:.375rem}.dashboard-more-items{color:var(--dashboard-primary);font-weight:500;font-size:.8125rem}.dashboard-list-total{color:var(--dashboard-text);font-size:.9375rem;margin-top:.5rem}.dashboard-list-total strong{color:var(--dashboard-primary)}.dashboard-filters{padding:var(--dashboard-spacing);border-bottom:1px solid var(--dashboard-border);background:var(--dashboard-card-bg);display:flex;justify-content:center;align-items:center;gap:.5rem}.dashboard-filter-form{display:flex;align-items:center;gap:.5rem}.dashboard-filter-group{display:flex;flex-direction:column;gap:.5rem}.dashboard-filter-label{font-size:.875rem;font-weight:500;color:var(--dashboard-text-secondary)}.dashboard-filter-select{padding:.5rem .75rem;border:1px solid var(--dashboard-border);border-radius:var(--dashboard-radius);background:var(--dashboard-bg);color:var(--dashboard-text);font-size:.875rem;transition:border-color .2s ease}.dashboard-filter-select:focus{outline:none;border-color:var(--dashboard-primary);box-shadow:0 0 0 3px #667eea1a}.dashboard-search-group{display:flex;gap:.5rem}.dashboard-search-input{flex:1;padding:.5rem .75rem;border:1px solid var(--dashboard-border);border-radius:var(--dashboard-radius);background:var(--dashboard-bg);color:var(--dashboard-text);font-size:.875rem}.dashboard-search-input:focus{outline:none;border-color:var(--dashboard-primary);box-shadow:0 0 0 3px #667eea1a}.dashboard-search-btn{padding:.5rem .75rem;background:var(--dashboard-primary);color:#fff;border:none;border-radius:var(--dashboard-radius);cursor:pointer;transition:background-color .2s ease}.dashboard-search-btn:hover{background:var(--dashboard-primary-hover)}.dashboard-filter-clear{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .75rem;color:var(--dashboard-error);text-decoration:none;font-size:.875rem;border:1px solid var(--dashboard-error);border-radius:var(--dashboard-radius);transition:all .2s ease}.dashboard-filter-clear:hover{background:var(--dashboard-error);color:#fff}.dashboard-stat-badge{padding:.25rem .5rem;background:transparent;color:#fff;border-radius:1rem;font-size:.75rem;font-weight:600;border:none}.dashboard-action-btn{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem .75rem;background:var(--dashboard-primary);color:#fff;text-decoration:none;border:none;border-radius:var(--dashboard-radius);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.dashboard-action-btn:hover{background:var(--dashboard-primary-hover);color:#fff;text-decoration:none}.dashboard-action-btn--danger{background:var(--dashboard-error)}.dashboard-action-btn--danger:hover{background:#dc2626}.dashboard-list-actions{display:flex;flex-direction:column;gap:.5rem;min-width:120px}.dashboard-section-actions{display:flex;align-items:center;gap:1rem}.dashboard-pagination{padding:var(--dashboard-spacing);border-top:1px solid var(--dashboard-border);background:var(--dashboard-card-bg);display:flex;flex-direction:column;gap:1rem}.dashboard-pagination-info{font-size:.875rem;color:var(--dashboard-text-secondary);text-align:center}.dashboard-pagination-links{display:flex;justify-content:center;gap:.5rem}.dashboard-pagination-links .pagination{display:flex;gap:.25rem;margin:0}.dashboard-pagination-links .page-link{padding:.5rem .75rem;border:1px solid var(--dashboard-border);background:var(--dashboard-bg);color:var(--dashboard-text);text-decoration:none;border-radius:var(--dashboard-radius);font-size:.875rem;transition:all .2s ease}.dashboard-pagination-links .page-link:hover,.dashboard-pagination-links .page-item.active .page-link{background:var(--dashboard-primary);color:#fff;border-color:var(--dashboard-primary)}.dashboard-pagination-links .page-item.disabled .page-link{background:var(--dashboard-border);color:var(--dashboard-text-secondary);cursor:not-allowed}.dashboard-status-badge{padding:.25rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.dashboard-status-badge.pending{background:#f59e0b1a;color:var(--dashboard-warning)}.dashboard-status-badge.processing{background:#3b82f61a;color:var(--dashboard-info)}.dashboard-status-badge.shipped,.dashboard-status-badge.delivered,.dashboard-status-badge.approved{background:#10b9811a;color:var(--dashboard-success)}.dashboard-status-badge.rejected{background:#ef44441a;color:var(--dashboard-error)}.dashboard-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--dashboard-gradient-success);color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:600;text-decoration:none;transition:var(--dashboard-transition);box-shadow:0 2px 4px #10b98133}.dashboard-btn:hover{transform:translateY(-2px);box-shadow:0 4px 8px #10b9814d}.dashboard-empty-state{text-align:center;padding:var(--dashboard-spacing-2xl);color:var(--dashboard-text-secondary)}.dashboard-empty-state ion-icon{font-size:4rem;margin-bottom:var(--dashboard-spacing);opacity:.5}.dashboard-empty-state h3{font-size:1.5rem;font-weight:600;color:var(--dashboard-text);margin:0 0 .5rem}.dashboard-empty-state p{font-size:1rem;margin:0 0 var(--dashboard-spacing) 0}.dashboard-settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--dashboard-spacing)}.dashboard-setting-card{display:flex;flex-direction:column;align-items:center;padding:var(--dashboard-spacing);background:var(--dashboard-bg);border-radius:var(--dashboard-radius);border:1px solid var(--dashboard-border);text-decoration:none;color:inherit;transition:var(--dashboard-transition)}.dashboard-setting-card:hover{background:var(--dashboard-card-bg);border-color:var(--dashboard-primary);transform:translateY(-2px)}.dashboard-setting-icon{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;background:var(--dashboard-gradient-primary);border-radius:var(--dashboard-radius);margin-bottom:var(--dashboard-spacing);box-shadow:0 2px 6px #667eea33}.dashboard-setting-icon ion-icon{font-size:1.25rem;color:#fff}.dashboard-setting-title{font-size:1rem;font-weight:600;color:var(--dashboard-text);margin:0 0 .25rem;text-align:center}.dashboard-setting-description{font-size:.875rem;color:var(--dashboard-text-secondary);text-align:center;margin:0}@media(max-width:768px){.dashboard-tabs-nav{flex-direction:column}.dashboard-tab-btn{justify-content:flex-start;border-bottom:none;border-right:3px solid transparent}.dashboard-tab-btn.active{border-bottom:none;border-right-color:var(--dashboard-primary)}.dashboard-nav-cards{grid-template-columns:repeat(2,1fr)}.dashboard-stats-grid{grid-template-columns:1fr}.dashboard-list-item{flex-direction:column;align-items:flex-start;gap:var(--dashboard-spacing)}.dashboard-list-actions{align-self:stretch;justify-content:space-between}.dashboard-settings-grid{grid-template-columns:1fr}}.profile-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--dashboard-spacing)}.profile-info-item{padding:var(--dashboard-spacing);background:var(--dashboard-bg);border-radius:var(--dashboard-radius);border:1px solid var(--dashboard-border)}.profile-info-label{font-size:.875rem;color:var(--dashboard-text-secondary);margin-bottom:.5rem;font-weight:500}.profile-info-value{font-size:1rem;color:var(--dashboard-text);font-weight:600}.profile-photo-section{display:flex;align-items:center;gap:var(--dashboard-spacing-xl);padding:var(--dashboard-spacing-xl);background:var(--dashboard-bg);border-radius:var(--dashboard-radius);border:1px solid var(--dashboard-border)}.profile-photo-container{position:relative}.profile-photo{width:120px;height:120px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:4px solid var(--dashboard-primary)}.profile-photo-placeholder{width:120px;height:120px;border-radius:50%;background:var(--dashboard-border);display:flex;align-items:center;justify-content:center;border:4px solid var(--dashboard-primary)}.profile-photo-placeholder ion-icon{font-size:3rem;color:var(--dashboard-text-secondary)}.profile-photo-actions{display:flex;flex-direction:column;gap:var(--dashboard-spacing)}.profile-photo-form{display:inline-block}.profile-form{max-width:500px}.form-group{margin-bottom:1.5rem}.form-label{display:block;font-size:.875rem;font-weight:600;color:var(--dashboard-text);margin-bottom:.5rem}.form-input{width:100%;padding:.75rem 1rem;border:1px solid var(--dashboard-border);border-radius:var(--dashboard-radius);font-size:1rem;color:var(--dashboard-text);background:var(--dashboard-card-bg);transition:var(--dashboard-transition)}.form-input:focus{outline:none;border-color:var(--dashboard-primary);box-shadow:0 0 0 3px #8b5cf61a}.form-error{display:block;font-size:.875rem;color:var(--dashboard-error);margin-top:.25rem}.form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem}.section-description{color:var(--dashboard-text-secondary);margin-bottom:var(--dashboard-spacing);line-height:1.6}.danger-zone{background:#ef44440d;border:1px solid rgba(239,68,68,.2);border-radius:var(--dashboard-radius);padding:var(--dashboard-spacing-xl)}.danger-zone-content{text-align:center}.danger-zone-title{font-size:1.25rem;font-weight:600;color:var(--dashboard-error);margin:0 0 .5rem}.danger-zone-description{color:var(--dashboard-text-secondary);margin-bottom:var(--dashboard-spacing-xl);line-height:1.6}@media(max-width:768px){.profile-photo-section{flex-direction:column;text-align:center}.profile-info-grid{grid-template-columns:1fr}.profile-photo-actions{flex-direction:row;justify-content:center}}.dashboard-breadcrumb{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:1.5rem;padding:.75rem 1rem;background:var(--dashboard-card-bg);border-radius:var(--dashboard-radius);border:1px solid var(--dashboard-border);font-size:.875rem;box-shadow:var(--dashboard-shadow)}.dashboard-breadcrumb-nav{display:flex;align-items:center;gap:.5rem}.dashboard-breadcrumb-item{display:flex;align-items:center;gap:.5rem;color:var(--dashboard-text-secondary);text-decoration:none;transition:color .2s ease}.dashboard-breadcrumb-item:hover{color:var(--dashboard-primary)}.dashboard-breadcrumb-item.active{color:var(--dashboard-text);font-weight:500}.dashboard-breadcrumb-separator{color:var(--dashboard-text-secondary);font-size:.75rem}.dashboard-breadcrumb-back{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:var(--dashboard-primary);border:1px solid var(--dashboard-primary);border-radius:var(--dashboard-radius);color:#fff;text-decoration:none;font-size:.875rem;font-weight:500;transition:all .2s ease;box-shadow:var(--dashboard-shadow)}.dashboard-breadcrumb-back:hover{background:var(--dashboard-primary-hover);border-color:var(--dashboard-primary-hover);transform:translateY(-1px);box-shadow:var(--dashboard-shadow-lg)}.dashboard-breadcrumb-back ion-icon{font-size:1rem}.dark .dashboard-breadcrumb-back,.dark .dashboard-breadcrumb-back:hover{color:#fff!important}.dashboard-back-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--dashboard-card-bg);border:1px solid var(--dashboard-border);border-radius:var(--dashboard-radius);color:var(--dashboard-text);text-decoration:none;font-size:.875rem;font-weight:500;transition:all .2s ease;margin-bottom:1rem;box-shadow:var(--dashboard-shadow)}.dashboard-back-btn:hover{background:var(--dashboard-primary);color:#fff;border-color:var(--dashboard-primary);transform:translateY(-1px);box-shadow:var(--dashboard-shadow-lg)}.dashboard-back-btn ion-icon{font-size:1rem}[data-theme=dark] .dashboard-breadcrumb{background:var(--dark-card-bg);border-color:var(--dark-border)}[data-theme=dark] .dashboard-breadcrumb-item{color:var(--dark-text-secondary)}[data-theme=dark] .dashboard-breadcrumb-item:hover{color:var(--dark-primary)}[data-theme=dark] .dashboard-breadcrumb-item.active{color:var(--dark-text-primary)}[data-theme=dark] .dashboard-breadcrumb-separator{color:var(--dark-text-secondary)}[data-theme=dark] .dashboard-back-btn{background:var(--dark-card-bg);border-color:var(--dark-border);color:var(--dark-text-primary)}[data-theme=dark] .dashboard-back-btn:hover{background:var(--dark-primary);border-color:var(--dark-primary)}.dashboard-actions{display:flex;gap:1rem;align-items:center;justify-content:flex-start;padding:1rem 0}.dashboard-actions .dashboard-back-btn{margin-bottom:0}.dashboard-actions .dashboard-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--dashboard-primary);border:1px solid var(--dashboard-primary);border-radius:var(--dashboard-radius);color:#fff;text-decoration:none;font-size:.875rem;font-weight:500;transition:all .2s ease;box-shadow:var(--dashboard-shadow)}.dashboard-actions .dashboard-btn:hover{background:var(--dashboard-primary-hover);border-color:var(--dashboard-primary-hover);transform:translateY(-1px);box-shadow:var(--dashboard-shadow-lg)}.dashboard-actions .dashboard-btn ion-icon{font-size:1rem}[data-theme=dark] .dashboard-actions .dashboard-btn{background:var(--dark-primary);border-color:var(--dark-primary)}[data-theme=dark] .dashboard-actions .dashboard-btn:hover{background:var(--dark-primary-hover);border-color:var(--dark-primary-hover)}.summary-divider{height:1px;background-color:var(--dashboard-border);margin:.75rem 0}.payment-status{padding:.25rem .5rem;border-radius:var(--dashboard-radius);font-size:.75rem;font-weight:500;text-transform:uppercase}.payment-status.pending{background-color:var(--dashboard-warning);color:#fff}.payment-status.paid{background-color:var(--dashboard-success);color:#fff}.payment-status.failed{background-color:var(--dashboard-error);color:#fff}.payment-status.refunded{background-color:var(--dashboard-text-secondary);color:#fff}[data-theme=dark] .summary-divider{background-color:var(--dark-border)}.dashboard-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-bottom:1.5rem}.dashboard-info-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--dashboard-card-bg);border:1px solid var(--dashboard-border);border-radius:var(--dashboard-radius);box-shadow:var(--dashboard-shadow);transition:all .2s ease}.dashboard-info-item:hover{transform:translateY(-2px);box-shadow:var(--dashboard-shadow-lg)}.dashboard-info-item.total{background:var(--dashboard-primary);color:#fff;border-color:var(--dashboard-primary)}.dashboard-info-item.total .dashboard-info-label,.dashboard-info-item.total .dashboard-info-value{color:#fff}.dashboard-info-icon{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;background:var(--dashboard-primary);color:#fff;border-radius:50%;font-size:1.25rem;flex-shrink:0}.dashboard-info-item.total .dashboard-info-icon{background:#fff3}.dashboard-info-content{flex:1}.dashboard-info-label{font-size:.875rem;font-weight:500;color:var(--dashboard-text-secondary);margin:0 0 .25rem}.dashboard-info-value{font-size:1rem;font-weight:600;color:var(--dashboard-text);margin:0}.dashboard-list-price{font-size:1.125rem;font-weight:600;color:var(--dashboard-text);margin-right:1rem}[data-theme=dark] .dashboard-info-item{background:var(--dark-card-bg);border-color:var(--dark-border)}[data-theme=dark] .dashboard-info-item.total{background:var(--dark-primary);border-color:var(--dark-primary)}[data-theme=dark] .dashboard-info-label{color:var(--dark-text-secondary)}[data-theme=dark] .dashboard-info-value,[data-theme=dark] .dashboard-list-price{color:var(--dark-text-primary)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{background:var(--dashboard-card-bg);border-radius:var(--dashboard-radius);box-shadow:var(--dashboard-shadow-lg);max-width:500px;width:100%;max-height:90vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--dashboard-border)}.modal-header h3{font-size:1.25rem;font-weight:600;color:var(--dashboard-text);margin:0}.modal-close{background:none;border:none;font-size:1.5rem;color:var(--dashboard-text-secondary);cursor:pointer;padding:.5rem;border-radius:var(--dashboard-radius);transition:all .2s ease}.modal-close:hover{background:var(--dashboard-border);color:var(--dashboard-text)}.modal-body{padding:1.5rem}.product-info{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:1rem;background:var(--dashboard-bg);border-radius:var(--dashboard-radius);border:1px solid var(--dashboard-border)}.product-image{width:60px;height:60px;border-radius:var(--dashboard-radius);-o-object-fit:cover;object-fit:cover}.product-details h4{font-size:1rem;font-weight:600;color:var(--dashboard-text);margin:0 0 .25rem}.product-details p{font-size:.875rem;color:var(--dashboard-text-secondary);margin:0}.form-group label{display:block;font-weight:500;color:var(--dashboard-text);margin-bottom:.5rem;font-size:.875rem}.form-input,.form-textarea{width:100%;padding:.75rem;border:1px solid var(--dashboard-border);border-radius:var(--dashboard-radius);font-size:.875rem;color:var(--dashboard-text);background:var(--dashboard-card-bg);transition:all .2s ease}.form-input:focus,.form-textarea:focus{outline:none;border-color:var(--dashboard-primary);box-shadow:0 0 0 3px #3b82f61a}.form-textarea{resize:vertical;min-height:100px}.char-counter{text-align:right;font-size:.75rem;color:var(--dashboard-text-secondary);margin-top:.25rem}.rating-input{display:flex;gap:.5rem;margin-bottom:.5rem}.rating-input input[type=radio]{display:none}.rating-star{cursor:pointer;transition:all .2s ease;font-size:1.5rem;color:var(--dashboard-border)}.rating-star:hover{transform:scale(1.1);color:#fbbf24}.rating-star ion-icon{font-size:1.5rem}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:var(--dashboard-radius);font-weight:500;font-size:.875rem;text-decoration:none;transition:all .2s ease;border:none;cursor:pointer}.btn-secondary{background:var(--dashboard-bg);color:var(--dashboard-text);border:1px solid var(--dashboard-border)}.btn-secondary:hover{background:var(--dashboard-border);color:var(--dashboard-text)}.btn-primary{background:var(--dashboard-primary);color:#fff}.btn-primary:hover{background:var(--dashboard-primary-hover);transform:translateY(-1px);box-shadow:var(--dashboard-shadow-lg)}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}[data-theme=dark] .modal-content{background:var(--dark-card-bg);border-color:var(--dark-border)}[data-theme=dark] .modal-header{border-color:var(--dark-border)}[data-theme=dark] .modal-header h3{color:var(--dark-text-primary)}[data-theme=dark] .modal-close{color:var(--dark-text-secondary)}[data-theme=dark] .modal-close:hover{background:var(--dark-border);color:var(--dark-text-primary)}[data-theme=dark] .product-info{background:var(--dark-bg);border-color:var(--dark-border)}[data-theme=dark] .product-details h4{color:var(--dark-text-primary)}[data-theme=dark] .product-details p{color:var(--dark-text-secondary)}[data-theme=dark] .form-group label{color:var(--dark-text-primary)}[data-theme=dark] .form-input,[data-theme=dark] .form-textarea{background:var(--dark-card-bg);border-color:var(--dark-border);color:var(--dark-text-primary)}[data-theme=dark] .form-input:focus,[data-theme=dark] .form-textarea:focus{border-color:var(--dark-primary)}[data-theme=dark] .char-counter{color:var(--dark-text-secondary)}[data-theme=dark] .rating-star{color:var(--dark-border)}[data-theme=dark] .btn-secondary{background:var(--dark-bg);color:var(--dark-text-primary);border-color:var(--dark-border)}[data-theme=dark] .btn-secondary:hover{background:var(--dark-border);color:var(--dark-text-primary)}[data-theme=dark] .btn-primary{background:var(--dark-primary)}[data-theme=dark] .btn-primary:hover{background:var(--dark-primary-hover)}#notification-modal .modal-content{max-width:400px;width:90%;margin:0 auto;padding:0;overflow:hidden}#notification-modal .notification-header{display:flex;align-items:center;gap:.75rem;padding:1.5rem 1.5rem 1rem;border-bottom:none;margin:0}#notification-modal .notification-header.success{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-radius:var(--dashboard-radius) var(--dashboard-radius) 0 0}#notification-modal .notification-header.error{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border-radius:var(--dashboard-radius) var(--dashboard-radius) 0 0}#notification-modal .notification-header.info{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border-radius:var(--dashboard-radius) var(--dashboard-radius) 0 0}#notification-modal .notification-icon{font-size:1.5rem;flex-shrink:0}#notification-modal .notification-title{margin:0;font-size:1.125rem;font-weight:600}#notification-modal .notification-body{padding:1rem 1.5rem;background:var(--dashboard-card-bg)}#notification-modal .notification-message{margin:0;color:var(--dashboard-text);line-height:1.5}#notification-modal .notification-footer{padding:1rem 1.5rem 1.5rem;display:flex;justify-content:flex-end;border-top:1px solid var(--dashboard-border);background:var(--dashboard-card-bg);border-radius:0 0 var(--dashboard-radius) var(--dashboard-radius)}#notification-modal .notification-btn{padding:.5rem 1.5rem;font-weight:500;border-radius:var(--dashboard-radius);transition:var(--dashboard-transition);background:var(--dashboard-gradient-primary);color:#fff;border:none;cursor:pointer}#notification-modal .notification-btn:hover{background:var(--dashboard-primary-hover);transform:translateY(-1px)}.dark #notification-modal .notification-body{background:var(--dashboard-card-bg)}.dark #notification-modal .notification-message{color:#e2e8f0}.dark #notification-modal .notification-footer{background:var(--dashboard-card-bg);border-top-color:var(--dashboard-border)}#confirmation-modal .modal-content{max-width:400px;width:90%;margin:0 auto;padding:0;overflow:hidden}#confirmation-modal .confirmation-header{display:flex;align-items:center;gap:.75rem;padding:1.5rem 1.5rem 1rem;background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;border-radius:var(--dashboard-radius) var(--dashboard-radius) 0 0;margin:0}#confirmation-modal .confirmation-icon{font-size:1.5rem;flex-shrink:0}#confirmation-modal .confirmation-title{margin:0;font-size:1.125rem;font-weight:600}#confirmation-modal .confirmation-body{padding:1rem 1.5rem;background:var(--dashboard-card-bg)}#confirmation-modal .confirmation-message{margin:0;color:var(--dashboard-text);line-height:1.5}#confirmation-modal .confirmation-footer{padding:1rem 1.5rem 1.5rem;display:flex;justify-content:flex-end;gap:.75rem;border-top:1px solid var(--dashboard-border);background:var(--dashboard-card-bg);border-radius:0 0 var(--dashboard-radius) var(--dashboard-radius)}#confirmation-modal .confirmation-cancel,#confirmation-modal .confirmation-confirm{padding:.5rem 1.5rem;font-weight:500;border-radius:var(--dashboard-radius);transition:var(--dashboard-transition);border:none;cursor:pointer;min-width:100px}#confirmation-modal .confirmation-cancel{background:#6b7280;color:#fff}#confirmation-modal .confirmation-cancel:hover{background:#4b5563;transform:translateY(-1px)}#confirmation-modal .confirmation-confirm{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}#confirmation-modal .confirmation-confirm:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-1px)}.dark #confirmation-modal .confirmation-body{background:var(--dashboard-card-bg)}.dark #confirmation-modal .confirmation-message{color:#e2e8f0}.dark #confirmation-modal .confirmation-footer{background:var(--dashboard-card-bg);border-top-color:var(--dashboard-border)}