/* AZhai Sub UI Refactor */
:root {
    --ui-bg: #faf9fb;
    --ui-surface: #ffffff;
    --ui-surface-soft: #fff7fa;
    --ui-text: #28252a;
    --ui-muted: #817980;
    --ui-subtle: #a69ca3;
    --ui-primary: #ee7fa3;
    --ui-primary-hover: #df6b91;
    --ui-primary-soft: #fff0f5;
    --ui-border: #eee6ea;
    --ui-border-strong: #e4d9df;
    --ui-success: #48a77a;
    --ui-warning: #d79a3d;
    --ui-danger: #d86673;
    --ui-shadow: 0 10px 35px rgba(57, 35, 45, .055);
    --ui-shadow-hover: 0 16px 45px rgba(57, 35, 45, .09);
    --ui-radius: 18px;
    --ui-radius-sm: 12px;
    --ui-radius-xs: 9px;
}

html { scroll-behavior: smooth; }
body {
    background: var(--ui-bg);
    color: var(--ui-text);
    -webkit-font-smoothing: antialiased;
}

.site-header {
    position: sticky;
    top: 0;
    z-index: 100;
    background: rgba(255, 255, 255, .88);
    border-bottom: 1px solid rgba(238, 230, 234, .9);
    box-shadow: 0 5px 22px rgba(57, 35, 45, .035);
    backdrop-filter: blur(18px);
}
.site-header .header-inner { min-height: 68px; }
.site-header .logo {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-weight: 850;
    letter-spacing: -.02em;
    color: var(--ui-text);
}
.site-header .logo::before {
    content: "🌸";
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-radius: 11px;
    background: var(--ui-primary-soft);
    box-shadow: inset 0 0 0 1px rgba(238, 127, 163, .1);
    font-size: 18px;
}
.site-header nav { gap: 5px; }
.site-header nav a {
    min-height: 38px;
    padding: 8px 11px;
    border-radius: 11px;
    color: var(--ui-muted);
    transition: background .18s ease, color .18s ease, transform .18s ease;
}
.site-header nav a:hover {
    color: var(--ui-primary-hover);
    background: var(--ui-primary-soft);
    transform: translateY(-1px);
}
.site-header nav a[style*="ff6fa8"] {
    color: var(--ui-primary-hover) !important;
    background: var(--ui-primary-soft);
}

.card,
.panel,
.stat-card,
.dashboard-card,
.domain-card,
.ssl-card,
.order-card,
.membership-card {
    border: 1px solid var(--ui-border);
    border-radius: var(--ui-radius);
    box-shadow: var(--ui-shadow);
}
.card:hover,
.panel:hover,
.domain-card:hover,
.ssl-card:hover,
.order-card:hover {
    box-shadow: var(--ui-shadow-hover);
}

button,
.button,
.btn,
input[type="submit"],
input[type="button"] {
    border-radius: var(--ui-radius-sm);
    transition: transform .16s ease, box-shadow .16s ease, background .16s ease, border-color .16s ease;
}
button:hover,
.button:hover,
.btn:hover,
input[type="submit"]:hover,
input[type="button"]:hover {
    transform: translateY(-1px);
}
button.primary,
.button.primary,
.btn.primary,
.btn-primary {
    background: var(--ui-primary);
    border-color: var(--ui-primary);
    box-shadow: 0 8px 20px rgba(238, 127, 163, .18);
}
button.primary:hover,
.button.primary:hover,
.btn.primary:hover,
.btn-primary:hover {
    background: var(--ui-primary-hover);
    border-color: var(--ui-primary-hover);
}
button.secondary,
.button.secondary,
.btn.secondary,
.btn-secondary {
    background: var(--ui-surface);
    color: var(--ui-text);
    border-color: var(--ui-border-strong);
}

input,
select,
textarea {
    border-radius: var(--ui-radius-sm) !important;
    border-color: var(--ui-border-strong) !important;
    background: var(--ui-surface) !important;
    transition: border-color .16s ease, box-shadow .16s ease;
}
input:focus,
select:focus,
textarea:focus {
    border-color: rgba(238, 127, 163, .72) !important;
    box-shadow: 0 0 0 4px rgba(238, 127, 163, .11) !important;
    outline: 0;
}

