:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--brand-green:#16a34a;--brand-blue:#2563eb;--gradient-brand:linear-gradient(135deg,#16a34a,#2563eb);--bg:#fff;--bg-subtle:#f9fafb;--surface:#fff;--border:#f3f4f6;--border-strong:#e5e7eb;--text:#111827;--text-muted:#6b7280;--text-subtle:#9ca3af;--primary:#16a34a;--primary-strong:#15803d;--danger:#e11d48;--warning:#d97706;--ok:#16a34a;--urgent:#e11d48;--urgent-bg:#fff1f2;--medicine:#d97706;--medicine-bg:#fffbeb;--shelter:#2563eb;--shelter-bg:#eff6ff;--food:#16a34a;--food-bg:#f0fdf4;--finance:#7c3aed;--finance-bg:#faf5ff;--radius-sm:8px;--radius-md:10px;--radius-lg:16px;--radius-xl:20px;--radius-full:9999px;--shadow-card:0 2px 16px #0000000f,0 1px 3px #0000000a;--shadow-card-hover:0 6px 28px #00000017,0 2px 6px #0000000d;--shadow-btn:0 3px 12px #16a34a4d;--shadow-nav:0 1px 12px #0000000f;--shadow-sidebar:0 2px 14px #0000000d}*,:before,:after{box-sizing:border-box}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:DM Sans,Segoe UI,-apple-system,BlinkMacSystemFont,sans-serif}a{color:inherit;text-decoration:none}main{max-width:1000px;margin:0 auto;padding:1.5rem 1.25rem}.page{gap:1rem;display:grid}.grid{gap:.75rem;display:grid}.row{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.stack{gap:.55rem;display:grid}.feed-layout{grid-template-columns:1fr 300px;gap:28px;display:grid}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);padding:1.25rem;transition:box-shadow .15s}.card:hover{box-shadow:var(--shadow-card-hover)}nav.main-nav{z-index:100;border-bottom:1px solid var(--border);box-shadow:var(--shadow-nav);background:#fff;position:sticky;top:0}.main-nav .inner{justify-content:space-between;align-items:center;max-width:1000px;height:60px;margin:0 auto;padding:0 1.25rem;display:flex}.main-nav .logo{align-items:center;gap:8px;text-decoration:none;display:flex}.main-nav .logo img{object-fit:contain;width:36px;height:36px}.main-nav .logo-text{background:var(--gradient-brand);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:18px;font-weight:800}.main-nav .links{gap:2px;display:flex}.main-nav .links a{color:var(--text-muted);border-radius:var(--radius-sm);padding:7px 16px;font-size:13px;font-weight:500;transition:all .12s}.main-nav .links a:hover,.main-nav .links a.active{color:var(--brand-green);background:#f0fdf4;font-weight:700}button{font:inherit;cursor:pointer;border-radius:var(--radius-md);border:0;padding:.6rem 1rem}button,.btn-primary{background:var(--gradient-brand);color:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-btn);border:none;padding:9px 20px;font-weight:600}button:hover{opacity:.92}button.secondary,.btn-secondary{color:var(--brand-green);box-shadow:none;background:#f0fdf4;border:1px solid #bbf7d0}button.ghost,.btn-ghost{color:var(--text-muted);border:1px solid var(--border-strong);box-shadow:none;background:0 0}button.danger{background:var(--danger);box-shadow:none}button:disabled{opacity:.45;cursor:not-allowed}input,textarea,select{font:inherit;background:var(--surface);width:100%;color:var(--text);border:1.5px solid var(--border-strong);border-radius:var(--radius-md);padding:10px 14px;font-size:13px;transition:border-color .12s,box-shadow .12s}input:focus,textarea:focus,select:focus{border-color:var(--brand-green);outline:none;box-shadow:0 0 0 3px #16a34a1f}textarea{resize:vertical;min-height:100px}label{color:var(--text-muted);gap:.35rem;font-size:.875rem;font-weight:500;display:grid}.badge{border-radius:var(--radius-full);padding:4px 11px;font-size:11px;font-weight:700;display:inline-block}.badge-urgent{background:var(--urgent-bg);color:var(--urgent)}.badge-medicine{background:var(--medicine-bg);color:var(--medicine)}.badge-shelter{background:var(--shelter-bg);color:var(--shelter)}.badge-food{background:var(--food-bg);color:var(--food)}.badge-finance{background:var(--finance-bg);color:var(--finance)}.badge.warn{color:var(--warning);background:#fffbeb}.badge.ok{color:var(--ok);background:#f0fdf4}.vbadge{color:var(--brand-green);border-radius:var(--radius-full);background:#f0fdf4;border:1px solid #bbf7d0;align-items:center;gap:3px;margin-left:6px;padding:2px 8px;font-size:10px;font-weight:700;display:inline-flex}.chip{border-radius:var(--radius-full);border:1.5px solid var(--border-strong);color:var(--text-muted);background:var(--surface);cursor:pointer;padding:5px 12px;font-size:11px;font-weight:600;transition:all .12s;display:inline-block}.chip.active{background:var(--gradient-brand);color:#fff;border-color:#0000;box-shadow:0 2px 8px #16a34a33}p.muted,span.muted{color:var(--text-muted);margin:0}p.error{color:var(--danger);margin:0}p.success{color:var(--ok);margin:0}@media (max-width:768px){main{padding:1rem}.feed-layout{grid-template-columns:1fr}.main-nav .links{display:none}}