*{box-sizing:border-box}body{color:#fff;background:#081421;margin:0;font-family:Arial,sans-serif}.app{color:#eaf7ff;background:#07131f;gap:16px;height:100vh;padding:16px;display:flex;overflow:hidden}.sidebar,.body-section,.info-panel{background:#0c1b2beb;border:1px solid #5affd22e;border-radius:24px;height:calc(100vh - 32px);padding:20px}.sidebar{width:20%;overflow-y:auto}.body-section{-webkit-user-select:none;user-select:none;background-color:#07131f;background-image:linear-gradient(#00ffaa14 1px,#0000 1px),linear-gradient(90deg,#00ffaa14 1px,#0000 1px);background-size:40px 40px;justify-content:center;align-items:center;width:50%;display:flex;position:relative;overflow:hidden}.info-panel{width:30%;overflow-y:auto}.menu-logo{heigth:auto;width:100%}.menu-title{color:#0df9;font-size:16px}.menu-item{width:100%;color:inherit;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:14px;gap:12px;margin-bottom:12px;padding:14px;display:flex}.body-image-wrapper{transform-origin:50%;cursor:grab;justify-content:center;align-items:center;height:90vh;transition:transform .15s;display:flex}.body-image-wrapper.dragging{cursor:grabbing;transition:none}.body-image{object-fit:contain;pointer-events:none;width:auto;height:100%;display:block}.zoom-label{z-index:5;color:#20ff9b;background:#04121ee0;border:1px solid #00ffaaa6;border-radius:10px;padding:10px 20px;font-weight:700;position:absolute;top:20px;left:20px}.zoom-controls{z-index:5;flex-direction:column;gap:10px;display:flex;position:absolute;top:20px;right:20px}.zoom-controls button{color:#20ff9b;cursor:pointer;background:#04121ee0;border:1px solid #00ffaaa6;border-radius:10px;width:48px;height:48px;font-size:22px;font-weight:700}.zoom-controls button:hover{background:#00ffaa24}.zoom-controls button:focus{outline-offset:2px;outline:2px solid #fff}@media (width<=768px){.app{flex-direction:column;height:auto;min-height:100vh;overflow:visible}.sidebar,.body-section,.info-panel{width:100%;height:auto;min-height:auto}.body-section{height:100vh}.body-image-wrapper{height:90vh}}.body-map-layer{height:100%;position:relative}.hotspot{appearance:none;cursor:pointer;z-index:3;background:#20ff9bf2;border:1px solid #20ff9bf2;border-radius:50%;width:10px;min-width:0;height:10px;min-height:0;padding:0;font-size:0;line-height:0;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 2px #20ff9b1f,0 0 10px #20ff9b99}.hotspot.active{background:#fff;border-color:#20ff9b;box-shadow:0 0 0 4px #20ff9b33,0 0 14px #20ff9be6}.hotspot:hover{transform:translate(-50%,-50%)scale(1.3)}.hotspot-wrapper{position:absolute;transform:translate(-50%,-50%)}.hotspot-label{white-space:nowrap;color:#20ff9b;opacity:0;pointer-events:none;background:#04121ee6;border:1px solid #20ff9b66;border-radius:6px;padding:6px 10px;font-size:12px;transition:opacity .2s;position:absolute;bottom:140%;left:50%;transform:translate(-50%)}.hotspot-wrapper:hover .hotspot-label{opacity:1}.hotspot:after{content:"";background:#20ff9b80;border-radius:50%;width:100%;height:100%;animation:2s infinite pulse;position:absolute}@keyframes pulse{0%{opacity:.6;transform:scale(1)}70%{opacity:0;transform:scale(3)}to{opacity:0}}.info-header{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.info-header h2{color:#20ff9b;margin:0;font-size:28px;line-height:1}.info-code{color:#20ff9b;margin:6px 0 0;font-size:18px}.status-pill{color:#20ff9b;background:#20ff9b24;border:1px solid #20ff9b73;border-radius:999px;padding:12px 26px;font-size:14px;font-weight:700}.info-description{color:#eaf7ffbf;margin:24px 0;font-size:16px;line-height:1.2}.product-image-card{background:#ffffff14;border:1px solid #ffffff1f;border-radius:10px;margin-bottom:42px;padding:32px}.product-image-card img{object-fit:cover;width:100%;display:block}.price-row{align-items:baseline;gap:12px;margin-bottom:32px;display:flex}.price{color:#20ff9b;font-size:30px;line-height:1}.supply{color:#eaf7ff8c;font-size:18px;font-weight:700}.metrics{grid-template-columns:repeat(2,1fr);gap:18px;margin-bottom:18px;display:grid}@media (width<=1024px){.metrics{grid-template-columns:1fr}}.metric-card{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:10px;padding:28px}.metric-card span{color:#eaf7ff8c;margin-bottom:14px;font-size:16px;font-weight:700;display:block}.metric-card strong{color:#20ff9b;font-size:18px}.metric-card .cyan{color:#18d7ff}.add-to-cart-btn,.view-product-btn{text-align:center;cursor:pointer;border-radius:10px;width:100%;padding:12px;font-size:18px;font-weight:700;text-decoration:none;display:block}.add-to-cart-btn{color:#04121e;background:linear-gradient(90deg,#17ff8a,#17cfff);border:none;margin-bottom:24px}.view-product-btn{color:#fff;background:#ffffff14;border:1px solid #20ff9b6b}.feature-line{color:#eaf7ff99;align-items:center;gap:18px;margin-top:48px;font-size:18px;font-weight:700;display:flex}.feature-line span{background:#20ff9b;border-radius:50%;width:16px;height:16px}.add-to-cart-btn:disabled{opacity:.65;cursor:not-allowed}.cart-message{color:#20ff9b;margin:-12px 0 20px;font-size:14px}.menu-item{width:100%;color:inherit;cursor:pointer;text-align:left;background:#ffffff0a;border:1px solid #ffffff14;border-radius:18px;align-items:center;gap:16px;margin-bottom:12px;padding:14px 16px;display:flex}.menu-item-icon{background:#ffffff0f;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.menu-item-text{flex-direction:column;display:flex}.menu-item-name{font-size:16px;font-weight:600}.menu-item-code{color:#eaf7ff99;font-size:14px}.menu-item.active{background:#5affd21f;border-color:#5affd2b3}.menu-item.active .menu-item-icon svg{stroke:#20ff9b}