*{box-sizing:border-box;margin:0;padding:0}:root{--color-bg:#edf4ff;--color-surface:#1a1a1a;--color-border:#edf4ff;--color-text:#000000f2;--color-text-muted:#ffffffa6;--color-primary:#fbbf24;--color-primary-hover:#f59e0b;--color-accent:#3b82f6;--color-success:#22c55e;--color-warning:#eab308;--color-danger:#ef4444;--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 10px 25px #00000080;--radius:8px;--transition:.15s ease}body{background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;font-family:Sarabun,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:16px;line-height:1.6}.container{max-width:1200px;margin:0 auto;padding:32px 20px}h1{letter-spacing:-.02em;font-size:32px;font-weight:700;line-height:1.2}h2{font-size:20px;font-weight:600;line-height:1.3}.small{color:var(--color-text-muted);font-size:14px;line-height:1.5}.label{color:var(--color-text);margin-bottom:6px;font-size:14px;font-weight:600;display:block}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);transition:all var(--transition);padding:20px}a.card{color:inherit;text-decoration:none;display:block;position:relative;overflow:hidden}a.card:before{content:"";opacity:0;transition:opacity var(--transition);background:linear-gradient(135deg,#fbbf240d,#0000);position:absolute;inset:0}a.card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}a.card:hover:before{opacity:1}.grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;margin-top:20px;display:grid}.row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.input{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);width:100%;color:var(--color-text);transition:all var(--transition);padding:12px 14px;font-family:inherit;font-size:15px}.input:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #fbbf241a}textarea.input{resize:vertical;min-height:100px}.btn{border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-text);cursor:pointer;transition:all var(--transition);white-space:nowrap;background:#fbbf24;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex;position:relative}.btn:hover{background:#ffffff0d;border-color:#fff3;transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btnPrimary{background:var(--color-primary);border-color:var(--color-primary);color:#000;font-weight:700}.btnPrimary:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover);color:#000;box-shadow:0 4px 12px #fbbf244d}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.btn:disabled:hover{background:var(--color-primary);border-color:var(--color-primary);box-shadow:none}hr{border:none;border-top:1px solid var(--color-border);margin:20px 0}a{color:var(--color-primary);transition:color var(--transition);text-decoration:none}a:hover{color:var(--color-primary-hover)}.mt-1{margin-top:8px}.mt-2{margin-top:16px}.mt-3{margin-top:24px}.mb-1{margin-bottom:8px}.mb-2{margin-bottom:16px}.mb-3{margin-bottom:24px}@media (max-width:768px){.container{padding:20px 16px}h1{font-size:28px}.grid{grid-template-columns:1fr}.row{width:100%}.btn{flex:1;justify-content:center}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.card{animation:.3s ease-out fadeIn}.btn:focus-visible,.input:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.adminAccess{color:#000;isolation:isolate;position:relative}.adminAccess>:not([aria-hidden=true]){z-index:2;position:relative}.adminAccess .small{color:#000;opacity:1!important}.adminAccess .label,.adminAccess h1,.adminAccess h2,.adminAccess p,.adminAccess span,.adminAccess strong,.adminAccess textarea,.adminAccess input{color:#000}.adminAccess .input::placeholder{color:#000;opacity:1}.adminAccess .btn,.adminAccess .btnPrimary{color:#000;background:#fdf0a6;border-color:#fdf0a6}.adminAccess .btn:hover,.adminAccess .btnPrimary:hover{color:#000;background:#fdf0a6;border-color:#fdf0a6;box-shadow:0 6px 14px #fbbf2424}.adminAccess .btn:disabled,.adminAccess .btnPrimary:disabled{color:#000;background:#fdf0a6;border-color:#fdf0a6}.adminAccess .card{z-index:2;position:relative;opacity:1!important;background:#fff!important}.leaderDashboard{color:#000}.leaderDashboard .small{color:#000;opacity:1!important}.leaderDashboard .label,.leaderDashboard h1,.leaderDashboard h2,.leaderDashboard h3,.leaderDashboard p,.leaderDashboard span,.leaderDashboard strong,.leaderDashboard textarea,.leaderDashboard input,.leaderDashboard a{color:#000}.leaderDashboard .input::placeholder{color:#000;opacity:1}.leaderDashboard .btn,.leaderDashboard .btnPrimary{color:#000;background:#fdf0a6;border-color:#fdf0a6}.leaderDashboard .btn:hover,.leaderDashboard .btnPrimary:hover{color:#000;background:#fdf0a6;border-color:#fdf0a6;box-shadow:0 6px 14px #fbbf2424}.leaderDashboard .btn:disabled,.leaderDashboard .btnPrimary:disabled{color:#000;background:#fdf0a6;border-color:#fdf0a6}.authPage{color:#000;isolation:isolate;position:relative}.authPage>:not([aria-hidden=true]){z-index:2;position:relative}.authPage .small{color:#000;opacity:1!important}.authPage .label,.authPage h1,.authPage h2,.authPage p,.authPage span,.authPage strong,.authPage textarea,.authPage input,.authPage a{color:#000}.authPage .input::placeholder{color:#000;opacity:1}.authPage .btn,.authPage .btnPrimary{color:#000;background:#fdf0a6;border-color:#fdf0a6}.authPage .btn:hover,.authPage .btnPrimary:hover{color:#000;background:#fdf0a6;border-color:#fdf0a6;box-shadow:0 6px 14px #fbbf2424}.authPage .btn:disabled,.authPage .btnPrimary:disabled{color:#000;background:#fdf0a6;border-color:#fdf0a6}.authPage .card{color:#000;z-index:2;border:1px solid #10182814;position:relative;opacity:1!important;background:#fff!important}.clubDetail{color:#000}.clubDetail .small{color:#0009;opacity:1!important}.clubDetail .card{color:#000;background:#fff;border:1px solid #1018280f}.clubDetail .btn,.clubDetail .btnPrimary{color:#000;background:#fdf0a6;border-color:#fdf0a6}.clubDetail .btn:hover,.clubDetail .btnPrimary:hover{color:#000;background:#fdf0a6;border-color:#fdf0a6;box-shadow:0 6px 14px #fbbf2424}.clubDetail .btn:disabled,.clubDetail .btnPrimary:disabled{color:#000;background:#fdf0a6;border-color:#fdf0a6}.clubCreate{color:#000}.clubCreate .small{color:#0009;opacity:1!important}.clubCreate .card{color:#000;background:#fff;border:1px solid #1018280f}.clubCreate .btn,.clubCreate .btnPrimary{color:#000;background:#fdf0a6;border-color:#fdf0a6}.clubCreate .btn:hover,.clubCreate .btnPrimary:hover{color:#000;background:#fdf0a6;border-color:#fdf0a6;box-shadow:0 6px 14px #fbbf2424}.clubCreate .btn:disabled,.clubCreate .btnPrimary:disabled{color:#000;background:#fdf0a6;border-color:#fdf0a6}.clubCreateEvent{color:#000}.clubCreateEvent .small{color:#0009;opacity:1!important}.clubCreateEvent .card{color:#000;background:#fff;border:1px solid #1018280f}.clubCreateEvent .btn,.clubCreateEvent .btnPrimary{color:#000;background:#fdf0a6;border-color:#fdf0a6}.clubCreateEvent .btn:hover,.clubCreateEvent .btnPrimary:hover{color:#000;background:#fdf0a6;border-color:#fdf0a6;box-shadow:0 6px 14px #fbbf2424}.clubCreateEvent .btn:disabled,.clubCreateEvent .btnPrimary:disabled{color:#000;background:#fdf0a6;border-color:#fdf0a6}.clubEdit{color:#000}.clubEdit .small{color:#0009;opacity:1!important}.clubEdit .card{color:#000;background:#fff;border:1px solid #1018280f}.clubEdit .btn,.clubEdit .btnPrimary{color:#000;background:#fdf0a6;border-color:#fdf0a6}.clubEdit .btn:hover,.clubEdit .btnPrimary:hover{color:#000;background:#fdf0a6;border-color:#fdf0a6;box-shadow:0 6px 14px #fbbf2424}.clubEdit .btn:disabled,.clubEdit .btnPrimary:disabled{color:#000;background:#fdf0a6;border-color:#fdf0a6}.directoryHome{background:#edf4ff;padding-top:8px;position:relative}.directoryHome header,.directoryHome .card,.directoryHome .grid,.directoryHome .row,.directoryHome nav{z-index:1;position:relative}.directoryHome h1{margin:0 0 6px;font-size:48px}.directorySubtitle{color:#000000a6;margin-bottom:18px;font-size:15px}.directoryLayout{grid-template-columns:repeat(4,1fr);align-items:start;gap:28px;display:grid}.directoryGrid{grid-template-columns:repeat(4,1fr);gap:28px;width:100%;margin-top:20px;display:grid}.directoryToolbar{flex-wrap:wrap;align-items:center;gap:12px;margin-top:6px;display:flex}.directorySearchWrap{width:100%;max-width:520px}.directoryFilterToggle{font-size:11px}.directoryDropdown{position:relative}.directoryDropdownSummary{color:#000;cursor:pointer;background:#fdf0a6;border:1px solid #fdf0a6;border-radius:20px;justify-content:center;align-items:center;gap:10px;width:auto;min-width:0;padding:8px 16px;font-size:14px;font-weight:600;list-style:none;display:inline-flex;box-shadow:0 6px 14px #fbbf2424}.directoryDropdownSummary::-webkit-details-marker{display:none}.directoryDropdown[open] .directoryDropdownSummary{border-color:#fdf0a6;box-shadow:0 6px 14px #fbbf2424}.directoryDropdownMenu{z-index:10;background:#fff;border:1px solid #10182814;border-radius:16px;min-width:260px;max-height:320px;padding:12px 12px 8px;position:absolute;top:calc(100% + 8px);left:0;overflow:auto;box-shadow:0 18px 30px #10182814}.directoryDropdownClear{color:#111827;cursor:pointer;background:#1018280f;border:1px solid #10182814;border-radius:999px;margin-bottom:10px;padding:6px 10px;font-size:11px;font-weight:700}.directoryDropdownItem{color:#111827;flex-wrap:wrap;align-items:center;gap:10px;padding:6px 2px;font-size:13px;display:flex}.directoryDropdownHint{color:#111827b3;width:100%;margin-left:24px;font-size:12px;line-height:1.4;display:none}.directoryDropdownItem:hover .directoryDropdownHint{display:block}.directoryHome .card{color:#111827;background:#fff;border:1px solid #1018280a;border-radius:26px;padding:22px 26px;box-shadow:0 10px 20px #1018280f}.directoryHome a.card:hover{transform:translateY(-4px);box-shadow:0 18px 30px #10182814}.directoryCardTitle{color:#111827;margin-bottom:6px;font-size:20px}.directoryCardLearn{color:#2563eb;border-top:1px solid #10182808;margin-top:14px;padding-top:12px;font-size:13px;font-weight:600}.filtersPanel{filter:none;background:#fff;border:1px solid #1018280a;border-radius:18px;width:100%;max-width:200px;margin-top:12px;padding:14px;display:none;box-shadow:none!important}.filtersPanel.active{display:block}.directoryHome hr{border-top:1px solid #1018280f}.filtersHeader{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.filtersHeader h3{color:#111827;margin:0;font-size:18px}.filtersList{grid-template-columns:1fr;column-gap:8px;margin-top:8px;display:grid}.filterItem{color:#111827;align-items:center;gap:10px;padding:8px 0;display:flex}.directoryHome .btn{color:#000;background:#fdf0a6;border-color:#fdf0a6;border-radius:20px;padding:8px 16px;font-weight:600;box-shadow:0 6px 14px #fbbf2424}.directoryHome .btn+.btn{color:#111827;background:#ffffffe6;border:1px solid #1018280f;margin-left:8px}.directoryHome .input{opacity:1;mix-blend-mode:normal;-webkit-backdrop-filter:none;backdrop-filter:none;filter:none;border-color:#1018280f;background-color:#fff!important;background-image:none!important}@media (max-width:900px){.directoryGrid{grid-template-columns:repeat(2,1fr)}.filtersPanel{margin-top:12px;position:relative;top:0}.directoryHome h1{font-size:34px}.directoryGrid{justify-content:center}.filtersList{grid-template-columns:1fr}}@media (max-width:540px){.directoryGrid{grid-template-columns:1fr}.filtersPanel{margin-top:12px;position:relative;top:0}.directoryHome h1{font-size:34px}.directoryGrid{justify-content:center}.directorySearchWrap,.filtersPanel{max-width:100%}.directoryDropdownSummary{width:100%}.directoryDropdownMenu{min-width:100%}}.btn[href="/admin/review"]:not(.btnPrimary),.btn[href="/admin/access"]:not(.btnPrimary),.btn[href="/leader/dashboard"]:not(.btnPrimary),.btn[href=\/directory]:not(.btnPrimary),.btn[href=\/login]:not(.btnPrimary),.btn[href=\/]:not(.btnPrimary){color:#000;background:#fdf0a6;border-color:#fdf0a6;border-radius:20px;padding:8px 16px;font-weight:600;box-shadow:0 6px 14px #fbbf2424}.btn[href="/admin/review"]:not(.btnPrimary):hover,.btn[href="/admin/access"]:not(.btnPrimary):hover,.btn[href="/leader/dashboard"]:not(.btnPrimary):hover,.btn[href=\/directory]:not(.btnPrimary):hover,.btn[href=\/login]:not(.btnPrimary):hover,.btn[href=\/]:not(.btnPrimary):hover{color:#000;background:#fdf0a6;border-color:#fdf0a6;transform:translateY(-1px);box-shadow:0 6px 14px #fbbf2424}