.mode-switch{display:flex;background:#111;border-radius:12px;padding:4px;gap:4px}.mode-switch button{border-radius:9px;color:#fff;font-weight:900;padding:8px 14px}.mode-switch button.active{background:#F5C400;color:#111}.vf-layout{display:grid;grid-template-columns:minmax(300px,420px) 1fr;gap:18px;align-items:start}.vf-form{border-radius:16px;padding:18px;overflow:hidden}.vf-form-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.vf-form-head h4{font-size:18px;font-weight:900}.vf-form-head span{background:#F5C400;color:#111;border-radius:999px;font-size:12px;font-weight:900;padding:5px 10px}.vf-products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.vf-products label,.vf-products .vf-product,.vf-field{display:grid;gap:6px;font-size:12px;font-weight:900;color:#4b5563;min-width:0}.vf-field .input,.vf-form .input{width:100%;max-width:100%;min-width:0}.qty-control{display:grid;grid-template-columns:42px 1fr 42px;align-items:center;border:1px solid #303642;border-radius:10px;background:#0f1115;overflow:hidden}.qty-control button{height:36px;font-size:18px;font-weight:900;background:#F5C400;color:#111}.qty-control span{text-align:center;font-size:16px;font-weight:900;color:#fff}.vf-totals{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}.vf-totals div{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:14px}.vf-totals span{display:block;color:#6b7280;font-size:12px}.vf-totals b{font-size:24px}.vf-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}body:not(.dark) .qty-control{background:#fff;border-color:#ddd}body:not(.dark) .qty-control span{color:#111}body.dark .vf-totals div{background:#181b22;border-color:#303642}body.dark .vf-products label,body.dark .vf-products .vf-product,body.dark .vf-field{color:#a3aab8}@media(max-width:1100px){.vf-layout{grid-template-columns:1fr}.vf-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:800px){.vf-products,.vf-kpis{grid-template-columns:1fr}.mode-switch{width:100%}.mode-switch button{flex:1}}