#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50;height:100vh}#app,body{margin:0;padding:0}.modal-overlay[data-v-1d682f86]{position:fixed;top:0;left:0;right:0;bottom:0;background:transparent;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;pointer-events:auto}.modal-container[data-v-1d682f86]{background:#fff;border-radius:20px;max-width:900px;width:100%;max-height:90vh;overflow:hidden;position:relative;box-shadow:0 30px 80px rgba(0,0,0,.1);border:1px solid rgba(0,0,0,.1);pointer-events:auto;display:flex;flex-direction:column}.modal-close[data-v-1d682f86]{position:absolute;top:20px;right:20px;background:hsla(0,0%,100%,.9);border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:all .3s ease}.modal-close[data-v-1d682f86]:hover{background:#fff;transform:scale(1.1)}.modal-content[data-v-1d682f86]{display:flex;flex-direction:column;height:100%;overflow-y:auto;overscroll-behavior:contain}.modal-image[data-v-1d682f86]{min-height:300px;overflow:hidden;position:relative;flex-shrink:0}.modal-image img[data-v-1d682f86]{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;max-height:400px}.modal-info[data-v-1d682f86]{padding:40px;flex:1}.modal-title[data-v-1d682f86]{font-size:2.5rem;font-weight:700;color:#333;margin-bottom:10px}.modal-subtitle[data-v-1d682f86]{font-size:1.2rem;color:#667eea;font-weight:600;margin-bottom:20px}.modal-description[data-v-1d682f86]{margin-bottom:30px}.modal-description p[data-v-1d682f86]{font-size:1.1rem;line-height:1.6;color:#666}.modal-features[data-v-1d682f86]{margin-bottom:30px}.modal-features h3[data-v-1d682f86]{font-size:1.3rem;font-weight:600;color:#333;margin-bottom:15px}.modal-features ul[data-v-1d682f86]{list-style:none;padding:0}.modal-features li[data-v-1d682f86]{padding:8px 0;color:#666;position:relative;padding-left:25px}.modal-features li[data-v-1d682f86]:before{content:"✓";position:absolute;left:0;color:#667eea;font-weight:700}.modal-specs[data-v-1d682f86]{margin-bottom:30px}.modal-specs h3[data-v-1d682f86]{font-size:1.3rem;font-weight:600;color:#333;margin-bottom:15px}.specs-grid[data-v-1d682f86]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.spec-item[data-v-1d682f86]{display:flex;justify-content:space-between;padding:10px 15px;background:#f8f9fa;border-radius:8px}.spec-name[data-v-1d682f86]{font-weight:500;color:#333}.spec-value[data-v-1d682f86]{color:#667eea;font-weight:600}.modal-enter-active[data-v-1d682f86],.modal-leave-active[data-v-1d682f86]{transition:all .3s ease}.modal-enter-from[data-v-1d682f86],.modal-leave-to[data-v-1d682f86]{opacity:0;transform:scale(.9)}.modal-content[data-v-1d682f86]::-webkit-scrollbar{display:none}.modal-content[data-v-1d682f86]{-ms-overflow-style:none;scrollbar-width:none}@media (max-width:768px){.modal-container[data-v-1d682f86]{margin:10px;max-height:95vh}.modal-info[data-v-1d682f86]{padding:20px}.modal-title[data-v-1d682f86]{font-size:2rem}.modal-actions[data-v-1d682f86]{flex-direction:column}.specs-grid[data-v-1d682f86]{grid-template-columns:1fr}}.index-page[data-v-60253d87]{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2)}.hero-section[data-v-60253d87]{position:relative;height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;overflow:hidden}.hero-background[data-v-60253d87]{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#667eea,#764ba2);z-index:-1}.hero-background[data-v-60253d87]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' width='100' height='100' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='50' cy='50' r='1' fill='%23fff' opacity='.1'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E");opacity:.3}.hero-content[data-v-60253d87]{max-width:800px;padding:0 20px;z-index:1}.logo-container[data-v-60253d87]{margin-bottom:30px}.logo[data-v-60253d87]{width:140px;height:140px;border-radius:50%;box-shadow:0 20px 40px rgba(0,0,0,.3);transition:all .3s ease;filter:drop-shadow(0 10px 20px rgba(102,126,234,.3))}.logo[data-v-60253d87]:hover{transform:scale(1.05) rotate(5deg);filter:drop-shadow(0 15px 30px rgba(102,126,234,.5))}.hero-title[data-v-60253d87]{font-size:3.5rem;font-weight:700;margin-bottom:20px;background:linear-gradient(45deg,#fff,#f0f0f0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:fadeInUp-60253d87 1s ease-out}.hero-subtitle[data-v-60253d87]{font-size:1.5rem;margin-bottom:40px;opacity:.9;animation:fadeInUp-60253d87 1s ease-out .2s both}.hero-actions[data-v-60253d87]{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;animation:fadeInUp-60253d87 1s ease-out .4s both}.btn[data-v-60253d87]{padding:15px 30px;border-radius:50px;text-decoration:none;font-weight:600;font-size:1.1rem;transition:all .3s ease;border:none;cursor:pointer;display:inline-block}.btn-primary[data-v-60253d87]{background:linear-gradient(45deg,#ff6b6b,#ee5a24);color:#fff;box-shadow:0 10px 30px hsla(0,100%,71%,.4)}.btn-primary[data-v-60253d87]:hover{transform:translateY(-3px);box-shadow:0 15px 40px hsla(0,100%,71%,.6)}.btn-secondary[data-v-60253d87]{background:hsla(0,0%,100%,.2);color:#fff;border:2px solid hsla(0,0%,100%,.3);backdrop-filter:blur(10px)}.btn-secondary[data-v-60253d87]:hover{background:hsla(0,0%,100%,.3);transform:translateY(-3px)}.products-section[data-v-60253d87]{padding:100px 0;background:#fff}.container[data-v-60253d87]{max-width:1200px;margin:0 auto;padding:0 20px}.section-title[data-v-60253d87]{text-align:center;font-size:2.5rem;font-weight:700;margin-bottom:60px;color:#333;position:relative}.section-title[data-v-60253d87]:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:80px;height:4px;background:linear-gradient(45deg,#667eea,#764ba2);border-radius:2px}.products-grid[data-v-60253d87]{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:40px;margin-top:60px}.product-card[data-v-60253d87]{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.1);transition:all .3s ease;cursor:pointer;border:1px solid rgba(0,0,0,.05)}.product-card[data-v-60253d87]:hover{transform:translateY(-10px);box-shadow:0 30px 80px rgba(0,0,0,.15)}.product-image[data-v-60253d87]{height:250px;overflow:hidden;position:relative}.product-image img[data-v-60253d87]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease}.product-card:hover .product-image img[data-v-60253d87]{transform:scale(1.05)}.product-content[data-v-60253d87]{padding:30px}.product-title[data-v-60253d87]{font-size:1.8rem;font-weight:700;color:#333;margin-bottom:5px}.product-subtitle[data-v-60253d87]{font-size:1.1rem;color:#667eea;font-weight:600;margin-bottom:15px}.product-description[data-v-60253d87]{color:#666;line-height:1.6;margin-bottom:20px}.product-features[data-v-60253d87]{display:flex;flex-wrap:wrap;gap:10px}.feature-tag[data-v-60253d87]{background:linear-gradient(45deg,#667eea,#764ba2);color:#fff;padding:5px 12px;border-radius:20px;font-size:.8rem;font-weight:500}.footer[data-v-60253d87]{background:#2c3e50;color:#fff;padding:40px 0}.footer-content[data-v-60253d87]{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px}.footer-links[data-v-60253d87]{display:flex;gap:20px}.footer-link[data-v-60253d87]{color:#bdc3c7;text-decoration:none;transition:color .3s ease}.footer-link[data-v-60253d87]:hover{color:#fff}.footer-copyright[data-v-60253d87]{color:#95a5a6}@keyframes fadeInUp-60253d87{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.hero-title[data-v-60253d87]{font-size:2.5rem}.hero-subtitle[data-v-60253d87]{font-size:1.2rem}.hero-actions[data-v-60253d87]{flex-direction:column;align-items:center}.products-grid[data-v-60253d87]{grid-template-columns:1fr}.footer-content[data-v-60253d87]{flex-direction:column;text-align:center}}@media (max-width:480px){.hero-title[data-v-60253d87],.section-title[data-v-60253d87]{font-size:2rem}.product-content[data-v-60253d87]{padding:20px}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f5f5f5}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:1rem}.mt-4{margin-top:1.5rem}.mt-5{margin-top:3rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:1rem}.mb-4{margin-bottom:1.5rem}.mb-5{margin-bottom:3rem}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:1rem}.p-4{padding:1.5rem}.p-5{padding:3rem}button{font-family:inherit;cursor:pointer;transition:all .2s}button:disabled{opacity:.5;cursor:not-allowed}.spinner{border:3px solid #f3f3f3;border-top:3px solid #007bff;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}:root{--mobile-breakpoint:768px;--tablet-breakpoint:1024px}@media screen and (max-width:768px){.responsive-container{padding:10px!important;width:100%!important}table{display:block;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch}table thead{display:none}table tbody tr{display:block;margin-bottom:15px;border:1px solid #ddd;border-radius:4px;padding:10px}table tbody td{display:flex;justify-content:space-between;padding:8px 5px;border:none;position:relative}table tbody td:before{content:attr(data-label);font-weight:700;margin-right:10px;flex:0 0 40%}.form-group{flex-direction:column!important;align-items:stretch!important}.form-group label{text-align:left!important;margin-bottom:5px!important;margin-right:0!important}.dialog-overlay{padding:10px!important}.dialog{width:95%!important;max-width:none!important;margin:10px!important;max-height:90vh!important;overflow-y:auto!important}.button-group{flex-direction:column;gap:10px}.button-group button{width:100%}.tabs{overflow-x:auto;-webkit-overflow-scrolling:touch}.tab-link{white-space:nowrap;padding:10px 15px!important;font-size:14px}.pagination{flex-wrap:wrap;gap:10px;justify-content:center}.pagination button,.pagination select{padding:8px 12px;font-size:14px}.input-group{flex-direction:column;width:100%}.input-group label{margin-bottom:5px;text-align:left}.input-group input,.input-group select{width:100%;padding:10px;font-size:16px}.controls{flex-direction:column;gap:15px;padding:15px!important}.controls>*{width:100%}.chat-messages{padding:10px!important}.message{max-width:85%!important}.message.user{margin-right:10px!important}.message.assistant{margin-left:10px!important}.chat-input-container{padding:10px!important}.chat-input-wrapper{flex-direction:column;gap:10px}.chat-input-wrapper textarea{width:100%;font-size:16px}.chat-input-wrapper button{width:100%;padding:12px}.trend-dialog{width:95%!important;max-width:none!important;padding:15px!important}.charts-container{flex-direction:column!important}.chart-wrapper{width:100%!important;margin-bottom:20px}.chart{height:250px!important}.table-controls{flex-direction:column;gap:15px}.dependency-filters{flex-direction:column;gap:10px;width:100%}.dependency-filters>div{display:flex;flex-direction:column;gap:5px}.success-message{right:10px!important;left:10px!important;width:auto!important}.login-container{margin:20px!important;padding:15px!important}h1{font-size:1.5rem!important}h2{font-size:1.3rem!important}h3{font-size:1.1rem!important}.scrollable-x{overflow-x:auto;-webkit-overflow-scrolling:touch}a.button,button,input[type=button],input[type=submit]{min-height:44px;min-width:44px}select{min-height:44px}}@media screen and (min-width:769px) and (max-width:1024px){.dialog{width:80%!important}.message{max-width:70%!important}.chart{height:300px!important}}.mobile-only{display:none}.desktop-only{display:block}@media screen and (max-width:768px){.mobile-only{display:block}.desktop-only{display:none}}html{scroll-behavior:smooth}body{overflow-x:hidden}.clickable:active,a:active,button:active{opacity:.7}