:root{font-family:system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;color:#17253d;background:#f3f6fb;line-height:1.6;font-synthesis:none}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;min-height:100vh;background:linear-gradient(180deg,#e5efff 0,#f3f6fb 400px)}a{color:#1754c5;text-underline-offset:3px}button,input,textarea,select{font:inherit}button{cursor:pointer}.svg-defs{position:absolute;width:0;height:0;overflow:hidden}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.top{max-width:1180px;margin:auto;padding:24px 28px;display:flex;justify-content:space-between;align-items:center;gap:20px}.brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none;color:#17253d}.brand-mark{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:#1e5bd6;color:#fff;box-shadow:0 8px 18px rgba(30,91,214,.24)}.brand-mark svg{width:24px;height:24px}.brand strong,.brand small{display:block}.brand strong{font-size:16px;line-height:1.4}.brand small{font-size:11px;color:#60708c;margin-top:2px}.secure-note{font-size:12px;color:#40577e;background:rgba(255,255,255,.68);padding:6px 12px;border-radius:999px}main{max-width:1120px;padding:34px 28px;margin:auto}#customer{max-width:660px;margin:0 auto}.hero{text-align:center}.hero h1{font-size:clamp(32px,6vw,46px);line-height:1.24;letter-spacing:-.025em;margin:8px 0 16px;font-weight:800;text-wrap:balance}.hero p{max-width:580px;margin:0 auto;color:#52627c;font-size:15px}.steps{list-style:none;display:flex;justify-content:center;gap:8px;padding:0;margin:28px 0 18px}.steps li{display:flex;align-items:center;gap:8px;padding:7px 13px 7px 8px;border-radius:999px;background:rgba(255,255,255,.72);color:#64738c;font-size:12px;font-weight:650;white-space:nowrap}.steps i{font-style:normal;width:23px;height:23px;border-radius:50%;background:#e3eaf5;display:grid;place-items:center;font-size:12px}.steps li.active{background:#fff;color:#1754c5;box-shadow:0 5px 16px rgba(35,78,145,.1)}.steps li.active i{background:#1e5bd6;color:#fff}.steps li.done{color:#16724c}.steps li.done i{background:#16865a;color:#fff}.notice{border:1px solid #d9e5f8;background:#f6f9ff;color:#3b5278;border-radius:12px;padding:12px 16px;font-size:13px;line-height:1.55}.notice:empty{display:none}.panel{background:#fff;border-radius:16px;padding:28px;margin:18px 0;box-shadow:0 2px 4px rgba(22,52,102,.03),0 18px 45px rgba(22,52,102,.09);animation:panel-in .38s cubic-bezier(.22,.61,.36,1)}@keyframes panel-in{from{opacity:.7;transform:translateY(8px)}to{opacity:1;transform:none}}.panel h2{font-size:20px;line-height:1.35;margin:0 0 10px;letter-spacing:-.01em}.panel-lead{font-size:14px;color:#5a6a83;margin:0 0 20px}.card-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px;color:#6b7a91;font-size:12px}.type-badge{display:inline-flex;padding:4px 10px;background:#edf3ff;color:#2457b7;border-radius:999px;font-size:12px;font-weight:650}label{display:block;font-size:13px;font-weight:650;color:#34435e;margin:14px 0 6px}input,textarea,select{width:100%;min-width:0;border:1px solid #ccd8e9;border-radius:11px;padding:11px 13px;background:#fff;color:#17253d;transition:border-color .15s,box-shadow .15s}input,select{min-height:48px}textarea{resize:vertical;min-height:126px;line-height:1.65;overflow-wrap:anywhere}input::placeholder,textarea::placeholder{color:#63728a}input:focus,textarea:focus,select:focus{border-color:#2561cf;box-shadow:0 0 0 4px rgba(37,97,207,.11);outline:none}.field-foot{display:flex;justify-content:space-between;gap:12px;color:#738198;font-size:11px;margin-top:6px}.primary,.success-button,.secondary{border-radius:11px;padding:11px 20px;min-height:46px;font-weight:650;border:0;display:inline-flex;align-items:center;justify-content:center;gap:9px;transition:transform .15s,box-shadow .15s,background .15s}.primary{background:#1e5bd6;color:#fff;box-shadow:0 7px 16px rgba(30,91,214,.22);margin-top:18px}.primary:hover:not(:disabled){background:#174bb7;transform:translateY(-1px);box-shadow:0 10px 22px rgba(30,91,214,.27)}.primary:active:not(:disabled),.success-button:active:not(:disabled){transform:translateY(0)}.full{width:100%}.success-button{background:#16865a;color:#fff;margin-top:10px;box-shadow:0 7px 16px rgba(22,134,90,.17)}.success-button:hover:not(:disabled){background:#106e48;transform:translateY(-1px)}.secondary{background:#fff;color:#315174;border:1px solid #cbd7e7;box-shadow:none;margin:0}.secondary:hover:not(:disabled){background:#f2f6fc;border-color:#aebed4}.small{padding:6px 12px;min-height:36px;border-radius:9px;font-size:12px}button:disabled{opacity:.55;cursor:not-allowed}button:focus-visible,a:focus-visible{outline:3px solid #6797ea;outline-offset:3px}.text-button{border:0;background:none;color:#496183;padding:4px 0;font-size:12px;text-decoration:underline;text-underline-offset:3px}.token-box{position:relative;background:#f2f6fd;border:1px solid #d9e4f5;border-radius:12px;padding:20px;margin:16px 0 4px;max-height:270px;overflow:auto}.token-box pre{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;font:600 15px/1.75 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;margin:0;color:#183c79;max-width:100%}.token-tag{position:absolute;right:10px;top:10px;background:#fff;color:#587092;border-radius:6px;padding:2px 7px;font-size:10px}.bind-footer{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:14px;color:#6c7c94;font-size:12px}.result-panel{text-align:center;padding:38px 30px}.result-icon{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;margin:0 auto 18px}.result-icon svg{width:28px;height:28px}.result-icon.waiting{background:#eaf1ff;color:#1e5bd6}.result-icon.complete{background:#e5f6ee;color:#16865a}.result-panel p{color:#5c6b82;font-size:14px;max-width:470px;margin:0 auto}.status-strip{display:inline-flex;align-items:center;gap:8px;margin-top:22px;padding:8px 14px;background:#f0f5fd;color:#496183;border-radius:9px;font-size:12px}.pulse{width:8px;height:8px;background:#2b68d6;border-radius:50%;box-shadow:0 0 0 4px rgba(43,104,214,.12);animation:pulse 1.8s ease-out infinite}@keyframes pulse{50%{box-shadow:0 0 0 7px rgba(43,104,214,0)}}.complete-strip{background:#eaf8f1;color:#16724c}.complete-strip svg{width:16px;height:16px}.privacy-note{text-align:center;color:#6c7b91;font-size:11px;margin:20px 12px}.heading{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.heading h1,.heading h2{margin-bottom:0}.admin-heading{margin-bottom:20px}.admin-heading h1{font-size:30px;letter-spacing:-.02em;margin:0 0 4px}.admin-heading p{margin:0;color:#60708a;font-size:13px}.login-panel{max-width:480px;margin:24px auto}.tabs{display:flex;gap:4px;margin:22px 0 8px;border-bottom:1px solid #d5dfed;overflow-x:auto}.tab{flex-shrink:0;border:0;background:none;color:#5b6b84;font-weight:650;padding:10px 16px;margin:0;min-height:44px;border-radius:8px 8px 0 0;box-shadow:none}.tab:hover{background:#eaf0f9;color:#24446d}.tab.active{color:#1754c5;background:#fff;box-shadow:inset 0 -2px 0 #1e5bd6}.tab-page{padding-top:4px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(125px,1fr));gap:12px;margin-top:18px}.stat{background:#f3f7fe;border-radius:12px;padding:16px;display:flex;flex-direction:column}.stat strong{font-size:27px;color:#1b56c2;line-height:1.2}.stat span{font-size:12px;color:#60708a;margin-top:5px}.table-wrap{overflow-x:auto;margin-top:12px}table{border-collapse:collapse;width:100%;font-size:12px;text-align:left}th,td{padding:11px 9px;border-bottom:1px solid #e4eaf2;white-space:nowrap;vertical-align:middle}th{color:#5c6c84;background:#f7f9fc;font-weight:650}td.token-cell{white-space:normal;max-width:300px;min-width:180px;overflow-wrap:anywhere}.empty{text-align:center;color:#7a889d;padding:28px!important}.state{display:inline-flex;padding:3px 8px;border-radius:999px;background:#eef1f5;color:#58677c;font-size:11px}.state-waiting,.state-unused{background:#edf3ff;color:#2457b7}.state-assigned{background:#fff4df;color:#8a5a06}.state-completed{background:#e7f7ef;color:#16724c}.state-disabled{background:#f1f2f4;color:#747b85}.state-submitted{background:#f0edff;color:#6850ae}.actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.actions select{width:auto;min-height:36px;padding:6px 28px 6px 10px;font-size:12px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 18px;align-items:end}.form-grid .primary{margin-top:18px;justify-self:start}.hint{font-size:12px;color:#66758b;margin:8px 0 0}.result{font-size:13px;color:#315174;min-height:1.4em;overflow-wrap:anywhere}.types-list{display:grid;gap:12px}.type-row{padding:16px 0;border-bottom:1px solid #e4eaf2}.type-row:last-child{border-bottom:0}.type-row-head{display:flex;justify-content:space-between;gap:12px;align-items:center}.type-row-head strong{font-size:15px}.type-row-head code{color:#60708a}.type-edit{display:grid;grid-template-columns:1.4fr 1fr 1fr auto auto;gap:10px;align-items:end;margin-top:10px}.type-edit label{font-size:11px;margin-top:0}.type-edit input{min-height:40px;padding:8px 10px}.enabled-check{display:flex;align-items:center;gap:6px;min-height:40px;font-size:12px;color:#52627c}.enabled-check input{width:16px;min-height:16px}footer{text-align:center;padding:18px 20px 30px;color:#6b7a90;font-size:11px}@media(max-width:760px){.top{padding:18px}.secure-note{display:none}main{padding:22px 16px}.panel{padding:21px}.form-grid{grid-template-columns:1fr}.type-edit{grid-template-columns:1fr 1fr}.type-edit>div:first-child{grid-column:1/-1}.actions{width:100%}.actions select{flex:1}.admin-heading h1{font-size:26px}}@media(max-width:430px){.hero h1{font-size:32px}.hero p{font-size:14px}.steps{gap:5px}.steps li{font-size:11px;padding-right:9px;gap:5px}.steps i{width:20px;height:20px}.panel{padding:19px}.bind-footer{align-items:flex-start;flex-direction:column;gap:6px}.type-edit{grid-template-columns:1fr}.type-edit>div:first-child{grid-column:auto}}.field-foot,.privacy-note{color:#5d6c83}.text-button{min-height:44px;display:inline-flex;align-items:center}.token-box{padding-top:48px}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}