:root{--bg-dark:#16171d;--bg-card:#1f2028;--text-dark:#f3f4f6;--text-muted:#9ca3af;--accent:#a855f7;--accent-hover:#9333ea;--border:#2e303a;--shadow:#0006 0 6px 16px;--sans:"Segoe UI", Roboto, sans-serif}body{font-family:var(--sans);background-color:var(--bg-dark);color:var(--text-dark);justify-content:center;align-items:center;min-height:100vh;margin:0;display:flex}.container{background-color:var(--bg-card);border:1px solid var(--border);box-shadow:var(--shadow);text-align:center;border-radius:12px;width:100%;max-width:420px;padding:40px 50px;transition:all .3s}.container:hover{box-shadow:0 0 20px #a855f766}h4{color:var(--accent);margin-bottom:8px}small{color:var(--text-muted)}form{flex-direction:column;gap:16px;margin-top:20px;display:flex}label{text-align:left;color:var(--text-dark);font-weight:600}input{border:1px solid var(--border);background-color:var(--bg-dark);color:var(--text-dark);border-radius:6px;padding:10px 12px;font-size:15px;transition:border-color .3s}input:focus{border-color:var(--accent);outline:none}button{background-color:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:10px 0;font-weight:600;transition:background-color .3s,transform .2s}button:hover{background-color:var(--accent-hover);transform:scale(1.03)}.alert{color:#ff6b6b;background-color:#f003;border-radius:6px;padding:8px;font-size:14px}@media (width<=480px){.container{padding:30px 25px}input,button{font-size:14px}}.panel-almacen{background-color:var(--bg-card);border:1px solid var(--border);box-shadow:var(--shadow);color:var(--text-dark);text-align:center;border-radius:12px;max-width:1100px;margin-top:20px;padding:30px;transition:all .3s}.panel-almacen h5{color:var(--accent);margin-bottom:10px;font-weight:600}.panel-almacen h4{color:var(--accent);margin-bottom:6px;font-weight:700}.panel-almacen p{color:var(--text-muted);margin-bottom:20px;font-size:14px}.panel-almacen hr{border:none;border-top:1px solid var(--border);margin:20px 0}.row{flex-wrap:wrap;justify-content:center;gap:24px;margin-top:20px;display:flex}.card{background-color:var(--bg-dark);border:1px solid var(--border);border-radius:10px;width:300px;transition:transform .2s,box-shadow .3s;box-shadow:0 4px 12px #00000080}.card:hover{transform:translateY(-3px);box-shadow:0 6px 16px #a855f766}.card img{object-fit:cover;border-top-left-radius:10px;border-top-right-radius:10px;height:160px}.card .card-body{padding:16px}.card .card-body h6{color:var(--accent);margin-bottom:4px;font-weight:600}.card .card-body p{color:var(--text-muted);margin-bottom:8px;font-size:13px}.card .card-body .badge{background-color:var(--accent);color:#fff;border-radius:20px;padding:6px 10px;font-size:13px;font-weight:600}.card .card-body .text-primary{color:#c084fc;font-weight:600}.card .card-footer{background-color:#0000;border-top:none;padding:10px 16px}.card .card-footer button{background-color:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:6px;width:100%;padding:8px 0;font-weight:600;transition:background-color .3s,transform .2s}.card .card-footer button:hover{background-color:var(--accent-hover);transform:scale(1.03)}.btn-salir{color:#fff;cursor:pointer;background-color:#ef4444;border:none;border-radius:6px;padding:6px 12px;font-weight:600;transition:background-color .3s,transform .2s}.btn-salir:hover{background-color:#dc2626;transform:scale(1.05)}@media (width<=768px){.row{flex-direction:column;align-items:center}.card{width:90%}}