.table-wrap {
    overflow: hidden;
    border: 1px solid var(--ui-border);
    border-radius: var(--ui-radius);
    box-shadow: var(--ui-shadow);
    background: var(--ui-surface);
}
table thead th {
    background: #fcfafb;
    color: var(--ui-muted);
    font-size: 12px;
    font-weight: 750;
    letter-spacing: .02em;
}
table tbody tr { transition: background .15s ease; }
table tbody tr:hover { background: #fffafb; }

.badge,
.status-badge,
.status,
.member-badge {
    border-radius: 999px;
    font-weight: 750;
}

.mobile-nav {
    border-top: 1px solid var(--ui-border);
    background: rgba(255, 255, 255, .94);
    box-shadow: 0 -8px 28px rgba(57, 35, 45, .07);
    backdrop-filter: blur(18px);
}
.mobile-nav a {
    color: var(--ui-subtle);
    border-radius: 13px;
    transition: color .16s ease, background .16s ease;
}
.mobile-nav a.is-active {
    color: var(--ui-primary-hover);
    background: var(--ui-primary-soft);
}
.mobile-nav .nav-icon { margin-bottom: 3px; }

.admin-shell { background: var(--ui-bg); }
.admin-sidebar {
    width: 252px;
    background: rgba(255, 255, 255, .96);
    border-right: 1px solid var(--ui-border);
    box-shadow: 8px 0 30px rgba(57, 35, 45, .025);
}
.admin-brand {
    padding: 22px 18px;
    border-bottom: 1px solid var(--ui-border);
}
.admin-brand-main { gap: 11px; }
.admin-brand .brand-mark,
.admin-topbar .topbar-icon {
    background: var(--ui-primary-soft);
    color: var(--ui-primary-hover);
    border-radius: 12px;
}
.admin-nav { padding: 15px 11px; }
.admin-nav-label {
    padding: 17px 11px 7px;
    color: var(--ui-subtle);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .1em;
}
.admin-nav-item {
    min-height: 42px;
    margin: 2px 0;
    padding: 9px 11px;
    border-radius: 11px;
    color: var(--ui-muted);
}
.admin-nav-item:hover {
    color: var(--ui-primary-hover);
    background: var(--ui-primary-soft);
    transform: translateX(2px);
}
.admin-nav-item.is-active {
    color: var(--ui-primary-hover);
    background: var(--ui-primary-soft);
    box-shadow: inset 3px 0 0 var(--ui-primary);
}
.admin-content { min-width: 0; }
.admin-topbar {
    min-height: 68px;
    background: rgba(255, 255, 255, .88);
    border-bottom: 1px solid var(--ui-border);
    box-shadow: 0 5px 22px rgba(57, 35, 45, .025);
    backdrop-filter: blur(18px);
}
.admin-topbar-title { gap: 9px; }
.admin-topbar-title strong { font-weight: 800; }
.admin-main { padding: 28px; }
.admin-account-link {
    border-radius: 11px;
    color: var(--ui-muted);
}
.admin-account-link:hover {
    color: var(--ui-primary-hover);
    background: var(--ui-primary-soft);
}

.dashboard-welcome {
    position: relative;
    overflow: hidden;
    border: 1px solid #f2dfe6;
    border-radius: 24px;
    background: linear-gradient(135deg, #fff 0%, #fff8fa 100%);
    box-shadow: var(--ui-shadow);
}
.dashboard-welcome::after {
    content: "";
    position: absolute;
    width: 170px;
    height: 170px;
    right: -65px;
    top: -70px;
    border-radius: 50%;
    background: rgba(238, 127, 163, .08);
    pointer-events: none;
}

@media (max-width: 760px) {
    .site-header { position: sticky; }
    .site-header .header-inner { min-height: 60px; }
    .site-header nav { display: none; }
    main.container { padding-bottom: 92px; }
    .admin-main { padding: 18px 14px 86px; }
    .admin-sidebar { width: min(84vw, 300px); }
    .table-wrap { border-radius: 14px; }
    .dashboard-welcome { border-radius: 18px; }
}


/* Stage 2: User dashboard */
.dashboard-welcome-v2 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 32px;
    min-height: 178px;
}
.dashboard-welcome-copy { position: relative; z-index: 1; min-width: 0; }
.dashboard-welcome-v2 .welcome-actions {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 9px;
    width: min(430px, 100%);
}
.dashboard-welcome-v2 .welcome-actions .button:first-child { grid-column: 1 / -1; }
.dashboard-overview {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
    margin: 16px 0;
}
.dashboard-stat {
    display: flex;
    align-items: center;
    gap: 13px;
    min-width: 0;
    padding: 18px;
    border: 1px solid var(--ui-border);
    border-radius: var(--ui-radius);
    background: var(--ui-surface);
    box-shadow: var(--ui-shadow);
}
.dashboard-stat-icon {
    flex: 0 0 42px;
    width: 42px;
    height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 13px;
    background: var(--ui-primary-soft);
    font-size: 18px;
}
.dashboard-stat div { min-width: 0; }
.dashboard-stat small,
.dashboard-stat span:last-child {
    display: block;
    color: var(--ui-muted);
    font-size: 11px;
}
.dashboard-stat strong {
    display: block;
    margin: 2px 0 1px;
    color: var(--ui-text);
    font-size: 20px;
    line-height: 1.25;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.dashboard-stat-member strong { font-size: 16px; }
.dashboard-quick-actions {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
    margin: 0 0 20px;
}
.dashboard-quick-actions a {
    display: flex;
    align-items: center;
    gap: 11px;
    min-width: 0;
    padding: 15px;
    border: 1px solid var(--ui-border);
    border-radius: var(--ui-radius-sm);
    background: var(--ui-surface);
    color: var(--ui-text);
    box-shadow: 0 7px 24px rgba(57,35,45,.035);
    transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}
.dashboard-quick-actions a:hover {
    transform: translateY(-2px);
    border-color: #edc7d4;
    box-shadow: var(--ui-shadow);
}
.dashboard-quick-actions a > span {
    flex: 0 0 34px;
    width: 34px;
    height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: var(--ui-primary-soft);
    color: var(--ui-primary-hover);
    font-weight: 800;
}
.dashboard-quick-actions a div { min-width: 0; flex: 1; }
.dashboard-quick-actions strong,
.dashboard-quick-actions small { display: block; }
.dashboard-quick-actions strong { font-size: 12px; }
.dashboard-quick-actions small { margin-top: 2px; color: var(--ui-muted); font-size: 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.dashboard-quick-actions b { color: var(--ui-subtle); font-size: 14px; }
.dashboard > .card { margin-bottom: 16px; }
.dashboard .info-grid { gap: 10px; }
.dashboard .info-item { background: #fffafb; border-color: var(--ui-border); border-radius: 13px; }

/* Stage 2: Domains */
.domains-page { padding-bottom: 30px; }
.domains-hero {
    position: relative;
    overflow: hidden;
    border: 1px solid var(--ui-border);
    border-radius: 22px;
    background: radial-gradient(circle at 90% 0, rgba(255,190,211,.22), transparent 32%), #fff;
    box-shadow: var(--ui-shadow);
}
.domains-hero h1 { letter-spacing: -.8px; }
.domains-toolbar { border-top-color: var(--ui-border) !important; }
.domains-button {
    min-height: 38px;
    padding: 8px 13px;
    border: 1px solid var(--ui-border-strong);
    border-radius: 11px;
    background: #fff;
    color: var(--ui-text);
    box-shadow: none;
}
.domains-button:hover { border-color: #e8b9ca; background: var(--ui-primary-soft); color: var(--ui-primary-hover); }
.domains-button.success { background: #f2fbf6; border-color: #d9efe2; color: #438d67; }
.domains-button.danger { background: #fff4f5; border-color: #f1dadd; color: #c75f6b; }
.domain-card {
    overflow: hidden;
    border: 1px solid var(--ui-border) !important;
    border-radius: 18px !important;
    background: #fff !important;
    box-shadow: var(--ui-shadow) !important;
}
.domain-card:hover { border-color: #ebc7d4 !important; box-shadow: var(--ui-shadow-hover) !important; transform: translateY(-2px); }
.domain-card-head { background: linear-gradient(180deg, #fff, #fffafb); }
.domain-title h2 { letter-spacing: -.35px; }
.domain-status { border-radius: 999px; font-weight: 750; }
.record-item { border-color: var(--ui-border) !important; border-radius: 13px !important; background: #fff !important; }
.record-item:hover { border-color: #e9c8d4 !important; background: #fffafb !important; }
.domain-actions { gap: 8px; }
.domain-suspension-reason { border-radius: 12px !important; border-color: #f0d9dd !important; background: #fff7f8 !important; }
.empty-records { border-color: var(--ui-border-strong) !important; background: #fffafb !important; border-radius: 15px !important; }

@media (max-width: 1050px) {
    .dashboard-overview { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .dashboard-quick-actions { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 760px) {
    .dashboard-welcome-v2 { display: block; min-height: 0; }
    .dashboard-welcome-v2 .welcome-actions { margin-top: 22px; width: 100%; }
    .dashboard-overview { gap: 10px; }
    .dashboard-stat { padding: 14px; }
    .dashboard-stat-icon { flex-basis: 38px; width: 38px; height: 38px; }
}
@media (max-width: 520px) {
    .dashboard-overview,
    .dashboard-quick-actions { grid-template-columns: 1fr; }
    .dashboard-welcome-v2 .welcome-actions { grid-template-columns: 1fr; }
    .dashboard-welcome-v2 .welcome-actions .button:first-child { grid-column: auto; }
    .dashboard-stat-member strong { font-size: 18px; }
}

/* =========================================================
   Stage 3 · Admin SaaS Console
   ========================================================= */
.admin-shell{background:#f8f6f7;color:#40363c}
.admin-sidebar{width:264px;background:rgba(255,255,255,.97);border-right:1px solid #eee5e9;box-shadow:10px 0 36px rgba(52,35,45,.035)}
.admin-brand{min-height:78px;padding:17px 17px;border-bottom:1px solid #f0e7eb}
.admin-brand-main{padding:5px 7px;border-radius:14px;transition:background .18s ease}
.admin-brand-main:hover{background:#fff6f9}
.admin-brand-main>span:last-child{display:grid;gap:2px}
.admin-brand-main strong{font-size:13px;letter-spacing:-.01em;color:#3d3339}
.admin-brand-main small{font-size:9px;color:#a0959a;font-weight:650;letter-spacing:.02em}
.admin-brand .brand-mark{width:38px;height:38px;border:1px solid #f1dbe4;box-shadow:0 5px 16px rgba(198,83,125,.08)}
.admin-sidebar-close{border:0;background:transparent;color:#a79ba1;border-radius:9px}
.admin-nav{padding:13px 10px 16px}
.admin-nav-label{padding:15px 10px 6px;color:#a3989d;font-size:9px;letter-spacing:.14em}
.admin-nav-item{position:relative;min-height:43px;margin:2px 0;padding:9px 11px;border:1px solid transparent;border-radius:12px;color:#746970;font-size:11px;font-weight:700;transition:all .16s ease}
.admin-nav-item .nav-icon{width:19px;color:#9c9096}
.admin-nav-item:hover{color:#b14e73;background:#fff7fa;border-color:#f4e3e9;transform:none}
.admin-nav-item:hover .nav-icon{color:#c6537d}
.admin-nav-item.is-active{color:#b14e73;background:linear-gradient(90deg,#fff1f6,#fff8fa);border-color:#f2dce5;box-shadow:0 6px 18px rgba(198,83,125,.055),inset 3px 0 0 #c6537d}
.admin-nav-item.is-active .nav-icon{color:#c6537d}
.admin-sidebar-bottom{padding:12px 10px;border-top:1px solid #f0e7eb;background:#fff}
.admin-account-link{min-height:40px;padding:8px 11px;border:1px solid transparent;font-size:10px;font-weight:700}
.admin-account-link.is-logout{color:#9a737c}
.admin-content{background:linear-gradient(180deg,#faf8f9 0,#f8f6f7 240px,#f8f6f7 100%)}
.admin-topbar{min-height:72px;padding:0 28px;background:rgba(255,255,255,.91);border-bottom:1px solid #eee5e9;box-shadow:0 7px 26px rgba(52,35,45,.035)}
.admin-topbar-title{min-width:0}
.admin-topbar-title .topbar-icon{width:34px;height:34px;border:1px solid #f0dce4;box-shadow:none}
.admin-topbar-title strong{font-size:13px;letter-spacing:-.01em;color:#3c3238}
.admin-site-link{display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:0 12px;border:1px solid #ebe1e5;border-radius:10px;background:#fff;color:#786b72;font-size:10px;font-weight:750;box-shadow:0 4px 12px rgba(52,35,45,.025)}
.admin-site-link:hover{color:#b14e73;border-color:#e7c7d4;background:#fff8fa}
.admin-main{max-width:1440px;margin:0 auto;padding:26px 30px 60px}

.admin-dashboard{display:grid;gap:18px}
.admin-dashboard>.admin-hero,.admin-dashboard>.admin-stats,.admin-dashboard>.admin-section,.admin-dashboard>.admin-content-grid{width:100%}
.admin-section,.admin-content-card{border:1px solid #eee5e9!important;border-radius:20px!important;background:rgba(255,255,255,.94)!important;box-shadow:0 9px 30px rgba(52,35,45,.035)!important}
.admin-section{padding:20px!important}
.admin-section-header,.admin-content-card-header{min-height:36px}
.admin-section-title,.admin-content-card-title{color:#40363c!important;font-size:13px!important;font-weight:850!important;letter-spacing:-.01em}
.admin-section-link{color:#b14e73!important;font-size:10px!important;font-weight:750}
.admin-stat{border:1px solid #eee5e9!important;border-radius:18px!important;background:#fff!important;box-shadow:0 8px 26px rgba(52,35,45,.035)!important;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}
.admin-stat:hover{transform:translateY(-2px);border-color:#e8d4dc!important;box-shadow:0 13px 30px rgba(52,35,45,.06)!important}
.admin-stat-label{color:#94888e!important;font-size:9px!important;font-weight:750!important;letter-spacing:.08em}
.admin-stat-value{color:#3e343a!important;font-size:27px!important;letter-spacing:-.04em}
.admin-stat-desc{color:#a3989d!important;font-size:9px!important}
.admin-modules{gap:10px!important}
.admin-module{border:1px solid #eee5e9!important;border-radius:16px!important;background:#fff!important;box-shadow:none!important;transition:all .16s ease!important}
.admin-module:hover{border-color:#e8cad6!important;background:#fff9fb!important;transform:translateY(-1px)!important;box-shadow:0 8px 22px rgba(52,35,45,.045)!important}
.admin-module-title{color:#55484f!important;font-size:11px!important;font-weight:800!important}
.admin-module-value{color:#c6537d!important;font-size:23px!important}
.admin-module-desc{color:#9a8e94!important;font-size:9px!important}
.admin-module-arrow{color:#b7a9af!important}
.admin-warning{border:1px solid #f0dfc8!important;border-radius:18px!important;background:#fffaf2!important;box-shadow:none!important}
.admin-warning-title{color:#896b39!important;font-size:11px!important}
.admin-warning-row{border-top-color:#f3e5d4!important}
.admin-provider{border:1px solid #eee5e9!important;border-radius:16px!important;background:#fff!important;box-shadow:none!important;transition:all .16s ease}
.admin-provider:hover{border-color:#e8d4dc!important;box-shadow:0 8px 22px rgba(52,35,45,.04)!important}
.admin-provider-name{color:#4c4047!important;font-weight:800!important}
.admin-provider-meta,.admin-provider-type{color:#9a8e94!important}
.admin-quick-grid{gap:10px!important}
.admin-quick-grid a{border:1px solid #eee5e9!important;border-radius:15px!important;background:#fff!important;box-shadow:none!important;transition:all .16s ease!important}
.admin-quick-grid a:hover{border-color:#e7c9d5!important;background:#fff8fa!important;transform:translateY(-1px)!important}
.admin-quick-icon{border-radius:11px!important;background:#fff1f6!important;color:#b14e73!important}
.admin-content-grid{gap:18px!important}
.admin-content-card{padding:20px!important}
.admin-list-item{border-color:#f0e7eb!important}
.admin-list-item:hover{background:#fff9fb!important}
.admin-list-icon{border-radius:11px!important;background:#fff1f6!important;color:#b14e73!important}
.admin-list-main strong{color:#4a3e45!important;font-size:10px!important}
.admin-list-main small{color:#a0959a!important;font-size:8px!important}
.admin-empty{color:#a0959a!important}

.admin-main .table-wrap,.admin-main table{border-color:#eee5e9}
.admin-main .table-wrap{border-radius:17px;background:#fff;box-shadow:0 7px 22px rgba(52,35,45,.025)}
.admin-main table thead th{background:#fff9fb;color:#95898f;border-bottom-color:#eee5e9;font-size:9px;font-weight:800;letter-spacing:.03em}
.admin-main table tbody td{border-bottom-color:#f2eaed;color:#5f535a;font-size:10px}
.admin-main table tbody tr:hover{background:#fffafb}
.admin-main input,.admin-main select,.admin-main textarea{border-color:#e9dfe4!important;background:#fff!important;color:#55484f!important;border-radius:10px!important;box-shadow:none!important}
.admin-main input:focus,.admin-main select:focus,.admin-main textarea:focus{border-color:#dca8bc!important;box-shadow:0 0 0 3px rgba(198,83,125,.08)!important}
.admin-main button,.admin-main .btn{border-radius:10px}

@media(max-width:900px){
    .admin-main{padding:20px 18px 70px}
    .admin-topbar{padding:0 18px}
    .admin-sidebar{width:min(86vw,310px)}
}
@media(max-width:640px){
    .admin-topbar{min-height:62px;padding:0 13px}
    .admin-topbar-title .topbar-icon{width:30px;height:30px}
    .admin-topbar-title strong{font-size:12px}
    .admin-site-link{padding:0 9px;font-size:9px}
    .admin-site-link .nav-icon{display:none}
    .admin-main{padding:14px 12px 82px}
    .admin-section,.admin-content-card{padding:15px!important;border-radius:16px!important}
    .admin-stat-value{font-size:23px!important}
}

/* UI Refactor 4.0 - Admin finishing layer */
.admin-main {
    padding: 28px clamp(16px, 3vw, 34px) 44px;
}
.admin-main > * {
    max-width: 1240px;
    margin-left: auto;
    margin-right: auto;
}
.admin-topbar {
    min-height: 70px;
    padding: 0 clamp(16px, 3vw, 34px);
    background: rgba(255,255,255,.9);
    border-bottom: 1px solid var(--ui-border);
    box-shadow: 0 4px 18px rgba(57,35,45,.025);
    backdrop-filter: blur(18px);
}
.admin-topbar-title strong {
    color: #332d32;
    font-size: 15px;
    letter-spacing: -.01em;
}
.admin-site-link {
    min-height: 36px;
    padding: 0 12px;
    border: 1px solid var(--ui-border);
    border-radius: 10px;
    background: #fff;
    color: #756a71;
    box-shadow: 0 4px 14px rgba(57,35,45,.035);
}
.admin-site-link:hover {
    color: var(--ui-primary-hover);
    border-color: #f0cad8;
    background: var(--ui-primary-soft);
}
.admin-nav-item {
    border: 1px solid transparent;
}
.admin-nav-item.is-active {
    border-color: rgba(238,127,163,.12);
    box-shadow: inset 0 0 0 1px rgba(238,127,163,.025);
}
.admin-nav-item .nav-icon,
.admin-account-link .nav-icon {
    opacity: .82;
}
.admin-nav-label {
    text-transform: uppercase;
}
.admin-main h1 {
    letter-spacing: -.025em;
}
.admin-main h2,
.admin-main h3 {
    letter-spacing: -.018em;
}
.admin-main .admin-welcome,
.admin-main .page-hero,
.admin-main .member-hero,
.admin-main .log-center-hero,
.admin-main .user-center-hero {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(196,83,123,.11);
    box-shadow: 0 12px 34px rgba(52,35,45,.045);
}
.admin-main .admin-welcome::after,
.admin-main .page-hero::after,
.admin-main .member-hero::after,
.admin-main .log-center-hero::after,
.admin-main .user-center-hero::after {
    content: "";
    position: absolute;
    width: 210px;
    height: 210px;
    right: -95px;
    top: -125px;
    border-radius: 50%;
    background: rgba(238,127,163,.055);
    pointer-events: none;
}
.admin-main .table-wrap,
.admin-main .admin-table-wrap,
.admin-main .admin-panel,
.admin-main .panel,
.admin-main .member-card,
.admin-main .log-center-panel,
.admin-main .user-center-panel,
.admin-main .provider-card,
.admin-main .ssl-panel,
.admin-main .az-orders-table-wrap {
    background: rgba(255,255,255,.98);
    border-color: var(--ui-border);
    box-shadow: var(--ui-shadow);
}
.admin-main table {
    width: 100%;
}
.admin-main table th {
    white-space: nowrap;
}
.admin-main table td {
    border-color: #f2ecef;
}
.admin-main table tbody tr:last-child td {
    border-bottom: 0;
}
.admin-main .empty-state,
.admin-main .empty,
.admin-main .log-empty {
    color: var(--ui-muted);
}
.admin-main .pagination {
    padding: 18px 0 2px;
}
.admin-main .pagination a,
.admin-main .pagination button,
.admin-main .pagination span {
    border-radius: 9px;
}
.admin-main form:not(.inline-form) label {
    color: #71656c;
}
.admin-main input[type="checkbox"],
.admin-main input[type="radio"] {
    accent-color: var(--ui-primary-hover);
}
.admin-main .danger,
.admin-main .btn-danger {
    box-shadow: none;
}
.admin-main .notice,
.admin-main .alert,
.admin-main .flash,
.admin-main .member-alert,
.admin-main .log-alert {
    border: 1px solid rgba(45,38,44,.055);
}
.admin-footer {
    margin-top: 0;
    padding: 22px clamp(16px, 3vw, 34px);
    border-top: 1px solid var(--ui-border);
    background: rgba(255,255,255,.72);
}
.admin-footer-inner {
    max-width: 1240px;
}
.admin-footer strong {
    color: var(--ui-primary-hover);
}
@media (max-width: 900px) {
    .admin-main {
        padding: 22px 15px 34px;
    }
    .admin-topbar {
        min-height: 62px;
    }
    .admin-site-link {
        display: none;
    }
}
@media (max-width: 620px) {
    .admin-main {
        padding: 16px 11px 28px;
    }
    .admin-main .table-wrap,
    .admin-main .admin-table-wrap,
    .admin-main .admin-panel,
    .admin-main .panel,
    .admin-main .member-card,
    .admin-main .log-center-panel,
    .admin-main .user-center-panel,
    .admin-main .az-orders-table-wrap {
        border-radius: 15px;
    }
    .admin-main table {
        min-width: 680px;
    }
    .admin-main .table-wrap,
    .admin-main .admin-table-wrap,
    .admin-main .az-orders-table-wrap {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    .admin-main .admin-welcome,
    .admin-main .page-hero,
    .admin-main .member-hero,
    .admin-main .log-center-hero,
    .admin-main .user-center-hero {
        border-radius: 17px;
    }
}

/* Membership entry refinement */
.settings-profile-card { min-width: 0; }
.settings-membership-link {
    margin-left: auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    flex: 0 0 auto;
    min-height: 34px;
    padding: 7px 11px;
    border: 1px solid var(--ui-border-strong);
    border-radius: 10px;
    background: var(--ui-surface);
    color: var(--ui-text);
    font-size: 12px;
    font-weight: 750;
    text-decoration: none;
    white-space: nowrap;
}
.settings-membership-link:hover {
    color: var(--ui-primary-hover);
    border-color: rgba(238, 127, 163, .45);
    background: var(--ui-primary-soft);
}
.settings-membership-link svg { flex: 0 0 auto; }
.dashboard-stat-member {
    position: relative;
    align-items: center;
}
.dashboard-member-copy { min-width: 0; }
.dashboard-member-action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    flex: 0 0 auto;
    margin-left: auto;
    min-height: 32px;
    padding: 6px 10px;
    border: 1px solid rgba(238, 127, 163, .35);
    border-radius: 10px;
    background: var(--ui-primary-soft);
    color: var(--ui-primary-hover);
    font-size: 11px;
    font-weight: 800;
    text-decoration: none;
    white-space: nowrap;
}
.dashboard-member-action:hover {
    color: #fff;
    background: var(--ui-primary);
    border-color: var(--ui-primary);
}
.dashboard-quick-actions > a > span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
@media (max-width: 680px) {
    .settings-membership-link { padding: 7px 9px; }
    .settings-membership-link span { display: none; }
    .dashboard-member-action { padding: 6px 8px; }
}