@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;600;800&display=swap";:root{--bg-color: #0f1014;--card-bg: #18181b;--input-bg: #232732;--text-primary: #ffffff;--text-secondary: #a1a1aa;--accent: #59CBE8;--accent-glow: rgba(89, 203, 232, .4);--danger: #ff4d4d}*{box-sizing:border-box}body{background-color:var(--bg-color);color:var(--text-primary);font-family:Inter,sans-serif;margin:0;padding:0;-webkit-font-smoothing:antialiased}.app-wrapper{min-height:100vh;display:flex;flex-direction:column}.header{background:#0f1014f2;position:sticky;top:0;z-index:50;padding:1.5rem 2rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.08);box-shadow:0 4px 20px #00000080}.brand-title{display:flex;align-items:center;gap:15px}.brand-icon{font-size:1.8rem;color:var(--accent);filter:drop-shadow(0 0 5px var(--accent-glow))}.header h1{font-size:1.5rem;font-weight:800;color:#fff;margin:0;letter-spacing:-.5px}.btn-print{background:linear-gradient(135deg,#59cbe8,#20b2aa);color:#000;border:none;padding:10px 24px;border-radius:50px;font-weight:800;text-transform:uppercase;cursor:pointer;display:flex;align-items:center;gap:8px;box-shadow:0 4px 15px var(--accent-glow);transition:transform .2s;text-decoration:none}.btn-print:hover{transform:scale(1.05);color:#000}.btn-clear{background:#ff4d4d1a;border:1px solid var(--danger);color:var(--danger);padding:8px 20px;border-radius:8px;cursor:pointer;font-weight:600;display:flex;align-items:center;gap:6px}.btn-clear:hover{background:var(--danger);color:#fff;transform:translateY(-2px)}.screen-container{max-width:1200px;margin:0 auto;padding:40px 20px;width:100%}.search-section{text-align:center;margin-bottom:40px}.search-row{display:flex;gap:15px;max-width:800px;margin:0 auto;flex-wrap:wrap}.search-box{background:var(--input-bg);border-radius:16px;padding:10px 25px;display:flex;align-items:center;flex:1;border:2px solid transparent;transition:all .3s;box-shadow:0 4px 10px #0003}.search-box:focus-within{border-color:var(--accent);box-shadow:0 0 20px var(--accent-glow)}.search-icon{color:var(--text-secondary);font-size:1.4rem;margin-right:15px}.search-box input{background:transparent;border:none;color:#fff;font-size:1.5rem;font-weight:600;width:100%;outline:none}.btn-manual-toggle{height:60px;padding:0 25px;background:var(--input-bg);color:var(--text-secondary);border-radius:16px;cursor:pointer;font-weight:600;display:flex;align-items:center;gap:10px;border:2px solid transparent;transition:.3s}.btn-manual-toggle:hover{border-color:var(--accent);color:var(--accent);background:#2a2e38}.hint{margin-top:15px;color:var(--text-secondary);font-size:.9rem;opacity:.7}.preview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:10px}.tags-grid-screen{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}.tag-card-screen{background-color:var(--card-bg);border:1px solid #27272a;border-radius:12px;padding:16px;height:120px;position:relative;display:flex;flex-direction:column;transition:all .2s ease-in-out;overflow:hidden}.tag-card-screen:hover{border-color:var(--accent);transform:translateY(-3px);box-shadow:0 8px 24px #0006}.tag-card-screen strong{color:#fff;font-size:.95rem;font-weight:600;text-transform:uppercase;line-height:1.3;padding-right:110px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tag-card-screen .price{position:absolute;bottom:16px;left:16px;font-size:1.2rem;color:var(--accent);font-weight:800;letter-spacing:-.5px}.btn-delete-card,.btn-delete{position:absolute;bottom:12px;right:12px;width:32px!important;height:32px!important;background:transparent!important;border:none!important;border-radius:8px;color:#71717a;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;padding:0!important}.btn-delete-card:hover,.btn-delete:hover{background-color:#ff4d4d26!important;color:var(--danger)}.empty-state{text-align:center;padding:60px 20px;color:var(--text-secondary);opacity:.5}.empty-icon{font-size:4rem;margin-bottom:20px;color:var(--accent);opacity:.5}.modal-overlay{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:100;animation:fadeIn .2s ease-in-out}.modal{background:#18181b;padding:30px;border-radius:20px;width:90%;max-width:450px;border:1px solid rgba(255,255,255,.1);box-shadow:0 25px 50px -12px #000000b3}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.modal-header h2{margin:0;color:#fff;font-size:1.4rem}.close-btn{background:none;border:none;color:#666;font-size:1.5rem;cursor:pointer}.close-btn:hover{color:#fff}.form-body{display:flex;flex-direction:column;gap:20px}.form-row{display:flex;gap:15px}.form-group label{display:block;color:var(--text-secondary);font-size:.85rem;margin-bottom:8px;font-weight:600;text-align:left}.form-group input{width:100%;background:#0f1014;border:1px solid #333;padding:12px;border-radius:10px;color:#fff;font-size:1rem;transition:.2s;box-sizing:border-box}.form-group input:focus{border-color:var(--accent);outline:none}.form-group input:disabled{opacity:.5;cursor:not-allowed;background:#151515}.qtd-control{background:#0f1014;display:flex;justify-content:space-between;align-items:center;padding:5px;border-radius:12px;border:1px solid #333}.qtd-btn{width:40px;height:40px;background:#232732;border:none;color:#fff;border-radius:8px;cursor:pointer;font-size:1.2rem}.qtd-btn:hover{background:#333}.qtd-input{width:60px;text-align:center;border:none!important;background:transparent!important;font-weight:700;font-size:1.2rem!important;color:#fff;outline:none}.qtd-input::-webkit-outer-spin-button,.qtd-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.qtd-input[type=number]{-moz-appearance:textfield}.modal-footer{margin-top:30px;display:flex;justify-content:flex-end;gap:15px}.btn-confirm{background:var(--accent);color:#000;padding:12px 24px;border-radius:12px;font-weight:700;border:none;cursor:pointer;transition:.2s;filter:saturate(.9) brightness(.95)}.btn-confirm:hover{transform:scale(1.02);filter:none;box-shadow:0 0 15px var(--accent-glow)}.btn-cancel{background:var(--input-bg);color:var(--text-secondary);border:1px solid transparent;padding:12px 24px;border-radius:12px;font-weight:600;cursor:pointer;transition:all .2s}.btn-cancel:hover{background:#ffffff0d;color:#fff;border-color:#ffffff1a}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.print-area{display:none}@media print{.screen-container,.modal-overlay,.header{display:none!important}@page{size:A4;margin:0}body,html{background-color:#fff!important;margin:0!important;padding:0!important;width:210mm;height:297mm}.print-area{display:block!important;position:absolute;top:0;left:0;width:210mm;min-height:297mm;padding:10mm 15mm;box-sizing:border-box;background:#fff}.grid-impresso{display:grid;grid-template-columns:repeat(4,1fr);column-gap:0;row-gap:5mm}.etiqueta-real{height:26mm;border-bottom:.5px dashed #000;border-right:.5px dashed #ccc;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;font-family:Times New Roman,Times,serif;color:#000!important;overflow:hidden;break-inside:avoid}.grid-impresso>div:nth-child(4n){border-right:none}.etiqueta-nome{font-size:10pt;text-transform:uppercase;font-weight:700;margin-bottom:0;line-height:1;max-width:95%}.etiqueta-familia{display:none}.etiqueta-preco{font-size:22pt;font-weight:700;color:#000;margin-top:1mm;letter-spacing:-.5px;line-height:1}}@media(max-width:768px){.screen-container{padding:1rem;padding-bottom:80px}.header{padding:1rem;flex-direction:column;gap:10px}.brand-title h1{font-size:1.2rem}.tags-grid-screen{grid-template-columns:1fr 1fr;gap:10px}.tag-card-screen{height:110px;padding:12px}.tag-card-screen strong{font-size:.85rem}.tag-card-screen .price{font-size:1rem}.modal{width:95%;max-width:none;bottom:0;border-radius:20px 20px 0 0;padding:1.5rem}input,select,button{font-size:16px!important;min-height:44px}.modal-footer{flex-direction:column-reverse;gap:10px}.btn-confirm,.btn-cancel{width:100%;padding:15px}.search-row{flex-direction:column;gap:10px;width:100%}}.spinner{border:4px solid rgba(255,255,255,.1);border-left-color:var(--accent);border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite;margin:0 auto}.qtd-badge-control{position:absolute;top:12px;right:12px;background-color:#27272a;border:1px solid #3f3f46;border-radius:8px;display:flex;align-items:center;gap:2px;padding:2px;z-index:5;box-shadow:0 2px 5px #0003}.qtd-badge-control span{color:#59cbe8;font-size:.75rem;font-weight:800;min-width:40px;text-align:center;-webkit-user-select:none;user-select:none}.btn-mini-qtd{background:transparent;border:none;color:#a1a1aa;cursor:pointer;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s;padding:0}.btn-mini-qtd:hover{background-color:#3f3f46;color:#fff}.btn-mini-qtd svg{font-size:.6rem}.help-modal{max-width:600px!important}.help-body{text-align:left;display:flex;flex-direction:column;gap:20px;max-height:60vh;overflow-y:auto;padding-right:5px}.help-step{display:flex;gap:15px;align-items:flex-start;background:#ffffff08;padding:15px;border-radius:12px;border:1px solid rgba(255,255,255,.05)}.step-icon{background:var(--input-bg);min-width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--accent);font-size:1.1rem;border:1px solid var(--accent);box-shadow:0 0 10px #59cbe833}.step-content h3{margin:0 0 5px;color:#fff;font-size:1rem}.step-content p{margin:0;color:var(--text-secondary);font-size:.9rem;line-height:1.5}.step-content strong{color:#fff}.help-divider{height:1px;background:#ffffff1a;margin:5px 0}.help-tips h4{color:var(--accent);margin:0 0 10px;display:flex;align-items:center;gap:8px}.help-tips ul{margin:0;padding-left:0;list-style:none}.help-tips li{margin-bottom:8px;color:var(--text-secondary);font-size:.9rem;display:flex;align-items:center;gap:8px}.tip-icon{color:var(--accent);font-size:.8rem}.help-body::-webkit-scrollbar{width:6px}.help-body::-webkit-scrollbar-track{background:#0000001a}.help-body::-webkit-scrollbar-thumb{background:#333;border-radius:3px}.help-body::-webkit-scrollbar-thumb:hover{background:#555}.version-tag{font-size:.9rem;font-weight:400;color:#ffffff4d;margin-left:10px;vertical-align:middle}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.btn-suporte-flutuante{position:fixed;bottom:20px;right:20px;background-color:#25d366;color:#fff;padding:12px 20px;border-radius:50px;display:flex;align-items:center;gap:10px;text-decoration:none;box-shadow:0 4px 15px #0000004d;z-index:1000;transition:transform .2s,background-color .2s;font-weight:700;font-family:sans-serif}.btn-suporte-flutuante:hover{transform:scale(1.05);background-color:#1ebe57}.icon-zap{font-size:1.5rem}@media(max-width:768px){.btn-suporte-flutuante{bottom:15px;right:15px;padding:12px;border-radius:50%;width:50px;height:50px;justify-content:center}.texto-suporte{display:none}.icon-zap{font-size:1.8rem;margin:0}}.toast-container{position:fixed;top:20px;right:20px;background:#fff;color:#333;padding:15px 20px;border-radius:8px;box-shadow:0 10px 30px #0003;display:flex;align-items:center;gap:12px;font-weight:600;z-index:2000;animation:slideIn .3s ease-out forwards;overflow:hidden;min-width:250px}.toast-container.sucesso{border-left:5px solid #25D366}.toast-container.sucesso svg{color:#25d366;font-size:1.2rem}.toast-container.erro{border-left:5px solid #ff4d4d}.toast-container.erro svg{color:#ff4d4d;font-size:1.2rem}.toast-container.info{border-left:5px solid #00d2d3}.toast-container.info svg{color:#00d2d3;font-size:1.2rem}.toast-progress{position:absolute;bottom:0;left:0;height:3px;background:#0000001a;width:100%;animation:tempo 3s linear forwards}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes tempo{0%{width:100%}to{width:0%}}@media(max-width:768px){.toast-container{top:auto;bottom:80px;right:50%;transform:translate(50%);width:90%;animation:slideUp .3s ease-out forwards}@keyframes slideUp{0%{transform:translate(50%,100%);opacity:0}to{transform:translate(50%);opacity:1}}}