:root{--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-black: #181818;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-indigo: #2c3e50;--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(60, 60, 60, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(235, 235, 235, .64)}:root{--color-background: var(--vt-c-white);--color-background-soft: var(--vt-c-white-soft);--color-background-mute: var(--vt-c-white-mute);--color-border: var(--vt-c-divider-light-2);--color-border-hover: var(--vt-c-divider-light-1);--color-heading: var(--vt-c-text-light-1);--color-text: var(--vt-c-text-light-1);--section-gap: 160px}@media (prefers-color-scheme: dark){:root{--color-background: var(--vt-c-black);--color-background-soft: var(--vt-c-black-soft);--color-background-mute: var(--vt-c-black-mute);--color-border: var(--vt-c-divider-dark-2);--color-border-hover: var(--vt-c-divider-dark-1);--color-heading: var(--vt-c-text-dark-1);--color-text: var(--vt-c-text-dark-2)}}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{max-width:1280px;margin:0 auto;padding:2rem;font-weight:400}a,.green{text-decoration:none;color:#00bd7e;transition:.4s;padding:3px}@media (hover: hover){a:hover{background-color:#00bd7e33}}@media (min-width: 1024px){body{display:flex;place-items:center}#app{display:grid;grid-template-columns:1fr 1fr;padding:0 2rem}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh}#app{min-height:100vh;display:flex;flex-direction:column}.navbar{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 10px #0000001a;position:sticky;top:0;z-index:100}.nav-container{max-width:1200px;margin:0 auto;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center}.nav-brand{font-size:1.5rem;font-weight:700;color:#4a90e2;text-decoration:none}.nav-links{display:flex;gap:1rem}.nav-link{color:#333;text-decoration:none;padding:.5rem 1rem;border-radius:6px;transition:all .3s ease;font-weight:500}.nav-link:hover{background:#f8f9fa;color:#4a90e2}.nav-link.router-link-active{background:#4a90e2;color:#fff}@media (max-width: 768px){.nav-container{padding:1rem;flex-direction:column;gap:1rem}.nav-links{flex-wrap:wrap;justify-content:center}}.container{max-width:1200px;margin:0 auto;padding:2rem}.btn{background:#4a90e2;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:6px;cursor:pointer;font-size:1rem;transition:background .3s ease;text-decoration:none;display:inline-block}.btn:hover{background:#357abd}.btn-secondary{background:#6c757d}.btn-secondary:hover{background:#545b62}.home[data-v-e8a3fe3e]{color:#333;min-height:100vh;display:flex;flex-direction:column}.header[data-v-e8a3fe3e]{background:#fffffff2;padding:2rem;text-align:center;box-shadow:0 2px 10px #0000001a}.header h1[data-v-e8a3fe3e]{color:#4a90e2;margin-bottom:.5rem;font-size:2.5rem}.subtitle[data-v-e8a3fe3e]{color:#666;font-size:1.1rem;max-width:600px;margin:0 auto}.main[data-v-e8a3fe3e]{flex:1;padding:2rem;max-width:1200px;margin:0 auto;width:100%}.hero[data-v-e8a3fe3e]{background:#ffffffe6;padding:2rem;border-radius:12px;margin-bottom:2rem;box-shadow:0 4px 20px #0000001a;text-align:center}.hero h2[data-v-e8a3fe3e]{color:#27ae60;margin-bottom:1rem;font-size:2rem}.info-grid[data-v-e8a3fe3e]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-top:1.5rem}.info-card[data-v-e8a3fe3e]{background:#f8f9fa;padding:1.5rem;border-radius:8px;border-left:4px solid #4a90e2}.info-card h3[data-v-e8a3fe3e]{color:#4a90e2;margin-bottom:.5rem}.info-card code[data-v-e8a3fe3e]{background:#e9ecef;padding:2px 6px;border-radius:4px;font-family:Monaco,Menlo,Ubuntu Mono,monospace}.demo-section[data-v-e8a3fe3e],.api-section[data-v-e8a3fe3e],.navigation-section[data-v-e8a3fe3e]{background:#ffffffe6;padding:1.5rem;border-radius:8px;margin-bottom:1rem}.demo-section h3[data-v-e8a3fe3e],.api-section h3[data-v-e8a3fe3e],.navigation-section h3[data-v-e8a3fe3e]{color:#4a90e2;margin-bottom:1rem}.demo-controls[data-v-e8a3fe3e]{display:flex;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.btn[data-v-e8a3fe3e]{background:#4a90e2;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:6px;cursor:pointer;font-size:1rem;transition:background .3s ease}.btn[data-v-e8a3fe3e]:hover{background:#357abd}.btn[data-v-e8a3fe3e]:disabled{background:#ccc;cursor:not-allowed}.btn-secondary[data-v-e8a3fe3e]{background:#6c757d}.btn-secondary[data-v-e8a3fe3e]:hover{background:#545b62}.input[data-v-e8a3fe3e]{padding:.75rem;border:2px solid #ddd;border-radius:6px;font-size:1rem;flex:1;min-width:200px}.input[data-v-e8a3fe3e]:focus{outline:none;border-color:#4a90e2}.message-display[data-v-e8a3fe3e]{background:#e8f5e8;padding:1rem;border-radius:6px;border-left:4px solid #27ae60}.api-response[data-v-e8a3fe3e]{margin-top:1rem;background:#f8f9fa;padding:1rem;border-radius:6px;border:1px solid #dee2e6}.api-response pre[data-v-e8a3fe3e]{background:#e9ecef;padding:1rem;border-radius:4px;overflow-x:auto;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.9rem}.nav-links[data-v-e8a3fe3e]{display:flex;gap:1rem;flex-wrap:wrap}.nav-link[data-v-e8a3fe3e]{background:#f8f9fa;color:#4a90e2;padding:.75rem 1.5rem;text-decoration:none;border-radius:6px;border:2px solid #4a90e2;transition:all .3s ease}.nav-link[data-v-e8a3fe3e]:hover,.nav-link.router-link-active[data-v-e8a3fe3e]{background:#4a90e2;color:#fff}.footer[data-v-e8a3fe3e]{background:#fffffff2;padding:1.5rem;text-align:center;margin-top:auto}.timestamp[data-v-e8a3fe3e]{color:#666;font-size:.9rem;margin-top:.5rem}@media (max-width: 768px){.header h1[data-v-e8a3fe3e]{font-size:2rem}.main[data-v-e8a3fe3e]{padding:1rem}.demo-controls[data-v-e8a3fe3e],.nav-links[data-v-e8a3fe3e]{flex-direction:column}}.about[data-v-a7e5b564]{min-height:100vh;padding:2rem;display:flex;align-items:center;justify-content:center}.container[data-v-a7e5b564]{background:#fffffff2;padding:3rem;border-radius:12px;box-shadow:0 4px 20px #0000001a;max-width:800px;width:100%}h1[data-v-a7e5b564]{color:#4a90e2;margin-bottom:1rem;text-align:center}h2[data-v-a7e5b564]{color:#333;margin:2rem 0 1rem}h3[data-v-a7e5b564]{color:#4a90e2;margin-bottom:.5rem}.success[data-v-a7e5b564]{background:#d4edda;border:1px solid #c3e6cb;color:#155724;padding:1rem;border-radius:8px;margin:1rem 0;text-align:center}.content[data-v-a7e5b564]{margin:2rem 0}.info-list[data-v-a7e5b564]{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin:2rem 0}.info-item[data-v-a7e5b564]{background:#f8f9fa;padding:1.5rem;border-radius:8px;border-left:4px solid #4a90e2}.info-item ol[data-v-a7e5b564],.info-item ul[data-v-a7e5b564]{margin:1rem 0;padding-left:1.5rem}.info-item li[data-v-a7e5b564]{margin-bottom:.5rem}.route-info[data-v-a7e5b564]{background:#e7f3ff;padding:1.5rem;border-radius:8px;margin:2rem 0}.code-block[data-v-a7e5b564]{background:#f8f9fa;padding:1rem;border-radius:6px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;margin-top:1rem}.code-block code[data-v-a7e5b564]{background:#e9ecef;padding:2px 6px;border-radius:4px}.navigation[data-v-a7e5b564]{display:flex;justify-content:space-between;margin-top:2rem;flex-wrap:wrap;gap:1rem}.nav-btn[data-v-a7e5b564]{background:#f8f9fa;color:#4a90e2;padding:.75rem 1.5rem;text-decoration:none;border-radius:6px;border:2px solid #4a90e2;transition:all .3s ease;flex:1;text-align:center;max-width:200px}.nav-btn[data-v-a7e5b564]:hover{background:#4a90e2;color:#fff}@media (max-width: 768px){.about[data-v-a7e5b564]{padding:1rem}.container[data-v-a7e5b564]{padding:2rem}.info-list[data-v-a7e5b564]{grid-template-columns:1fr;gap:1rem}.navigation[data-v-a7e5b564]{flex-direction:column}.nav-btn[data-v-a7e5b564]{max-width:none}}.contact[data-v-08b93a41]{min-height:100vh;padding:2rem;display:flex;align-items:center;justify-content:center}.container[data-v-08b93a41]{background:#fffffff2;padding:3rem;border-radius:12px;box-shadow:0 4px 20px #0000001a;max-width:700px;width:100%}h1[data-v-08b93a41]{color:#4a90e2;margin-bottom:1rem;text-align:center}h2[data-v-08b93a41]{color:#27ae60;text-align:center;margin-bottom:1rem}h3[data-v-08b93a41]{color:#4a90e2;margin-bottom:.5rem}.success[data-v-08b93a41]{background:#d4edda;border:1px solid #c3e6cb;color:#155724;padding:1rem;border-radius:8px;margin:1rem 0;text-align:center}.form-section[data-v-08b93a41]{margin:2rem 0}.form-group[data-v-08b93a41]{margin-bottom:1.5rem}label[data-v-08b93a41]{display:block;margin-bottom:.5rem;color:#333;font-weight:700}input[data-v-08b93a41],textarea[data-v-08b93a41],select[data-v-08b93a41]{width:100%;padding:.75rem;border:2px solid #ddd;border-radius:6px;font-size:1rem;font-family:inherit;transition:border-color .3s ease}input[data-v-08b93a41]:focus,textarea[data-v-08b93a41]:focus,select[data-v-08b93a41]:focus{outline:none;border-color:#4a90e2}input.error[data-v-08b93a41],textarea.error[data-v-08b93a41]{border-color:#dc3545}.error-text[data-v-08b93a41]{color:#dc3545;font-size:.875rem;margin-top:.25rem;display:block}textarea[data-v-08b93a41]{height:120px;resize:vertical}.btn[data-v-08b93a41]{background:#4a90e2;color:#fff;border:none;padding:.75rem 2rem;border-radius:6px;cursor:pointer;font-size:1rem;transition:background .3s ease;width:100%}.btn[data-v-08b93a41]:hover{background:#357abd}.btn[data-v-08b93a41]:disabled{background:#ccc;cursor:not-allowed}.btn-secondary[data-v-08b93a41]{background:#6c757d;margin-top:1rem}.btn-secondary[data-v-08b93a41]:hover{background:#545b62}.success-message[data-v-08b93a41]{text-align:center;margin:2rem 0}.submitted-data[data-v-08b93a41]{background:#f8f9fa;padding:1.5rem;border-radius:8px;margin:1.5rem 0;text-align:left}.data-item[data-v-08b93a41]{margin-bottom:.75rem;padding:.5rem;background:#fff;border-radius:4px}.route-info[data-v-08b93a41]{background:#e7f3ff;padding:1.5rem;border-radius:8px;margin:2rem 0}.route-info ul[data-v-08b93a41]{margin:1rem 0;padding-left:1.5rem}.route-info li[data-v-08b93a41]{margin-bottom:.5rem}.navigation[data-v-08b93a41]{display:flex;justify-content:space-between;margin-top:2rem;flex-wrap:wrap;gap:1rem}.nav-btn[data-v-08b93a41]{background:#f8f9fa;color:#4a90e2;padding:.75rem 1.5rem;text-decoration:none;border-radius:6px;border:2px solid #4a90e2;transition:all .3s ease;flex:1;text-align:center;max-width:200px}.nav-btn[data-v-08b93a41]:hover{background:#4a90e2;color:#fff}@media (max-width: 768px){.contact[data-v-08b93a41]{padding:1rem}.container[data-v-08b93a41]{padding:2rem}.navigation[data-v-08b93a41]{flex-direction:column}.nav-btn[data-v-08b93a41]{max-width:none}}.products[data-v-8cb7842a]{min-height:100vh;padding:2rem}.container[data-v-8cb7842a]{background:#fffffff2;padding:3rem;border-radius:12px;box-shadow:0 4px 20px #0000001a;max-width:1200px;margin:0 auto}h1[data-v-8cb7842a]{color:#4a90e2;margin-bottom:1rem;text-align:center}h3[data-v-8cb7842a]{color:#4a90e2;margin-bottom:1rem}.success[data-v-8cb7842a]{background:#d4edda;border:1px solid #c3e6cb;color:#155724;padding:1rem;border-radius:8px;margin:1rem 0;text-align:center}.filters[data-v-8cb7842a]{background:#f8f9fa;padding:1.5rem;border-radius:8px;margin:2rem 0}.filter-controls[data-v-8cb7842a]{display:flex;gap:1rem;flex-wrap:wrap}.search-input[data-v-8cb7842a],.category-select[data-v-8cb7842a]{padding:.5rem;border:2px solid #ddd;border-radius:6px;font-size:1rem;flex:1;min-width:200px}.search-input[data-v-8cb7842a]:focus,.category-select[data-v-8cb7842a]:focus{outline:none;border-color:#4a90e2}.products-grid[data-v-8cb7842a]{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin:2rem 0}.product-card[data-v-8cb7842a]{background:#fff;border:2px solid #e9ecef;border-radius:8px;padding:1.5rem;transition:all .3s ease;cursor:pointer}.product-card[data-v-8cb7842a]:hover{border-color:#4a90e2;transform:translateY(-2px);box-shadow:0 4px 15px #0000001a}.product-image[data-v-8cb7842a]{font-size:3rem;text-align:center;margin-bottom:1rem}.product-card h3[data-v-8cb7842a]{color:#333;margin-bottom:.5rem;font-size:1.2rem}.product-category[data-v-8cb7842a]{color:#6c757d;text-transform:capitalize;font-size:.875rem;margin-bottom:.5rem}.product-description[data-v-8cb7842a]{color:#666;margin-bottom:1rem;font-size:.9rem}.product-price[data-v-8cb7842a]{font-size:1.25rem;font-weight:700;color:#27ae60;margin-bottom:1rem}.btn[data-v-8cb7842a]{background:#4a90e2;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:.9rem;transition:background .3s ease}.btn[data-v-8cb7842a]:hover{background:#357abd}.btn-small[data-v-8cb7842a]{padding:.4rem .8rem;font-size:.8rem}.btn-secondary[data-v-8cb7842a]{background:#6c757d;margin-left:.5rem}.btn-secondary[data-v-8cb7842a]:hover{background:#545b62}.no-products[data-v-8cb7842a]{text-align:center;padding:3rem;color:#666}.modal-overlay[data-v-8cb7842a]{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal[data-v-8cb7842a]{background:#fff;border-radius:8px;max-width:500px;width:90%;max-height:80vh;overflow-y:auto}.modal-header[data-v-8cb7842a]{padding:1.5rem;border-bottom:1px solid #dee2e6;display:flex;justify-content:space-between;align-items:center}.modal-header h2[data-v-8cb7842a]{color:#333;margin:0}.close-btn[data-v-8cb7842a]{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#666}.close-btn[data-v-8cb7842a]:hover{color:#333}.modal-body[data-v-8cb7842a]{padding:1.5rem}.product-detail-image[data-v-8cb7842a]{font-size:4rem;text-align:center;margin-bottom:1rem}.product-actions[data-v-8cb7842a]{margin-top:1.5rem}.stats[data-v-8cb7842a]{background:#e7f3ff;padding:1.5rem;border-radius:8px;margin:2rem 0}.stats-grid[data-v-8cb7842a]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.stat-item[data-v-8cb7842a]{background:#fff;padding:1rem;border-radius:6px;text-align:center}.navigation[data-v-8cb7842a]{display:flex;justify-content:space-between;margin-top:2rem;flex-wrap:wrap;gap:1rem}.nav-btn[data-v-8cb7842a]{background:#f8f9fa;color:#4a90e2;padding:.75rem 1.5rem;text-decoration:none;border-radius:6px;border:2px solid #4a90e2;transition:all .3s ease;flex:1;text-align:center;max-width:200px}.nav-btn[data-v-8cb7842a]:hover{background:#4a90e2;color:#fff}@media (max-width: 768px){.products[data-v-8cb7842a]{padding:1rem}.container[data-v-8cb7842a]{padding:2rem}.filter-controls[data-v-8cb7842a]{flex-direction:column}.products-grid[data-v-8cb7842a],.stats-grid[data-v-8cb7842a]{grid-template-columns:1fr}.navigation[data-v-8cb7842a]{flex-direction:column}.nav-btn[data-v-8cb7842a]{max-width:none}}