@import "https://fonts.googleapis.com/css2?family=Merriweather:wght@400;700&family=Inter:wght@400;500;600&display=swap";*{box-sizing:border-box;margin:0;padding:0}body{color:#1a1a1a;background:#f4f7f4;font-family:Inter,sans-serif}.header{background:#1b4332;justify-content:space-between;align-items:center;padding:14px 24px;display:flex;box-shadow:0 2px 8px #0003}.header-inner{justify-content:space-between;align-items:center;width:100%;display:flex}.brand h1{color:#fff;font-family:Merriweather,serif;font-size:1.4rem}.tagline{color:#95d5b2;font-size:.78rem}.header-actions{align-items:center;gap:10px;display:flex}.hero{color:#fff;text-align:center;background:linear-gradient(#1b4332c7,#1b4332e0),url(https://images.unsplash.com/photo-1469571486292-0ba58a3f068b?w=1400&auto=format&fit=crop) 50%/cover no-repeat;padding:80px 24px}.hero h2{max-width:620px;margin:0 auto 14px;font-family:Merriweather,serif;font-size:1.8rem;font-weight:700;line-height:1.4}.hero p{color:#b7e4c7;max-width:480px;margin:0 auto;font-size:1rem}.btn-primary{color:#fff;cursor:pointer;background:#40916c;border:none;border-radius:8px;align-items:center;gap:6px;padding:9px 18px;font-size:.9rem;font-weight:600;transition:background .2s;display:inline-flex}.btn-primary:hover{background:#2d6a4f}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{color:#1b4332;cursor:pointer;background:#fff;border:1px solid #b7e4c7;border-radius:8px;padding:9px 18px;font-size:.9rem;font-weight:600;transition:background .2s}.btn-secondary:hover{background:#d8f3dc}.btn-ghost{color:#fff;cursor:pointer;background:0 0;border:1px solid #fff6;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:.88rem;transition:background .2s;display:inline-flex}.btn-ghost:hover{background:#ffffff1a}.btn-resolve{color:#1b4332;cursor:pointer;background:#d8f3dc;border:none;border-radius:6px;align-items:center;gap:5px;margin-top:10px;padding:6px 14px;font-size:.82rem;font-weight:600;display:inline-flex}.btn-thread{color:#2d6a4f;cursor:pointer;background:#f0faf3;border:1px solid #b7e4c7;border-radius:6px;align-items:center;gap:5px;padding:6px 12px;font-size:.82rem;display:inline-flex}.btn-thread:hover{background:#d8f3dc}.main{max-width:860px;margin:32px auto;padding:0 20px}.success-banner{color:#1b4332;background:#d8f3dc;border-radius:10px;align-items:center;gap:8px;margin-bottom:20px;padding:14px 20px;font-weight:600;display:flex}.filters{flex-wrap:wrap;gap:10px;margin-bottom:24px;display:flex}.filters select{color:#1b4332;cursor:pointer;background:#fff;border:1px solid #b7e4c7;border-radius:8px;padding:8px 12px;font-size:.88rem}.cards{gap:18px;display:grid}.card{background:#fff;border:1px solid #d8f3dc;border-radius:12px;padding:20px;transition:box-shadow .2s;box-shadow:0 2px 8px #1b433212}.card:hover{box-shadow:0 4px 16px #1b433221}.card-top{justify-content:space-between;align-items:flex-start;margin-bottom:10px;display:flex}.tag{color:#1b4332;background:#d8f3dc;border-radius:20px;align-items:center;gap:5px;padding:4px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.location{color:#666;font-size:.78rem}.resolved-badge{color:#1b4332;background:#b7e4c7;border-radius:20px;align-items:center;gap:4px;padding:3px 10px;font-size:.75rem;font-weight:700;display:inline-flex}.card-title{color:#1b4332;margin-bottom:4px;font-family:Merriweather,serif;font-size:1.05rem;font-weight:700}.card-name{color:#555;margin-bottom:8px;font-size:.82rem}.card-story{color:#333;margin-bottom:12px;font-size:.93rem;line-height:1.6}.requested-amount{color:#2d6a4f;margin-bottom:12px;font-size:.88rem;font-weight:600}.card-actions-secondary{flex-wrap:wrap;gap:8px;display:flex}.unread-dot{color:#fff;background:#e63946;border-radius:50%;margin-left:4px;padding:1px 6px;font-size:.7rem}.empty{text-align:center;color:#555;padding:48px 20px}.empty p{margin-bottom:16px}.modal-backdrop{z-index:100;background:#00000073;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:14px;width:100%;max-width:500px;max-height:90vh;padding:28px;overflow-y:auto;box-shadow:0 8px 32px #0000002e}.modal.thread-modal{max-width:480px}.form-heading{color:#1b4332;margin-bottom:6px;font-family:Merriweather,serif;font-size:1.2rem}.form-sub{color:#666;margin-bottom:18px;font-size:.88rem}.form-error{color:#c0392b;background:#ffe5e5;border-radius:8px;margin-bottom:14px;padding:10px 14px;font-size:.88rem}.field{flex-direction:column;margin-bottom:14px;display:flex}.field span{color:#1b4332;margin-bottom:5px;font-size:.88rem;font-weight:600}.field input,.field textarea,.field select{background:#f8fff9;border:1px solid #b7e4c7;border-radius:8px;outline:none;padding:9px 12px;font-family:Inter,sans-serif;font-size:.93rem;transition:border .2s}.field input:focus,.field textarea:focus,.field select:focus{background:#fff;border-color:#40916c}.field-hint{color:#888;margin-top:4px;font-size:.78rem}.form-actions{justify-content:flex-end;gap:10px;margin-top:18px;display:flex}.share-options{flex-direction:column;gap:10px;margin:16px 0;display:flex}.share-btn{cursor:pointer;border:none;border-radius:8px;padding:10px 16px;font-size:.9rem;font-weight:600}.share-btn.fb{color:#fff;background:#1877f2}.share-btn.x{color:#fff;background:#000}.share-btn.native{color:#fff;background:#40916c}.share-btn.copy{color:#1b4332;background:#f0faf3;border:1px solid #b7e4c7}.thread-messages{flex-direction:column;gap:10px;max-height:260px;margin-bottom:14px;display:flex;overflow-y:auto}.thread-msg{border-radius:10px;max-width:85%;padding:10px 14px;font-size:.9rem}.thread-msg.from-admin{color:#fff;background:#1b4332;align-self:flex-end}.thread-msg.from-user{color:#1a1a1a;background:#f0faf3;border:1px solid #d8f3dc}.thread-sender{margin-bottom:3px;font-size:.75rem;font-weight:700;display:block}.thread-time{opacity:.65;margin-top:4px;font-size:.72rem;display:block}.empty-thread{text-align:center;color:#888;padding:20px;font-size:.88rem}.thread-input{gap:8px;display:flex}.thread-input input{border:1px solid #b7e4c7;border-radius:8px;outline:none;flex:1;padding:9px 12px;font-size:.9rem}.thread-input input:focus{border-color:#40916c}.footer{color:#b7e4c7;text-align:center;background:#1b4332;margin-top:48px;padding:28px 20px;font-size:.88rem}.footer a{color:#95d5b2;text-decoration:none}.footer a:hover{text-decoration:underline}