*,:after,:before{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html{height:100%;font-size:15px}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#0c0c0c;color:#e0e0e0;min-height:100%}.login-screen{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:16px;background:#0c0c0c}.login-card{background:#111;border:1px solid #222;border-radius:16px;padding:24px;width:100%;max-width:380px}.login-input{display:block;width:100%;background:#1a1a1a;border:1px solid #333;border-radius:8px;color:#e0e0e0;font-size:14px;padding:10px 14px;margin-bottom:10px;outline:none;box-sizing:border-box}.login-input:focus{border-color:#4ade80}.login-label{display:block;font-size:11px;color:#888;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;margin-top:8px}.login-error{color:#f87171;font-size:13px;margin:8px 0;text-align:center}.login-btn{display:block;width:100%;background:linear-gradient(135deg,#4ade80,#22c55e);color:#000;border:none;border-radius:10px;padding:12px;font-size:15px;font-weight:700;cursor:pointer;margin-top:4px}.login-btn:disabled{opacity:.6;cursor:wait}.app-shell{display:flex;flex-direction:column;min-height:100vh;max-width:520px;margin:0 auto}.page-content{flex:1 1;padding:16px 16px 80px}.nav-bar{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:520px;background:#111;border-top:1px solid #222;display:flex;z-index:50}.nav-item{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px 4px 12px;font-size:10px;color:#555;cursor:pointer;text-decoration:none;gap:4px}.nav-item.active{color:#4ade80}.nav-item svg{width:20px;height:20px}.page-header{position:-webkit-sticky;position:sticky;top:0;background:#0c0c0c;z-index:40;padding:4px 16px;border-bottom:1px solid #1e1e1e;display:flex;align-items:center;justify-content:space-between}.page-title{font-family:monospace;font-size:18px;font-weight:700}.page-title span{color:#4ade80}.btn{border:none;border-radius:10px;cursor:pointer;font-family:inherit;font-weight:500;transition:opacity .15s}.btn:active{opacity:.7}.btn-primary{background:#4ade80;color:#0c0c0c;padding:10px 18px;font-size:14px}.btn-secondary{background:#1e1e1e;color:#e0e0e0;border:1px solid #2a2a2a}.btn-danger,.btn-secondary{padding:8px 14px;font-size:13px}.btn-danger{background:#3a1010;color:#f87171;border:1px solid #5a1f1f}.btn-icon{background:#1e1e1e;border:1px solid #2a2a2a;border-radius:8px;color:#888;padding:7px;display:flex;align-items:center;cursor:pointer}.btn-sm{padding:6px 10px;font-size:12px;border-radius:7px}.input{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:8px;color:#e0e0e0;font-size:14px;padding:10px 12px;font-family:inherit;width:100%;outline:none}.input:focus{border-color:#4ade80}.input::placeholder{color:#333}.input-group{display:flex;flex-direction:column;gap:5px;margin-bottom:14px}.input-label{font-size:11px;color:#666;text-transform:uppercase;letter-spacing:.05em;font-family:monospace}.card{background:#161616;border:1px solid #1e1e1e;border-radius:12px;padding:14px}.card+.card{margin-top:10px}.data-table{width:100%;border-collapse:collapse}.data-table th{text-align:left;font-size:11px;color:#555;padding:8px 10px;border-bottom:1px solid #1e1e1e;font-family:monospace;text-transform:uppercase}.data-table td{padding:11px 10px;border-bottom:1px solid #141414;font-size:14px}.data-table tr:last-child td{border-bottom:none}.data-table input,.data-table td.mono{font-family:monospace}.data-table input{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:6px;color:#e0e0e0;font-size:13px;padding:5px 8px;width:110px;outline:none}.data-table input:focus{border-color:#4ade80}.data-table input.modified{border-color:#fbbf24}.badge{font-size:10px;padding:2px 7px;border-radius:4px;font-family:monospace;display:inline-block}.badge-sfpanda{background:#0a1525;color:#60a5fa;border:1px solid #1e3a5f}.badge-pilita{background:#1a1200;color:#fbbf24;border:1px solid #3a2800}.badge-romero{background:#1a0808;color:#f87171;border:1px solid #3a1414}.badge-green{background:#0a1f12;color:#4ade80;border:1px solid #1a3a22}.badge-gray{background:#1a1a1a;color:#666;border:1px solid #2a2a2a}.badge-amber{background:#1a1200;border:1px solid #3a2800}.badge-red{background:#1a0808;color:#f87171;border:1px solid #3a1414}.badge-amber{background:#1a1408;color:#fbbf24;border:1px solid #3a2a14}.badge-stock-ok{background:#081a0d;color:#4ade80;border:1px solid #143a1a}.badge-propio{background:#1a0d2a;color:#c084fc;border:1px solid #2a1a3a}.badge-especial{background:#2a1a08;color:#fb923c;border:1px solid #3a2a14}.chip-row{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}.chip{background:#1a1a1a;border:1px solid #222;border-radius:20px;color:#555;font-size:12px;padding:4px 12px;cursor:pointer;white-space:nowrap;font-family:inherit}.chip.active{border-color:#4ade80;color:#4ade80;background:#0a1f12}.search-wrap{display:flex;align-items:center;gap:8px;background:#1a1a1a;border:1px solid #222;border-radius:10px;padding:8px 12px;margin-bottom:12px}.search-wrap input{flex:1 1;background:none;border:none;outline:none;color:#e0e0e0;font-size:14px;font-family:inherit}.search-wrap input::placeholder{color:#333}.metric-row{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:10px;gap:10px;margin-bottom:16px}.metric-card{background:#161616;border:1px solid #1e1e1e;border-radius:10px;padding:12px}.metric-label{font-size:11px;color:#555;font-family:monospace;margin-bottom:4px}.metric-value{font-size:20px;font-weight:600;font-family:monospace;color:#4ade80}.metric-value.amber{color:#fbbf24}.metric-value.red{color:#f87171}.pin-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:20px;padding:2rem}.pin-label{font-size:11px;color:#444;letter-spacing:.1em;text-transform:uppercase;font-family:monospace}.pin-dots{display:flex;gap:14px}.pin-dot{width:13px;height:13px;border-radius:50%;background:#252525;transition:background .12s}.pin-dot.on{background:#4ade80}.pin-dot.err{background:#f87171}.pin-error{font-size:12px;color:#f87171}.keypad{display:grid;grid-template-columns:repeat(3,72px);grid-gap:10px;gap:10px}.key{height:60px;border-radius:12px;border:1px solid #252525;background:#1a1a1a;color:#e0e0e0;font-size:20px;font-weight:500;cursor:pointer;font-family:monospace}.key:active{background:#2a2a2a}.key-ghost{border:none;background:transparent;cursor:default;pointer-events:none}.cart-item{justify-content:space-between;padding:10px 0;border-bottom:1px solid #1a1a1a}.cart-item,.qty-control{display:flex;align-items:center}.qty-control{gap:10px}.qty-btn{width:28px;height:28px;border-radius:50%;border:1px solid #333;background:#1a1a1a;color:#e0e0e0;font-size:16px;cursor:pointer;justify-content:center}.kit-component,.qty-btn{display:flex;align-items:center}.kit-component{gap:10px;padding:8px 0;border-bottom:1px solid #1a1a1a}.kit-summary{background:#0a1f12;border:1px solid #1a3a22;border-radius:10px;padding:12px;margin-top:12px}.margen-2{color:#f87171}.margen-2_5{color:#fbbf24}.margen-3{color:#4ade80}.margen-3_5{color:#34d399}.margen-4{color:#6ee7b7}.divider{border:none;border-top:1px solid #1e1e1e;margin:16px 0}.text-muted{color:#555;font-size:13px}.text-mono{font-family:monospace}.gap-8{gap:8px}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.mb-12{margin-bottom:12px}.mt-12{margin-top:12px}.full-width{width:100%}.empty-state{text-align:center;color:#333;padding:40px 0;font-size:14px}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:2px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}