@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";*,:before,:after{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}#root{min-height:100vh}:root{--gold:#c4a012;--gold-bright:#d4b828;--gold-dim:#8b7009;--navy-brand:#1a2d5a;--navy-mid:#0f1e45;--green-agro:#3aae38;--carrot:#e07030;--tomato:#d93535;--text-primary:#f4f6fc;--text-secondary:#f4f6fca6;--text-muted:#f4f6fc61;--glass-bg:#ffffff0e;--glass-border:#ffffff1a;--glass-blur:blur(22px);--shadow-deep:0 8px 32px #00000080, 0 2px 8px #00000047;--shadow-btn:0 4px 16px #c4a01252;--radius:20px;--radius-sm:13px;--radius-xs:8px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh;color:var(--text-primary);background-color:#060e1c;background-image:radial-gradient(80% 50% at 8% 15%,#1a2d5a6b 0%,#0000 65%),radial-gradient(55% 60% at 92% 85%,#32160452 0%,#0000 55%),radial-gradient(100% 45% at 50% 108%,#08102aa6 0%,#0000 60%),radial-gradient(50% 55% at 78% 18%,#060e23cc 0%,#0000 65%),linear-gradient(155deg,#060e1c 0%,#0a1628 45%,#0c1320 75%,#060c14 100%);background-attachment:fixed;font-family:Plus Jakarta Sans,Inter,system-ui,-apple-system,sans-serif;font-size:15px;line-height:1.5}.app{flex-direction:column;max-width:940px;min-height:100vh;margin:0 auto;display:flex}.app-header{z-index:100;-webkit-backdrop-filter:var(--glass-blur);border-bottom:1px solid var(--glass-border);background:#060e1cd1;position:sticky;top:0}.header-content{justify-content:space-between;align-items:center;height:70px;padding:0 22px;display:flex}.header-brand{align-items:center;gap:14px;display:flex}.brand-logo-img{object-fit:contain;filter:drop-shadow(0 0 14px #c4a0124d);width:auto;height:50px}.brand-title{letter-spacing:-.5px;color:var(--text-primary);font-size:24px;font-weight:800}.brand-sub{color:var(--gold-bright);letter-spacing:2.5px;text-transform:uppercase;margin-top:1px;font-size:10px;font-weight:700}.header-nexobit{color:var(--text-muted);background:var(--glass-bg);border:1px solid var(--glass-border);letter-spacing:.3px;border-radius:40px;align-items:center;gap:6px;padding:6px 14px;font-size:11px;display:flex}.header-nexobit strong{color:var(--gold-bright);font-size:12px;font-weight:700}.summary-bar{grid-template-columns:1fr 1fr 1fr;gap:12px;padding:18px 16px 0;animation:.45s both fadeInUp;display:grid}.summary-divider{display:none}.summary-item{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius);cursor:default;flex-direction:column;gap:8px;padding:18px 16px 16px;transition:transform .22s,box-shadow .22s;display:flex;position:relative;overflow:hidden}.summary-item:first-child{border-top:2px solid var(--green-agro);animation:.4s 50ms both fadeInUp}.summary-item:nth-child(2){border-top:2px solid var(--carrot);animation:.4s .12s both fadeInUp}.summary-item:nth-child(3){border-top:2px solid var(--gold);animation:.4s .19s both fadeInUp}.summary-item:hover{box-shadow:var(--shadow-deep);transform:translateY(-3px)}.summary-item:after{content:"";opacity:.07;pointer-events:none;border-radius:50%;width:64px;height:64px;position:absolute;bottom:-12px;right:-12px}.summary-item:first-child:after{background:var(--green-agro)}.summary-item:nth-child(2):after{background:var(--carrot)}.summary-item:nth-child(3):after{background:var(--gold)}.summary-icon{font-size:20px;line-height:1}.summary-num{letter-spacing:-1px;font-size:28px;font-weight:800;line-height:1}.summary-item:first-child .summary-num{color:var(--green-agro)}.summary-item:nth-child(2) .summary-num{color:var(--carrot)}.summary-item:nth-child(3) .summary-num{color:var(--gold-bright)}.summary-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:1.2px;font-size:10px;font-weight:700}.tab-nav{border:1px solid var(--glass-border);z-index:99;-webkit-backdrop-filter:blur(14px);background:#ffffff0a;border-radius:16px;gap:5px;margin:14px 16px 0;padding:6px;display:flex;position:sticky;top:70px}.tab-btn{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;border-radius:11px;flex:1;justify-content:center;align-items:center;gap:7px;padding:11px 8px;font-family:inherit;font-size:14px;font-weight:600;transition:all .22s;display:flex}.tab-btn:hover{color:var(--text-primary);background:#ffffff12}.tab-btn.active{color:var(--gold-bright);background:#c4a0121f;box-shadow:inset 0 0 0 1px #c4a01247}.tab-icon{font-size:17px}.app-main{border-radius:var(--radius);-webkit-backdrop-filter:blur(10px);background:#ffffff06;border:1px solid #ffffff14;flex:1;margin:8px 16px 24px;padding:22px 16px 30px}.tab-content{animation:.32s both fadeInUp}.card{-webkit-backdrop-filter:blur(20px);border-radius:var(--radius);box-shadow:var(--shadow-deep);border:1px solid var(--glass-border);background:#fff1;max-width:600px;margin:0 auto;padding:28px}.card-header{border-bottom:1px solid var(--glass-border);align-items:center;gap:12px;margin-bottom:26px;padding-bottom:18px;display:flex}.card-header h2{color:var(--text-primary);letter-spacing:-.3px;font-size:19px;font-weight:800}.card-icon{font-size:25px}.form{flex-direction:column;gap:18px;display:flex}.form-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.form-group{flex-direction:column;gap:7px;display:flex}.form-group label{color:var(--gold-bright);text-transform:uppercase;letter-spacing:1.2px;font-size:10px;font-weight:700}.form-group input,.form-group select,.form-group textarea{border-radius:var(--radius-sm);color:var(--text-primary);background:#ffffff12;border:1px solid #ffffff24;outline:none;width:100%;padding:11px 14px;font-family:inherit;font-size:15px;transition:border-color .2s,box-shadow .2s,background .2s}.form-group select option{color:var(--text-primary);background:#0f1e10}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--gold);background:#ffffff1a;box-shadow:0 0 0 3px #c4a01226}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-muted)}.form-group textarea{resize:vertical;min-height:82px}.form-error{color:#fca5a5;border-radius:var(--radius-xs);background:#ef44441a;border:1px solid #ef444438;padding:10px 14px;font-size:13px;font-weight:500}.total-preview{border-radius:var(--radius-sm);background:#fbbf2412;border:1px solid #fbbf2438;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.total-preview span{color:var(--text-secondary);font-size:13px;font-weight:600}.total-preview strong{color:var(--gold);font-size:22px;font-weight:800}.btn-primary{background:linear-gradient(135deg, var(--navy-brand) 0%, var(--navy-mid) 100%);color:var(--gold-bright);border-radius:var(--radius-sm);cursor:pointer;letter-spacing:.3px;box-shadow:var(--shadow-btn);border:1px solid #c4a01259;padding:14px 20px;font-family:inherit;font-size:15px;font-weight:700;transition:transform .18s,box-shadow .18s,background .18s,border-color .18s}.btn-primary:hover:not(:disabled){color:#e0c830;background:linear-gradient(135deg,#223876 0%,#162660 100%);border-color:#d4b8288c;transform:translateY(-2px);box-shadow:0 6px 22px #1a2d5a99,0 0 0 1px #c4a0124d}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled{opacity:.38;cursor:not-allowed}.btn-export{color:var(--text-secondary);border:1px solid var(--glass-border);cursor:pointer;white-space:nowrap;background:#ffffff12;border-radius:40px;padding:7px 16px;font-family:inherit;font-size:12px;font-weight:600;transition:all .2s}.btn-export:hover{color:var(--gold-bright);background:#c4a0121c;border-color:#c4a01247}.registros-section{flex-direction:column;gap:20px;max-width:100%;display:flex}.section-title{padding:0 4px}.section-title h2{color:var(--text-primary);letter-spacing:-.5px;font-size:21px;font-weight:800}.section-date{color:var(--text-secondary);text-transform:capitalize;margin-top:3px;font-size:13px}.registros-card{max-width:100%;padding:22px}.registros-header{border-bottom:1px solid var(--glass-border);justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:14px;display:flex}.registros-header-left{align-items:center;gap:10px;display:flex}.registros-header h3{color:var(--text-primary);font-size:16px;font-weight:700}.empty-state{color:var(--text-muted);text-align:center;padding:32px;font-size:14px}.loading-state{color:var(--text-muted);text-align:center;padding:40px}.table-wrapper{-webkit-overflow-scrolling:touch;border-radius:var(--radius-sm);border:1px solid #ffffff14;overflow-x:auto}.data-table{border-collapse:collapse;width:100%;font-size:14px}.data-table thead{background:#ffffff0a}.data-table th{text-align:left;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);white-space:nowrap;border-bottom:1px solid #ffffff12;padding:10px 14px;font-size:10px;font-weight:700}.data-table td{vertical-align:middle;color:var(--text-primary);border-bottom:1px solid #ffffff0b;padding:11px 14px}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr:hover{background:#ffffff09}.td-producto{font-weight:600}.td-number{font-variant-numeric:tabular-nums}.td-notas{color:var(--text-secondary);max-width:150px;font-size:13px}.td-hora{color:var(--text-muted);white-space:nowrap;font-size:13px}.td-total{color:var(--gold-bright);font-weight:700}.data-table tfoot{background:#c4a0120a;border-top:1px solid #c4a01229}.data-table tfoot td{color:var(--text-secondary);border-bottom:none;padding:12px 14px;font-size:14px}.tf-label{text-align:right;font-weight:600}.tf-total{color:var(--gold-bright);font-size:17px;font-weight:800}.toast{z-index:1000;white-space:nowrap;-webkit-backdrop-filter:var(--glass-blur);border-radius:40px;padding:13px 26px;font-size:14px;font-weight:600;animation:.3s slideUp;position:fixed;bottom:28px;left:50%;transform:translate(-50%);box-shadow:0 8px 30px #00000073}.toast-success{color:var(--gold-bright);background:#0f1e45eb;border:1px solid #c4a01273}.toast-error{color:#fff;background:#dc2626e0;border:1px solid #f8717166}.login-page{justify-content:center;align-items:center;min-height:100vh;padding:24px 16px;animation:.4s both fadeInUp;display:flex}.login-card{-webkit-backdrop-filter:blur(24px);border:1px solid var(--glass-border);border-radius:var(--radius);box-shadow:var(--shadow-deep);background:#fff1;flex-direction:column;gap:28px;width:100%;max-width:380px;padding:40px 32px 32px;display:flex}.login-brand{flex-direction:column;align-items:center;gap:10px;display:flex}.login-logo{object-fit:contain;filter:drop-shadow(0 0 16px #c4a01247);width:auto;height:72px}.login-title{color:var(--text-primary);letter-spacing:-.5px;font-size:28px;font-weight:800}.login-sub{color:var(--gold-bright);letter-spacing:2.5px;text-transform:uppercase;font-size:11px;font-weight:700}.login-footer{text-align:center;color:var(--text-muted);margin-top:4px;font-size:12px}.login-footer strong{color:var(--gold-bright)}.header-right{align-items:center;gap:10px;display:flex}.btn-logout{color:var(--text-muted);border:1px solid var(--glass-border);cursor:pointer;background:#ffffff0f;border-radius:40px;padding:6px 14px;font-family:inherit;font-size:12px;font-weight:600;transition:all .2s}.btn-logout:hover{color:#f87171;background:#d935351f;border-color:#d935354d}.app-footer{text-align:center;color:var(--text-muted);margin-top:auto;padding:20px;font-size:12px}.app-footer strong{color:var(--gold-bright)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translate(-50%)translateY(14px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.proveedores-section{flex-direction:column;gap:20px;display:flex}.proveedores-header{justify-content:space-between;align-items:center;padding:0 4px;display:flex}.proveedores-title{color:var(--text-primary);letter-spacing:-.5px;font-size:21px;font-weight:800}.btn-add-proveedor{white-space:nowrap;padding:10px 20px;font-size:14px}.proveedores-empty{text-align:center;color:var(--text-muted);flex-direction:column;align-items:center;gap:16px;padding:60px 20px;display:flex}.proveedores-empty-icon{opacity:.5;font-size:48px}.proveedores-empty p{font-size:15px}.proveedores-grid{flex-direction:column;gap:10px;display:flex}.proveedor-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius);cursor:pointer;align-items:center;gap:16px;padding:18px 20px;transition:transform .2s,box-shadow .2s,border-color .2s,background .2s;animation:.3s both fadeInUp;display:flex}.proveedor-card:hover{box-shadow:var(--shadow-deep);background:#ffffff14;border-color:#c4a0124d;transform:translateY(-2px)}.proveedor-card-avatar{background:linear-gradient(135deg, var(--navy-brand), var(--navy-mid));width:46px;height:46px;color:var(--gold-bright);border:1px solid #c4a01240;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;font-size:20px;font-weight:800;display:flex}.proveedor-card-info{flex:1;min-width:0}.proveedor-card-info h3{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;margin-bottom:3px;font-size:16px;font-weight:700;overflow:hidden}.proveedor-card-contacto{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;margin-bottom:5px;font-size:13px;overflow:hidden}.proveedor-card-badge{color:var(--gold-bright);letter-spacing:.3px;background:#c4a0121a;border:1px solid #c4a01238;border-radius:40px;padding:2px 10px;font-size:11px;font-weight:700;display:inline-block}.proveedor-card-arrow{color:var(--text-muted);flex-shrink:0;font-size:22px}.proveedor-detalle{flex-direction:column;gap:16px;display:flex}.detalle-topbar{justify-content:space-between;align-items:center;padding:0 4px;display:flex}.btn-back{color:var(--gold-bright);cursor:pointer;background:0 0;border:none;padding:8px 0;font-family:inherit;font-size:14px;font-weight:700;transition:opacity .2s}.btn-back:hover{opacity:.75}.detalle-actions{gap:8px;display:flex}.btn-danger-sm{color:#f87171;cursor:pointer;background:#d935351a;border:1px solid #d935354d;border-radius:40px;padding:7px 16px;font-family:inherit;font-size:12px;font-weight:600;transition:all .2s}.btn-danger-sm:hover{background:#d9353533;border-color:#d9353580}.detalle-card{max-width:100%}.detalle-sub{color:var(--text-secondary);margin-top:2px;font-size:13px}.detalle-meta{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.detalle-chip{color:var(--text-secondary);border:1px solid var(--glass-border);background:#ffffff0f;border-radius:40px;padding:5px 14px;font-size:13px}.detalle-notas{color:var(--text-muted);margin-top:12px;font-size:13px;font-style:italic;line-height:1.5}.productos-detalle-card{max-width:100%;padding:22px}.add-producto-form{border:1px solid var(--glass-border);border-radius:var(--radius-sm);background:#ffffff0a;flex-direction:column;gap:12px;margin-bottom:16px;padding:16px;display:flex}.producto-row{grid-template-columns:1fr 130px 110px auto;align-items:end;gap:10px;display:grid}.btn-delete-row{color:#f87171;border-radius:var(--radius-xs);cursor:pointer;background:#d935351a;border:1px solid #d9353540;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;margin-bottom:0;padding:0;font-family:inherit;font-size:13px;transition:all .18s;display:flex}.btn-delete-row:hover{background:#d9353538;border-color:#d9353580}.form-proveedor{max-width:100%}.productos-form-section{border-top:1px solid var(--glass-border);flex-direction:column;gap:10px;padding-top:18px;display:flex}.productos-form-header{justify-content:space-between;align-items:center;display:flex}.form-section-label{color:var(--gold-bright);text-transform:uppercase;letter-spacing:1.2px;font-size:10px;font-weight:700}.form-actions{justify-content:flex-end;gap:10px;margin-top:4px;display:flex}.btn-cancel{padding:10px 20px}.confirm-overlay{-webkit-backdrop-filter:blur(6px);z-index:200;background:#000000a6;justify-content:center;align-items:center;padding:24px;animation:.2s fadeInUp;display:flex;position:fixed;inset:0}.confirm-box{border-radius:var(--radius);width:100%;max-width:360px;box-shadow:var(--shadow-deep);background:#0a1632f5;border:1px solid #d935354d;flex-direction:column;gap:24px;padding:32px 28px;display:flex}.confirm-box p{color:var(--text-primary);text-align:center;font-size:15px;line-height:1.5}.confirm-box strong{color:var(--gold-bright)}.confirm-actions{justify-content:center;gap:10px;display:flex}.btn-danger{color:#f87171;cursor:pointer;background:#d9353526;border:1px solid #d9353566;border-radius:40px;padding:9px 24px;font-family:inherit;font-size:14px;font-weight:700;transition:all .2s}.btn-danger:hover{background:#d9353547;border-color:#d93535a6}@media (width<=600px){.header-content{height:62px;padding:0 16px}.brand-logo-img{height:42px}.brand-title{font-size:20px}.header-nexobit{display:none}.summary-bar{gap:8px;padding:12px 10px 0}.summary-num{font-size:22px}.summary-item{padding:14px 12px 12px}.tab-nav{gap:3px;margin:10px 10px 0;top:62px}.tab-btn{gap:4px;padding:9px 4px;font-size:11px}.tab-icon{font-size:15px}.app-main{margin:6px 10px 20px;padding:18px 12px 24px}.card{padding:20px 16px}.form-row{grid-template-columns:1fr}.registros-card{padding:16px}.data-table{font-size:13px}.data-table th,.data-table td{padding:8px 10px}.producto-row{grid-template-columns:1fr 1fr;gap:8px}.producto-unidad{grid-column:1/-1}.btn-delete-row{width:32px;height:32px;font-size:12px}.confirm-box{padding:24px 20px}.form-actions{flex-direction:column-reverse}.btn-cancel,.form-actions .btn-primary{text-align:center;width:100%}}