:root{ --mw-primary:#0d3b66; --mw-accent:#ffd166; --mw-bg:#f6f8fb; --card:#fff; --muted:#6b7280; }
.mwb-wrap{font-family:system-ui,Segoe UI,Roboto,Arial,sans-serif;background:var(--mw-bg);padding:18px;}
.mwb-container{max-width:1100px;margin:0 auto;padding:0 12px;}
.mwb-hero{background:linear-gradient(135deg,var(--mw-primary),#174a8c); color:#fff; padding:18px; border-radius:12px;}
.mwb-bar{display:grid;grid-template-columns:180px 1fr 1fr 180px;gap:10px;align-items:center}
.mwb-input,.mwb-select{padding:10px;border-radius:10px;border:none;outline:none;font-size:14px}
.mwb-btn{background:var(--mw-accent);color:#111;padding:10px;border-radius:10px;border:none;font-weight:700;cursor:pointer}
.mwb-mini{margin-top:12px;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.mwb-card{background:#fff;border-radius:10px;padding:12px;text-align:center;cursor:pointer}
.icon-wrap{width:86px;height:86px;border-radius:12px;margin:0 auto 8px;background:#fff;display:flex;align-items:center;justify-content:center}
.icon-wrap img{width:56px;height:56px;object-fit:contain}
.mwb-sections{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}
#mwb-map{height:360px;border-radius:10px;background:#e6eef7}
.mwb-list{position:absolute;z-index:9999;left:0;right:0;top:105%;background:#fff;border-radius:8px;max-height:240px;overflow:auto;padding:6px;border:1px solid #e6edf5}
.mwb-list li{padding:8px;border-radius:6px;margin:6px 0;cursor:pointer;color:#000;background:#fff}
.mwb-success{color:green;font-weight:700}
@media(max-width:980px){ .mwb-bar{grid-template-columns:1fr;} .mwb-mini{grid-template-columns:repeat(2,1fr)} .mwb-sections{grid-template-columns:1fr} }