*{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.nav-item{display:flex;align-items:center;gap:.8rem;border-radius:.75rem;padding:.72rem .9rem;color:#475569;font-size:.9rem;font-weight:650;transition:.15s}.nav-item:hover{background:#f8fafc;color:#0f172a}.nav-item svg{width:1.25rem;height:1.25rem;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.nav-active{background:color-mix(in srgb,var(--brand,#0f766e) 11%,white);color:var(--brand,#0f766e);font-weight:750}.card{border:1px solid #e2e8f0;border-radius:1rem;background:#fff;box-shadow:0 1px 2px #0f172a08}.input{width:100%;border:1px solid #cbd5e1;border-radius:.75rem;background:#fff;padding:.72rem .88rem;outline:none;transition:.15s}.input:focus{border-color:var(--brand,#0f766e);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand,#0f766e) 14%,transparent)}.label{display:block;margin-bottom:.38rem;font-size:.84rem;font-weight:650;color:#334155}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;border-radius:.75rem;padding:.7rem 1rem;font-size:.9rem;font-weight:700;transition:.15s}.btn-primary{background:var(--brand,#0f766e);color:#fff}.btn-primary:hover{filter:brightness(1.08)}.btn-secondary{border:1px solid #cbd5e1;background:#fff;color:#334155}.btn-secondary:hover{background:#f8fafc}.btn-danger{background:#fee2e2;color:#b91c1c}.table-wrap{overflow-x:auto}.data-table{width:100%;border-collapse:collapse}.data-table th{padding:.8rem 1rem;text-align:left;font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:#64748b;background:#f8fafc}.data-table td{padding:.9rem 1rem;border-top:1px solid #f1f5f9;font-size:.875rem;vertical-align:middle}.badge{display:inline-flex;border-radius:999px;padding:.25rem .6rem;font-size:.72rem;font-weight:750}.stock-ok{background:#dcfce7;color:#166534}.stock-near{background:#fef3c7;color:#92400e}.stock-low{background:#fee2e2;color:#991b1b}@media(max-width:640px){.data-table th,.data-table td{padding:.7rem .75rem}.mobile-stack thead{display:none}.mobile-stack,.mobile-stack tbody,.mobile-stack tr,.mobile-stack td{display:block;width:100%}.mobile-stack tr{border-top:1px solid #e2e8f0;padding:.65rem}.mobile-stack td{border:0;padding:.3rem .45rem}.mobile-stack td[data-label]:before{content:attr(data-label);display:block;color:#64748b;font-size:.68rem;font-weight:700;text-transform:uppercase}}