:root{--bg-primary:#fefcf8;--bg-secondary:#f5f0e8;--bg-card:#fff;--bg-input:#fff;--bg-hover:#f0ebe1;--bg-muted:#f8f5ef;--text-primary:#3d3d3d;--text-secondary:#6b6b6b;--text-muted:#9a9a9a;--text-inverse:#fff;--color-primary:#2d6a4f;--color-primary-hover:#245a42;--color-primary-light:#d4e8dc;--color-accent:#e9a319;--color-accent-hover:#d4920f;--color-accent-light:#fdf0d5;--color-give:#2d6a4f;--color-give-bg:#d4e8dc;--color-ask:#7b4b94;--color-ask-bg:#ebd9f5;--color-claimed:#b8860b;--color-claimed-bg:#fdf0d5;--color-fulfilled:#2d6a4f;--color-fulfilled-bg:#d4e8dc;--color-closed:#8b4513;--color-closed-bg:#f5dcc8;--color-danger:#c0392b;--color-danger-bg:#fadbd8;--color-success:#27ae60;--border-color:#e5e0d5;--border-radius:12px;--border-radius-sm:8px;--border-radius-pill:999px;--shadow-sm:0 1px 3px #0000000f;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 8px 24px #0000001a;--font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.5rem;--font-size-2xl:2rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--line-height:1.6;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--max-width:720px;--nav-height:60px}[data-theme=dark]{--bg-primary:#1a1a1a;--bg-secondary:#242424;--bg-card:#2a2a2a;--bg-input:#333;--bg-hover:#333;--bg-muted:#222;--text-primary:#e8e4df;--text-secondary:#a8a4a0;--text-muted:#6b6b6b;--text-inverse:#1a1a1a;--color-primary:#52b788;--color-primary-hover:#6fcf97;--color-primary-light:#2a3f33;--color-accent:#f4c430;--color-accent-hover:#ffd54f;--color-accent-light:#3d3520;--color-give:#52b788;--color-give-bg:#2a3f33;--color-ask:#b388d9;--color-ask-bg:#3a2d47;--color-claimed:#daa520;--color-claimed-bg:#3d3520;--color-fulfilled:#52b788;--color-fulfilled-bg:#2a3f33;--color-closed:peru;--color-closed-bg:#3d2d1f;--color-danger:#e74c3c;--color-danger-bg:#3d2222;--color-success:#2ecc71;--border-color:#3d3d3d;--shadow-sm:0 1px 3px #0003;--shadow-md:0 4px 12px #0000004d;--shadow-lg:0 8px 24px #0006}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:var(--line-height);color:var(--text-primary);background-color:var(--bg-primary);padding-top:var(--nav-height)}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}.btn{justify-content:center;align-items:center;gap:var(--space-sm);border-radius:var(--border-radius-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);font-family:var(--font-family);cursor:pointer;border:none;padding:10px 20px;text-decoration:none;transition:background-color .2s,transform .1s;display:inline-flex}.btn:hover{text-decoration:none}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--color-primary);color:var(--text-inverse)}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover);color:var(--text-inverse)}.btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover:not(:disabled){background:var(--bg-hover)}.btn-ghost{color:var(--text-secondary);background:0 0;padding:8px 12px}.btn-ghost:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary)}.btn-lg{font-size:var(--font-size-base);border-radius:var(--border-radius);padding:14px 28px}.btn-sm{font-size:var(--font-size-xs);padding:6px 12px}.btn-block{width:100%}.form-group{margin-bottom:var(--space-lg)}.form-group label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);margin-bottom:var(--space-xs);display:block}.form-group input,.form-group textarea,.form-group select{background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);width:100%;font-size:var(--font-size-base);font-family:var(--font-family);color:var(--text-primary);padding:10px 14px;transition:border-color .2s,box-shadow .2s}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light);outline:none}.form-group .form-hint{font-size:var(--font-size-xs);color:var(--text-muted);margin-top:var(--space-xs)}.form-group .form-error{font-size:var(--font-size-xs);color:var(--color-danger);margin-top:var(--space-xs)}.form-row{gap:var(--space-md);display:flex}.form-row .form-group{flex:1}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:var(--space-lg);box-shadow:var(--shadow-sm);transition:box-shadow .2s}.card:hover{box-shadow:var(--shadow-md)}.card-muted{opacity:.65}.card+.card{margin-top:var(--space-md)}.card-header{margin-bottom:var(--space-sm);justify-content:space-between;align-items:center;display:flex}.card-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:var(--text-primary)}.card-body{color:var(--text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--space-md)}.card-footer{font-size:var(--font-size-sm);color:var(--text-muted);justify-content:space-between;align-items:center;display:flex}.card-meta{align-items:center;gap:var(--space-md);display:flex}.card-meta-item{align-items:center;gap:var(--space-xs);display:flex}.badge{border-radius:var(--border-radius-pill);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.5px;align-items:center;padding:2px 10px;display:inline-flex}.badge-give{color:var(--color-give);background:var(--color-give-bg)}.badge-ask{color:var(--color-ask);background:var(--color-ask-bg)}.badge-claimed{color:var(--color-claimed);background:var(--color-claimed-bg)}.badge-fulfilled{color:var(--color-fulfilled);background:var(--color-fulfilled-bg)}.badge-closed{color:var(--color-closed);background:var(--color-closed-bg)}.notice{padding:var(--space-md)var(--space-lg);border-radius:var(--border-radius-sm);font-size:var(--font-size-sm);align-items:flex-start;gap:var(--space-sm);display:flex}.notice-info{background:var(--color-primary-light);color:var(--color-primary)}.notice-warning{background:var(--color-accent-light);color:var(--color-claimed)}.notice-danger{background:var(--color-danger-bg);color:var(--color-danger)}.avatar{background:var(--color-primary-light);width:36px;height:36px;color:var(--color-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.avatar-sm{width:28px;height:28px;font-size:var(--font-size-xs)}.container{max-width:var(--max-width);padding:var(--space-xl)var(--space-lg);margin:0 auto}.page-header{margin-bottom:var(--space-xl)}.page-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--space-xs)}.page-subtitle{font-size:var(--font-size-base);color:var(--text-secondary)}.text-center{text-align:center}.text-muted{color:var(--text-muted)}.text-sm{font-size:var(--font-size-sm)}.text-xs{font-size:var(--font-size-xs)}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mt-xl{margin-top:var(--space-xl)}.mb-sm{margin-bottom:var(--space-sm)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.flex{display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.flex-center{align-items:center;display:flex}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}