.vi-page{min-height:80vh;background:#f4f4f4}.vi-hero{background:#1a3a2e;padding:56px 24px 52px;text-align:center}.vi-hero-title{font-size:36px;font-weight:900;color:#ffffff;margin:0 0 14px;letter-spacing:-.5px}.vi-hero-sub{font-size:14px;color:#a7c4b5;max-width:400px;margin:0 auto;line-height:1.75}.vi-content{max-width:1300px;margin:0 auto;padding:48px 24px 72px}.vi-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.vi-section-title{font-size:14px;font-weight:700;color:#111827;letter-spacing:.01em}.vi-section-right{display:flex;align-items:center;gap:14px}.vi-section-count{font-size:12px;font-weight:600;color:#6b7280;letter-spacing:.08em}.vi-view-volunteers-btn{padding:7px 16px;background:#1a3a2e;color:#fff;font-size:12px;font-weight:700;border-radius:999px;text-decoration:none;letter-spacing:.03em;transition:background .18s}.vi-view-volunteers-btn:hover{background:#065f46}.vi-section-divider{height:1px;background:#e5e7eb;margin-bottom:6px}.vi-list{display:flex;flex-direction:column}.vi-row{display:flex;align-items:center;gap:16px;padding:18px 4px;border-bottom:1px solid #eeeeee}.vi-row-avatar{width:52px;height:52px;border-radius:8px;object-fit:cover;flex-shrink:0;background:#e5e7eb}.vi-row-info{flex:1 1;display:flex;flex-direction:column;gap:3px;min-width:0}.vi-row-name-wrap{display:flex;align-items:center;gap:8px}.vi-row-name{font-size:14px;font-weight:700;color:#111827}.vi-row-dot{width:7px;height:7px;border-radius:50%;background:#065f46;flex-shrink:0}.vi-row-city-wrap{display:flex;align-items:center;gap:4px}.vi-row-city{font-size:12px;color:#6b7280}.vi-row-id{font-size:11px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:#9ca3af;letter-spacing:.04em}.vi-portfolio-btn{flex-shrink:0;padding:7px 14px;background:transparent;border:1px solid #d1d5db;border-radius:6px;font-size:10px;font-weight:700;color:#374151;letter-spacing:.06em;cursor:pointer;transition:all .18s;white-space:nowrap}.vi-portfolio-btn:hover{background:#065f46;border-color:#065f46;color:#fff}.vi-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:40vh;gap:14px;color:#6b7280;font-size:14px}.vi-spinner{width:36px;height:36px;border:3px solid #e5e7eb;border-top-color:#065f46;border-radius:50%;animation:vi-spin .8s linear infinite}@keyframes vi-spin{to{transform:rotate(1turn)}}.vi-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:40vh;gap:14px;color:#9ca3af;font-size:14px}.vi-empty p{margin:0}.vi-act-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:8px}.vi-act-card{background:#ffffff;border:1px solid #e5e7eb;border-radius:14px;overflow:hidden;box-shadow:0 2px 10px rgba(0,0,0,.05);display:flex;flex-direction:column;height:100%;transition:box-shadow .2s,transform .2s}.vi-act-card:hover{box-shadow:0 6px 22px rgba(0,0,0,.1);transform:translateY(-2px)}.vi-act-img-wrap{position:relative;width:100%;height:180px}.vi-act-img{width:100%;height:100%;object-fit:cover;display:block}.vi-act-date-badge{position:absolute;top:10px;right:10px;background:rgba(0,0,0,.55);color:#fff;font-size:11px;font-weight:600;padding:4px 10px;border-radius:999px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.vi-act-body{padding:14px 16px 16px;display:flex;flex-direction:column;gap:6px;flex:1 1}.vi-act-campaign{font-size:13px;font-weight:700;color:#065f46;-webkit-line-clamp:2;line-clamp:2}.vi-act-campaign,.vi-act-note{margin:0;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.vi-act-note{font-size:12px;color:#6b7280;line-height:1.55;-webkit-line-clamp:3;line-clamp:3}.vi-act-by{font-size:11px;color:#9ca3af;margin:0}.vi-act-by span{font-weight:700;color:#374151}.vi-load-more{display:flex;justify-content:center;margin-top:24px}.vi-load-btn{display:flex;align-items:center;gap:8px;padding:11px 28px;background:#ffffff;border:1.5px solid #065f46;color:#065f46;font-size:13px;font-weight:700;border-radius:999px;cursor:pointer;transition:all .2s}.vi-load-btn:hover:not(:disabled){background:#ecfdf5}.vi-load-btn:disabled{opacity:.6;cursor:not-allowed}.vi-load-spinner{width:14px;height:14px;border:2px solid #a7f3d0;border-top-color:#065f46;border-radius:50%;animation:vi-spin .8s linear infinite;display:inline-block}.vi-cta-card{background:#1a3a2e;border-radius:20px;padding:48px 40px;text-align:center;margin-top:56px}.vi-cta-label{font-size:11px;font-weight:700;color:#6db891;letter-spacing:.15em;text-transform:uppercase;margin:0 0 16px}.vi-cta-title{font-size:26px;font-weight:900;color:#ffffff;line-height:1.3;max-width:380px;margin:0 auto 16px}.vi-cta-sub{font-size:13px;color:#a7c4b5;line-height:1.7;max-width:360px;margin:0 auto 28px}.vi-cta-btn{display:inline-block;padding:12px 32px;background:#4caf82;color:#fff;border:none;border-radius:999px;font-size:12px;font-weight:800;letter-spacing:.1em;cursor:pointer;transition:background .2s}.vi-cta-btn:hover{background:#3d9b6e}.vi-act-card{cursor:pointer}.vi-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.55);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.vi-modal{background:#fff;border-radius:18px;width:100%;max-width:480px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.25);animation:vi-modal-in .2s ease}@keyframes vi-modal-in{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.vi-modal-img-wrap{position:relative;width:100%;height:220px}.vi-modal-img{width:100%;height:100%;object-fit:cover;display:block;transition:opacity .2s ease}.vi-slide-next,.vi-slide-prev{position:absolute;top:50%;transform:translateY(-50%);background:rgba(0,0,0,.45);color:#fff;border:none;cursor:pointer;font-size:26px;line-height:1;padding:4px 12px 6px;border-radius:8px;transition:background .2s;z-index:2}.vi-slide-prev{left:8px}.vi-slide-next{right:8px}.vi-slide-next:hover:not(:disabled),.vi-slide-prev:hover:not(:disabled){background:rgba(0,0,0,.7)}.vi-slide-next:disabled,.vi-slide-prev:disabled{opacity:.25;cursor:default}.vi-slide-dots{position:absolute;bottom:8px;left:50%;transform:translateX(-50%);display:flex;gap:6px;z-index:2}.vi-slide-dot{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.5);cursor:pointer;transition:background .2s,transform .2s}.vi-slide-dot.active{background:#fff;transform:scale(1.25)}.vi-modal-close{position:absolute;top:12px;right:12px;background:rgba(0,0,0,.5);color:#fff;border:none;border-radius:50%;width:30px;height:30px;font-size:13px;cursor:pointer;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.vi-modal-close:hover{background:rgba(0,0,0,.7)}.vi-modal-body{padding:20px 24px 24px;display:flex;flex-direction:column;gap:10px}.vi-modal-volunteer{display:flex;align-items:center;gap:12px}.vi-modal-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid #d1fae5;flex-shrink:0}.vi-modal-vol-name{font-size:15px;font-weight:800;color:#111827;margin:0 0 2px}.vi-modal-vol-meta{font-size:12px;color:#6b7280;margin:0 0 2px;display:flex;align-items:center;gap:4px}.vi-modal-vol-id{font-size:11px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:#9ca3af;margin:0}.vi-modal-badge{margin-left:auto;display:flex;align-items:center;gap:4px;font-size:10px;font-weight:700;color:#065f46;background:#d1fae5;border:1px solid #a7f3d0;border-radius:999px;padding:4px 10px;text-transform:uppercase;white-space:nowrap}.vi-modal-divider{height:1px;background:#f3f4f6;margin:2px 0}.vi-modal-campaign{font-size:14px;font-weight:700;color:#065f46;margin:0}.vi-modal-date{font-size:12px;color:#6b7280;display:flex;align-items:center;gap:5px;margin:0}.vi-modal-note{font-size:13px;color:#374151;line-height:1.6;margin:0}.vd-hero{display:flex;flex-direction:column;align-items:center;gap:10px;position:relative}.vd-back-link{align-self:flex-start;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.3);color:#fff;font-size:13px;font-weight:600;padding:6px 14px;border-radius:8px;cursor:pointer;margin-bottom:8px}.vd-back-link:hover{background:rgba(255,255,255,.25)}.vd-hero-avatar{width:88px;height:88px;border-radius:50%;object-fit:cover;border:4px solid rgba(255,255,255,.4)}.vd-hero-badge{background:rgba(255,255,255,.2);border-color:rgba(255,255,255,.3);color:#fff}.vd-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.vd-act-card{background:#ffffff;border:1px solid #e5e7eb;border-radius:16px;overflow:hidden;box-shadow:0 2px 12px rgba(0,0,0,.05);display:flex;flex-direction:column;height:100%;transition:box-shadow .2s,transform .2s}.vd-act-card:hover{box-shadow:0 6px 24px rgba(0,0,0,.1);transform:translateY(-2px)}.vd-act-img-wrap{position:relative;width:100%;height:180px;background:#f3f4f6;flex-shrink:0}.vd-act-img{width:100%;height:100%;object-fit:cover;display:block}.vd-act-date-badge{position:absolute;top:10px;right:10px;background:rgba(0,0,0,.55);color:#fff;font-size:11px;font-weight:600;padding:4px 10px;border-radius:999px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.vd-act-body{padding:16px;display:flex;flex-direction:column;gap:8px;flex:1 1}.vd-act-campaign{font-size:14px;font-weight:800;color:#065f46;-webkit-line-clamp:2;line-clamp:2}.vd-act-campaign,.vd-act-note{margin:0;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.vd-act-note{font-size:13px;color:#4b5563;line-height:1.6;-webkit-line-clamp:3;line-clamp:3}.vd-act-card,.vd-back-btn{cursor:pointer}.vd-back-btn{margin-top:12px;padding:10px 20px;background:#065f46;color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:700}.vi-badge{display:flex;align-items:center;gap:5px;font-size:11px;font-weight:700;color:#065f46;background:#d1fae5;border:1px solid #a7f3d0;border-radius:999px;padding:3px 10px}.vi-badge,.vi-count{text-transform:uppercase;letter-spacing:.05em}.vi-count{font-size:13px;font-weight:600;color:#6b7280;margin:0 0 20px}.vi-two-col{display:flex;gap:28px;align-items:stretch}.vi-main-col{flex:1 1;min-width:0}.vi-sidebar-col{width:300px;flex-shrink:0;align-self:stretch}.rv-panel{background:#ffffff;border:1px solid #e5e7eb;border-radius:12px;padding:14px 16px;box-shadow:0 2px 10px rgba(0,0,0,.05);position:sticky;top:24px}.rv-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.rv-title{font-size:18px;font-weight:600;color:#111827;margin:0 0 16px}.rv-count-badge{font-size:13px;color:#6b7280;background:#f3f4f6;padding:4px 10px;border-radius:999px;white-space:nowrap}.rv-list{flex-direction:column;margin-bottom:16px}.rv-list,.rv-row{display:flex;gap:12px}.rv-row{align-items:center;height:56px;padding:0 14px;border-radius:10px;background:#f9fafb;border:1px solid #e5e7eb}.rv-row:hover{background:#f3f4f6}.rv-avatar-img{object-fit:cover}.rv-avatar-img,.rv-avatar-letter{width:34px;height:34px;border-radius:50%;flex-shrink:0}.rv-avatar-letter{background:#2563eb;color:#fff;font-size:13px;font-weight:600;align-items:center}.rv-avatar-letter,.rv-info{display:flex;justify-content:center}.rv-info{flex:1 1;min-width:0;flex-direction:column}.rv-name{font-size:14px;font-weight:600;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rv-city{font-size:13px;color:#6b7280}.rv-empty{font-size:14px;color:#9ca3af;text-align:center;padding:16px 0}.rv-view-all-btn{width:100%;padding:10px 18px;background:#2563eb;color:#fff;border:none;border-radius:999px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.rv-view-all-btn:hover{background:#1d4ed8;transform:translateY(-1px)}.rv-view-all-btn:active{transform:scale(.98)}.vi-vols-modal{background:#fff;border-radius:20px;width:100%;max-width:520px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 20px 60px rgba(0,0,0,.25);animation:vi-modal-in .2s ease;overflow:hidden}.vi-vols-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 16px;border-bottom:1px solid #f3f4f6;flex-shrink:0}.vi-vols-modal-title{font-size:20px;font-weight:800;color:#111827;margin:0}.vi-vols-modal-close{background:none;border:none;font-size:18px;color:#9ca3af;cursor:pointer;padding:4px 8px;border-radius:6px;transition:color .15s}.vi-vols-modal-close:hover{color:#374151}.vi-vols-modal-body{overflow-y:auto;flex:1 1;padding:8px 0}.vi-vols-row{display:flex;align-items:center;gap:14px;padding:14px 20px;cursor:pointer;border-radius:12px;margin:4px 8px;transition:background .15s;border:1px solid #f3f4f6;background:#fafafa}.vi-vols-row:hover{background:#f0fdf4;border-color:#bbf7d0}.vi-vols-avatar-img{object-fit:cover}.vi-vols-avatar-img,.vi-vols-avatar-letter{width:46px;height:46px;border-radius:50%;flex-shrink:0}.vi-vols-avatar-letter{background:#3b5de7;color:#fff;font-size:18px;font-weight:700;display:flex;align-items:center;justify-content:center}.vi-vols-info{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:3px}.vi-vols-name{font-size:14px;font-weight:700;color:#111827}.vi-vols-city{font-size:12px;color:#6b7280}.vi-vols-id{font-size:11px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:#9ca3af;letter-spacing:.03em}.vi-vols-arrow{flex-shrink:0;opacity:.5}.va-activity-btn{flex-shrink:0;padding:7px 16px;background:#1a3a2e;color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .15s}.va-activity-btn:hover{background:#22543d}.va-page-header{justify-content:space-between;margin-bottom:24px;max-width:640px;margin-left:auto;margin-right:auto}.va-back-btn,.va-page-header{display:flex;align-items:center}.va-back-btn{gap:6px;padding:8px 16px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;font-size:13px;font-weight:600;color:#374151;cursor:pointer;transition:all .15s}.va-back-btn:hover{background:#f9fafb;border-color:#d1d5db}.va-list{display:flex;flex-direction:column;gap:10px;max-width:640px;margin:0 auto}@media (max-width:1024px){.vi-sidebar-col{width:260px}}@media (max-width:860px){.vi-two-col{flex-direction:column}.vi-sidebar-col{width:100%}.rv-panel{position:static}.vi-act-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.vi-hero-title{font-size:26px}.vi-section-count{display:none}.vi-act-grid{grid-template-columns:1fr}.vi-cta-card{padding:36px 24px}.vi-cta-title{font-size:22px}.vd-grid{grid-template-columns:1fr}.vd-act-img-wrap{height:200px}.vi-portfolio-btn{font-size:9px;padding:6px 10px}.vad-wrap{flex-direction:column}.vad-main-img-wrap{height:240px}}.vi-act-footer{justify-content:space-between;margin-top:auto;padding-top:10px;border-top:1px solid #f3f4f6}.vi-act-footer,.vi-share-btn{display:flex;align-items:center}.vi-share-btn{justify-content:center;width:30px;height:30px;border-radius:50%;border:1px solid #e5e7eb;background:#f9fafb;color:#6b7280;cursor:pointer;transition:background .18s,color .18s,border-color .18s;flex-shrink:0}.vi-share-btn:hover{background:#065f46;color:#fff;border-color:#065f46}.vad-wrap{display:flex;gap:40px;align-items:flex-start}.vad-gallery{flex:1 1 55%;min-width:0}.vad-main-img-wrap{position:relative;width:100%;height:420px;border-radius:16px;overflow:hidden;background:#e5e7eb}.vad-main-img{width:100%;height:100%;object-fit:cover;display:block}.vad-thumbs{display:flex;gap:10px;margin-top:12px;flex-wrap:wrap}.vad-thumb{width:72px;height:72px;object-fit:cover;border-radius:8px;cursor:pointer;border:2px solid transparent;transition:border-color .2s}.vad-thumb.active{border-color:#065f46}.vad-details{flex:1 1 40%;min-width:0}.vad-campaign{font-size:22px;font-weight:800;color:#111827;margin-bottom:10px;line-height:1.3}.vad-date{display:flex;align-items:center;gap:6px;font-size:13px;color:#065f46;font-weight:600;margin-bottom:20px}.vad-note{font-size:15px;color:#374151;line-height:1.75;margin-bottom:28px}.vad-vol-card{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:14px 16px;transition:box-shadow .2s}.vad-vol-card:hover{box-shadow:0 4px 16px rgba(0,0,0,.08)}.vad-vol-avatar{width:44px;height:44px;border-radius:50%;object-fit:cover;flex-shrink:0}.vad-vol-info{display:flex;flex-direction:column;gap:2px}.vad-vol-name{font-size:14px;font-weight:700;color:#111827}