.app-initializer[data-v-4b809c27]{min-height:100vh;display:flex;align-items:center;justify-content:center}.init-error[data-v-4b809c27],.init-loading[data-v-4b809c27]{text-align:center;padding:40px;max-width:400px}.init-spinner[data-v-4b809c27]{position:relative;display:inline-block;width:80px;height:80px;margin-bottom:24px}.spinner-ring[data-v-4b809c27]{position:absolute;border:4px solid rgba(59,130,246,.1);border-top:4px solid #3b82f6;border-radius:50%;animation:spin-4b809c27 1s linear infinite}.spinner-ring[data-v-4b809c27]:first-child{width:80px;height:80px;animation-delay:-.45s}.spinner-ring[data-v-4b809c27]:nth-child(2){width:60px;height:60px;top:10px;left:10px;animation-delay:-.3s}.spinner-ring[data-v-4b809c27]:nth-child(3){width:40px;height:40px;top:20px;left:20px;animation-delay:-.15s}@keyframes spin-4b809c27{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.init-loading h3[data-v-4b809c27]{font-size:24px;font-weight:600;color:#1e293b;margin:0 0 8px 0}.init-loading p[data-v-4b809c27]{color:#64748b;font-size:16px;margin:0}.init-error[data-v-4b809c27]{background:#fef2f2;border:1px solid #fecaca;border-radius:12px}.error-icon[data-v-4b809c27]{color:#ef4444;margin-bottom:16px}.init-error h3[data-v-4b809c27]{font-size:20px;font-weight:600;color:#dc2626;margin:0 0 8px 0}.init-error p[data-v-4b809c27]{color:#7f1d1d;margin:0 0 24px 0}.btn[data-v-4b809c27]{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border:none;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-primary[data-v-4b809c27]{background:#3b82f6;color:#fff}.btn-primary[data-v-4b809c27]:hover{background:#2563eb;transform:translateY(-1px)}.app-content[data-v-4b809c27]{width:100%;min-height:100vh}.stat-card[data-v-7d9bb1a1]{background:#fff;border-radius:12px;border:1px solid #e2e8f0;padding:24px;box-shadow:0 1px 3px rgba(0,0,0,.1);transition:all .2s ease;position:relative;overflow:hidden}.stat-card[data-v-7d9bb1a1]:hover{border-color:#cbd5e1;box-shadow:0 4px 6px -1px rgba(0,0,0,.1);transform:translateY(-1px)}.stat-card--primary[data-v-7d9bb1a1]{border-color:#3b82f6;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.stat-card--success[data-v-7d9bb1a1]{border-color:#10b981;background:linear-gradient(135deg,#10b981,#047857);color:#fff}.stat-card--warning[data-v-7d9bb1a1]{border-color:#f59e0b;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.stat-card--danger[data-v-7d9bb1a1]{border-color:#ef4444;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.stat-card--loading[data-v-7d9bb1a1]{opacity:.7}.stat-header[data-v-7d9bb1a1]{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px}.stat-icon[data-v-7d9bb1a1]{padding:8px;border-radius:8px;background:hsla(0,0%,100%,.1);flex-shrink:0}.stat-card:not(.stat-card--primary):not(.stat-card--success):not(.stat-card--warning):not(.stat-card--danger) .stat-icon[data-v-7d9bb1a1]{background:#f1f5f9;color:#64748b}.stat-info[data-v-7d9bb1a1]{flex:1;min-width:0}.stat-title[data-v-7d9bb1a1]{font-size:14px;font-weight:500;margin:0 0 4px 0;color:inherit}.stat-card:not(.stat-card--primary):not(.stat-card--success):not(.stat-card--warning):not(.stat-card--danger) .stat-title[data-v-7d9bb1a1]{color:#64748b}.stat-description[data-v-7d9bb1a1]{font-size:12px;opacity:.8;margin:0;line-height:1.4}.stat-content[data-v-7d9bb1a1]{display:flex;flex-direction:column;gap:12px}.stat-value-container[data-v-7d9bb1a1]{display:flex;align-items:baseline;gap:12px}.stat-value[data-v-7d9bb1a1]{font-size:32px;font-weight:700;line-height:1;color:inherit}.stat-card:not(.stat-card--primary):not(.stat-card--success):not(.stat-card--warning):not(.stat-card--danger) .stat-value[data-v-7d9bb1a1]{color:#1e293b}.stat-trend[data-v-7d9bb1a1]{display:flex;align-items:center;gap:4px;padding:4px 8px;border-radius:6px;font-size:12px;font-weight:500}.trend-icon[data-v-7d9bb1a1]{flex-shrink:0}.trend-positive[data-v-7d9bb1a1],.trend-up[data-v-7d9bb1a1]{color:#10b981}.trend-down[data-v-7d9bb1a1],.trend-negative[data-v-7d9bb1a1]{color:#ef4444}.trend-neutral[data-v-7d9bb1a1]{color:#6b7280}.stat-trend[data-v-7d9bb1a1]{background:hsla(0,0%,100%,.9)}.stat-card--danger .stat-trend[data-v-7d9bb1a1],.stat-card--primary .stat-trend[data-v-7d9bb1a1],.stat-card--success .stat-trend[data-v-7d9bb1a1],.stat-card--warning .stat-trend[data-v-7d9bb1a1]{background:hsla(0,0%,100%,.2);color:hsla(0,0%,100%,.9)}.stat-footer[data-v-7d9bb1a1]{border-top:1px solid hsla(0,0%,100%,.1);padding-top:12px}.stat-card:not(.stat-card--primary):not(.stat-card--success):not(.stat-card--warning):not(.stat-card--danger) .stat-footer[data-v-7d9bb1a1]{border-top-color:#e2e8f0}.stat-subtitle[data-v-7d9bb1a1]{font-size:13px;opacity:.8;font-weight:500}.stat-loading[data-v-7d9bb1a1]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.loading-spinner[data-v-7d9bb1a1]{width:24px;height:24px;border:3px solid rgba(0,0,0,.1);border-radius:50%;border-top-color:#3b82f6;animation:spin-7d9bb1a1 1s ease-in-out infinite}@keyframes spin-7d9bb1a1{to{transform:rotate(1turn)}}@media (max-width:640px){.stat-card[data-v-7d9bb1a1]{padding:16px}.stat-value[data-v-7d9bb1a1]{font-size:24px}.stat-header[data-v-7d9bb1a1]{margin-bottom:12px}}.loading-container[data-v-0156030c]{display:flex;flex-direction:column;align-items:center;gap:12px}.loading-overlay[data-v-0156030c]{position:fixed;top:0;left:0;width:100%;height:100%;background:hsla(0,0%,100%,.8);backdrop-filter:blur(2px);z-index:9999;justify-content:center}.loading-center[data-v-0156030c]{justify-content:center;min-height:200px}.spinner[data-v-0156030c]{border-radius:50%;border:3px solid transparent;animation:spin-0156030c 1s linear infinite;position:relative}.spinner--blue[data-v-0156030c]{border-top-color:#3b82f6;border-right-color:rgba(59,130,246,.3)}.spinner--green[data-v-0156030c]{border-top-color:#10b981;border-right-color:rgba(16,185,129,.3)}.spinner--red[data-v-0156030c]{border-top-color:#ef4444;border-right-color:rgba(239,68,68,.3)}.spinner--yellow[data-v-0156030c]{border-top-color:#f59e0b;border-right-color:rgba(245,158,11,.3)}.spinner--purple[data-v-0156030c]{border-top-color:#8b5cf6;border-right-color:rgba(139,92,246,.3)}.spinner--gray[data-v-0156030c]{border-top-color:#6b7280;border-right-color:hsla(220,9%,46%,.3)}.loading-text[data-v-0156030c]{color:#6b7280;font-size:14px;font-weight:500;margin:0;text-align:center}@keyframes spin-0156030c{to{transform:rotate(1turn)}}.loading-overlay .spinner[data-v-0156030c]{animation:spin-0156030c 1s linear infinite,pulse-0156030c 2s ease-in-out infinite}@keyframes pulse-0156030c{0%,to{opacity:1}50%{opacity:.7}}.data-table-container[data-v-41fdb1d7]{background:#fff;border-radius:12px;border:1px solid #e2e8f0;overflow:hidden}.table-header[data-v-41fdb1d7]{padding:24px;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:flex-start;gap:24px}.table-header-left[data-v-41fdb1d7]{flex:1}.table-title[data-v-41fdb1d7]{font-size:18px;font-weight:600;color:#1e293b;margin:0 0 4px 0}.table-description[data-v-41fdb1d7]{color:#64748b;margin:0;font-size:14px}.table-header-right[data-v-41fdb1d7]{display:flex;align-items:center;gap:16px}.search-container[data-v-41fdb1d7]{position:relative}.search-input[data-v-41fdb1d7]{width:300px;padding:8px 16px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;transition:border-color .2s ease}.search-input[data-v-41fdb1d7]:focus{outline:none;border-color:#3b82f6}.table-filters[data-v-41fdb1d7]{padding:16px 24px;border-bottom:1px solid #e2e8f0;background:#f8fafc}.table-wrapper[data-v-41fdb1d7]{position:relative;overflow-x:auto}.table-loading .data-table[data-v-41fdb1d7]{opacity:.5}.data-table[data-v-41fdb1d7]{width:100%;border-collapse:collapse}.data-table th[data-v-41fdb1d7]{background:#f8fafc;padding:16px;text-align:left;font-weight:600;color:#374151;border-bottom:1px solid #e2e8f0;position:sticky;top:0;z-index:1}.data-table td[data-v-41fdb1d7]{padding:16px;border-bottom:1px solid #f1f5f9;color:#374151}.column-header[data-v-41fdb1d7]{display:flex;align-items:center;gap:8px}.column-sortable[data-v-41fdb1d7]{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.column-sortable[data-v-41fdb1d7]:hover{background:#f1f5f9}.sort-indicator[data-v-41fdb1d7]{opacity:.5;transition:opacity .2s ease}.column-sortable:hover .sort-indicator[data-v-41fdb1d7],.sort-active[data-v-41fdb1d7]{opacity:1}.cell-right[data-v-41fdb1d7],.column-right[data-v-41fdb1d7]{text-align:right}.cell-center[data-v-41fdb1d7],.column-center[data-v-41fdb1d7]{text-align:center}.table-row[data-v-41fdb1d7]{transition:background-color .2s ease}.table-row[data-v-41fdb1d7]:hover{background:#f8fafc}.row-clickable[data-v-41fdb1d7]{cursor:pointer}.row-clickable[data-v-41fdb1d7]:hover{background:#f1f5f9}.empty-state[data-v-41fdb1d7]{text-align:center;padding:48px 24px;color:#6b7280}.empty-content p[data-v-41fdb1d7]{margin:0;font-size:16px}.table-loading-overlay[data-v-41fdb1d7]{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(248,250,252,.8);display:flex;align-items:center;justify-content:center;z-index:2}.table-pagination[data-v-41fdb1d7]{padding:16px 24px;border-top:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center;background:#f8fafc}.pagination-info[data-v-41fdb1d7]{color:#64748b;font-size:14px}.pagination-controls[data-v-41fdb1d7]{display:flex;align-items:center;gap:8px}.page-numbers[data-v-41fdb1d7]{display:flex;gap:4px}@media (max-width:768px){.table-header[data-v-41fdb1d7]{flex-direction:column;align-items:stretch;gap:16px}.table-header-right[data-v-41fdb1d7]{justify-content:space-between}.search-input[data-v-41fdb1d7]{width:100%}.table-pagination[data-v-41fdb1d7]{flex-direction:column;gap:16px}.pagination-controls[data-v-41fdb1d7]{justify-content:center}}.order-status-badge[data-v-2a00d428]{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:6px;font-weight:500;line-height:1;white-space:nowrap;transition:all .2s ease}.size-small[data-v-2a00d428]{font-size:11px;padding:2px 6px}.size-small .status-icon[data-v-2a00d428]{width:10px;height:10px}.size-medium[data-v-2a00d428]{font-size:12px;padding:4px 8px}.size-medium .status-icon[data-v-2a00d428]{width:12px;height:12px}.size-large[data-v-2a00d428]{font-size:13px;padding:6px 10px}.size-large .status-icon[data-v-2a00d428]{width:14px;height:14px}.status-pending[data-v-2a00d428]{background:#fef3c7;color:#92400e;border:1px solid #f59e0b}.status-confirmed[data-v-2a00d428]{background:#dbeafe;color:#1e40af;border:1px solid #3b82f6}.status-processing[data-v-2a00d428]{background:#f3e8ff;color:#7c3aed;border:1px solid #8b5cf6}.status-shipped[data-v-2a00d428]{background:#e0f2fe;color:#0369a1;border:1px solid #0ea5e9}.status-delivered[data-v-2a00d428]{background:#dcfce7;color:#166534;border:1px solid #16a34a}.status-cancelled[data-v-2a00d428]{background:#fee2e2;color:#991b1b;border:1px solid #ef4444}.status-refunded[data-v-2a00d428]{background:#fef2f2;color:#7f1d1d;border:1px solid #dc2626}.status-icon[data-v-2a00d428]{flex-shrink:0}.status-text[data-v-2a00d428]{font-weight:inherit}.order-status-badge[data-v-2a00d428]:hover{transform:translateY(-1px);box-shadow:0 2px 4px rgba(0,0,0,.1)}.status-pending .status-icon[data-v-2a00d428],.status-processing .status-icon[data-v-2a00d428]{animation:pulse-2a00d428 2s infinite}@keyframes pulse-2a00d428{0%,to{opacity:1}50%{opacity:.5}}.notification-container[data-v-3307d6b8]{position:fixed;top:20px;right:20px;z-index:9999;pointer-events:none;max-width:400px;width:100%}.notification-toast[data-v-3307d6b8]{display:flex;align-items:flex-start;gap:12px;padding:16px;margin-bottom:12px;background:#fff;border-radius:12px;box-shadow:0 10px 25px rgba(0,0,0,.1),0 4px 6px rgba(0,0,0,.05);border-left:4px solid;pointer-events:auto;position:relative;overflow:hidden;min-width:320px;max-width:100%}.notification-success[data-v-3307d6b8]{border-left-color:#10b981}.notification-error[data-v-3307d6b8]{border-left-color:#ef4444}.notification-warning[data-v-3307d6b8]{border-left-color:#f59e0b}.notification-info[data-v-3307d6b8]{border-left-color:#3b82f6}.notification-icon[data-v-3307d6b8]{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;margin-top:4px}.notification-success .notification-icon[data-v-3307d6b8]{background:#dcfce7;color:#10b981}.notification-error .notification-icon[data-v-3307d6b8]{background:#fef2f2;color:#ef4444}.notification-warning .notification-icon[data-v-3307d6b8]{background:#fefbeb;color:#f59e0b}.notification-info .notification-icon[data-v-3307d6b8]{background:#eff6ff;color:#3b82f6}.notification-content[data-v-3307d6b8]{flex:1;min-width:0}.notification-title[data-v-3307d6b8]{font-size:14px;font-weight:600;color:#111827;margin:0 0 4px 0;line-height:1.4}.notification-message[data-v-3307d6b8]{font-size:14px;color:#6b7280;margin:0;line-height:1.4;word-wrap:break-word}.notification-close[data-v-3307d6b8]{flex-shrink:0;width:24px;height:24px;border:none;background:none;color:#9ca3af;cursor:pointer;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.notification-close[data-v-3307d6b8]:hover{background:#f3f4f6;color:#6b7280}.notification-progress[data-v-3307d6b8]{position:absolute;bottom:0;left:0;height:3px;background:currentColor;animation:progress-3307d6b8 linear forwards;opacity:.6}.notification-success .notification-progress[data-v-3307d6b8]{color:#10b981}.notification-error .notification-progress[data-v-3307d6b8]{color:#ef4444}.notification-warning .notification-progress[data-v-3307d6b8]{color:#f59e0b}.notification-info .notification-progress[data-v-3307d6b8]{color:#3b82f6}@keyframes progress-3307d6b8{0%{width:100%}to{width:0}}.toast-enter-active[data-v-3307d6b8]{transition:all .3s ease-out}.toast-leave-active[data-v-3307d6b8]{transition:all .3s ease-in}.toast-enter-from[data-v-3307d6b8],.toast-leave-to[data-v-3307d6b8]{transform:translateX(100%);opacity:0}.toast-move[data-v-3307d6b8]{transition:transform .3s ease}@media (max-width:640px){.notification-container[data-v-3307d6b8]{top:10px;right:10px;left:10px;max-width:none}.notification-toast[data-v-3307d6b8]{min-width:auto;margin-bottom:8px;padding:12px}.notification-icon[data-v-3307d6b8]{width:28px;height:28px}.notification-message[data-v-3307d6b8],.notification-title[data-v-3307d6b8]{font-size:13px}}.notification-toast:hover .notification-progress[data-v-3307d6b8]{animation-play-state:paused}.notification-dismissing[data-v-3307d6b8]{animation:dismissing-3307d6b8 .3s ease-in forwards}@keyframes dismissing-3307d6b8{to{transform:translateX(100%);opacity:0}}*{box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}:root{--primary-color:#3b82f6;--primary-light:rgba(59,130,246,.08);--secondary-color:#6c757d;--bg-color:#f8fafc;--bg-white:#fff;--bg-light:#f8fafc;--text-color:#1e293b;--text-muted:#64748b;--border-color:#e2e8f0;--hover-bg:#f1f5f9;--success-color:#10b981}body,html{background-color:var(--bg-color)}#app,body,html{min-height:100vh;max-width:100vw;overflow-x:hidden}#app{position:relative}a,button{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}*,:after,:before{box-sizing:border-box}*{margin:0;padding:0}html{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;scroll-behavior:smooth;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{background:#f8fafc;color:#1e293b;font-size:16px;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--primary-50:#eff6ff;--primary-100:#dbeafe;--primary-500:#3b82f6;--primary-600:#2563eb;--primary-700:#1d4ed8;--gray-50:#f8fafc;--gray-100:#f1f5f9;--gray-200:#e2e8f0;--gray-300:#cbd5e1;--gray-400:#94a3b8;--gray-500:#64748b;--gray-600:#475569;--gray-700:#334155;--gray-800:#1e293b;--gray-900:#0f172a;--success-50:#f0fdf4;--success-500:#22c55e;--success-600:#16a34a;--warning-50:#fffbeb;--warning-500:#f59e0b;--warning-600:#d97706;--error-50:#fef2f2;--error-500:#ef4444;--error-600:#dc2626;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--transition-fast:150ms ease-in-out;--transition-normal:250ms ease-in-out;--transition-slow:350ms ease-in-out;--mobile-padding-xs:4px;--mobile-padding-sm:8px;--mobile-padding-md:12px;--mobile-padding-lg:16px;--mobile-padding-xl:20px;--mobile-font-xs:10px;--mobile-font-sm:12px;--mobile-font-md:14px;--mobile-font-lg:16px;--mobile-font-xl:18px;--mobile-font-xxl:20px;--mobile-gap-xs:4px;--mobile-gap-sm:8px;--mobile-gap-md:12px;--mobile-gap-lg:16px;--mobile-gap-xl:20px}.text-xs{font-size:12px;line-height:16px}.text-sm{font-size:14px;line-height:20px}.text-base{font-size:16px;line-height:24px}.text-lg{font-size:18px;line-height:28px}.text-xl{font-size:20px;line-height:28px}.text-2xl{font-size:24px;line-height:32px}.text-3xl{font-size:30px;line-height:36px}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-gray-500{color:var(--gray-500)}.text-gray-600{color:var(--gray-600)}.text-gray-700{color:var(--gray-700)}.text-gray-800{color:var(--gray-800)}.text-gray-900{color:var(--gray-900)}.text-primary{color:var(--primary-500)}.text-success{color:var(--success-500)}.text-warning{color:var(--warning-500)}.text-error{color:var(--error-500)}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-4{gap:16px}.gap-6{gap:24px}.w-full{width:100%}.h-full{height:100%}.min-h-screen{min-height:100vh}.p-2{padding:8px}.p-4{padding:16px}.p-6{padding:24px}.p-8{padding:32px}.px-2{padding-left:8px;padding-right:8px}.px-4{padding-left:16px;padding-right:16px}.px-6{padding-left:24px;padding-right:24px}.py-2{padding-top:8px;padding-bottom:8px}.py-4{padding-top:16px;padding-bottom:16px}.py-6{padding-top:24px;padding-bottom:24px}.m-2{margin:8px}.m-4{margin:16px}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.card{border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--gray-200);overflow:hidden}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 16px;border-radius:var(--radius-md);font-weight:500;font-size:14px;transition:var(--transition-fast);cursor:pointer;border:none;text-decoration:none;white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--primary-500);color:#fff}.btn-primary:hover:not(:disabled){background:var(--primary-600)}.btn-secondary{background:var(--gray-100);color:var(--gray-700)}.btn-secondary:hover:not(:disabled){background:var(--gray-200)}.btn-success{background:var(--success-500);color:#fff}.btn-success:hover:not(:disabled){background:var(--success-600)}.btn-sm{padding:4px 12px;font-size:13px}.btn-lg{padding:12px 24px;font-size:16px}.input{width:100%;padding:8px 12px;border:1px solid var(--gray-300);border-radius:var(--radius-md);font-size:14px;transition:var(--transition-fast);background:#fff}.input:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px rgba(59,130,246,.1)}.input::-moz-placeholder{color:var(--gray-400)}.input::placeholder{color:var(--gray-400)}.badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:9999px}.badge-success{background:var(--success-50);color:var(--success-600)}.badge-warning{background:var(--warning-50);color:var(--warning-600)}.badge-error{background:var(--error-50);color:var(--error-600)}.badge-gray{background:var(--gray-100);color:var(--gray-600)}.spinner{width:20px;height:20px;border:2px solid var(--gray-300);border-top:2px solid var(--primary-500);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.text-xs{font-size:11px}.text-sm{font-size:13px}.text-base{font-size:14px}.btn{padding:6px 12px;font-size:13px}.p-4{padding:12px}.p-6{padding:16px}.p-8{padding:20px}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--gray-100)}::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}img{max-width:100%;height:auto}table{width:100%;border-collapse:collapse}@media (max-width:768px){table{font-size:var(--mobile-font-sm)}td,th{padding:var(--mobile-padding-sm)!important}}.btn{touch-action:manipulation;min-height:44px;padding:var(--mobile-padding-md) var(--mobile-padding-lg);border-radius:8px;font-size:var(--mobile-font-md);transition:all .2s ease}@media (max-width:768px){.btn{min-height:40px;padding:var(--mobile-padding-sm) var(--mobile-padding-md);font-size:var(--mobile-font-sm)}.btn-sm{min-height:36px;padding:var(--mobile-padding-xs) var(--mobile-padding-sm);font-size:var(--mobile-font-xs)}}@media (max-width:480px){.btn{min-height:36px;padding:var(--mobile-padding-xs) var(--mobile-padding-sm);font-size:var(--mobile-font-xs)}}.input{min-height:44px;padding:var(--mobile-padding-md) var(--mobile-padding-lg);font-size:16px;border-radius:8px;border:1px solid #e2e8f0;transition:all .2s ease}@media (max-width:768px){.input{min-height:40px;padding:var(--mobile-padding-sm) var(--mobile-padding-md)}}@media (max-width:480px){.input{min-height:36px;padding:var(--mobile-padding-xs) var(--mobile-padding-sm)}}.card{border-radius:12px;border:1px solid #e2e8f0;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.1);padding:var(--mobile-padding-xl)}@media (max-width:768px){.card{padding:var(--mobile-padding-lg);border-radius:8px}}@media (max-width:480px){.card{padding:var(--mobile-padding-md);border-radius:6px}}.page-header{margin-bottom:32px}.page-header h1{font-size:28px;font-weight:700;color:#1e293b;margin:0 0 4px 0}.page-header p{color:#64748b;margin:0;font-size:16px}@media (max-width:768px){.page-header{margin-bottom:var(--mobile-gap-xl)}.page-header h1{font-size:var(--mobile-font-xxl)}.page-header p{font-size:var(--mobile-font-md)}}@media (max-width:480px){.page-header{margin-bottom:var(--mobile-gap-lg)}.page-header h1{font-size:var(--mobile-font-xl)}.page-header p{font-size:var(--mobile-font-sm)}}.grid{display:grid;gap:var(--mobile-gap-xl)}@media (max-width:768px){.grid{gap:var(--mobile-gap-lg)}.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:1fr 1fr}}@media (max-width:480px){.grid{gap:var(--mobile-gap-md)}.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:1fr}}.flex{display:flex;gap:var(--mobile-gap-lg)}@media (max-width:768px){.flex{gap:var(--mobile-gap-md)}.flex-mobile-col{flex-direction:column}}@media (max-width:480px){.flex{gap:var(--mobile-gap-sm)}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal{background:#fff;border-radius:16px;max-width:500px;width:100%;max-height:90vh;overflow:hidden;box-shadow:0 25px 50px -12px rgba(0,0,0,.5)}@media (max-width:768px){.modal-overlay{padding:var(--mobile-padding-lg)}.modal{border-radius:12px;max-height:95vh}}@media (max-width:480px){.modal-overlay{padding:var(--mobile-padding-sm)}.modal{border-radius:8px;max-height:98vh}}.badge{padding:4px 8px;border-radius:20px;font-size:12px;font-weight:500;display:inline-block}@media (max-width:768px){.badge{padding:2px 6px;font-size:var(--mobile-font-xs)}}@media (max-width:480px){.badge{padding:1px 4px;font-size:9px}}.empty-state,.error-state,.loading-state{text-align:center;padding:60px 24px}@media (max-width:768px){.empty-state,.error-state,.loading-state{padding:40px var(--mobile-padding-lg)}}@media (max-width:480px){.empty-state,.error-state,.loading-state{padding:30px var(--mobile-padding-md)}}.pagination{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:#fff;border-radius:12px;border:1px solid #e2e8f0}@media (max-width:768px){.pagination{flex-direction:column;gap:var(--mobile-gap-md);padding:var(--mobile-padding-md) var(--mobile-padding-lg)}}@media (max-width:480px){.pagination{padding:var(--mobile-padding-sm) var(--mobile-padding-md)}}@media (max-width:768px){::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:2px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}}@media (hover:none) and (pointer:coarse){.btn,.clickable,a,button,input[type=button],input[type=submit]{min-height:44px;min-width:44px}}@supports (padding:max(0px)){.safe-area-padding{padding-left:max(var(--mobile-padding-lg),env(safe-area-inset-left));padding-right:max(var(--mobile-padding-lg),env(safe-area-inset-right))}}.hide-mobile{display:block}.show-mobile{display:none}@media (max-width:768px){.hide-mobile{display:none!important}.show-mobile{display:block!important}.show-mobile-flex{display:flex!important}.show-mobile-grid{display:grid!important}}.text-responsive{font-size:16px}@media (max-width:768px){.text-responsive{font-size:var(--mobile-font-md)}}@media (max-width:480px){.text-responsive{font-size:var(--mobile-font-sm)}}.btn:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}@media (max-width:768px){body{font-size:14px;line-height:1.6}h1,h2,h3,h4,h5,h6{line-height:1.3}p{line-height:1.6}}:root{--toastify-color-light:#fff;--toastify-color-dark:#121212;--toastify-color-info:#3498db;--toastify-color-success:#07bc0c;--toastify-color-warning:#f1c40f;--toastify-color-error:#e74c3c;--toastify-color-transparent:#ffffffb3;--toastify-icon-color-info:var(--toastify-color-info);--toastify-icon-color-success:var(--toastify-color-success);--toastify-icon-color-warning:var(--toastify-color-warning);--toastify-icon-color-error:var(--toastify-color-error);--toastify-toast-width:320px;--toastify-toast-background:#fff;--toastify-toast-min-height:64px;--toastify-toast-max-height:800px;--toastify-font-family:sans-serif;--toastify-z-index:9999;--toastify-text-color-light:#757575;--toastify-text-color-dark:#fff;--toastify-text-color-info:#fff;--toastify-text-color-success:#fff;--toastify-text-color-warning:#fff;--toastify-text-color-error:#fff;--toastify-spinner-color:#616161;--toastify-spinner-color-empty-area:#e0e0e0;--toastify-color-progress-light:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);--toastify-color-progress-dark:#bb86fc;--toastify-color-progress-info:var(--toastify-color-info);--toastify-color-progress-success:var(--toastify-color-success);--toastify-color-progress-warning:var(--toastify-color-warning);--toastify-color-progress-error:var(--toastify-color-error);--toastify-color-progress-colored:#ddd}.Toastify__toast-container{box-sizing:border-box;color:#fff;padding:4px;position:fixed;transform:translate3d(0,0,var(--toastify-z-index) px);width:var(--toastify-toast-width);z-index:var(--toastify-z-index)}.Toastify__toast-container--top-left{left:1em;top:1em}.Toastify__toast-container--top-center{left:50%;top:1em;transform:translateX(-50%)}.Toastify__toast-container--top-right{right:1em;top:1em}.Toastify__toast-container--bottom-left{bottom:1em;left:1em}.Toastify__toast-container--bottom-center{bottom:1em;left:50%;transform:translateX(-50%)}.Toastify__toast-container--bottom-right{bottom:1em;right:1em}@media only screen and (max-width:480px){.Toastify__toast-container{left:0;margin:0;padding:0;width:100vw}.Toastify__toast-container--top-center,.Toastify__toast-container--top-left,.Toastify__toast-container--top-right{top:0;transform:translateX(0)}.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-right{bottom:0;transform:translateX(0)}.Toastify__toast-container--rtl{left:auto;right:0}}.Toastify__toast{border-radius:4px;box-shadow:0 1px 10px 0 #0000001a,0 2px 15px 0 #0000000d;box-sizing:border-box;cursor:pointer;direction:ltr;display:flex;font-family:var(--toastify-font-family);justify-content:space-between;margin-bottom:1rem;max-height:var(--toastify-toast-max-height);min-height:var(--toastify-toast-min-height);overflow:hidden;padding:8px;position:relative;z-index:0}.Toastify__toast--rtl{direction:rtl}.Toastify__toast-body{align-items:center;display:flex;flex:1 1 auto;margin:auto 0;padding:6px;white-space:pre-wrap}.Toastify__toast-body>div:last-child{flex:1}.Toastify__toast-icon{display:flex;flex-shrink:0;margin-inline-end:10px;width:20px}.Toastify--animate{animation-duration:.7s;animation-fill-mode:both}.Toastify--animate-icon{animation-duration:.3s;animation-fill-mode:both}@media only screen and (max-width:480px){.Toastify__toast{border-radius:0;margin-bottom:0}}.Toastify__toast-theme--dark{background:var(--toastify-color-dark);color:var(--toastify-text-color-dark)}.Toastify__toast-theme--colored.Toastify__toast--default,.Toastify__toast-theme--light{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{background:var(--toastify-color-info);color:var(--toastify-text-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{background:var(--toastify-color-success);color:var(--toastify-text-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{background:var(--toastify-color-warning);color:var(--toastify-text-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{background:var(--toastify-color-error);color:var(--toastify-text-color-error)}.Toastify__progress-bar-theme--light{background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--default{background:var(--toastify-color-progress-colored)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning{background:var(--toastify-color-transparent)}.Toastify__close-button{align-self:flex-start;background:#0000;border:none;color:#fff;cursor:pointer;opacity:.7;outline:none;padding:0;transition:.3s ease}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentcolor;height:16px;width:14px}.Toastify__close-button:focus,.Toastify__close-button:hover{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{bottom:0;height:5px;left:0;opacity:.7;position:absolute;transform-origin:left;width:100%;z-index:var(--toastify-z-index)}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{left:auto;right:0;transform-origin:right}.Toastify__spinner{animation:Toastify__spin .65s linear infinite;border:2px solid;border-color:var(--toastify-spinner-color-empty-area);border-radius:100%;border-right-color:var(--toastify-spinner-color);box-sizing:border-box;height:20px;width:20px}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,0,0)}to{opacity:0;transform:translate3d(2000px,0,0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,0,0)}to{opacity:0;transform:translate3d(-2000px,0,0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,-10px,0)}40%,45%{opacity:1;transform:translate3d(0,20px,0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,10px,0)}40%,45%{opacity:1;transform:translate3d(0,-20px,0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--bottom-left,.Toastify__bounce-enter--top-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--bottom-right,.Toastify__bounce-enter--top-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--bottom-left,.Toastify__bounce-exit--top-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--bottom-right,.Toastify__bounce-exit--top-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__none{0%,60%,75%,90%,to{animation-duration:0;animation-timing-function:none}0%{opacity:1;transform:translateZ(0)}to{transform:translateZ(0)}}.Toastify__none-enter--bottom-center,.Toastify__none-enter--bottom-left,.Toastify__none-enter--bottom-right,.Toastify__none-enter--top-center,.Toastify__none-enter--top-left,.Toastify__none-enter--top-right{animation-name:Toastify__none}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{animation-timing-function:ease-in;opacity:0;transform:perspective(400px) rotateX(90deg)}40%{animation-timing-function:ease-in;transform:perspective(400px) rotateX(-20deg)}60%{opacity:1;transform:perspective(400px) rotateX(10deg)}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:perspective(400px)}30%{opacity:1;transform:perspective(400px) rotateX(-20deg)}to{opacity:0;transform:perspective(400px) rotateX(90deg)}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideOutRight{0%{transform:translateZ(0)}to{transform:translate3d(110%,0,0);visibility:hidden}}@keyframes Toastify__slideOutLeft{0%{transform:translateZ(0)}to{transform:translate3d(-110%,0,0);visibility:hidden}}@keyframes Toastify__slideOutDown{0%{transform:translateZ(0)}to{transform:translate3d(0,500px,0);visibility:hidden}}@keyframes Toastify__slideOutUp{0%{transform:translateZ(0)}to{transform:translate3d(0,-500px,0);visibility:hidden}}.Toastify__slide-enter--bottom-left,.Toastify__slide-enter--top-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--bottom-right,.Toastify__slide-enter--top-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--bottom-left,.Toastify__slide-exit--top-left{animation-name:Toastify__slideOutLeft}.Toastify__slide-exit--bottom-right,.Toastify__slide-exit--top-right{animation-name:Toastify__slideOutRight}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown}@keyframes Toastify__spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}