*{box-sizing:border-box} [hidden]{display:none!important} :root{font:16px/1.5 system-ui,sans-serif;color:#183733;background:#f3f5f1;--ink:#103c39;--accent:#13685b;--line:#dbe4de}body{margin:0}h1,h2,p{margin:0}h1{font:600 clamp(2rem,5vw,3.2rem)/1.1 Georgia,serif;letter-spacing:-.04em}h2{font:600 1.6rem/1.25 Georgia,serif}button,input{font:inherit}button{cursor:pointer;background:var(--accent);color:white;border:0;border-radius:10px;font-weight:650;padding:.72em 1em}button:disabled{opacity:.6;cursor:wait}button:focus-visible,input:focus-visible{outline:3px solid #eea84d;outline-offset:2px}.brand{display:flex;gap:12px;align-items:baseline}.brand b{font:italic bold 2.6rem Georgia,serif;letter-spacing:-.08em}.brand span{font-size:.84rem}.kicker,aside small{font-size:.7rem;font-weight:750;letter-spacing:.14em}.kicker{color:#537168;margin-bottom:.5rem}#login{min-height:100vh;background:linear-gradient(115deg,#dbece3,#f8f6ed);padding:4vh 6vw}#login main{max-width:455px;margin:8vh auto;background:#fff;padding:clamp(24px,5vw,42px);border:1px solid var(--line);border-radius:20px}#login h1{font-size:2.6rem}#login main>p,form>p{margin:12px 0;color:#4a655f}label{display:grid;gap:5px;font-size:.9rem;font-weight:600;margin:12px 0}input{color:#183733;border:1px solid #aabdb4;border-radius:8px;background:white;padding:10px;width:100%;min-width:0}#signin button{width:100%;margin:10px 0}.link{background:transparent;color:var(--accent);text-decoration:underline;padding:.5em}.secondary{background:white;color:var(--ink);border:1px solid var(--line)}#app{display:grid;grid-template-columns:215px minmax(0,1fr);min-height:100vh}aside{background:var(--ink);color:white;padding:28px 18px;display:flex;flex-direction:column;gap:30px}aside small{color:#b7d0c7}nav{display:grid;gap:5px}nav button,.logout{text-align:left;background:transparent;color:#dcebe5}nav button[aria-current=page]{background:#285a51;color:white}.logout{margin-top:auto}#app main{padding:clamp(20px,4vw,56px);min-width:0}header,.toolbar,.section-head,footer{display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap}.toolbar{margin:20px 0;color:#476158;font-size:.9rem}#stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:20px}.stat,#geo,.directory{border:1px solid var(--line);border-radius:16px;background:white}.stat{padding:18px;color:#476158}.stat strong{display:block;color:var(--ink);font-size:2rem}.stat:first-child{background:#e1eee5}#geo,.directory{padding:20px;margin-bottom:18px}.section-head{margin-bottom:14px}.swatch,#mapNote,#listStatus{font-size:.83rem;color:#50665d}#map{height:340px;background:#e4eae1;border-radius:10px;z-index:0}#mapNote,#listStatus{margin-top:10px}.directory input{max-width:220px}.scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;text-align:left}th{font-size:.77rem;color:#526c61;background:#f4f7f3}td,th{padding:11px;border-bottom:1px solid var(--line)}td{font-size:.91rem}td button{font-size:.82rem}.pair{display:grid;gap:12px;grid-template-columns:1fr 1fr}.check{display:flex;align-items:center;gap:10px}.check input{width:auto}dialog{border:1px solid var(--line);border-radius:18px;width:min(520px,94vw);max-height:90vh;padding:25px;color:var(--ink)}dialog::backdrop{background:#09292299}footer{justify-content:flex-end;margin-top:16px}#formStatus,#loginStatus{color:#943b21} @media(max-width:760px){#app{display:block}aside{padding:10px 16px;gap:8px}aside small{display:none}aside nav{display:flex;overflow:auto}aside nav button{white-space:nowrap;font-size:.87rem}aside .logout{position:absolute;top:15px;right:12px}.brand b{font-size:2rem}#stats{gap:6px}.stat{padding:9px;font-size:.8rem}#app main{padding:16px}#map{height:290px}.pair{grid-template-columns:1fr}.directory,#geo{padding:12px}}