*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--green-dark:#1a3a0a;--green:#2d5a1b;--green-mid:#3d7a25;--green-light:#5a9e3a;--green-pale:#e8f5e0;--amber:#e07800;--amber-light:#f90;--brown:#5c3010;--bg:#f5f0e8;--bg2:#ede8df;--text:#1a1a0a;--text-mid:#4a4a2a;--text-light:#7a7a5a;--white:#fff;--red:#c0392b;--red-light:#e74c3c;--border:#c8c0a8;--shadow:0 2px 8px #00000026;--radius:8px;--radius-lg:14px}html,body{height:100%;overflow:hidden}body{color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;font-family:system-ui,-apple-system,sans-serif;font-size:16px;line-height:1.5}h1{font-size:clamp(1.5rem,4vw,2rem);font-weight:700}h2{font-size:clamp(1.2rem,3vw,1.5rem);font-weight:600}h3{font-size:clamp(1rem,2.5vw,1.2rem);font-weight:600}a{color:var(--green-mid);text-decoration:none}a:hover{text-decoration:underline}.btn{border-radius:var(--radius);cursor:pointer;white-space:nowrap;border:none;justify-content:center;align-items:center;gap:.4em;min-height:44px;padding:.6em 1.2em;font-size:.95rem;font-weight:600;text-decoration:none;transition:opacity .15s,transform .1s;display:inline-flex}.btn:hover{opacity:.88}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-primary{background:var(--green-mid);color:var(--white)}.btn-danger{background:var(--red);color:var(--white)}.btn-ghost{color:var(--green-mid);border:2px solid var(--green-mid);background:0 0}.btn-amber{background:var(--amber);color:var(--white)}.btn-sm{min-height:36px;padding:.4em .9em;font-size:.85rem}.btn-full{width:100%}.field{flex-direction:column;gap:.35rem;margin-bottom:1rem;display:flex}.field label{color:var(--text-mid);text-transform:uppercase;letter-spacing:.04em;font-size:.88rem;font-weight:600}.field input,.field select,.field textarea{border:1.5px solid var(--border);border-radius:var(--radius);background:var(--white);color:var(--text);width:100%;min-height:44px;padding:.65em .9em;font-size:1rem;transition:border-color .15s}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--green-mid);outline:none}.card{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:1.25rem}.alert{border-radius:var(--radius);padding:.85em 1.1em;font-size:.95rem;font-weight:500}.alert-error{color:var(--red);background:#fde8e8;border:1px solid #f5c6c6}.alert-success{color:var(--green);background:#e8f5e0;border:1px solid #b8dda0}.alert-warn{color:#7a5500;background:#fff3cd;border:1px solid #ffd977}.alert-info{color:#1a40aa;background:#e8f0ff;border:1px solid #b8ccff}.topnav{background:var(--green-dark);z-index:900;align-items:center;gap:.75rem;height:56px;padding:0 1rem;display:flex;position:fixed;top:0;left:0;right:0;box-shadow:0 2px 8px #0000004d}.topnav-brand{color:var(--white);white-space:nowrap;text-overflow:ellipsis;flex:1;align-items:center;gap:.4em;min-width:0;font-size:1.1rem;font-weight:700;display:flex;overflow:hidden}.topnav-links{flex-shrink:0;align-items:center;gap:.25rem;display:flex}.topnav-link{color:#ffffffd9;border-radius:var(--radius);white-space:nowrap;padding:.45em .75em;font-size:.9rem;font-weight:600;transition:background .15s}.topnav-link:hover{color:#fff;background:#ffffff1f;text-decoration:none}.topnav-link.active{color:var(--amber-light)}.page{height:100vh;padding-top:56px;overflow:hidden}.page-scroll{-webkit-overflow-scrolling:touch;height:100vh;padding-top:56px;overflow-y:auto}.page-content{max-width:680px;margin:0 auto;padding:1.5rem 1rem 2rem}.badge{text-transform:uppercase;letter-spacing:.04em;border-radius:9999px;align-items:center;padding:.2em .6em;font-size:.78rem;font-weight:700;display:inline-flex}.badge-green{background:var(--green-pale);color:var(--green)}.badge-amber{color:var(--amber);background:#fff3cd}.badge-red{color:var(--red);background:#fde8e8}.badge-gray{color:var(--text-light);background:#f0ede5}.modal-backdrop{z-index:1000;background:#0000008c;justify-content:center;align-items:flex-end;padding:0;display:flex;position:fixed;inset:0}@media (min-width:600px){.modal-backdrop{align-items:center;padding:1rem}}.modal{background:var(--white);border-radius:var(--radius-lg) var(--radius-lg) 0 0;-webkit-overflow-scrolling:touch;width:100%;max-width:480px;max-height:90vh;padding:1.5rem 1.25rem 2rem;animation:.2s slideUp;overflow-y:auto}@media (min-width:600px){.modal{border-radius:var(--radius-lg);padding:2rem}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-title{color:var(--green-dark);margin-bottom:1.25rem;font-size:1.2rem;font-weight:700}.modal-actions{flex-wrap:wrap;gap:.75rem;margin-top:1.25rem;display:flex}.modal-actions>*{flex:1;min-width:0}#map-container{position:absolute;inset:56px 0 0}.map-fab{z-index:800;background:var(--green-mid);color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;font-size:1.5rem;transition:transform .1s,opacity .15s;display:flex;position:absolute;bottom:1.5rem;right:1rem;box-shadow:0 4px 12px #0000004d}.map-fab:hover{opacity:.9}.map-fab:active{transform:scale(.93)}.map-fab-secondary{background:var(--white);color:var(--green-mid);width:48px;height:48px;font-size:1.2rem;bottom:5rem;box-shadow:0 3px 10px #00000040}.map-panel{z-index:800;flex-direction:column;gap:.5rem;max-width:calc(100vw - 2rem);display:flex;position:absolute;top:1rem;left:1rem}.proximity-alert{z-index:850;background:var(--red);color:#fff;border-radius:var(--radius-lg);text-align:center;max-width:calc(100vw - 2rem);padding:.75em 1.25em;font-size:.95rem;font-weight:700;animation:1.5s infinite pulse;position:absolute;top:.75rem;left:50%;transform:translate(-50%);box-shadow:0 4px 16px #c0392b66}@keyframes pulse{0%,to{box-shadow:0 4px 16px #c0392b66}50%{box-shadow:0 4px 24px #c0392bb3}}.nav-overlay{z-index:810;color:#fff;background:#1a3a0aed;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;padding:1.5rem;display:flex;position:absolute;inset:0}.nav-compass{background:#0000004d;border:4px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:clamp(120px,40vw,180px);height:clamp(120px,40vw,180px);display:flex;position:relative}.nav-arrow{font-size:3.5rem;line-height:1;transition:transform .5s}.nav-stats{text-align:center;gap:2rem;display:flex}.nav-stat-val{font-size:clamp(1.5rem,5vw,2.2rem);font-weight:700;line-height:1.1}.nav-stat-label{text-transform:uppercase;letter-spacing:.06em;opacity:.7;font-size:.78rem}.accuracy-indicator{color:var(--text);background:#ffffffe6;border-radius:9999px;align-items:center;gap:.3em;padding:.25em .65em;font-size:.8rem;display:inline-flex;box-shadow:0 1px 4px #0003}.member-item{border-bottom:1px solid var(--border);align-items:center;gap:.75rem;padding:.75rem 0;display:flex}.member-item:last-child{border-bottom:none}.member-avatar{background:var(--green-mid);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.1rem;font-weight:700;display:flex}.member-info{flex:1;min-width:0}.member-name{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.member-meta{color:var(--text-light);font-size:.83rem}.divider{border:none;border-top:1px solid var(--border);margin:1rem 0}.mt1{margin-top:.5rem}.mt2{margin-top:1rem}.mt3{margin-top:1.5rem}.mb1{margin-bottom:.5rem}.mb2{margin-bottom:1rem}.gap1{gap:.5rem}.flex{align-items:center;display:flex}.flex-col{flex-direction:column;display:flex}.flex-1{flex:1;min-width:0}.justify-between{justify-content:space-between}.text-sm{font-size:.875rem}.text-muted{color:var(--text-light)}.text-center{text-align:center}.font-bold{font-weight:700}.wrap{flex-wrap:wrap}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.leaflet-container{font-family:inherit}.leaflet-popup-content-wrapper{border-radius:var(--radius)!important;box-shadow:var(--shadow)!important}.leaflet-popup-content{min-width:160px;margin:.75rem 1rem!important}