:root{--bg-primary: #f0f4f8;--bg-secondary: #f8fafc;--bg-card: #ffffff;--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #94a3b8;--border: #e2e8f0;--border-light: #f1f5f9;--primary: #6366f1;--primary-light: #818cf8;--primary-dark: #4f46e5;--primary-glow: rgba(99, 102, 241, .25);--primary-bg: #eef2ff;--success: #10b981;--success-light: #34d399;--success-glow: rgba(16, 185, 129, .25);--success-bg: #ecfdf5;--warning: #f59e0b;--warning-light: #fbbf24;--warning-bg: #fffbeb;--danger: #ef4444;--danger-bg: #fef2f2;--info: #3b82f6;--info-light: #60a5fa;--info-bg: #eff6ff;--purple: #8b5cf6;--pink: #ec4899;--gradient-primary: linear-gradient(135deg, #6366f1, #8b5cf6);--gradient-success: linear-gradient(135deg, #10b981, #34d399);--gradient-warning: linear-gradient(135deg, #f59e0b, #fbbf24);--gradient-info: linear-gradient(135deg, #3b82f6, #60a5fa);--shadow-sm: 0 1px 2px rgba(0,0,0,.05);--shadow: 0 1px 3px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.06);--shadow-md: 0 4px 6px rgba(0,0,0,.07), 0 2px 4px rgba(0,0,0,.06);--shadow-lg: 0 10px 15px rgba(0,0,0,.08), 0 4px 6px rgba(0,0,0,.05);--shadow-xl: 0 20px 25px rgba(0,0,0,.1), 0 10px 10px rgba(0,0,0,.04);--shadow-glow: 0 0 20px var(--primary-glow), 0 4px 12px rgba(99, 102, 241, .2);--radius: 12px;--radius-sm: 8px;--radius-lg: 16px;--radius-xl: 20px;--sidebar-width: 240px;--sidebar-collapsed: 72px;--header-height: 64px;--font: "Vazirmatn", sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:15px}body{font-family:var(--font);color:var(--text-primary);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased;min-height:100vh;position:relative}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;background:radial-gradient(ellipse 80% 60% at 0% 20%,rgba(99,102,241,.06) 0%,transparent 60%),radial-gradient(ellipse 60% 50% at 100% 80%,rgba(16,185,129,.05) 0%,transparent 60%),radial-gradient(ellipse 50% 40% at 50% 50%,rgba(245,158,11,.04) 0%,transparent 60%),var(--bg-primary);animation:bg-shift 15s ease-in-out infinite alternate}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background-image:radial-gradient(circle,var(--border) 1px,transparent 1px);background-size:32px 32px;opacity:.4;pointer-events:none}@keyframes bg-shift{0%{background-position:0% 0%}to{background-position:100% 100%}}a{text-decoration:none;color:inherit}button{cursor:pointer;font-family:inherit;border:none;background:none}input,select,textarea{font-family:inherit}img{max-width:100%}.app-layout{display:flex;min-height:100vh}.main-area{flex:1;margin-right:var(--sidebar-width);transition:margin-right .3s cubic-bezier(.4,0,.2,1);min-height:100vh;display:flex;flex-direction:column}.main-area.sidebar-collapsed{margin-right:var(--sidebar-collapsed)}.main-content{flex:1;padding:24px;margin-top:var(--header-height)}.sidebar{position:fixed;right:0;top:0;bottom:0;width:var(--sidebar-width);background:var(--bg-card);border-left:1px solid var(--border);display:flex;flex-direction:column;z-index:100;transition:width .3s cubic-bezier(.4,0,.2,1),box-shadow .3s;box-shadow:2px 0 20px #0000000d}.sidebar:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-primary);z-index:1}.sidebar.collapsed{width:var(--sidebar-collapsed)}.sidebar-logo{display:flex;align-items:center;gap:10px;padding:20px 16px;border-bottom:1px solid var(--border-light);min-height:var(--header-height);position:relative;overflow:hidden}.sidebar-logo:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 40%,rgba(99,102,241,.03) 50%,transparent 60%);animation:shimmer 4s ease-in-out infinite}.sidebar.collapsed .sidebar-logo{justify-content:center;padding:20px 8px}.logo-icon{font-size:28px;animation:float-icon 3s ease-in-out infinite;display:inline-block}.logo-text{font-size:18px;font-weight:700;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;white-space:nowrap}.sidebar.collapsed .logo-text{display:none}@keyframes shimmer{0%{transform:translate(-100%) rotate(0)}to{transform:translate(100%) rotate(0)}}.sidebar-nav{flex:1;padding:12px 8px;overflow-y:auto}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 14px;margin-bottom:4px;border-radius:var(--radius-sm);color:var(--text-secondary);transition:all .25s cubic-bezier(.4,0,.2,1);white-space:nowrap;position:relative;overflow:hidden}.nav-item:before{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%) scaleY(0);width:3px;height:50%;background:var(--gradient-primary);border-radius:0 4px 4px 0;transition:transform .25s cubic-bezier(.4,0,.2,1)}.nav-item:hover{background:var(--primary-bg);color:var(--primary)}.nav-item:hover:before{transform:translateY(-50%) scaleY(1)}.nav-item.router-link-exact-active{background:var(--gradient-primary);color:#fff;box-shadow:0 4px 16px var(--primary-glow)}.nav-item.router-link-exact-active:before{display:none}.nav-icon{font-size:20px;min-width:24px;text-align:center;transition:transform .2s}.nav-item:hover .nav-icon{transform:scale(1.2) rotate(-5deg)}.nav-item.router-link-exact-active .nav-icon{animation:icon-glow 2s ease-in-out infinite}.nav-label{font-size:14px;font-weight:500}@keyframes icon-glow{0%,to{filter:drop-shadow(0 0 4px rgba(255,255,255,.4))}50%{filter:drop-shadow(0 0 8px rgba(255,255,255,.8))}}.sidebar.collapsed .nav-label{display:none}.sidebar.collapsed .nav-item{justify-content:center;padding:12px}.sidebar-footer{padding:12px 16px;border-top:1px solid var(--border-light);display:flex;align-items:center;justify-content:space-between}.sidebar.collapsed .sidebar-footer{justify-content:center}.sidebar.collapsed .version{display:none}.version{font-size:12px;color:var(--text-muted)}.collapse-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--bg-secondary);color:var(--text-muted);font-size:12px;transition:all .2s}.collapse-btn:hover{background:var(--primary-bg);color:var(--primary)}.panel-header{position:fixed;top:0;right:var(--sidebar-width);left:0;height:var(--header-height);background:#ffffffc7;backdrop-filter:blur(16px) saturate(1.2);-webkit-backdrop-filter:blur(16px) saturate(1.2);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 24px;z-index:50;transition:right .3s cubic-bezier(.4,0,.2,1),background .3s}.panel-header:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--primary-light),transparent);opacity:.3}.sidebar-collapsed .panel-header{right:var(--sidebar-collapsed)}.header-left{display:flex;align-items:center;gap:12px}.hamburger{display:flex;flex-direction:column;gap:4px;width:28px;padding:4px}.hamburger span{display:block;height:2px;background:var(--text-secondary);border-radius:2px;transition:all .2s}.hamburger:hover span{background:var(--primary)}.header-title{font-size:18px;font-weight:700;color:var(--text-primary)}.header-right{display:flex;align-items:center;gap:16px}.header-date{font-size:13px;color:var(--text-muted)}.header-actions{display:flex;align-items:center;gap:8px}.header-btn{width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--bg-secondary);transition:all .25s cubic-bezier(.4,0,.2,1);position:relative;font-size:18px}.header-btn:hover{background:var(--primary-bg);transform:translateY(-2px);box-shadow:0 4px 12px #6366f126}.notification-badge{position:absolute;top:-2px;left:-2px;width:18px;height:18px;background:var(--danger);color:#fff;font-size:10px;font-weight:700;border-radius:50%;display:flex;align-items:center;justify-content:center;animation:pulse-badge 2s ease-in-out infinite}@keyframes pulse-badge{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.user-badge{display:flex;align-items:center;gap:8px;padding:4px 12px 4px 4px;background:linear-gradient(135deg,var(--primary-bg),var(--bg-secondary));border-radius:50px;border:1px solid var(--border-light);transition:all .2s}.user-badge:hover{border-color:var(--primary-light);box-shadow:0 0 0 2px var(--primary-bg)}.user-avatar{width:32px;height:32px;border-radius:50%;background:var(--gradient-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;box-shadow:0 2px 8px var(--primary-glow)}.user-name{font-size:13px;font-weight:500;color:var(--text-primary)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:24px}.stat-card{background:var(--bg-card);border-radius:var(--radius);padding:20px;display:flex;align-items:center;gap:16px;box-shadow:var(--shadow);border:1px solid var(--border-light);transition:all .35s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;right:0;top:0;bottom:0;width:4px;background:var(--accent-color);border-radius:0 4px 4px 0}.stat-card:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 100% 0%,color-mix(in srgb,var(--accent-color) 8%,transparent),transparent 70%);pointer-events:none;opacity:0;transition:opacity .4s ease}.stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px color-mix(in srgb,var(--accent-color) 15%,transparent),var(--shadow-md);border-color:color-mix(in srgb,var(--accent-color) 20%,var(--border))}.stat-card:hover:after{opacity:1}.stat-card:hover .stat-icon{animation:icon-float-strong 2s ease-in-out infinite}.stat-icon-wrapper{width:54px;height:54px;border-radius:var(--radius-sm);background:color-mix(in srgb,var(--accent-color) 12%,transparent);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .3s;position:relative}.stat-card:hover .stat-icon-wrapper{background:color-mix(in srgb,var(--accent-color) 20%,transparent);transform:scale(1.05)}.stat-icon{font-size:26px;animation:float-icon 3s ease-in-out infinite;display:inline-block}.stat-content{flex:1}.stat-label{font-size:13px;color:var(--text-muted);margin-bottom:4px;font-weight:500}.stat-value{font-size:22px;font-weight:800;color:var(--text-primary);line-height:1.2;direction:ltr;text-align:right;background:linear-gradient(135deg,var(--text-primary),var(--accent-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-change{display:flex;align-items:center;gap:4px;font-size:12px;margin-top:6px;font-weight:500}.stat-change.up{color:var(--success)}.stat-change.down{color:var(--danger)}.change-arrow{font-weight:700}@keyframes icon-float-strong{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-6px) scale(1.1)}}.charts-grid,.dashboard-grid{display:grid;grid-template-columns:2fr 1fr;gap:16px;margin-bottom:24px}@media(max-width:1024px){.charts-grid,.dashboard-grid{grid-template-columns:1fr}}.chart-card,.glass-card{background:var(--bg-card);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow);border:1px solid var(--border-light);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.chart-card:before,.glass-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--primary-light),transparent);opacity:0;transition:opacity .3s}.chart-card:hover,.glass-card:hover{box-shadow:0 8px 32px #00000014,var(--shadow);transform:translateY(-2px);border-color:var(--border)}.chart-card:hover:before,.glass-card:hover:before{opacity:1}.chart-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.chart-header h3{font-size:15px;font-weight:600;color:var(--text-primary)}.chart-legend{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-muted)}.legend-dot{width:8px;height:8px;border-radius:50%}.chart-body{height:260px;position:relative}.chart-body.mini-chart{height:200px}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.card-header h3{font-size:15px;font-weight:600}.card-link{font-size:13px;color:var(--primary);font-weight:500}.orders-list{display:flex;flex-direction:column;gap:8px}.order-item{display:flex;justify-content:space-between;align-items:center;padding:12px;border-radius:var(--radius-sm);background:var(--bg-secondary);transition:all .25s cubic-bezier(.4,0,.2,1);border:1px solid transparent}.order-item:hover{background:var(--primary-bg);border-color:var(--primary-light);transform:translate(-4px);box-shadow:0 2px 8px #6366f11a}.order-info{display:flex;flex-direction:column;gap:2px}.order-id{font-size:12px;font-weight:700;color:var(--primary)}.order-customer{font-size:13px;color:var(--text-secondary)}.order-meta{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.order-product{font-size:12px;color:var(--text-muted)}.order-amount{font-size:13px;font-weight:600;color:var(--text-primary)}.table-wrapper{background:var(--bg-card);border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid var(--border-light);overflow:hidden;transition:box-shadow .3s}.table-wrapper:hover{box-shadow:var(--shadow-md)}.table-toolbar{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-light);gap:12px}@media(max-width:768px){.table-toolbar{flex-direction:column}}.table-search{display:flex;align-items:center;gap:8px;background:var(--bg-secondary);padding:0 12px;border-radius:var(--radius-sm);border:1px solid var(--border);transition:all .2s;width:280px}.table-search:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a}.search-icon{font-size:16px}.search-input{border:none;background:none;padding:10px 0;outline:none;font-size:13px;color:var(--text-primary);width:100%}.search-input::placeholder{color:var(--text-muted)}.table-actions{display:flex;gap:8px}.table-scroll{overflow-x:auto}.data-table{width:100%;border-collapse:collapse}.th-cell{text-align:right;padding:14px 16px;font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border-light);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.th-cell:hover{color:var(--text-primary)}.sort-indicator{margin-right:4px;font-size:10px;color:var(--text-muted)}.td-cell{padding:12px 16px;font-size:13px;color:var(--text-secondary);border-bottom:1px solid var(--border-light);transition:all .2s}.table-row{transition:all .2s;position:relative}.table-row:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,var(--primary-light),transparent);opacity:0;transition:opacity .3s}.table-row:hover{background:var(--primary-bg)}.table-row:hover:after{opacity:.3}.table-row:last-child .td-cell{border-bottom:none}.th-actions,.td-actions{width:80px;text-align:center}.row-actions{display:flex;gap:4px;justify-content:center}.action-btn{width:30px;height:30px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:14px;transition:all .2s}.action-btn.edit:hover{background:var(--info-bg);transform:scale(1.1)}.action-btn.delete:hover{background:var(--danger-bg);transform:scale(1.1)}.action-btn.view:hover{background:var(--success-bg);transform:scale(1.1)}.empty-state{text-align:center;padding:40px;color:var(--text-muted)}.empty-icon{font-size:48px;display:block;margin-bottom:8px}.table-pagination{display:flex;align-items:center;justify-content:center;gap:12px;padding:12px 20px;border-top:1px solid var(--border-light)}.page-btn{width:32px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:16px;background:var(--bg-secondary);color:var(--text-primary);transition:all .2s}.page-btn:hover:not(:disabled){background:var(--primary);color:#fff}.page-btn:disabled{opacity:.4;cursor:default}.page-info{font-size:13px;color:var(--text-muted)}.status-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:50px;font-size:11px;font-weight:600;white-space:nowrap}.status-badge.completed{background:var(--success-bg);color:var(--success)}.status-badge.processing{background:var(--info-bg);color:var(--info)}.status-badge.pending{background:var(--warning-bg);color:var(--warning)}.status-badge.cancelled{background:var(--danger-bg);color:var(--danger)}.status-badge.active{background:var(--success-bg);color:var(--success)}.status-badge.inactive{background:var(--bg-secondary);color:var(--text-muted)}.status-badge.out_of_stock{background:var(--danger-bg);color:var(--danger)}.stock-badge{font-size:12px;font-weight:500;color:var(--success)}.stock-badge.low{color:var(--warning)}.stock-badge.out{color:var(--danger)}.role-badge{display:inline-flex;padding:2px 10px;border-radius:50px;font-size:11px;font-weight:600}.role-badge.admin{background:var(--warning-bg);color:var(--warning)}.role-badge.moderator{background:var(--info-bg);color:var(--info)}.role-badge.user{background:var(--bg-secondary);color:var(--text-secondary)}.avatar-circle{display:inline-flex;width:32px;height:32px;border-radius:50%;align-items:center;justify-content:center;color:#fff;font-size:13px;font-weight:600}.categories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.category-card{text-align:center;padding:24px 16px;cursor:pointer;transition:all .35s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.category-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,transparent 50%,color-mix(in srgb,var(--color, var(--primary)) 8%,transparent));opacity:0;transition:opacity .3s;pointer-events:none}.category-card:hover{transform:translateY(-6px);box-shadow:0 12px 40px #0000001a}.category-card:hover:after{opacity:1}.category-card:hover .category-icon{animation:icon-float-strong 2s ease-in-out infinite}.category-icon-wrapper{width:64px;height:64px;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;margin:0 auto 12px;transition:all .3s;position:relative}.category-card:hover .category-icon-wrapper{transform:scale(1.12) rotate(-5deg);box-shadow:0 8px 24px color-mix(in srgb,var(--color, var(--primary)) 20%,transparent)}.category-icon{font-size:28px;animation:float-icon 3s ease-in-out infinite;display:inline-block}.category-name{font-size:15px;font-weight:600;margin-bottom:4px}.category-count{font-size:12px;color:var(--text-muted);margin-bottom:12px}.category-bar{height:4px;background:var(--bg-secondary);border-radius:4px;overflow:hidden;margin-bottom:8px}.category-bar-fill{height:100%;border-radius:4px;transition:width 1s ease}.category-sales{font-size:12px;color:var(--text-secondary);font-weight:500}.orders-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-bottom:20px}.summary-item{background:var(--bg-card);border-radius:var(--radius-sm);padding:16px 12px;text-align:center;box-shadow:var(--shadow-sm);border:1px solid var(--border-light);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.summary-item:after{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary),var(--success),var(--warning),var(--danger));opacity:.6}.summary-item:hover{transform:translateY(-3px);box-shadow:0 8px 24px #00000014}.summary-value{display:block;font-size:24px;font-weight:800;transition:all .3s}.summary-item:hover .summary-value{transform:scale(1.1)}.summary-label{font-size:12px;color:var(--text-muted);font-weight:500}.order-detail{display:flex;flex-direction:column;gap:16px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.detail-field{display:flex;flex-direction:column;gap:4px;padding:12px;border-radius:var(--radius-sm);background:var(--bg-secondary);border:1px solid var(--border-light)}.detail-field label{font-size:11px;color:var(--text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.3px}.detail-field span{font-size:14px;color:var(--text-primary);font-weight:600}.detail-products h4{font-size:13px;margin-bottom:8px;color:var(--text-secondary)}.detail-product{padding:10px 14px;background:var(--bg-secondary);border-radius:6px;margin-bottom:4px;font-size:13px;border-right:3px solid var(--primary-light);transition:all .2s}.detail-product:hover{background:var(--primary-bg);border-right-color:var(--primary)}.detail-total{display:flex;justify-content:space-between;align-items:center;padding:16px 0;margin-top:8px;border-top:2px dashed var(--border);font-size:15px}.detail-total strong{color:var(--primary);font-size:20px}.detail-address label{font-size:11px;color:var(--text-muted);font-weight:600;display:block;margin-bottom:4px;text-transform:uppercase}.detail-address p{font-size:13px;color:var(--text-secondary);background:linear-gradient(135deg,var(--bg-secondary),var(--primary-bg));padding:10px 14px;border-radius:6px;border:1px solid var(--border-light)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a59;backdrop-filter:blur(8px) saturate(.8);-webkit-backdrop-filter:blur(8px) saturate(.8);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:var(--bg-card);border-radius:var(--radius-lg);width:90%;max-height:85vh;overflow-y:auto;box-shadow:0 25px 60px #00000026;position:relative;overflow:hidden}.modal-content:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-primary);z-index:1}.modal-content.sm{max-width:400px}.modal-content.md{max-width:520px}.modal-content.lg{max-width:680px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;border-bottom:1px solid var(--border-light);background:linear-gradient(135deg,var(--bg-card) 60%,var(--primary-bg))}.modal-title{font-size:16px;font-weight:700;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.modal-close{font-size:18px;color:var(--text-muted);width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .25s cubic-bezier(.4,0,.2,1);background:var(--bg-secondary)}.modal-close:hover{background:var(--danger-bg);color:var(--danger);transform:rotate(90deg) scale(1.1)}.modal-body{padding:0;overflow:hidden}.modal-footer{padding:16px 24px;border-top:1px solid var(--border-light);display:flex;justify-content:flex-end;gap:8px}.modal-form{display:flex;flex-direction:column;gap:16px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media(max-width:576px){.form-row{grid-template-columns:1fr}}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:12px;font-weight:600;color:var(--text-secondary)}.form-input{padding:10px 14px;border:1.5px solid var(--border);border-radius:var(--radius-sm);font-size:13px;background:var(--bg-secondary);color:var(--text-primary);outline:none;transition:all .25s cubic-bezier(.4,0,.2,1)}.form-input:hover{border-color:var(--text-muted)}.form-input:focus{border-color:var(--primary);background:var(--bg-card);box-shadow:0 0 0 3px #6366f11f,0 0 0 1px var(--primary-light)}.form-input::placeholder{color:var(--text-muted)}.btn{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;border-radius:var(--radius-sm);font-size:13px;font-weight:600;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.15),transparent);opacity:0;transition:opacity .3s;pointer-events:none}.btn:hover:after{opacity:1}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:0 2px 8px var(--primary-glow)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px var(--primary-glow)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover{background:var(--bg-primary);border-color:var(--text-muted);transform:translateY(-1px)}.btn-icon-anim{display:inline-block;transition:transform .2s ease}.btn:hover .btn-icon-anim{animation:icon-bounce .5s ease}@keyframes icon-bounce{0%,to{transform:scale(1)}30%{transform:scale(1.3) rotate(10deg)}60%{transform:scale(.9) rotate(-5deg)}}.product-emoji{font-size:24px;display:inline-block;animation:float-icon 3s ease-in-out infinite}@keyframes float-icon{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes float-icon-delayed{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}::-webkit-scrollbar{width:5px;height:5px}.stats-grid>*,.charts-grid>*,.dashboard-grid>*,.categories-grid>*,.orders-summary>*{animation:card-enter .5s ease both}.stats-grid>*:nth-child(1){animation-delay:0s}.stats-grid>*:nth-child(2){animation-delay:.08s}.stats-grid>*:nth-child(3){animation-delay:.16s}.stats-grid>*:nth-child(4){animation-delay:.24s}.charts-grid>*:nth-child(1){animation-delay:.1s}.charts-grid>*:nth-child(2){animation-delay:.2s}.dashboard-grid>*:nth-child(1){animation-delay:.15s}.dashboard-grid>*:nth-child(2){animation-delay:.25s}.categories-grid>*{animation-delay:calc(var(--i, 0) * .06s + .1s)}.orders-summary>*{animation-delay:calc(var(--i, 0) * .08s)}@keyframes card-enter{0%{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes shimmer-loading{0%{background-position:-200% 0}to{background-position:200% 0}}.page-fade-enter-active,.page-fade-leave-active{transition:opacity .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1)}.page-fade-enter-from{opacity:0;transform:translateY(12px) scale(.98)}.page-fade-leave-to{opacity:0;transform:translateY(-12px) scale(.98)}.modal-enter-active,.modal-leave-active,.modal-enter-active .modal-content,.modal-leave-active .modal-content{transition:all .35s cubic-bezier(.4,0,.2,1)}.modal-enter-from,.modal-leave-to{opacity:0}.modal-enter-from .modal-content,.modal-leave-to .modal-content{transform:scale(.92) translateY(24px);opacity:0}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@media(max-width:768px){.sidebar{width:var(--sidebar-collapsed)}.sidebar .logo-text,.sidebar .nav-label,.sidebar .version{display:none}.sidebar .nav-item{justify-content:center;padding:12px}.main-area{margin-right:var(--sidebar-collapsed)}.panel-header{right:var(--sidebar-collapsed)}.header-date{display:none}.stats-grid{grid-template-columns:repeat(2,1fr)}.main-content{padding:16px}}@media(max-width:480px){.stats-grid{grid-template-columns:1fr}.header-actions .user-name{display:none}}.slide-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a80;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:200}.slide-panel{position:fixed;top:0;left:0;bottom:0;width:520px;max-width:95vw;background:var(--bg-card);z-index:201;display:flex;flex-direction:column;box-shadow:4px 0 30px #00000026;direction:rtl}.slide-panel-header{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid var(--border-light);background:var(--bg-card);flex-shrink:0}.slide-close-btn{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--text-muted);background:var(--bg-secondary);transition:all .25s cubic-bezier(.4,0,.2,1);flex-shrink:0}.slide-close-btn:hover{background:var(--danger-bg);color:var(--danger);transform:rotate(90deg)}.slide-panel-title{font-size:16px;font-weight:700;color:var(--text-primary);flex:1}.slide-panel-body{flex:1;overflow-y:auto;min-height:0}.slide-panel-body .profile-panel{height:100%;display:flex;flex-direction:column}.slide-panel-body .profile-cover{margin:0;border-radius:0}.slide-panel-body .profile-body{flex:1;overflow-y:auto;padding:20px 20px 0}.slide-panel-body .profile-footer{border-radius:0;flex-shrink:0}.main-content.dimmed{filter:blur(2px);pointer-events:none;-webkit-user-select:none;user-select:none;transition:filter .3s ease}.slide-overlay-enter-active,.slide-overlay-leave-active{transition:opacity .3s ease}.slide-overlay-enter-from,.slide-overlay-leave-to{opacity:0}.slide-panel-enter-active,.slide-panel-leave-active{transition:transform .35s cubic-bezier(.4,0,.2,1)}.slide-panel-enter-from,.slide-panel-leave-to,[dir=rtl] .slide-panel-enter-from,[dir=rtl] .slide-panel-leave-to{transform:translate(-100%)}.profile-panel{display:flex;flex-direction:column}.profile-cover{background:linear-gradient(135deg,var(--primary),var(--primary-dark));margin:-24px -24px 0;padding:32px 24px 24px;text-align:center;position:relative;overflow:hidden}.profile-cover:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 30% 70%,rgba(255,255,255,.15) 0%,transparent 60%);pointer-events:none}.profile-avatar-wrapper{position:relative;display:inline-block;margin-bottom:12px}.profile-avatar{width:88px;height:88px;border-radius:50%;border:4px solid rgba(255,255,255,.5);object-fit:cover;cursor:pointer;transition:all .3s;display:block}.profile-avatar:hover{transform:scale(1.05);border-color:#fff}.avatar-edit-btn{position:absolute;bottom:0;right:-4px;width:32px;height:32px;border-radius:50%;background:#fff;color:var(--primary);display:flex;align-items:center;justify-content:center;font-size:15px;box-shadow:0 2px 8px #0003;transition:all .2s;border:2px solid white;z-index:1}.avatar-edit-btn:hover{transform:scale(1.15);background:var(--primary-bg)}.hidden-input{display:none}.profile-name{color:#fff;font-size:20px;font-weight:700;margin-bottom:4px;position:relative;z-index:1}.profile-role{color:#fffc;font-size:13px;font-weight:500;background:#ffffff26;padding:4px 16px;border-radius:50px;display:inline-block;position:relative;z-index:1}.profile-body{padding:20px 24px 0;display:flex;flex-direction:column;gap:20px;overflow-y:auto;flex:1;min-height:0}.profile-body::-webkit-scrollbar{width:4px}.profile-body::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.profile-footer{padding:16px 24px 20px;border-top:1px solid var(--border-light);background:var(--bg-card);border-radius:0 0 var(--radius-lg) var(--radius-lg);display:flex;flex-direction:column;gap:10px}.section-title{font-size:15px;font-weight:600;color:var(--text-primary);margin-bottom:14px;padding-bottom:8px;border-bottom:2px solid var(--border-light)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-grid .full-width{grid-column:1 / -1}.form-textarea{resize:vertical;min-height:72px}.input-error{border-color:var(--danger)!important}.field-hint{font-size:12px;margin-top:4px;padding:4px 8px;border-radius:4px}.field-hint.error{color:var(--danger);background:var(--danger-bg)}.btn-full{width:100%;justify-content:center;margin-top:4px}.form-message{font-size:13px;font-weight:500;text-align:center;padding:8px;border-radius:var(--radius-sm);margin-top:8px}.form-message.success{background:var(--success-bg);color:var(--success)}.form-message.error{background:var(--danger-bg);color:var(--danger)}.btn-sm{padding:6px 14px;font-size:12px}.btn-lg{padding:12px 28px;font-size:14px}.btn-outline{background:transparent;color:var(--primary);border:1.5px solid var(--primary)}.btn-outline:hover{background:var(--primary-bg);transform:translateY(-1px)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{background:#dc2626;transform:translateY(-1px);box-shadow:0 4px 12px #ef44444d}.logout-btn{margin-top:8px}.settings-list{display:flex;flex-direction:column;gap:8px}.setting-row{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--bg-secondary);border-radius:var(--radius-sm);cursor:pointer;transition:all .2s;border:1px solid var(--border-light)}.setting-row:hover{background:var(--primary-bg);border-color:var(--primary-light)}.setting-row span{flex:1;font-size:14px;font-weight:500;color:var(--text-primary)}.toggle-input{display:none}.toggle-slider{width:44px;height:24px;background:var(--border);border-radius:12px;position:relative;transition:all .3s;flex-shrink:0}.toggle-slider:after{content:"";position:absolute;top:3px;right:3px;width:18px;height:18px;background:#fff;border-radius:50%;transition:all .3s;box-shadow:0 1px 3px #00000026}.toggle-input:checked+.toggle-slider{background:var(--primary)}.toggle-input:checked+.toggle-slider:after{transform:translate(-20px)}.profile-actions{display:flex;gap:12px;justify-content:flex-end;padding-top:8px;border-top:2px solid var(--border-light)}.stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.stat-mini{background:var(--bg-secondary);border-radius:var(--radius-sm);padding:14px 12px;text-align:center;border:1px solid var(--border-light)}.stat-mini-value{display:block;font-size:18px;font-weight:800;color:var(--primary)}.stat-mini-label{font-size:11px;color:var(--text-muted);margin-top:4px}