:root{--ab:#1767e8;--ab2:#62a5ff;--ai:#163464;--am:#7283a2;--al:#dce7f8;--ag:#18a66a;--ap:#7d56e9;--ar:#df5375}*{box-sizing:border-box}.account-body{margin:0;font-family:"PingFang SC","Microsoft YaHei",system-ui,sans-serif;color:var(--ai);background:radial-gradient(circle at 92% 0,rgba(104,169,255,.22),transparent 30%),linear-gradient(180deg,#eef5ff,#fff 48%,#f6f9ff);min-height:100vh}.account-body a{text-decoration:none;color:inherit}.account-header{padding:30px 20px 56px;color:#fff;background:linear-gradient(135deg,#1767e8,#66a9ff);border-radius:0 0 30px 30px}.account-header.admin-header{background:linear-gradient(135deg,#4c32a8,#8c6df2)}.account-header>div{max-width:1080px;margin:auto}.account-header h1{margin:20px 0 8px;font-size:clamp(30px,5vw,46px)}.account-header p{margin:0;color:rgba(255,255,255,.88)}.account-shell{max-width:1080px;margin:-30px auto 50px;padding:0 18px;position:relative}.account-shell.narrow{max-width:650px}.account-shell.wide{max-width:1240px}.account-card{background:#fff;border:1px solid var(--al);border-radius:24px;box-shadow:0 16px 42px rgba(42,87,165,.13);padding:26px}.account-card.block{margin-top:18px}.account-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.account-form{display:grid;gap:14px}.account-form label{display:grid;gap:7px;font-weight:700}.account-form input,.account-form textarea,.account-form select{width:100%;padding:13px 15px;border:1px solid #d7e2f4;border-radius:13px;outline:none;background:#fff}.account-form input:focus,.account-form textarea:focus{border-color:var(--ab);box-shadow:0 0 0 4px rgba(23,103,232,.1)}.code-row{display:grid;grid-template-columns:1fr auto;align-items:end;gap:10px}.account-btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:999px;padding:12px 20px;background:linear-gradient(135deg,var(--ab),var(--ab2));color:#fff;font-weight:800;cursor:pointer}.account-btn.secondary{background:#fff;color:var(--ab);border:1px solid #cfe0fb}.account-btn.admin{background:linear-gradient(135deg,#6b48d6,#a386ff)}.account-note,.mode-banner{padding:14px;border-radius:14px;background:#f3f7ff;color:var(--am);line-height:1.7}.mode-banner{margin:0 0 18px;border:1px solid #dbe8fb}.account-status{min-height:24px;color:#c74264}.text-link{color:var(--ab);font-weight:700}.profile-top{display:flex;justify-content:space-between;gap:18px;align-items:center}.profile-identity{display:flex;gap:15px;align-items:center}.profile-identity h2{margin:0}.profile-identity p{margin:6px 0;color:var(--am)}.profile-actions{display:flex;gap:9px;flex-wrap:wrap;justify-content:flex-end}.profile-avatar{width:68px;height:68px;border-radius:22px;display:grid;place-items:center;background:linear-gradient(135deg,#e7f1ff,#cfe2ff);font-size:31px}.member-line{display:flex;gap:10px;align-items:center;flex-wrap:wrap;color:var(--am);font-size:13px}.member-badge{display:inline-flex;padding:5px 10px;border-radius:999px;background:#edf2fb;color:#526986;font-size:12px;font-weight:850}.member-badge.vip{background:#fff0c9;color:#9b6500}.member-badge.admin{background:#eee6ff;color:#6233bd}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:20px 0}.stat{background:#f5f8ff;border-radius:18px;padding:18px;text-align:center}.stat strong{display:block;font-size:28px;color:var(--ab)}.calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}.calendar div{min-height:42px;border-radius:12px;background:#f3f6fb;display:grid;place-items:center;font-size:13px}.calendar .checked{background:#dff7eb;color:#128358;font-weight:800}.data-list{display:grid;gap:12px}.data-item{display:flex;justify-content:space-between;gap:12px;background:#f7f9fd;border-radius:14px;padding:14px}.data-item small{color:var(--am)}.permission-list{display:flex;gap:8px;flex-wrap:wrap}.permission-chip{padding:8px 11px;border-radius:999px;background:#edf5ff;color:#245fae;font-size:13px;font-weight:700}.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.quick-grid a{padding:16px;border:1px solid var(--al);border-radius:16px;background:#f8fbff;color:#315e9f;font-weight:750}.plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:22px}.plan-card input{position:absolute;opacity:0}.plan-card span{display:grid;gap:8px;padding:20px;border:2px solid #e2eaf8;border-radius:18px;background:#fff;cursor:pointer}.plan-card input:checked+span{border-color:#6d84f5;background:#f2f5ff;box-shadow:0 10px 24px rgba(60,90,190,.12)}.plan-card b{font-size:27px;color:#e05c77}.plan-card small{color:var(--am)}.order-form{max-width:720px}.admin-table-wrap{overflow:auto}.admin-table{width:100%;border-collapse:collapse;min-width:800px}.admin-table th,.admin-table td{padding:11px;border:1px solid #dfe8f6;text-align:left}.admin-table th{background:#eef4ff}.tiny-btn{border:1px solid #cbdcf5;border-radius:9px;background:#fff;color:#2d68bd;padding:6px 8px;margin:2px;cursor:pointer}.admin-stats{grid-template-columns:repeat(3,1fr)}.home-account{width:min(calc(100% - 40px),1180px);margin:0 auto 20px;background:rgba(255,255,255,.9);border:1px solid rgba(50,100,190,.12);border-radius:22px;box-shadow:0 12px 35px rgba(50,90,165,.1);padding:18px 20px;display:flex;align-items:center;justify-content:space-between;gap:18px}.home-account-main{display:flex;align-items:center;gap:14px}.home-account-icon{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:#eaf2ff;font-size:23px}.home-account-actions{display:flex;gap:10px;flex-wrap:wrap}.home-account .mini-pill{border:0;border-radius:999px;padding:10px 16px;background:#edf4ff;color:#1767e8;font-weight:800;cursor:pointer}.home-account .mini-pill.primary{background:#1767e8;color:#fff}.cloud-badge{font-size:12px;padding:4px 9px;border-radius:999px;background:#fff3d6;color:#9a6a00}.cloud-badge.online{background:#dcf7e9;color:#087a4a}.account-muted{color:#7787a8;margin-top:4px}
@media(max-width:760px){.account-grid,.plan-grid{grid-template-columns:1fr}.stat-grid{grid-template-columns:1fr 1fr}.quick-grid{grid-template-columns:1fr 1fr}.home-account{align-items:flex-start;flex-direction:column}.profile-top{align-items:flex-start;flex-direction:column}.profile-actions{justify-content:flex-start}.calendar{gap:5px}.calendar div{min-height:36px}.code-row{grid-template-columns:1fr}.account-btn{width:100%}.account-header{padding-bottom:48px}.account-card{padding:19px}}
/* v7 administrator dashboard */
.admin-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:16px}.admin-toolbar h2{margin:0}.range-buttons{display:flex;gap:7px;flex-wrap:wrap}.range-buttons button{border:1px solid #d1dff4;border-radius:999px;background:#fff;color:#3c6098;padding:8px 12px;cursor:pointer}.range-buttons button.active{background:#1767e8;color:#fff;border-color:#1767e8}.admin-stats-v2{grid-template-columns:repeat(6,1fr)}.admin-stats-v2 .stat strong{font-size:23px}.chart-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.chart-card{border:1px solid #dce7f8;border-radius:19px;padding:16px;background:#fbfdff}.chart-card h3{margin:0 0 12px}.chart-card canvas{width:100%;display:block}.chart-legend{display:flex;gap:9px;flex-wrap:wrap;margin-top:10px;font-size:12px;color:#61728f}.chart-legend span{padding:5px 8px;border-radius:999px;background:#edf4ff}.admin-two-col{display:grid;grid-template-columns:1fr 1fr;gap:18px}.inline-check{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center}.inline-check input{width:auto!important}.notice-admin-list{display:grid;gap:9px;margin-top:18px}.notice-admin-item{display:flex;justify-content:space-between;gap:12px;padding:12px;border:1px solid #e0e8f5;border-radius:14px;background:#f8fbff}.notice-admin-item p,.message-item p{margin:5px 0;color:#627391;line-height:1.55}.danger{color:#c63d5c!important;border-color:#f0bec9!important}.deleted-row{opacity:.55}.site-notice{display:grid;gap:8px}.user-table{min-width:1080px}
@media(max-width:980px){.admin-stats-v2{grid-template-columns:repeat(3,1fr)}.chart-grid,.admin-two-col{grid-template-columns:1fr}}@media(max-width:600px){.admin-stats-v2{grid-template-columns:1fr 1fr}.admin-toolbar{align-items:flex-start;flex-direction:column}}

/* v20 redemption and course dashboard */
.account-header.redeem-header{background:linear-gradient(135deg,#cf6a13,#ffb13c)}.account-btn.redeem{background:linear-gradient(135deg,#e47b18,#ffb64e)}.member-badge.none{background:#edf2fb;color:#60738f}.section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.section-heading h2{margin:0 0 6px}.section-heading p{margin:0;color:var(--am);line-height:1.6}.emphasis-card{border-color:#cfe1ff;background:linear-gradient(145deg,#fff,#f7fbff)}.owned-course-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.owned-course-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:18px;border:1px solid #d9e6f8;border-radius:19px;background:#fff;box-shadow:0 8px 24px #275c9a12;transition:.2s}.owned-course-card:hover{transform:translateY(-3px);box-shadow:0 14px 30px #275c9a1e}.owned-course-card>span{font-size:32px}.owned-course-card strong,.owned-course-card small{display:block}.owned-course-card small{margin-top:5px;color:var(--am)}.owned-course-card b{color:var(--ab);white-space:nowrap}.empty-course{text-align:center;padding:24px;border:1px dashed #c9daf3;border-radius:18px;background:#fbfdff}.progress-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.progress-card{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:16px;border-radius:17px;background:#f6f9ff;border:1px solid #e0e9f7}.progress-card>span{font-size:26px}.progress-card strong,.progress-card small,.progress-card em{display:block}.progress-card small{color:#536b90;margin-top:3px}.progress-card em{font-style:normal;color:#8a98ae;font-size:11px;margin-top:5px}.progress-card b{color:var(--ab)}.zone-mini-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:10px}.zone-mini-grid a{display:grid;place-items:center;gap:6px;min-height:94px;padding:12px;border:1px solid #dce7f8;border-radius:17px;background:#f8fbff;transition:.2s}.zone-mini-grid a:hover{transform:translateY(-3px);background:#eef5ff}.zone-mini-grid span{font-size:27px}.zone-mini-grid strong{font-size:13px}.redeem-course-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.redeem-course-card{border:1px solid #dce7f8;border-radius:19px;background:linear-gradient(145deg,#fff,#f7faff);padding:19px;text-align:left;display:grid;grid-template-columns:auto 1fr;gap:12px;cursor:pointer;color:var(--ai);font:inherit;transition:.2s}.redeem-course-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px #26569b1b}.redeem-course-card>span{font-size:34px}.redeem-course-card strong,.redeem-course-card small,.redeem-course-card b{display:block}.redeem-course-card small{color:var(--am);margin-top:5px;min-height:38px}.redeem-course-card b{grid-column:2;color:var(--ab);font-size:13px}.redeem-course-card.disabled{opacity:.55;cursor:not-allowed}.redeem-dialog{width:min(92vw,480px);border:0;border-radius:25px;padding:0;box-shadow:0 28px 90px #183f7655}.redeem-dialog::backdrop{background:#102d5366;backdrop-filter:blur(4px)}.redeem-dialog form{padding:34px;display:grid;gap:15px;text-align:center}.redeem-dialog input{width:100%;padding:15px;border:1px solid #ccd9ed;border-radius:14px;text-align:center;font-size:20px;letter-spacing:3px;text-transform:lowercase}.dialog-close{position:absolute;right:14px;top:12px;border:0;background:#edf3fb;border-radius:50%;width:34px;height:34px;font-size:22px;cursor:pointer}.dialog-icon{font-size:46px}.account-status.success{color:#118357}.code-generator-form{display:grid;grid-template-columns:2fr 1fr auto;gap:12px;align-items:end}.code-generator-form label{display:grid;gap:7px;font-weight:750}.code-generator-form select,.code-generator-form input,.generated-codes-box textarea{width:100%;padding:12px 14px;border:1px solid #d6e2f3;border-radius:13px;background:#fff}.generated-codes-box{margin-top:18px;padding:16px;border:1px solid #d8e7fb;border-radius:18px;background:#f8fbff}.generated-codes-box textarea{font:700 17px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:2px;resize:vertical}.redeem-code-cell{font-size:14px;font-weight:800;letter-spacing:1px}.code-status{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:12px;font-weight:800}.code-status.unused{background:#fff2c9;color:#8b6100}.code-status.redeemed{background:#ddf7e9;color:#0c7e4e}.code-status.revoked{background:#fde6eb;color:#aa3550}.course-chip-wrap{display:flex;gap:5px;flex-wrap:wrap}.course-chip{display:inline-flex;padding:5px 8px;border-radius:999px;background:#e7f1ff;color:#2865b6;font-size:11px;font-weight:750}.course-chip.empty{background:#f0f2f6;color:#7c899d}.code-table{min-width:980px}
@media(max-width:960px){.zone-mini-grid{grid-template-columns:repeat(4,1fr)}.redeem-course-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.owned-course-grid,.progress-grid,.redeem-course-grid{grid-template-columns:1fr}.section-heading{flex-direction:column}.zone-mini-grid{grid-template-columns:repeat(4,1fr)}.code-generator-form{grid-template-columns:1fr}.owned-course-card{grid-template-columns:auto 1fr}.owned-course-card b{grid-column:2}.profile-actions .account-btn{width:auto}.profile-actions{width:100%}}
@media(max-width:420px){.zone-mini-grid{grid-template-columns:repeat(2,1fr)}}

/* v21 compliance and account privacy */
.privacy-setting strong{display:block}.privacy-actions .tiny-btn{padding:9px 12px}.danger-zone h2{color:#a72d4a}.delete-list{padding-left:22px}.account-card a.text-link{text-decoration:none}.account-status.success{color:#118357}