*{box-sizing:border-box}body{margin:0;font:16px/1.4 system-ui,Roboto,sans-serif;background:#f4f2ef;color:#1b1b1b;padding-bottom:70px}
header{display:flex;align-items:center;gap:10px;padding:10px 14px;background:#111;color:#fff;position:sticky;top:0;z-index:2}
header img{width:36px;height:36px;border-radius:50%}header h1{font-size:18px;margin:0}header small{opacity:.7}header button{margin-left:auto}
main{padding:12px;max-width:640px;margin:auto}button{font:inherit;border:0;border-radius:10px;padding:8px 12px;background:#e6e1da;cursor:pointer}
button.pri{background:#b4542f;color:#fff}input,select,textarea{font:inherit;width:100%;padding:10px;border:1px solid #ccc;border-radius:10px;margin:4px 0 10px;background:#fff}
.card{background:#fff;border-radius:14px;padding:12px;margin:0 0 10px;box-shadow:0 1px 3px #0001}.card h3{margin:0 0 4px;font-size:16px}
.meta{font-size:13px;color:#666;display:flex;gap:8px;flex-wrap:wrap;align-items:center}.tag{padding:2px 8px;border-radius:99px;background:#eee;font-size:12px}
.Alta{background:#f6d3c8;color:#8a2c0c}.Media{background:#f3e7c4}.Baja{background:#dcebd9}.vencida{color:#b00020;font-weight:600}
.row{display:flex;gap:8px;margin-top:8px;flex-wrap:wrap}.com{font-size:14px;border-left:3px solid #ddd;padding:2px 8px;margin:6px 0}
nav{position:fixed;bottom:0;left:0;right:0;display:flex;background:#111;padding:6px env(safe-area-inset-right) calc(6px + env(safe-area-inset-bottom))}
nav button{flex:1;background:none;color:#aaa;border-radius:0}nav button.on{color:#fff;font-weight:600}
h2{font-size:15px;color:#666;margin:16px 4px 8px;text-transform:uppercase;letter-spacing:.04em}.login{max-width:360px;margin:40px auto}.err{color:#b00020}
details summary{cursor:pointer;color:#b4542f;font-size:14px;margin-top:6px}.done h3{text-decoration:line-through;color:#888}