.M4CzK3ms2BBqtKw7I5nP{padding:2rem;min-height:100vh;background-color:#f8fafc}.rU0IxaEc2yf03QlanvQ8{margin-bottom:2rem}.jmroN84NyJWUur5IbsQ5{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.GYQDImHCjap95Ul7rua3 h1{font-size:2.5rem;margin-bottom:.5rem;color:#1e293b;font-weight:700}.GYQDImHCjap95Ul7rua3 p{font-size:1.125rem;color:#475569;font-weight:500}.UsYrB1YRCKfMq9gfU8aJ{display:grid;grid-template-columns:repeat(2, 1fr);gap:.5rem;padding:1rem;background-color:#fff;border-radius:1rem;box-shadow:0 4px 12px rgba(0,0,0,.1);border:2px solid #e2e8f0}.i9wyKmOpGfk5mc90MUMf{grid-column:span 2;margin-bottom:.5rem;font-size:.875rem;font-weight:600;color:#1e293b;text-align:center}.uLrWELt4xNep6yeejdfu{display:flex;align-items:center;gap:.5rem;padding:.5rem;background-color:#f8fafc;border-radius:.5rem}.tvmhMkJktufA4XZZsooE{width:6px;height:6px;border-radius:50%}.jtjjoSP0C4tjskvCRMrO{font-size:.75rem;color:#64748b}.sAa9ExJ3ZYh6RSNb6TET{display:grid;grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));gap:1.5rem;margin-bottom:2rem}.mTcIrgSX7bqUaoc3WT6_{padding:2rem;background-color:#fff;border-radius:1rem;box-shadow:0 4px 12px rgba(0,0,0,.1);border:1px solid #e2e8f0}.PAQsTeScfH6dVK4ROHLR{font-size:3rem;margin-bottom:1rem}.WLhREiT1bYJNFlHhqLLs{font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.cfyWulkl6gabyQ1lJ08A{font-size:.875rem;color:#64748b}.MB74pcbN3VbvxZECheeU .WLhREiT1bYJNFlHhqLLs{color:#8b5cf6}.m8CSeNqkuaTrHRUHTNKB .WLhREiT1bYJNFlHhqLLs{color:#f59e0b}.coUPza74F2J0Z_nu4hLY .WLhREiT1bYJNFlHhqLLs{color:#10b981}.lQtx08srMkMhJyTeiKw5 .WLhREiT1bYJNFlHhqLLs{color:#3b82f6}._iUrfbWqYISHEkGUTHwT{width:100%;background-color:#e5e7eb;border-radius:9999px;height:.75rem;margin-top:1rem}.BFSbgYTf97SEEro2Yta0{background-color:#8b5cf6;height:100%;border-radius:9999px;width:var(--progress-width, 0%)}.tKLOsMhKIswSkyEIETxH{display:grid;grid-template-columns:2fr 1fr;gap:2rem}.dFd5EtScH_0Zy5IaKfZu{background-color:#fff;padding:2rem;border-radius:1rem;box-shadow:0 4px 12px rgba(0,0,0,.1);border:1px solid #e2e8f0}.OYydkojYYtg_qhnyBJZL{font-size:1.5rem;font-weight:600;color:#1e293b;margin-bottom:1.5rem}.hW8bs8aC060lFhxT_1aQ{display:grid;grid-template-columns:repeat(2, 1fr);gap:1.5rem}.Yg5A2x3gDXkYco2MEU2S{border:1px solid #e2e8f0;border-radius:.75rem;overflow:hidden;transition:transform .2s,box-shadow .2s}.Yg5A2x3gDXkYco2MEU2S:hover{transform:translateY(-5px);box-shadow:0 8px 16px rgba(0,0,0,.1)}.QrI4l7R75xdIv6lxB__t{width:100%;height:150px;object-fit:cover}.QZ9vH260yEIYOYgNE7Ew{padding:1rem}.aFHnAFB5eMnU6xlBo2JT{font-weight:600;color:#374151;margin-bottom:.5rem}.K__arY6hX0Z26fL4aPbp{font-size:.875rem;color:#6b7280}.C9RCS2oPJHqn27TtO6fL{display:flex;flex-direction:column;gap:1.5rem}.ApsCL56WqtxQFtrSpBQT{display:flex;align-items:center;gap:1.5rem}.C0ynM6p_Nfm41P9L4xzS{font-size:2.5rem;background-color:#f3f4f6;padding:.75rem;border-radius:50%}.W8rUx0Qjh4Qxx2RsLnBg h4{font-weight:600;color:#374151;margin:0 0 .25rem}.W8rUx0Qjh4Qxx2RsLnBg p{font-size:.875rem;color:#6b7280;margin:0}.iQeuk5VNSvHSWkCSYXiy{display:flex;justify-content:center;align-items:center;min-height:50vh;flex-direction:column}.YlCzTYtrJy3aUFzgngNu{font-size:3rem;margin-bottom:1rem}.UnWF6nF8FlTjJWBRZZKK{font-size:1.25rem;color:#6b7280}.iAHtXfI4ln5gm0UCzWAv{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:.5rem}.CRAALB_bMUOBezJpt7N3{font-size:1.5rem}.gcl7y3UrchnYU0S_QHvd{background-color:#10b981}.efyysXGf0rEl3YrDqR5l{background-color:#f59e0b}.KxZ3vQdhUKG7I1yVmUit{background-color:#ef4444}
.e8wb6zRL9koOMEtGYlkz{padding:2rem;font-family:sans-serif;background-color:#f4f7f6;min-height:100vh}.Wx_PYApY9dbUZE5boZ4Q{display:grid;grid-template-columns:repeat(auto-fill, minmax(200px, 1fr));gap:1.5rem}.ejrrqaxvRQTuh13TvfQ7{background-color:#fff;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.1);overflow:hidden;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out;display:flex;flex-direction:column}.ejrrqaxvRQTuh13TvfQ7:hover{transform:translateY(-5px);box-shadow:0 8px 16px rgba(0,0,0,.15)}.NuVSuYbIbmP_ptwlyxSt{width:100%;height:180px;object-fit:cover}.cJCojgiLubTZT5MilJTg{padding:1rem}.uZFRZp8sC2jWb7yWO6AH{margin:0 0 .5rem 0;font-size:1.1rem;color:#333}.Q8h5Mm_MSglKAAD1ZUlw{margin:0 0 1rem 0;font-size:.9rem;color:#666;font-weight:bold}.Q8h5Mm_MSglKAAD1ZUlw[data-rarity=common]{color:#6c757d}.Q8h5Mm_MSglKAAD1ZUlw[data-rarity=uncommon]{color:#28a745}.Q8h5Mm_MSglKAAD1ZUlw[data-rarity=rare]{color:#007bff}.Q8h5Mm_MSglKAAD1ZUlw[data-rarity=epic]{color:#9d3ed5}.Q8h5Mm_MSglKAAD1ZUlw[data-rarity=legendary]{color:#fd7e14}.YcWsCz2gr2CBZY8VcWe3{font-size:.8rem;color:#888;margin-top:auto}.JfcZIGEp_eyggdFRXPif{color:#dc3545;font-size:1.2rem;text-align:center;padding:2rem}
:root{--color-primary: #6366f1;--color-primary-light: #818cf8;--color-primary-dark: #4338ca;--color-secondary: #8b5cf6;--color-accent: #06b6d4;--color-success: #10b981;--color-warning: #f59e0b;--color-error: #ef4444;--color-info: #3b82f6;--color-gray-50: #f9fafb;--color-gray-100: #f3f4f6;--color-gray-200: #e5e7eb;--color-gray-300: #d1d5db;--color-gray-400: #9ca3af;--color-gray-500: #6b7280;--color-gray-600: #4b5563;--color-gray-700: #374151;--color-gray-800: #1f2937;--color-gray-900: #111827;--color-bg-primary: #ffffff;--color-bg-secondary: #f8fafc;--color-bg-tertiary: #f1f5f9;--color-text-primary: #1f2937;--color-text-secondary: #6b7280;--color-text-tertiary: #9ca3af;--color-text-inverse: #ffffff;--color-border-primary: #e5e7eb;--color-border-secondary: #d1d5db;--color-border-focus: #6366f1;--font-family-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-family-mono: "JetBrains Mono", "Fira Code", Monaco, monospace;--font-size-xs: 0.75rem;--font-size-sm: 0.875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--line-height-tight: 1.25;--line-height-snug: 1.375;--line-height-normal: 1.5;--line-height-relaxed: 1.625;--line-height-loose: 2;--spacing-px: 1px;--spacing-0: 0;--spacing-1: 0.25rem;--spacing-2: 0.5rem;--spacing-3: 0.75rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-8: 2rem;--spacing-10: 2.5rem;--spacing-12: 3rem;--spacing-16: 4rem;--spacing-20: 5rem;--spacing-24: 6rem;--spacing-32: 8rem;--radius-none: 0;--radius-sm: 0.125rem;--radius-base: 0.25rem;--radius-md: 0.375rem;--radius-lg: 0.5rem;--radius-xl: 0.75rem;--radius-2xl: 1rem;--radius-3xl: 1.5rem;--radius-full: 9999px;--shadow-xs: 0 1px 2px 0 rgb(0 0 0 / 0.05);--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);--shadow-base: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);--shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / 0.25);--shadow-inner: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);--z-index-dropdown: 1000;--z-index-sticky: 1020;--z-index-fixed: 1030;--z-index-modal-backdrop: 1040;--z-index-modal: 1050;--z-index-popover: 1060;--z-index-tooltip: 1070;--z-index-toast: 1080;--transition-fast: 150ms cubic-bezier(0.4, 0, 0.2, 1);--transition-base: 200ms cubic-bezier(0.4, 0, 0.2, 1);--transition-slow: 300ms cubic-bezier(0.4, 0, 0.2, 1);--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px}@media(prefers-color-scheme: dark){:root{--color-bg-primary: #111827;--color-bg-secondary: #1f2937;--color-bg-tertiary: #374151;--color-text-primary: #f9fafb;--color-text-secondary: #d1d5db;--color-text-tertiary: #9ca3af;--color-text-inverse: #111827;--color-border-primary: #374151;--color-border-secondary: #4b5563}}*,*::before,*::after{box-sizing:border-box}html{line-height:var(--line-height-normal);-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;font-family:var(--font-family-sans);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);color:var(--color-text-primary);background-color:var(--color-bg-primary);scroll-behavior:smooth}.ionRI1XHGsIvL6kA0VVS{width:100%;max-width:1280px;margin:0 auto;padding:0 var(--spacing-4)}@media(min-width: 640px){.ionRI1XHGsIvL6kA0VVS{padding:0 var(--spacing-6)}}@media(min-width: 1024px){.ionRI1XHGsIvL6kA0VVS{padding:0 var(--spacing-8)}}.sRCBGM7QZdLc0ASXRFpo{display:grid}.OKBbbWLsgGsLsx5fhkau{display:flex}.ey1zKsMZz5asJdmDUazT{display:inline-flex}.uTGsdnSA5ROc9mBTMAQT{display:block}.rCvq7sNu7vzYonJ7Fz47{display:inline-block}.TKFI_EaVA3qzH6eBRn4p{display:none}.u_UjwfkZ6AT8tPZ8kq7A{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.cUxNXrfYeFG20lWgPQWx:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}@media(prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important}}.d_NcEvJ6v3_DDHJ9qitk{display:flex;flex-wrap:wrap;height:calc(100vh - 80px);gap:var(--spacing-6);padding:var(--spacing-6);background-color:var(--color-bg-secondary)}.TD7tj8VzvYrSPjH51YTt,.qyoQeFuBbI6srPe30qvA,.AecE0pcjb2gtkdH7plSP{background-color:var(--color-bg-primary);border-radius:var(--radius-xl);padding:var(--spacing-5);box-shadow:var(--shadow-base);overflow-y:auto;min-height:200px}.TD7tj8VzvYrSPjH51YTt{flex:1 1 280px;min-width:260px}.qyoQeFuBbI6srPe30qvA{display:flex;flex-direction:column;flex:3 1 50%;min-width:320px}.AecE0pcjb2gtkdH7plSP{flex:1 1 320px;min-width:300px}.ikSjsXubC8zNFHo9Y_E_{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-top:0;margin-bottom:var(--spacing-5);border-bottom:1px solid var(--color-border-primary);padding-bottom:var(--spacing-3)}.YaASX_rXb6yvle0PA534{position:relative;width:100%;flex-grow:1;display:flex;align-items:center;justify-content:center;min-height:300px}.Sw0tWJjZ51dbj9PCFzw3{max-width:100%;height:auto;border-radius:var(--radius-lg);object-fit:cover;margin-top:var(--spacing-4)}.NVH8OlwLrSqeYgIwelpu{position:absolute;top:0;left:0;width:100%;height:100%;transform:translate(var(--translateX, 0), var(--translateY, 0)) scale(var(--scale, 1));transition:transform .3s ease-in-out}.maW3eHArNsBFOcxu9tah{list-style-type:none;padding:0;margin:0}.sOZZFNTXoHHdWdSleca9{display:flex;align-items:center;padding:var(--spacing-2) var(--spacing-3);margin-bottom:var(--spacing-2);border-radius:var(--radius-md);cursor:pointer;transition:background-color .2s ease-in-out,box-shadow .2s ease-in-out}.sOZZFNTXoHHdWdSleca9:hover{background-color:var(--color-bg-secondary);box-shadow:var(--shadow-sm)}.sOZZFNTXoHHdWdSleca9.uC_Emt3GZ6cCRqs0IiuN{background-color:var(--color-primary-light);color:var(--color-text-on-primary);font-weight:var(--font-weight-semibold);box-shadow:inset 0 2px 4px rgba(0,0,0,.1)}.sOZZFNTXoHHdWdSleca9.lhbzyCgq2wIkxMb9g6ph{opacity:.5;cursor:not-allowed;filter:grayscale(80%)}.sOZZFNTXoHHdWdSleca9.lhbzyCgq2wIkxMb9g6ph:hover{transform:none;box-shadow:none;background-color:var(--color-bg-primary)}.qTVGoIBKN8NxHVN9iUrQ{opacity:.6;pointer-events:none;transition:opacity .2s ease-in-out}.WgoDwQf3A0ih322MvbUr{position:fixed;top:var(--tooltip-top);left:var(--tooltip-left);transform:translate(-50%, -110%);background-color:var(--color-bg-inverse, #2c3e50);color:var(--color-text-inverse, #ecf0f1);padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);z-index:1000;pointer-events:none;white-space:nowrap;opacity:0;animation:gYsiSATwfY2DFUtZ5xig .15s ease-out forwards}@keyframes gYsiSATwfY2DFUtZ5xig{from{opacity:0;transform:translate(-50%, -100%)}to{opacity:1;transform:translate(-50%, -110%)}}.hmUJvDH2wWrdWn5mv0m2{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin-bottom:var(--space-md)}.Wq8r5XUduXvrE95yikn2{padding:var(--space-xs) var(--space-sm);border:1px solid var(--color-border);border-radius:var(--border-radius-md);background-color:var(--color-bg-secondary);color:var(--color-text-secondary);cursor:pointer;transition:all .2s ease-in-out;font-size:var(--font-size-sm);text-transform:capitalize}.Wq8r5XUduXvrE95yikn2:hover{background-color:var(--color-bg-tertiary);border-color:var(--color-border-hover)}.Wq8r5XUduXvrE95yikn2.BSyYrhJ5Tiy14lqczY8d{background-color:var(--color-primary);color:var(--color-text-on-primary);border-color:var(--color-primary);font-weight:var(--font-weight-semibold)}.qD6PDm7CX4Xhbg5EbKC9{width:32px;height:32px;margin-right:var(--spacing-3);border-radius:var(--radius-sm);object-fit:cover;background-color:var(--color-bg-secondary)}.Xuj8Gq1lqrhC2iHYqjeY{flex-grow:1}.dsGpFHTFfnuP3dCzEFxL{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--color-border-subtle)}.J4DGw83A7SO0WfH3_pGi{display:flex;flex-direction:column;gap:.75rem}.J4DGw83A7SO0WfH3_pGi label{font-size:.9rem;font-weight:600;color:var(--color-text-secondary)}.G6SHr0K0_9ozu4QkoVBt{width:100%;padding:.75rem;border-radius:var(--border-radius-medium);border:1px solid var(--color-border-input);background-color:var(--color-bg-input);color:var(--color-text-primary);font-family:inherit;font-size:1rem;resize:vertical;transition:border-color .2s,box-shadow .2s}.G6SHr0K0_9ozu4QkoVBt:focus{outline:none;border-color:var(--color-accent-primary);box-shadow:0 0 0 3px var(--color-accent-primary-translucent)}.aIenlZndEjWbXeFjTPr1{padding:.75rem 1.5rem;border:none;border-radius:var(--border-radius-medium);background-color:var(--color-accent-primary);color:var(--color-text-on-accent);font-size:1rem;font-weight:700;cursor:pointer;transition:background-color .2s,transform .1s}.aIenlZndEjWbXeFjTPr1:hover:not(:disabled){background-color:var(--color-accent-primary-hover)}.aIenlZndEjWbXeFjTPr1:active:not(:disabled){transform:translateY(1px)}.aIenlZndEjWbXeFjTPr1:disabled{background-color:var(--color-bg-disabled);color:var(--color-text-disabled);cursor:not-allowed}.ftyhwCm6X6q6ZPrYCVgF{margin-top:1.5rem;padding:1rem;background-color:var(--color-bg-subtle);border-radius:var(--border-radius-medium);min-height:50px}.ftyhwCm6X6q6ZPrYCVgF p{margin:0 0 .5rem 0}.xglim27uAeA6O43EO9vg{color:var(--color-text-error);font-weight:600}.eLj3NAH1xbNtI1Qgx654{max-width:100%;border-radius:var(--border-radius-small);margin-top:1rem;border:2px solid var(--color-border-subtle)}.p5ISAdFOalo4fyQx0xip{font-size:.85rem;color:var(--color-text-secondary);margin-top:.5rem !important}.zzWOpjl5NEfDuFaAHD1y{list-style-type:none;padding:0;margin:0;margin-bottom:var(--spacing-5)}.HBUHxtdxUU07dcmERgb1{padding:var(--spacing-3) var(--spacing-4);margin-bottom:var(--spacing-3);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease-in-out;border:1px solid var(--color-border-primary);background-color:var(--color-bg-primary)}.HBUHxtdxUU07dcmERgb1:hover{background-color:var(--color-bg-secondary);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.HBUHxtdxUU07dcmERgb1.IUwTgUQJzYKwonqW1hh0{background-color:var(--color-primary-light);border-color:var(--color-primary);box-shadow:var(--shadow-md)}.HBUHxtdxUU07dcmERgb1.lhbzyCgq2wIkxMb9g6ph{opacity:.6;cursor:not-allowed;filter:grayscale(50%)}.HBUHxtdxUU07dcmERgb1.lhbzyCgq2wIkxMb9g6ph:hover{transform:none;box-shadow:none;background-color:var(--color-bg-primary)}.ZN27WVYAnLDSw7h1yEOr{display:flex;flex-direction:column;gap:var(--spacing-2)}.x10sSNTF_BeLLKKlfxAq{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-1)}.R9GU69K1ngIUVknv2MAQ{font-size:var(--font-size-sm);color:var(--color-text-secondary);text-transform:capitalize;background-color:var(--color-bg-secondary);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-sm);display:inline-block;width:fit-content}.vLR_XrX92CfVzsdFfvX7{font-size:var(--font-size-sm);color:var(--color-success);font-weight:var(--font-weight-medium);background-color:var(--color-success-light);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-sm);display:inline-block;width:fit-content}.UwxYOZr73t3zOOYCymQ_{font-size:var(--font-size-sm);color:var(--color-primary);font-weight:var(--font-weight-bold);background-color:var(--color-primary-light);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-sm);display:inline-block;width:fit-content}.GJxJ5pdjVLdMwn6RjeJp{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-top:var(--spacing-2);margin-bottom:0;line-height:1.4}.N5Qibu0i9IACR7CkVVk3{margin-bottom:var(--spacing-6);padding:var(--spacing-4);background-color:var(--color-bg-secondary);border-radius:var(--radius-md);border:1px solid var(--color-border-primary)}._MXpis8IEBeiSumFpjsy{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--spacing-3);margin-top:0}.yb3d7A42Fgh3_bwmwI8h{display:flex;flex-direction:column;gap:var(--spacing-2)}.yb3d7A42Fgh3_bwmwI8h p{margin:0;font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.4}.yb3d7A42Fgh3_bwmwI8h p strong{color:var(--color-text-primary);font-weight:var(--font-weight-medium)}.YxqF_x5g8YCVyql6B1iZ{display:inline-block;padding:var(--spacing-1) var(--spacing-2);background-color:var(--color-warning-light);color:var(--color-warning);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);border-radius:var(--radius-sm);text-transform:uppercase;margin-top:var(--spacing-2)}.pYHfby7arR2X3_oQJTjV{display:flex;flex-direction:column;gap:var(--spacing-2);margin-bottom:var(--spacing-4)}.pYHfby7arR2X3_oQJTjV p{margin:0;font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.4}.pYHfby7arR2X3_oQJTjV p strong{color:var(--color-text-primary);font-weight:var(--font-weight-medium)}
.WEjPzMo8Z25FSAOpAmng{position:relative;display:inline-block;overflow:hidden;border-radius:8px}.WEjPzMo8Z25FSAOpAmng:focus-within{outline:2px solid var(--primary-color, #007bff);outline-offset:2px}.udpWaA5LzgCgaBhQR4tk{display:block;width:100%;height:100%;object-fit:contain;transition:opacity .3s ease}.udpWaA5LzgCgaBhQR4tk._jmWF1ssb8G2AoeFZGc3{opacity:.7}.udpWaA5LzgCgaBhQR4tk.NHKeFWD_Iimmg7sV02s8{opacity:.5;filter:grayscale(100%)}.jawMVljIyhag8YAG10qs{background-color:#f0f0f0;display:flex;align-items:center;justify-content:center;min-height:100px;border-radius:8px;border:2px dashed #ccc}.MlPHq73wxGA_ElTTWL7n{position:absolute;top:0;left:0;right:0;bottom:0;background-color:hsla(0,0%,100%,.8);display:flex;align-items:center;justify-content:center;pointer-events:none}.PCtjK0icvS6qbxSsQbw3{width:24px;height:24px;border:3px solid #f3f3f3;border-top:3px solid var(--primary-color, #007bff);border-radius:50%;animation:jbNHymnLjvD6NVEOBqlN 1s linear infinite}.t9R9boe__D8ac1DZ43gp{position:absolute;top:0;left:0;right:0;bottom:0;background-color:hsla(0,0%,100%,.95);display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;color:#666;font-size:12px;text-align:center;padding:8px}.aEiockaQQlb4iSHfwPOU{font-size:24px;margin-bottom:4px}._YwK4A3mX5jyDCWzgfQ4{font-size:11px;font-weight:500}@keyframes jbNHymnLjvD6NVEOBqlN{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@media(max-width: 768px){.PCtjK0icvS6qbxSsQbw3{width:20px;height:20px;border-width:2px}.aEiockaQQlb4iSHfwPOU{font-size:20px}._YwK4A3mX5jyDCWzgfQ4{font-size:10px}}@media(prefers-color-scheme: dark){.jawMVljIyhag8YAG10qs{background-color:#2a2a2a;border-color:#555}.MlPHq73wxGA_ElTTWL7n{background-color:rgba(40,40,40,.8)}.t9R9boe__D8ac1DZ43gp{background-color:rgba(40,40,40,.95);color:#ccc}}@media(prefers-contrast: high){.WEjPzMo8Z25FSAOpAmng:focus-within{outline:3px solid;outline-offset:3px}.t9R9boe__D8ac1DZ43gp{background-color:#fff;color:#000}}@media(prefers-reduced-motion: reduce){.udpWaA5LzgCgaBhQR4tk{transition:none}.PCtjK0icvS6qbxSsQbw3{animation:none}}
.CmHqZ6zRJvRMzGE7mS5j{display:block;width:100%;height:100%;object-fit:contain;transition:transform .2s ease}.CmHqZ6zRJvRMzGE7mS5j:hover{transform:scale(calc(var(--scale, 1) * 1.02))}.T5fK3zzALKt6ez7dP5gt{z-index:1}.nWkg4AjxCe2U4ABXcDC8{z-index:3}.vnqo5m8I7GBAq93lcu5A{z-index:2}.qmoyGSsBhKIyAAEMUcn2{z-index:4}.Ri1Y6wev1JHDvOQXRWAH{z-index:5;cursor:grab}.Ri1Y6wev1JHDvOQXRWAH:active{cursor:grabbing}@media(max-width: 768px){.CmHqZ6zRJvRMzGE7mS5j:hover{transform:scale(var(--scale, 1))}}@media(prefers-reduced-motion: reduce){.CmHqZ6zRJvRMzGE7mS5j{transition:none}.CmHqZ6zRJvRMzGE7mS5j:hover{transform:scale(var(--scale, 1))}}
.ZwwOwhIR4OW7u3Ot3A9R{touch-action:none;user-select:none;-webkit-user-select:none;-webkit-user-drag:none}.ZwwOwhIR4OW7u3Ot3A9R:focus{outline:2px solid var(--primary-color, #007bff);outline-offset:2px;border-radius:4px}.ZwwOwhIR4OW7u3Ot3A9R.oFI6ASuOkYT9HJNxMF0F{z-index:9999 !important;filter:drop-shadow(0 8px 16px rgba(0, 0, 0, 0.3))}.ZwwOwhIR4OW7u3Ot3A9R.oFI6ASuOkYT9HJNxMF0F .HbXyFmKBF8iwCcwmBl4p{opacity:.9}.HbXyFmKBF8iwCcwmBl4p{display:block;width:100%;height:100%;pointer-events:none;transition:opacity .2s ease}.YwBOgtUUzOdITEVGu5ep{position:absolute;top:-30px;left:50%;transform:translateX(-50%);background-color:rgba(0,0,0,.8);color:#fff;padding:4px 8px;border-radius:4px;font-size:11px;font-weight:500;white-space:nowrap;pointer-events:none;z-index:10000}.n5B_kOw7Nvbfixi2g9qg{line-height:1.2;text-align:center}@media(max-width: 768px){.ZwwOwhIR4OW7u3Ot3A9R{min-width:44px;min-height:44px}.ZwwOwhIR4OW7u3Ot3A9R.oFI6ASuOkYT9HJNxMF0F{transform:scale(1.2);filter:drop-shadow(0 12px 24px rgba(0, 0, 0, 0.4))}.YwBOgtUUzOdITEVGu5ep{top:-40px;font-size:12px;padding:6px 10px}}@media(min-width: 769px)and (max-width: 1024px){.ZwwOwhIR4OW7u3Ot3A9R.oFI6ASuOkYT9HJNxMF0F{transform:scale(1.15)}}@media(prefers-contrast: high){.ZwwOwhIR4OW7u3Ot3A9R:focus{outline:3px solid;outline-offset:3px}.ZwwOwhIR4OW7u3Ot3A9R.oFI6ASuOkYT9HJNxMF0F{filter:drop-shadow(0 8px 16px rgba(0, 0, 0, 0.8))}.YwBOgtUUzOdITEVGu5ep{background-color:rgba(0,0,0,.95);border:1px solid #fff}}@media(prefers-reduced-motion: reduce){.ZwwOwhIR4OW7u3Ot3A9R{transition:none}.ZwwOwhIR4OW7u3Ot3A9R.oFI6ASuOkYT9HJNxMF0F{transform:none;filter:none}.HbXyFmKBF8iwCcwmBl4p{transition:none}}@media(prefers-color-scheme: dark){.YwBOgtUUzOdITEVGu5ep{background-color:hsla(0,0%,100%,.9);color:#000}.ZwwOwhIR4OW7u3Ot3A9R:focus{outline-color:var(--primary-color-dark, #66b3ff)}}.ZwwOwhIR4OW7u3Ot3A9R[aria-disabled=true]{cursor:not-allowed;opacity:.5;pointer-events:none}.ZwwOwhIR4OW7u3Ot3A9R:focus-visible{outline:2px solid var(--primary-color, #007bff);outline-offset:2px}@keyframes UP3Xipr0l1RApXfRIbCf{0%{transform:scale(1)}50%{transform:scale(1.05)}100%{transform:scale(1.1)}}.ZwwOwhIR4OW7u3Ot3A9R.oFI6ASuOkYT9HJNxMF0F{animation:UP3Xipr0l1RApXfRIbCf .2s ease-out}
.BIHA2k5Ww7LvO4e52F94{display:flex;flex-direction:column;align-items:center;gap:var(--space-md);padding:var(--space-lg);background-color:var(--color-bg-primary);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);position:relative}.WG8bDsx7yxqlcntT3I6w{font-size:var(--font-size-xl);color:var(--color-text-primary);margin-bottom:var(--space-sm)}.ydBehj94dhWTj8BFzIhn{position:relative;width:300px;height:450px;background-color:var(--color-bg-secondary);border-radius:var(--border-radius-md);overflow:hidden;border:1px solid var(--color-border)}.ydBehj94dhWTj8BFzIhn.LbPmoNdFbojmbU266Qgf{cursor:grabbing;user-select:none}.hJHZCmoxGcQCjV3GdWY2{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain}.F8ZDlFwI4j8g_jY23M0k{z-index:0}.m_8Rmn9CZqenUGNAdIfl{z-index:10}.SYpYCL3MNpiQniZpikEu{z-index:20}.B4ukPIyVWFHJS1quFoof{z-index:30}.QtLjV9AoTNddWKA9o6I8{z-index:40}.NBFKScoTwFWthCQ09vjy{z-index:50}.ThV04VthwcJK063wiCdp{text-align:center}.ThV04VthwcJK063wiCdp h3{font-size:var(--font-size-lg);color:var(--color-text-primary);margin-bottom:var(--space-xs)}.ThV04VthwcJK063wiCdp p{font-size:var(--font-size-md);color:var(--color-text-secondary);max-width:400px}.KbhDKMJjxuJjB1NMdhCw{position:absolute;top:0;left:0;right:0;bottom:0;background-color:hsla(0,0%,100%,.9);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;z-index:9999;border-radius:var(--border-radius-lg)}.KbhDKMJjxuJjB1NMdhCw span{font-size:1rem;font-weight:500;color:var(--color-text-secondary)}.S_SxvZRROD4LRkYfAmAM{width:32px;height:32px;border:3px solid var(--color-border);border-top:3px solid var(--color-primary, #007bff);border-radius:50%;animation:bp4GrMPR_GPPiQkV84Mz 1s linear infinite}@keyframes bp4GrMPR_GPPiQkV84Mz{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.kHgOS1H05H5q4hBSsI0U{background-color:var(--color-error-bg, #fee);border:1px solid var(--color-error-border, #fcc);color:var(--color-error-text, #c33);padding:12px 16px;border-radius:var(--border-radius-md);margin-bottom:16px;display:flex;align-items:center;gap:8px;font-size:.9rem}.kHgOS1H05H5q4hBSsI0U .dMQeAD5keaixqtvWU2dl{font-size:1rem}.kHgOS1H05H5q4hBSsI0U .XAYzHx0b8wdJ720Aoxv_{background:none;border:none;color:var(--color-error-text, #c33);cursor:pointer;font-size:1.2rem;font-weight:bold;padding:0;margin-left:auto;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%}.kHgOS1H05H5q4hBSsI0U .XAYzHx0b8wdJ720Aoxv_:hover{background-color:var(--color-error-hover, #ecc)}.Unqmg2gS6we7Xc9f8KIt{margin-top:var(--space-sm);padding:var(--space-xs);background-color:var(--color-bg-secondary);border-radius:var(--border-radius-sm);border:1px solid var(--color-border)}.Unqmg2gS6we7Xc9f8KIt small{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-style:italic}@media(prefers-color-scheme: dark){.KbhDKMJjxuJjB1NMdhCw{background-color:rgba(0,0,0,.9)}.kHgOS1H05H5q4hBSsI0U{background-color:var(--color-error-bg-dark, #421);border-color:var(--color-error-border-dark, #632);color:var(--color-error-text-dark, #faa)}.kHgOS1H05H5q4hBSsI0U .XAYzHx0b8wdJ720Aoxv_{color:var(--color-error-text-dark, #faa)}.kHgOS1H05H5q4hBSsI0U .XAYzHx0b8wdJ720Aoxv_:hover{background-color:var(--color-error-hover-dark, #532)}}@media(max-width: 768px){.ydBehj94dhWTj8BFzIhn{width:280px;height:420px}.S_SxvZRROD4LRkYfAmAM{width:28px;height:28px}.kHgOS1H05H5q4hBSsI0U{font-size:.8rem;padding:10px 14px}}
.pnoCwN7RkPahzNV6BY4E{color:red}
:root{--color-primary: #6366f1;--color-primary-light: #818cf8;--color-primary-dark: #4338ca;--color-secondary: #8b5cf6;--color-accent: #06b6d4;--color-success: #10b981;--color-warning: #f59e0b;--color-error: #ef4444;--color-info: #3b82f6;--color-gray-50: #f9fafb;--color-gray-100: #f3f4f6;--color-gray-200: #e5e7eb;--color-gray-300: #d1d5db;--color-gray-400: #9ca3af;--color-gray-500: #6b7280;--color-gray-600: #4b5563;--color-gray-700: #374151;--color-gray-800: #1f2937;--color-gray-900: #111827;--color-bg-primary: #ffffff;--color-bg-secondary: #f8fafc;--color-bg-tertiary: #f1f5f9;--color-text-primary: #1f2937;--color-text-secondary: #6b7280;--color-text-tertiary: #9ca3af;--color-text-inverse: #ffffff;--color-border-primary: #e5e7eb;--color-border-secondary: #d1d5db;--color-border-focus: #6366f1;--font-family-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-family-mono: "JetBrains Mono", "Fira Code", Monaco, monospace;--font-size-xs: 0.75rem;--font-size-sm: 0.875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--line-height-tight: 1.25;--line-height-snug: 1.375;--line-height-normal: 1.5;--line-height-relaxed: 1.625;--line-height-loose: 2;--spacing-px: 1px;--spacing-0: 0;--spacing-1: 0.25rem;--spacing-2: 0.5rem;--spacing-3: 0.75rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-8: 2rem;--spacing-10: 2.5rem;--spacing-12: 3rem;--spacing-16: 4rem;--spacing-20: 5rem;--spacing-24: 6rem;--spacing-32: 8rem;--radius-none: 0;--radius-sm: 0.125rem;--radius-base: 0.25rem;--radius-md: 0.375rem;--radius-lg: 0.5rem;--radius-xl: 0.75rem;--radius-2xl: 1rem;--radius-3xl: 1.5rem;--radius-full: 9999px;--shadow-xs: 0 1px 2px 0 rgb(0 0 0 / 0.05);--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);--shadow-base: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);--shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / 0.25);--shadow-inner: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);--z-index-dropdown: 1000;--z-index-sticky: 1020;--z-index-fixed: 1030;--z-index-modal-backdrop: 1040;--z-index-modal: 1050;--z-index-popover: 1060;--z-index-tooltip: 1070;--z-index-toast: 1080;--transition-fast: 150ms cubic-bezier(0.4, 0, 0.2, 1);--transition-base: 200ms cubic-bezier(0.4, 0, 0.2, 1);--transition-slow: 300ms cubic-bezier(0.4, 0, 0.2, 1);--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px}@media(prefers-color-scheme: dark){:root{--color-bg-primary: #111827;--color-bg-secondary: #1f2937;--color-bg-tertiary: #374151;--color-text-primary: #f9fafb;--color-text-secondary: #d1d5db;--color-text-tertiary: #9ca3af;--color-text-inverse: #111827;--color-border-primary: #374151;--color-border-secondary: #4b5563}}*,*::before,*::after{box-sizing:border-box}html{line-height:var(--line-height-normal);-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;font-family:var(--font-family-sans);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);color:var(--color-text-primary);background-color:var(--color-bg-primary);scroll-behavior:smooth}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 var(--spacing-4)}@media(min-width: 640px){.container{padding:0 var(--spacing-6)}}@media(min-width: 1024px){.container{padding:0 var(--spacing-8)}}.grid{display:grid}.flex{display:flex}.inline-flex{display:inline-flex}.block{display:block}.inline-block{display:inline-block}.hidden{display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.focus-visible:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}@media(prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important}}*{box-sizing:border-box}html,body{margin:0;padding:0;font-family:var(--font-family-sans);background-color:var(--color-bg-primary);color:var(--color-text-primary);line-height:var(--line-height-normal);transition:background-color var(--transition-base),color var(--transition-base)}#root{min-height:100vh}.app{min-height:100vh;display:flex;flex-direction:column}.layout{display:flex;flex-direction:column;min-height:100vh}.navbar{background:var(--color-bg-primary);border-bottom:1px solid var(--color-border-primary);box-shadow:var(--shadow-sm);position:sticky;top:0;z-index:var(--z-index-sticky)}.navbar-content{max-width:1280px;margin:0 auto;padding:0 var(--spacing-4);display:flex;align-items:center;justify-content:space-between;height:64px}.navbar-brand .brand-link{display:flex;align-items:center;text-decoration:none;color:var(--color-text-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-xl)}.navbar-brand .brand-link .brand-icon{margin-right:var(--spacing-2);font-size:var(--font-size-2xl)}.navbar-brand .brand-link .brand-text{background:linear-gradient(135deg, var(--color-primary), var(--color-secondary));-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text}.navbar-nav{display:flex;gap:var(--spacing-6)}.nav-link{display:flex;align-items:center;padding:var(--spacing-2) var(--spacing-3);text-decoration:none;color:var(--color-text-secondary);border-radius:var(--radius-md);transition:all var(--transition-base);font-weight:var(--font-weight-medium)}.nav-link .nav-icon{margin-right:var(--spacing-2)}.nav-link:hover{color:var(--color-text-primary);background-color:var(--color-bg-secondary)}.nav-link.active{color:var(--color-primary);background-color:rgba(99,102,241,.1)}.main-content{flex:1;padding:var(--spacing-6) 0}.container{max-width:1280px;margin:0 auto;padding:0 var(--spacing-4)}.page-header{text-align:center;margin-bottom:var(--spacing-12)}.page-title{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);margin:0 0 var(--spacing-4) 0;color:var(--color-text-primary)}.page-subtitle{font-size:var(--font-size-lg);color:var(--color-text-secondary);margin:0}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-3) var(--spacing-6);border:none;border-radius:var(--radius-md);font-weight:var(--font-weight-medium);text-decoration:none;cursor:pointer;transition:all var(--transition-base);font-size:var(--font-size-base)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background-color:var(--color-primary);color:#fff}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-secondary{background-color:var(--color-secondary);color:#fff}.btn-secondary:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.btn-outline{background-color:rgba(0,0,0,0);color:var(--color-primary);border:1px solid var(--color-primary)}.btn-outline:hover:not(:disabled){background-color:var(--color-primary);color:#fff}.btn-lg{padding:var(--spacing-4) var(--spacing-8);font-size:var(--font-size-lg)}.btn-sm{padding:var(--spacing-2) var(--spacing-4);font-size:var(--font-size-sm)}.card,.dashboard-card,.character-pack-card{background:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:all var(--transition-base)}.card:hover,.dashboard-card:hover,.character-pack-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.hero-section{text-align:center;padding:var(--spacing-20) 0;margin-bottom:var(--spacing-16)}.hero-title{font-size:var(--font-size-5xl);font-weight:var(--font-weight-bold);margin:0 0 var(--spacing-6) 0}.brand-gradient{background:linear-gradient(135deg, var(--color-primary), var(--color-secondary));-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text}.hero-subtitle{font-size:var(--font-size-xl);color:var(--color-text-secondary);margin:0 0 var(--spacing-8) 0;max-width:600px;margin-left:auto;margin-right:auto}.hero-actions{display:flex;gap:var(--spacing-4);justify-content:center;flex-wrap:wrap}.features-section,.stats-section{margin-bottom:var(--spacing-16)}.section-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);text-align:center;margin:0 0 var(--spacing-10) 0}.features-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));gap:var(--spacing-8)}.feature-card{text-align:center;padding:var(--spacing-8);background:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);transition:all var(--transition-base)}.feature-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.feature-icon{font-size:var(--font-size-4xl);margin-bottom:var(--spacing-4)}.feature-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-3) 0}.feature-description{color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin:0}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));gap:var(--spacing-6)}.stat-item{text-align:center;padding:var(--spacing-6);background:var(--color-bg-secondary);border-radius:var(--radius-lg)}.stat-number{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);color:var(--color-primary);margin-bottom:var(--spacing-2)}.stat-label{color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}.character-packs-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(320px, 1fr));gap:var(--spacing-8);margin-bottom:var(--spacing-16)}.character-pack-card{padding:var(--spacing-8);text-align:center;position:relative}.character-pack-card.featured{border-color:var(--color-primary);box-shadow:var(--shadow-lg)}.pack-badge{position:absolute;top:var(--spacing-4);right:var(--spacing-4);background:var(--color-primary);color:#fff;padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.pack-icon{font-size:var(--font-size-4xl);margin-bottom:var(--spacing-4)}.pack-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-3) 0}.pack-description{color:var(--color-text-secondary);margin:0 0 var(--spacing-6) 0}.pack-price{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-primary);margin-bottom:var(--spacing-6)}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:var(--spacing-6)}.dashboard-card{padding:var(--spacing-6)}.card-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-4) 0}.error-boundary{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:var(--spacing-8);background:var(--color-bg-primary)}.error-content{text-align:center;max-width:500px}.error-title{font-size:var(--font-size-3xl);margin:0 0 var(--spacing-4) 0}.error-description{color:var(--color-text-secondary);margin:0 0 var(--spacing-6) 0}.error-actions{display:flex;gap:var(--spacing-4);justify-content:center;margin-bottom:var(--spacing-6)}.error-details{text-align:left;margin-top:var(--spacing-6);padding:var(--spacing-4);background:var(--color-bg-secondary);border-radius:var(--radius-md)}.error-stack{font-family:var(--font-family-mono);font-size:var(--font-size-sm);overflow-x:auto}@media(max-width: 768px){.navbar-content{padding:0 var(--spacing-4)}.navbar-nav{gap:var(--spacing-2)}.nav-text{display:none}.hero-title{font-size:var(--font-size-3xl)}.hero-subtitle{font-size:var(--font-size-lg)}.hero-actions{flex-direction:column;align-items:center}}.tabs-container{margin-bottom:var(--spacing-8)}.tabs{display:flex;border-bottom:2px solid var(--color-border-primary)}.tab{padding:var(--spacing-3) var(--spacing-6);background:none;border:none;color:var(--color-text-secondary);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-base);border-bottom:2px solid rgba(0,0,0,0)}.tab:hover{color:var(--color-text-primary)}.tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.bundles-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(350px, 1fr));gap:var(--spacing-6);margin-bottom:var(--spacing-12)}.bundle-card{background:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:all var(--transition-base);padding:var(--spacing-6);position:relative}.bundle-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.bundle-badge{position:absolute;top:var(--spacing-3);left:var(--spacing-3);background:var(--color-secondary);color:#fff;padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.bundle-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:var(--spacing-4) 0 var(--spacing-3) 0}.bundle-description{color:var(--color-text-secondary);margin-bottom:var(--spacing-4)}.bundle-packs{margin-bottom:var(--spacing-4)}.bundle-pack-item{display:flex;align-items:center;padding:var(--spacing-2) 0;border-bottom:1px solid var(--color-border-secondary)}.bundle-pack-item .pack-icon-small{margin-right:var(--spacing-2);font-size:var(--font-size-sm)}.bundle-pack-item .pack-name{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.bundle-pricing{text-align:center;margin-bottom:var(--spacing-4)}.bundle-pricing .original-price{font-size:var(--font-size-sm);color:var(--color-text-secondary);text-decoration:line-through;display:block}.bundle-pricing .bundle-price{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-primary);display:block;margin:var(--spacing-1) 0}.bundle-pricing .savings{font-size:var(--font-size-sm);color:var(--color-success);font-weight:var(--font-weight-medium)}.pack-discount-badge{position:absolute;top:var(--spacing-4);left:var(--spacing-4);background:var(--color-error);color:#fff;padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold)}.pack-features{margin:var(--spacing-4) 0}.pack-features .feature-item{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--spacing-1)}.pack-features .feature-more{font-size:var(--font-size-xs);color:var(--color-text-tertiary);font-style:italic}.pack-rating{display:flex;align-items:center;gap:var(--spacing-2);margin-bottom:var(--spacing-4)}.pack-rating .rating-stars{color:var(--color-warning)}.pack-rating .rating-text{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.pack-pricing{text-align:center;margin-bottom:var(--spacing-4)}.pack-pricing .original-price{font-size:var(--font-size-sm);color:var(--color-text-secondary);text-decoration:line-through}.pack-pricing .offer-reason{font-size:var(--font-size-xs);color:var(--color-success);margin-top:var(--spacing-1)}.skeleton{background:var(--color-bg-secondary);position:relative;overflow:hidden}.skeleton::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);animation:skeleton-loading 1.5s infinite}.skeleton .skeleton-icon,.skeleton .skeleton-title,.skeleton .skeleton-description,.skeleton .skeleton-price,.skeleton .skeleton-button,.skeleton .skeleton-content{background:var(--color-border-primary);border-radius:var(--radius-sm);margin-bottom:var(--spacing-2)}.skeleton .skeleton-icon{width:60px;height:60px;border-radius:50%;margin:0 auto var(--spacing-3) auto}.skeleton .skeleton-title{height:24px;width:70%;margin:0 auto var(--spacing-2) auto}.skeleton .skeleton-description{height:16px;width:90%;margin:0 auto var(--spacing-4) auto}.skeleton .skeleton-price{height:20px;width:50%;margin:0 auto var(--spacing-4) auto}.skeleton .skeleton-button{height:36px;width:80%;margin:0 auto;border-radius:var(--radius-md)}.skeleton .skeleton-content{height:80px;width:100%}@keyframes skeleton-loading{0%{left:-100%}100%{left:100%}}.empty-state{text-align:center;padding:var(--spacing-8);color:var(--color-text-secondary)}.empty-state p{margin:0;font-style:italic}.error-state{text-align:center;padding:var(--spacing-8)}.error-state h2{color:var(--color-error);margin-bottom:var(--spacing-4)}.error-state p{color:var(--color-text-secondary);margin-bottom:var(--spacing-6)}.stats-card .stats-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-4)}.stats-card .stats-header .stats-icon{font-size:var(--font-size-xl)}.stats-card .stats-content .stats-value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-primary)}.stats-card .stats-content .stats-value .stats-unit{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-left:var(--spacing-1)}.stats-card .stats-content .stats-trend{display:flex;align-items:center;gap:var(--spacing-1);margin-top:var(--spacing-2);font-size:var(--font-size-sm)}.stats-card .stats-content .stats-trend.positive{color:var(--color-success)}.stats-card .stats-content .stats-trend.negative{color:var(--color-error)}.stats-card .stats-content .stats-trend.neutral{color:var(--color-text-secondary)}.usage-card .usage-progress{margin-top:var(--spacing-4)}.usage-card .usage-progress .progress-bar{width:100%;height:8px;background:var(--color-bg-secondary);border-radius:var(--radius-full);overflow:hidden}.usage-card .usage-progress .progress-bar .progress-fill{height:100%;background:linear-gradient(90deg, var(--color-primary), var(--color-secondary));transition:width var(--transition-base)}.usage-card .usage-progress .usage-text{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-top:var(--spacing-2);text-align:center}.usage-card .usage-warning{background:rgba(255,193,7,.1);color:var(--color-warning);padding:var(--spacing-3);border-radius:var(--radius-md);font-size:var(--font-size-sm);margin-top:var(--spacing-4)}.activity-item{display:flex;align-items:flex-start;gap:var(--spacing-3);padding:var(--spacing-3) 0;border-bottom:1px solid var(--color-border-secondary)}.activity-item:last-child{border-bottom:none}.activity-item .activity-icon{font-size:var(--font-size-lg);margin-top:var(--spacing-1)}.activity-item .activity-content{flex:1}.activity-item .activity-content .activity-text{font-size:var(--font-size-sm);margin-bottom:var(--spacing-1)}.activity-item .activity-content .activity-time{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.recommendation-item{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3);border:1px solid var(--color-border-secondary);border-radius:var(--radius-md);margin-bottom:var(--spacing-3);cursor:pointer;transition:all var(--transition-base)}.recommendation-item:hover{background:var(--color-bg-secondary);transform:translateX(4px)}.recommendation-item .rec-icon{font-size:var(--font-size-lg)}.recommendation-item .rec-content{flex:1}.recommendation-item .rec-content .rec-title{font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-1)}.recommendation-item .rec-content .rec-description{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.recommendation-item .rec-content .rec-discount{font-size:var(--font-size-xs);color:var(--color-success);font-weight:var(--font-weight-medium)}.recommendation-item .rec-arrow{color:var(--color-text-tertiary)}.placeholder-page{padding:40px;text-align:center}.placeholder-page .page-header h1{font-size:2.5rem}.placeholder-page .page-header p{font-size:1.2rem;color:#666;margin-top:20px}
.q8DeJzIWRgS43UnbYU1a{padding:20px;text-align:center}.OoB5vnWBAxQSqqUW95AZ{text-align:left;background:#f5f5f5;padding:10px;white-space:pre-wrap;word-break:break-all}.AsLIJxTsQHWj77_utV5e{background:#fff !important;color:#1f2937 !important;border:1px solid #e5e7eb !important}

/*# sourceMappingURL=main.9b56e07c080f5376b7d8.css.map*/