.admin-metrics { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; margin-bottom:30px; }
.admin-metrics a { display:flex; flex-direction:column; gap:12px; padding:25px; background:#fff; border:1px solid var(--line); border-radius:17px; text-decoration:none; color:var(--ink); }
.admin-metrics span { color:var(--muted); font-size:13px; line-height:1.6; }
.admin-metrics strong { font-size:30px; letter-spacing:-1px; }
.admin-hub-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:23px; }
.admin-hub-card { padding:30px; background:#fff; border:1px solid var(--line); border-radius:20px; }
.admin-hub-card h3 { margin:20px 0 13px; font-size:23px; line-height:1.4; letter-spacing:-.7px; }
.admin-hub-card > p { min-height:52px; color:var(--muted); font-size:14px; line-height:1.8; margin-bottom:23px; }
.admin-hub-card > div { display:grid; gap:0; }
.admin-hub-card > div > a { display:flex; justify-content:space-between; align-items:center; gap:15px; padding:15px 0; border-top:1px solid #edf0ec; color:var(--brand-dark); font-size:14px; font-weight:650; text-decoration:none; }
.admin-hub-card a .ui-icon { width:17px; }
.plan-policy-note { padding:23px 27px; background:#eaf2e8; border:1px solid #dbe8d7; border-radius:16px; margin-bottom:27px; }
.plan-policy-note p { margin:10px 0 0; color:#476046; font-size:13px; line-height:1.85; }
.admin-plan-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:23px; align-items:start; }
.admin-plan-card { padding:29px; border:1px solid var(--line); background:#fff; border-radius:20px; }
.admin-plan-card > header { display:flex; justify-content:space-between; align-items:flex-start; gap:17px; margin-bottom:20px; }
.admin-plan-card h3 { margin:9px 0 0; font-size:26px; line-height:1.35; letter-spacing:-.8px; }
.admin-plan-card > p { font-size:13px; color:var(--muted); line-height:1.85; }
.admin-plan-card .admin-plan-price { display:flex; align-items:baseline; gap:13px; flex-wrap:wrap; font-size:30px; color:var(--ink); font-weight:750; letter-spacing:-1px; margin:20px 0 15px; }
.admin-plan-price small { font-size:12px; font-weight:500; color:var(--muted); letter-spacing:0; }
.plan-feature-summary { display:grid; gap:10px; list-style:none; padding:0; margin:23px 0; }
.plan-feature-summary li { position:relative; padding-left:22px; font-size:13px; line-height:1.65; color:#4d6657; }
.plan-feature-summary li:before { position:absolute; content:'✓'; left:0; color:var(--brand); }
.admin-plan-card .plan-draft-note { border-left:3px solid #d3b453; background:#faf8ec; padding:12px 15px; color:#77632c; font-size:12px; }
.plan-history { margin-top:25px; padding-top:20px; border-top:1px solid var(--line); }
.plan-history summary { font-size:13px; font-weight:650; color:var(--brand-dark); cursor:pointer; }
.plan-history p { font-size:12px; color:var(--muted); line-height:1.8; }
.plan-history form { margin-top:15px; }
.plan-history td { padding:12px; }
.admin-content-list { display:grid; gap:20px; }
.admin-content-list > article { display:flex; gap:25px; justify-content:space-between; align-items:center; }
.admin-content-list h3 { margin-top:12px; font-size:23px; }
.admin-content-list small { font-size:12px; color:var(--muted); }
.content-editor { display:grid; gap:24px; }
.admin-model-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:23px; }
.admin-model-card { overflow:hidden; border:1px solid var(--line); border-radius:20px; background:#fff; }
.admin-model-card > img { display:block; height:190px; width:100%; object-fit:cover; }
.admin-model-card > div { padding:25px; }
.admin-model-card h3 { margin:13px 0; font-size:23px; line-height:1.4; }
.admin-model-card p { color:var(--muted); font-size:13px; line-height:1.85; }
.admin-model-card .button { margin-top:15px; }
@media(max-width:1000px) { .admin-model-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:600px) { .admin-model-grid { grid-template-columns:1fr; } }
.content-editor > .onboarding-card { display:grid; gap:13px; }
.content-editor h3 { margin:0 0 13px; font-size:22px; line-height:1.4; }
.content-editor label { display:grid; gap:9px; font-size:13px; line-height:1.7; }
.content-editor input,.content-editor select,.content-editor textarea { width:100%; }
.content-editor .form-grid { gap:22px; }
.content-editor p,.content-editor small { color:var(--muted); font-size:13px; line-height:1.85; }
.announcement-feed { margin-top:38px; margin-bottom:40px; }
.announcement-feed .guest-carousel-track { gap:20px; grid-auto-columns:calc((100% - 40px)/3); padding:0 0 12px; }
.announcement-feed h2 { font-size:26px; line-height:1.35; margin:8px 0 0; letter-spacing:-.8px; }
.announcement-card { min-width:0; overflow:hidden; background:#fff; border:1px solid var(--line); border-radius:19px; }
.announcement-card > img { display:block; width:100%; height:160px; object-fit:cover; }
.announcement-card > div { padding:25px; }
.announcement-card .announcement-kind { font-size:10px; letter-spacing:1.4px; text-transform:uppercase; color:var(--brand-dark); font-weight:750; margin:0 0 12px; }
.announcement-card h3 { margin:0 0 15px; font-size:21px; line-height:1.4; letter-spacing:-.55px; }
.announcement-card p { font-size:13px; line-height:1.8; color:var(--muted); }
.announcement-card .announcement-plan { color:var(--brand-dark); font-weight:700; }
.announcement-card .button { margin-top:19px; }
.announcement-card summary { font-size:13px; color:var(--brand-dark); cursor:pointer; }
.announcement-card .guest-carousel-nav { gap:10px; }
@media(max-width:950px) { .admin-plan-grid { grid-template-columns:1fr; } .announcement-feed .guest-carousel-track { grid-auto-columns:calc((100% - 20px)/2); } }
@media(max-width:600px) { .admin-hub-grid,.admin-metrics { grid-template-columns:1fr; } .admin-metrics { gap:12px; } .admin-metrics a { flex-direction:row; align-items:center; } .admin-metrics span { max-width:210px; } .admin-hub-card,.admin-plan-card { padding:24px; } .admin-plan-card > header { flex-wrap:wrap; } .admin-content-list > article { align-items:flex-start; flex-direction:column; } .announcement-feed .guest-carousel-track { grid-auto-columns:100%; } }
