@import "https://fonts.googleapis.com/css2?family=Inter:wght@100..900&family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap";*{box-sizing:border-box;margin:0;padding:0}body{color:#1a1a2e;background-color:#f8f9fa;font-family:Inter,sans-serif}#root{height:100vh;display:flex}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.login-card{animation:.5s forwards fadeSlideUp}.login-input:focus{transition:all .2s;box-shadow:0 0 0 3px #0f1b3d14;border-color:#0f1b3d!important}.login-button:hover{transition:all .2s;transform:translateY(-1px);box-shadow:0 6px 20px #0f1b3d4d;background:#1a2f6b!important}.login-button:active{transform:translateY(0)}.kpi-card{background:#fff;border:none;border-radius:16px;flex:1;align-items:center;gap:18px;min-height:120px;padding:24px;transition:all .25s;display:flex;box-shadow:0 2px 10px #0000000a,0 1px 3px #00000008}.kpi-card:hover{transform:translateY(-2px);box-shadow:0 10px 30px #00000014,0 2px 10px #0000000d}.kpi-icon-box{background:#f8fafc;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;display:flex}.kpi-icon{color:#1e40af;display:flex}.kpi-info{flex-direction:column;flex:1;justify-content:center;display:flex}.kpi-titulo{color:#64748b;letter-spacing:.2px;margin:0 0 8px;font-size:14px;font-weight:500}.kpi-valor{color:#0f172a;margin:0;font-family:Poppins,sans-serif;font-size:34px;font-weight:700;line-height:1}.kpi-extra{color:#16a34a;margin-top:8px;font-size:13px;font-weight:500}.kpi-row{gap:20px;width:100%;margin-bottom:28px;display:flex}@media (width<=1600px){.kpi-card{min-height:100px;padding:20px}.kpi-icon-box{width:52px;height:52px}.kpi-titulo{font-size:13px}.kpi-valor{font-size:28px}}@media (width<=1100px){.kpi-row{flex-wrap:wrap}.kpi-row>*{flex:calc(50% - 10px)}.kpi-card{min-height:90px}.kpi-valor{font-size:24px}}@media (width<=480px){.kpi-row>*{flex:100%}.kpi-card{min-height:80px;padding:16px}.kpi-icon-box{width:45px;height:45px}.kpi-titulo{font-size:12px}.kpi-valor{font-size:22px}}.om-overlay{z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000059;justify-content:center;align-items:center;animation:.15s om-fade-in;display:flex;position:fixed;inset:0}@keyframes om-fade-in{0%{opacity:0}to{opacity:1}}.om-card{background:#fff;border-radius:16px;width:100%;max-width:420px;padding:28px;animation:.2s cubic-bezier(.22,1,.36,1) om-slide-up;box-shadow:0 20px 60px #00000026}@keyframes om-slide-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.om-header{justify-content:space-between;align-items:flex-start;margin-bottom:20px;display:flex}.om-titulo{color:#0f1b3d;margin:0 0 4px;font-size:16px;font-weight:700}.om-fecha{color:#aaa;margin:0;font-size:12px}.om-close{cursor:pointer;color:#666;background:#f4f4f4;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;transition:background .15s;display:flex}.om-close:hover{background:#eee}.om-section{margin-bottom:16px}.om-label{color:#aaa;text-transform:uppercase;letter-spacing:.5px;margin:0 0 8px;font-size:11px;font-weight:600}.om-value{color:#1a1a2e;margin:0 0 4px;font-size:15px;font-weight:600}.om-subvalue{color:#666;margin:0;font-size:13px}.om-divider{background:#f0f0f0;height:1px;margin:16px 0}.om-productos-lista{flex-direction:column;gap:10px;display:flex}.om-producto-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.om-producto-info{align-items:center;gap:8px;min-width:0;display:flex}.om-producto-nombre{color:#1a1a2e;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.om-producto-cantidad{color:#aaa;background:#f4f4f4;border-radius:4px;flex-shrink:0;padding:1px 6px;font-size:12px}.om-producto-precio{color:#0f1b3d;flex-shrink:0;font-size:13px;font-weight:600}.om-footer{justify-content:space-between;align-items:center;display:flex}.om-badge-aprobado{color:#16a34a;background:#f0fdf4;border-radius:20px;align-items:center;gap:5px;padding:5px 12px;font-size:12px;font-weight:500;display:inline-flex}.om-badge-dot{background:#22c55e;border-radius:50%;flex-shrink:0;width:6px;height:6px}.om-total-wrap{align-items:center;gap:10px;display:flex}.om-total-label{color:#aaa;font-size:13px;font-weight:500}.om-total-valor{color:#0f1b3d;font-size:20px;font-weight:700}.rot-card{background:#fff;border:1px solid #f0f0f0;border-radius:14px;flex-direction:column;flex:1;min-width:0;padding:24px;display:flex;box-shadow:0 1px 4px #0000000f}.rot-header{flex-shrink:0;justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.rot-titulo{color:#0f1b3d;align-items:center;gap:8px;margin:0;font-size:15px;font-weight:600;display:flex}.rot-subtag{color:#888;background:#f4f4f4;border-radius:6px;padding:2px 8px;font-size:11px;font-weight:500}.rot-ver-todas{color:#3b82f6;cursor:pointer;background:0 0;border:none;padding:0;font-size:12px;font-weight:500}.rot-ver-todas:hover{text-decoration:underline}.rot-table{border-collapse:collapse;vertical-align:top;width:100%}.rot-table thead tr{border-bottom:1px solid #f0f0f0}.rot-table th{color:#aaa;text-transform:uppercase;letter-spacing:.5px;text-align:left;padding:0 12px 12px 0;font-size:11px;font-weight:600}.rot-table tbody tr{border-bottom:1px solid #f8f8f8}.rot-table tbody tr:last-child{border-bottom:none}.rot-table td{color:#333;vertical-align:middle;height:54px;padding:13px 12px 13px 0;font-size:13px}.rot-row-clickable{cursor:pointer;transition:background .15s}.rot-row-clickable:hover{background:#fafbff}.rot-cliente{align-items:center;gap:10px;display:flex}.rot-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:11px;font-weight:700;display:flex}.rot-nombre{color:#1a1a2e;font-weight:500}.rot-productos{color:#666;white-space:nowrap;text-overflow:ellipsis;max-width:140px;overflow:hidden}.rot-total{color:#0f1b3d;white-space:nowrap;font-weight:600}.rot-badge-aprobado{color:#16a34a;white-space:nowrap;background:#f0fdf4;border-radius:20px;align-items:center;gap:5px;padding:4px 10px;font-size:12px;font-weight:500;display:inline-flex}.rot-badge-dot{background:#22c55e;border-radius:50%;flex-shrink:0;width:6px;height:6px}.rot-hora{color:#aaa;white-space:nowrap;font-size:12px}.rot-empty{color:#aaa;text-align:center;padding:24px 0;font-size:13px}.af-card{background:#fff;border:1px solid #f0f0f0;border-radius:14px;flex-direction:column;flex:1;min-width:0;padding:24px;display:flex;box-shadow:0 1px 4px #0000000f}.af-header{flex-shrink:0;justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.af-titulo{color:#0f1b3d;margin:0;font-size:15px;font-weight:600}.af-lista{flex-direction:column;gap:0;display:flex}.af-item{border-radius:10px;align-items:center;gap:12px;height:54px;padding:0 8px;transition:background .15s;display:flex}.af-item:hover{background:#fafbff}.af-icono{border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.af-info{flex:1;min-width:0}.af-descripcion{color:#1a1a2e;margin:0 0 3px;font-size:13px;font-weight:500;line-height:1.4}.af-tiempo{color:#aaa;margin:0;font-size:11px}.af-estado{color:#aaa;text-align:center;padding:24px 0;font-size:13px}