.react-calendar{width:350px;max-width:100%;background:#fff;border:1px solid #a0a096;font-family:Arial,Helvetica,sans-serif;line-height:1.125em}.react-calendar--doubleView{width:700px}.react-calendar--doubleView .react-calendar__viewContainer{display:flex;margin:-.5em}.react-calendar--doubleView .react-calendar__viewContainer>*{width:50%;margin:.5em}.react-calendar,.react-calendar *,.react-calendar *:before,.react-calendar *:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.react-calendar button{margin:0;border:0;outline:none}.react-calendar button:enabled:hover{cursor:pointer}.react-calendar__navigation{display:flex;height:44px;margin-bottom:1em}.react-calendar__navigation button{min-width:44px;background:none}.react-calendar__navigation button:disabled{background-color:#f0f0f0}.react-calendar__navigation button:enabled:hover,.react-calendar__navigation button:enabled:focus{background-color:#e6e6e6}.react-calendar__month-view__weekdays{text-align:center;text-transform:uppercase;font:inherit;font-size:.75em;font-weight:700}.react-calendar__month-view__weekdays__weekday{padding:.5em}.react-calendar__month-view__weekNumbers .react-calendar__tile{display:flex;align-items:center;justify-content:center;font:inherit;font-size:.75em;font-weight:700}.react-calendar__month-view__days__day--weekend{color:#d10000}.react-calendar__month-view__days__day--neighboringMonth,.react-calendar__decade-view__years__year--neighboringDecade,.react-calendar__century-view__decades__decade--neighboringCentury{color:#757575}.react-calendar__year-view .react-calendar__tile,.react-calendar__decade-view .react-calendar__tile,.react-calendar__century-view .react-calendar__tile{padding:2em .5em}.react-calendar__tile{max-width:100%;padding:10px 6.6667px;background:none;text-align:center;font:inherit;font-size:.833em}.react-calendar__tile:disabled{background-color:#f0f0f0;color:#ababab}.react-calendar__month-view__days__day--neighboringMonth:disabled,.react-calendar__decade-view__years__year--neighboringDecade:disabled,.react-calendar__century-view__decades__decade--neighboringCentury:disabled{color:#cdcdcd}.react-calendar__tile:enabled:hover,.react-calendar__tile:enabled:focus{background-color:#e6e6e6}.react-calendar__tile--now{background:#ffff76}.react-calendar__tile--now:enabled:hover,.react-calendar__tile--now:enabled:focus{background:#ffffa9}.react-calendar__tile--hasActive{background:#76baff}.react-calendar__tile--hasActive:enabled:hover,.react-calendar__tile--hasActive:enabled:focus{background:#a9d4ff}.react-calendar__tile--active{background:#006edc;color:#fff}.react-calendar__tile--active:enabled:hover,.react-calendar__tile--active:enabled:focus{background:#1087ff}.react-calendar--selectRange .react-calendar__tile--hover{background-color:#e6e6e6}.landing-hero{background:linear-gradient(135deg,#6f42c1,#7b61ff 40%,#5ad6d6);color:#fff}.landing-hero .glass{background:#ffffff0f;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:12px}.feature-card{transition:transform .18s ease,box-shadow .18s ease}.feature-card:hover{transform:translateY(-6px);box-shadow:0 10px 30px #00000014}.avatar-circle{width:64px;height:64px;border-radius:50%;background:linear-gradient(180deg,#fff,#f1f3ff);display:flex;align-items:center;justify-content:center;font-size:28px}.visual-cta{border-radius:12px}.landing-page .card .stretched-link{color:#6f42c1}body{background:radial-gradient(circle at 15% 0%,#f3efff,#f6f8fb 32%,#f6f8fb);color:#1f2937}.app-shell{min-height:100vh}.app-main-content{padding-top:1.25rem;padding-bottom:2rem}.app-footer{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.app-footer-dark{background:linear-gradient(120deg,#12131d,#161824);color:#d6d8e0;border-top:1px solid #282b39}.footer-brand{color:#fff;font-weight:800;letter-spacing:.2px}.footer-links-row a{color:#e5e7ef;text-decoration:none;font-weight:600}.footer-links-row a:hover{color:#fff;text-decoration:underline}.footer-divider{border-color:#3a3f54;opacity:1}.footer-copy{color:#9fa6bf;max-width:860px}.footer-social a{color:#f2f4fa;font-size:2rem;line-height:1}.footer-social a:hover{color:#fff}.app-surface-card{background:linear-gradient(180deg,#fff,#fcfdff);border:1px solid #edf1ff!important}.navbar-brand{letter-spacing:.2px}.app-navbar{background:#ffffffe6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid #edf1ff}.app-navbar-brand{font-weight:800!important;border:0;border-radius:0;padding:0!important;display:inline-flex;align-items:center;justify-content:center;line-height:1}.app-brand-logo{width:44px;height:44px;object-fit:contain;display:inline-block;border-radius:50%}.landing-banner-slider{position:relative;width:100%;max-width:920px;margin:0 auto;border-radius:16px;overflow:hidden;aspect-ratio:16 / 7;box-shadow:0 12px 30px #0f172a2e}.landing-banner-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .45s ease}.landing-banner-image.active{opacity:1}.landing-banner-nav{position:absolute;top:50%;transform:translateY(-50%);width:38px;height:38px;border:0;border-radius:50%;background:#00000061;color:#fff;z-index:2}.landing-banner-nav.prev{left:12px}.landing-banner-nav.next{right:12px}.landing-banner-dots{position:absolute;bottom:12px;left:50%;transform:translate(-50%);display:flex;gap:8px;z-index:2}.landing-banner-dot{width:9px;height:9px;border-radius:50%;border:0;background:#ffffff8c}.landing-banner-dot.active{background:#fff}.app-navbar .nav-link{border-radius:999px;padding:.45rem .9rem!important;font-weight:500}.app-navbar .nav-link.active{background:#edf2ff;color:#4f46e5!important}.app-navbar-greeting{background:#f8faff;border:1px solid #edf1ff;border-radius:999px;padding:.3rem .75rem}.profile-menu-wrapper{position:relative}.profile-avatar-button{border:0;background:transparent;padding:0;display:inline-flex;align-items:center;justify-content:center}.nav-profile-avatar{width:38px;height:38px;border-radius:50%;object-fit:cover;border:2px solid #e9edff}.nav-profile-avatar-fallback{display:inline-flex;align-items:center;justify-content:center;font-weight:700;color:#fff;background:linear-gradient(135deg,#2563eb,#7c3aed)}.profile-menu-dropdown{position:absolute;right:0;top:calc(100% + 10px);min-width:170px;background:#fff;border:1px solid #edf1ff;border-radius:12px;box-shadow:0 16px 30px #0f172a1f;padding:6px;display:none;z-index:1200}.profile-menu-dropdown.show{display:block}.profile-menu-dropdown .dropdown-item{width:100%;border:0;background:transparent;text-align:left;border-radius:8px;padding:8px 10px;text-decoration:none;color:#111827;display:block}.profile-menu-dropdown .dropdown-item:hover{background:#f4f7ff}.card{border-radius:14px;border:1px solid #edf1ff}.btn{border-radius:10px}.btn-primary{background:linear-gradient(90deg,#5f4bff,#7a5cff);border-color:#5f4bff}.btn-primary:hover,.btn-primary:focus{background:linear-gradient(90deg,#4f3ef0,#684cf0);border-color:#4f3ef0}.event-list-hero{background:linear-gradient(130deg,#fff,#f3efff 45%,#eef3ff);border:1px solid #e9edff!important}.hero-headline{font-size:clamp(1.8rem,3vw,2.6rem);line-height:1.2;color:#111827}.hero-headline-accent{background:linear-gradient(90deg,#5f4bff,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subline{font-size:1.05rem;max-width:480px}.hero-stats-panel{display:flex;align-items:center;gap:0;background:#fff;border:1px solid #e9edff;border-radius:16px;padding:20px 28px;box-shadow:0 8px 24px #5f4bff14}.hero-stat{display:flex;flex-direction:column;align-items:center;padding:0 20px}.hero-stat-value{font-size:1.8rem;font-weight:800;color:#5f4bff;line-height:1}.hero-stat-label{font-size:.75rem;color:#6b7280;margin-top:4px;white-space:nowrap}.hero-stat-divider{width:1px;height:40px;background:#e9edff;flex-shrink:0}.category-pill{background:#f3f4f6;border:1px solid #e5e7eb;color:#374151;font-weight:500;transition:all .15s ease}.category-pill:hover{background:#ede9fe;border-color:#c4b5fd;color:#5f4bff}.category-pill.active{background:linear-gradient(90deg,#5f4bff,#7a5cff);border-color:#5f4bff;color:#fff}.event-search-group{border-radius:12px;overflow:hidden}.event-search-group .input-group-text,.event-search-group .form-control,.event-search-group .btn{border-color:#e5e7eb}.event-search-group .form-control:focus{box-shadow:none;border-color:#c4b5fd}.event-sidebar-sticky{position:sticky;top:80px}.event-card-modern{overflow:hidden;transition:transform .25s ease,box-shadow .25s ease}.event-card-modern:hover{transform:translateY(-3px);box-shadow:0 18px 34px #0f172a1f!important}.event-card-image{height:210px;object-fit:cover}.event-card-modern .card-title{line-height:1.35}.ngo-card{transition:transform .2s ease,box-shadow .2s ease}.ngo-card:hover{transform:translateY(-3px);box-shadow:0 18px 34px #0f172a1f!important}.ngo-card-body{padding:1.15rem}.ngo-logo{width:56px;height:56px;min-width:56px;border-radius:14px;object-fit:cover;border:1px solid #e8ecff;background:#fff}.ngo-logo-fallback{display:inline-flex;align-items:center;justify-content:center;color:#4f46e5;background:linear-gradient(180deg,#eef2ff,#f8faff);font-size:1.05rem}.ngo-card-title{font-size:1rem;line-height:1.35;word-break:break-word}.ngo-card-headline{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ngo-card-location{display:flex;align-items:center;gap:.2rem}.ngo-tag-badge{background:#f3f4f6;border:1px solid #e5e7eb;font-weight:500}.ngo-card-description{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;line-height:1.55}.event-calendar-card .react-calendar{width:100%;border:0;border-radius:12px;padding:8px;background:#fff}.event-calendar-card .react-calendar__tile{border-radius:10px}.event-calendar-card .react-calendar__tile--now{background:#eef2ff}.event-calendar-card .react-calendar__tile--active{background:#5f4bff;color:#fff}.event-calendar-card .react-calendar__tile.has-event-date{background:#e7e0ff;color:#4f46e5;font-weight:700;position:relative}.event-calendar-card .react-calendar__tile.has-event-date:after{content:"";width:6px;height:6px;border-radius:50%;background:#5f4bff;position:absolute;bottom:6px;left:50%;transform:translate(-50%)}.event-detail-page .event-hero-card{position:relative}.event-detail-page .event-hero-image{width:100%;height:min(48vw,430px);object-fit:cover}.event-detail-page .event-hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0a0e1f26 15%,#0a0e1fc7);display:flex;flex-direction:column;justify-content:flex-end}.event-detail-page .event-meta-item{background:#f8faff;border:1px solid #eef2ff;border-radius:12px;padding:12px 14px}.event-detail-page .booking-panel{position:sticky;top:88px}.event-detail-page .event-total-box{border:1px solid #e9eefc;border-radius:12px;padding:12px 14px;background:#f9fbff;display:flex;justify-content:space-between;align-items:center}.profile-avatar{width:92px;height:92px;border-radius:50%;object-fit:cover;border:3px solid #fff;box-shadow:0 8px 22px #0f172a29}.profile-avatar-fallback{display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:1.5rem;color:#fff;background:linear-gradient(135deg,#3b82f6,#6366f1)}.attendee-card{display:flex;align-items:center;gap:10px;background:#f8faff;border:1px solid #eef2ff;border-radius:12px;padding:10px}.attendee-avatar{width:42px;height:42px;border-radius:50%;object-fit:cover}.attendee-avatar-fallback{display:inline-flex;align-items:center;justify-content:center;font-weight:700;color:#fff;background:linear-gradient(135deg,#3b82f6,#6366f1)}.attendee-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.volunteer-card{transition:transform .2s ease,box-shadow .2s ease}.volunteer-card:hover{transform:translateY(-2px);box-shadow:0 14px 30px #0f172a1f!important}.volunteer-avatar{width:54px;height:54px;border-radius:50%;object-fit:cover;flex-shrink:0}.volunteer-avatar-fallback{display:inline-flex;align-items:center;justify-content:center;font-weight:700;color:#fff;background:linear-gradient(135deg,#2563eb,#7c3aed)}.volunteer-profile-card{background:linear-gradient(180deg,#fff,#f9fbff)}.volunteer-profile-avatar{width:112px;height:112px;border-radius:50%;object-fit:cover;border:3px solid #fff;box-shadow:0 12px 24px #0f172a2e}.volunteer-stat-card{border:1px solid #e9eefc;border-radius:12px;padding:12px 14px;background:#fff}.profile-header-card{transition:box-shadow .3s ease}.profile-header-card:hover{box-shadow:0 12px 28px #0f172a1f!important}.profile-banner{background:linear-gradient(135deg,#3b82f6,#6366f1);height:200px;background-size:cover;background-position:center}.profile-header-avatar{width:120px;height:120px;border-radius:50%;object-fit:cover;border:4px solid #fff;box-shadow:0 8px 24px #0f172a29}.profile-header-avatar-fallback{display:inline-flex;align-items:center;justify-content:center;width:120px;height:120px;font-weight:700;font-size:2rem;color:#fff;background:linear-gradient(135deg,#3b82f6,#6366f1);border-radius:50%;border:4px solid #fff;box-shadow:0 8px 24px #0f172a29}.profile-edit-avatar-btn{position:absolute;bottom:0;right:0;width:36px;height:36px;border-radius:50%;background:#fff;border:2px solid #e9ecef;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 12px #0f172a1a;transition:all .2s ease}.profile-edit-avatar-btn:hover{background:#f8f9fa;box-shadow:0 6px 16px #0f172a26}.profile-edit-avatar-btn i{color:#495057;font-size:.75rem}.profile-readonly-section{background:linear-gradient(180deg,#fff,#fcfcff)}.profile-readonly-title{color:#2f2f4f;letter-spacing:.01em}.profile-interest-badge{background:#eef2ff;color:#4338ca;border:1px solid #dfe4ff;font-weight:600;padding:.45rem .65rem}.profile-readonly-item{border:1px solid #ececf7;border-radius:12px;padding:.75rem .9rem;background:#fff}