:root { --admin-accent: #aa8cff; --admin-line: rgba(184, 221, 233, .14); }
.admin-page { background: radial-gradient(circle at 18% 8%, rgba(10, 136, 151, .28), transparent 35%), radial-gradient(circle at 83% 28%, rgba(126, 73, 157, .25), transparent 38%), #07141c; }
.admin-header { gap: 1.5rem; }
.admin-header-copy { margin-right: auto; padding-left: 1.4rem; border-left: 1px solid var(--admin-line); display: grid; line-height: 1.15; }
.admin-header-copy span { color: var(--admin-accent); font-size: .66rem; font-weight: 800; letter-spacing: .18em; text-transform: uppercase; }
.admin-header-copy strong { margin-top: .25rem; font-size: 1.05rem; }
.admin-main { position: relative; z-index: 1; width: min(1480px, calc(100% - 2rem)); margin: 1rem auto 4rem; display: grid; gap: 1rem; }
.admin-intro, .admin-panel { border: 1px solid var(--admin-line); background: rgba(10, 29, 39, .54); box-shadow: 0 22px 60px rgba(0,0,0,.26); backdrop-filter: blur(22px) saturate(120%); }
.admin-intro { padding: clamp(1.6rem, 3.5vw, 3.5rem); display: flex; justify-content: space-between; align-items: end; gap: 2rem; }
.admin-intro h1 { max-width: 16ch; margin: 0; font-size: clamp(2.4rem, 5vw, 5rem); letter-spacing: -.055em; line-height: .98; }
.admin-intro p:not(.member-kicker) { max-width: 62ch; margin: 1rem 0 0; color: rgba(230,239,244,.62); line-height: 1.65; }
.admin-health { min-width: 16rem; display: grid; grid-template-columns: auto 1fr; align-items: center; gap: .15rem .65rem; padding: 1rem; border: 1px solid rgba(121,224,190,.18); background: rgba(20,91,74,.15); }
.admin-health span { grid-row: 1 / 3; width: .65rem; height: .65rem; border-radius: 50%; background: #73e0b8; box-shadow: 0 0 16px rgba(115,224,184,.68); }
.admin-health small { color: rgba(219,237,232,.53); }
.admin-stat-grid { display: grid; grid-template-columns: repeat(8, minmax(0,1fr)); gap: .65rem; }
.admin-stat { min-width: 0; padding: 1rem; border: 1px solid var(--admin-line); background: rgba(9,28,38,.46); }
.admin-stat span { display:block; color: rgba(226,237,242,.53); font-size: .72rem; }
.admin-stat strong { display:block; margin-top:.35rem; color:#d2c7ff; font-size:clamp(1.35rem,2.6vw,2.2rem); }
.admin-flow-list { margin:0; padding:0; list-style:none; display:grid; grid-template-columns:repeat(3,1fr); gap:.65rem; }
.admin-flow-list li { min-width:0; display:grid; grid-template-columns:auto 1fr; gap:.3rem .75rem; padding:1.1rem; border:1px solid rgba(184,221,233,.1); background:rgba(4,16,23,.3); }
.admin-flow-list span { grid-row:1 / 3; color:var(--admin-accent); font-size:.7rem; font-weight:850; letter-spacing:.12em; }
.admin-flow-list strong { font-size:1rem; }
.admin-flow-list small { color:rgba(225,236,241,.52); line-height:1.5; }
.admin-settings-form { display: grid; grid-template-columns: 1.25fr .75fr; gap: 1rem; }
.admin-panel { padding: clamp(1.25rem, 2.5vw, 2.25rem); }
.admin-panel-heading { display:flex; justify-content:space-between; align-items:end; gap:2rem; margin-bottom:1.35rem; }
.admin-panel-heading h2 { margin:0; font-size:clamp(1.7rem,3vw,2.8rem); letter-spacing:-.04em; }
.admin-panel-heading > p { max-width:46ch; margin:0; color:rgba(228,238,243,.55); line-height:1.5; }
.admin-platform-list, .admin-policy-list { display:grid; gap:.6rem; }
.admin-platform-row, .admin-toggle-row { display:flex; align-items:center; justify-content:space-between; gap:1rem; padding:1rem; border:1px solid rgba(184,221,233,.1); background:rgba(4,16,23,.3); }
.admin-platform-row span, .admin-toggle-row > span { display:grid; gap:.25rem; }
.admin-platform-row small, .admin-toggle-row small { color:rgba(225,236,241,.52); line-height:1.4; }
.admin-platform-row em { color:#a9e7cf; font-size:.68rem; font-style:normal; font-weight:800; letter-spacing:.11em; text-transform:uppercase; }
.admin-platform-row[data-configured="false"] { opacity:.48; }
.admin-toggle-row { cursor:pointer; }
.admin-toggle-row input { position:absolute; opacity:0; pointer-events:none; }
.admin-toggle-row i { position:relative; flex:0 0 auto; width:3rem; height:1.55rem; border:1px solid rgba(193,211,221,.25); background:rgba(2,10,15,.58); }
.admin-toggle-row i::after { content:""; position:absolute; top:.21rem; left:.22rem; width:1rem; height:1rem; background:rgba(224,234,239,.6); transition:transform .18s ease,background .18s ease; }
.admin-toggle-row input:checked + i { border-color:rgba(170,140,255,.72); background:rgba(105,73,170,.38); box-shadow:0 0 18px rgba(143,101,255,.2); }
.admin-toggle-row input:checked + i::after { transform:translateX(1.42rem); background:#c9baff; }
.admin-toggle-row input:focus-visible + i { outline:2px solid white; outline-offset:3px; }
.admin-save-bar { grid-column:1 / -1; position:sticky; bottom:.75rem; z-index:3; display:flex; justify-content:space-between; align-items:center; padding:.75rem 1rem; border:1px solid rgba(170,140,255,.24); background:rgba(4,14,20,.88); backdrop-filter:blur(20px); box-shadow:0 16px 40px rgba(0,0,0,.35); }
.admin-save-bar button { color:white; border:1px solid rgba(180,153,255,.48); background:rgba(103,70,166,.4); padding:.8rem 1.2rem; font:inherit; font-weight:750; cursor:pointer; }
.admin-save-bar button:disabled { opacity:.38; cursor:default; }
.admin-status { margin:0; color:rgba(229,239,244,.6); }
.admin-status[data-type="error"] { color:#ffb4b4; }
.admin-status[data-type="success"] { color:#aeeacc; }
.admin-audit-list { margin:0; padding:0; list-style:none; display:grid; gap:.5rem; }
.admin-audit-list li { display:grid; grid-template-columns:minmax(10rem,.3fr) 1fr auto; gap:1rem; padding:.85rem 0; border-bottom:1px solid rgba(184,221,233,.08); }
.admin-audit-list time, .admin-audit-list small { color:rgba(225,236,241,.48); }
.admin-select-empty { margin: 0; color: rgba(225,236,241,.52); }
.admin-select-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; }
.admin-select-card { min-width:0; overflow:hidden; border:1px solid rgba(184,221,233,.12); background:rgba(4,16,23,.34); box-shadow:0 18px 42px rgba(0,0,0,.24); }
.admin-select-art { position:relative; min-height:15rem; overflow:hidden; background:#07131b; }
.admin-select-art img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; filter:saturate(1.06) contrast(1.05); }
.admin-select-art > span { position:absolute; inset:0; background:linear-gradient(180deg,transparent 30%,rgba(3,10,15,.94) 100%); }
.admin-select-art > div { position:absolute; z-index:1; right:1.1rem; bottom:1rem; left:1.1rem; display:grid; gap:.35rem; }
.admin-select-art strong { font-size:clamp(1rem,1.5vw,1.35rem); line-height:1.15; }
.admin-select-art small { color:rgba(231,239,243,.62); }
.admin-select-actions { display:flex; gap:.65rem; padding:.75rem; }
.admin-select-actions button { flex:1; min-height:2.8rem; color:#eef3f6; border:1px solid rgba(184,221,233,.14); background:rgba(18,40,51,.6); font:inherit; font-weight:750; cursor:pointer; }
.admin-select-actions button:hover,.admin-select-actions button:focus-visible { border-color:rgba(170,140,255,.62); background:rgba(91,65,151,.38); }
.admin-members-heading { display:grid; grid-template-columns:1fr minmax(20rem,.7fr) auto; }
.admin-primary-button,.admin-member-search button,.admin-member-pagination button,.admin-member-actions button,.admin-invitation-list button { min-height:2.7rem; padding:.65rem .85rem; color:#f4f0ff; border:1px solid rgba(170,140,255,.35); background:rgba(92,62,153,.35); font:inherit; font-size:.78rem; font-weight:760; cursor:pointer; }
.admin-primary-button:hover,.admin-primary-button:focus-visible,.admin-member-search button:hover,.admin-member-search button:focus-visible,.admin-member-actions button:hover,.admin-member-actions button:focus-visible,.admin-invitation-list button:hover,.admin-invitation-list button:focus-visible { border-color:rgba(193,174,255,.8); background:rgba(112,77,183,.52); }
.admin-primary-button:disabled,.admin-member-search button:disabled,.admin-member-pagination button:disabled,.admin-member-actions button:disabled,.admin-invitation-list button:disabled { opacity:.35; cursor:default; }
.admin-member-search { max-width:48rem; margin-bottom:1rem; }
.admin-member-search > label { display:block; margin-bottom:.4rem; color:rgba(230,239,244,.64); font-size:.75rem; font-weight:760; }
.admin-member-search > div { display:grid; grid-template-columns:1fr auto; }
.admin-member-search input,.admin-member-table select,.admin-invite-contact input { min-width:0; min-height:2.8rem; padding:.65rem .8rem; color:#f1f5f7; border:1px solid rgba(184,221,233,.18); border-radius:0; background:rgba(2,12,18,.58); font:inherit; }
.admin-member-search input:focus,.admin-member-table select:focus,.admin-invite-contact input:focus { outline:2px solid rgba(183,160,255,.8); outline-offset:2px; }
.admin-member-table-wrap { overflow-x:auto; border:1px solid rgba(184,221,233,.1); }
.admin-member-table { width:100%; min-width:68rem; border-collapse:collapse; text-align:left; }
.admin-member-table th { padding:.75rem; color:rgba(229,239,244,.48); background:rgba(2,12,18,.5); font-size:.67rem; letter-spacing:.11em; text-transform:uppercase; }
.admin-member-table td { min-width:9rem; padding:.9rem .75rem; border-top:1px solid rgba(184,221,233,.08); vertical-align:top; }
.admin-member-table td:first-child { min-width:12rem; }
.admin-member-table td:nth-child(3) { min-width:11rem; }
.admin-member-table td:last-child { min-width:19rem; }
.admin-member-table td > strong,.admin-member-table td > small,.admin-member-table td > em { display:block; }
.admin-member-table td > small { margin-top:.3rem; color:rgba(225,236,241,.48); line-height:1.4; }
.admin-member-table td > em { width:max-content; margin-top:.45rem; padding:.2rem .4rem; color:#b9aaff; border:1px solid rgba(170,140,255,.25); font-size:.62rem; font-style:normal; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.admin-member-table a { color:#d8d0ff; text-decoration:none; line-height:1.6; }
.admin-member-table select { width:100%; margin-bottom:.2rem; }
.admin-account-state { display:inline-block; padding:.28rem .45rem; color:#aeeacc; border:1px solid rgba(105,218,172,.22); background:rgba(25,105,75,.16); font-size:.68rem; font-weight:800; letter-spacing:.06em; text-transform:uppercase; }
.admin-account-state[data-state="suspended"] { color:#ffb4b4; border-color:rgba(255,136,136,.25); background:rgba(124,38,38,.18); }
.admin-member-actions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.35rem; }
.admin-member-actions button { min-height:2.25rem; padding:.45rem; font-size:.7rem; }
.admin-member-empty { padding:2rem !important; color:rgba(225,236,241,.52); text-align:center; }
.admin-member-pagination { display:flex; align-items:center; justify-content:space-between; gap:1rem; margin-top:.75rem; }
.admin-member-pagination p { margin:0; color:rgba(225,236,241,.5); font-size:.78rem; }
.admin-member-pagination div { display:flex; gap:.4rem; }
.admin-member-status { min-height:1.4em; margin:.8rem 0 0; color:rgba(229,239,244,.6); font-size:.82rem; overflow-wrap:anywhere; }
.admin-member-status[data-type="error"] { color:#ffb4b4; }
.admin-member-status[data-type="success"] { color:#aeeacc; }
.admin-invitations { margin-top:1rem; border-top:1px solid rgba(184,221,233,.1); }
.admin-invitations summary { padding:1rem 0 .3rem; color:#d8d0ff; font-weight:760; cursor:pointer; }
.admin-invitations summary span { display:inline-grid; min-width:1.6rem; min-height:1.6rem; margin-left:.35rem; place-items:center; border:1px solid rgba(170,140,255,.3); font-size:.7rem; }
.admin-invitation-list { display:grid; gap:.45rem; padding-top:.55rem; }
.admin-invitation-list article { display:flex; align-items:center; justify-content:space-between; gap:1rem; padding:.75rem; border:1px solid rgba(184,221,233,.09); background:rgba(4,16,23,.25); }
.admin-invitation-list article > div:first-child { display:grid; gap:.25rem; }
.admin-invitation-list small,.admin-invitation-list > p { color:rgba(225,236,241,.5); }
.admin-invitation-list article > div:last-child { display:flex; gap:.4rem; }
.admin-invite-dialog { width:min(34rem,calc(100% - 1rem)); padding:0; color:#f2f5f7; border:0; background:transparent; }
.admin-invite-dialog::backdrop { background:rgba(1,7,11,.78); backdrop-filter:blur(8px); }
.admin-invite-form { display:grid; gap:1rem; }
.admin-invite-form fieldset { margin:0; }
.admin-invite-contact { display:grid; gap:.4rem; color:rgba(235,241,244,.72); font-size:.78rem; font-weight:760; }
.admin-invite-form .account-submit { width:100%; }
@media (max-width: 1050px) { .admin-settings-form { grid-template-columns:1fr; } .admin-stat-grid{grid-template-columns:repeat(4,1fr)}.admin-flow-list{grid-template-columns:1fr;}.admin-select-grid{grid-template-columns:repeat(2,minmax(0,1fr));} }
@media (max-width: 1050px) { .admin-members-heading { grid-template-columns:1fr auto; }.admin-members-heading > p { grid-column:1 / -1; grid-row:2; } }
@media (max-width: 700px) { .admin-header{padding:.7rem .75rem;gap:.5rem}.admin-brand{flex:0 1 auto}.admin-header .member-brand img{width:7rem}.admin-header-copy{display:none}.admin-header .member-nav{gap:.35rem}.admin-header .member-nav a{padding:.55rem .6rem;font-size:.72rem}.admin-intro,.admin-panel-heading{align-items:stretch;flex-direction:column}.admin-stat-grid{grid-template-columns:repeat(2,1fr)}.admin-audit-list li{grid-template-columns:1fr}.admin-health{min-width:0}.admin-save-bar{gap:1rem}.admin-status{font-size:.8rem}.admin-select-grid{grid-template-columns:1fr;}.admin-members-heading{display:flex}.admin-primary-button{width:100%}.admin-member-search>div{grid-template-columns:1fr}.admin-member-pagination,.admin-invitation-list article{align-items:stretch;flex-direction:column}.admin-member-pagination div,.admin-member-pagination button{width:100%} }