@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";
:root{--color-primary-50:#f0faff;--color-primary-100:#dff3fc;--color-primary-200:#b7e7f9;--color-primary-300:#7cd7f5;--color-primary-400:#3eb8ea;--color-primary-500:#18a1d8;--color-primary-600:#0b82b3;--color-primary-700:#0b6890;--color-primary-800:#0e5777;--color-primary-900:#114963;--color-accent-400:#fdbd32;--color-accent-500:#fcb316;--color-accent-600:#e59a06;--color-success-400:#a2d458;--color-success-500:#8dc63f;--color-success-600:#74aa2f;--color-warning-400:#fbbf24;--color-warning-500:#f59e0b;--color-warning-600:#d97706;--color-danger-400:#f87171;--color-danger-500:#ef4444;--color-danger-600:#dc2626;--color-info-400:#38bdf8;--color-info-500:#0ea5e9;--color-pink-400:#f071b0;--color-pink-500:#eb559f;--color-gray-50:#fff;--color-gray-100:#f8fafc;--color-gray-150:#f1f5f9;--color-gray-200:#e2e8f0;--color-gray-300:#cbd5e1;--color-gray-400:#94a3b8;--color-gray-500:#64748b;--color-gray-600:#475569;--color-gray-700:#334155;--color-gray-800:#1e293b;--color-gray-850:#141f32;--color-gray-900:#0f172a;--color-gray-950:#090d16;--surface-base:#f8fafc;--surface-raised:#fff;--surface-overlay:#f1f5f9;--surface-card:#fff;--surface-card-hover:#fff;--text-primary:#0f172a;--text-secondary:#475569;--text-tertiary:#64748b;--text-inverse:#fff;--border-subtle:#e2e8f0;--border-default:#cbd5e1;--border-strong:#94a3b8;--border-primary:var(--color-primary-500);--shadow-sm:0 1px 3px 0 #0f172a0f, 0 1px 2px 0 #0f172a0a;--shadow-md:0 4px 6px -1px #0f172a14, 0 2px 4px -2px #0f172a0d;--shadow-lg:0 10px 15px -3px #0f172a14, 0 4px 6px -4px #0f172a08;--shadow-xl:0 20px 25px -5px #0f172a17, 0 8px 10px -6px #0f172a0a;--shadow-glow:0 4px 20px #3eb8ea38;--shadow-glow-lg:0 8px 30px #3eb8ea47;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--space-0:0;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-full:9999px;--transition-fast:.15s ease;--transition-base:.2s ease;--transition-slow:.3s ease;--transition-spring:.3s cubic-bezier(.34, 1.56, .64, 1);--z-dropdown:50;--z-sticky:100;--z-modal-backdrop:200;--z-modal:300;--z-toast:400;--sidebar-width:260px;--topbar-height:64px;--mobile-nav-height:64px}
.btn{justify-content:center;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-family:var(--font-sans);cursor:pointer;transition:all var(--transition-base);border-radius:var(--radius-md);white-space:nowrap;border:none;padding:10px 18px;font-weight:600;line-height:1;text-decoration:none;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-primary{background:linear-gradient(135deg, var(--color-primary-500), var(--color-accent-500));color:#fff;box-shadow:var(--shadow-md), 0 2px 10px #3eb8ea40}.btn-primary:hover:not(:disabled){box-shadow:var(--shadow-lg), 0 4px 15px #3eb8ea59;transform:translateY(-1px)}.btn-secondary{background:var(--surface-raised);color:var(--text-primary);border:1px solid var(--border-default);box-shadow:var(--shadow-sm)}.btn-secondary:hover:not(:disabled){background:var(--surface-overlay);border-color:var(--border-strong)}.btn-ghost{color:var(--text-secondary);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--surface-overlay);color:var(--text-primary)}.btn-danger{color:var(--color-danger-600);background:#ef44441a;border:1px solid #ef444440}.btn-danger:hover:not(:disabled){background:#ef44442e}.btn-sm{font-size:var(--text-sm);border-radius:var(--radius-sm);padding:6px 14px}.btn-md{font-size:var(--text-sm);padding:10px 20px}.btn-lg{font-size:var(--text-base);border-radius:var(--radius-lg);padding:14px 28px}.btn-icon{border-radius:var(--radius-md);justify-content:center;align-items:center;width:36px;height:36px;padding:0;display:inline-flex}.card{background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-sm);transition:all var(--transition-base)}.card-interactive:hover{background:var(--surface-card-hover);border-color:var(--color-primary-400);box-shadow:var(--shadow-md), var(--shadow-glow);transform:translateY(-2px)}.card-header{margin-bottom:var(--space-4);justify-content:space-between;align-items:center;display:flex}.card-footer{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--border-subtle);justify-content:space-between;align-items:center;display:flex}.badge{align-items:center;gap:var(--space-1);border-radius:var(--radius-full);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;border:1px solid #0000000f;padding:3px 10px;font-weight:600;line-height:1.4;display:inline-flex}.badge-volunteer{color:var(--color-primary-700);background:#3eb8ea24}.badge-rsvp{color:#6d28d9;background:#8b5cf624}.badge-potluck{color:#9a6300;background:#fcb3162e}.badge-conference{color:#3d6812;background:#8dc63f33}.badge-club{color:#be185d;background:#eb559f24}.badge-sports{color:var(--color-danger-600);background:#ef444424}.badge-confirmed{color:#3d6812;background:#8dc63f33}.badge-waitlisted{color:#9a6300;background:#fcb3162e}.badge-cancelled{color:var(--color-danger-600);background:#ef444424}.badge-draft{color:var(--color-gray-600);background:#64748b24}.badge-published{color:#3d6812;background:#8dc63f33}.form-group{margin-bottom:var(--space-5)}.input-label{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-2);font-weight:500;display:block}.input{width:100%;padding:10px var(--space-4);background:var(--surface-raised);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--text-base);transition:all var(--transition-fast);outline:none}.input:focus{border-color:var(--color-primary-500);box-shadow:0 0 0 3px #3eb8ea2e}.input::placeholder{color:var(--text-tertiary)}.textarea{resize:vertical;min-height:100px}.select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:36px}.avatar{border-radius:var(--radius-full);background:linear-gradient(135deg, var(--color-primary-500), var(--color-accent-500));color:#fff;width:36px;height:36px;font-weight:700;font-size:var(--text-sm);flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%}.avatar-sm{width:28px;height:28px;font-size:var(--text-xs)}.avatar-lg{width:48px;height:48px;font-size:var(--text-lg)}.progress-bar{background:var(--surface-overlay);border-radius:var(--radius-full);height:8px;overflow:hidden}.progress-bar-fill{border-radius:var(--radius-full);background:linear-gradient(90deg, var(--color-primary-500), var(--color-accent-500));height:100%;transition:width .65s cubic-bezier(.16,1,.3,1)}.progress-bar-fill.high,.progress-bar-fill[data-fill=high]{background:linear-gradient(90deg,#f59e0b,#ea580c)}.progress-bar-fill.full,.progress-bar-fill[data-fill=full]{background:linear-gradient(90deg,#ef4444,#dc2626)}.modal-backdrop{-webkit-backdrop-filter:blur(4px);z-index:var(--z-modal-backdrop);animation:fadeIn var(--transition-fast) forwards;background:#0f172a73;position:fixed;inset:0}.modal{background:var(--surface-raised);color:var(--text-primary);border:1px solid var(--border-default);border-radius:var(--radius-xl);padding:var(--space-8);width:90%;max-width:520px;max-height:85vh;z-index:var(--z-modal);box-shadow:var(--shadow-xl);animation:modalSlideUp var(--transition-slow) forwards;position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%)}.modal-title{font-size:var(--text-xl);color:var(--text-primary);margin-bottom:var(--space-4);font-weight:700}.modal-actions{gap:var(--space-3);margin-top:var(--space-6);justify-content:flex-end;display:flex}.toast{bottom:var(--space-6);right:var(--space-6);background:var(--surface-raised);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-6);box-shadow:var(--shadow-xl);z-index:var(--z-toast);animation:toastSlideIn var(--transition-slow) forwards;align-items:center;gap:var(--space-3);display:flex;position:fixed}.toast-success{border-left:3px solid var(--color-success-500)}.toast-error{border-left:3px solid var(--color-danger-500)}.skeleton{background:linear-gradient(90deg, var(--surface-overlay) 25%, var(--surface-card-hover) 50%, var(--surface-overlay) 75%);border-radius:var(--radius-md);background-size:200% 100%;animation:1.5s infinite shimmer}.skeleton-text{height:14px;margin-bottom:var(--space-2)}.skeleton-title{width:60%;height:20px;margin-bottom:var(--space-3)}.skeleton-avatar{border-radius:var(--radius-full);width:36px;height:36px}.skeleton-card{border-radius:var(--radius-lg);height:200px}.tabs{gap:var(--space-1);background:var(--surface-overlay);border-radius:var(--radius-lg);border:1px solid var(--border-subtle);padding:4px;display:flex}.tab{border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);font-weight:500;font-family:var(--font-sans);background:0 0;border:none;padding:8px 16px}.tab:hover{color:var(--text-primary)}.tab.active{background:var(--color-primary-500);color:#fff;box-shadow:var(--shadow-sm)}.empty-state{padding:var(--space-16) var(--space-8);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-state-icon{margin-bottom:var(--space-4);opacity:.4;font-size:48px}.empty-state-title{font-size:var(--text-xl);color:var(--text-primary);margin-bottom:var(--space-2);font-weight:600}.empty-state-description{font-size:var(--text-base);color:var(--text-secondary);max-width:400px;margin-bottom:var(--space-6)}.stat-card{background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-sm)}.stat-card-value{font-size:var(--text-3xl);background:linear-gradient(135deg, var(--color-gray-900), var(--color-primary-600));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:800;line-height:1.1}.stat-card-label{font-size:var(--text-sm);color:var(--text-secondary);margin-top:var(--space-1)}.stat-card-trend{font-size:var(--text-xs);margin-top:var(--space-2);align-items:center;gap:var(--space-1);border-radius:var(--radius-full);padding:2px 8px;font-weight:600;display:inline-flex}.stat-card-trend.up{color:#3d6812;background:#8dc63f2e}.stat-card-trend.down{color:var(--color-danger-600);background:#ef444424}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideUp{0%{opacity:0;transform:translate(-50%,-45%)}to{opacity:1;transform:translate(-50%,-50%)}}@keyframes toastSlideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes popIn{0%{opacity:0;transform:scale(.5)}70%{opacity:1;transform:scale(1.12)}to{opacity:1;transform:scale(1)}}.btn:active{transform:scale(.97)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}
.dashboard-layout{grid-template-columns:var(--sidebar-width) 1fr;grid-template-rows:var(--topbar-height) 1fr;background:var(--surface-base);grid-template-areas:"sidebar topbar""sidebar main";min-height:100vh;display:grid}.sidebar{background:var(--surface-raised);border-right:1px solid var(--border-subtle);padding:var(--space-6) 0;flex-direction:column;grid-area:sidebar;height:100vh;display:flex;position:sticky;top:0;overflow-y:auto}.sidebar-logo{align-items:center;gap:var(--space-3);padding:0 var(--space-6);margin-bottom:var(--space-8);text-decoration:none;display:flex}.sidebar-logo-icon{background:linear-gradient(135deg, var(--color-primary-500), var(--color-accent-500));border-radius:var(--radius-lg);justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;display:flex;box-shadow:0 4px 15px #3eb8ea59}.sidebar-logo-text{font-size:var(--text-lg);background:linear-gradient(135deg, var(--color-gray-900), var(--color-primary-600));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:800}.sidebar-section{margin-bottom:var(--space-6)}.sidebar-section-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary);padding:0 var(--space-6);margin-bottom:var(--space-2);font-size:11px;font-weight:600}.sidebar-nav{margin:0;padding:0;list-style:none}.sidebar-nav-item{margin:0 var(--space-3)}.sidebar-nav-link{align-items:center;gap:var(--space-3);padding:10px var(--space-4);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--text-sm);transition:all var(--transition-fast);font-weight:500;text-decoration:none;display:flex;position:relative}.sidebar-nav-link:hover{color:var(--text-primary);background:var(--surface-overlay)}.sidebar-nav-link.active{color:var(--color-primary-600);background:#3eb8ea1f}.sidebar-nav-link.active:before{content:"";background:var(--color-primary-500);border-radius:0 var(--radius-full) var(--radius-full) 0;width:3px;height:20px;position:absolute;top:50%;left:-12px;transform:translateY(-50%)}.sidebar-nav-link-icon{text-align:center;flex-shrink:0;width:20px;font-size:18px}.sidebar-nav-link-badge{background:var(--color-primary-500);color:#fff;border-radius:var(--radius-full);text-align:center;min-width:20px;margin-left:auto;padding:2px 7px;font-size:11px;font-weight:700}.sidebar-footer{padding:var(--space-4) var(--space-6);border-top:1px solid var(--border-subtle);margin-top:auto}.sidebar-user{align-items:center;gap:var(--space-3);display:flex}.sidebar-user-info{flex:1;min-width:0}.sidebar-user-name{font-size:var(--text-sm);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.sidebar-user-role{font-size:var(--text-xs);color:var(--text-tertiary);text-transform:capitalize}.topbar{padding:0 var(--space-8);border-bottom:1px solid var(--border-subtle);z-index:var(--z-sticky);-webkit-backdrop-filter:blur(12px);background:#ffffffe0;grid-area:topbar;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.topbar-left{align-items:center;gap:var(--space-4);display:flex}.topbar-search{align-items:center;gap:var(--space-2);background:var(--surface-overlay);border:1px solid var(--border-subtle);border-radius:var(--radius-md);min-width:280px;transition:all var(--transition-fast);padding:8px 14px;display:flex}.topbar-search:focus-within{border-color:var(--color-primary-500);box-shadow:0 0 0 3px #3eb8ea26}.topbar-search-icon{color:var(--text-tertiary);font-size:14px}.topbar-search input{color:var(--text-primary);font-size:var(--text-sm);font-family:var(--font-sans);background:0 0;border:none;outline:none;flex:1}.topbar-search input::placeholder{color:var(--text-tertiary)}.topbar-right{align-items:center;gap:var(--space-3);display:flex}.topbar-action{border-radius:var(--radius-md);border:1px solid var(--border-subtle);width:38px;height:38px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;justify-content:center;align-items:center;font-size:18px;display:flex;position:relative}.topbar-action:hover{background:var(--surface-overlay);color:var(--text-primary);border-color:var(--border-default)}.topbar-notification-dot{background:var(--color-danger-500);border-radius:var(--radius-full);border:2px solid var(--surface-raised);width:8px;height:8px;position:absolute;top:6px;right:6px}.main-content{padding:var(--space-8);grid-area:main;min-height:0;overflow-y:auto}.page-header{margin-bottom:var(--space-8);justify-content:space-between;align-items:center;display:flex}.page-title{font-size:var(--text-2xl);color:var(--text-primary);font-weight:800}.page-subtitle{font-size:var(--text-base);color:var(--text-secondary);margin-top:var(--space-1)}.page-actions{gap:var(--space-3);display:flex}.grid{gap:var(--space-6);display:grid}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.grid-auto{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}@media (max-width:1024px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.grid-4,.grid-3,.grid-2{grid-template-columns:1fr}}.mobile-nav{height:var(--mobile-nav-height);background:var(--surface-raised);border-top:1px solid var(--border-subtle);z-index:var(--z-sticky);padding:0 var(--space-4);justify-content:space-around;align-items:center;display:none;position:fixed;bottom:0;left:0;right:0}.mobile-nav-item{color:var(--text-tertiary);transition:color var(--transition-fast);padding:var(--space-2);flex-direction:column;align-items:center;gap:2px;font-size:10px;font-weight:500;text-decoration:none;display:flex}.mobile-nav-item.active{color:var(--color-primary-600)}.mobile-nav-icon{font-size:22px}@media (max-width:768px){.dashboard-layout{grid-template-columns:1fr;grid-template-rows:var(--topbar-height) 1fr;grid-template-areas:"topbar""main"}.sidebar{display:none}.mobile-nav{display:flex}.main-content{padding:var(--space-4);padding-bottom:calc(var(--mobile-nav-height) + var(--space-4))}.topbar-search{display:none}.page-header{align-items:flex-start;gap:var(--space-3);flex-direction:column}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}
.login-page{background:var(--surface-base);justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.login-bg{background:radial-gradient(at 20%,#3eb8ea2e 0%,#0000 50%),radial-gradient(at 80% 20%,#fcb3161f 0%,#0000 50%),radial-gradient(at 50% 80%,#8dc63f1a 0%,#0000 50%);position:absolute;inset:0}.login-card{background:var(--surface-card);border:1px solid var(--border-default);border-radius:var(--radius-2xl);padding:var(--space-12) var(--space-10);text-align:center;width:90%;max-width:440px;box-shadow:var(--shadow-xl);animation:.6s forwards fadeInUp;position:relative}.login-logo{background:linear-gradient(135deg, var(--color-primary-500), var(--color-accent-500));border-radius:var(--radius-xl);width:56px;height:56px;margin:0 auto var(--space-6);box-shadow:var(--shadow-glow-lg);justify-content:center;align-items:center;font-size:28px;display:flex}.login-title{font-size:var(--text-2xl);color:var(--text-primary);margin-bottom:var(--space-2);font-weight:800}.login-subtitle{font-size:var(--text-base);color:var(--text-secondary);margin-bottom:var(--space-8)}.login-btn{border-radius:var(--radius-lg);width:100%;font-size:var(--text-base);cursor:pointer;justify-content:center;align-items:center;gap:var(--space-3);transition:all var(--transition-base);border:1px solid var(--border-default);background:var(--surface-raised);color:var(--text-primary);font-weight:600;font-family:var(--font-sans);padding:14px;display:flex}.login-btn:hover{background:var(--surface-overlay);border-color:var(--border-strong);box-shadow:var(--shadow-lg);transform:translateY(-1px)}.login-btn svg{width:20px;height:20px}.login-divider{align-items:center;gap:var(--space-4);margin:var(--space-6) 0;color:var(--text-tertiary);font-size:var(--text-sm);display:flex}.login-divider:before,.login-divider:after{content:"";background:var(--border-subtle);flex:1;height:1px}.login-footer{margin-top:var(--space-8);font-size:var(--text-sm);color:var(--text-tertiary)}.dashboard-welcome{margin-bottom:var(--space-8)}.dashboard-welcome h1{font-size:var(--text-3xl);color:var(--text-primary);margin-bottom:var(--space-1);font-weight:800}.dashboard-welcome h1 span{background:linear-gradient(135deg, var(--color-primary-400), var(--color-accent-400));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.dashboard-welcome p{color:var(--text-secondary);font-size:var(--text-base)}.stats-grid{gap:var(--space-5);margin-bottom:var(--space-8);grid-template-columns:repeat(4,1fr);display:grid}@media (max-width:1024px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.stats-grid{grid-template-columns:1fr}}.dashboard-section{margin-bottom:var(--space-8)}.dashboard-section-header{margin-bottom:var(--space-5);justify-content:space-between;align-items:center;display:flex}.dashboard-section-title{font-size:var(--text-lg);color:var(--text-primary);font-weight:700}.quick-actions{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));display:grid}.quick-action{align-items:center;gap:var(--space-3);padding:var(--space-6);background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);flex-direction:column;text-decoration:none;display:flex}.quick-action:hover{background:var(--surface-card-hover);border-color:var(--border-default);box-shadow:var(--shadow-glow);transform:translateY(-2px)}.quick-action-icon{border-radius:var(--radius-lg);justify-content:center;align-items:center;width:48px;height:48px;font-size:22px;display:flex}.quick-action-icon.volunteer{background:#3eb8ea26}.quick-action-icon.rsvp{background:#8b5cf626}.quick-action-icon.potluck{background:#fcb3162e}.quick-action-icon.conference{background:#8dc63f33}.quick-action-label{font-size:var(--text-sm);color:var(--text-primary);font-weight:600}.quick-action-desc{font-size:var(--text-xs);color:var(--text-tertiary);text-align:center}.event-card{background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);flex-direction:column;justify-content:space-between;height:100%;text-decoration:none;transition:all .25s cubic-bezier(.16,1,.3,1);animation:.4s backwards fadeInUp;display:flex;position:relative;overflow:hidden}.event-card:hover{background:var(--surface-card-hover);border-color:#3eb8ea66;transform:translateY(-4px);box-shadow:0 16px 32px -8px #0f172a1f,0 0 0 1px #3eb8ea33}.event-card-banner{flex-direction:column;justify-content:space-between;width:100%;height:116px;padding:12px 14px;display:flex;position:relative;overflow:hidden}.event-card-banner-bg{transition:transform .4s cubic-bezier(.16,1,.3,1);position:absolute;inset:0}.event-card:hover .event-card-banner-bg{transform:scale(1.05)}.event-card-banner-top{z-index:2;justify-content:space-between;align-items:center;width:100%;display:flex;position:relative}.event-card-banner-bottom{z-index:2;align-items:center;gap:8px;display:flex;position:relative}.event-urgency-badge{-webkit-backdrop-filter:blur(8px);letter-spacing:.02em;border-radius:999px;align-items:center;gap:4px;padding:3px 8px;font-size:11px;font-weight:700;display:inline-flex}.event-urgency-badge.registered{color:#fff;background:#8dc63fe6;box-shadow:0 2px 8px #8dc63f66}.event-urgency-badge.urgent{color:#fff;background:#ef4444e6;animation:2s ease-in-out infinite badgePulse;box-shadow:0 2px 8px #ef444459}.event-urgency-badge.almost-full{color:#fff;background:#fcb316e6;box-shadow:0 2px 8px #fcb31659}.event-urgency-badge.closed{color:#fff;background:#64748bd9}@keyframes badgePulse{0%,to{transform:scale(1);box-shadow:0 2px 8px #ef444459}50%{transform:scale(1.04);box-shadow:0 4px 14px #ef444499}}.event-card-body{flex-direction:column;flex:1;padding:16px 18px 8px;display:flex}.event-card-group-pill{color:var(--color-primary-700);background:#3eb8ea1a;border:1px solid #3eb8ea33;border-radius:999px;align-self:flex-start;align-items:center;gap:4px;margin-bottom:8px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.event-card-title{color:var(--text-primary);-webkit-line-clamp:2;transition:color var(--transition-fast);-webkit-box-orient:vertical;margin-bottom:6px;font-size:1.05rem;font-weight:700;line-height:1.35;display:-webkit-box;overflow:hidden}.event-card:hover .event-card-title{color:var(--color-primary-600)}.event-card-desc{color:var(--text-tertiary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:12px;font-size:12px;line-height:1.45;display:-webkit-box;overflow:hidden}.event-card-meta{flex-direction:column;gap:6px;margin-bottom:12px;display:flex}.event-card-meta-item{color:var(--text-secondary);align-items:center;gap:8px;font-size:12px;font-weight:500;display:flex}.event-card-meta-icon{width:16px;height:16px;color:var(--color-primary-500);flex-shrink:0}.event-card-footer{border-top:1px solid var(--border-subtle);background:#f8fafc80;padding:12px 18px 16px}.event-card-progress{margin-bottom:12px}.event-card-progress-label{color:var(--text-secondary);justify-content:space-between;align-items:center;margin-bottom:5px;font-size:11px;font-weight:600;display:flex}.event-card-action-row{justify-content:space-between;align-items:center;display:flex}.dashboard-hero-banner{border-radius:var(--radius-2xl);padding:var(--space-8);margin-bottom:var(--space-8);background:linear-gradient(135deg,#f0faff 0%,#fff 50%,#fffbf0 100%);border:1px solid #3eb8ea4d;position:relative;overflow:hidden;box-shadow:0 10px 30px -10px #3eb8ea26,0 1px 3px #0f172a0d}.dashboard-hero-bg-shapes{pointer-events:none;background-image:radial-gradient(circle at 90% 15%,#fcb3161f 0%,#0000 40%),radial-gradient(circle at 10% 85%,#3eb8ea26 0%,#0000 40%),radial-gradient(circle at 60% 60%,#8dc63f14 0%,#0000 35%);position:absolute;inset:0}.campus-pill{color:var(--text-secondary);border:1px solid var(--border-subtle);transition:all var(--transition-fast);background:#fff;border-radius:999px;align-items:center;gap:6px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-flex;box-shadow:0 1px 2px #0f172a0a}.campus-pill:hover{border-color:var(--color-primary-400);color:var(--color-primary-700);transform:translateY(-1px)}.dashboard-stat-card{border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:var(--space-5);background:#fff;flex-direction:column;justify-content:space-between;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 2px 6px #0f172a0a}.dashboard-stat-card:hover{border-color:#3eb8ea59;transform:translateY(-2px);box-shadow:0 10px 20px -5px #0f172a14,0 0 0 1px #3eb8ea26}.dashboard-stat-icon-wrapper{border-radius:var(--radius-lg);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;display:flex}.event-detail{max-width:900px}.event-detail-header{margin-bottom:var(--space-8)}.event-detail-badges{gap:var(--space-2);margin-bottom:var(--space-3);display:flex}.event-detail-title{font-size:var(--text-3xl);color:var(--text-primary);margin-bottom:var(--space-3);font-weight:800}.event-detail-meta{gap:var(--space-6);flex-wrap:wrap;display:flex}.event-detail-meta-item{align-items:center;gap:var(--space-2);color:var(--text-secondary);font-size:var(--text-base);display:flex}.event-detail-description{color:var(--text-secondary);font-size:var(--text-base);margin-bottom:var(--space-8);padding:var(--space-6);background:var(--surface-card);border-radius:var(--radius-lg);border:1px solid var(--border-subtle);line-height:1.7}.slot-grid{gap:var(--space-3);flex-direction:column;display:flex}.slot-grid-header{font-size:var(--text-lg);color:var(--text-primary);margin-bottom:var(--space-4);font-weight:700}.slot-row{align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);transition:all var(--transition-fast);display:flex}.slot-row:hover{border-color:var(--border-default);background:var(--surface-card-hover)}.slot-row.signed-up{background:#22c55e0d;border-color:#22c55e4d}.slot-info{flex:1;min-width:0}.slot-label{font-size:var(--text-base);color:var(--text-primary);margin-bottom:var(--space-1);font-weight:600}.slot-time{font-size:var(--text-sm);color:var(--text-secondary)}.slot-availability{align-items:center;gap:var(--space-3);flex-shrink:0;display:flex}.slot-count{font-size:var(--text-sm);color:var(--text-secondary);white-space:nowrap}.slot-progress{width:80px}.filter-bar{align-items:center;gap:var(--space-3);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.filter-chips{gap:var(--space-2);flex-wrap:wrap;display:flex}.filter-chip{border-radius:var(--radius-full);font-size:var(--text-xs);cursor:pointer;transition:all var(--transition-fast);border:1px solid var(--border-default);color:var(--text-secondary);font-weight:600;font-family:var(--font-sans);background:0 0;padding:6px 14px}.filter-chip:hover{border-color:var(--border-strong);color:var(--text-primary)}.filter-chip.active{background:var(--color-primary-500);border-color:var(--color-primary-500);color:#fff}.signup-list{gap:var(--space-4);flex-direction:column;display:flex}.signup-item{align-items:center;gap:var(--space-5);padding:var(--space-5);background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);transition:all var(--transition-fast);display:flex}.signup-item:hover{background:var(--surface-card-hover);border-color:var(--border-default)}.signup-item-date{min-width:56px;padding:var(--space-3);background:var(--surface-overlay);border-radius:var(--radius-md);flex-direction:column;align-items:center;display:flex}.signup-item-date-month{font-size:var(--text-xs);color:var(--color-primary-400);text-transform:uppercase;font-weight:600}.signup-item-date-day{font-size:var(--text-xl);color:var(--text-primary);font-weight:800;line-height:1}.signup-item-info{flex:1;min-width:0}.signup-item-title{font-size:var(--text-base);color:var(--text-primary);margin-bottom:var(--space-1);font-weight:600}.signup-item-slot{font-size:var(--text-sm);color:var(--text-secondary)}.signup-item-actions{gap:var(--space-2);display:flex}.calendar-header{margin-bottom:var(--space-6);justify-content:space-between;align-items:center;display:flex}.calendar-nav{align-items:center;gap:var(--space-3);display:flex}.calendar-nav-btn{border-radius:var(--radius-md);border:1px solid var(--border-default);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;justify-content:center;align-items:center;display:flex}.calendar-nav-btn:hover{background:var(--surface-overlay);color:var(--text-primary)}.calendar-month{font-size:var(--text-xl);color:var(--text-primary);font-weight:700}.calendar-grid{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);grid-template-columns:repeat(7,1fr);display:grid;overflow:hidden}.calendar-day-header{padding:var(--space-3);text-align:center;font-size:var(--text-xs);color:var(--text-tertiary);text-transform:uppercase;background:var(--surface-overlay);border-bottom:1px solid var(--border-subtle);font-weight:600}.calendar-day{min-height:100px;padding:var(--space-2);border-right:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);background:var(--surface-raised);cursor:pointer;transition:background var(--transition-fast)}.calendar-day:nth-child(7n){border-right:none}.calendar-day:hover{background:var(--surface-overlay)}.calendar-day.other-month{opacity:.3}.calendar-day.today{box-shadow:inset 0 0 0 2px var(--color-primary-500);background:#3eb8ea14}.calendar-day-number{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-1);font-weight:600}.calendar-day.today .calendar-day-number{color:var(--color-primary-600)}.calendar-event-dot{align-items:center;gap:var(--space-1);border-radius:var(--radius-sm);white-space:nowrap;text-overflow:ellipsis;margin-bottom:2px;padding:2px 6px;font-size:11px;font-weight:500;display:flex;overflow:hidden}.calendar-event-dot.volunteer{color:var(--color-primary-700);background:#3eb8ea29}.calendar-event-dot.rsvp{color:#6d28d9;background:#8b5cf629}.calendar-event-dot.potluck{color:#9a6300;background:#fcb3162e}.calendar-event-dot.conference{color:#3d6812;background:#8dc63f33}.notification-list{flex-direction:column;display:flex}.notification-item{align-items:flex-start;gap:var(--space-4);padding:var(--space-5) var(--space-4);border-bottom:1px solid var(--border-subtle);transition:background var(--transition-fast);cursor:pointer;display:flex}.notification-item:hover{background:var(--surface-overlay)}.notification-item.unread{background:#3eb8ea0f}.notification-item.unread .notification-title{color:var(--text-primary);font-weight:600}.notification-icon{border-radius:var(--radius-lg);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;display:flex}.notification-icon.confirm{background:#8dc63f33}.notification-icon.reminder{background:#3eb8ea26}.notification-icon.update{background:#fcb3162e}.notification-icon.available{background:#8b5cf626}.notification-content{flex:1;min-width:0}.notification-title{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-1)}.notification-body{font-size:var(--text-sm);color:var(--text-tertiary);-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.notification-time{font-size:var(--text-xs);color:var(--text-tertiary);margin-top:var(--space-1)}.notification-dot{border-radius:var(--radius-full);background:var(--color-primary-500);flex-shrink:0;width:8px;height:8px;margin-top:6px}.admin-users-table{border-collapse:separate;border-spacing:0;width:100%}.admin-users-table th{text-align:left;padding:var(--space-3) var(--space-4);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary);border-bottom:1px solid var(--border-subtle);font-weight:600}.admin-users-table td{padding:var(--space-4);font-size:var(--text-sm);color:var(--text-secondary);border-bottom:1px solid var(--border-subtle)}.admin-users-table tr:hover td{background:var(--surface-overlay)}.admin-user-cell{align-items:center;gap:var(--space-3);display:flex}.admin-user-cell-name{color:var(--text-primary);font-weight:600}.admin-user-cell-email{font-size:var(--text-xs);color:var(--text-tertiary)}.landing-page-root{background:var(--surface-base);min-height:100vh;color:var(--text-primary);font-family:var(--font-sans);position:relative;overflow-x:hidden}.landing-nav-wrapper{z-index:100;-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-subtle);background:#ffffffe6;transition:all .2s;position:sticky;top:0}.landing-nav{justify-content:space-between;align-items:center;max-width:1280px;margin:0 auto;padding:12px 24px;display:flex}.landing-nav-brand{color:inherit;align-items:center;gap:12px;text-decoration:none;display:flex}.landing-nav-brand-title{color:var(--text-primary);font-size:1.15rem;font-weight:800;line-height:1.2}.landing-nav-brand-tag{color:var(--color-primary-600);background:var(--color-primary-50);border:1px solid var(--color-primary-200);letter-spacing:.02em;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:600}.landing-nav-links{align-items:center;gap:24px;display:flex}.landing-nav-link{color:var(--text-secondary);font-size:14px;font-weight:600;text-decoration:none;transition:color .15s}.landing-nav-link:hover{color:var(--color-primary-600)}.landing-nav-actions{align-items:center;gap:12px;display:flex}.landing-hero{text-align:center;max-width:1280px;margin:0 auto;padding:72px 24px 64px;position:relative}.landing-hero-glow{filter:blur(90px);pointer-events:none;z-index:0;opacity:.45;border-radius:50%;position:absolute}.landing-hero-glow-1{background:radial-gradient(circle,#3eb8ea80 0%,#0000 70%);width:450px;height:450px;top:10px;left:10%}.landing-hero-glow-2{background:radial-gradient(circle,#fcb31659 0%,#0000 70%);width:480px;height:480px;top:40px;right:10%}.landing-hero-glow-3{background:radial-gradient(circle,#8dc63f4d 0%,#0000 70%);width:400px;height:400px;bottom:0;left:40%}.landing-hero-content{z-index:1;max-width:920px;margin:0 auto;position:relative}.landing-pill-badge{color:var(--text-primary);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffe6;border:1px solid #3eb8ea59;border-radius:999px;align-items:center;gap:8px;margin-bottom:24px;padding:6px 16px;font-size:13px;font-weight:600;display:inline-flex;box-shadow:0 4px 14px #3eb8ea1f}.landing-hero-h1{letter-spacing:-.03em;color:var(--text-primary);margin-bottom:20px;font-size:clamp(2.4rem,5vw,4rem);font-weight:900;line-height:1.12}.landing-gradient-text{background:linear-gradient(135deg,#0284c7 0%,#3eb8ea 45%,#ea580c 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.landing-hero-desc{color:var(--text-secondary);max-width:720px;margin:0 auto 36px;font-size:clamp(1.05rem,2vw,1.25rem);line-height:1.6}.landing-hero-ctas{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;margin-bottom:32px;display:flex}.landing-demo-pills{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-bottom:56px;display:flex}.landing-demo-label{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;font-size:12px;font-weight:600}.landing-demo-btn{background:var(--surface-card);border:1px solid var(--border-default);color:var(--text-secondary);box-shadow:var(--shadow-sm);border-radius:999px;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.landing-demo-btn:hover{background:var(--surface-overlay);border-color:var(--color-primary-400);color:var(--color-primary-700);transform:translateY(-2px);box-shadow:0 4px 12px #3eb8ea33}.landing-stats-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-top:24px;display:grid}.landing-stat-box{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--radius-xl);text-align:center;box-shadow:var(--shadow-sm);background:#ffffffe0;border:1px solid #e2e8f0d9;padding:24px 20px;transition:all .25s}.landing-stat-box:hover{box-shadow:var(--shadow-md);border-color:#3eb8ea66;transform:translateY(-3px)}.landing-stat-number{color:var(--text-primary);margin-bottom:6px;font-size:2.2rem;font-weight:900;line-height:1.1}.landing-stat-label{color:var(--color-primary-600);margin-bottom:4px;font-size:13px;font-weight:700}.landing-stat-sub{color:var(--text-tertiary);margin:0;font-size:11px}.landing-section{max-width:1280px;margin:0 auto;padding:72px 24px}.landing-section-header{text-align:center;max-width:760px;margin:0 auto 48px}.landing-section-tag{letter-spacing:.1em;text-transform:uppercase;color:var(--color-primary-600);background:var(--color-primary-50);border:1px solid var(--color-primary-200);border-radius:999px;margin-bottom:12px;padding:4px 12px;font-size:11px;font-weight:800;display:inline-block}.landing-section-title{letter-spacing:-.02em;color:var(--text-primary);margin-bottom:12px;font-size:clamp(1.8rem,3.5vw,2.5rem);font-weight:800}.landing-section-desc{font-size:var(--text-base);color:var(--text-secondary);line-height:1.6}.landing-pillars-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.landing-pillar-card{background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-2xl);box-shadow:var(--shadow-sm);flex-direction:column;padding:32px 28px;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.landing-pillar-card:hover{border-color:#3eb8ea59;transform:translateY(-6px);box-shadow:0 20px 35px -10px #0f172a1f}.landing-pillar-top-bar{height:4px;position:absolute;top:0;left:0;right:0}.landing-pillar-icon-box{border-radius:var(--radius-lg);justify-content:center;align-items:center;width:54px;height:54px;margin-bottom:20px;font-size:28px;display:flex}.landing-campuses-grid{grid-template-columns:1fr 1fr;gap:28px;display:grid}.landing-campus-card{background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-2xl);box-shadow:var(--shadow-sm);flex-direction:column;transition:all .3s;display:flex;overflow:hidden}.landing-campus-card:hover{box-shadow:var(--shadow-lg);border-color:#3eb8ea4d;transform:translateY(-4px)}.landing-campus-header{padding:24px 28px;position:relative;overflow:hidden}.landing-campus-body{flex-direction:column;flex:1;padding:24px 28px 28px;display:flex}.landing-pals-box{border-radius:var(--radius-2xl);box-shadow:var(--shadow-md);background:linear-gradient(135deg,#fdf6ec 0%,#fff 50%,#f0faff 100%);border:1px solid #fcb3164d;align-items:center;gap:40px;padding:40px;display:flex;position:relative;overflow:hidden}.landing-cta-box{border-radius:var(--radius-2xl);text-align:center;color:#fff;background:linear-gradient(135deg,#0b6890 0%,#18a1d8 50%,#ea580c 100%);padding:64px 36px;position:relative;overflow:hidden;box-shadow:0 20px 40px -10px #0b689059}.landing-footer{color:#94a3b8;background:#090e17;border-top:1px solid #ffffff14;padding:64px 24px 32px}@media (max-width:1024px){.landing-stats-grid{grid-template-columns:repeat(2,1fr)}.landing-pillars-grid,.landing-campuses-grid{grid-template-columns:1fr}.landing-pals-box{text-align:center;flex-direction:column;gap:24px}.landing-nav-links{display:none}}@media (max-width:640px){.landing-stats-grid{grid-template-columns:1fr}.landing-hero{padding:48px 16px 40px}.landing-section{padding:48px 16px}}
*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-sans);background:var(--surface-base);color:var(--text-primary);min-height:100vh;line-height:1.5}a{color:inherit;text-decoration:none}button{font-family:var(--font-sans)}img{max-width:100%;display:block}:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px}::selection{color:var(--text-primary);background:#3eb8ea40}