*{box-sizing:border-box;margin:0;padding:0}:root{--primary-color:#4f46e5;--primary-hover:#4338ca;--primary-light:#eef2ff;--text-primary:#1f2937;--text-secondary:#6b7280;--text-muted:#9ca3af;--bg-primary:#fff;--bg-secondary:#f9fafb;--bg-tertiary:#f3f4f6;--border-color:#e5e7eb;--border-light:#f3f4f6;--success-color:#10b981;--warning-color:#f59e0b;--error-color:#ef4444;--info-color:#3b82f6;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1)}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:14px;line-height:1.5;color:var(--text-primary);background:var(--bg-secondary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app,body{min-height:100vh}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#9ca3af}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .3s ease}.slide-up{animation:slideUp .3s ease}.card{background:var(--bg-primary);border-radius:8px;border:1px solid var(--border-color);box-shadow:var(--shadow-sm);transition:box-shadow .2s ease}.card:hover{box-shadow:var(--shadow-md)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;font-size:14px;font-weight:500;border-radius:6px;border:1px solid transparent;cursor:pointer;transition:all .2s ease;outline:none}.btn-primary{background:var(--primary-color);color:#fff}.btn-primary:hover{background:var(--primary-hover)}.btn-secondary{background:var(--bg-primary);color:var(--text-secondary);border-color:var(--border-color)}.btn-secondary:hover{background:var(--bg-tertiary)}.input{width:100%;padding:8px 12px;font-size:14px;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-primary);transition:all .2s ease}.input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-light)}.tag{display:inline-flex;align-items:center;padding:4px 8px;font-size:12px;font-weight:500;border-radius:4px}.tag-success{background:#d1fae5;color:#065f46}.tag-warning{background:#fed7aa;color:#92400e}.tag-error{background:#fee2e2;color:#991b1b}.tag-info{background:#dbeafe;color:#1e40af}@media (max-width:768px){.btn,body{font-size:13px}.btn{padding:6px 12px}}.n-pagination{justify-content:center!important;margin-top:20px!important}.n-pagination .n-pagination-item{min-width:36px!important;height:36px!important;border-radius:8px!important;margin:0 4px!important;transition:all .3s ease!important;border:1px solid #e8eaec!important;background:#fff!important;color:#666!important;font-weight:500!important}.n-pagination .n-pagination-item:hover{border-color:#36ad6a!important;color:#36ad6a!important;background:#f6ffed!important;transform:translateY(-1px)!important;box-shadow:0 2px 8px rgba(54,173,106,.15)!important}.n-pagination .n-pagination-item--active{background:linear-gradient(135deg,#36ad6a,#52c41a)!important;border-color:#36ad6a!important;color:#fff!important;font-weight:600!important;box-shadow:0 4px 12px rgba(54,173,106,.25)!important;transform:translateY(-1px)!important}.n-pagination .n-pagination-item--active:hover{background:linear-gradient(135deg,#52c41a,#73d13d)!important;box-shadow:0 6px 16px rgba(54,173,106,.35)!important;transform:translateY(-2px)!important}.n-pagination .n-pagination-next,.n-pagination .n-pagination-prev{min-width:36px!important;height:36px!important;border-radius:8px!important;border:1px solid #e8eaec!important;background:#fff!important;color:#666!important;transition:all .3s ease!important}.n-pagination .n-pagination-next:hover,.n-pagination .n-pagination-prev:hover{border-color:#36ad6a!important;color:#36ad6a!important;background:#f6ffed!important;transform:translateY(-1px)!important}.n-pagination .n-pagination-next--disabled,.n-pagination .n-pagination-prev--disabled{color:#d9d9d9!important;border-color:#f0f0f0!important;background:#fafafa!important;cursor:not-allowed!important}.n-pagination .n-pagination-next--disabled:hover,.n-pagination .n-pagination-prev--disabled:hover{transform:none!important;border-color:#f0f0f0!important;color:#d9d9d9!important;background:#fafafa!important}.n-pagination .n-pagination-quick-jumper .n-input{border-radius:8px!important;border-color:#e8eaec!important;min-height:36px!important;transition:all .3s ease!important;background:#fff!important}.n-pagination .n-pagination-quick-jumper .n-input:hover{border-color:#36ad6a!important;box-shadow:0 2px 8px rgba(54,173,106,.15)!important}.n-pagination .n-pagination-quick-jumper .n-input:focus-within{border-color:#36ad6a!important;box-shadow:0 0 0 2px rgba(54,173,106,.1)!important}.n-pagination .n-pagination-quick-jumper .n-input__input-el{color:#666!important;font-size:14px!important;font-weight:500!important;text-align:center!important}.n-pagination .n-pagination-quick-jumper .n-input__input-el::-moz-placeholder{color:#ccc!important;font-weight:400!important}.n-pagination .n-pagination-quick-jumper .n-input__input-el::placeholder{color:#ccc!important;font-weight:400!important}.n-pagination .n-pagination-size-picker .n-select{border-radius:6px!important}.n-pagination .n-pagination-size-picker .n-base-selection{border-color:#e8eaec!important;border-radius:8px!important;min-height:36px!important;transition:all .3s ease!important;background:#fff!important;font-weight:500!important}.n-pagination .n-pagination-size-picker .n-base-selection:hover{border-color:#36ad6a!important;box-shadow:0 2px 8px rgba(54,173,106,.15)!important}.n-pagination .n-pagination-size-picker .n-base-selection:focus-within{border-color:#36ad6a!important;box-shadow:0 0 0 2px rgba(54,173,106,.1)!important}.n-pagination .n-pagination-size-picker .n-base-selection-label{font-size:14px!important}.n-pagination .n-pagination-size-picker .n-base-selection-input,.n-pagination .n-pagination-size-picker .n-base-selection-label{color:#666!important;font-weight:500!important;text-align:center!important}.n-pagination .n-pagination-size-picker .n-base-selection-placeholder{color:#ccc!important;font-weight:400!important;text-align:center!important}.n-pagination .n-pagination-size-picker .n-base-suffix{color:#666!important;transition:all .3s ease!important}.n-pagination .n-pagination-size-picker .n-base-selection:hover .n-base-suffix{color:#36ad6a!important}.n-pagination .n-pagination-size-picker .n-base-selection-overlay{border-radius:12px!important;box-shadow:0 8px 32px rgba(54,173,106,.12),0 4px 16px rgba(0,0,0,.08)!important;border:1px solid rgba(54,173,106,.2)!important;background:#fff!important;padding:8px!important;backdrop-filter:blur(10px)!important;animation:dropdownSlideIn .25s cubic-bezier(.4,0,.2,1)!important}.n-pagination .n-pagination-size-picker .n-base-select-option{border-radius:8px!important;margin:3px 6px!important;transition:all .25s cubic-bezier(.4,0,.2,1)!important;font-weight:500!important;padding:10px 16px!important;color:#555!important;font-size:14px!important;min-height:36px!important;display:flex!important;align-items:center!important;justify-content:center!important;position:relative!important;overflow:hidden!important;background:transparent!important}.n-pagination .n-pagination-size-picker .n-base-select-option:hover{background:linear-gradient(135deg,#f6ffed,#f0fff4)!important;color:#36ad6a!important;transform:translateY(-2px) scale(1.02)!important;box-shadow:0 6px 20px rgba(54,173,106,.15),0 2px 8px rgba(54,173,106,.1)!important;border:1px solid rgba(54,173,106,.2)!important}.n-pagination .n-pagination-size-picker .n-base-select-option:hover:before{content:""!important;position:absolute!important;top:0!important;left:-100%!important;width:100%!important;height:100%!important;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.4),transparent)!important;animation:shimmer .6s ease-out!important}.n-pagination .n-pagination-size-picker .n-base-select-option--selected{background:linear-gradient(135deg,#36ad6a,#52c41a)!important;color:#fff!important;font-weight:600!important;box-shadow:0 4px 16px rgba(54,173,106,.3),0 2px 8px rgba(54,173,106,.2)!important;border:1px solid #36ad6a!important;position:relative!important;overflow:hidden!important}.n-pagination .n-pagination-size-picker .n-base-select-option--selected:after{content:""!important;position:absolute!important;top:50%!important;right:8px!important;width:4px!important;height:8px!important;border:solid #fff!important;border-width:0 2px 2px 0!important;transform:translateY(-50%) rotate(45deg)!important}.n-pagination .n-pagination-size-picker .n-base-select-option--selected:hover{background:linear-gradient(135deg,#52c41a,#73d13d)!important;transform:translateY(-2px) scale(1.02)!important;box-shadow:0 8px 24px rgba(54,173,106,.4),0 4px 12px rgba(54,173,106,.25)!important}.n-pagination .n-pagination-size-picker .n-base-select-menu{animation:dropdownSlideIn .25s cubic-bezier(.4,0,.2,1)!important;max-height:280px!important;overflow-y:auto!important;padding:4px 0!important;background:hsla(0,0%,100%,.98)!important;backdrop-filter:blur(10px)!important;border-radius:12px!important}.n-pagination .n-pagination-size-picker .n-base-select-menu::-webkit-scrollbar{width:8px!important;background:transparent!important}.n-pagination .n-pagination-size-picker .n-base-select-menu::-webkit-scrollbar-track{background:hsla(0,0%,96%,.6)!important;border-radius:4px!important;margin:4px!important}.n-pagination .n-pagination-size-picker .n-base-select-menu::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#d9d9d9,#bfbfbf)!important;border-radius:4px!important;-webkit-transition:all .3s ease!important;transition:all .3s ease!important;border:1px solid hsla(0,0%,100%,.5)!important}.n-pagination .n-pagination-size-picker .n-base-select-menu::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#36ad6a,#52c41a)!important;box-shadow:0 2px 8px rgba(54,173,106,.3)!important}.n-pagination .n-pagination-size-picker .n-base-loading{color:#36ad6a!important}.n-pagination .n-pagination-size-picker .n-empty{color:#999!important;font-size:14px!important;padding:16px!important;text-align:center!important}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(-12px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes shimmer{0%{left:-100%}to{left:100%}}.n-pagination .n-pagination-size-picker .n-base-select-group-header{color:#999!important;font-size:12px!important;font-weight:600!important;padding:8px 12px 4px!important;text-transform:uppercase!important;letter-spacing:.5px!important}.n-pagination .n-pagination-prefix,.n-pagination .n-pagination-suffix{color:#666!important;font-size:14px!important;font-weight:500!important;margin:0 8px!important;display:flex!important;align-items:center!important}.n-pagination .n-pagination-quick-jumper__goto{color:#666!important;font-size:14px!important;font-weight:500!important;margin-right:8px!important}.n-pagination .n-pagination-quick-jumper__suffix{color:#666!important;font-size:14px!important;font-weight:500!important;margin-left:8px!important}.n-pagination .n-pagination-size-picker__prefix{color:#666!important;font-size:14px!important;font-weight:500!important;margin-right:8px!important}.n-pagination .n-pagination-size-picker__suffix{color:#666!important;font-size:14px!important;font-weight:500!important;margin-left:8px!important}.n-pagination .n-pagination-item--fast-backward,.n-pagination .n-pagination-item--fast-forward{min-width:36px!important;height:36px!important;border-radius:8px!important;border:1px solid #e8eaec!important;background:#fff!important;color:#666!important;transition:all .3s ease!important}.n-pagination .n-pagination-item--fast-backward:hover,.n-pagination .n-pagination-item--fast-forward:hover{border-color:#36ad6a!important;color:#36ad6a!important;background:#f6ffed!important;transform:translateY(-1px)!important}@media (max-width:768px){.n-pagination{flex-wrap:wrap!important;gap:8px!important}.n-pagination .n-pagination-item,.n-pagination .n-pagination-next,.n-pagination .n-pagination-prev{min-width:32px!important;height:32px!important;margin:0 2px!important}.n-pagination .n-pagination-prefix,.n-pagination .n-pagination-suffix{font-size:12px!important}.n-pagination .n-pagination-size-picker .n-base-select-option,.n-pagination .n-pagination-size-picker .n-base-selection{min-height:32px!important;font-size:13px!important;border-radius:6px!important}.n-pagination .n-pagination-size-picker .n-base-select-option{padding:8px 12px!important;margin:2px 4px!important}.n-pagination .n-pagination-size-picker .n-base-select-option:hover{transform:translateY(-1px) scale(1.01)!important;box-shadow:0 4px 12px rgba(54,173,106,.12)!important}.n-pagination .n-pagination-size-picker .n-base-selection-overlay{border-radius:8px!important;padding:6px!important;box-shadow:0 6px 24px rgba(54,173,106,.1),0 2px 8px rgba(0,0,0,.05)!important}.n-pagination .n-pagination-size-picker .n-base-select-menu{max-height:200px!important}}@media (prefers-color-scheme:dark){.n-pagination .n-pagination-item{border-color:#3a3a3a!important;background:#2a2a2a!important;color:#d9d9d9!important}.n-pagination .n-pagination-item:hover{border-color:#52c41a!important;color:#52c41a!important;background:#0f2419!important}.n-pagination .n-pagination-next,.n-pagination .n-pagination-prev{border-color:#3a3a3a!important;background:#2a2a2a!important;color:#d9d9d9!important}.n-pagination .n-pagination-next:hover,.n-pagination .n-pagination-prev:hover{border-color:#52c41a!important;color:#52c41a!important;background:#0f2419!important}.n-pagination .n-pagination-prefix,.n-pagination .n-pagination-suffix{color:#d9d9d9!important}.n-pagination .n-pagination-size-picker .n-base-selection{border-color:#3a3a3a!important;background:#2a2a2a!important;color:#d9d9d9!important}.n-pagination .n-pagination-size-picker .n-base-selection:hover{border-color:#52c41a!important;background:#0f2419!important;box-shadow:0 2px 8px rgba(82,196,26,.15)!important}.n-pagination .n-pagination-size-picker .n-base-selection-overlay{background:#2a2a2a!important;border-color:rgba(82,196,26,.3)!important;box-shadow:0 8px 32px rgba(82,196,26,.15),0 4px 16px rgba(0,0,0,.2)!important}.n-pagination .n-pagination-size-picker .n-base-select-option{color:#d9d9d9!important;background:transparent!important}.n-pagination .n-pagination-size-picker .n-base-select-option:hover{background:linear-gradient(135deg,#0f2419,#1a3d23)!important;color:#52c41a!important;border-color:rgba(82,196,26,.3)!important}.n-pagination .n-pagination-size-picker .n-base-select-menu{background:rgba(42,42,42,.98)!important}.n-pagination .n-pagination-size-picker .n-base-select-menu::-webkit-scrollbar-track{background:rgba(58,58,58,.6)!important}.n-pagination .n-pagination-size-picker .n-base-select-menu::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#5a5a5a,#4a4a4a)!important;border-color:hsla(0,0%,100%,.1)!important}}.management-page{padding:24px;background:#f5f5f5;min-height:100vh}.page-header{margin-bottom:24px}.page-title{font-size:24px;font-weight:600;margin-bottom:8px}.title-icon{margin-right:12px}.stat-icon.active,.stat-icon.enabled,.stat-icon.published{background:linear-gradient(135deg,#10b981,#059669)}.stat-icon.draft,.stat-icon.pending{background:linear-gradient(135deg,#f59e0b,#d97706)}.stat-icon.processing{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.stat-icon.completed{background:linear-gradient(135deg,#10b981,#059669)}.stat-icon.cancelled{background:linear-gradient(135deg,#6b7280,#4b5563)}.stat-label{margin-top:4px}.modal-header{display:flex;align-items:center;font-size:18px;font-weight:600;color:#1f2937}.modal-icon{margin-right:8px;padding:6px;background:linear-gradient(135deg,#4f46e5,#4338ca);border-radius:6px;color:#fff}.form-container{padding:20px 0}.action-buttons{display:flex;gap:8px;align-items:center}@media (max-width:768px){.management-page{padding:16px}.stats-grid{grid-template-columns:1fr}.toolbar{padding:12px 16px;gap:12px;flex-direction:column;align-items:stretch}.toolbar-left,.toolbar-right{gap:8px;justify-content:center}.toolbar-right{flex-wrap:wrap}}.user-avatar{width:40px;height:40px;border-radius:50%;-o-object-fit:cover;object-fit:cover;margin-right:12px;transition:transform .2s ease}.user-avatar:hover{transform:scale(1.1)}.user-details,.user-info{display:flex;align-items:center}.user-details{flex-direction:row;gap:12px;flex-wrap:wrap}.user-name{font-weight:600;color:#1f2937;margin-bottom:2px}.user-phone{font-size:12px;color:#6b7280}.default-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;margin-right:12px}.status-tag{border-radius:6px;padding:4px 8px;font-size:12px;font-weight:500;border:none}.search-input{min-width:200px}.filter-select{min-width:120px}.batch-actions{display:flex;gap:8px;align-items:center}.n-data-table .n-data-table-tbody .n-data-table-tr:hover{background-color:#f8fafc}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;margin-top:20px}.info-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 1px 2px 0 rgba(0,0,0,.05);border:1px solid #f3f4f6;transition:all .3s ease}.info-card:hover{transform:translateY(-2px);box-shadow:0 4px 6px -1px rgba(0,0,0,.1)}.card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.card-title{font-size:16px;font-weight:600;color:#1f2937;margin-bottom:8px}.card-content{color:#6b7280;font-size:14px;line-height:1.5}.pagination-container{display:flex;justify-content:center;margin-top:20px}.empty-state{text-align:center;padding:60px 20px;color:#6b7280}.empty-icon{font-size:48px;margin-bottom:16px;opacity:.5}.empty-text{font-size:16px;margin-bottom:8px}.empty-subtext{font-size:14px;opacity:.7}.loading-container{display:flex;justify-content:center;align-items:center;min-height:200px}.error-container{text-align:center;padding:60px 20px;color:#dc2626}.success-container{text-align:center;padding:60px 20px;color:#059669}.cell-content{display:flex;align-items:center}.cell-text{flex:1}.n-data-table .n-data-table-td--fixed-right,.n-data-table .n-data-table-th--fixed-right{background-color:#fff}.n-data-table .n-data-table-thead .n-data-table-th{background-color:#f8fafc;font-weight:600;color:#374151}.n-data-table{border-radius:8px;overflow:hidden}.n-modal .n-card .n-card__content{padding:20px}.n-form .n-form-item{margin-bottom:20px}.button-group{display:flex;gap:8px;align-items:center}.tooltip-trigger{cursor:help;border-bottom:1px dotted #6b7280}.tag-group{display:flex;gap:4px;flex-wrap:wrap}.progress-container{margin:12px 0}.notification-dot{position:relative}.notification-dot:after{content:"";position:absolute;top:-2px;right:-2px;width:8px;height:8px;background:#dc2626;border-radius:50%;border:2px solid #fff}.management-page,.news-page,.order-page,.product-type-page,.roles-page,.settings-page{padding:24px;background:#f8fafc;min-height:calc(100vh - 140px)}.page-header{margin-bottom:32px;text-align:left}.page-title{display:flex;align-items:center;gap:12px;font-size:28px;font-weight:700;color:#1f2937;margin:0 0 8px 0;justify-content:flex-start}.title-icon{padding:8px;background:linear-gradient(135deg,#4f46e5,#4338ca);border-radius:8px;color:#fff;flex-shrink:0}.page-subtitle{color:#6b7280;font-size:14px;margin:0;text-align:left}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-bottom:24px}.stat-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 1px 2px 0 rgba(0,0,0,.05);border:1px solid #f3f4f6;display:flex;align-items:center;transition:all .3s ease;cursor:pointer}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 6px -1px rgba(0,0,0,.1)}.stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-right:16px;color:#fff;flex-shrink:0}.stat-icon.total{background:linear-gradient(135deg,#667eea,#764ba2)}.stat-icon.active,.stat-icon.enabled,.stat-icon.ready{background:linear-gradient(135deg,#10b981,#059669)}.stat-icon.disabled,.stat-icon.inactive{background:linear-gradient(135deg,#ef4444,#dc2626)}.stat-icon.pending,.stat-icon.processing{background:linear-gradient(135deg,#f59e0b,#d97706)}.stat-icon.urgent{background:linear-gradient(135deg,#ef4444,#dc2626)}.stat-icon.amount{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.stat-icon.today{background:linear-gradient(135deg,#3b82f6,#2563eb)}.stat-icon.time{background:linear-gradient(135deg,#10b981,#059669)}.stat-icon.stock{background:linear-gradient(135deg,#06b6d4,#0891b2)}.stat-icon.low-stock{background:linear-gradient(135deg,#ef4444,#dc2626)}.stat-content{flex:1;min-width:0}.stat-number{font-size:24px;font-weight:700;color:#1f2937;line-height:1;margin-bottom:4px}.stat-label{font-size:14px;color:#6b7280}.toolbar{background:#fff;border-radius:12px;padding:16px 20px;margin-bottom:20px;box-shadow:0 1px 2px 0 rgba(0,0,0,.05);border:1px solid #f3f4f6;display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:56px;overflow-x:auto}.toolbar-left,.toolbar-right{display:flex;gap:12px;align-items:center;flex-shrink:0}.table-container{background:#fff;border-radius:12px;padding:20px;box-shadow:0 1px 2px 0 rgba(0,0,0,.05);border:1px solid #f3f4f6}.avatar-wrapper{transition:all .2s ease}.avatar-wrapper:hover{transform:scale(1.05)}.avatar-wrapper img{border:2px solid #e8e8e8;transition:border-color .2s ease}.avatar-wrapper img:hover{border-color:#1890ff}:deep(.n-data-table-tr){background-color:#f0f8ff!important}:deep(.n-data-table-tr--checked){background-color:#fff!important}:deep(.n-data-table-tr:hover){background-color:#e6f3ff!important}:deep(.n-data-table-tr--checked:hover){background-color:#f5f5f5!important}@media (max-width:768px){.management-page,.news-page,.order-page,.product-type-page,.roles-page,.settings-page{padding:16px}.stats-grid{grid-template-columns:1fr}.toolbar{padding:12px 16px;gap:12px;flex-direction:column;align-items:stretch}.toolbar-left,.toolbar-right{gap:8px;justify-content:center}.toolbar-right{flex-wrap:wrap}.page-title{font-size:24px}}.page-header h1,.page-header h2,.page-header h3{text-align:left!important;justify-content:flex-start!important}.page-header p{text-align:left!important}.n-form-item-feedback-wrapper{display:none!important}.category-image-modal :deep(.n-card),.news-cover-image-modal :deep(.n-card),.product-image-modal :deep(.n-card),.upload-modal :deep(.n-card){width:840px!important;max-width:860px!important;height:85vh!important;max-height:85vh!important}.drag-upload-area{min-height:70px!important;width:100%;padding:40px 20px}.history-images-grid,.image-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;flex:1;overflow-y:auto;padding:10px 0;width:100%}.history-image-item{display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px;border:1px solid transparent;border-radius:6px;cursor:pointer;transition:all .3s ease;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.05)}.category-image-modal :deep(.n-card-header),.news-cover-image-modal :deep(.n-card-header),.product-image-modal :deep(.n-card-header),.upload-modal :deep(.n-card-header){text-align:center;padding:24px 24px 16px 24px}.category-image-modal :deep(.n-tabs-tab),.news-cover-image-modal :deep(.n-tabs-tab),.product-image-modal :deep(.n-tabs-tab),.upload-modal :deep(.n-tabs-tab){font-size:16px!important;font-weight:500!important;padding:12px 24px!important}@media (max-width:768px){.category-image-modal :deep(.n-card),.news-cover-image-modal :deep(.n-card),.product-image-modal :deep(.n-card),.upload-modal :deep(.n-card){width:95vw!important;height:90vh!important;max-height:90vh!important;max-width:none!important}.history-images-grid,.image-grid{grid-template-columns:repeat(2,1fr)!important;gap:16px!important}.upload-content,.upload-section{padding:20px!important}}@media (max-width:480px){.history-images-grid,.image-grid{grid-template-columns:repeat(1,1fr)!important;gap:12px!important}}.category-image-modal :deep(.n-tab-pane),.news-cover-image-modal :deep(.n-tab-pane),.product-image-modal :deep(.n-tab-pane),.upload-modal :deep(.n-tab-pane){padding:20px 0!important;min-height:450px}