*{box-sizing:border-box;margin:0}body{font-family:system-ui,-apple-system,sans-serif;color:#1f2933;background:#f8fafc;font-size:15px}a{color:#1d4ed8;text-decoration:none}.shell{display:flex;min-height:100vh}nav.sidebar{width:220px;background:#0f172a;color:#e2e8f0;padding:1.25rem 1rem;display:flex;flex-direction:column;gap:.25rem}nav.sidebar h1{font-size:1rem;margin-bottom:1rem;color:#fff}nav.sidebar a{color:#cbd5e1;padding:.45rem .6rem;border-radius:6px}nav.sidebar a:hover{background:#1e293b;color:#fff}nav.sidebar form{margin-top:auto}main.content{flex:1 1;padding:1.5rem 2rem;max-width:72rem}main.content h2{font-size:1.25rem;margin-bottom:1rem}table{border-collapse:collapse;width:100%;background:#fff;border:1px solid #e2e8f0;border-radius:8px}td,th{text-align:left;padding:.55rem .75rem;border-bottom:1px solid #eef2f7;font-size:.9rem}th{background:#f1f5f9;font-weight:600}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:1rem;gap:1rem;margin-bottom:1.5rem}.card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:1rem}.card .value{font-size:1.8rem;font-weight:700}.card .label{color:#64748b;font-size:.85rem}.badge{border-radius:999px;padding:.1rem .6rem;font-size:.78rem;font-weight:600}.badge.active{background:#dcfce7;color:#166534}.badge.past_due{background:#ffedd5;color:#9a3412}.badge.canceled{background:#e2e8f0;color:#3e4c59}input,select,textarea{padding:.45rem .6rem;border:1px solid #cbd5e1;border-radius:6px;font-size:.9rem}textarea{font-family:inherit;resize:vertical}button{padding:.45rem .9rem;border:none;border-radius:6px;background:#1d4ed8;color:#fff;font-size:.9rem;cursor:pointer}button.secondary{background:#e2e8f0;color:#1f2933}button.danger{background:#dc2626}form.inline{display:inline-flex;gap:.4rem;align-items:center}form.stack{gap:.6rem;max-width:26rem;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:1rem}form.stack,form.stack label{display:flex;flex-direction:column}form.stack label{gap:.2rem;font-size:.85rem;color:#334155}.login-wrap{min-height:100vh;display:grid;place-items:center}.error{color:#b91c1c}.error,.muted{font-size:.85rem}.muted{color:#64748b}.guide{max-width:40rem;margin:0 auto;padding:1.5rem 1.15rem 3rem}.guide header{padding:1.5rem 0 .5rem}.guide h1{font-size:1.6rem;line-height:1.2;color:#0f172a}.guide .lead{color:#475569;margin-top:.5rem;line-height:1.5}.guide .emergencia{background:#fef2f2;border:1px solid #fecaca;color:#991b1b;border-radius:10px;padding:.8rem 1rem;margin:1.25rem 0;font-size:.9rem;line-height:1.45}.guide .cmd{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1rem 1.15rem;margin-bottom:.85rem}.guide .cmd code.name{display:inline-block;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.95rem;font-weight:600;color:#1d4ed8;background:#eff6ff;border-radius:6px;padding:.15rem .5rem}.guide .cmd p{color:#334155;line-height:1.5;margin-top:.55rem}.guide .cmd .who{display:inline-block;margin-top:.6rem;font-size:.78rem;font-weight:600;color:#475569;background:#f1f5f9;border-radius:999px;padding:.15rem .6rem}.guide .cmd .example{margin-top:.6rem;font-size:.85rem;color:#64748b}.guide .cmd .example code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:#f8fafc;border:1px solid #e2e8f0;border-radius:5px;padding:.05rem .35rem;color:#334155}.guide footer{margin-top:1.5rem;color:#94a3b8;font-size:.82rem;line-height:1.5}