:root{color:#172033;background:#f3f5f8;font-family:Microsoft YaHei,PingFang SC,Noto Sans SC,sans-serif}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:#f3f5f8}button,input,textarea{font:inherit}button{cursor:pointer}.login-page{display:grid;min-height:100vh;padding:24px;place-items:center;background:radial-gradient(circle at 20% 20%,rgba(37,99,235,.18),transparent 24rem),#111827}.login-card{width:min(420px,100%);padding:38px;border:1px solid rgba(255,255,255,.12);border-radius:20px;color:#fff;background:#111827eb;box-shadow:0 30px 80px #00000052}.login-heading{display:grid;grid-template-columns:54px minmax(0,1fr);align-items:center;gap:16px;margin-bottom:28px}.login-title{display:flex;min-width:0;align-self:stretch;flex-direction:column;justify-content:center}.login-logo{display:grid;width:54px;height:54px;margin-bottom:0;place-items:center;border-radius:15px;color:#111827;background:#ffca3a;font-size:28px;font-weight:900}.eyebrow{color:#8b95a5;font-size:10px;font-weight:800;letter-spacing:.18em}.login-card h1{margin:5px 0 0;font-size:30px;line-height:1.15}.login-card p,.login-card small{color:#9ca3af}.login-card form{display:grid;gap:14px;margin-top:28px}.login-card label,.edit-card label{display:grid;gap:7px;color:#667085;font-size:12px;font-weight:700}.login-card input,.edit-card input,.edit-card textarea{width:100%;border:1px solid #d8e0eb;border-radius:8px;outline:none;color:#18212f;background:#fff}.login-card input{height:44px;padding:0 12px}.captcha-field{display:grid;grid-template-columns:minmax(0,1fr) 124px;align-items:center;gap:10px}.login-card .captcha-image-button{display:grid;width:124px;min-height:44px;height:44px;padding:0;overflow:hidden;place-items:center;border:1px solid #d8e0eb;border-radius:8px;color:#667085;background:#fff;cursor:pointer}.login-card .captcha-image-button:disabled{cursor:wait;opacity:.72}.captcha-image-button img{display:block;width:100%;height:100%;object-fit:cover}.captcha-image-button span{font-size:12px;font-weight:700}.edit-card input,.edit-card textarea{padding:10px 11px}.login-card input:focus,.edit-card input:focus,.edit-card textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61f}.login-card button,button.primary{min-height:42px;border:0;border-radius:9px;color:#fff;background:#2563eb;font-weight:800}.login-card small{display:block;margin-top:18px}.error-text{color:#fca5a5;font-size:12px}.admin-shell{display:grid;grid-template-columns:236px minmax(0,1fr);min-height:100vh}.admin-sidebar{display:flex;flex-direction:column;padding:22px 14px;color:#dbe4f1;background:#111827}.admin-brand{display:flex;align-items:center;gap:11px;padding:0 8px 22px;border-bottom:1px solid rgba(255,255,255,.08)}.admin-brand>span{display:grid;width:38px;height:38px;place-items:center;border-radius:10px;color:#111827;background:#ffca3a;font-weight:900}.admin-brand strong,.admin-brand small{display:block}.admin-brand small{margin-top:3px;color:#94a3b8;font-size:11px}.admin-sidebar nav{display:grid;gap:6px;margin-top:22px}.admin-sidebar nav button,.logout{width:100%;min-height:40px;padding:0 12px;border:0;border-radius:8px;color:#aebbd0;background:transparent;text-align:left}.admin-sidebar nav button:hover,.admin-sidebar nav button.active{color:#fff;background:#1f2937}.logout{margin-top:auto;color:#fca5a5}.admin-main{min-width:0;padding:28px 32px 46px}.admin-header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:24px}.admin-header h1{margin:7px 0 0;font-size:28px}.refresh{min-height:38px;padding:0 14px;border:1px solid #d8e0eb;border-radius:8px;color:#475569;background:#fff}.message{position:fixed;z-index:80;bottom:24px;left:50%;min-width:260px;max-width:min(560px,calc(100vw - 32px));padding:12px 16px;border:1px solid #bbf7d0;border-radius:10px;color:#166534;background:#f0fdf4;box-shadow:0 14px 36px #0f172a2e;font-size:13px;font-weight:700;line-height:1.5;text-align:center;transform:translate(-50%)}.message.error{border-color:#fecaca;color:#b91c1c;background:#fef2f2}.inline-save-message{width:100%;margin-top:12px;padding:10px 12px;border:1px solid #bbf7d0;border-radius:8px;color:#166534;background:#f0fdf4;font-size:12px;font-weight:700;line-height:1.5}.inline-save-message.error{border-color:#fecaca;color:#b91c1c;background:#fef2f2}.mail-inline-message{width:calc(100% - 44px);margin:0 22px 18px}.dashboard{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.stat-card,.info-card,.list-card,.edit-card{border:1px solid #e1e7ef;border-radius:14px;background:#fff;box-shadow:0 12px 34px #0f172a0d}.stat-card{padding:20px}.stat-card span{color:#667085;font-size:12px}.stat-card strong{display:block;margin-top:9px;font-size:30px}.stat-card.success strong{color:#16a34a}.stat-card.warning strong{color:#d97706}.dashboard-action-card{width:100%;border:1px solid #e1e7ef;text-align:left;cursor:pointer;transition:.15s ease}.dashboard-action-card:hover{border-color:#f6c453;transform:translateY(-1px);box-shadow:0 10px 24px #f59e0b1a}.dashboard-action-card small{display:block;margin-top:5px;color:#667085;font-size:11px}.info-card{padding:22px}.info-card.wide{grid-column:1 / -1}.info-card h2,.list-card h2,.edit-card h2,.edit-card h3{margin:0 0 14px;font-size:17px}.info-card ul{margin:0;padding-left:18px;color:#667085;line-height:1.9}.manage-grid{display:grid;grid-template-columns:360px minmax(0,1fr);gap:18px;align-items:start}.templates-grid{grid-template-columns:380px minmax(0,1fr)}.list-card,.edit-card{padding:18px}.catalog-row,.template-row{display:flex;align-items:center;width:100%;min-height:42px;margin:3px 0;padding:8px 10px;border:0;border-radius:8px;color:#475569;background:transparent;text-align:left}.catalog-row:hover,.template-row:hover,.catalog-row.selected,.template-row.selected{color:#1d4ed8;background:#eff6ff}.dot{width:7px;height:7px;margin-right:9px;border-radius:50%;background:#cbd5e1}.dot.ready,.dot.partial{background:#22c55e}.dot.planned{background:#f59e0b}.template-row{justify-content:space-between;gap:12px}.template-row strong,.template-row small{display:block}.template-row small{margin-top:3px;color:#94a3b8;font-size:11px}.publish-action{min-height:28px;padding:0 9px;border:0;border-radius:999px;color:#92400e;background:#fef3c7;font-size:10px;font-weight:800;cursor:pointer}.publish-action.published{color:#166534;background:#dcfce7}.publish-action:disabled{cursor:wait;opacity:.65}.edit-card{display:grid;gap:14px}.two-column{display:grid;grid-template-columns:1fr 1fr;gap:12px}.editor-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.editor-heading small{color:#94a3b8}.publish-toggle{display:flex!important;grid-auto-flow:column;align-items:center;gap:8px!important;min-height:36px;padding:0 10px;border:1px solid #d8e0eb;border-radius:8px;color:#475569!important;background:#f8fafc}.publish-toggle input{width:16px}.parameter-editor{display:grid;gap:9px}.parameter-row{display:grid;grid-template-columns:130px repeat(4,minmax(90px,1fr));gap:9px;align-items:end;padding:10px;border:1px solid #e8edf4;border-radius:9px;background:#fbfcfe}.parameter-name strong,.parameter-name small{display:block}.parameter-name small{margin-top:4px;color:#94a3b8}button.primary{justify-self:start;min-width:150px;margin-top:6px;padding:0 16px}button.primary:disabled{cursor:wait;opacity:.65}@media(max-width:1050px){.dashboard{grid-template-columns:repeat(2,1fr)}.manage-grid,.templates-grid{grid-template-columns:1fr}.parameter-row{grid-template-columns:1fr 1fr}}@media(max-width:720px){.admin-shell{display:block}.admin-sidebar{min-height:auto}.admin-sidebar nav{grid-template-columns:repeat(3,1fr)}.admin-sidebar nav button{text-align:center}.logout{margin-top:14px}.admin-main{padding:22px 16px 36px}.dashboard,.two-column{grid-template-columns:1fr}}.section-heading-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.section-heading-row h2{margin:0}.count-badge{padding:4px 8px;border-radius:999px;color:#1d4ed8;background:#eff6ff;font-size:11px;font-weight:800}.members-grid{grid-template-columns:minmax(0,1fr) 340px}.member-list{display:grid;gap:10px}.member-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:13px;border:1px solid #e8edf4;border-radius:10px;background:#fbfcfe}.member-row.disabled{opacity:.58;background:#f8fafc}.member-identity{display:flex;align-items:center;min-width:0;gap:10px}.member-identity>span:last-child{display:grid;min-width:0}.member-identity strong{overflow:hidden;color:#18212f;text-overflow:ellipsis;white-space:nowrap}.member-identity small{margin-top:4px;color:#94a3b8;font-size:10px}.member-avatar{display:grid;flex:0 0 auto;width:36px;height:36px;place-items:center;border-radius:50%;color:#111827;background:#ffca3a;font-weight:900}.member-controls{display:flex;align-items:flex-end;gap:12px}.member-controls label{display:grid;gap:5px;color:#667085;font-size:10px;font-weight:700}.member-controls select{height:34px;padding:0 9px;border:1px solid #d8e0eb;border-radius:7px;color:#18212f;background:#fff}.status-switch{display:flex!important;grid-auto-flow:column;align-items:center;height:34px;padding:0 10px;border:1px solid #d8e0eb;border-radius:7px;background:#fff}.status-switch input{width:16px;accent-color:#2563eb}.empty-copy{margin:12px 0;color:#94a3b8;font-size:12px}.admin-help-list{margin:0;padding-left:18px;color:#667085;line-height:1.9}.permission-layout{display:grid;gap:18px}.permission-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.permission-card{display:grid;gap:12px;padding:22px;border:1px solid #e1e7ef;border-radius:14px;background:#fff;box-shadow:0 12px 34px #0f172a0d}.permission-card.vip-card{border-color:#f6d365;background:linear-gradient(145deg,#fffdf3,#fff)}.permission-card h2{margin:6px 0 4px}.permission-card p{margin:0;color:#667085;font-size:12px}.permission-toggle{display:flex;align-items:center;gap:9px;min-height:42px;padding:0 12px;border:1px solid #e8edf4;border-radius:9px;color:#475569;background:#fbfcfe;font-size:12px;font-weight:700}.permission-toggle input{width:17px;height:17px;accent-color:#2563eb}.permission-save-card{width:min(620px,100%)}.permission-save-card p{margin:0;color:#667085;font-size:12px;line-height:1.7}@media(max-width:1050px){.members-grid,.permission-grid{grid-template-columns:1fr}}@media(max-width:720px){.member-row{align-items:stretch;flex-direction:column}.member-controls{justify-content:space-between}}.member-controls-wrap{display:grid;justify-items:end;gap:8px}.vip-review-row{display:flex;align-items:center;gap:7px}.request-badge{padding:3px 7px;border-radius:999px;color:#92400e;background:#fef3c7;font-size:10px;font-weight:800}.request-approve,.request-reject{min-height:28px;padding:0 9px;border:0;border-radius:6px;color:#fff;font-size:11px;font-weight:800}.request-approve{background:#16a34a}.request-reject{background:#dc2626}.vip-approved,.vip-rejected{font-size:10px;font-weight:700}.vip-approved{color:#15803d}.vip-rejected{color:#b91c1c}.mail-layout{display:grid;gap:18px}.mail-settings-card{width:min(920px,100%)}.mail-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.mail-form-grid label{display:grid;gap:6px;color:#667085;font-size:12px;font-weight:700}.mail-form-grid input,.mail-test-row input{height:40px;padding:0 11px;border:1px solid #d8e0eb;border-radius:8px;outline:none}.secure-toggle{display:flex!important;align-items:center;gap:8px;min-height:40px;padding:0 11px;border:1px solid #d8e0eb;border-radius:8px;background:#f8fafc}.secure-toggle input{width:16px;height:16px;accent-color:#2563eb}.mail-test-card{width:min(620px,100%)}.mail-test-card p{margin:0;color:#667085;font-size:12px}.mail-test-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}.mail-security-note{margin:4px 0 10px;color:#667085;font-size:12px;line-height:1.6}.mail-pass-field{grid-column:1 / -1}.mail-pass-masked-row,.mail-pass-edit-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.mail-pass-masked-row input,.mail-pass-edit-row input{width:100%}.text-button{border:0;padding:0 8px;color:#2563eb;background:transparent;cursor:pointer;font-weight:700}.mail-workspace{display:grid;gap:20px}.mail-overview{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding:22px;border:1px solid #e1e7ef;border-radius:14px;background:linear-gradient(135deg,#f8fbff,#fff)}.mail-overview h2{margin:7px 0 6px;font-size:24px}.mail-overview p{margin:0;color:#667085;font-size:12px}.mail-status{display:flex;align-items:center;gap:10px;min-width:220px;padding:12px 14px;border:1px solid #fde68a;border-radius:11px;background:#fffbeb}.mail-status.ready{border-color:#bbf7d0;background:#f0fdf4}.mail-status-dot{width:10px;height:10px;border-radius:50%;background:#f59e0b;box-shadow:0 0 0 5px #f59e0b1f}.mail-status.ready .mail-status-dot{background:#22c55e;box-shadow:0 0 0 5px #22c55e1f}.mail-status strong,.mail-status small{display:block}.mail-status strong{font-size:12px}.mail-status small{margin-top:3px;color:#667085;font-size:10px}.mail-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:20px;align-items:start}.mail-main-card{display:grid;gap:0;padding:0;overflow:hidden}.mail-group{padding:22px;border-bottom:1px solid #eef2f7}.mail-group-heading{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px}.mail-group-heading h3{margin:0;font-size:16px}.mail-group-heading p{margin:4px 0 0;color:#667085;font-size:11px}.mail-step{display:grid;flex:0 0 auto;width:28px;height:28px;place-items:center;border-radius:50%;color:#2563eb;background:#eff6ff;font-size:12px;font-weight:900}.mail-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.mail-fields label{display:grid;gap:7px;color:#475569;font-size:12px;font-weight:700}.mail-fields input{width:100%;height:40px;padding:0 11px;border:1px solid #d8e0eb;border-radius:8px;outline:none;color:#18212f;background:#fff}.mail-save-bar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 22px;background:#fbfcfe}.mail-save-bar span{color:#667085;font-size:11px;line-height:1.6}.mail-side-card{display:grid;gap:14px}.mail-side-card h2{margin:0}.mail-side-card>p{margin:0;color:#667085;font-size:12px;line-height:1.7}.mail-side-card>label{display:grid;gap:7px;color:#475569;font-size:12px;font-weight:700}.mail-side-card>label input{height:40px;padding:0 11px;border:1px solid #d8e0eb;border-radius:8px;outline:none}.mail-tips{padding:14px;border-radius:10px;background:#f8fafc}.mail-tips strong{font-size:12px}.mail-tips ul{margin:8px 0 0;padding-left:17px;color:#667085;font-size:11px;line-height:1.8}@media(max-width:1050px){.mail-grid{grid-template-columns:1fr}}@media(max-width:720px){.mail-overview,.mail-save-bar{align-items:stretch;flex-direction:column}.mail-status{min-width:0}.mail-fields{grid-template-columns:1fr}}.mail-port-field{display:grid;gap:7px;color:#475569;font-size:12px;font-weight:700}.port-with-secure{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.secure-toggle.compact{min-height:40px;background:#fff;white-space:nowrap}.port-with-secure{align-items:stretch}.port-with-secure>input{height:40px}.secure-toggle.compact{display:flex!important;align-items:center;height:40px;min-height:40px;padding:0 10px;border-radius:8px;box-sizing:border-box}.permission-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.guest-card{background:#f8fafc}.member-delete{min-height:34px;padding:0 10px;border:1px solid #fecaca;border-radius:7px;color:#b91c1c;background:#fef2f2;font-size:11px;font-weight:800}.member-delete:hover{background:#fee2e2}.deleted-row{background:#f8fafc}.recycle-actions{display:flex;gap:8px}.member-heading-actions{display:flex;align-items:center;gap:8px}.recycle-entry{min-height:30px;padding:0 10px;border:1px solid #d8e0eb;border-radius:7px;color:#2563eb;background:#fff;font-size:11px;font-weight:800}.recycle-entry:hover{background:#eff6ff}.member-heading-actions{flex-wrap:nowrap;white-space:nowrap}.recycle-entry{flex:0 0 auto;min-width:max-content;white-space:nowrap}.deleted-row .member-identity{flex:1 1 auto}.recycle-actions{flex:0 0 auto;align-items:center;white-space:nowrap}.recycle-actions .request-approve,.recycle-actions .request-reject{flex:0 0 auto;min-width:max-content;white-space:nowrap;word-break:keep-all}.membership-admin{display:grid;gap:18px}.membership-admin-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px;border:1px solid #e1e7ef;border-radius:14px;background:linear-gradient(135deg,#fffaf0,#fff)}.membership-admin-heading h2{margin:7px 0 6px;font-size:24px}.membership-admin-heading p{margin:0;color:#667085;font-size:12px}.membership-admin-actions{display:grid;width:min(300px,100%);gap:12px;justify-items:stretch}.vip-plan-admin-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.vip-plan-admin-card{display:grid;gap:18px;padding:20px;border:1px solid #e1e7ef;border-radius:14px;background:#fff;box-shadow:0 12px 30px #0f172a0d}.vip-plan-admin-copy{display:grid;gap:5px}.vip-plan-admin-copy>span{color:#18212f;font-size:20px;font-weight:900}.vip-plan-admin-copy small{color:#b45309;font-size:12px;font-weight:800}.vip-plan-admin-card>label:not(.status-switch){display:grid;gap:7px;color:#667085;font-size:12px;font-weight:700}.vip-plan-admin-card input[type=number]{width:100%;height:42px;padding:0 11px;border:1px solid #d8e0eb;border-radius:8px;outline:none}.vip-plan-admin-card input[type=number]:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61f}@media(max-width:1050px){.vip-plan-admin-grid{grid-template-columns:1fr}}@media(max-width:720px){.membership-admin-heading{align-items:stretch;flex-direction:column}}.vip-records-admin{display:grid}.admin-records-table{overflow-x:auto;border:1px solid #e1e7ef;border-radius:12px}.admin-records-row{display:grid;min-width:1120px;grid-template-columns:170px 120px 100px 170px 170px 170px 90px 120px;gap:12px;align-items:center;padding:12px 14px;border-top:1px solid #eef2f7;color:#475569;font-size:12px}.admin-records-row:first-child{border-top:0}.admin-records-header{color:#64748b;background:#f8fafc;font-weight:800}.admin-records-row strong,.admin-records-row small{display:block}.admin-records-row small{margin-top:3px;color:#94a3b8;font-size:10px}.record-status{font-weight:800}.record-status.approved{color:#15803d}.record-status.rejected{color:#b91c1c}.record-status.pending{color:#b45309}.record-actions{display:flex;gap:7px;white-space:nowrap}.backup-copy{margin:6px 0 0;color:#667085;font-size:12px}.backup-list{display:grid;gap:10px;margin-top:16px}.backup-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px;border:1px solid #e1e7ef;border-radius:10px;background:#fbfcfe}.backup-row strong,.backup-row small{display:block}.backup-row small{margin-top:4px;color:#94a3b8;font-size:11px}.backup-actions{display:flex;flex:0 0 auto;gap:8px;white-space:nowrap}