
:root{--bg:#070707;--panel:#0d0d0e;--line:rgba(229,230,232,.18);--text:#f2f2ef;--muted:#96999d;--silver:#dfe1e4}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,sans-serif;background-image:radial-gradient(circle at 75% 10%,rgba(255,255,255,.05),transparent 28%)}
.wrap{max-width:980px;margin:auto;padding:70px 24px}.brand{letter-spacing:.28em;font-size:.82rem;margin-bottom:12px}.kicker{font-size:.68rem;letter-spacing:.2em;color:var(--muted);text-transform:uppercase}
h1,h2{font-family:Georgia,serif;font-weight:500}h1{font-size:clamp(3.4rem,7vw,6.6rem);line-height:.9;margin:20px 0 24px}.lead{color:var(--muted);line-height:1.8;max-width:700px}
.form-card,.admin-card{margin-top:40px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,#111214,#0a0a0b);padding:30px;box-shadow:0 30px 80px rgba(0,0,0,.45)}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field{display:flex;flex-direction:column;gap:8px}.full{grid-column:1/-1}
label{font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:#b9bcc0}
input,textarea,select{width:100%;background:#090909;border:1px solid var(--line);color:white;padding:14px 15px;border-radius:10px;font:inherit}textarea{min-height:105px;resize:vertical}
.checks{display:grid;gap:12px;margin-top:18px}.check{display:flex;gap:10px;align-items:flex-start;color:#b7babd;font-size:.88rem;line-height:1.5}.check input{width:auto;margin-top:4px}
.button{margin-top:28px;border:0;background:var(--silver);color:#090909;padding:15px 22px;border-radius:8px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;cursor:pointer}
.note,.muted{color:#777a7f;font-size:.8rem;line-height:1.6}.success{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:30px}.success-card{max-width:720px;text-align:center}
.badge{display:inline-block;padding:5px 8px;border:1px solid var(--line);border-radius:999px;font-size:.7rem;text-transform:uppercase}
.admin-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:25px}
@media(max-width:700px){.grid,.admin-grid{grid-template-columns:1fr}.full{grid-column:auto}.form-card,.admin-card{padding:22px}}

.admin-topbar{display:flex;justify-content:space-between;align-items:center;margin-top:26px}
.back-link{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:#b8bbc0}
.status-message{margin:22px 0 0;border:1px solid var(--line);padding:14px 16px;border-radius:10px;color:#d8dade;background:#0b0b0c}
.review-layout{display:grid;grid-template-columns:1.35fr .65fr;gap:22px;align-items:start}
.review-content,.review-panel{margin-top:28px}
.answer-block{padding:0 0 24px;margin-bottom:24px;border-bottom:1px solid var(--line)}
.answer-block:last-child{border-bottom:0;margin-bottom:0}
.answer-block h2{font-size:2rem;margin:8px 0 0}
.answer-block p{color:#c2c5c9;line-height:1.75;margin:9px 0 0}
.answer-row{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.review-panel{position:sticky;top:25px}
.review-actions{display:grid;gap:10px;margin-top:20px}
.review-actions .button{width:100%;margin-top:0}
.button.secondary{background:transparent;color:#e6e7e8;border:1px solid var(--line)}
.button.approve{background:#e4e5e7}
.button.danger{background:transparent;color:#d8d8d8;border:1px solid rgba(255,255,255,.22)}
.decision-divider{margin:11px 0 2px;padding-top:14px;border-top:1px solid var(--line);font-size:.6rem;letter-spacing:.16em;text-transform:uppercase;color:#777a7f}
.filter-bar{display:flex;gap:8px;flex-wrap:wrap;margin:30px 0 18px}
.filter-bar a{border:1px solid var(--line);border-radius:999px;padding:9px 12px;font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:#9ea1a5}
.filter-bar a.active{background:#e1e2e4;color:#070707}
.filter-bar span{margin-left:5px;opacity:.65}
.application-list{border-top:1px solid var(--line)}
.application-row{display:grid;grid-template-columns:1.2fr 1.5fr auto;gap:28px;align-items:center;padding:21px 5px;border-bottom:1px solid var(--line);transition:.2s}
.application-row:hover{background:#0d0d0e;padding-inline:14px}
.row-name{font-family:Georgia,serif;font-size:1.35rem;color:#f0f0ed}
.row-meta,.row-door{font-size:.78rem;color:#85888c;line-height:1.5}
.row-status{display:flex;align-items:center;gap:14px}
.arrow{color:#777a7e}
@media(max-width:850px){
 .review-layout{grid-template-columns:1fr}.review-panel{position:static}
 .application-row{grid-template-columns:1fr auto}.row-door{grid-column:1/-1;grid-row:2}
}
@media(max-width:650px){
 .answer-row{grid-template-columns:1fr}.application-row{padding:18px 0}
}

/* V1.2 — Admin table and date/time control refinements */
.admin-wrap{max-width:1280px}
.admin-page-head{display:flex;justify-content:space-between;gap:30px;align-items:flex-end}
.admin-page-head h1{margin-bottom:12px}
.admin-page-head .lead{margin-bottom:0}
.application-total{min-width:150px;border-left:1px solid var(--line);padding-left:24px;text-align:right}
.application-total strong{display:block;font-family:Georgia,serif;font-size:3rem;font-weight:500}
.application-total span{display:block;margin-top:4px;font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;color:#777a7f}

.table-shell{border:1px solid var(--line);border-radius:16px;background:#0b0b0c;overflow:hidden}
.table-toolbar{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;border-bottom:1px solid var(--line)}
.table-toolbar>div:first-child{display:flex;flex-direction:column;gap:4px}
.table-toolbar strong{font-size:.9rem}
.table-count{font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:#7f8287}
.table-scroll{overflow-x:auto}

.applications-table{width:100%;border-collapse:collapse;margin:0;min-width:980px}
.applications-table th{padding:14px 16px;background:#0e0e0f;font-size:.58rem;letter-spacing:.14em;text-transform:uppercase;color:#777a7f;font-weight:600;border-bottom:1px solid var(--line)}
.applications-table td{padding:17px 16px;border-bottom:1px solid var(--line);vertical-align:middle}
.applications-table tbody tr{cursor:pointer;transition:.18s}
.applications-table tbody tr:hover{background:#121214}
.applications-table tbody tr:last-child td{border-bottom:0}

.person-cell{display:flex;align-items:center;gap:12px}
.initial-badge{width:38px;height:38px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;font-family:Georgia,serif;font-size:1.05rem;background:#111214;color:#e4e5e7;flex:0 0 38px}
.person-cell strong,.primary-cell{display:block;color:#f0f0ed;font-size:.85rem}
.person-cell span,.secondary-cell{display:block;color:#74777c;font-size:.7rem;margin-top:4px}
.door-cell{max-width:360px;color:#aeb1b5;font-size:.78rem;line-height:1.5}
.date-cell{font-size:.78rem;color:#d1d3d6}
.table-arrow{color:#686b70;font-size:1rem;text-align:right}

.status-pill{display:inline-flex;align-items:center;padding:6px 9px;border-radius:999px;font-size:.6rem;letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--line);white-space:nowrap}
.status-new{color:#d4d6d9;background:rgba(255,255,255,.03)}
.status-reviewing{color:#d5d8dd;background:rgba(160,170,190,.08);border-color:rgba(170,180,200,.22)}
.status-approved{color:#e7e8e9;background:rgba(210,220,215,.08);border-color:rgba(210,220,215,.2)}
.status-waitlisted{color:#d7d3cb;background:rgba(180,165,130,.08);border-color:rgba(180,165,130,.2)}
.status-declined{color:#b6b7ba;background:rgba(150,150,150,.05)}
.empty-state{padding:70px 25px;text-align:center}
.empty-state h2{font-size:2rem;margin-bottom:8px}
.empty-state p{color:#74777c}

.date-time-grid{display:grid;grid-template-columns:1fr .75fr;gap:12px}
.picker-field{display:flex;flex-direction:column;gap:7px}
.picker-field>span{font-size:.58rem;letter-spacing:.12em;text-transform:uppercase;color:#777a7f}
input[type="date"],input[type="time"]{color-scheme:dark;cursor:pointer}
input[type="date"]::-webkit-calendar-picker-indicator,
input[type="time"]::-webkit-calendar-picker-indicator{filter:invert(1);opacity:.75;cursor:pointer}
.conversation-preview{margin-top:10px;padding:11px 12px;border:1px solid var(--line);border-radius:9px;background:#0a0a0b}
.conversation-preview span{display:block;font-size:.56rem;letter-spacing:.12em;text-transform:uppercase;color:#74777c;margin-bottom:4px}
.conversation-preview strong{font-size:.82rem;font-weight:500}

@media(max-width:850px){
  .admin-page-head{align-items:flex-start;flex-direction:column}
  .application-total{text-align:left;border-left:0;border-top:1px solid var(--line);padding:18px 0 0;width:100%}
}
@media(max-width:600px){
  .date-time-grid{grid-template-columns:1fr}
}

.status-message.status-success{border-color:rgba(210,220,215,.24);background:rgba(210,220,215,.05)}
.status-message.status-error{border-color:rgba(220,170,170,.25);background:rgba(220,170,170,.05);color:#e0caca}

.admin-nav{display:flex;gap:20px;margin:18px 0 28px;border-bottom:1px solid var(--line);padding-bottom:13px}
.admin-nav a{font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:#8c8f94;text-decoration:none}
.admin-nav a:hover{color:#fff}
.member-summary{margin-top:20px;padding:18px 0;border-block:1px solid var(--line)}
.member-summary span{display:block;font-size:.58rem;letter-spacing:.14em;text-transform:uppercase;color:#777a7f;margin-bottom:7px}
.member-summary strong{font-family:Georgia,serif;font-size:2rem;font-weight:500}


/* V1.7 — polished admin section navigation */
.admin-nav{
  display:inline-flex;
  align-items:center;
  gap:6px;
  margin:20px 0 34px;
  padding:5px;
  border:1px solid var(--line);
  border-radius:12px;
  background:#0b0b0c;
}
.admin-nav a,
.admin-nav a:link,
.admin-nav a:visited{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:118px;
  padding:10px 16px;
  border-radius:8px;
  color:#8e9196 !important;
  text-decoration:none !important;
  font-size:.66rem;
  font-weight:600;
  letter-spacing:.12em;
  text-transform:uppercase;
  transition:.2s ease;
}
.admin-nav a:hover{
  color:#f2f2ef !important;
  background:#111214;
}
.admin-nav a.active{
  color:#070707 !important;
  background:#e1e2e4;
}
.admin-nav-label{
  display:block;
  line-height:1;
}

@media(max-width:560px){
  .admin-nav{
    width:100%;
  }
  .admin-nav a{
    min-width:0;
    flex:1;
  }
}

/* V2.1 — Ask, Circles and Mentorship admin */
.ask-admin-card{display:grid;grid-template-columns:.65fr 1.35fr;gap:28px}
.ask-admin-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}
.ask-admin-form{display:grid;gap:14px}
.mentor-match-grid{display:grid;grid-template-columns:1fr auto 1fr;gap:20px;align-items:center;margin-bottom:22px}
.mentor-arrow{font-size:2rem;color:#66696d;text-align:center}
.admin-nav{flex-wrap:wrap}
.admin-nav a{min-width:auto}

@media(max-width:800px){
  .ask-admin-card{grid-template-columns:1fr}
  .mentor-match-grid{grid-template-columns:1fr}
  .mentor-arrow{transform:rotate(90deg)}
}


/* V2.3 — admin authentication + dashboard */
.admin-login-card{width:min(520px,100%);margin:0}
.admin-login-card h1{margin-top:18px}
.admin-login-card .field{margin-top:14px}
.admin-login-card .button{width:100%}

.admin-header-row{display:flex;justify-content:space-between;gap:30px;align-items:flex-start}
.admin-user{display:flex;gap:18px;align-items:center;color:#8c8f94;font-size:.72rem}
.admin-user a{font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;color:#d7d9dc}

.admin-dashboard-head{margin:30px 0 26px}
.admin-dashboard-head h1{margin-bottom:12px}

.admin-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:22px}
.admin-metric-card{
  min-height:175px;
  border:1px solid var(--line);
  border-radius:14px;
  background:linear-gradient(145deg,#101113,#0a0a0b);
  padding:22px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  transition:.2s;
}
.admin-metric-card:hover{background:#121214;transform:translateY(-2px)}
.admin-metric-card span{font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;color:#888b90}
.admin-metric-card strong{font:500 3.2rem Georgia,serif;color:#f1f1ef}
.admin-metric-card small{color:#73767b;font-size:.72rem}

.admin-dashboard-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:20px;margin-top:20px}
.dashboard-section-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:12px}
.dashboard-section-head h2{margin:5px 0 0}
.dashboard-section-head>a{font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;color:#9b9ea2}
.dashboard-list{display:grid}
.dashboard-list-row{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:15px 0;border-bottom:1px solid var(--line)}
.dashboard-list-row:last-child{border-bottom:0}
.dashboard-list-row strong{display:block;font-size:.86rem;color:#f0f0ed}
.dashboard-list-row span:not(.status-pill){display:block;margin-top:5px;font-size:.7rem;color:#777a7f}
.founding-progress{height:8px;border-radius:999px;background:#141517;overflow:hidden;margin:18px 0}
.founding-progress span{display:block;height:100%;background:#dfe1e4;border-radius:999px}

@media(max-width:950px){
  .admin-metrics{grid-template-columns:repeat(2,1fr)}
  .admin-dashboard-grid{grid-template-columns:1fr}
}
@media(max-width:620px){
  .admin-header-row{flex-direction:column}
  .admin-metrics{grid-template-columns:1fr}
}

/* V2.4 — member portal access management */
.portal-access-box{margin-top:18px}
.portal-access-actions{margin-top:14px}
.portal-access-actions .button{width:100%;margin-top:0}
.portal-access-box .note{margin-top:12px}

/* V2.5 — membership payment */
.payment-admin-box .field{margin-top:12px}
.payment-admin-box .button{width:100%;margin-top:12px}
