.barcode-link{position:relative;cursor:pointer;border-bottom:1px dotted #ccc}.barcode-link[data-tooltip]:hover:after{content:attr(data-tooltip);position:absolute;left:50%;transform:translate(-50%);bottom:100%;margin-bottom:5px;padding:8px 12px;background-color:#333;color:#fff;border-radius:4px;white-space:nowrap;z-index:10;font-size:.8em;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.barcode-link[data-tooltip]:hover:after{opacity:1;visibility:visible}.barcode-popup{display:flex;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;justify-content:center;align-items:center;z-index:100}.popup-content{background-color:#fff;padding:25px;border-radius:8px;max-width:600px;width:90%;box-shadow:0 4px 10px #0003;position:relative;max-height:80vh;overflow-y:auto}.popup-content h3{margin-top:0;color:#333}.popup-content p{line-height:1.6;color:#555}.close-popup{position:absolute;top:10px;right:10px;background:none;border:none;font-size:1.5em;cursor:pointer;color:#888}body.no-scroll{overflow:hidden}.info-container ul{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(5,auto);gap:10px;list-style-type:none;padding:0}.info-container ul li{font-size:.9em}