:root{--green: #1d4ed8;--green-dark: #16329e;--red: #c0392b;--amber: #b9770e;--bg: #f7f7f5;--surface: #ffffff;--text: #1a1a1a;--muted: #5a5a5a;--border: #d8d8d4;--focus: #1565c0}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);line-height:1.5;-webkit-text-size-adjust:100%;overflow-x:hidden}#root{display:flex;flex-direction:column;width:100%;max-width:100%;overflow-x:hidden}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.skip-link{position:absolute;left:-999px;top:0;background:var(--surface);padding:.5rem 1rem;z-index:1000}.skip-link:focus{left:0}header.app-bar{background:var(--green);color:#fff;padding:.6rem 1rem}.app-bar h1{font-size:1.1rem;margin:0}.app-bar p{margin:.1rem 0 0;font-size:.78rem;opacity:.95}nav.tabs{display:flex;background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:500}nav.tabs button{flex:1;padding:.75rem .5rem;border:none;background:none;font-size:.9rem;color:var(--muted);cursor:pointer;border-bottom:3px solid transparent;min-height:44px}nav.tabs button[aria-current=page]{color:var(--green-dark);font-weight:600;border-bottom-color:var(--green)}main{flex:1;min-height:0;display:flex;flex-direction:column}.container{width:100%;max-width:640px;margin:0 auto;padding:1rem}.map-wrap{position:relative;flex:1;min-height:60vh}#map{position:absolute;inset:0}.map-status{position:absolute;top:.5rem;right:.5rem;z-index:600;background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:.2rem .7rem;font-size:.75rem}.map-status.live{color:var(--green-dark)}.map-status.offline{color:var(--amber)}.filters{display:flex;gap:.5rem;padding:.5rem 1rem;background:var(--surface);border-bottom:1px solid var(--border);flex-wrap:wrap}.filters label{font-size:.78rem;color:var(--muted);display:flex;flex-direction:column;gap:.15rem}label{display:block;font-weight:600;margin:.75rem 0 .25rem}input,select,textarea,button{font:inherit}input,select,textarea{width:100%;padding:.6rem;border:1px solid var(--border);border-radius:8px;background:var(--surface);min-height:44px}textarea{min-height:80px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;background:var(--green);color:#fff;border:none;border-radius:8px;padding:.7rem 1rem;font-weight:600;cursor:pointer;min-height:44px}.btn:disabled{opacity:.6;cursor:not-allowed}.btn.secondary{background:var(--surface);color:var(--green-dark);border:1px solid var(--green)}.btn.danger{background:var(--red)}.card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:.9rem;margin-bottom:.75rem}.badge{display:inline-block;font-size:.72rem;padding:.1rem .5rem;border-radius:999px;font-weight:600}.badge.alta{background:#fdecea;color:var(--red)}.badge.media{background:#fdf3e0;color:var(--amber)}.badge.baja{background:#e8f5e9;color:#0b6e4f}.warning{background:#fff8e1;border:1px solid #f0d98c;border-radius:8px;padding:.6rem;font-size:.85rem}.notice{background:#e7eefc;border:1px solid #b9ccf5;border-radius:8px;padding:.6rem;font-size:.9rem}.error{color:var(--red);font-size:.85rem}.muted{color:var(--muted);font-size:.85rem}.chips{display:flex;flex-wrap:wrap;gap:.4rem}.chip{border:1px solid var(--border);border-radius:999px;padding:.35rem .7rem;background:var(--surface);cursor:pointer;font-size:.85rem;min-height:40px}.chip[aria-pressed=true]{background:var(--green);color:#fff;border-color:var(--green)}.impact{text-align:center;font-size:.85rem;color:var(--muted);padding:.5rem}@media(min-width:700px){.map-wrap{min-height:70vh}}.leaflet-div-icon.map-pin{background:transparent;border:none}.map-pin svg{display:block;filter:drop-shadow(0 1px 1.5px rgba(0,0,0,.35))}.app-bar-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.app-bar-title{min-width:0;flex:1 1 auto}.app-bar h1{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.login-btn{display:inline-flex;align-items:center;gap:.35rem;white-space:nowrap;flex-shrink:0;padding:.5rem .7rem;font-size:.82rem}header.app-bar .login-btn{background:#fff;color:var(--green-dark);border:none}header.app-bar .login-btn.secondary{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.8)}.login-status{position:relative;display:flex;align-items:center;gap:.4rem;flex:0 0 auto}.account-btn{border-radius:999px}header.app-bar .account-btn{background:transparent;color:#fff;border-color:#ffffffb3}header.app-bar .account-btn:hover:not(:disabled){background:#ffffff29}.account-menu{position:absolute;right:0;top:calc(100% + 6px);z-index:1000;min-width:190px;background:var(--surface);border:1px solid var(--border);border-radius:10px;box-shadow:0 10px 30px #00000038;padding:.25rem}.login-id{display:inline-flex;align-items:center;gap:.3rem;font-size:.78rem;color:#fff;opacity:.95;white-space:nowrap}@media(max-width:380px){.login-id span,.app-bar p{display:none}}nav.section-nav{width:100%}.section-tab{display:flex!important;flex:1 1 0!important;min-width:0;flex-direction:column;align-items:center;gap:.15rem;padding:.6rem .2rem!important;font-size:.72rem!important;line-height:1.1}.section-tab span{text-align:center;overflow-wrap:anywhere}.subnav{display:flex;flex-wrap:wrap;justify-content:center;gap:.4rem;padding:.5rem .75rem;background:var(--surface);border-bottom:1px solid var(--border)}.subnav-tab{display:inline-flex;align-items:center;gap:.3rem;padding:.4rem .7rem;border:1px solid var(--border);background:var(--surface);border-radius:999px;color:var(--muted);font-size:.82rem;cursor:pointer;white-space:nowrap;min-height:40px}.subnav-tab[aria-selected=true]{background:var(--green);color:#fff;border-color:var(--green)}.section-header{padding-top:1rem}.section-title{display:flex;align-items:center;gap:.4rem;margin:0 0 .25rem}.volunteer-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem;padding-top:.75rem;padding-bottom:.25rem}.role-single{margin:0}.add-role-btn{white-space:nowrap}.login-prompt{text-align:center}.login-prompt .btn{display:inline-flex;align-items:center;gap:.4rem;margin-top:.5rem}.modal-backdrop{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;padding:1rem;z-index:1000}.modal{position:relative;width:100%;max-width:420px;max-height:90vh;overflow-y:auto}.modal-close{position:absolute;top:.25rem;right:.5rem;background:none;border:none;font-size:1.6rem;line-height:1;color:var(--muted);cursor:pointer;z-index:1;min-height:44px;min-width:44px}.data-table{display:flex;flex-direction:column}.dt-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.75rem}.dt-title{margin:0}.dt-create{display:inline-flex;align-items:center;gap:.35rem}.dt-toolbar{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.dt-search{position:relative;flex:1 1 200px;min-width:0}.dt-search .dt-search-icon{position:absolute;left:.6rem;top:50%;transform:translateY(-50%);color:var(--muted);pointer-events:none}.dt-search input{width:100%;padding:.5rem .6rem .5rem 2rem;border:1px solid var(--border);border-radius:8px;background:var(--surface);min-height:40px}.dt-filter{padding:.4rem .5rem;border:1px solid var(--border);border-radius:8px;background:var(--surface);min-height:40px}.dt-scroll{border:1px solid var(--border);border-radius:10px;overflow-x:auto;background:var(--surface)}.dt-table{width:100%;border-collapse:collapse;font-size:.9rem}.dt-table th,.dt-table td{text-align:left;padding:.6rem .75rem;border-bottom:1px solid var(--border);vertical-align:middle}.dt-table thead th{background:#f0f0ec;color:var(--text);font-weight:600;white-space:nowrap;position:sticky;top:0;z-index:1}.dt-table th.sortable{cursor:pointer;user-select:none}.dt-table th.sortable:hover{background:#e8e8e2}.dt-th{display:inline-flex;align-items:center;gap:.35rem}.dt-table tbody tr:last-child td{border-bottom:none}.dt-table tbody tr.clickable{cursor:pointer}.dt-table tbody tr.clickable:hover{background:#f7f7f3}.dt-actions-col{width:48px;text-align:center!important}.dt-center{text-align:center;padding:1.5rem .5rem}.dt-skeleton{display:block;height:.9rem;border-radius:4px;background:linear-gradient(90deg,#ececec,#f5f5f5,#ececec);background-size:200% 100%;animation:dt-pulse 1.2s ease-in-out infinite}@keyframes dt-pulse{0%{background-position:200% 0}to{background-position:-200% 0}}.icon-btn{display:inline-flex;align-items:center;justify-content:center;min-width:36px;min-height:36px;border:1px solid var(--border);background:var(--surface);border-radius:8px;cursor:pointer;color:var(--text)}.icon-btn:disabled{opacity:.45;cursor:not-allowed}.icon-btn:hover:not(:disabled){background:#f0f0ec}.icon-btn.kebab{border-color:transparent}.actions-pop{position:fixed;z-index:1000;min-width:160px;background:var(--surface);border:1px solid var(--border);border-radius:10px;box-shadow:0 10px 30px #00000038;padding:.25rem}.actions-item{display:flex;align-items:center;gap:.5rem;width:100%;text-align:left;padding:.5rem .6rem;border:none;background:none;border-radius:7px;cursor:pointer;font-size:.88rem;color:var(--text);min-height:40px}.actions-item:hover{background:#f0f0ec}.actions-item.destructive{color:var(--red)}.actions-item.sep{border-top:1px solid var(--border);margin-top:.25rem;padding-top:.6rem}.actions-icon{display:inline-flex}.dt-cards{display:flex;flex-direction:column;gap:.5rem}.dt-card{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem}.dt-card.clickable{cursor:pointer}.dt-card-body{flex:1;min-width:0}.dt-pagination{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem 1rem;margin-top:.75rem}.dt-count{white-space:nowrap}.dt-pager{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.dt-perpage{display:inline-flex;align-items:center;gap:.4rem;white-space:nowrap;margin:0}.dt-perpage select{padding:.25rem .4rem;border:1px solid var(--border);border-radius:6px;background:var(--surface);min-height:36px}.dt-pages{display:flex;align-items:center;gap:.25rem}.page-btn{min-width:36px;min-height:36px;border:1px solid var(--border);background:var(--surface);border-radius:8px;cursor:pointer;color:var(--text)}.page-btn.active{background:var(--green);color:#fff;border-color:var(--green);font-weight:600}.modal-panel{max-width:560px;max-height:90vh;padding:0;display:flex;flex-direction:column;background:var(--surface);border-radius:12px;box-shadow:0 12px 40px #00000047;overflow:hidden}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.9rem 1.1rem;border-bottom:1px solid var(--border)}.modal-title{margin:0;font-size:1.15rem}.modal-panel .modal-close{position:static;min-height:40px;min-width:40px;display:inline-flex;align-items:center;justify-content:center}.modal-body{padding:1.1rem;overflow-y:auto}.modal-foot{padding:.9rem 1.1rem;border-top:1px solid var(--border);display:flex;gap:.5rem;justify-content:flex-end}.detail-grid{margin:0;display:flex;flex-direction:column;gap:.75rem}.detail-row{display:flex;flex-direction:column;gap:.15rem}.detail-row dt{font-size:.78rem;color:var(--muted);font-weight:600;text-transform:uppercase;letter-spacing:.02em}.detail-row dd{margin:0}@media(max-width:639px){.dt-table .hide-mobile{display:none}}.map-layout{display:flex;flex-direction:column}.map-controls{padding:.6rem .75rem;border-bottom:1px solid var(--border);background:var(--surface);display:flex;flex-direction:column;gap:.5rem}.map-search{position:relative}.map-search .map-search-icon{position:absolute;left:.6rem;top:50%;transform:translateY(-50%);color:var(--muted);pointer-events:none}.map-search input{width:100%;padding:.5rem .6rem .5rem 2rem;border:1px solid var(--border);border-radius:8px;background:var(--surface);min-height:40px}.layer-toggles{display:flex;flex-wrap:wrap;gap:.4rem}.layer-toggles .chip{display:inline-flex;align-items:center;gap:.3rem}.layer-toggles .chip:disabled{opacity:.5;cursor:not-allowed}.map-controls .filters{padding:0;border:none;background:none}.map-geo-note{margin:0}.map-canvas{position:relative;height:55vh;min-height:300px}.map-list{padding:.5rem .75rem 1rem}.map-list .need-list .card{margin-bottom:.5rem}@media(min-width:900px){.map-section-fill{flex:1;min-height:0;display:flex;flex-direction:column}.map-section-fill .map-layout{flex:1;min-height:0;display:grid;grid-template-columns:360px 1fr;grid-template-rows:auto 1fr;grid-template-areas:"controls map" "list map"}.map-controls{grid-area:controls;border-bottom:1px solid var(--border);border-right:1px solid var(--border)}.map-list{grid-area:list;overflow-y:auto;min-height:0;border-right:1px solid var(--border)}.map-canvas{grid-area:map;height:auto;min-height:0}}.container.wide{max-width:1100px}.dist-grid{display:grid;gap:1.5rem}@media(min-width:900px){.dist-grid{grid-template-columns:1fr 1fr;align-items:start}}.ledger-grid{display:grid;gap:1.5rem}.ledger-grid h3{margin-top:0}@media(min-width:900px){.ledger-grid{grid-template-columns:minmax(260px,1fr) 1.7fr;align-items:start}}.leaflet-donate-btn{display:inline-block;margin-top:.5rem;background:var(--green);color:#fff!important;text-decoration:none;padding:.4rem .8rem;border-radius:8px;font-weight:600;font-size:.85rem}.leaflet-donate-btn:hover{background:var(--green-dark)}.action-bar{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:1rem}.action-bar .btn{flex:1 1 auto}@media(min-width:640px){.action-bar .btn{flex:0 0 auto}}.stepper-head{margin-bottom:.75rem}.stepper-dots{display:flex;gap:.4rem;margin-bottom:.4rem}.stepper-dots span{flex:1;height:5px;border-radius:999px;background:var(--border)}.stepper-dots span.active{background:var(--green)}.stepper-dots span.done{background:var(--green-dark)}.stepper-label{margin:0}.stepper-nav{justify-content:space-between}.stepper-section+.stepper-section{margin-top:1.25rem;padding-top:1rem;border-top:1px solid var(--border)}.stepper-section-title{font-size:.95rem;margin:0 0 .5rem}.dt-card-fields{display:flex;flex-direction:column;gap:.35rem}.dt-card-field{display:flex;flex-direction:column;gap:.1rem}.dt-card-label{font-size:.72rem;color:var(--muted);font-weight:600;text-transform:uppercase;letter-spacing:.02em}.map-picker-wrap{position:relative;border-radius:10px;overflow:hidden}.map-locate-btn{position:absolute;top:10px;right:10px;z-index:1000;width:40px;height:40px;min-height:40px;display:inline-flex;align-items:center;justify-content:center;padding:0;background:var(--surface);border:1px solid var(--border);border-radius:8px;box-shadow:0 1px 5px #00000040;color:var(--green-dark);cursor:pointer}.map-locate-btn:disabled{opacity:.6;cursor:not-allowed}.map-list-toggle{display:none}@media(max-width:899px){.map-list-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.7rem .9rem;background:var(--surface);border:none;border-top:1px solid var(--border);border-bottom:1px solid var(--border);font-weight:600;cursor:pointer;min-height:44px;color:var(--text)}.map-list-body{max-height:42vh;overflow-y:auto;border-bottom:1px solid var(--border)}}