:root{--green:#4ade80;--green-dark:#15803d;--white:#fff;--soft:#fafafa;--black:#000;--ink:#171717;--gray:#6b7280;--line:#e5e7eb;--radius:8px;--sidebar:260px}*{box-sizing:border-box}body{margin:0;background:var(--soft);color:var(--ink);font-family:"Montserrat",sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.member-layout{min-height:100vh;display:grid;grid-template-columns:var(--sidebar) minmax(0,1fr)}.member-sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);height:100vh;display:flex;flex-direction:column;padding:1.2rem 1rem;background:var(--black);color:var(--white);z-index:50}.member-brand{display:flex;align-items:center;gap:.7rem;padding:.2rem .3rem 1.2rem;border-bottom:1px solid #ffffff20}.member-brand img{width:42px;height:42px;object-fit:contain}.member-brand span,.member-brand small{display:block}.member-brand strong{font-size:.85rem}.member-brand small{margin-top:.2rem;color:var(--green);font-size:.62rem;text-transform:uppercase}.member-sidebar nav{flex:1;padding:1.2rem 0}.member-sidebar nav>p{margin:0 .7rem .7rem;color:#ffffff70;font-size:.6rem;font-weight:800;text-transform:uppercase}.member-sidebar nav a,.member-sidebar-bottom a{display:flex;align-items:center;gap:.75rem;min-height:44px;margin:.15rem 0;padding:.7rem .8rem;border-radius:var(--radius);color:#ffffffc5;font-size:.72rem;font-weight:650}.member-sidebar nav a i,.member-sidebar-bottom i{width:18px;color:var(--green);text-align:center}.member-sidebar nav a:hover,.member-sidebar nav a.active,.member-sidebar-bottom a:hover{background:#1b1b1b;color:#fff}.member-sidebar nav a.active{box-shadow:inset 3px 0 var(--green)}.member-sidebar-bottom{border-top:1px solid #ffffff20;padding-top:.7rem}.member-page{grid-column:2;min-width:0;min-height:100vh;display:flex;flex-direction:column}.member-header{position:sticky;top:0;z-index:30;min-height:74px;display:flex;align-items:center;gap:.8rem;padding:.8rem 2rem;border-bottom:1px solid var(--line);background:#ffffffef;backdrop-filter:blur(10px)}.member-header>button{display:none;width:40px;height:40px;border:1px solid var(--line);border-radius:var(--radius);background:#fff}.member-header div{flex:1}.member-header h1{margin:0 0 .2rem;font-size:1.1rem}.member-header p{margin:0;color:var(--gray);font-size:.64rem}.member-avatar{width:38px;height:38px;display:grid;place-items:center;border-radius:var(--radius);background:var(--green);font-size:.78rem;font-weight:800}.member-content{width:100%;max-width:1500px;flex:1;margin:auto;padding:1.7rem 2rem}.member-footer{padding:1rem 2rem;border-top:1px solid var(--line);background:#fff;color:var(--gray);font-size:.62rem}.member-welcome{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.4rem;border-radius:var(--radius);background:var(--black);color:#fff}.member-welcome h2{margin:.25rem 0;font-size:1.25rem}.member-welcome p{margin:0;color:#ffffffb5;font-size:.7rem}.member-eyebrow{margin:0!important;color:var(--green)!important;font-size:.61rem!important;font-weight:800;text-transform:uppercase}.membership-badge{padding:.45rem .75rem;border-radius:999px;background:var(--green);color:#000;font-size:.64rem;font-weight:800}.member-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin-top:1rem}.member-stats article{min-height:105px;display:flex;align-items:center;gap:.8rem;padding:1rem;border:1px solid var(--line);border-radius:var(--radius);background:#fff}.member-stats i{width:42px;height:42px;display:grid;place-items:center;border-radius:var(--radius);background:#4ade8028;color:var(--green-dark)}.member-stats small,.member-stats strong{display:block}.member-stats small{color:var(--gray);font-size:.6rem}.member-stats strong{margin-top:.3rem;font-size:.85rem}.member-actions{margin-top:1.5rem}.member-actions h2,.member-panel h2{font-size:.9rem}.member-actions>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.member-actions a{display:flex;align-items:center;gap:.75rem;padding:1rem;border:1px solid var(--line);border-radius:var(--radius);background:#fff}.member-actions a>i{color:var(--green-dark)}.member-actions strong,.member-actions small{display:block;font-size:.68rem}.member-actions small{margin-top:.2rem;color:var(--gray);font-size:.57rem}.member-two-column{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.7fr);gap:1rem;margin-bottom:1rem}.member-panel{padding:1.2rem;border:1px solid var(--line);border-radius:var(--radius);background:#fff}.panel-title{margin:-1.2rem -1.2rem 1rem;padding:1rem 1.2rem;border-bottom:1px solid var(--line)}.panel-title h2{margin:0}.due-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.7rem;padding:1rem 0;border-bottom:1px solid var(--line)}.due-row h3{margin:.4rem 0 .2rem;font-size:.72rem}.due-row p{margin:0;color:var(--gray);font-size:.6rem}.due-row>strong{font-size:.85rem}.inline-payment{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr auto;gap:.5rem}.inline-payment input,.inline-payment select,.member-form input,.member-form textarea,.member-event-card input,.member-event-card textarea{width:100%;padding:.7rem;border:1px solid var(--line);border-radius:var(--radius);outline:none;font-size:.7rem}.inline-payment button,.member-primary{min-height:42px;padding:.7rem 1rem;border:0;border-radius:var(--radius);background:var(--green);font-size:.7rem;font-weight:800;cursor:pointer}.payment-note p{color:var(--gray);font-size:.68rem;line-height:1.7}.payment-note>strong{color:var(--green-dark);font-size:.82rem}.member-status{display:inline-flex;padding:.28rem .55rem;border-radius:999px;background:#f3f4f6;color:var(--gray);font-size:.56rem;font-weight:750}.member-status.paid,.member-status.active{background:#4ade8030;color:#166534}.member-status.outstanding,.member-status.overdue{background:#fee2e2;color:#991b1b}.member-status.pending,.member-status.draft{background:#fef3c7;color:#92400e}.member-table-wrap{overflow-x:auto}.member-panel table{width:100%;border-collapse:collapse}.member-panel th,.member-panel td{padding:.75rem;border-bottom:1px solid var(--line);font-size:.62rem;text-align:left;white-space:nowrap}.member-panel th{color:var(--gray);text-transform:uppercase}.renewal-card>p{color:var(--gray);font-size:.7rem;line-height:1.7}.renewal-amount{margin:1rem 0;padding:1rem;border-radius:var(--radius);background:var(--soft)}.renewal-amount small,.renewal-amount strong{display:block}.renewal-amount small{color:var(--gray);font-size:.6rem}.renewal-amount strong{margin-top:.3rem;font-size:1.4rem}.simple-row,.submission-row{display:flex;align-items:center;justify-content:space-between;gap:.7rem;padding:.8rem 0;border-bottom:1px solid var(--line);font-size:.68rem}.member-event-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:1rem}.member-event-card{overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:#fff}.member-event-card>img{width:100%;aspect-ratio:16/9;object-fit:cover}.member-event-card>div{padding:1rem}.member-event-card h2{font-size:.86rem}.member-event-card p{color:var(--gray);font-size:.62rem}.member-event-card form,.member-form{display:grid;gap:.8rem}.member-event-card label,.member-form label{display:grid;gap:.35rem;font-size:.63rem;font-weight:700}.submission-row h3,.message-thread h3{margin:0;font-size:.7rem}.submission-row p{margin:.25rem 0 0;color:var(--gray);font-size:.58rem}.message-thread{padding:1rem 0;border-bottom:1px solid var(--line)}.message-heading{display:flex;align-items:center;justify-content:space-between;gap:.6rem}.message-thread>p,.admin-reply p{font-size:.66rem;line-height:1.6}.admin-reply{padding:.8rem;border-left:3px solid var(--green);background:#f0fdf4}.admin-reply strong{font-size:.62rem}.member-alert{margin-bottom:1rem;padding:.8rem 1rem;border-left:4px solid var(--green-dark);border-radius:6px;background:#f0fdf4;color:#166534;font-size:.68rem;font-weight:650}.member-alert.error{border-color:#dc2626;background:#fef2f2;color:#991b1b}.member-empty{color:var(--gray);font-size:.68rem}.member-overlay{display:none}.member-auth-body{background:#111}.member-auth{min-height:100vh;display:grid;place-items:center;padding:1rem;background:linear-gradient(135deg,#050505,#171717 65%,#0d321c)}.member-auth form{width:min(100%,410px);padding:2rem;border-radius:var(--radius);background:#fff}.member-auth img{width:64px;height:64px;margin:auto;object-fit:contain}.member-auth h1{margin:.25rem 0;text-align:center;font-size:1.35rem}.member-auth>form>p{color:var(--gray);font-size:.68rem;line-height:1.6;text-align:center}.member-auth .auth-kicker{margin-top:1rem;color:var(--green-dark);font-weight:800;text-transform:uppercase}.member-auth label{display:grid;gap:.4rem;margin:1rem 0;font-size:.65rem;font-weight:700}.member-auth input{min-height:45px;padding:.7rem;border:1px solid var(--line);border-radius:var(--radius)}.member-auth button{width:100%;min-height:46px;border:0;border-radius:var(--radius);background:var(--green);font-weight:800}.auth-links{display:flex;justify-content:space-between;gap:.7rem;margin-top:1rem}.auth-links a{color:var(--green-dark);font-size:.62rem;font-weight:650}
@media(max-width:1050px){.member-layout{grid-template-columns:1fr}.member-page{grid-column:1}.member-sidebar{transform:translateX(-105%);transition:.25s}.member-sidebar.open{transform:none}.member-overlay.open{display:block;position:fixed;inset:0;z-index:45;border:0;background:#0008}.member-header>button{display:grid;place-items:center}.member-stats,.member-actions>div{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.member-header,.member-content{padding:1rem}.member-two-column{grid-template-columns:1fr}.member-stats,.member-actions>div{grid-template-columns:1fr}.inline-payment{grid-template-columns:1fr}.member-auth form{padding:1.3rem}}
.submission-thumbnail{width:58px;height:46px;flex:0 0 auto;border-radius:6px;object-fit:cover}.member-form label small{color:var(--gray);font-size:.56rem;font-weight:500}