body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}:root{--primary:#2563eb;--primary-light:#3b82f6;--secondary:#64748b;--accent:#8b5cf6;--background:#f8fafc;--text-primary:#1e293b;--text-secondary:#475569;--border:#e2e8f0;--hover:#f1f5f9}.wrapper{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:100vh;padding:20px}.accordion,.wrapper{background-color:#f8fafc;background-color:var(--background)}.accordion{border-radius:8px;box-shadow:0 2px 8px #0000001a;max-width:800px;width:100%}.item{border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:4px;margin-bottom:8px}.title{align-items:center;background-color:#e2e8f0;background-color:var(--border);cursor:pointer;display:flex;justify-content:space-between;padding:16px 20px;transition:all .3s ease}.title:hover{background-color:#f1f5f9;background-color:var(--hover);color:#2563eb;color:var(--primary)}.title h3{color:#1e293b;color:var(--text-primary);font-size:1.1rem;margin:0}.title span{color:#64748b;color:var(--secondary);font-size:1.5rem;transition:transform .3s ease}.item.active .title{background-color:#2563eb;background-color:var(--primary)}.item.active .title,.item.active .title h3,.item.active .title span{color:#f1f5f9;color:var(--hover)}.item.active .title span{transform:rotate(45deg)}.content{animation:slideDown .3s ease-out;background-color:#f8fafc;background-color:var(--background);border-top:1px solid #e2e8f0;border-top:1px solid var(--border);color:#475569;color:var(--text-secondary);line-height:1.6;padding:16px 20px}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}button{background-color:#2563eb;border-radius:6px;box-shadow:0 2px 8px #2563eb33;font-size:15px;font-weight:500;letter-spacing:.3px;overflow:hidden;padding:12px 24px;position:relative;transition:all .2s ease}button:hover{background-color:#1d4ed8;box-shadow:0 4px 12px #2563eb4d;transform:translateY(-2px)}button:active{box-shadow:0 1px 4px #2563eb33;transform:translateY(0)}button:focus-visible{outline:2px solid #60a5fa;outline-offset:2px}button:after{animation:ripple .6s linear;background:#ffffff4d;border-radius:50%;content:"";height:100px;opacity:0;position:absolute;transform:scale(0);width:100px}@keyframes ripple{0%{opacity:1;transform:scale(0)}to{opacity:0;transform:scale(4)}}button:disabled{background-color:#94a3b8;box-shadow:none;transform:none}button.loading{color:#0000;cursor:wait;position:relative}button.loading:before{animation:spin .8s linear infinite;border:2px solid #fff;border-radius:50%;border-top-color:#0000;content:"";height:20px;left:50%;position:absolute;top:50%;width:20px}@keyframes spin{to{transform:rotate(1turn)}}.btn{display:flex;flex-direction:row;gap:1rem;justify-content:center;padding:2rem}.active{color:#ff4500}.active,.inactive{height:80px;margin:.5rem;width:80px}.inactive{color:#000}.star-rating{background-color:#d9ffb5}.slider-main,.star-rating{align-items:center;display:flex;height:100vh;justify-content:center}.slider-main{background-color:#000;color:#f0f8ff;flex-direction:column;font-size:larger;font-weight:bolder;gap:1rem}.slider{align-items:center;border-radius:8px;display:flex;height:450px;justify-content:center;overflow:hidden;position:relative;width:600px}.current-image{border-radius:8px;box-shadow:0 0 7px #666;height:100%;object-fit:cover;position:absolute;transition:opacity .3s ease-in-out;width:100%}.hide-current-image{display:none}.arrow-left,.arrow-right{color:#fff;cursor:pointer;filter:drop-shadow(0 0 5px #555);height:2rem;position:absolute;transition:transform .2s ease,color .2s ease;width:2rem;z-index:10}.arrow-left{left:1rem}.arrow-right{right:1rem}.arrow-left:hover,.arrow-right:hover{color:#ddd;transform:scale(1.1)}.circle-indicators{bottom:1rem;display:flex;gap:.5rem;position:absolute;z-index:10}.slide-btn{display:inline-block}.slide-btn button{background-color:#ffffff80;border:none;border-radius:50%;cursor:pointer;display:block;height:12px;padding:0;transition:all .2s ease;width:12px}.slide-btn button.current-indicator,.slide-btn button:hover{background-color:#fff;transform:scale(1.1)}.hide-current-indicator{opacity:.5;transform:scale(.9)}@media (max-width:768px){.slider{height:350px;width:90%}}.load-more{background-color:#50b2b2;min-height:100vh;padding:20px}.product-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin:0 auto;max-width:1200px;padding:20px}.product{align-items:center;background:#f5f5f5;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:column;padding:15px;transition:transform .2s ease-in-out}.product:hover{box-shadow:0 4px 8px #0003;transform:translateY(-5px)}.product img{border-radius:4px;height:200px;margin-bottom:10px;object-fit:cover;width:100%}.product p{color:#333;font-weight:500;margin:0;text-align:center}.button-container{display:flex;justify-content:center;padding:20px 0}.button-container button{background-color:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;padding:12px 24px;transition:background-color .2s ease}.button-container button:hover{background-color:#0056b3}.load-more:has(>div:only-child){align-items:center;display:flex;font-size:18px;font-weight:500;justify-content:center;min-height:100vh}.tree-view-container{background-color:#ffebcd;font-size:1rem;font-weight:700;min-height:100vh;padding:1rem}.menu-container{font-family:Arial,sans-serif;padding:10px}li{border-radius:4px;list-style:none;margin:8px 0;padding:8px;transition:background-color .2s ease}li:hover{background-color:#f5f5f5}.menu-item{align-items:center;cursor:pointer;display:flex;gap:20px}.menu-item p{color:#333;font-size:16px;margin:0}.menu-item span{align-items:center;border-radius:4px;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:all .2s ease}.menu-item span:hover{background-color:#e0e0e0}.menu-item svg{color:#666;height:12px;width:12px}.nested-menu{border-left:2px solid #e0e0e0;margin-left:20px;padding-left:10px}.menu-children{overflow:hidden;transition:max-height .3s ease-in-out}.qr{background-color:#db7093;gap:3rem;height:100vh}.container,.qr{align-items:center;display:flex;justify-content:center}.container{background-color:#f5f5f5;flex-direction:column;gap:1rem;padding:20px}h1{color:#333;margin-bottom:30px}.input-container{margin-bottom:20px}input{border:1px solid #ccc;border-radius:4px;margin-right:10px;padding:10px;width:300px}button{background-color:green;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:10px 20px}button:disabled{background-color:#ccc;cursor:not-allowed}button:hover:not(:disabled){background-color:#0056b3}.qr-code-container{background-color:#fff;border-radius:4px;box-shadow:0 2px 4px #0000001a;margin-top:20px;padding:20px}.input-btn{padding:1rem}#qr-code-value{background-color:#fff;border:12px solid #000;max-height:20rem;max-width:20rem;padding:1rem}
/*# sourceMappingURL=main.e746a93a.css.map*/