*{box-sizing:border-box;margin:0;padding:0}:root{--primary-color:#10b981;--primary-hover:#059669;--primary-pressed:#047857;--primary-light:#ecfdf5;--primary-gradient:linear-gradient(135deg,#10b981,#059669);--text-primary:#111827;--text-secondary:#4b5563;--text-tertiary:#9ca3af;--text-disabled:#d1d5db;--bg-body:#f3f4f6;--bg-card:#fff;--bg-hover:#f9fafb;--bg-active:#f3f4f6;--border-color:#e5e7eb;--border-hover:#d1d5db;--success-color:#10b981;--warning-color:#f59e0b;--error-color:#ef4444;--info-color:#3b82f6;--shadow-xs:0 1px 2px 0 rgba(0,0,0,.05);--shadow-sm:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--transition-base:all 0.3s cubic-bezier(0.4,0,0.2,1)}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:14px;line-height:1.6;color:var(--text-primary);background:var(--bg-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app,body{min-height:100vh}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#9ca3af}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in{animation:fadeIn .3s ease-in-out}.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{background:var(--bg-body);min-height:100%;width:100%}.page-header{margin-bottom:24px}.page-title{display:flex;align-items:center;font-size:24px;font-weight:700;color:var(--text-primary);margin-bottom:8px}.title-icon{margin-right:12px;padding:8px;background:var(--primary-gradient);border-radius:var(--radius-md);color:#fff;box-shadow:var(--shadow-sm)}.page-subtitle{color:var(--text-secondary);font-size:14px;margin:0}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-bottom:24px}.stat-card{background:var(--bg-card);border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow-sm);border:1px solid var(--border-color);display:flex;align-items:center;transition:var(--transition-base);cursor:pointer}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--primary-light)}.stat-icon{width:48px;height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;margin-right:16px;color:#fff;box-shadow:var(--shadow-sm)}.stat-icon.active,.stat-icon.enabled,.stat-icon.published,.stat-icon.total{background:linear-gradient(135deg,#10b981,#059669)}.stat-icon.disabled,.stat-icon.inactive{background:linear-gradient(135deg,#ef4444,#dc2626)}.stat-icon.draft,.stat-icon.pending,.stat-icon.stock{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-icon.low-stock{background:linear-gradient(135deg,#ef4444,#dc2626)}.stat-content{flex:1}.stat-number{font-size:24px;font-weight:700;color:var(--text-primary);line-height:1}.stat-label{font-size:14px;color:var(--text-secondary);margin-top:4px}.toolbar{background:var(--bg-card);border-radius:var(--radius-lg);padding:16px 20px;margin-bottom:20px;box-shadow:var(--shadow-sm);border:1px solid var(--border-color);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:var(--bg-card);border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow-sm);border:1px solid var(--border-color)}.top-horizontal-scroll{height:14px;overflow-x:auto;overflow-y:hidden;margin-bottom:8px}.top-horizontal-scroll::-webkit-scrollbar{height:8px}.top-horizontal-scroll::-webkit-scrollbar-thumb{background-color:#cbd5e1;border-radius:4px}.modal-header{display:flex;align-items:center;font-size:18px;font-weight:600;color:var(--text-primary)}.modal-icon{margin-right:8px;padding:6px;background:var(--primary-gradient);border-radius:var(--radius-sm);color:#fff}.form-container{padding:20px 0}.action-buttons{display:flex;gap:8px;align-items:center}.user-avatar{width:40px;height:40px;border-radius:50%;-o-object-fit:cover;object-fit:cover;margin-right:12px;transition:var(--transition-base);border:2px solid #fff;box-shadow:var(--shadow-sm)}.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:var(--text-primary);margin-bottom:2px}.user-phone{font-size:12px;color:var(--text-tertiary)}.default-avatar{width:40px;height:40px;border-radius:50%;background:var(--primary-gradient);display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;margin-right:12px;box-shadow:var(--shadow-sm)}.status-tag{border-radius:var(--radius-sm);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:var(--bg-hover)!important}.text-link{color:var(--info-color);text-decoration:underline;cursor:pointer}.text-link:hover{color:var(--primary-color)}@media (max-width:768px){.management-page{padding:0}.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}}#webpack-dev-server-overlay,.webpack-overlay,[class*=overlay][style*="position: fixed"],[class*=webpack][style*="position: fixed"],[data-webpack-overlay],[id*=overlay][style*="position: fixed"],[id*=webpack][style*="position: fixed"],webpack-dev-server-overlay{display:none!important;visibility:hidden!important;opacity:0!important;z-index:-9999!important;pointer-events:none!important}[style*="position: fixed"]:has-text("ResizeObserver"),[style*="position: fixed"]:has-text("Uncaught runtime errors"),[style*="position: fixed"]:has-text("undelivered notifications"){display:none!important;visibility:hidden!important;opacity:0!important;z-index:-9999!important;pointer-events:none!important}div[style*="position: fixed"][style*=z-index][style*=background]{display:none!important}iframe[src*=overlay],iframe[src*=webpack]{display:none!important;visibility:hidden!important;opacity:0!important;z-index:-9999!important;pointer-events:none!important}