*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:#f4f8fb;color:#17312e}.wrap{width:min(1100px,92%);margin:auto}.hero{background:linear-gradient(135deg,#2878a4,#176b95 55%,#237c0e);color:#fff;padding:28px 0 34px;border-bottom:5px solid #ed2b91}.brand{display:flex;align-items:center;gap:18px}.brand-logo{width:92px;height:92px;object-fit:cover;border-radius:16px;background:transparent;border:0;box-shadow:0 5px 18px #0000002e;padding:0;display:block}.brand-main{display:block;font-size:clamp(30px,6vw,54px);font-weight:900;letter-spacing:-1px}.brand-by{display:block;font-size:14px;font-weight:700;opacity:.92;margin-top:2px}.tagline{font-size:20px;margin:12px 0 8px;font-weight:800}.hero-copy{max-width:720px;opacity:.94;margin-bottom:15px}.publisher-strip{display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center;margin:0 0 24px;padding:10px 14px;border:1px solid rgba(255,255,255,.28);background:#0000001f;border-radius:10px;font-size:13px}.publisher-strip span{opacity:.9}.hero-actions{display:flex;gap:10px;flex-wrap:wrap}.btn{display:inline-block;border:0;border-radius:12px;padding:12px 16px;font-weight:750;text-decoration:none;cursor:pointer;font-size:15px;transition:transform .12s,box-shadow .12s}.btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000001f}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}.primary{background:#ed2b91;color:#fff}.light{background:#fff;color:#176b95}.secondary{background:#dff1f8;color:#17658c}.danger{background:#fff0ee;color:#a32a1f;border:1px solid #efb2a8}.full{width:100%;margin-top:8px}.nav{position:sticky;top:0;z-index:1000;background:#fff;border-bottom:3px solid #ed2b91}.nav .wrap{display:flex;gap:22px;overflow:auto}.nav a{padding:14px 0;text-decoration:none;color:#176b95;font-weight:800;white-space:nowrap}.nav a:hover{color:#ed2b91}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:22px 0}.stats div{background:#fff;border-radius:16px;padding:20px;text-align:center;box-shadow:0 4px 18px #2878a424;border-top:4px solid #2878a4}.stats strong{display:block;font-size:30px;color:#2878a4}.stats span{color:#60736f}.card{background:#fff;border-radius:18px;padding:25px;margin:18px 0;box-shadow:0 4px 18px #2878a41f;border:1px solid #dcecf3}h2{margin-top:0;color:#176b95}h3{color:#237c0e}label{display:block;font-weight:700;margin:17px 0}label>span{color:#b91c1c}label small{font-weight:500}input,select,textarea{width:100%;margin-top:7px;border:1px solid #c8dbe5;border-radius:10px;padding:12px;font:inherit;background:#fff}.consent-row{display:flex;align-items:flex-start;gap:9px;font-weight:600;color:#4e625e;font-size:14px}.consent-row input{width:auto;margin:3px 0 0;flex:0 0 auto}.location-row,.track-row{display:flex;gap:8px}.location-row input,.track-row input{flex:1}.location-row .btn,.track-row .btn{white-space:nowrap}.muted{color:#637570}.small{font-size:13px}.camera-box{border:1px solid #c8dbe5;border-radius:14px;padding:16px;text-align:center;background:#f4fafc}.camera-box video,.camera-box img{width:100%;max-height:460px;object-fit:cover;border-radius:10px;background:#102a28}.camera-actions,.preview-actions{display:flex;justify-content:center;gap:8px;margin-top:12px;flex-wrap:wrap}.captured{margin-top:8px;color:#237c0e;font-weight:800}.status-box{margin-top:10px;padding:11px 14px;border-radius:10px;background:#eef8fb;color:#17658c}.success{background:#e7f7ee;border-left:5px solid #237c0e;padding:16px;border-radius:10px;margin-top:18px}.tracking-box{margin-top:12px;padding:12px;border:1px solid #b8dcc6;border-radius:10px;background:#f6fff8;overflow-wrap:anywhere}.tracking-box a{color:#176b95;font-weight:700}.safety-banner{display:flex;flex-direction:column;gap:5px;margin:15px 0;padding:14px 16px;border:1px solid #f0c36d;border-left:5px solid #d99000;background:#fff8e7;border-radius:12px;color:#624b16}.duplicate-notice{margin:12px 0;padding:14px 16px;border-radius:12px;border:1px solid #cfe2eb;background:#f4fafc;color:#17658c}.duplicate-notice.warning{background:#fff6e5;border-color:#f0c36d;color:#624b16}.duplicate-notice.clear{background:#edf9f1;border-color:#b8dcc6;color:#24643a}.duplicate-notice.checking{opacity:.8}.duplicate-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.section-heading,.admin-report-top,.tracking-header,.report-heading{display:flex;justify-content:space-between;gap:16px;align-items:center}.map-canvas{height:520px;border-radius:14px;overflow:hidden;border:1px solid #c8dbe5;background:#eaf3f7}.empty-state{padding:22px;border:1px dashed #c8dbe5;border-radius:12px;color:#637570;text-align:center}.map-report-btn{margin-top:8px;border:0;background:#ed2b91;color:#fff;border-radius:8px;padding:7px 10px;font-weight:700;cursor:pointer}.status-verified{color:#8a6500}.status-in_progress{color:#17658c}.status-resolved{color:#237c0e}.pill{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:800;white-space:nowrap}.neutral{background:#edf1f2;color:#637570}.success-pill{background:#e7f7ee;color:#237c0e}.status-pill-pending_verification{background:#fff6e5;color:#8a6500}.status-pill-verified{background:#fff4cf;color:#8a6500}.status-pill-action_requested{background:#eaf4ff;color:#17658c}.status-pill-in_progress{background:#e4f2fb;color:#17658c}.status-pill-resolution_reported{background:#fff0df;color:#a15a00}.status-pill-resolution_disputed{background:#fff0ee;color:#a32a1f}.status-pill-resolved{background:#e7f7ee;color:#237c0e}.status-pill-rejected{background:#f1f2f3;color:#667}.public-report{border:1px solid #d7e7ed;border-radius:14px;padding:20px;background:#fbfdfe}.eyebrow{font-size:12px;letter-spacing:1.5px;font-weight:900;color:#237c0e}.report-heading h3{margin:4px 0}.report-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:16px 0}.report-grid>div{padding:12px;border:1px solid #dbe7ed;border-radius:10px;background:#fff}.report-grid strong,.report-grid span{display:block}.report-grid span{margin-top:3px;color:#536863}.report-photo{width:100%;max-height:520px;object-fit:contain;background:#102a28;border-radius:12px;margin:12px 0}.report-copy,.resolution-note{padding:14px;border-radius:10px;background:#f4fafc;margin-top:12px}.report-copy p,.resolution-note p{margin-bottom:0;line-height:1.6}.report-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.tracking-card{border:1px solid #cfe2eb;border-radius:14px;padding:18px;background:#fbfdfe}.timeline{margin:18px 0 0 8px;border-left:2px solid #cfe2eb}.timeline-item{position:relative;display:flex;gap:14px;padding:0 0 18px 18px;color:#9aa8a5}.timeline-item .dot{position:absolute;left:-7px;top:3px;width:12px;height:12px;border-radius:50%;background:#d6e0de;border:2px solid #fff}.timeline-item.done{color:#176b95}.timeline-item.done .dot{background:#237c0e}.timeline-item strong,.timeline-item small{display:block}.timeline-item small{margin-top:3px;color:#70817e}.admin-card{background:linear-gradient(#fff,#fbfdfe)}.admin-login-grid{display:grid;grid-template-columns:1fr 1fr auto;gap:8px}.admin-login-grid input{margin-top:0}.admin-toolbar{display:flex;justify-content:flex-end;gap:8px;margin-bottom:12px}.admin-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:12px 0}.admin-summary div{padding:10px;border:1px solid #dbe7ed;border-radius:10px;background:#f7fafb;text-align:center}.admin-summary strong,.admin-summary small{display:block}.admin-summary strong{font-size:20px;color:#176b95}.admin-summary small{color:#637570;margin-top:3px}.admin-report{border:1px solid #d4e4ea;border-radius:14px;margin:14px 0;padding:15px;background:#fff}.admin-report-top>div>*{display:block}.admin-report-top span{font-size:13px;color:#637570;margin-top:3px}.admin-report-body{display:grid;grid-template-columns:minmax(220px,40%) 1fr;gap:16px;margin-top:14px}.admin-photo{min-height:180px;border-radius:12px;background:#edf5f8;display:grid;place-items:center;color:#637570;overflow:hidden}.admin-photo img{width:100%;height:100%;max-height:360px;object-fit:contain;background:#102a28}.admin-fields label{margin:8px 0}.admin-fields textarea{min-height:70px}.admin-meta{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0;color:#637570;font-size:12px}.admin-meta span{background:#f4f8fa;padding:6px 8px;border-radius:8px}.admin-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.file-btn{display:inline-block;margin:0;padding:10px 12px;background:#eef7fa;color:#17658c;border-radius:10px;cursor:pointer;font-weight:700}.file-btn input{display:none}.publisher-card{display:flex;align-items:center;gap:14px;margin-top:14px;padding:15px;border:1px solid #cfe2eb;background:#f4fafc;border-radius:12px}.publisher-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:#237c0e;color:#fff;font-weight:900}.publisher-card strong,.publisher-card span,.publisher-card small{display:block}.publisher-card span{color:#176b95;font-weight:700;margin-top:2px}.publisher-card small{color:#637570;margin-top:3px}.safety-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.safety-grid>div{padding:16px;border-radius:12px;background:#f4fafc;border:1px solid #d7e7ed}.safety-grid strong{color:#176b95}.safety-grid p{line-height:1.55;margin-bottom:0}.warning{margin-top:14px;background:#fff4f1}.notice{background:#fff7df;border:1px solid #f1d27a;padding:14px;border-radius:10px}.wide-img{width:100%;border-radius:14px;display:block;margin:10px 0 20px}.social-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.social{padding:18px;background:#f4fafc;border:1px solid #cfe2eb;border-radius:14px;text-decoration:none;color:#176b95;display:flex;flex-direction:column;gap:5px;font-weight:800}.social small{font-weight:500;color:#70817e}footer{text-align:center;padding:34px;color:#64736f;border-top:4px solid #ed2b91;background:#fff}.hidden{display:none!important}@media(max-width:800px){.brand-logo{width:70px;height:70px}.brand{gap:12px}.brand-main{font-size:31px}.brand-by{font-size:12px}.stats,.report-grid,.safety-grid,.admin-summary{grid-template-columns:1fr}.location-row,.track-row,.admin-login-grid{grid-template-columns:1fr;display:grid}.location-row .btn,.track-row .btn{width:100%}.admin-report-body{grid-template-columns:1fr}.nav .wrap{gap:15px}.map-canvas{height:430px}.admin-actions .btn,.admin-actions .file-btn{width:100%;text-align:center}.section-heading{align-items:flex-start;flex-direction:column}}@media print{body{background:#fff}.hero,.nav,footer,.stats,#report,#map,#track,#about,#safety,#connect,#admin,.report-actions{display:none!important}.wrap{width:100%}.card{box-shadow:none;border:0;margin:0;padding:0}.public-report{border:0;padding:0}.report-photo{max-height:440px}.print-report:before{content:"CLEAN ANDAMAN · My Andaman. My Responsibility.";display:block;font-size:18px;font-weight:900;color:#176b95;margin-bottom:14px}.public-report small{font-size:10px}}.map-filters{display:grid;grid-template-columns:1.1fr 1fr 1.4fr auto;gap:8px;margin:14px 0}.map-filters select,.map-filters input{margin-top:0}.map-filters .btn{white-space:nowrap}@media(max-width:800px){.map-filters{grid-template-columns:1fr}.map-filters .btn{width:100%}}.location-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.location-grid label{margin:0}@media(max-width:700px){.location-grid{grid-template-columns:1fr}}.report-qr{display:flex;align-items:center;gap:16px;margin-top:18px;padding:14px;border:1px solid #d9e5ea;border-radius:14px;background:#f8fbfc}.report-qr img{width:150px;height:150px;image-rendering:auto;background:#fff;padding:6px;border-radius:8px}.report-qr div{display:flex;flex-direction:column;gap:6px}.report-qr small{color:#5c6b73;max-width:260px}@media(max-width:600px){.report-qr{align-items:flex-start}.report-qr img{width:130px;height:130px}}.clean-map-marker-wrap{background:transparent!important;border:0!important}.clean-map-marker{display:flex;align-items:center;justify-content:center;border-radius:50%;color:#fffffff5;border:0;font-size:14px;line-height:1;font-weight:800;box-sizing:border-box;text-shadow:0 1px 3px rgba(0,0,0,.55);-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.clean-map-marker.yellow{background:#e6c229b8;box-shadow:0 0 14px #e6c2294d}.clean-map-marker.orange{background:#e67e22b8;box-shadow:0 0 16px #e67e224d}.clean-map-marker.red{background:#c0392bb8;box-shadow:0 0 18px #c0392b4d;font-size:15px}.clean-map-marker.dark-red{background:#8f2d2db8;box-shadow:0 0 18px #8f2d2d52;font-size:16px}.clean-map-marker.critical{background:#5c1f1fc2;box-shadow:0 0 20px #5c1f1f61;font-size:17px}.clean-map-marker-wrap:hover .clean-map-marker{transform:scale(1.06);filter:brightness(1.12)}.theme-toggle{border:1px solid #8aa7b3;background:#eef5f8;color:#17312e;border-radius:999px;padding:8px 12px;font:inherit;font-weight:800;cursor:pointer;white-space:nowrap}.theme-toggle:hover{background:#dfeef3}body[data-theme=dark] .theme-toggle{border-color:#ffffff6b;background:#ffffff1f;color:#fff}body[data-theme=dark] .theme-toggle:hover{background:#fff3}body[data-theme=dark]{background:#0d1716;color:#e8f1ef}body[data-theme=dark] .hero{background:linear-gradient(135deg,#102b28,#123d35)}body[data-theme=dark] .nav{background:#091311;border-bottom-color:#29443f}body[data-theme=dark] .nav a{color:#d9ebe7}body[data-theme=dark] .card,body[data-theme=dark] .admin-card{background:#14211f;border-color:#29443f;color:#e8f1ef}body[data-theme=dark] .muted,body[data-theme=dark] small,body[data-theme=dark] .small{color:#aabfba}body[data-theme=dark] h1,body[data-theme=dark] h2,body[data-theme=dark] h3,body[data-theme=dark] h4{color:#f2f8f6}body[data-theme=dark] label{color:#dcece8}body[data-theme=dark] input,body[data-theme=dark] select,body[data-theme=dark] textarea{background:#0f1a18;color:#edf7f4;border-color:#395650}body[data-theme=dark] input::placeholder,body[data-theme=dark] textarea::placeholder{color:#809792}body[data-theme=dark] .location-derived,body[data-theme=dark] .notice,body[data-theme=dark] .status-box,body[data-theme=dark] .tracking-card,body[data-theme=dark] .public-report,body[data-theme=dark] .admin-report,body[data-theme=dark] .publisher-card,body[data-theme=dark] .safety-grid>div,body[data-theme=dark] .social,body[data-theme=dark] .empty-state{background:#192925;border-color:#35504a;color:#e3efec}body[data-theme=dark] .report-grid>div,body[data-theme=dark] .admin-summary div,body[data-theme=dark] .admin-meta span,body[data-theme=dark] .report-copy,body[data-theme=dark] .resolution-note{background:#10201d;border-color:#304a44;color:#e3efec}body[data-theme=dark] .map-canvas{border-color:#35504a;background:#0f1917}body[data-theme=dark] .map-filters select,body[data-theme=dark] .map-filters input{background:#0f1a18;color:#edf7f4}body[data-theme=dark] .leaflet-control-zoom a,body[data-theme=dark] .leaflet-control-attribution{background:#15221f;color:#c9ddd8;border-color:#35504a}body[data-theme=dark] .leaflet-control-attribution a{color:#9bc7bd}body[data-theme=dark] .leaflet-popup-content-wrapper,body[data-theme=dark] .leaflet-popup-tip{background:#172622;color:#edf7f4}body[data-theme=dark] .leaflet-popup-content a{color:#7fc8b8}body[data-theme=dark] .duplicate-notice{background:#192925;border-color:#35504a;color:#dcece8}body[data-theme=dark] .duplicate-notice.warning{background:#302718;border-color:#66522c;color:#f0dca7}body[data-theme=dark] .duplicate-notice.clear{background:#173025;border-color:#2e624c;color:#aee0c7}body[data-theme=dark] .duplicate-notice.info{background:#172b35;border-color:#355c6e;color:#b9dce9}body[data-theme=dark] footer{background:#091311;color:#9db1ac;border-top-color:#ed2b91}body[data-theme=dark] .report-qr{background:#10201d;border-color:#35504a}body[data-theme=dark] .report-qr img{background:#fff}body[data-theme=dark] .success{background:#173025;border-color:#2e624c;color:#b8e1cb}@media(max-width:800px){.nav .wrap{gap:10px 14px;flex-wrap:wrap;overflow:visible;padding-top:7px;padding-bottom:7px}.nav a{padding:8px 0}.theme-toggle{margin-left:0;flex:0 0 auto;padding:8px 12px}}.map-preview-banner{margin:14px 0;border-left:5px solid #8f2d2d}.category-table-wrap{overflow-x:auto;margin-top:14px}.category-table{width:100%;border-collapse:collapse;font-size:14px}.category-table th,.category-table td{text-align:left;padding:12px 14px;border-bottom:1px solid #d7e7ed;vertical-align:top}.category-table th{background:#eef7fa;color:#176b95;font-weight:850}.category-table td:first-child{font-weight:750;color:#17312e;white-space:nowrap}body[data-theme=dark] .category-table th{background:#10201d;color:#9bcfc2}body[data-theme=dark] .category-table td{border-color:#304a44}body[data-theme=dark] .category-table td:first-child{color:#e8f1ef}@media(max-width:600px){.category-table{font-size:13px}.category-table th,.category-table td{padding:10px}.category-table td:first-child{white-space:normal;min-width:150px}}.md-language-wrap{display:inline-flex;align-items:center;flex:0 0 auto;padding:6px 0}.md-language-select{min-width:116px;max-width:160px;padding:9px 28px 9px 11px;border:1px solid #c8dbe5;border-radius:10px;background:#fff;color:#176b95;font:700 13px system-ui;cursor:pointer}.md-language-select:focus{outline:3px solid #edc56d;outline-offset:2px}@media(max-width:800px){.md-language-wrap{margin:0}}body{background:#f7f7f1;color:#18352e}.wrap{width:min(1180px,92%)}.hero{position:relative;overflow:hidden;background:linear-gradient(115deg,#0c3027f5,#185b46c7),url(/assets/weekend-cleanup-CEKYKFNA.png) center 42%/cover;color:#fff;border-bottom:0;padding:34px 0 42px}.hero:after{content:"";position:absolute;inset:14px;border:1px solid #e4c98a55;pointer-events:none}.brand,.hero-copy,.publisher-strip,.hero-actions{position:relative;z-index:1}.brand-logo{border-radius:50%;background:#fff;padding:5px;width:78px;height:78px;box-shadow:0 8px 26px #0003}.brand-main{font-family:Georgia,serif;letter-spacing:.01em;font-size:clamp(34px,5vw,54px)}.brand-by{letter-spacing:.12em;text-transform:uppercase;font-size:11px}.tagline{font:italic 500 clamp(23px,3vw,34px) Georgia,serif;color:#f0d69f}.hero-copy{max-width:760px;line-height:1.75;color:#e4eee8}.publisher-strip{border-radius:5px;border-color:#ffffff42;background:#0b2c244d}.nav{background:#fbfaf5;border-bottom:1px solid #e3e2d9;box-shadow:0 6px 20px #153b3010}.nav .wrap{align-items:center;gap:clamp(12px,2vw,24px);flex-wrap:wrap}.nav a{color:#234a3c;font-size:13px;padding:13px 0}.nav a:hover{color:#a36e37}.card,.tracking-card,.publisher-card,.empty-state{border-radius:7px;box-shadow:0 10px 28px #183a2d0e;border-color:#e4e4d9}.btn{border-radius:999px;min-height:44px;padding:12px 19px}.primary{background:#1c624b}.primary:hover{background:#124a39}.secondary{background:#e7eee7;color:#234b3c}.light{background:#fff;color:#234b3c;border:1px solid #e1e4da}.stats div{border-radius:7px;border-top:3px solid #c49a58;box-shadow:0 8px 24px #1d48360c}.stats strong{color:#205b49}input,select,textarea{border-radius:5px;border-color:#d7ddd5;min-height:44px}input:focus,select:focus,textarea:focus{outline:3px solid #d9b36f66;border-color:#9e7a42}.safety-grid>div{border-radius:6px}footer{background:#102e26;border-top:3px solid #caa66a}@media(max-width:800px){.nav .wrap{gap:8px 16px}.nav a{padding:8px 0}.hero{padding:25px 0 32px}.brand-logo{width:62px;height:62px}}