/* Lions Club Connect OS v2.9 - Modern UI System */
:root{
  --lc-blue:#00338d;--lc-blue-2:#0057d9;--lc-blue-3:#032869;--lc-gold:#fdb913;--lc-gold-2:#ffd56a;
  --ink:#0f172a;--muted:#64748b;--line:#dbe4f0;--soft:#f5f7fb;--card:#ffffff;
  --green:#16a34a;--red:#ef4444;--orange:#f97316;--purple:#7c3aed;
  --shadow:0 18px 45px rgba(15,23,42,.08);--shadow2:0 8px 24px rgba(15,23,42,.07);--radius:22px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0!important;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif!important;background:radial-gradient(circle at 20% 0,#fff 0,#f6f8fc 36%,#eef3fa 100%)!important;color:var(--ink)!important;font-size:15px!important;line-height:1.45!important}a{color:var(--lc-blue);text-decoration:none!important}a:hover{color:var(--lc-blue-2)}
/* Header */
.top{position:sticky!important;top:0!important;z-index:80!important;min-height:92px!important;background:linear-gradient(135deg,#002b7a 0%,#003895 48%,#012764 100%)!important;color:#fff!important;display:flex!important;align-items:center!important;justify-content:space-between!important;padding:14px 28px!important;box-shadow:0 12px 28px rgba(0,31,96,.18)!important;border:0!important}.brand{display:flex!important;align-items:center!important;gap:14px!important;min-width:0!important}.brand strong{font-size:26px!important;line-height:1.05!important;font-weight:950!important;color:#fff!important;letter-spacing:-.02em!important;display:block!important}.brand span{display:block!important;color:#dbeafe!important;font-weight:700!important;margin-top:2px!important}.logo-img{width:62px!important;height:62px!important;border-radius:18px!important;object-fit:contain!important;background:#fff!important;padding:6px!important;box-shadow:0 8px 24px rgba(0,0,0,.16)!important}.top-right{display:flex!important;align-items:center!important;gap:18px!important}.top-pin{display:grid!important;place-items:center!important;width:64px!important;height:64px!important;border-radius:18px!important;background:#fff!important;box-shadow:0 8px 24px rgba(0,0,0,.16)!important;overflow:hidden!important}.top-pin .dgpin{width:56px!important;height:56px!important;object-fit:contain!important;border-radius:12px!important}.top-actions{display:flex!important;align-items:center!important;gap:12px!important}.userpill{display:inline-flex!important;align-items:center!important;gap:8px!important;min-height:44px!important;padding:9px 18px!important;border-radius:16px!important;border:1px solid rgba(255,255,255,.28)!important;background:rgba(255,255,255,.08)!important;color:#fff!important;font-weight:900!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.15)!important}.userpill:before{content:"🏛"}.btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;border:1px solid #d9e4f2!important;border-radius:14px!important;background:#fff!important;color:#00338d!important;padding:11px 18px!important;font-weight:950!important;text-decoration:none!important;min-height:42px!important;line-height:1!important;box-shadow:0 6px 18px rgba(15,23,42,.04)!important;cursor:pointer!important}.btn:hover{transform:translateY(-1px);box-shadow:0 10px 24px rgba(15,23,42,.08)!important}.btn.gold{background:linear-gradient(180deg,#ffd65d,#fdb913)!important;color:#111827!important;border-color:#f1b300!important}.btn.danger{background:#ef4444!important;color:#fff!important;border-color:#ef4444!important}.btn.small{min-height:34px!important;padding:8px 12px!important;border-radius:12px!important;font-size:13px!important}.btn.full{width:100%!important}.btn svg,.ico svg{width:18px;height:18px;fill:currentColor;display:block}.ico{width:34px;height:34px;min-width:34px;display:inline-grid!important;place-items:center;border-radius:12px;background:#eff6ff;color:var(--lc-blue)}
/* Content shell */
.wrap{max-width:1600px!important;margin:0 auto!important;padding:20px 28px 38px!important}.flash{max-width:1180px!important;margin:14px auto!important;border-radius:16px!important;padding:13px 18px!important;font-weight:900!important;border:1px solid transparent!important}.flash.ok{background:#e7f8ee!important;color:#047857!important;border-color:#b7efcc!important}.flash.warn{background:#fff7d6!important;color:#92400e!important;border-color:#fde68a!important}.flash.error{background:#fee2e2!important;color:#991b1b!important;border-color:#fecaca!important}.flash a{font-weight:950!important;margin-left:12px!important}.card,.panel,.mini-card{background:#fff!important;border:1px solid rgba(203,213,225,.78)!important;border-radius:var(--radius)!important;box-shadow:var(--shadow2)!important}.card{padding:24px!important;margin:18px auto!important}.card h1,.card h2,.panel h2{color:var(--lc-blue)!important;letter-spacing:-.03em!important}.card h1{font-size:34px!important;margin:0 0 10px!important}.card h2,.panel h2{font-size:21px!important;margin:0 0 14px!important}.muted,.card p{color:var(--muted)}footer{color:#64748b!important;text-align:center!important;padding:20px!important;font-size:13px!important}
/* Member nav */
.member-nav{position:sticky!important;top:92px!important;z-index:55!important;display:flex!important;gap:10px!important;overflow:auto!important;white-space:nowrap!important;padding:14px 28px!important;background:rgba(255,255,255,.92)!important;backdrop-filter:blur(16px)!important;border-bottom:1px solid #e5edf7!important;box-shadow:0 12px 28px rgba(0,31,96,.05)!important}.member-nav a{display:inline-flex!important;align-items:center!important;gap:9px!important;min-height:48px!important;padding:10px 18px!important;border-radius:999px!important;color:#1e293b!important;background:#fff!important;border:1px solid #e2e8f0!important;box-shadow:0 6px 18px rgba(15,23,42,.04)!important;font-weight:950!important}.member-nav a .ico{background:#eff6ff;width:30px!important;height:30px!important;min-width:30px!important}.member-nav a.active{background:linear-gradient(180deg,#0957ce,#00338d)!important;color:#fff!important;border-color:#00338d!important;box-shadow:0 10px 28px rgba(0,51,141,.24)!important}.member-nav a.active .ico{background:rgba(255,255,255,.18)!important;color:#fff!important}.mobile-bottom-nav{display:none!important}
/* Admin layout */
.admin-mode .member-nav{display:none!important}.admin-sidebar{position:fixed!important;top:92px!important;left:0!important;bottom:0!important;width:286px!important;background:linear-gradient(180deg,#032869,#001f55)!important;color:#eaf2ff!important;overflow:auto!important;padding:18px 14px 28px!important;box-shadow:18px 0 44px rgba(0,31,96,.17)!important;z-index:60!important}.side-head{padding:10px 12px 18px!important;border-bottom:1px solid rgba(255,255,255,.16)!important;margin-bottom:14px!important}.side-head b{font-size:18px!important;color:#fff!important}.side-head span{display:block;color:#bdd5ff!important;font-size:12px!important;margin-top:4px!important}.side-group{margin:16px 0!important}.side-group h3{margin:0 0 8px!important;color:#ffdc73!important;font-size:12px!important;text-transform:uppercase!important;letter-spacing:.09em!important;font-weight:950!important}.admin-sidebar .nav-link{display:flex!important;align-items:center!important;gap:10px!important;padding:10px 11px!important;border-radius:14px!important;color:#eaf2ff!important;font-weight:850!important;margin:2px 0!important}.admin-sidebar .nav-link .ico{background:rgba(255,255,255,.12)!important;color:#fff!important;width:30px!important;height:30px!important;min-width:30px!important}.admin-sidebar .nav-link:hover,.admin-sidebar .nav-link.active{background:rgba(255,255,255,.12)!important;color:#fff!important}.admin-sidebar .nav-link.active{background:linear-gradient(90deg,rgba(253,185,19,.24),rgba(255,255,255,.09))!important;box-shadow:inset 4px 0 0 var(--lc-gold)!important}.admin-mode .wrap{max-width:none!important;margin-left:286px!important;padding:24px 28px 44px!important}.admin-mode footer{margin-left:286px!important}.admin-menu-toggle{display:none!important}.admin-quick-tabs{display:none!important}.admin-menu-backdrop{display:none!important}
/* Modern hero / dashboard */
.modern-hero{position:relative;overflow:hidden;border-radius:24px!important;background:linear-gradient(135deg,#0849bd 0%,#00338d 52%,#012764 100%)!important;color:#fff!important;padding:30px 34px!important;box-shadow:0 22px 55px rgba(0,51,141,.25)!important;border:0!important;margin:0 0 18px!important;display:grid!important;grid-template-columns:1fr auto;gap:24px;align-items:center}.modern-hero:after{content:"";position:absolute;right:0;top:0;bottom:0;width:36%;background:radial-gradient(circle at 70% 50%,rgba(255,255,255,.16),transparent 45%);opacity:.7}.modern-hero h1{position:relative;z-index:1;font-size:31px!important;margin:6px 0 6px!important;color:#fff!important;letter-spacing:-.04em!important}.modern-hero p{position:relative;z-index:1;color:#dbeafe!important;font-size:16px!important;margin:0 0 14px!important}.modern-hero .quick{position:relative;z-index:1;display:flex;gap:12px;flex-wrap:wrap}.modern-hero .btn:not(.gold){background:rgba(255,255,255,.08)!important;color:#fff!important;border-color:rgba(255,255,255,.35)!important}.pill{display:inline-flex;align-items:center;gap:7px;border-radius:999px;padding:7px 12px;font-weight:950;font-size:12px;background:#eef6ff;color:#00338d}.pill.gold{background:#fff3c7;color:#7a5400}.hero-chips{display:flex;gap:10px;flex-wrap:wrap}.hero-chips span{display:inline-flex;padding:8px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.24);background:rgba(255,255,255,.08);font-weight:850;color:#fff}.hero-chips .ok{background:#d1fae5;color:#065f46;border-color:#bbf7d0}.club-facts{position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,minmax(150px,1fr));gap:12px;background:#fff;color:#0f172a;border-radius:20px;padding:14px;box-shadow:0 12px 32px rgba(0,0,0,.12);min-width:430px}.club-facts div{border:1px solid #edf2f7;border-radius:16px;padding:12px}.club-facts small{display:block;color:var(--muted);font-weight:800}.club-facts b{display:block;margin-top:3px;color:var(--lc-blue)}.member-hero{grid-template-columns:auto 1fr}.hero-avatar{position:relative;z-index:1;width:94px;height:94px;border-radius:50%;background:linear-gradient(135deg,#eaf2ff,#fff);display:grid;place-items:center;color:var(--lc-blue);font-size:40px;font-weight:950}.mini-pin{position:absolute!important;width:34px!important;height:34px!important;right:-4px!important;bottom:3px!important;border-radius:50%!important;background:#fff!important;padding:2px!important;box-shadow:0 6px 18px rgba(0,0,0,.16)!important}
.metric-grid{display:grid!important;grid-template-columns:repeat(4,minmax(200px,1fr))!important;gap:16px!important;margin:18px 0!important}.metric-card{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:center;background:#fff;border:1px solid #dfe8f3;border-radius:22px;padding:20px;box-shadow:var(--shadow2);min-height:118px}.metric-icon{width:56px;height:56px;border-radius:20px;display:grid;place-items:center;background:#eff6ff;color:#0b5bd3}.metric-card.orange .metric-icon{background:#fff3e7;color:#f97316}.metric-card.green .metric-icon{background:#e8f8ef;color:#16a34a}.metric-card.purple .metric-icon{background:#f3e8ff;color:#7c3aed}.metric-card span{display:block;color:#64748b;font-weight:800;font-size:13px}.metric-card b{display:block;font-size:24px;color:#0f172a;letter-spacing:-.03em;margin-top:2px}.metric-card small{display:block;color:#64748b;margin-top:2px}.metric-card em{display:inline-flex;margin-top:10px;border-radius:999px;background:#dcfce7;color:#047857;padding:5px 10px;font-size:12px;font-weight:950;font-style:normal}.metric-card.orange em{background:#ffedd5;color:#9a3412}.metric-card.purple em{background:#ede9fe;color:#5b21b6}.metric-card.blue em{background:#dbeafe;color:#1d4ed8}.dashboard-grid{display:grid;grid-template-columns:1.1fr 1fr 1.4fr;gap:16px;align-items:start}.dashboard-grid .wide{grid-column:span 1}.panel{padding:20px!important;margin:0!important}.panel h2{display:flex;align-items:center;gap:9px;margin-bottom:14px!important}.panel h2 a{margin-left:auto;font-size:13px;font-weight:950}.work-row{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;padding:13px 0;border-bottom:1px solid #eef2f7}.work-row:last-child{border-bottom:0}.work-row b{display:block;color:#0f172a}.work-row span{display:block;color:#64748b;font-size:13px}.work-action{justify-self:end}.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.quick-grid a{display:grid;place-items:center;text-align:center;gap:8px;min-height:92px;border:1px solid #e2e8f0;border-radius:18px;background:#fff;color:#0f172a;font-weight:900;box-shadow:0 4px 14px rgba(15,23,42,.04)}.quick-grid a:hover{border-color:#aac6ef;background:#f8fbff}.clean-list{display:grid;gap:0;border:1px solid #e6edf6;border-radius:16px;overflow:hidden}.clean-list>div{display:grid;grid-template-columns:1.3fr 1fr .8fr;gap:12px;padding:12px 14px;background:#fff;border-bottom:1px solid #eef2f7;align-items:center}.clean-list>div:last-child{border-bottom:0}.clean-list .head{background:#f8fafc;color:#475569;font-weight:950;font-size:13px}.clean-list small{display:block;color:#64748b;font-weight:700}.dues-summary{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}.dues-summary div{border:1px solid #e5edf7;border-radius:16px;padding:14px}.dues-summary small{display:block;color:#64748b;font-weight:800}.dues-summary b{font-size:20px;color:#0f172a}.dues-summary .btn{grid-column:1/-1}.qr-card-mini{display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:center}.qr-card-mini img{width:130px;border-radius:18px;border:1px solid #e5edf7;background:#fff;padding:8px}.qr-card-mini b{display:block;font-size:18px;color:var(--lc-blue)}.qr-card-mini span{display:block;color:#64748b;margin:4px 0 12px}
/* Forms, tables, listings */
.grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important}.grid .wide{grid-column:1/-1}label{font-weight:900;color:#1f2937}input,select,textarea{width:100%!important;border:1px solid #d7e1ee!important;border-radius:14px!important;background:#fff!important;min-height:44px!important;padding:11px 13px!important;font:inherit!important;margin-top:6px!important;outline:none!important}input:focus,select:focus,textarea:focus{border-color:#3b82f6!important;box-shadow:0 0 0 4px rgba(59,130,246,.13)!important}textarea{min-height:110px}.search{margin:12px 0 18px!important}.table-wrap{overflow:auto;border:1px solid #e5edf7;border-radius:18px;background:#fff}table{width:100%;border-collapse:collapse;min-width:760px}th,td{padding:13px 14px;border-bottom:1px solid #edf2f7;text-align:left;vertical-align:top}th{background:#f8fafc;color:#334155;font-size:13px;text-transform:uppercase;letter-spacing:.02em}.badge{display:inline-flex;align-items:center;border-radius:999px;padding:5px 10px;background:#eaf2ff;color:#0b4db3;font-size:12px;font-weight:950}.badge.ok{background:#dcfce7;color:#047857}.badge.warn{background:#fff7d6;color:#92400e}.badge.danger{background:#fee2e2;color:#991b1b}.cards-grid,.yp-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.mini-card{padding:18px}.mini-card b{display:block;font-size:18px;color:var(--lc-blue);margin-bottom:4px}.mini-card span,.mini-card p{color:#64748b}.business-card{position:relative;overflow:hidden}.business-card:before{content:"";position:absolute;inset:0 0 auto 0;height:5px;background:linear-gradient(90deg,var(--lc-blue),var(--lc-gold))}.section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:10px}.section-head p{margin:2px 0 0}.checklist{list-style:none!important;padding:0!important;margin:12px 0!important;display:grid;gap:10px}.checklist li{list-style:none!important;display:grid;grid-template-columns:1fr!important;gap:3px;border:1px solid #e5edf7;border-radius:15px;padding:12px 13px;background:#fff}.checklist li.done{background:#f0fdf4;border-color:#bbf7d0}.checklist li.todo{background:#fffdf0;border-color:#fde68a}.checklist b{color:#0f172a}.checklist span{color:#64748b;font-size:13px}.consent{display:flex!important;align-items:flex-start!important;gap:12px!important;background:#fffbeb!important;border:1px solid #fde68a!important;border-radius:18px!important;padding:16px!important}input[type=checkbox]{width:auto!important;accent-color:var(--lc-blue)!important}
/* Yellow Pages public/QR */
.yp-referral-card,.yp-hero{border-radius:28px;background:linear-gradient(135deg,#00338d,#0057d9);color:#fff;padding:28px;display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center;margin-bottom:18px;box-shadow:0 20px 52px rgba(0,51,141,.22)}.yp-referral-card h1,.yp-hero h1{margin:6px 0;color:#fff;font-size:34px}.yp-referral-card p,.yp-hero p{color:#dbeafe;max-width:760px}.qr-box{background:#fff;color:#0f172a;border-radius:22px;padding:14px;text-align:center;box-shadow:0 10px 26px rgba(0,0,0,.14)}.qr-box img{width:190px;display:block;border-radius:16px}.qr-box small{display:block;font-weight:900;margin-top:8px;color:#475569}.yp-logo{width:78px;height:78px;border-radius:22px;background:#fff;padding:8px}.yp-pin{background:#fff;border-radius:24px;padding:16px}.yp-search{display:flex;gap:10px;margin-top:16px;position:relative;z-index:1}.yp-search input{margin:0!important;max-width:520px}.yp-grid{margin:20px 0}.yp-card{background:#fff;border:1px solid #dfe8f3;border-radius:24px;padding:20px;box-shadow:var(--shadow2)}.yp-card-head{display:flex;gap:14px;align-items:center;margin-bottom:12px}.avatar-dot{width:54px;height:54px;border-radius:18px;background:linear-gradient(135deg,#eaf2ff,#fff7d6);display:grid;place-items:center;color:var(--lc-blue);font-size:24px;font-weight:950}.yp-card h2{font-size:20px;margin:2px 0;color:var(--lc-blue)}.yp-card small{color:#7a5400;font-weight:950;text-transform:uppercase;letter-spacing:.04em}.yp-card p{color:#64748b}.yp-actions{display:flex;gap:8px;flex-wrap:wrap}.yp-footer-note{background:#fff;border:1px solid #e5edf7;border-radius:18px;padding:16px;margin-top:20px;color:#475569}.member-dash-grid .panel:nth-child(3){grid-column:span 2}.member-dash-grid .panel:nth-child(7){grid-column:span 2}
/* Login and landing page polish */
.login-shell{max-width:1220px!important;margin:42px auto!important;display:grid!important;grid-template-columns:1fr 1.15fr 1fr!important;gap:28px!important;align-items:stretch!important}.login-card,.pin-panel{border-radius:28px!important;background:#fff!important;border:1px solid #dfe8f3!important;box-shadow:var(--shadow)!important;padding:32px!important}.login-card h1{font-size:34px!important;color:var(--lc-blue)!important}.pin-panel{display:grid!important;place-items:center!important;background:linear-gradient(135deg,#00338d,#032869)!important}.pin-panel.right{background:linear-gradient(135deg,#a97700,#fdb913)!important}.pin-frame{background:#fff;border-radius:24px;padding:22px}.login-logo{width:180px!important;height:180px!important;object-fit:contain}.login-kicker{display:inline-flex;border-radius:999px;background:#eef6ff;color:var(--lc-blue);padding:7px 12px;font-weight:950;font-size:12px}.login-subtitle{color:#64748b}.login-links{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}.link-card{border:1px solid #e5edf7;border-radius:16px;padding:14px;background:#f8fbff}.link-card b{display:block}.link-card span{color:#64748b;font-size:13px}.simple-link{grid-column:1/-1;text-align:center;font-weight:900}.landing-hero{background:linear-gradient(135deg,#00338d,#0057d9);border-radius:32px;color:#fff;display:grid;grid-template-columns:1fr auto;gap:28px;padding:44px;margin:26px 0;box-shadow:0 20px 55px rgba(0,51,141,.25)}.landing-hero h1{font-size:46px;line-height:1.05;margin:8px 0;color:#fff}.landing-hero p{font-size:18px;color:#dbeafe}.landing-pins{display:flex;gap:16px;align-items:center}.landing-pins>div{background:#fff;border-radius:24px;padding:16px}
@media(max-width:1180px){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.dashboard-grid,.admin-dash-grid,.member-dash-grid{grid-template-columns:1fr 1fr}.club-facts{min-width:0}.login-shell{grid-template-columns:1fr}.pin-panel{display:none!important}.landing-hero{grid-template-columns:1fr}.landing-pins{display:none}.top{padding:12px 16px!important}.brand strong{font-size:21px!important}.admin-menu-toggle{display:inline-flex!important;position:fixed!important;left:16px!important;bottom:18px!important;z-index:100!important;border:0!important;border-radius:999px!important;background:var(--lc-gold)!important;color:#111!important;font-weight:950!important;padding:12px 16px!important;box-shadow:0 16px 40px rgba(0,0,0,.2)!important}.admin-sidebar{top:0!important;width:min(88vw,320px)!important;z-index:99!important;transform:translateX(-110%)!important;transition:transform .22s ease}.menu-open .admin-sidebar{transform:translateX(0)!important}.admin-menu-backdrop{position:fixed!important;inset:0!important;background:rgba(0,0,0,.35)!important;z-index:98!important}.menu-open .admin-menu-backdrop{display:block!important}.admin-mode .wrap,.admin-mode footer{margin-left:0!important}.admin-quick-tabs{display:flex!important;gap:8px!important;overflow:auto!important;background:rgba(255,255,255,.94)!important;backdrop-filter:blur(14px)!important;border-bottom:1px solid #e5edf7!important;padding:10px 14px!important;position:sticky!important;top:80px!important;z-index:50!important}.admin-quick-tabs .nav-link{display:inline-flex!important;align-items:center!important;gap:7px!important;color:#0f172a!important;background:#fff!important;border:1px solid #e2e8f0!important;border-radius:999px!important;padding:9px 14px!important;font-weight:950!important;white-space:nowrap!important}.admin-quick-tabs .nav-link.active{background:#fff7d6!important;color:#7a5400!important}.admin-quick-tabs .ico{width:26px!important;height:26px!important;min-width:26px!important}.wrap{padding:16px 14px 36px!important}}
@media(max-width:760px){body{font-size:14px!important}.top{min-height:72px!important;padding:10px 12px!important}.logo-img{width:48px!important;height:48px!important;border-radius:14px!important}.brand strong{font-size:16px!important;max-width:210px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brand span{font-size:11px!important}.top-pin{display:none!important}.userpill{display:none!important}.top-actions{gap:6px}.top-actions .btn{font-size:11px!important;padding:8px 9px!important;min-height:34px!important}.member-nav{display:none!important}.member-mode{padding-bottom:78px!important}.member-mode .mobile-bottom-nav{display:grid!important;grid-template-columns:repeat(5,1fr)!important;position:fixed!important;left:0;right:0;bottom:0;z-index:95;background:rgba(255,255,255,.98);border-top:1px solid #dbe4f0;box-shadow:0 -12px 30px rgba(15,23,42,.10);padding:7px 6px}.mobile-bottom-nav a{display:grid;place-items:center;gap:3px;color:#64748b;border-radius:14px;padding:6px 2px;font-size:11px;font-weight:950}.mobile-bottom-nav .ico{background:transparent!important;width:23px!important;height:23px!important;min-width:23px!important;color:var(--lc-blue)}.mobile-bottom-nav a.active{background:#fff7d6;color:#7a5400}.modern-hero{grid-template-columns:1fr!important;padding:22px!important;border-radius:22px!important}.modern-hero h1{font-size:24px!important}.metric-grid{grid-template-columns:1fr!important;gap:12px!important}.dashboard-grid,.admin-dash-grid,.member-dash-grid{grid-template-columns:1fr!important}.member-dash-grid .panel:nth-child(3),.member-dash-grid .panel:nth-child(7){grid-column:auto}.grid{grid-template-columns:1fr!important}.clean-list>div{grid-template-columns:1fr;gap:4px}.quick-grid{grid-template-columns:1fr 1fr}.club-facts{grid-template-columns:1fr 1fr}.yp-referral-card,.yp-hero{grid-template-columns:1fr;padding:22px}.qr-box{justify-self:start}.yp-search{display:grid}.dues-summary{grid-template-columns:1fr}.section-head{display:block}.btn{width:auto!important}.wrap{padding:12px 12px 90px!important}.card,.panel{border-radius:20px!important;padding:18px!important}.landing-hero{padding:28px;border-radius:24px}.landing-hero h1{font-size:32px}.login-card{padding:24px!important}.login-links{grid-template-columns:1fr}}
@media(print){.top,.member-nav,.admin-sidebar,.admin-menu-toggle,.admin-quick-tabs,.mobile-bottom-nav,.btn,footer,form{display:none!important}.admin-mode .wrap{margin-left:0!important}.wrap{max-width:100%!important;padding:0!important}.card,.panel{box-shadow:none!important;border:0!important}}

/* v2.10 mobile UX and camera/passkey polish */
.landing-hero:after,.landing-hero:before{display:none!important;content:none!important}.landing-hero{overflow:hidden!important}.quick-login-btn{margin-top:10px!important}.camera-box{position:relative;overflow:hidden;border-radius:22px;border:1px solid #dbe4f0;background:#0f172a;min-height:220px;display:grid;place-items:center;margin:16px 0}.camera-box video{width:100%;max-height:360px;display:none;object-fit:cover}.camera-box.scanning video{display:block}.camera-box #qrStatus{position:absolute;left:12px;right:12px;bottom:12px;background:rgba(255,255,255,.92);border-radius:14px;padding:10px 12px;font-weight:900;text-align:center}.scan-card .quick{justify-content:center}.quick-login-card{background:linear-gradient(135deg,#fff,#f8fbff)!important}.settings-grid .consent,.consent{align-items:flex-start!important}.yp-actions .btn{white-space:nowrap}.yp-hero .yp-pin{display:none!important}

@media(max-width:760px){
  .top{position:sticky!important;min-height:auto!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:10px!important;padding:12px 14px!important}
  .brand{width:100%!important;gap:12px!important}.brand strong{font-size:18px!important;max-width:calc(100vw - 96px)!important}.brand span{font-size:12px!important}
  .top-right{width:100%!important;display:flex!important;justify-content:flex-end!important;gap:8px!important}.top-actions{width:100%!important;justify-content:flex-end!important}.top-actions .btn{font-size:12px!important;padding:9px 10px!important;border-radius:14px!important;white-space:nowrap!important}.top-actions .btn.gold{margin-left:auto!important}
  .wrap{padding:18px 14px 96px!important}.flash{margin:12px 0!important;border-radius:22px!important;padding:18px!important;font-size:15px!important;line-height:1.45!important}.flash a{display:block;margin:8px 0 0!important}
  .member-hero.modern-hero{min-height:auto!important}.hero-avatar{width:84px!important;height:84px!important;font-size:34px!important}.modern-hero .quick{display:grid!important;grid-template-columns:1fr!important}.modern-hero .quick .btn{width:100%!important;min-height:54px!important;font-size:15px!important}
  .metric-card{min-height:96px!important}.panel,.card{padding:20px!important}.panel h2,.card h2{font-size:24px!important}.card h1{font-size:30px!important;line-height:1.15!important}.table-wrap{overflow:auto!important;border-radius:18px!important}.table-wrap table{min-width:520px!important}.table-wrap th,.table-wrap td{font-size:13px!important;padding:12px!important}
  .landing-hero{margin:18px 0!important;padding:28px 24px!important}.landing-hero h1{font-size:33px!important;line-height:1.1!important}.landing-hero p{font-size:17px!important;line-height:1.55!important}.landing-hero .quick{display:grid!important;grid-template-columns:1fr!important}.landing-hero .btn{width:100%!important;min-height:54px!important;font-size:16px!important}
  .login-shell{display:block!important;margin:18px 12px!important;max-width:none!important}.login-card{width:100%!important;padding:24px!important}.login-card h1{font-size:32px!important;line-height:1.05!important}.login-card input{font-size:16px!important;min-height:54px!important}.login-card .btn{width:100%!important;min-height:54px!important}.login-links{grid-template-columns:1fr!important}.link-card{display:block!important;text-align:left!important}
  .yp-referral-card{grid-template-columns:1fr!important;text-align:left}.yp-referral-card .qr-box{justify-self:center!important;width:100%!important}.qr-box img{margin:auto}.yp-hero{margin-top:12px!important}.yp-hero h1{font-size:30px!important}.yp-search .btn{width:100%!important}
  .camera-box{min-height:280px}.scan-card{text-align:left!important}.scan-card h1{text-align:center!important;font-size:34px!important}.scan-card p{text-align:center!important}.scan-card .quick{display:grid!important;grid-template-columns:1fr!important}.scan-form button{width:100%!important;min-height:54px!important}.scan-card input{text-align:center!important}
}
@media(max-width:410px){.brand strong{font-size:16px!important}.logo-img{width:50px!important;height:50px!important}.top-actions .btn{font-size:11px!important;padding:8px 9px!important}.wrap{padding-left:12px!important;padding-right:12px!important}.landing-hero h1{font-size:30px!important}.modern-hero h1{font-size:28px!important}.mobile-bottom-nav a span{font-size:10px!important}}