@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root{--bg-primary: #f8fafc;--bg-secondary: #ffffff;--accent-primary: #2563eb;--accent-gradient: linear-gradient(135deg, #2563eb 0%, #4f46e5 100%);--text-primary: #0f172a;--text-secondary: #64748b;--glass-bg: rgba(255, 255, 255, .85);--glass-border: rgba(0, 0, 0, .08);--glass-hover: rgba(255, 255, 255, 1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Outfit,sans-serif;background-color:var(--bg-primary);background-image:radial-gradient(circle at 15% 50%,rgba(37,99,235,.05),transparent 25%),radial-gradient(circle at 85% 30%,rgba(79,70,229,.05),transparent 25%);background-attachment:fixed;color:var(--text-primary);min-height:100vh;overflow-x:hidden}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:1.25rem;box-shadow:0 8px 32px #0000000d}.glass-button{background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-primary);padding:.75rem 1.5rem;border-radius:.75rem;font-family:inherit;font-weight:500;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 8px #00000005}.glass-button:hover{background:var(--glass-hover);transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.glass-button.active{background:var(--accent-gradient);color:#fff;border-color:transparent;box-shadow:0 4px 15px #2563eb33}.container{max-width:1200px;margin:0 auto;padding:2rem}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;animation:fadeInDown .5s ease}.header-title{font-size:2rem;font-weight:700;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.5px}.tabs-container{display:flex;gap:.75rem;overflow-x:auto;padding-bottom:1rem;margin-bottom:2rem;scrollbar-width:none;-ms-overflow-style:none;animation:fadeIn .8s ease}.tabs-container::-webkit-scrollbar{display:none}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.product-card{padding:1.5rem;display:flex;flex-direction:column;gap:1rem;transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s ease;animation:fadeInUp .5s ease backwards}.product-card:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 12px 40px #00000014;border-color:#0000001a}.product-header{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid var(--glass-border);padding-bottom:.75rem}.product-name{font-size:1.25rem;font-weight:600;color:var(--text-primary);line-height:1.3}.product-code{font-size:.8rem;color:var(--text-secondary);background:#0000000a;padding:.25rem .5rem;border-radius:.5rem;white-space:nowrap}.price-container{display:flex;flex-direction:column;gap:.5rem}.price-row{display:flex;justify-content:space-between;align-items:center;font-size:.95rem}.price-label{color:var(--text-secondary);font-weight:400}.price-value{font-weight:600}.price-jual{font-size:1.5rem;font-weight:700;color:#16a34a}.input-field{width:100%;background:#fff;border:1px solid rgba(0,0,0,.1);color:var(--text-primary);padding:.75rem 1rem;border-radius:.75rem;font-family:inherit;font-size:1rem;transition:all .3s ease;outline:none}.input-field:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px #2563eb1a}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a66;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:50;animation:fadeIn .3s ease}.modal-content{width:100%;max-width:400px;padding:2rem;background:#fff;animation:slideUp .4s cubic-bezier(.16,1,.3,1);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.fab{position:fixed;bottom:2rem;right:2rem;width:3.5rem;height:3.5rem;border-radius:50%;background:var(--accent-gradient);display:flex;justify-content:center;align-items:center;cursor:pointer;box-shadow:0 8px 25px #2563eb4d;transition:transform .3s ease;border:none;color:#fff;z-index:40}.fab:hover{transform:scale(1.1) rotate(10deg)}.lock-icon{cursor:pointer;opacity:.5;transition:all .3s ease;padding:.5rem;border-radius:50%;color:var(--text-primary);background:none;border:none}.lock-icon:hover{opacity:1;background:#0000000d}.lock-icon.unlocked{opacity:1;color:#f59e0b}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:scale(.95) translateY(30px)}to{opacity:1;transform:scale(1) translateY(0)}}