@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";:root{--bg-dark:#22223b;--bg-card:#2c2c48;--bg-card-hover:#363656;--bg-input:#1d1d33;--border-glass:#9a8c984d;--border-glow:#c9ada780;--primary:#c9ada7;--primary-hover:#f2e9e4;--primary-glow:transparent;--secondary:#9a8c98;--accent-purple:#4a4e69;--accent-green:#c9ada7;--accent-red:#9a8c98;--text-main:#f2e9e4;--text-muted:#c9ada7;--text-sub:#9a8c98;--radius-lg:12px;--radius-md:8px;--radius-sm:4px;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-normal:.25s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0;box-shadow:none!important;text-shadow:none!important}body{background-color:var(--bg-dark);color:var(--text-main);min-height:100vh;font-family:Outfit,-apple-system,BlinkMacSystemFont,sans-serif;overflow-x:hidden}svg[data-lucide],.lucide{stroke-width:2px;stroke:currentColor;vertical-align:middle;transition:var(--transition-fast);display:inline-block}.header{background:var(--bg-dark);border-bottom:1px solid var(--border-glass);z-index:100;padding:1rem 1.5rem;position:sticky;top:0}.header-container{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;display:flex}.logo{letter-spacing:-.02em;color:var(--text-main);align-items:center;gap:.75rem;font-size:1.35rem;font-weight:700;text-decoration:none;display:flex}.logo-icon{background:var(--accent-purple);border:1px solid var(--primary);border-radius:var(--radius-md);width:38px;height:38px;color:var(--primary);justify-content:center;align-items:center;display:flex}.badge-live{color:var(--primary);border:1px solid var(--border-glass);background:#c9ada71f;border-radius:20px;align-items:center;gap:.35rem;padding:.25rem .6rem;font-size:.75rem;font-weight:600;display:inline-flex}.badge-live-dot{background:var(--primary);border-radius:50%;width:6px;height:6px;animation:1.5s infinite pulse}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.app-container{max-width:1200px;margin:2rem auto;padding:0 1.5rem}.tabs-nav{border-radius:var(--radius-lg);border:1px solid var(--border-glass);background:#1a1a2e;gap:.5rem;margin-bottom:2rem;padding:.4rem;display:flex;overflow-x:auto}.tab-btn{min-width:120px;color:var(--text-sub);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-fast);white-space:nowrap;background:0 0;border:1px solid #0000;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-family:inherit;font-size:.95rem;font-weight:500;display:flex}.tab-btn:hover{color:var(--text-main);background:var(--bg-card);border-color:var(--border-glass)}.tab-btn.active{background:var(--accent-purple);color:var(--text-main);border:1px solid var(--primary);font-weight:600}.tab-panel{animation:.2s ease-out forwards fadeIn;display:none}.tab-panel.active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.glass-card{background:var(--bg-card);border:1px solid var(--border-glass);border-radius:var(--radius-lg);padding:1.75rem}.scanner-wrapper{border-radius:var(--radius-lg);border:1px solid var(--border-glass);background:#161626;width:100%;max-width:640px;margin:0 auto;position:relative;overflow:hidden}#reader{background:#161626;width:100%;min-height:360px}#reader video{border-radius:var(--radius-lg);object-fit:cover!important;width:100%!important;height:100%!important}.scan-overlay{pointer-events:none;z-index:10;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.scan-box{border:1px dashed var(--primary);border-radius:12px;width:260px;height:260px;position:relative}.corner{border-color:var(--primary);border-style:solid;width:28px;height:28px;position:absolute}.corner-tl{border-width:3px 0 0 3px;border-top-left-radius:8px;top:-2px;left:-2px}.corner-tr{border-width:3px 3px 0 0;border-top-right-radius:8px;top:-2px;right:-2px}.corner-bl{border-width:0 0 3px 3px;border-bottom-left-radius:8px;bottom:-2px;left:-2px}.corner-br{border-width:0 3px 3px 0;border-bottom-right-radius:8px;bottom:-2px;right:-2px}.laser-line{background:var(--primary);border-radius:2px;width:90%;height:2px;animation:2.2s ease-in-out infinite alternate laserScan;position:absolute;top:0;left:5%}@keyframes laserScan{0%{opacity:.8;top:5%}50%{opacity:1}to{opacity:.8;top:95%}}.scanner-controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;margin-top:1.5rem;display:flex}.btn{border-radius:var(--radius-md);border:1px solid var(--border-glass);cursor:pointer;transition:var(--transition-fast);justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.4rem;font-family:inherit;font-size:.95rem;font-weight:600;display:inline-flex}.btn-primary{background:var(--primary);color:var(--bg-dark);border:1px solid var(--primary-hover)}.btn-primary:hover{background:var(--primary-hover);color:var(--bg-dark);border-color:var(--text-main)}.btn-secondary{background:var(--accent-purple);color:var(--text-main);border:1px solid var(--border-glass)}.btn-secondary:hover{background:var(--bg-card-hover);border-color:var(--primary);color:var(--text-main)}.btn-accent{color:var(--primary);border:1px solid var(--primary);background:#c9ada726}.btn-accent:hover{background:#c9ada740}.btn-icon-only{border-radius:50%;padding:.75rem}.toggle-switch{cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--text-muted);align-items:center;gap:.6rem;font-size:.9rem;display:inline-flex}.dropzone{border:1px dashed var(--border-glow);border-radius:var(--radius-lg);text-align:center;background:var(--bg-input);cursor:pointer;transition:var(--transition-normal);padding:3.5rem 2rem}.dropzone:hover,.dropzone.dragover{border-color:var(--primary);background:var(--bg-card)}.dropzone-icon{width:56px;height:56px;color:var(--primary);border:1px solid var(--border-glass);border-radius:var(--radius-md);background:#c9ada71f;justify-content:center;align-items:center;margin:0 auto 1.25rem;display:flex}.generator-grid{grid-template-columns:1fr 1fr;gap:2rem;display:grid}@media (width<=768px){.generator-grid{grid-template-columns:1fr}}.form-group{margin-bottom:1.25rem}.form-label{color:var(--text-muted);margin-bottom:.5rem;font-size:.88rem;font-weight:500;display:block}.form-input,.form-select{background:var(--bg-input);border:1px solid var(--border-glass);border-radius:var(--radius-md);width:100%;color:var(--text-main);transition:var(--transition-fast);outline:none;padding:.8rem 1rem;font-family:inherit;font-size:.95rem}.form-input:focus,.form-select:focus{border-color:var(--primary)}.color-pickers{gap:1rem;display:flex}.color-picker-box{flex:1;align-items:center;gap:.5rem;display:flex}.color-input{-webkit-appearance:none;cursor:pointer;background:0 0;border:none;border-radius:6px;width:36px;height:36px}.color-input::-webkit-color-swatch-wrapper{padding:0}.color-input::-webkit-color-swatch{border:1px solid var(--border-glass);border-radius:6px}.generator-preview-box{background:var(--bg-input);border:1px solid var(--border-glass);border-radius:var(--radius-lg);flex-direction:column;justify-content:center;align-items:center;min-height:280px;padding:2rem;display:flex}#preview-canvas,#preview-barcode{border:1px solid var(--border-glass);background:#fff;border-radius:8px;max-width:100%;height:auto;padding:1rem}.history-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.history-search{max-width:320px}.history-list{flex-direction:column;gap:.85rem;display:flex}.history-item{background:var(--bg-input);border:1px solid var(--border-glass);border-radius:var(--radius-md);transition:var(--transition-fast);justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.25rem;display:flex}.history-item:hover{background:var(--bg-card-hover);border-color:var(--primary);transform:translate(2px)}.history-info{align-items:center;gap:1rem;display:flex;overflow:hidden}.history-icon{background:var(--accent-purple);width:42px;height:42px;color:var(--primary);border:1px solid var(--border-glass);border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;display:flex}.history-text{overflow:hidden}.history-value{color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;max-width:380px;font-family:JetBrains Mono,monospace;font-size:.95rem;font-weight:500;overflow:hidden}.history-meta{color:var(--text-sub);gap:.75rem;margin-top:.25rem;font-size:.8rem;display:flex}.format-chip{background:var(--bg-dark);border:1px solid var(--border-glass);color:var(--text-muted);text-transform:uppercase;border-radius:4px;padding:.1rem .4rem;font-size:.72rem;font-weight:600}.history-actions{gap:.4rem;display:flex}.modal-backdrop{z-index:200;opacity:0;pointer-events:none;transition:var(--transition-fast);background:#12121ee6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-backdrop.active{opacity:1;pointer-events:auto}.modal-card{background:var(--bg-dark);border:1px solid var(--primary);border-radius:var(--radius-lg);width:90%;max-width:520px;transition:var(--transition-fast);padding:2rem;transform:scale(.98)}.modal-backdrop.active .modal-card{transform:scale(1)}.toast-container{z-index:300;pointer-events:none;flex-direction:column;gap:.75rem;display:flex;position:fixed;bottom:2rem;right:2rem}.toast{background:var(--bg-dark);border:1px solid var(--primary);color:var(--text-main);border-radius:var(--radius-md);pointer-events:auto;align-items:center;gap:.75rem;padding:.85rem 1.25rem;font-size:.9rem;font-weight:500;animation:.2s ease-out forwards slideUp;display:flex}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.empty-state{text-align:center;color:var(--text-muted);padding:3rem 1rem}.empty-state-icon{opacity:.5;width:56px;height:56px;margin:0 auto 1rem}