*{box-sizing:border-box}body{font-family:-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:#0f1115;color:#e8e8e8;margin:0;padding:20px}
.box{max-width:380px;margin:8vh auto;background:#1a1d24;border:1px solid #2a2d34;border-radius:12px;padding:26px}
.wide{max-width:1000px;margin:0 auto}h1{font-size:1.3rem;margin:0 0 16px}
input,select{width:100%;padding:10px 12px;margin:6px 0 12px;border-radius:8px;border:1px solid #333;background:#0f1115;color:#fff;font-size:1rem}
button{padding:9px 16px;border:0;border-radius:8px;background:#6c5ce7;color:#fff;font-weight:bold;cursor:pointer}
button:hover{background:#5a4bd1}.gris{background:#2d3038}.rojo{background:#c0392b}
.err{background:#3a1a1a;color:#ff7675;padding:8px 12px;border-radius:8px;margin-bottom:12px}.ok{background:#12322a;color:#55efc4;padding:8px 12px;border-radius:8px;margin-bottom:12px}
a{color:#74b9ff}table{border-collapse:collapse;width:100%;font-size:.92rem}th,td{border:1px solid #2a2d34;padding:6px 8px;text-align:left;vertical-align:middle}
td form{display:inline-flex;gap:6px;align-items:center;margin:0}td input,td select{margin:0;padding:5px 8px;width:auto}.tabla{overflow-x:auto}
.top{display:flex;align-items:center;gap:10px;margin-bottom:16px}.top h1{flex:1;margin:0}