:root{--account-red:#ca342e;--account-ink:#192a40;--account-muted:#65748a;--account-border:#dde4ec}
.admin-login-page{--account-red:#345d8d}.admin-login-page .login-shell{max-width:1280px}.admin-login-page .primary:hover{background:#284b75}.admin-login-badge{display:inline-block;color:#345d8d;background:#edf3fa;border:1px solid #d6e3f2;border-radius:6px;padding:5px 12px;margin-bottom:24px;font-weight:600;letter-spacing:2px}.admin-login-mark{margin-top:54px;border-top:1px solid #d6e0ec;padding-top:22px;letter-spacing:5px;color:#8296b0;font-size:13px}.user-actions .danger-text{color:#b02d29;border-color:#edcbc8}.user-actions .danger-text:disabled{cursor:not-allowed}.admin-login-page .brand-copy{margin-top:70px}
@media(pointer:coarse){.login-help button,.dialog-heading button,.account-menu-panel button,.account-menu-panel a{min-height:44px}.login-card input,.login-card button.primary{min-height:46px}}
dialog:not([open]){display:none}.compat-dialog-backdrop{position:fixed;inset:0;background:#14263c70}.compat-dialog[open]{display:block;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);margin:0;max-height:90vh;overflow:auto;background:white}
.login-help button{border:0;background:none;padding:6px;color:var(--account-red);font:inherit;text-decoration:underline;text-underline-offset:4px}.login-help button:hover{color:#a92521}.contact-admin-dialog .contact-admin-qr{display:block;width:100%;height:auto;max-height:65vh;object-fit:contain;margin:16px auto 0}.contact-admin-dialog p{margin:12px 0 0;text-align:center;color:var(--account-muted);font-size:13px}.contact-admin-dialog .dialog-heading button{min-width:36px;min-height:36px}
*{box-sizing:border-box}body.login-page,body.admin-page{margin:0;color:var(--account-ink);font:14px/1.5 "Microsoft YaHei",system-ui,sans-serif;background:#f4f6f9}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}a{color:#345d8d;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid #4679b5;outline-offset:3px}[hidden]{display:none!important}
.login-shell{min-height:100vh;display:grid;grid-template-columns:1.15fr 1fr;max-width:1400px;margin:auto;align-items:center;padding:70px;gap:100px}.brand-lockup{display:flex;align-items:center;gap:14px;color:var(--account-ink);font-size:22px;font-weight:700}.brand-lockup img{width:56px;height:56px;object-fit:contain;mix-blend-mode:multiply}.brand-copy{margin-top:88px}.eyebrow{color:var(--account-red);font-weight:600;letter-spacing:3px}.brand-copy h1{font-size:44px;line-height:1.5;letter-spacing:2px;margin:20px 0}.brand-copy p{color:var(--account-muted);font-size:14px}.brand-chart{height:125px;display:flex;align-items:end;gap:15px;opacity:.25;margin-top:32px;border-bottom:1px solid #d2dae4;overflow:hidden}.brand-chart i{display:block;width:23px;background:var(--account-red);position:relative;height:35%}.brand-chart i:before{content:"";position:absolute;top:-10px;bottom:-10px;left:50%;width:1px;background:inherit}.brand-chart i:nth-child(3n){background:#407766;height:48%}.brand-chart i:nth-child(4n){height:68%}.brand-chart i:nth-child(5n){height:59%}.brand-chart i:last-child{height:88%}
.login-card{background:#fff;border:1px solid var(--account-border);border-radius:18px;padding:42px;box-shadow:0 16px 55px #243c5910;max-width:440px;width:100%;justify-self:end}.login-seal{width:68px;height:68px;object-fit:contain;display:block;margin-bottom:22px}.login-card h2{font-size:26px;margin:0 0 8px}.login-card p{color:var(--account-muted);margin:0 0 26px}.login-card label,dialog label{display:flex;flex-direction:column;gap:8px;margin:20px 0;font-weight:600}.login-card input,dialog input,dialog select{width:100%;border:1px solid #cdd6e0;border-radius:7px;padding:11px 12px;background:#fff;color:var(--account-ink);font-weight:400}.primary{background:var(--account-red);color:white;border:1px solid var(--account-red);border-radius:7px;padding:10px 18px;font-weight:600}.primary:hover{background:#b82925}.login-card .primary,dialog .primary{width:100%;margin-top:10px;height:44px}.secondary{background:#fff;border:1px solid var(--account-border);border-radius:6px;padding:8px 14px;margin-top:12px}.form-message:empty{display:none}.login-card .form-message,.form-message{color:#b02d29;margin:14px 0;font-size:13px}.login-card .login-help{margin:25px 0 0;text-align:center;font-size:12px;color:var(--account-muted)}
.admin-header{height:78px;padding:0 36px;border-bottom:1px solid var(--account-border);display:flex;align-items:center;justify-content:space-between;background:#fff}.admin-header .brand-lockup{font-size:18px}.admin-header img{width:44px;height:44px}.admin-header small{font-size:13px;font-weight:400;border-left:1px solid var(--account-border);padding-left:16px;margin-left:4px;color:var(--account-muted)}.admin-actions{display:flex;gap:20px;align-items:center}.admin-actions button,.admin-toolbar button,.user-actions button{background:white;border:1px solid var(--account-border);border-radius:5px;padding:6px 10px;color:#355b88}.admin-main{max-width:1380px;margin:35px auto;padding:0 28px}.admin-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.admin-heading h1{font-size:25px;margin:0}.admin-heading p{color:var(--account-muted);margin:8px 0 0}.admin-panel{border:1px solid var(--account-border);background:white;border-radius:9px;overflow:hidden}.admin-toolbar{display:flex;align-items:center;gap:12px;padding:16px;border-bottom:1px solid var(--account-border)}.admin-toolbar input,.admin-toolbar select{border:1px solid var(--account-border);border-radius:5px;padding:8px;color:var(--account-ink);background:#fff}.admin-toolbar span{color:var(--account-muted);flex:1}.admin-table-wrap{overflow:auto} .admin-panel table{border-collapse:collapse;width:100%;min-width:860px;text-align:left}.admin-panel th{background:#f5f7fa;color:#52657c;font-weight:600;padding:12px 18px}.admin-panel td{padding:16px 18px;border-top:1px solid #ebeff4;white-space:nowrap}.admin-panel td small{display:block;color:var(--account-muted);margin-top:3px}.user-actions{display:flex;gap:8px}.account-badge{display:inline-block;padding:3px 8px;border-radius:4px;color:#296c58;background:#edf6f1;font-size:12px}.account-badge.disabled,.account-badge.expired{color:#a43933;background:#fff0ee}.audit-panel{margin-top:24px}.audit-panel summary{padding:16px;cursor:pointer;font-weight:600}.audit-panel .admin-table-wrap{max-height:340px}dialog{width:420px;max-width:calc(100vw - 32px);border:1px solid var(--account-border);border-radius:12px;padding:26px;color:var(--account-ink);max-height:90vh;overflow:auto}dialog::backdrop{background:#14263c70}.dialog-heading{display:flex;align-items:center;justify-content:space-between}.dialog-heading h2{font-size:20px;margin:0}.dialog-heading button{border:0;background:none;color:var(--account-muted);font-size:24px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field-hint{color:var(--account-muted);font-size:12px;font-weight:400}
.account-menu{position:relative;margin-left:auto;flex-shrink:0;color:var(--account-ink);font-size:12px}.account-menu summary{cursor:pointer;list-style:none;padding:5px 9px;border:1px solid #d6e0ec;border-radius:5px;background:#fff}.account-menu summary:after{content:" ▾"}.account-menu-panel{position:absolute;right:0;top:100%;margin-top:5px;background:white;border:1px solid var(--account-border);border-radius:7px;padding:6px;min-width:180px;box-shadow:0 8px 24px #1b324520;z-index:10000}.account-menu-panel a,.account-menu-panel button{display:block;text-align:left;width:100%;padding:8px 10px;background:transparent;border:0;font:inherit;color:#263d57;white-space:nowrap;border-radius:4px}.account-menu-panel a:hover,.account-menu-panel button:hover{background:#edf3fa}.account-brand-image{width:34px;height:34px;object-fit:contain;mix-blend-mode:multiply}.brand:has(.account-brand-image){gap:5px;padding-left:10px;padding-right:8px}.brand:has(.account-brand-image) strong{font-size:14px;white-space:nowrap}.nav-collapsed .account-brand-image{display:none}
@media(max-width:1000px){.login-shell{gap:40px;padding:40px}.brand-copy h1{font-size:34px}.brand-copy p{font-size:12px}}@media(max-width:720px){.login-shell{display:block;padding:30px 20px}.login-brand{display:none}.login-card{margin:5vh auto;max-width:420px;padding:30px}.admin-header{padding:0 16px}.admin-header .brand-lockup{font-size:15px;gap:8px}.admin-header small{display:none}.admin-main{padding:0 14px;margin-top:24px}.admin-actions{gap:10px;font-size:12px}.admin-toolbar{flex-wrap:wrap}.admin-toolbar input{width:100%}.account-menu summary{max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}
.membership-cell{color:#355b88;font-weight:600}.membership-cell small{font-weight:400}dialog textarea{width:100%;min-height:64px;resize:vertical;border:1px solid #cdd6e0;border-radius:7px;padding:11px 12px;background:#fff;color:var(--account-ink);font:inherit}