:root{--color-accent:#e60023;--color-accent-bg:#fbeae9;--color-bg:#f7f1ea;--color-surface:#fff;--color-text:#231f1c;--color-text-muted:#6e6259;--color-border:#f0e9e1;--color-success:#0e8345;--color-success-bg:#e7f5ec;--radius-card:20px;--radius-pill:999px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{background:var(--color-bg);color:var(--color-text);margin:0}#root{background:var(--color-bg);min-height:100vh}button{cursor:pointer;border-radius:var(--radius-pill);background:var(--color-text);color:#fff;border:none;height:40px;padding:0 20px;font-family:inherit;font-size:14px;font-weight:600}button.secundario{background:var(--color-border);color:var(--color-text)}button.acento{background:var(--color-accent)}button:disabled{opacity:.5;cursor:not-allowed}input,select,textarea{border:1px solid var(--color-border);background:var(--color-surface);width:100%;color:var(--color-text);border-radius:12px;padding:10px 12px;font-family:inherit;font-size:14px}label{color:var(--color-text-muted);margin-bottom:4px;font-size:12px;display:block}.card{background:var(--color-surface);border-radius:var(--radius-card);padding:16px}.app-shell{flex-direction:column;min-height:100vh;display:flex}.app-main{flex-direction:column;flex:1;min-width:0;padding-bottom:72px;display:flex}.app-nav{border-top:1px solid var(--color-border);background:var(--color-surface);z-index:10;justify-content:space-around;gap:4px;padding:10px 8px;display:flex;position:fixed;bottom:0;left:0;right:0;overflow-x:auto}.app-header{padding:16px}@media (width>=768px){.app-shell{flex-direction:row}.app-nav{border-top:none;border-right:1px solid var(--color-border);flex-direction:column;flex:0 0 220px;order:-1;justify-content:flex-start;align-items:stretch;gap:6px;width:220px;height:100vh;padding:24px 14px;position:sticky;inset:0 auto auto;overflow-x:visible}.app-main{padding-bottom:0}.app-header{padding:24px 24px 8px}}.pantalla{width:100%;max-width:640px;margin:0 auto;padding:16px}.pantalla-ancha{max-width:1080px}@media (width>=768px){.pantalla{padding:24px}}@media (width>=1100px){.pantalla-ancha{padding:32px}}.form-tarjeta{max-width:480px}.lista-tarjetas{flex-direction:column;gap:8px;display:flex}@media (width>=640px){.lista-tarjetas{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));align-items:start;gap:10px;display:grid}.lista-tarjetas>.tarjeta-expandida{grid-column:1/-1}}.error{background:var(--color-accent-bg);color:var(--color-accent);border-radius:12px;margin-bottom:12px;padding:10px 14px;font-size:13px}.aviso{background:var(--color-success-bg);color:var(--color-success);border-radius:12px;margin-bottom:12px;padding:10px 14px;font-size:13px}.avatar{border-radius:var(--radius-pill);object-fit:cover;background:var(--color-border)}