:root{--bg:#f4f7f3;--card:#fff;--text:#13251f;--muted:#60736b;--primary:#12372a;--accent:#e9b949;--danger:#b42318;--ok:#087443;--shadow:0 12px 30px rgba(0,0,0,.10);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text)}body{padding-bottom:calc(84px + env(safe-area-inset-bottom))}.topbar{position:sticky;top:0;z-index:10;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid #dde6df}.topbar strong{font-size:18px}.topbar small{display:block;color:var(--muted);margin-top:2px}.dot{font-size:28px}.online{color:var(--ok)}.offline{color:var(--danger)}main{width:min(980px,100%);margin:0 auto;padding:14px}.panel{display:none}.panel.active{display:block}h1{font-size:28px;margin:10px 0 14px}h2{font-size:20px;margin:0 0 12px}.card{background:var(--card);border-radius:24px;padding:16px;margin:14px 0;box-shadow:var(--shadow);border:1px solid #edf1ee}label{display:block;margin:12px 0 6px;font-weight:800}input,textarea,select{width:100%;font-size:17px;padding:15px 14px;border:2px solid #d9e2dc;border-radius:16px;background:#fff;color:var(--text)}textarea{min-height:110px;resize:vertical}button{border:0;border-radius:18px;font-size:17px;font-weight:900;padding:15px 18px;min-height:54px;cursor:pointer}.primary{width:100%;background:var(--primary);color:#fff;margin-top:14px}.secondary{background:#e6efe9;color:var(--primary)}.row{display:flex;gap:10px;align-items:center}.row input{flex:1}.results button{width:100%;margin-top:8px;text-align:left;background:#f4f7f3;color:var(--text);border:1px solid #dfe7e2}.map{height:calc(100vh - 190px);min-height:420px;border-radius:24px;overflow:hidden;box-shadow:var(--shadow);border:1px solid #dfe7e2}.list{display:grid;gap:12px;margin-top:12px}.item{background:#fff;border-radius:18px;padding:14px;border:1px solid #e2e9e4}.badge{display:inline-block;border-radius:999px;padding:5px 9px;background:#e6efe9;color:var(--primary);font-size:13px;font-weight:800}.danger{background:#fee4e2;color:#912018}.hidden{display:none!important}.bottomnav{position:fixed;left:0;right:0;bottom:0;z-index:20;background:rgba(255,255,255,.97);backdrop-filter:blur(12px);display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:10px 10px calc(10px + env(safe-area-inset-bottom));border-top:1px solid #dde6df}.bottomnav button{background:#eff5f1;color:var(--primary);font-size:15px;border-radius:18px}.bottomnav button.active{background:var(--primary);color:#fff}@media (min-width:760px){body{padding-bottom:0}.bottomnav{position:sticky;bottom:auto;top:58px;margin:0 auto;width:min(980px,100%);border-radius:0 0 24px 24px}.card{padding:22px}main{padding:24px}.primary{width:auto}.map{height:560px}}@media (orientation:landscape) and (max-height:540px){.map{height:300px}h1{font-size:22px}.card{padding:12px;margin:10px 0}}