:root{--border-color: #3b82f6;--border-color-light: #60a5fa}.barcode-card-dynamic{border-top-color:var(--card-border-color, #3b82f6);background-color:var(--card-bg-color, #ffffff);color:var(--card-text-color, #000000)}.barcode-card-with-bg{background-image:var(--card-bg-image, none);background-size:cover;background-position:center;background-repeat:no-repeat}.barcode-visual{display:flex;align-items:flex-end;width:100%;padding:0 .25rem;background-color:#fff;border:1px solid #e5e7eb;border-radius:.25rem;box-shadow:0 1px 3px #0000001a;position:relative;margin-bottom:.5rem}.barcode-visual .barcode-bar{display:block;flex-shrink:0}.barcode-visual:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,#9ca3af 50%,transparent 100%)}.barcode-height-8{height:32px}.barcode-height-12{height:48px}.barcode-height-16{height:64px}.barcode-height-20{height:80px}.barcode-height-24{height:96px}.barcode-height-28{height:112px}.barcode-height-32{height:128px}.barcode-height-36{height:144px}.barcode-height-40{height:160px}.barcode-bar-width-1{width:2px;height:100%;display:block;flex-shrink:0}.barcode-bar-width-2{width:4px;height:100%;display:block;flex-shrink:0}.barcode-bar-width-3{width:6px;height:100%;display:block;flex-shrink:0}.barcode-bar-width-4{width:8px;height:100%;display:block;flex-shrink:0}.barcode-card{position:relative;overflow:hidden;background-size:cover;background-position:center;background-repeat:no-repeat}.barcode-header-custom{min-height:60px}.barcode-content-custom{text-shadow:0 1px 3px rgba(0,0,0,.7)}.barcode-no-text-shadow{text-shadow:none}.barcode-footer-visible{display:block}.bg-dim-overlay{background-color:rgba(0,0,0,var(--bg-dim-opacity, .5))}.bg-image-absolute{position:absolute;left:0;top:0}.logo-size-dynamic{height:var(--logo-size, 32px)}.barcard-dim-320x200{width:320px;height:200px}.barcard-dim-300x180{width:300px;height:180px}.barcard-dim-280x160{width:280px;height:160px}.barcard-dim-260x140{width:260px;height:140px}.barcard-dim-240x120{width:240px;height:120px}.barcard-dim-220x100{width:220px;height:100px}.barcard-dim-200x80{width:200px;height:80px}.bg-opacity-0{opacity:0}.bg-opacity-10{opacity:.1}.bg-opacity-20{opacity:.2}.bg-opacity-30{opacity:.3}.bg-opacity-40{opacity:.4}.bg-opacity-50{opacity:.5}.bg-opacity-60{opacity:.6}.bg-opacity-70{opacity:.7}.bg-opacity-80{opacity:.8}#print-area{background-color:#fff;width:210mm;max-width:210mm}#print-area.pdf-export-mode{position:fixed;top:0;left:0;width:100%;height:100%;z-index:99999;background-color:#fff;overflow:auto;padding:10mm;box-sizing:border-box}@media print{#print-area{position:static;width:auto;height:auto;z-index:auto;padding:10mm;box-sizing:border-box}.barcode-card{width:90mm!important;max-width:90mm!important;height:55mm!important;page-break-inside:avoid;-moz-column-break-inside:avoid;break-inside:avoid;margin:2mm!important;box-sizing:border-box!important}.barcode-card h3{line-height:1.5!important;min-height:45px!important;display:block!important;overflow:visible!important;text-overflow:clip!important;white-space:normal!important}.barcode-card p{line-height:1.4!important;display:block!important;overflow:visible!important;text-overflow:clip!important;white-space:normal!important}#print-area>div{display:flex;flex-wrap:wrap;gap:4mm;justify-content:center}#print-area>div>div{flex:0 0 calc(50% - 2mm);max-width:calc(50% - 2mm)}}.page-break-avoid{page-break-inside:avoid}.barcode-container{display:flex;align-items:flex-end;width:100%;padding:0 .5rem;background-color:#fff;border:1px solid #e5e7eb;border-radius:.25rem;box-shadow:0 1px 3px #0000001a;position:relative;min-height:24px}.barcode-container:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,#9ca3af 50%,transparent 100%)}.barcode-bar{display:block;flex-shrink:0;height:100%}.barcode-bar.bg-black{background-color:#000}.barcode-bar.bg-white{background-color:#fff}.barcode-text{text-align:center;font-size:.875rem;font-family:Courier New,monospace;font-weight:600;margin-top:.5rem;color:#000;background-color:#fff;padding:.25rem .5rem;border-radius:.25rem;letter-spacing:.1em;border:1px solid #e5e7eb}.barcode-card{background-color:#fff;border-radius:.75rem;box-shadow:0 10px 25px #00000026;width:320px;height:200px;display:flex;flex-direction:column;padding:1rem;border-top:6px solid;position:relative;overflow:hidden}.barcode-card:before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(90deg,var(--border-color) 0%,var(--border-color-light) 100%);opacity:.8}.barcode-card.border-blue{border-top-color:#3b82f6;--border-color: #3b82f6;--border-color-light: #60a5fa}.barcode-card.border-green{border-top-color:#22c55e;--border-color: #22c55e;--border-color-light: #4ade80}.barcode-card.border-red{border-top-color:#ef4444;--border-color: #ef4444;--border-color-light: #f87171}.barcode-card.border-purple{border-top-color:#a855f7;--border-color: #a855f7;--border-color-light: #c084fc}.barcode-card.border-yellow{border-top-color:#eab308;--border-color: #eab308;--border-color-light: #facc15}.barcode-card.border-orange{border-top-color:#f97316;--border-color: #f97316;--border-color-light: #fb923c}.barcode-card.border-cyan{border-top-color:#06b6d4;--border-color: #06b6d4;--border-color-light: #22d3ee}.barcode-card.border-lime{border-top-color:#84cc16;--border-color: #84cc16;--border-color-light: #bef264}.barcode-card.border-amber{border-top-color:#f59e0b;--border-color: #f59e0b;--border-color-light: #fbbf24}.barcode-card.border-pink{border-top-color:#ec4899;--border-color: #ec4899;--border-color-light: #f472b6}.barcode-card.border-gray{border-top-color:#6b7280;--border-color: #6b7280;--border-color-light: #9ca3af}.logo-small{max-width:4rem;height:32px;-o-object-fit:contain;object-fit:contain}.logo-medium{height:48px;-o-object-fit:contain;object-fit:contain}.logo-large{height:64px;-o-object-fit:contain;object-fit:contain}.text-shadow-bg{text-shadow:0 1px 3px rgba(0,0,0,.7)}.text-shadow-none{text-shadow:none}.student-card{background-color:#fff;border-radius:.5rem;padding:1rem;margin-bottom:1rem;box-shadow:0 1px 3px #0000001a}.student-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.student-name{font-weight:700;font-size:1.125rem;color:#1f2937}.student-code{font-size:.875rem;color:#6b7280;font-family:monospace}.student-level{display:inline-block;padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:500;color:#fff}.print-container{page-break-inside:avoid}@media print{body>*:not(#print-area){display:none!important}#print-area{display:block!important;position:absolute!important;top:0!important;left:0!important;width:100%!important;height:auto!important;background:#fff!important;z-index:9999!important}.barcode-container{display:flex!important;visibility:visible!important;background-color:#fff!important;border:1px solid #000!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.barcode-bar{display:block!important;visibility:visible!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.barcode-bar.bg-black{background-color:#000!important;display:block!important}.barcode-bar.bg-white{background-color:#fff!important;display:block!important}.barcode-text{display:block!important;visibility:visible!important;background-color:#fff!important;color:#000!important;border:1px solid #000!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.barcode-visual{display:flex!important;visibility:visible!important;flex-direction:column!important;align-items:center!important;background-color:#fff!important;border:1px solid #000!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.barcode-visual *{display:block!important;visibility:visible!important}.barcode-container.h-48,.barcode-container.h-32,.barcode-container.h-40,.barcode-container.h-56{display:flex!important;visibility:visible!important;height:auto!important;min-height:50px!important}.barcode-bar{display:inline-block!important;visibility:visible!important;min-width:1px!important;min-height:1px!important}.no-print{display:none!important}.print:hidden{display:none!important}.print:block{display:block!important}.student-card{-moz-column-break-inside:avoid;break-inside:avoid;page-break-inside:avoid}.barcode-container{background-color:#fff!important;border:1px solid #000!important;box-shadow:none!important}.print-container{page-break-inside:avoid}.barcode-card{-moz-column-break-inside:avoid;break-inside:avoid;page-break-inside:avoid;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;box-shadow:0 2px 4px #0000001a!important;border:1px solid #e5e7eb!important;margin:0!important;padding:1rem!important}.barcode-bar{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.barcode-bar.bg-black{background-color:#000!important}.barcode-bar.bg-white{background-color:#fff!important}.barcode-text{background-color:#fff!important;color:#000!important;border:1px solid #000!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}*{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}@media print and (color){.barcode-card{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.student-name{font-size:14pt!important;font-weight:700!important}.student-code{font-size:10pt!important;font-family:Courier New,monospace!important}.barcode-footer-custom,.barcode-footer,.barcode-footer-visible{display:block!important;visibility:visible!important;opacity:1!important;font-size:8pt!important;color:inherit!important;text-align:center!important;margin-top:auto!important}.text-xs{font-size:8pt!important}.opacity-75{opacity:1!important}.truncate{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}p:has(.barcode-footer),.barcode-footer p,.text-center.text-xs.opacity-75.truncate{display:block!important;visibility:visible!important;opacity:1!important}.flex{display:flex!important}.flex-wrap{flex-wrap:wrap!important}.gap-4{gap:1rem!important}.justify-start{justify-content:flex-start!important}body{margin:0!important;padding:0!important;background:#fff!important}html{background:#fff!important}}.controls-section{background-color:#f3f4f6;padding:1rem;border-radius:.5rem;margin-bottom:1rem}.controls-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1rem}.control-group{display:flex;flex-direction:column}.control-label{font-size:.875rem;font-weight:500;color:#374151;margin-bottom:.25rem}.control-select{padding:.5rem;border:1px solid #d1d5db;border-radius:.375rem;background-color:#fff;color:#1f2937}.control-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 1px #3b82f6}.button-group{display:flex;gap:.5rem;flex-wrap:wrap}.btn{padding:.5rem 1rem;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:none}.btn-primary{background-color:#3b82f6;color:#fff}.btn-primary:hover{background-color:#2563eb}.btn-secondary{background-color:#6b7280;color:#fff}.btn-secondary:hover{background-color:#4b5563}.btn-success{background-color:#10b981;color:#fff}.btn-success:hover{background-color:#059669}.btn-outline{background-color:transparent;border:1px solid #d1d5db;color:#374151}.btn-outline:hover{background-color:#f9fafb}.barcode-bar-width-1{width:2px!important;min-width:2px!important;max-width:2px!important}.barcode-bar-width-2{width:4px!important;min-width:4px!important;max-width:4px!important}.barcode-bar-width-3{width:6px!important;min-width:6px!important;max-width:6px!important}.barcode-bar-width-4{width:8px!important;min-width:8px!important;max-width:8px!important}.barcode-card-custom{position:relative;overflow:hidden}.barcode-card-custom:before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(90deg,var(--border-color) 0%,var(--border-color-light) 100%);opacity:.8}.barcode-header-custom{min-height:40px}.barcode-content-custom,.barcode-footer-custom{text-shadow:0 1px 3px rgba(0,0,0,.7)}.barcode-no-text-shadow{text-shadow:none!important}.logo-custom{max-width:4rem;-o-object-fit:contain;object-fit:contain}.logo-size-small{height:24px}.logo-size-medium{height:32px}.logo-size-large{height:48px}.bg-dim-10{background-color:#0000001a}.bg-dim-20{background-color:#0003}.bg-dim-30{background-color:#0000004d}.bg-dim-40{background-color:#0006}.bg-dim-50{background-color:#00000080}.bg-dim-60{background-color:#0009}.bg-dim-70{background-color:#000000b3}.bg-dim-80{background-color:#000c}.bg-dim-90{background-color:#000000e6}#print-area{position:absolute;top:0;left:0;width:100%;height:auto;background:#fff;z-index:9999}.print-area-padding{padding:1rem}.page-break-avoid{page-break-inside:avoid;-moz-column-break-inside:avoid;break-inside:avoid}.flex{display:flex!important}.flex-wrap{flex-wrap:wrap!important}.gap-4{gap:1rem!important}.justify-start{justify-content:flex-start!important}.barcode-card-dynamic{border-top-width:8px;border-top-style:solid}.barcode-card-back{border-top-color:#6b7280}.barcode-card-size{width:320px;height:200px}.barcode-card-padding{padding:.75rem}.barcode-card-padding-back{padding:1rem}.barcard-bg-image{background-size:cover;background-position:center;background-repeat:no-repeat}.no-barcode-card{display:flex;flex-direction:column;align-items:center;justify-content:center;width:320px;height:200px;background-color:#fef2f2;border:2px solid #f87171;border-radius:.5rem;padding:1rem}.no-barcode-card .error-title{color:#dc2626;font-weight:700;margin-bottom:.5rem}.no-barcode-card .error-message{color:#374151;font-size:.75rem}@media print{.no-barcode-card{display:flex!important;visibility:visible!important;background-color:#fef2f2!important;border:2px solid #000!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.no-barcode-card .error-title{color:#000!important;font-weight:700!important}.no-barcode-card .error-message{color:#000!important;font-size:8pt!important}}.print-only{display:none!important}@media print{.print-only{display:block!important}body *{visibility:hidden}#print-area,#print-area *{visibility:visible}#print-area{position:absolute;left:0;top:0;width:100%;height:100%;z-index:9999;background:#fff;padding:20px}.barcode-card{page-break-inside:avoid;-moz-column-break-inside:avoid;break-inside:avoid;margin-bottom:20px}.page-break-avoid{page-break-inside:avoid;-moz-column-break-inside:avoid;break-inside:avoid}}.barcode-footer-visible{display:block!important;visibility:visible!important;opacity:1!important;font-size:8pt!important;color:inherit!important;text-align:center!important;margin-top:.5rem!important}@media print{.barcode-footer,.barcode-footer-visible{display:block!important;visibility:visible!important;opacity:1!important;font-size:8pt!important;color:inherit!important;text-align:center!important;margin-top:.25rem!important}}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-lg{font-size:1.125rem}.opacity-75{opacity:.75}.opacity-100{opacity:1}.truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}