:root{color:#1d2939;font-synthesis:none;text-rendering:optimizelegibility;font-family:Inter,Segoe UI,Microsoft YaHei,PingFang SC,Arial,sans-serif}*{box-sizing:border-box}html{background:#f5f8fb}body{min-width:320px;min-height:100vh;margin:0}button,input,select{letter-spacing:0}button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:2px;outline:3px solid #6577ed3d}#root{min-height:100vh}.auth-shell{color:#172033;background:radial-gradient(circle at 18% 18%,#687eff52,#0000 30%),linear-gradient(135deg,#eef4ff 0%,#f7fbff 42%,#f7f2ff 100%);grid-template-columns:minmax(340px,520px) minmax(340px,420px);justify-content:center;align-items:center;gap:clamp(42px,8vw,120px);min-height:100vh;padding:clamp(28px,6vw,84px);display:grid}.auth-visual{align-content:start;justify-self:end;gap:18px;max-width:520px;padding:0;display:grid}.auth-visual h1{color:#101828;letter-spacing:0;margin:0;font-size:clamp(36px,4.4vw,58px);line-height:1.08}.auth-panel{background:#fffffff0;border:1px solid #8998de40;border-radius:8px;place-self:center start;gap:16px;width:min(100%,420px);padding:24px;display:grid;box-shadow:0 24px 80px #3341782e}.auth-card-stack{place-self:center start;gap:12px;width:min(100%,420px);display:grid}.auth-card-stack .auth-panel{justify-self:stretch;width:100%}.auth-card-stack .toast{text-align:center;border-radius:6px;width:100%;max-width:none;min-height:40px;padding:10px 14px;position:static;transform:none;box-shadow:0 14px 34px #0f172a29}.admin-login-shell{background:linear-gradient(135deg,#f4f7fb 0%,#eef3ff 48%,#f7f9fc 100%);align-items:center;min-height:100vh;padding:24px;display:grid}.admin-login-card{background:#fff;border:1px solid #e4e9f2;border-radius:8px;gap:20px;width:100%;max-width:440px;margin:0 auto;padding:30px;display:grid;box-shadow:0 24px 80px #26345c29}.admin-login-card h1{color:#101828;margin:0 0 8px;font-size:30px}.admin-login-card p{color:#667085;margin:0;line-height:1.7}.auth-tabs{background:#edf2ff;border-radius:7px;grid-template-columns:repeat(2,1fr);padding:4px;display:grid}.auth-tabs button{color:#667085;cursor:pointer;font:inherit;background:0 0;border:0;border-radius:6px;height:42px;font-weight:800}.auth-tabs button.active{color:#fff;background:#6577ed}.auth-panel label,.generate-modal label{color:#344054;grid-template-rows:auto 42px auto;gap:9px;font-size:14px;font-weight:800;display:grid}input,select{box-sizing:border-box;color:#1d2939;font:inherit;background:#fff;border:1px solid #d9dee9;border-radius:6px;outline:0;width:100%;min-height:42px;padding:0 13px}input:focus,select:focus{border-color:#6682f4;box-shadow:0 0 0 3px #6682f426}input:disabled{color:#9aa4b2;background:#f8fafc}button{font:inherit}.primary,.success,.green,.yellow,.red,.actions button,.toolbar button,.auth-panel button.wide,.download-link,.download-card button{cursor:pointer;border:0;border-radius:6px;justify-content:center;align-items:center;gap:7px;min-height:38px;padding:0 14px;font-weight:800;text-decoration:none;display:inline-flex}.primary{color:#fff;background:#6577ed}.success{color:#fff;background:#16a34a}.wide{width:100%}.auth-hint,small{color:#8a94a6;margin:0;font-size:12px}.app-shell{color:#263244;background:#f5f8fb;grid-template-columns:264px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{color:#fff;background:linear-gradient(#627be9 0%,#7453bd 100%);flex-direction:column;gap:34px;padding:18px 16px;display:flex}.brand-lockup{align-items:center;gap:13px;display:flex}.brand-lockup.large{color:#283252}.brand-lockup strong{font-size:24px;line-height:1.1;display:block}.brand-lockup span{color:#ffffffb8;letter-spacing:1px;text-transform:uppercase;margin-top:5px;font-size:12px;display:block}.brand-lockup.large span{color:#657084}.sidebar nav{gap:10px;display:grid}.sidebar nav button{color:#ffffffbd;cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:13px;min-height:64px;padding:0 22px;font-weight:800;display:flex}.sidebar nav button svg{font-size:24px}.sidebar nav button.active,.sidebar nav button:hover{color:#fff;background:#ffffff29;border-color:#ffffff40;box-shadow:inset 0 0 0 1px #ffffff14}.workspace{min-width:0;padding:24px 30px 44px}.backend-shell{color:#263244;background:#f5f8fb;min-height:100vh}.backend-topbar{z-index:20;background:#fff;border-bottom:1px solid #e6ebf2;justify-content:space-between;align-items:center;padding:22px 32px;display:flex;position:sticky;top:0}.backend-brand{color:#5f6fe3;margin-bottom:8px;font-size:22px;font-weight:900}.backend-topbar h1{color:#1d2939;margin:4px 0 0;font-size:28px}.backend-workspace{padding:24px 32px 46px}.topbar{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.topbar h1{color:#1d2939;margin:4px 0 0;font-size:28px}.eyebrow{color:#69758a;letter-spacing:1px;text-transform:uppercase;margin:0;font-size:12px;font-weight:900}.account{position:relative}.account-button{color:#fff;cursor:pointer;background:linear-gradient(#a78bd8,#8d6fc6);border:1px solid #ffffff7a;border-radius:999px;align-items:center;gap:8px;min-height:42px;padding:0 22px;font-weight:800;display:flex}.account-menu{z-index:20;background:#fff;border:1px solid #e4e9f2;border-radius:8px;gap:5px;width:180px;padding:8px;display:grid;position:absolute;top:50px;right:0;box-shadow:0 20px 52px #2e345229}.account-menu button{color:#344054;cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:flex-start;align-items:center;gap:8px;min-height:36px;padding:0 10px;display:flex}.account-menu button:hover{background:#f2f5ff}.page-grid,.license-page{gap:18px;display:grid}.hero-card,.card,.table-card,.stat-card{background:#fffffff0;border:1px solid #e6ebf2;border-radius:8px;box-shadow:0 12px 34px #1c27440f}.hero-card{justify-content:space-between;align-items:center;min-height:180px;padding:28px;display:flex;position:relative;overflow:hidden}.hero-card:before{content:"";background:linear-gradient(135deg,#6577ed24,#12c3a11c);position:absolute;inset:0}.hero-card>*{position:relative}.hero-card h2,.card h2{color:#1d2939;margin:8px 0;font-size:30px}.hero-card p{color:#5b6678;max-width:760px;margin:0;line-height:1.75}.hero-badge{background:#fff;border:1px solid #e2e8f0;border-radius:8px;place-items:center;min-width:150px;padding:20px;display:grid}.hero-badge svg{color:#6577ed;font-size:28px}.hero-badge span{color:#1d2939;font-size:38px;font-weight:900}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.stat-card{gap:8px;padding:20px;display:grid}.stat-icon{color:#6577ed;background:#eef3ff;border-radius:8px;justify-content:center;align-items:center;width:42px;height:42px;font-size:22px;display:flex}.stat-card span{color:#69758a;font-weight:800}.stat-card strong{color:#172033;font-size:28px}.card{padding:22px}.section-head{justify-content:space-between;align-items:baseline;margin-bottom:16px;display:flex}.section-head h3{color:#1d2939;margin:0;font-size:18px}.section-head span{color:#8a94a6;font-size:13px}.timeline{gap:10px;display:grid}.timeline div,.timeline button{color:#344054;text-align:left;background:#f8fafc;border:1px solid #edf1f6;border-radius:8px;gap:5px;padding:13px 14px;display:grid}.timeline button{cursor:pointer}.toolbar,.filter-row{align-items:center;gap:12px;display:flex}.toolbar select{max-width:260px}.toolbar-spacer{flex:1}.notice{color:#9a3412;background:#fff7ed;border:1px solid #fed7aa;border-radius:8px;align-items:center;gap:10px;padding:13px 16px;display:flex}.searchbox{background:#fff;border:1px solid #e1e7f0;border-radius:7px;flex:1;align-items:center;gap:8px;max-width:430px;padding:0 12px;display:flex}.searchbox input{box-shadow:none;border:0;padding:0}.searchbox svg{color:#98a2b3}.status-tabs{gap:7px;margin-left:auto;display:flex}.status-tabs button{color:#667085;cursor:pointer;background:#fff;border:1px solid #dfe6f0;border-radius:5px;min-height:34px;padding:0 13px;font-weight:800}.status-tabs button.active{color:#fff;background:#6577ed;border-color:#6577ed}.table-card{overflow:hidden}.admin-tools{border-top:1px solid #edf1f6;padding:14px 16px;display:flex}.admin-tools .searchbox{max-width:420px}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:1220px}.admin-table{min-width:1450px}th{color:#344054;text-align:left;background:#fbfdff;padding:18px 14px;font-size:14px}td{color:#4d596b;white-space:nowrap;border-top:1px solid #edf1f6;padding:14px}.license-key{align-items:center;gap:8px;display:flex}.license-key span{color:#d64c92;background:#f8fafc;border:1px solid #e7edf4;border-radius:5px;min-width:190px;padding:8px 10px;font-family:Consolas,monospace;display:inline-block}.license-key button{color:#98a2b3;cursor:pointer;background:#fff;border:1px solid #dfe6f0;border-radius:5px;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.type-pill,.tag-pill,.status{border-radius:999px;padding:5px 10px;font-size:12px;font-weight:900;display:inline-flex}.type-pill.app{color:#5667dd;background:#eef3ff}.type-pill.activation{color:#08765d;background:#e8fff8}.tag-pill{color:#30855a;background:#dff4e6}.status.active{color:#21804c;background:#dff4e6}.status.unused{color:#9a6700;background:#fff3cd}.status.expired{color:#b42318;background:#fde2e2}.member-status{border-radius:999px;padding:5px 10px;font-size:12px;font-weight:900;display:inline-flex}.member-status.visitor{color:#667085;background:#f2f4f7}.member-status.annual{color:#5667dd;background:#e8f0ff}.member-status.lifetime{color:#08765d;background:#e8fff8}.member-auth{display:inline-flex;position:relative}.member-auth>button{color:#fff;cursor:pointer;background:#6577ed;border:0;border-radius:6px;min-height:32px;padding:0 12px;font-weight:900}.member-auth-menu{z-index:8;background:#fff;border:1px solid #dfe6f0;border-radius:8px;gap:6px;min-width:112px;padding:8px;display:grid;position:absolute;top:38px;right:0;box-shadow:0 16px 40px #0f172a24}.member-auth-menu button{color:#344054;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:6px;min-height:34px;padding:0 10px;font-weight:900}.member-auth-menu button:hover{color:#5667dd;background:#f2f5ff}.member-auth-menu button.danger{color:#c23b45}.member-auth-menu button.danger:hover{color:#a61f2b;background:#fff1f2}.password-reset-cell{align-items:center;gap:8px;min-width:180px;display:flex}.password-reset-cell span{color:#344054;font-family:Consolas,monospace;font-weight:800}.password-reset-cell button{color:#5667dd;cursor:pointer;background:#eef3ff;border:0;border-radius:6px;min-height:30px;padding:0 10px;font-weight:900}.password-reset-cell button:hover{background:#e1e8ff}.password-reset-cell .copy-password{width:30px;min-width:30px;padding:0}.actions{gap:7px;display:flex}.actions button{color:#52708d;background:#fff;border:1px solid #dce5f2;min-height:32px;padding:0 10px}.actions .green{color:#fff;background:#18a957}.actions .yellow{color:#483100;background:#ffc107}.actions .red{color:#fff;background:#e83f4c}.table-footer{color:#667085;text-align:center;border-top:1px solid #edf1f6;padding:18px;font-weight:800}.modal-backdrop{z-index:50;background:#0f172a6b;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.generate-modal{background:#fff;border-radius:8px;width:min(1070px,100%);max-height:calc(100vh - 48px);overflow:hidden;box-shadow:0 34px 90px #0f172a3d}.password-modal{background:#fff;border-radius:8px;width:min(460px,100%);overflow:hidden;box-shadow:0 34px 90px #0f172a3d}.generate-modal header,.generate-modal footer,.password-modal header,.password-modal footer,.drawer header{justify-content:space-between;align-items:center;display:flex}.generate-modal header,.password-modal header{border-bottom:1px solid #edf1f6;padding:22px 28px}.generate-modal h2,.password-modal h2,.drawer h2{color:#1d2939;margin:0}.generate-modal header p,.password-modal header p{color:#667085;margin:6px 0 0;font-size:13px;font-weight:800}.generate-modal header button,.password-modal header button,.drawer header button{color:#98a2b3;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:24px;display:flex}.password-modal-body{gap:16px;padding:24px 28px;display:grid}.password-modal-body label{color:#344054;gap:9px;font-size:14px;font-weight:800;display:grid}.password-modal footer{border-top:1px solid #edf1f6;justify-content:flex-end;gap:12px;padding:18px 28px}.password-modal footer button{color:#fff;cursor:pointer;background:#6b7280;border:0;border-radius:6px;min-width:88px;min-height:42px;padding:0 18px;font-weight:900}.password-modal footer .primary{background:#6577ed;min-width:120px}.modal-body{gap:20px;max-height:calc(100vh - 180px);padding:24px 28px;display:grid;overflow:auto}.form-grid{align-items:start;gap:24px;display:grid}.form-grid.three{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}.form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.choice-grid{background:#f7f9fc;border:1px solid #e6ebf2;border-radius:8px;grid-template-columns:repeat(2,1fr);gap:8px;padding:8px;display:grid}.choice-grid button{color:#4d596b;cursor:pointer;background:#fff;border:0;border-radius:5px;min-height:52px;padding:0 12px;font-weight:900}.choice-grid button.active{color:#fff;background:#6577ed}.choice-grid{grid-template-columns:repeat(3,1fr)}.choice-grid.two-cols{grid-template-columns:repeat(2,1fr)}fieldset{border:1px solid #e5ebf3;border-radius:8px;gap:12px;margin:0;padding:16px;display:grid}legend{color:#344054;padding:0 6px;font-weight:900}fieldset p{color:#2790a1;background:#def7f9;border-left:4px solid #26b6c9;border-radius:5px;margin:0;padding:10px 12px;font-size:13px;font-weight:800}.combo{grid-template-columns:minmax(0,1fr) 76px;gap:10px;display:grid}.combo button{color:#344054;cursor:pointer;background:#fff;border:1px solid #d9dee9;border-radius:6px;min-height:42px;font-weight:800}.generate-modal a{color:#6577ed;font-size:13px;font-weight:800}.tag-confirmed,.tag-muted,.tag-pending{border-radius:5px;align-items:center;min-height:36px;padding:8px 10px;font-size:13px;font-weight:800;display:inline-flex}.tag-confirmed{color:#14804a;background:#e8f8ee}.tag-pending{color:#b35c00;background:#fff7e6}.tag-muted{color:#667085;background:#f5f7fb}.generate-modal footer{border-top:1px solid #edf1f6;justify-content:flex-end;gap:12px;padding:18px 28px}.generate-modal footer button{color:#fff;cursor:pointer;background:#6b7280;border:0;border-radius:6px;min-width:78px;min-height:42px;padding:0 20px;font-weight:900}.generate-modal footer .primary{background:#6577ed;min-width:132px}.doc-card h3{color:#1d2939;margin:0}.doc-card p,.download-card p{color:#5b6678;margin:0;line-height:1.7}.download-card{justify-content:space-between;align-items:center;display:flex}.steps{color:#344054;gap:12px;margin:0;padding-left:22px;display:grid}.docs-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.doc-card{gap:12px;display:grid}.doc-card svg{color:#6577ed;font-size:26px}.drawer{z-index:60;background:#fff;grid-template-rows:auto 1fr;width:min(430px,100vw);height:100vh;display:grid;position:fixed;top:0;right:0;box-shadow:-18px 0 60px #0f172a2e}.drawer header{border-bottom:1px solid #edf1f6;padding:22px}.drawer-body{align-content:start;gap:12px;padding:22px;display:grid;overflow:auto}.drawer-body article{background:#f8fafc;border:1px solid #e8eef6;border-radius:8px;gap:6px;padding:14px;display:grid}.drawer-body p{color:#4d596b;margin:0}.drawer-body span,.empty{color:#8a94a6;font-size:13px}.toast{color:#fff;text-align:center;z-index:100;background:#172033;border-radius:8px;width:max-content;max-width:min(420px,100vw - 40px);padding:15px 22px;font-weight:800;line-height:1.5;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 24px 70px #0f172a47}@media (width<=1180px){.app-shell{grid-template-columns:88px minmax(0,1fr)}.sidebar{padding:14px 10px}.brand-lockup,.sidebar nav button span{display:none}.sidebar nav button{justify-content:center;padding:0}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.toolbar,.filter-row{flex-wrap:wrap;align-items:stretch}.status-tabs{flex-wrap:wrap;margin-left:0}}@media (width<=760px){.auth-shell{grid-template-columns:1fr;align-content:center;gap:26px;padding:22px}.auth-visual{justify-self:stretch;padding:0}.auth-visual h1{font-size:34px}.auth-card-stack,.auth-panel{justify-self:stretch;width:100%}.app-shell{grid-template-columns:1fr}.sidebar{flex-direction:row;overflow-x:auto}.sidebar nav{display:flex}.workspace{padding:18px}.topbar,.hero-card,.download-card{flex-direction:column;align-items:stretch;gap:14px}.stats-grid,.docs-grid,.form-grid.two,.form-grid.three{grid-template-columns:1fr}}