@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap";:root{color:#223229;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f6f5f0;font-family:Manrope,Segoe UI,sans-serif;line-height:1.5}*{box-sizing:border-box}body{min-height:100vh;margin:0}h1,h2,h3{letter-spacing:-.015em}#root{min-height:100vh}.app-shell{background:radial-gradient(circle at 8% 0,#8ab4a657,#0000 36%),radial-gradient(circle at 98% 3%,#f8dab266,#0000 34%),linear-gradient(165deg,#f8f7f3 0%,#f5f4ef 56%,#faf8f1 100%);min-height:100vh;position:relative}.topbar{z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f7f6f1d1;border-bottom:1px solid #d9ddcd;justify-content:space-between;align-items:center;gap:1rem;max-width:1220px;margin:0 auto;padding:1.05rem 1.4rem;display:flex;position:sticky;top:0}.brand{color:#1f4032;letter-spacing:.04em;text-transform:uppercase;font-size:1.22rem;font-weight:800;text-decoration:none}.topbar-note{color:#4e6758;margin:0;font-size:.84rem;font-weight:600}.topbar-links{align-items:center;gap:.8rem;display:inline-flex}.topbar-link{color:#2e654f;background:#fcfdf8e6;border:1px solid #c2cfc1;border-radius:999px;padding:.34rem .7rem;font-size:.87rem;font-weight:700;text-decoration:none}.content{max-width:1220px;margin:0 auto;padding:1.4rem}.stack{flex-direction:column;gap:1.05rem;display:flex}.panel{background:#ffffffd9;border:1px solid #dfe3d7;border-radius:18px;padding:1.05rem;box-shadow:0 18px 30px -26px #26362c8c}.auth-panel{max-width:460px;margin:2rem auto}.heading-row{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.heading-row h1,.section-title-row h2{margin:0}.heading-row p{margin:.35rem 0 0}.section-title-row{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.75rem;display:flex}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.form-panel{flex-direction:column;gap:.8rem;display:flex}.recipient-stack{flex-direction:column;gap:.75rem;display:flex}.recipient-card{background:#fbfdf9;border:1px solid #d9dfd0;border-radius:12px;flex-direction:column;gap:.6rem;padding:.72rem;display:flex}.recipient-department-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.45rem;display:grid}.checkbox-row{background:#fff;border:1px solid #dce4d4;border-radius:10px;flex-direction:row;align-items:center;gap:.45rem;padding:.46rem .6rem;font-size:.87rem;font-weight:600}.checkbox-row input{width:auto;margin:0;padding:0}.recipient-actions{flex-wrap:wrap;gap:.5rem;display:flex}.reply-panel{background:#f8fcf7;border:1px solid #dbe4d5;border-radius:12px;margin-bottom:1rem;padding:.88rem}.reply-panel h3{margin:0}.reply-panel p{color:#355645;margin:0;font-size:.9rem}label{color:#203a2f;flex-direction:column;gap:.38rem;font-size:.95rem;font-weight:700;display:flex}input,textarea,select{width:100%;font:inherit;color:#1f2f27;background:#fff;border:1px solid #ccd4c4;border-radius:12px;padding:.64rem .78rem;transition:border-color .2s,box-shadow .2s}input:focus,textarea:focus,select:focus{border-color:#3d8f72;outline:none;box-shadow:0 0 0 4px #5fa08629}textarea{resize:vertical;min-height:130px}.btn{color:#23372d;cursor:pointer;background:#f7f8f3;border:1px solid #b8c5b4;border-radius:12px;justify-content:center;align-items:center;gap:.42rem;padding:.63rem .95rem;font-size:.94rem;font-weight:700;transition:transform .18s,box-shadow .18s,border-color .18s;display:inline-flex}.btn:hover{border-color:#8fa88e;transform:translateY(-1px);box-shadow:0 12px 22px -20px #313e34c7}.btn.primary{color:#f8fcfa;background:linear-gradient(145deg,#28634f 0%,#2f755e 45%,#2a664f 100%);border-color:#235a47}.btn:disabled{opacity:.63;cursor:not-allowed;box-shadow:none;transform:none}.hidden-input{display:none}.file-trigger{position:relative;overflow:hidden}.file-trigger-input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.camera-trigger{padding-inline:0}.home-wrap{flex-direction:column;gap:1.1rem;display:flex}.hero-card{background:radial-gradient(circle at 0%,#8cc2ae59,#0000 42%),linear-gradient(120deg,#ffffffe6,#f5f7f1eb);border:1px solid #d4dbc9;border-radius:24px;padding:1.45rem;box-shadow:0 24px 34px -31px #22362c9e}.hero-logo{width:min(220px,65%);height:auto;margin-bottom:.72rem;display:block}.hero-badge{color:#2f5f4b;letter-spacing:.03em;text-transform:uppercase;background:#f4f9f5e6;border:1px solid #c0cdb9;border-radius:999px;align-items:center;padding:.28rem .74rem;font-size:.79rem;font-weight:700;display:inline-flex}.hero-card h1{color:#193325;margin:.72rem 0 .5rem;font-size:clamp(1.44rem,2vw,2.02rem)}.hero-card p{color:#3e5749;max-width:72ch;margin:0}.hero-actions{flex-wrap:wrap;gap:.58rem;margin-top:.85rem;display:flex}.locations-heading{justify-content:space-between;align-items:baseline;gap:.7rem;display:flex}.locations-heading h2{color:#193325;margin:0}.locations-heading span{color:#4f6758;font-size:.9rem;font-weight:700}.location-grid{grid-template-columns:repeat(auto-fill,minmax(245px,1fr));gap:.82rem;display:grid}.location-card{color:inherit;background:#ffffffdb;border:1px solid #d8dfcf;border-radius:16px;flex-direction:column;gap:.6rem;padding:.85rem;text-decoration:none;transition:border-color .18s,transform .18s,box-shadow .18s;display:flex}.location-card:hover{border-color:#95b9a7;transform:translateY(-2px);box-shadow:0 16px 24px -22px #1c3a2ab3}.location-thumb{color:#5a7666;background:#f9faf6;border:1px solid #e2e7db;border-radius:11px;justify-content:center;align-items:center;min-height:118px;display:flex}.location-thumb img{object-fit:contain;width:100%;max-width:135px;height:auto}.location-meta h3{color:#1f3429;margin:0 0 .18rem;font-size:1rem}.location-meta p{color:#51685a;margin:0;font-size:.84rem}.location-link{color:#2e6a53;align-items:center;gap:.3rem;margin-top:auto;font-size:.88rem;font-weight:700;display:inline-flex}.report-form{gap:1rem}.upload-actions{background:#fbfcf9;border:1px dashed #c8d5c0;border-radius:12px;flex-wrap:wrap;align-items:center;gap:.58rem;padding:.72rem;display:flex}.upload-btn{min-width:132px}.icon-btn{width:42px;min-width:42px;height:42px;padding:0}.mic-btn{align-self:flex-start}.mic-btn.is-live{color:#9f2330;background:#ffeced;border-color:#e58b93}.note-area{align-items:flex-start;gap:.58rem;display:flex}.note-area textarea{min-height:145px}.media-preview-grid{grid-template-columns:repeat(auto-fill,minmax(174px,1fr));gap:.64rem;display:grid}.media-card{background:#fff;border:1px solid #d9dfd0;border-radius:12px;flex-direction:column;gap:.44rem;padding:.52rem;display:flex}.media-card img,.media-card video{object-fit:cover;background:#f4f6ef;border-radius:8px;width:100%;height:132px}.media-meta{color:#4b6557;justify-content:space-between;align-items:center;gap:.5rem;font-size:.78rem;font-weight:700;display:flex}.media-meta span{align-items:center;gap:.2rem;display:inline-flex}.media-remove{color:#9d2f3b;cursor:pointer;background:#fff6f6;border:1px solid #ecc2c6;border-radius:9px;justify-content:center;align-items:center;gap:.25rem;padding:.42rem .62rem;font-size:.82rem;font-weight:700;display:inline-flex}.department-buttons{grid-template-columns:repeat(auto-fit,minmax(165px,1fr));gap:.55rem;display:grid}.send-btn{min-height:45px}.alert{border-radius:13px;padding:.78rem .9rem;font-size:.91rem;font-weight:700}.alert.success{color:#1f5a3f;background:#effaf3;border:1px solid #b7dcc7}.alert.error{color:#9c2431;background:#fff2f3;border:1px solid #efc4c8}.meta{color:#4f6559;margin:0;font-size:.84rem;font-weight:700}.qr-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.9rem;display:grid}.qr-card{background:#fff;border:1px solid #dce3d4;border-radius:12px;flex-direction:column;gap:.35rem;padding:.78rem;display:flex}.qr-card img{align-self:center;width:100%;max-width:180px}.qr-card h3{margin:.35rem 0 .1rem;font-size:1rem}.qr-card p{margin:0}.qr-card a{color:#2f6d54;font-size:.88rem;font-weight:700}.filter-row{grid-template-columns:repeat(5,minmax(0,1fr));align-items:end;gap:.72rem;margin-bottom:1rem;display:grid}.resident-filter-row{grid-template-columns:repeat(5,minmax(0,1fr))}.filter-actions{align-items:center;gap:.5rem;display:flex}.table-wrap{background:#fff;border:1px solid #dce2d3;border-radius:12px;overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;vertical-align:top;border-bottom:1px solid #ebefdf;padding:.58rem}th{color:#2f4539;background:#f4f7ef;font-size:.88rem}td{color:#304739;font-size:.88rem}.media-links{flex-wrap:wrap;gap:.45rem;margin-top:.35rem;display:flex}.media-links a{color:#2a6a51;font-size:.84rem;font-weight:700;text-decoration:none}.resident-page .panel h2{margin:0}.resident-hero h1{color:#1f3f31;margin:.62rem 0 .45rem;font-size:clamp(1.32rem,2vw,1.85rem)}.resident-hero p{color:#456253;margin:0}.verified-line{color:#2b5f48;align-items:center;gap:.35rem;margin:0 0 .8rem;font-size:.92rem;font-weight:700;display:inline-flex}.verified-line.is-locked{color:#6f7f76}.phone-line-input{flex-direction:column;gap:.38rem;display:flex}.phone-line-input input{letter-spacing:.06em;font-variant-numeric:tabular-nums;font-weight:700}.phone-line-slots{grid-template-columns:repeat(11,minmax(0,1fr));gap:.3rem;display:grid}.phone-slot{color:#0000;text-align:center;border-bottom:2px solid #b3c2af;min-height:1rem;font-size:.76rem;font-weight:700;line-height:1;transition:border-color .18s,color .18s}.phone-slot.is-filled{color:#2a6b51;border-color:#2f755c}@media (width<=1000px){.grid.two{grid-template-columns:1fr}.filter-row{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.content{padding:.9rem}.topbar{flex-direction:column;align-items:flex-start;padding:.95rem .9rem}.heading-row,.section-title-row,.note-area{flex-direction:column;align-items:flex-start}.note-area .icon-btn{width:100%;min-width:unset}.filter-row{grid-template-columns:1fr}.upload-actions{align-items:stretch}}