.menu-open{overflow:hidden}
.menu-backdrop{position:fixed;inset:0;z-index:70;background:#10121599}
.app-menu{position:fixed;z-index:71;top:0;bottom:0;left:max(0px,calc((100vw - 430px)/2));width:min(86vw,360px);overflow-y:auto;overscroll-behavior:contain;padding:calc(18px + env(safe-area-inset-top,0px)) 20px calc(25px + env(safe-area-inset-bottom,0px));background:#fff;color:#16191c;box-shadow:12px 0 28px #0002}
.menu-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:15px;border-bottom:1px solid #e5e8eb}
.menu-header small,.menu-header strong{display:block}.menu-header small{font-size:10px;color:#727980}.menu-header strong{font-size:17px;font-weight:700;line-height:1.2}
.menu-header button{display:grid;place-items:center;width:42px;height:42px;border:0;background:#f2f3f4;border-radius:6px;color:#1d2226;font-size:26px;cursor:pointer}
.menu-header button svg{width:20px;height:20px}
.menu-user{display:flex;align-items:center;gap:10px;padding:17px 0 9px;font-size:13px}.menu-user>span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#111;color:#fff}.menu-user svg{width:17px;height:17px}.menu-user strong{font-weight:600;overflow-wrap:anywhere}
.menu-group{padding:10px 0 12px;border-bottom:1px solid #e7e9ec}.menu-group h2{margin:0 0 4px;padding:0 3px;color:#858b91;font-size:10px;font-weight:700;text-transform:uppercase}
.menu-group>a,.menu-group summary{display:flex;align-items:center;gap:12px;min-height:43px;padding:8px 4px;color:#252a2e;text-decoration:none;font-size:13px;font-weight:500;cursor:pointer;list-style:none}
.menu-group summary::-webkit-details-marker{display:none}.menu-group a>span:first-child,.menu-group summary>span:first-child{display:grid;place-items:center;width:20px;height:20px;color:#4c535a}.menu-group svg{width:18px;height:18px;stroke-width:1.9}
.menu-group summary>span:last-child{margin-left:auto}.menu-group details[open] summary>span:last-child{transform:rotate(90deg)}
.menu-group a:hover,.menu-group summary:hover{background:#f5f6f7;border-radius:5px}.menu-submenu{display:grid;margin:0 0 2px 33px;padding-left:12px;border-left:1px solid #dce0e4}.menu-submenu a{padding:8px 4px;color:#555d64;text-decoration:none;font-size:12px}.menu-count{margin-left:auto;padding:2px 6px;border-radius:50px;background:#111;color:#fff;font-size:10px}.menu-exit{border-bottom:0}
.notif-link{position:relative;text-decoration:none}.notif-link i{position:absolute;top:0;right:0;display:grid;place-items:center;min-width:16px;height:16px;padding:0 3px;border-radius:20px;background:#c33b32;color:#fff;font-size:9px;font-style:normal;font-weight:700}
.community-screen{background:#fff}.community-screen .page-head{margin-bottom:19px}.community-heading small{display:block;color:#7b8288;font-size:10px;font-weight:700}.community-heading h2{margin:4px 0 5px;font-size:22px;font-weight:650;line-height:1.25}.community-heading p{margin:0;color:#656d74;font-size:13px;line-height:1.5}
.community-links,.barangay-list{margin:20px 0;border-top:1px solid #e5e8eb}.community-links a,.barangay-list a{display:grid;grid-template-columns:25px minmax(0,1fr) 18px;align-items:center;gap:12px;min-height:65px;padding:11px 2px;border-bottom:1px solid #e5e8eb;text-decoration:none}.community-links a>span:first-child,.barangay-list a>span:first-child{color:#343b41}.community-links svg,.barangay-list svg{width:20px;height:20px}.community-links strong,.community-links small,.barangay-list strong,.barangay-list small{display:block;overflow-wrap:anywhere}.community-links strong,.barangay-list strong{font-size:13px;font-weight:600}.community-links small,.barangay-list small{margin-top:3px;color:#727a80;font-size:11px}
.community-footnote{margin:18px 0;color:#687078;font-size:12px;line-height:1.5}.community-footnote a{text-decoration:underline}.emergency-call{display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:14px;margin-top:25px;padding:18px;border-radius:7px;background:#ad392f;color:#fff;text-decoration:none}.emergency-call svg{width:27px;height:27px}.emergency-call small,.emergency-call strong{display:block}.emergency-call small{font-size:11px}.emergency-call strong{font-size:34px;line-height:1.1}.emergency-call>span:last-child{font-size:12px;font-weight:600}
.notice-toolbar{display:flex;justify-content:space-between;align-items:center;gap:8px;min-height:36px;color:#6c7379;font-size:12px}.notice-toolbar button{padding:6px 0;border:0;background:transparent;color:#22282d;font-size:12px;font-weight:600;cursor:pointer}.notice-empty{padding:32px 0;color:#747b82;font-size:13px;text-align:center}.notice-list{border-top:1px solid #e7e9ec;margin-top:10px}.notice-list form{margin:0}.notice-item{display:grid;grid-template-columns:30px minmax(0,1fr) 7px;align-items:start;gap:12px;width:100%;min-height:76px;padding:14px 4px;border:0;border-bottom:1px solid #e7e9ec;background:#fff;color:#16191c;text-align:left;cursor:pointer}.notice-item.unread{background:#f7f8f9}.notice-icon{color:#3f474d}.notice-icon svg{width:22px;height:22px}.notice-copy strong,.notice-copy small,.notice-copy time{display:block;overflow-wrap:anywhere}.notice-copy strong{font-size:13px;font-weight:600}.notice-copy small{margin:3px 0;color:#626a71;font-size:11px}.notice-copy time{color:#8a9096;font-size:10px}.notice-item i{width:7px;height:7px;margin-top:5px;border-radius:50%;background:#22282d}
@media(max-width:350px){.app-menu{padding-left:16px;padding-right:16px}.emergency-call{gap:8px;padding:14px}.community-heading h2{font-size:20px}}