.panel-card{background:var(--bg2);border:1px solid var(--border);border-radius:12px;padding:20px;margin-bottom:16px}.barcode-form{display:flex;flex-direction:column;gap:12px;margin-top:14px}.barcode-field{display:flex;flex-direction:column;gap:4px}.barcode-field label{font-size:12px;font-weight:600;color:var(--muted)}.barcode-input{padding:8px 12px;border-radius:8px;border:1px solid var(--border);background:var(--bg3);color:var(--text);font-size:13px;font-family:monospace;width:100%}.barcode-input:focus{outline:none;border-color:var(--accent)}.field-hint{font-size:11px;color:var(--muted)}.barcode-results-box{background:var(--bg3);border-radius:8px;border:1px solid var(--border);padding:14px;text-align:center}.chk-digit-main{font-size:2.5rem;font-weight:800;color:var(--accent);font-family:monospace}.chk-digit-sub{font-size:11px;color:var(--muted)}.barcode-details-grid{display:flex;flex-direction:column;gap:6px}.barcode-det-item{display:flex;justify-content:space-between;padding:4px 0;font-size:12px}.sk{font-size:12px;color:var(--muted)}.sv{font-size:12px;font-weight:700;color:var(--text)}.barcode-visual{margin-top:16px;background:#fff;border-radius:8px;padding:14px;text-align:center;color:#000;border:1px solid var(--border)}.barcode-lines-container{display:flex;justify-content:center;height:50px;align-items:stretch;margin-bottom:6px}.bar-line{background:#000}.barcode-number-label{font-family:monospace;font-size:14px;letter-spacing:2px}.placeholder-msg{color:var(--muted);font-size:13px;text-align:center;padding:40px}