:root{--navy:#0f2f4f;--green:#59b52f;--teal:#159b8a;--purple:#7b3fc7;--orange:#ef7a22;--red:#cf365f;--blue:#2d6cdf;--bg:#f5f7f8;--text:#102033;--muted:#6b7785;--line:#dce3e8}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--text)}button,input{font:inherit}[hidden]{display:none!important}.topbar{height:68px;padding:6px 16px;display:flex;align-items:center;background:#fff;border-bottom:1px solid var(--line)}.brand img{height:54px;max-width:230px;object-fit:contain}.brand-fallback{display:none;font-weight:900;color:var(--navy)}.app-shell{max-width:720px;margin:auto;padding:8px 14px 18px}.auth-view{min-height:calc(100dvh - 120px);display:flex;flex-direction:column;justify-content:center}.auth-copy h1,.view-head h1{color:var(--navy);margin:0}.auth-copy p,.auth-note{color:var(--muted)}.auth-actions{display:grid;gap:9px;margin-top:22px;max-width:430px}.auth-primary,.auth-secondary,.primary-btn{min-height:46px;border-radius:12px;font-weight:800}.auth-primary,.primary-btn{border:0;background:var(--navy);color:white}.auth-secondary{border:1px solid var(--navy);background:transparent;color:var(--navy)}.resident-row{display:flex;gap:10px;align-items:center;padding:6px 2px 10px;border-bottom:1px solid var(--line);margin-bottom:8px}.resident-avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--navy);color:white;font-weight:800;flex:0 0 auto}.resident-copy{display:flex;flex-direction:column;min-width:0;flex:1}.resident-name{color:var(--navy);font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.resident-meta,.module-desc{font-size:10.5px;color:var(--muted)}.logout-btn{flex:0 0 auto;border:0;background:transparent;color:var(--muted);font-size:10.5px;font-weight:700;padding:8px 4px;cursor:pointer}.section-title{font-size:15px;color:var(--navy);margin:0;padding:6px 2px}.modules-list{border-top:1px solid var(--line)}.module-row{--accent:var(--navy);position:relative;width:100%;height:64px;border:0;border-bottom:1px solid var(--line);background:transparent;display:grid;grid-template-columns:38px 1fr 20px;align-items:center;gap:10px;text-align:left;padding:6px 6px 6px 12px}.module-row:before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:3px;background:var(--accent);border-radius:3px}.module-admin{background:#eef3f7}.module-mensajeria{--accent:var(--teal)}.module-orientacion{--accent:var(--blue)}.module-documentacion{--accent:var(--orange)}.module-programacion{--accent:var(--purple)}.module-reportes{--accent:var(--red)}.module-visitantes{--accent:var(--green)}.module-icon{font-size:19px;text-align:center}.module-copy{display:flex;flex-direction:column}.module-title{font-weight:800;color:var(--navy)}.module-arrow{font-size:22px;color:#8b98a3}.app-footer{display:flex;justify-content:center;gap:9px;margin-top:12px;font-size:9px;color:#8b97a3}.app-footer a{color:#788693}.view-head{display:flex;align-items:center;gap:12px;padding:10px 0 16px;border-bottom:1px solid var(--line)}.view-head h1{font-size:22px}.view-kicker{display:block;font-size:9px;font-weight:900;letter-spacing:.16em;color:var(--green);margin-bottom:2px}.back-btn{width:38px;height:38px;border:1px solid var(--line);border-radius:11px;background:white;color:var(--navy);font-size:28px;line-height:1}.admin-menu{padding-top:14px}.admin-card{width:100%;border:1px solid var(--line);border-radius:14px;background:white;padding:15px;display:grid;grid-template-columns:42px 1fr 20px;gap:10px;align-items:center;text-align:left}.admin-card-icon{width:40px;height:40px;border-radius:11px;background:#edf3f7;display:grid;place-items:center}.admin-card strong{display:block;color:var(--navy);font-size:16px}.admin-card small{display:block;color:var(--muted);margin-top:3px}.status-tabs{display:flex;gap:6px;overflow-x:auto;padding:14px 0 10px}.status-tab{white-space:nowrap;border:1px solid var(--line);border-radius:999px;background:white;padding:8px 10px;color:var(--muted);font-size:11px;font-weight:700}.status-tab b{margin-left:4px}.status-tab.active{background:var(--navy);border-color:var(--navy);color:white}.users-toolbar{padding-bottom:10px}.users-toolbar input{width:100%;border:1px solid var(--line);border-radius:11px;background:white;padding:11px 12px}.users-list{border-top:1px solid var(--line)}.user-item{width:100%;display:grid;grid-template-columns:42px 1fr 20px;gap:10px;align-items:center;padding:12px 4px;border:0;border-bottom:1px solid var(--line);background:transparent;text-align:left;cursor:pointer}.user-item:active{background:#edf2f5}.user-item-avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#e9eff4;color:var(--navy);font-size:11px;font-weight:900}.user-item-copy{min-width:0;display:flex;flex-direction:column}.user-item-copy strong{color:var(--navy);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-item-copy span{font-size:10.5px;color:var(--muted);margin-top:2px}.user-item-copy small{font-size:9.5px;color:#8b97a3;margin-top:3px}.empty-state{padding:28px 12px;text-align:center;color:var(--muted);display:grid;gap:6px}.empty-state strong{color:var(--navy)}.empty-state span{font-size:11px;line-height:1.4}.sheet{position:fixed;inset:0;z-index:50;background:rgba(4,18,30,.46);display:none;align-items:flex-end;justify-content:center;padding:16px}.sheet.open{display:flex}.sheet-panel{position:relative;width:min(100%,600px);border-radius:20px 20px 12px 12px;background:white;padding:22px 18px 18px}.sheet-close{position:absolute;right:14px;top:10px;width:32px;height:32px;border:0;border-radius:50%;background:#eef2f5;font-size:21px}.eyebrow{font-size:10px;font-weight:800;letter-spacing:.16em;color:var(--green)}.access-form{display:grid;gap:11px}.access-form label{display:grid;gap:5px;font-size:11px;font-weight:700;color:var(--navy)}.access-form input{border:1px solid var(--line);border-radius:10px;padding:11px}.primary-btn{width:100%;padding:12px 18px}.primary-btn:disabled,.secondary-action:disabled,.danger-action:disabled{opacity:.55}.access-status{font-size:11px;color:var(--muted)}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0}.detail-grid div{background:#f4f7f9;border-radius:10px;padding:10px}.detail-grid span{display:block;font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.detail-grid strong{display:block;margin-top:3px;color:var(--navy);font-size:12px}.detail-actions{display:grid;gap:8px;margin-top:10px}.secondary-action,.danger-action{min-height:42px;border-radius:11px;font-weight:800}.secondary-action{border:1px solid var(--navy);background:white;color:var(--navy)}.danger-action{border:1px solid #a73a45;background:white;color:#a73a45}.detail-note{font-size:10px!important;color:var(--muted);margin:2px 0 0}@media(min-width:720px){.topbar{padding-inline:max(22px,calc((100vw - 720px)/2))}.app-shell{padding:12px 20px 24px}}