.portal-page{background:var(--white);color:var(--gray-700);min-height:100vh}.portal-subtext{color:var(--gray-600);max-width:600px;margin:0 auto;font-size:clamp(.92rem,1.4vw,1.05rem);line-height:1.7}.portal-filter-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:36px;display:flex}.portal-search-input{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-full);width:100%;max-width:320px;box-shadow:var(--shadow-sm);transition:all var(--transition-base);align-items:center;gap:10px;padding:10px 20px;display:flex}.portal-search-input:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #1c53a31f}.portal-search-input input{font-family:var(--ff);color:var(--gray-800);background:0 0;border:none;outline:none;width:100%;font-size:.88rem}.portal-filter-group{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.portal-filter-btn{border-radius:var(--radius-full);border:1px solid var(--gray-200);background:var(--white);color:var(--gray-600);transition:all var(--transition-base);cursor:pointer;align-items:center;gap:6px;padding:8px 18px;font-size:.82rem;font-weight:600;display:inline-flex}.portal-filter-btn:hover{border-color:var(--primary-200);color:var(--primary);background:var(--primary-50)}.portal-filter-btn.active{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 4px 14px #1c53a340}.activities-grid,.events-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:30px;display:grid}.activity-card,.event-card{background:var(--white);border-radius:var(--radius-2xl);transition:all var(--transition-apple);border:1px solid #1c53a314;flex-direction:column;height:100%;display:flex;overflow:hidden;box-shadow:0 8px 30px #1c53a30f}.activity-card:hover,.event-card:hover{border-color:#1c53a333;transform:translateY(-8px);box-shadow:0 24px 50px #1c53a31f}.activity-img-wrapper,.event-card-banner{background:var(--gray-100);height:200px;position:relative;overflow:hidden}.activity-img-wrapper:after{display:none!important}.activity-img-wrapper img,.event-card-banner img{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.25,.46,.45,.94)}.activity-card:hover .activity-img-wrapper img,.event-card:hover .event-card-banner img{transform:scale(1.06)}.event-card-date{-webkit-backdrop-filter:blur(12px);border-radius:var(--radius-md);color:var(--primary);background:#fffffff2;align-items:center;gap:6px;padding:6px 12px;font-size:.8rem;font-weight:700;display:flex;position:absolute;top:14px;left:14px;box-shadow:0 2px 10px #00000014}.event-badge-pill{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.06em;padding:5px 12px;font-size:.7rem;font-weight:700;position:absolute;top:14px;right:14px}.badge-open{color:#fff;background:#10b981;box-shadow:0 2px 8px #10b9814d}.badge-upcoming{background:var(--primary);color:#fff;box-shadow:0 2px 8px #1c53a34d}.badge-completed{background:var(--gray-400);color:#fff}.event-card-content{flex-direction:column;flex:1;padding:24px;display:flex}.event-cat-tag{color:var(--primary);text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px;font-size:.72rem;font-weight:700}.event-card-title{color:var(--gray-900);letter-spacing:-.02em;margin-bottom:10px;font-size:1.15rem;font-weight:800;line-height:1.35}.event-card-desc{color:var(--gray-600);flex:1;margin-bottom:16px;font-size:.86rem;line-height:1.6}.event-meta-info{border-top:1px solid var(--gray-100);color:var(--gray-500);flex-direction:column;gap:6px;margin-bottom:16px;padding-top:12px;font-size:.8rem;display:flex}.event-meta-row{align-items:center;gap:8px;display:flex}.event-meta-row i{color:var(--primary);width:14px}.event-card-actions{gap:10px;margin-top:auto;display:flex}.featured-event-card{background:linear-gradient(135deg, var(--primary-900), var(--primary-dark));color:#fff;border-radius:var(--radius-3xl);border:1px solid #ffffff1f;margin-bottom:48px;padding:clamp(28px,4vw,44px);position:relative;overflow:hidden;box-shadow:0 20px 60px #0c255433}.featured-event-card:before{content:"";pointer-events:none;background:radial-gradient(circle,#ed1c2440,#0000 70%);border-radius:50%;width:380px;height:380px;position:absolute;top:-80px;right:-80px}.featured-grid{z-index:1;grid-template-columns:1.3fr 1fr;align-items:center;gap:32px;display:grid;position:relative}.featured-countdown-wrapper{border-radius:var(--radius-2xl);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);text-align:center;background:#ffffff14;border:1px solid #ffffff26;padding:24px}.countdown-timer-grid{grid-template-columns:repeat(4,1fr);gap:10px;margin-top:14px;display:grid}.countdown-unit-box{border-radius:var(--radius-lg);background:#00000040;border:1px solid #ffffff1f;padding:12px 6px}.countdown-unit-val{color:#fff;font-size:clamp(1.4rem,2.5vw,2.2rem);font-weight:800;line-height:1;display:block}.countdown-unit-lbl{color:#ffffffb3;text-transform:uppercase;letter-spacing:.08em;margin-top:4px;font-size:.65rem;font-weight:700;display:block}.forms-grid{grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:30px;display:grid}.form-card{background:var(--white);border-radius:var(--radius-2xl);transition:all var(--transition-apple);border:1px solid #1c53a314;flex-direction:column;justify-content:space-between;padding:clamp(28px,4vw,36px);display:flex;box-shadow:0 8px 32px #1c53a30f}.form-card:hover{border-color:#1c53a340;transform:translateY(-8px);box-shadow:0 24px 50px #1c53a31f}.form-card.featured-form{background:linear-gradient(180deg, var(--white) 0%, var(--primary-50) 100%);border-color:#1c53a340;box-shadow:0 16px 40px #1c53a31a}.form-icon-square{border-radius:var(--radius-lg);background:var(--primary-50);width:54px;height:54px;color:var(--primary);border:1px solid var(--primary-100);justify-content:center;align-items:center;font-size:1.4rem;display:flex}.form-card.featured-form .form-icon-square{background:var(--primary);color:#fff;border-color:var(--primary-dark);box-shadow:0 6px 20px #1c53a340}.form-requirements-box{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius-lg);margin:18px 0;padding:14px 16px}.form-requirements-box ul{flex-direction:column;gap:6px;margin-top:8px;display:flex}.form-requirements-box li{color:var(--gray-600);align-items:center;gap:8px;font-size:.8rem;display:flex}.form-requirements-box li i{color:var(--primary);font-size:.7rem}.admin-auth-screen{background:linear-gradient(135deg, var(--primary-50) 0%, var(--white) 50%, var(--primary-50) 100%);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex;position:relative}.admin-auth-card{background:var(--white);border-radius:var(--radius-2xl);text-align:center;border:1px solid #1c53a31a;width:100%;max-width:440px;padding:clamp(32px,5vw,48px);box-shadow:0 20px 60px #1c53a31f}.admin-google-btn{color:#1f2937;border-radius:var(--radius-lg);cursor:pointer;background:#fff;border:1px solid #d1d5db;justify-content:center;align-items:center;gap:12px;width:100%;margin-top:20px;padding:13px 20px;font-size:.95rem;font-weight:600;transition:all .2s;display:flex;box-shadow:0 2px 6px #0000000d}.admin-google-btn:hover{background:#f9fafb;border-color:#9ca3af;transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.admin-dashboard-container{min-height:100vh;color:var(--gray-800);background:#f8fafc;display:flex}.admin-sidebar{background:var(--white);border-right:1px solid var(--gray-200);z-index:100;flex-direction:column;width:260px;height:100vh;display:flex;position:sticky;top:0;box-shadow:2px 0 12px #00000005}.admin-sidebar-header{border-bottom:1px solid var(--gray-200);justify-content:space-between;align-items:center;height:72px;padding:0 20px;display:flex}.admin-sidebar-nav{flex-direction:column;flex:1;gap:4px;padding:16px 12px;display:flex;overflow-y:auto}.admin-nav-button{border-radius:var(--radius-md);color:var(--gray-600);transition:all var(--transition-fast);text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:12px;width:100%;padding:12px 16px;font-size:.88rem;font-weight:600;display:flex}.admin-nav-button:hover{background:var(--primary-50);color:var(--primary)}.admin-nav-button.active{background:var(--primary);color:#fff;box-shadow:0 4px 14px #1c53a333}.admin-nav-button i{text-align:center;width:20px;font-size:1rem}.admin-main-viewport{flex-direction:column;flex:1;min-width:0;display:flex;overflow-x:hidden}.admin-topbar{background:var(--white);border-bottom:1px solid var(--gray-200);z-index:90;justify-content:space-between;align-items:center;height:72px;padding:0 32px;display:flex;position:sticky;top:0}.admin-content-area{flex:1;width:100%;max-width:1400px;padding:32px}.admin-stat-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-xl);justify-content:space-between;align-items:center;padding:20px 24px;display:flex;box-shadow:0 2px 8px #00000005}.admin-table-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-xl);overflow:hidden;box-shadow:0 2px 12px #00000008}.portal-modal-backdrop{-webkit-backdrop-filter:blur(8px);z-index:9999;background:#0009;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.portal-modal-box{background:var(--white);border-radius:var(--radius-2xl);width:100%;max-width:600px;max-height:90vh;padding:32px;position:relative;overflow-y:auto;box-shadow:0 25px 60px #00000040}@media (max-width:1024px){.featured-grid{grid-template-columns:1fr}}@media (max-width:768px){.admin-sidebar{transition:transform .3s;position:fixed;transform:translate(-100%)}.admin-sidebar.open{transform:translate(0)}.events-grid,.forms-grid{grid-template-columns:1fr}.admin-topbar{padding:0 16px}.admin-content-area{padding:20px 16px}}