.login{flex:1;display:flex;align-items:center;justify-content:center;min-height:var(--app-viewport, 100vh);background:linear-gradient(180deg,#1a237e,#0d47a1 55%,#121212);padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom)}.login__inner{width:100%;max-width:420px;padding:32px;display:flex;flex-direction:column;align-items:center;text-align:center}.login__brand{margin:0;font-size:48px;font-weight:700;color:#fff}.login__app{margin:0;font-size:32px;font-weight:300;color:#90caf9}.login__spacer-lg{height:80px}.login__spacer-md{height:24px}.login__spacer-xl{height:48px}.google-btn-wrap{position:relative;width:100%;max-width:360px}.google-btn{width:100%;height:56px;border:0;border-radius:28px;background:#fff;color:#1a237e;display:inline-flex;align-items:center;justify-content:center;gap:12px;font-size:16px;font-weight:500;cursor:pointer}.google-btn:disabled{cursor:default;opacity:.9}.google-btn__g{font-size:24px;font-weight:700;color:#4285f4}.gis-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;overflow:hidden;opacity:0;pointer-events:none}.gis-overlay--active{opacity:.01;pointer-events:auto}.login__error{width:100%;max-width:360px;background:#ffcdd2;border-radius:8px;padding:16px;color:#c62828;font-size:14px}.login__footer{margin:0;color:#90caf9b3;font-size:12px;max-width:360px}.main__body{flex:1;display:flex;flex-direction:column;padding:16px}.main__spacer{height:24px}.search-row{display:flex;align-items:center;gap:8px;width:100%}.search-input{flex:1;background:transparent;border:0;border-bottom:1px solid rgba(255,255,255,.35);color:#bdbdbd;font-size:16px;padding:10px 2px;outline:none}.search-input::placeholder{color:#7a7a7a}.search-input:focus{border-bottom-color:var(--app-blue)}.search-btn{display:inline-flex;align-items:center;justify-content:center;width:48px;height:40px;border:0;border-radius:8px;background:var(--app-blue);color:#fff;cursor:pointer}:root{--app-bg: #121212;--app-bar: #121212;--app-text: #e6e6e6;--app-muted: #9aa0a6;--app-blue: #5c8aff;--app-indigo: #1a237e;--app-card-cyan: #e0f7fa;--app-card-green: #8bc34a;--app-card-text: #1a1c1e;--app-error: #c62828;--app-error-bg: #ffcdd2;--app-viewport: 100svh}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--app-bg);color:var(--app-text);font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}#root{min-height:var(--app-viewport, 100vh);display:flex;flex-direction:column}.boot{flex:1;display:flex;align-items:center;justify-content:center}.screen{flex:1;display:flex;flex-direction:column;background:var(--app-bg);min-height:var(--app-viewport, 100vh);padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.topbar{display:flex;align-items:center;gap:8px;min-height:56px;padding:8px;background:var(--app-bar);color:#fff}.topbar--main{justify-content:space-between;padding:8px 16px}.topbar__back,.topbar__logout{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:0;background:transparent;color:#fff;cursor:pointer;border-radius:50%}.topbar__back:hover,.topbar__logout:hover{background:#ffffff14}.topbar__title{margin:0;font-size:20px;font-weight:500}.topbar__title--lg{font-size:24px}.list{flex:1;display:flex;flex-direction:column;gap:8px;padding:16px}.card{border-radius:12px;padding:16px;color:var(--app-card-text);box-shadow:0 1px 3px #0000004d}.card p{margin:0 0 4px}.card p:last-child{margin-bottom:0}.card--socio,.card--cuota{background:var(--app-card-cyan)}.card--integrante{background:var(--app-card-green)}.row-between{display:flex;justify-content:space-between;gap:8px}.row-evenly{display:flex;justify-content:space-evenly;gap:8px}.txt-strong{font-weight:700}.txt-muted{color:var(--app-muted)}.txt-error{color:#ff6b6b}.btn-primary{background:var(--app-blue);color:#fff;border:0;border-radius:8px;padding:10px 16px;font-size:14px;font-weight:500;cursor:pointer;min-height:44px}.btn-primary:active{filter:brightness(.92)}.spinner{width:28px;height:28px;border-radius:50%;border:3px solid rgba(255,255,255,.25);border-top-color:#fff;animation:spin .8s linear infinite;align-self:center}.spinner--blue{border-color:#5c8aff40;border-top-color:var(--app-blue)}.spinner--indigo{width:22px;height:22px;border-width:2px;border-color:#1a237e40;border-top-color:var(--app-indigo)}@keyframes spin{to{transform:rotate(360deg)}}.toasts{position:fixed;top:calc(12px + env(safe-area-inset-top));left:50%;transform:translate(-50%);z-index:1000;display:flex;flex-direction:column;gap:8px;width:min(92vw,460px)}.toast{display:flex;align-items:flex-start;gap:12px;padding:12px 14px;border-radius:10px;font-size:14px;box-shadow:0 6px 18px #0006;animation:toast-in .18s ease-out}.toast--error{background:var(--app-error-bg);color:var(--app-error)}.toast--success{background:#d9f2d9;color:#2e7d32}.toast span{flex:1}.toast button{border:0;background:transparent;color:inherit;font-size:18px;line-height:1;cursor:pointer}@keyframes toast-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@media(min-width:720px){.screen{max-width:640px;width:100%;margin:0 auto;border-left:1px solid rgba(255,255,255,.06);border-right:1px solid rgba(255,255,255,.06)}}