*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8fafc;color:#1e293b;line-height:1.5;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#root{min-height:100vh;display:flex;flex-direction:column}input,textarea,select{-webkit-user-select:text!important;-moz-user-select:text!important;-ms-user-select:text!important;user-select:text!important}@media (max-width: 768px){body{font-size:14px}input{font-size:16px}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f5f9;border-radius:6px;margin:4px;border:1px solid #E2E8F0}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#64748b,#475569);border-radius:6px;border:1px solid #475569;min-height:24px;box-shadow:inset 0 1px #fff3}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#475569,#334155);box-shadow:inset 0 1px #ffffff4d}::-webkit-scrollbar-thumb:active{background:linear-gradient(180deg,#334155,#1e293b)}::-webkit-scrollbar-corner{background:#f1f5f9;border-radius:6px}*{scrollbar-width:auto;scrollbar-color:#64748B #F1F5F9}.dropdown-scroll{scrollbar-width:thin;scrollbar-color:#64748B #F1F5F9}.dropdown-scroll::-webkit-scrollbar{width:12px}.dropdown-scroll::-webkit-scrollbar-track{background:linear-gradient(180deg,#f8fafc,#f1f5f9);border-radius:10px;margin:8px 2px;border:1px solid #E2E8F0;box-shadow:inset 0 1px 3px #0000001a}.dropdown-scroll::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#94a3b8,#64748b);border-radius:10px;border:2px solid #F8FAFC;min-height:32px;box-shadow:0 2px 6px #00000026,inset 0 1px #ffffff4d;transition:all .2s ease}.dropdown-scroll::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#64748b,#475569);box-shadow:0 3px 8px #0003,inset 0 1px #fff6;transform:scale(1.05)}.dropdown-scroll::-webkit-scrollbar-thumb:active{background:linear-gradient(180deg,#475569,#334155);box-shadow:inset 0 2px 4px #0000004d;transform:scale(.98)}.dropdown-scroll::-webkit-scrollbar-corner{background:#f8fafc;border-radius:10px}@keyframes shimmer{0%{left:-100%}to{left:100%}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.whatsapp-bounce{animation:bounce 2s infinite}.whatsapp-bounce:hover{animation-play-state:paused}@media (max-width: 768px){.whatsapp-buttons{bottom:10px!important;right:10px!important;gap:8px!important}.whatsapp-buttons a{padding:10px 12px!important;font-size:12px!important}.whatsapp-buttons svg{width:16px!important;height:16px!important}}@media print{.whatsapp-buttons,.no-print{display:none!important}}*{scroll-behavior:smooth}.input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;transform:translateY(-1px)}.dropdown-enter{opacity:0;transform:translateY(-10px)}.dropdown-enter-active{opacity:1;transform:translateY(0);transition:all .2s ease}.card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026;transition:all .3s ease}.btn{padding:12px 24px;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;touch-action:manipulation}.btn-primary{background-color:#2563eb;color:#fff}.btn-primary:hover{background-color:#1d4ed8;transform:translateY(-1px)}.input{width:100%;padding:12px 16px;border:1px solid #D1D5DB;border-radius:8px;font-size:16px;transition:border-color .2s ease;-webkit-appearance:none;appearance:none}.input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;margin-bottom:20px;will-change:transform;transform:translateZ(0)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .3s ease-out}.loading{opacity:.7;pointer-events:none}.offline-indicator{position:fixed;top:0;left:0;right:0;background:#ef4444;color:#fff;text-align:center;padding:8px;font-size:14px;z-index:9999;transform:translateY(-100%);transition:transform .3s ease}.offline-indicator.show{transform:translateY(0)}@media print{@page{size:A4 portrait;margin:10mm}.no-print{display:none!important}.invoice-document{background:#fff!important;padding:20px!important;margin:0!important;width:100%!important;max-width:none!important}#invoice-content{box-shadow:none!important;width:100%!important;max-width:none!important;margin:0 auto!important;padding:0!important}#invoice-content>div{box-shadow:none!important;border-radius:0!important;padding:15px!important;width:100%!important;max-width:none!important;margin:0!important}body{background:#fff!important;color:#000!important;font-size:12px!important;line-height:1.4!important;margin:0!important;padding:0!important}.card{box-shadow:none!important;border:none!important;margin-bottom:15px!important;background:#fff!important}table{width:100%!important;font-size:11px!important;margin-bottom:15px!important;border-collapse:collapse!important}th,td{padding:8px!important;font-size:11px!important;vertical-align:top!important;line-height:1.4!important;border:1px solid #E5E7EB!important}h1{font-size:20px!important;margin-bottom:15px!important;font-weight:700!important}h2,h3{font-size:16px!important;font-weight:700!important}}.print-only{display:none}@media print{.no-print,.no-print *{display:none!important;visibility:hidden!important}}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));.input-with-white-placeholder::placeholder{color:#ffffffb3!important}.input-with-white-placeholder::-webkit-input-placeholder{color:#ffffffb3!important}.input-with-white-placeholder::-moz-placeholder{color:#ffffffb3!important;opacity:1}.input-with-white-placeholder:-ms-input-placeholder{color:#ffffffb3!important}gap:24px}@media (min-width: 768px){.form-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.form-grid{grid-template-columns:repeat(3,1fr)}}.btn-secondary{background-color:#6b7280;color:#fff}.btn-secondary:hover{background-color:#4b5563;transform:translateY(-1px)}.invoice-document{background:#f8fafc;padding:20px;margin-top:20px}@media (max-width: 768px){.invoice-document{padding:10px}#invoice-content>div{padding:20px!important}.invoice-document table{font-size:12px}.invoice-document th,.invoice-document td{padding:8px 6px!important}}
