.ubc-dashboard { --dash-purple:#4b2275; --dash-purple-dark:#371460; --dash-gold:#c9a227; --dash-ivory:#faf6f1; --dash-lavender:#f3ecfb; --dash-text:#241531; --dash-muted:#6c5c7a; --dash-border:#eee7f3; color:var(--dash-text); background:var(--dash-ivory); margin-inline:calc(50% - 50vw); }
.ubc-dashboard-hero { background:linear-gradient(120deg,var(--dash-purple-dark),var(--dash-purple)); color:#fff; }
.ubc-dashboard-hero-inner, .ubc-dashboard-main { width:min(100% - 48px,1180px); margin-inline:auto; }
.ubc-dashboard-hero-inner { padding:clamp(3.5rem,8vw,6rem) 0 clamp(5rem,10vw,7.2rem); }
.ubc-dashboard-eyebrow { margin:0 0 .8rem; color:#e7c95e; font-size:.78rem; font-weight:800; letter-spacing:.2em; text-transform:uppercase; }
.ubc-dashboard-hero h1 { margin:0; color:#fff; font:700 clamp(2.8rem,6vw,4.7rem)/1.08 var(--font-display,Georgia,serif); }
.ubc-dashboard-hero p:last-child { margin:1rem 0 0; color:#f3ecfb; font-size:clamp(1rem,2vw,1.25rem); }
.ubc-dashboard-main { position:relative; z-index:1; margin-top:-3rem; padding-bottom:5rem; }
.ubc-dashboard-stats { display:grid; grid-template-columns:repeat(3,1fr); gap:1.25rem; margin-bottom:2rem; }
.ubc-dashboard-stat { display:flex; align-items:center; gap:1rem; min-height:112px; padding:1.25rem 1.4rem; border:1px solid rgba(224,214,240,.8); border-radius:16px; background:#fff; box-shadow:0 12px 34px rgba(45,18,74,.1); }
.ubc-dashboard-stat-icon { display:grid; width:3.25rem; height:3.25rem; flex:0 0 3.25rem; place-items:center; border-radius:14px; background:var(--dash-lavender); color:var(--dash-purple); }
.ubc-dashboard-stat-icon.ubc-icon-mic { background:#fbf5df; color:#9b7914; }.ubc-dashboard-stat-icon.ubc-icon-heart { background:#eaf6eb; color:#2c7b3e; }
.ubc-dashboard-stat strong { display:block; color:var(--dash-text); font-size:2rem; line-height:1; }.ubc-dashboard-stat small { display:block; margin-top:.45rem; color:var(--dash-muted); font-size:.86rem; }
.ubc-dashboard-columns { display:grid; grid-template-columns:minmax(0,2fr) minmax(285px,1fr); gap:1.75rem; align-items:start; }.ubc-dashboard-feed,.ubc-dashboard-side { display:grid; gap:1.75rem; }
.ubc-dashboard-card { overflow:hidden; border:1px solid var(--dash-border); border-radius:16px; background:#fff; box-shadow:0 10px 30px rgba(45,18,74,.07); }
.ubc-dashboard-card header { display:flex; align-items:center; gap:.65rem; min-height:72px; padding:1.1rem 1.5rem; border-bottom:1px solid #f4f0f7; }.ubc-dashboard-card header > span { display:grid; color:var(--dash-purple); }.ubc-dashboard-card header svg { width:1.25rem; height:1.25rem; }.ubc-dashboard-card h2 { margin:0; color:var(--dash-purple); font:700 1.15rem/1.2 var(--font-display,Georgia,serif); }.ubc-dashboard-card header a { margin-left:auto; color:var(--dash-purple); font-size:.82rem; font-weight:700; text-decoration:none; }.ubc-dashboard-card header a:hover { color:var(--dash-gold); }
.ubc-dashboard-list { padding:.25rem 1.2rem; }.ubc-dashboard-list-item { display:flex; align-items:center; gap:1rem; padding:1.1rem .3rem; border-bottom:1px solid #f2edf5; color:inherit; text-decoration:none; }.ubc-dashboard-list-item:last-child { border-bottom:0; }.ubc-dashboard-list-item > span:nth-child(2) { min-width:0; flex:1; }.ubc-dashboard-list-item strong,.ubc-dashboard-list-item small { display:block; }.ubc-dashboard-list-item strong { overflow:hidden; color:var(--dash-text); font-size:.95rem; text-overflow:ellipsis; white-space:nowrap; }.ubc-dashboard-list-item small { margin-top:.3rem; color:var(--dash-muted); font-size:.82rem; }.ubc-dashboard-list-item:hover strong { color:var(--dash-purple); }.ubc-dashboard-date { display:grid; width:3.2rem; height:3.2rem; flex:0 0 3.2rem; place-items:center; align-content:center; border-radius:10px; background:var(--dash-lavender); color:var(--dash-purple); }.ubc-dashboard-date b { font-size:1.15rem; line-height:1; }.ubc-dashboard-date small { margin:0; color:var(--dash-purple); font-size:.68rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }.ubc-dashboard-sermon-icon { display:grid; width:2.8rem; height:2.8rem; flex:0 0 2.8rem; place-items:center; border-radius:50%; background:#fbf5df; color:#9b7914; }.ubc-dashboard-sermon-icon svg { width:1.25rem; height:1.25rem; }.ubc-dashboard-arrow { color:var(--dash-purple); font-size:1.3rem; }.ubc-dashboard-empty { display:grid; min-height:190px; place-items:center; align-content:center; gap:.7rem; padding:2rem; text-align:center; }.ubc-dashboard-empty span { display:grid; color:#d9cbed; }.ubc-dashboard-empty svg { width:3rem; height:3rem; }.ubc-dashboard-empty p { margin:0; color:var(--dash-muted); font-size:.92rem; }
.ubc-dashboard-actions { padding-bottom:1.2rem; }.ubc-dashboard-actions header { border-bottom:0; padding-bottom:.6rem; }.ubc-dashboard-action { display:flex; align-items:center; justify-content:center; gap:.65rem; min-height:52px; margin:.25rem 1.2rem; border-radius:11px; font-size:.9rem; font-weight:800; text-decoration:none; transition:transform .18s ease,filter .18s ease; }.ubc-dashboard-action:hover { filter:brightness(1.04); transform:translateY(-1px); }.ubc-dashboard-action svg { width:1.15rem; height:1.15rem; }.ubc-action-gold { background:var(--dash-gold); color:#241a00; }.ubc-action-lavender { background:var(--dash-lavender); color:var(--dash-purple); }.ubc-action-purple { background:var(--dash-purple); color:#fff; }.ubc-action-signout { border:1px solid #f1cccc; color:#b12c2c; }
.ubc-dashboard-profile { padding:2rem 1.5rem 1.5rem; text-align:center; }.ubc-profile-avatar { display:grid; width:4.5rem; height:4.5rem; margin:0 auto 1rem; place-items:center; border-radius:50%; background:var(--dash-purple); color:#fff; font:700 1.8rem var(--font-display,Georgia,serif); }.ubc-dashboard-profile h2 { margin:0; color:var(--dash-text); font:700 1.35rem var(--font-display,Georgia,serif); }.ubc-profile-since { margin:.35rem 0 0; color:var(--dash-muted); font-size:.82rem; }.ubc-dashboard-profile hr { margin:1.4rem 0; border:0; border-top:1px solid var(--dash-border); }.ubc-profile-email { display:flex; align-items:center; gap:.7rem; text-align:left; }.ubc-profile-email > svg { width:1.15rem; height:1.15rem; color:var(--dash-muted); }.ubc-profile-email span { min-width:0; }.ubc-profile-email small,.ubc-profile-email strong { display:block; }.ubc-profile-email small { color:var(--dash-muted); font-size:.68rem; font-weight:700; letter-spacing:.1em; text-transform:uppercase; }.ubc-profile-email strong { overflow:hidden; margin-top:.25rem; font-size:.84rem; text-overflow:ellipsis; white-space:nowrap; }.ubc-profile-status { display:flex; align-items:center; gap:.7rem; margin-top:1.35rem; padding:.9rem; border:1px solid #dceedd; border-radius:11px; background:#edf8ee; text-align:left; }.ubc-profile-status > span:first-child { display:grid; color:#2c7b3e; }.ubc-profile-status svg { width:1.2rem; height:1.2rem; }.ubc-profile-status strong,.ubc-profile-status small { display:block; }.ubc-profile-status strong { font-size:.8rem; }.ubc-profile-status small { margin-top:.25rem; color:var(--dash-muted); font-size:.74rem; }
.ubc-dashboard svg { fill:none; stroke:currentColor; stroke-linecap:round; stroke-linejoin:round; stroke-width:1.8; }
@media (max-width:900px) { .ubc-dashboard-columns { grid-template-columns:1fr; }.ubc-dashboard-side { grid-template-columns:repeat(2,minmax(0,1fr)); align-items:start; }.ubc-dashboard-profile { height:100%; } }
@media (max-width:640px) { .ubc-dashboard-hero-inner,.ubc-dashboard-main { width:min(100% - 32px,1180px); }.ubc-dashboard-hero-inner { padding-top:3rem; padding-bottom:5rem; }.ubc-dashboard-stats { grid-template-columns:1fr; gap:.8rem; }.ubc-dashboard-stat { min-height:86px; }.ubc-dashboard-main { margin-top:-2.25rem; }.ubc-dashboard-side { grid-template-columns:1fr; }.ubc-dashboard-card header { padding-inline:1.15rem; }.ubc-dashboard-list { padding-inline:.9rem; } }