a[data-v-509d73bb]{transition:color .2s cubic-bezier(.4,0,.2,1)}a[data-v-509d73bb]:focus-visible{outline:2px solid #000;outline-offset:2px;border-radius:4px}.dark a[data-v-509d73bb]:focus-visible{outline-color:#fff}a[data-v-509d73bb]:hover{text-decoration:none}@media(max-width:768px){.grid[data-v-509d73bb]{grid-template-columns:1fr}}.content-wrapper[data-v-fd3b53f3]{width:100%}.container[data-v-fd3b53f3]{max-width:90rem;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem;position:relative}@media(min-width:640px){.container[data-v-fd3b53f3]{padding-left:1.5rem;padding-right:1.5rem}}@media(min-width:1024px){.container[data-v-fd3b53f3]{padding-left:2rem;padding-right:2rem}}@media(min-width:1280px){.container[data-v-fd3b53f3]{padding-left:3rem;padding-right:3rem}}.step-indicator[data-v-fd3b53f3]{display:flex;align-items:center;justify-content:center;gap:0;padding:1.25rem 0 .5rem;margin-bottom:.5rem}.step-item[data-v-fd3b53f3]{display:flex;align-items:center;gap:0}.step-circle[data-v-fd3b53f3]{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .3s ease}.step-done[data-v-fd3b53f3]{background:#22c55e;color:#fff}.step-active[data-v-fd3b53f3]{background:#3b82f6;color:#fff;box-shadow:0 0 0 3px #3b82f633}.step-idle[data-v-fd3b53f3]{background:#e5e7eb;color:#9ca3af}.dark{background:#374151;color:#6b7280}.step-label[data-v-fd3b53f3]{font-size:.65rem;font-weight:500;margin-left:.375rem;white-space:nowrap;transition:color .3s ease}.step-label-done[data-v-fd3b53f3]{color:#22c55e}.step-label-active[data-v-fd3b53f3]{color:#3b82f6;font-weight:700}.step-label-idle[data-v-fd3b53f3]{color:#9ca3af}.dark{color:#6b7280}.step-connector[data-v-fd3b53f3]{width:2.5rem;height:2px;margin:0 .5rem;border-radius:1px;transition:background .3s ease;flex-shrink:0}.step-connector-done[data-v-fd3b53f3]{background:#22c55e}.step-connector-idle[data-v-fd3b53f3]{background:#e5e7eb}.dark{background:#374151}@media(max-width:639px){.step-label[data-v-fd3b53f3]{display:none}.step-connector[data-v-fd3b53f3]{width:1.5rem;margin:0 .25rem}.step-indicator[data-v-fd3b53f3]{padding:1rem 0 .25rem}}.unified-layout[data-v-fd3b53f3]{display:flex;flex-direction:column;gap:1.25rem;margin-top:1.5rem;margin-bottom:2rem}@media(min-width:1024px){.unified-layout[data-v-fd3b53f3]{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:flex-start}}.left-column[data-v-fd3b53f3]{width:100%;min-width:0}@media(min-width:1024px){.left-column[data-v-fd3b53f3]{position:sticky;top:80px;max-height:calc(100vh - 96px);overflow-y:auto;z-index:10}}.right-column[data-v-fd3b53f3]{width:100%;min-width:0;min-height:400px}.left-column[data-v-fd3b53f3]::-webkit-scrollbar{width:6px}.left-column[data-v-fd3b53f3]::-webkit-scrollbar-track{background:transparent}.left-column[data-v-fd3b53f3]::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.left-column[data-v-fd3b53f3]::-webkit-scrollbar-thumb:hover{background:#94a3b8}.submit-section-wrapper[data-v-fd3b53f3]{width:100%;margin-top:2rem;margin-bottom:2rem;animation:slideInUp-fd3b53f3 .5s ease-out}.submit-section[data-v-fd3b53f3]{max-width:90rem;margin-left:auto;margin-right:auto;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0 1rem}.submit-button[data-v-fd3b53f3]{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;padding:.875rem 3rem;border-radius:.5rem;font-weight:600;font-size:1rem;border:none;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 6px -1px #3b82f64d,0 2px 4px -1px #0000001a;min-width:200px}.submit-button[data-v-fd3b53f3]:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 10px 15px -3px #3b82f666,0 4px 6px -2px #0000001a;transform:translateY(-2px)}.submit-button[data-v-fd3b53f3]:active{transform:translateY(0);box-shadow:0 4px 6px -1px #3b82f64d}@media(min-width:640px){.submit-button[data-v-fd3b53f3]{padding:1rem 4rem;font-size:1.125rem;min-width:240px}}@media(min-width:768px){.submit-button[data-v-fd3b53f3]{padding:1.125rem 5rem;font-size:1.25rem;min-width:280px}}.cart-fab[data-v-fd3b53f3]{position:fixed;bottom:2rem;right:2rem;width:64px;height:64px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 16px #3b82f64d,0 4px 8px #0000001a;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:40;border:none}.cart-fab[data-v-fd3b53f3]:hover{transform:scale(1.1) translateY(-2px);box-shadow:0 12px 24px #3b82f666}.cart-fab[data-v-fd3b53f3]:active{transform:scale(.95)}.cart-icon-wrapper[data-v-fd3b53f3]{position:relative}.cart-badge[data-v-fd3b53f3]{position:absolute;top:-8px;right:-8px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;font-size:.75rem;font-weight:600;min-width:20px;height:20px;border-radius:10px;display:flex;align-items:center;justify-content:center;padding:0 4px;box-shadow:0 2px 4px #0003;animation:badgePulse-fd3b53f3 2s infinite}@keyframes badgePulse-fd3b53f3{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@media(max-width:639px){.cart-fab[data-v-fd3b53f3]{bottom:1.5rem;right:1.5rem;width:56px;height:56px}}.modal-overlay[data-v-fd3b53f3]{position:fixed;inset:0;background-color:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:50;display:flex;align-items:center;justify-content:center;padding:1rem}.modal-container[data-v-fd3b53f3]{background:#fff;border-radius:1rem;box-shadow:0 20px 25px -5px #0000001a;width:100%;max-width:48rem;max-height:85vh;display:flex;flex-direction:column;overflow:hidden}.modal-close-btn[data-v-fd3b53f3]{width:36px;height:36px;border-radius:.5rem;color:#6b7280;background:transparent;border:none;transition:all .2s}.modal-close-btn[data-v-fd3b53f3]:hover{background:#f3f4f6;color:#111827}.modal-enter-active[data-v-fd3b53f3],.modal-leave-active[data-v-fd3b53f3]{transition:opacity .3s ease}.modal-enter-active .modal-container[data-v-fd3b53f3],.modal-leave-active .modal-container[data-v-fd3b53f3]{transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s ease}.modal-enter-from[data-v-fd3b53f3],.modal-leave-to[data-v-fd3b53f3]{opacity:0}.modal-enter-from .modal-container[data-v-fd3b53f3],.modal-leave-to .modal-container[data-v-fd3b53f3]{transform:scale(.95) translateY(20px);opacity:0}.results-section[data-v-fd3b53f3],.recommendation-section[data-v-fd3b53f3]{margin-top:2.5rem;scroll-margin-top:2rem;animation:fadeInUp-fd3b53f3 .6s cubic-bezier(.4,0,.2,1)}@keyframes fadeInUp-fd3b53f3{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInUp-fd3b53f3{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.section-wrapper[data-v-fd3b53f3]{width:100%}.mobile-action-btn[data-v-fd3b53f3]{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;border-radius:.5rem;font-weight:600;font-size:.875rem;border:none;width:100%;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 6px #0000001a}.mobile-action-btn-save[data-v-fd3b53f3]{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.mobile-action-btn-save[data-v-fd3b53f3]:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666}.mobile-action-btn-save[data-v-fd3b53f3]:active{transform:translateY(0)}.mobile-action-btn-rekomendasi[data-v-fd3b53f3]{background:#4b5563;color:#fff}.mobile-action-btn-rekomendasi[data-v-fd3b53f3]:hover{background:#374151;transform:translateY(-1px);box-shadow:0 4px 12px #0003}.mobile-action-btn-rekomendasi[data-v-fd3b53f3]:active{transform:translateY(0)}.dark{background:#334155}.dark{background:#1e293b}html[data-v-fd3b53f3]{scroll-behavior:smooth}@media print{.results-section[data-v-fd3b53f3],.recommendation-section[data-v-fd3b53f3]{animation:none;break-inside:avoid}.unified-layout[data-v-fd3b53f3]{margin-top:1rem;margin-bottom:1rem}.left-column[data-v-fd3b53f3]{position:static;max-height:none;overflow-y:visible}.cart-fab[data-v-fd3b53f3],.modal-overlay[data-v-fd3b53f3],.submit-section[data-v-fd3b53f3],.step-indicator[data-v-fd3b53f3],.mobile-action-btn[data-v-fd3b53f3]{display:none!important}}@media(max-width:639px){.container[data-v-fd3b53f3]{padding-left:.75rem;padding-right:.75rem}.unified-layout[data-v-fd3b53f3]{gap:1rem;margin-top:1rem;margin-bottom:1.5rem}.modal-container[data-v-fd3b53f3]{max-height:90vh;border-radius:.75rem}.submit-section[data-v-fd3b53f3]{padding:.875rem}}