:root{font-family:"DM Sans","Noto Sans SC","Microsoft YaHei",sans-serif;color:#16253c;background:#f5f7fb;font-synthesis:none;text-rendering:optimizeLegibility;font-optical-sizing:auto;--blue:#276cf2;--navy:#14233a;--muted:#74839a;--line:#e3e9f2;--pale:#f8faff}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 10% 0%,#fff 0,transparent 42%),#f5f7fb}.topbar{height:76px;padding:0 clamp(22px,5.2vw,88px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e9edf4;background:rgba(255,255,255,.82);backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:#14233a;font-size:16px;font-weight:500;letter-spacing:.01em}.brand b{font-weight:700}.brand small{display:block;font-size:8px;letter-spacing:.2em;color:#8996a9;margin-top:3px}.brand-mark,.login-emblem{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:linear-gradient(140deg,#347cf8,#1558df);box-shadow:0 5px 12px #2869e438;color:white;font-weight:700}.top-actions{display:flex;align-items:center;gap:26px}.secure{font-size:12px;color:#74839a}.secure i,.hint-dot{display:inline-block;width:7px;height:7px;background:#2dbb8a;border-radius:50%;margin-right:7px;box-shadow:0 0 0 3px #2dbb8a1c}.admin-link,.back-link{border:0;background:transparent;color:#4d5e75;font:inherit;font-size:12px;cursor:pointer}.admin-link span{color:var(--blue);margin-left:8px}main{max-width:1240px;margin:0 auto;padding:56px 32px 48px}.hero{display:flex;align-items:center;justify-content:space-between;margin-bottom:29px}.eyebrow{display:flex;align-items:center;gap:9px;color:#7890b3;font-size:10px;letter-spacing:.18em;font-weight:700}.eyebrow-line{width:17px;height:2px;background:#3478f6;border-radius:2px}h1{font-size:34px;letter-spacing:-.04em;margin:10px 0 8px;color:#14233a;font-weight:700}p{margin:0;color:#718098;font-size:13px}.hero-chip{display:flex;align-items:center;gap:12px;border:1px solid #e5ebf4;border-radius:12px;background:#fff;padding:12px 16px;color:#8290a3;font-size:11px;line-height:1.65}.hero-chip b{color:#263954;font-weight:600}.chip-icon{display:grid;place-items:center;width:32px;height:32px;color:#2a70f5;background:#edf4ff;border-radius:9px;font-size:17px}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:20px;align-items:start}.form-column{display:grid;gap:17px}.panel,.side-card{background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 5px 20px #1e376008}.panel{padding:22px 24px}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px}.panel-head>div{display:flex;align-items:center;gap:11px}.step{width:25px;height:25px;display:grid;place-items:center;border-radius:8px;background:#eff5ff;color:#3478f6;font-size:11px;font-weight:700}.panel h2{font-size:14px;margin:0;font-weight:650;color:#1b2d47}.muted{font-size:10px;color:#9aa6b7}textarea{width:100%;height:150px;resize:vertical;border:1px solid #dfe6f0;border-radius:10px;background:#fafbfd;padding:15px 16px;font:12px/1.65 Consolas,"Cascadia Code",monospace;color:#28415f;outline:none;transition:.2s}textarea:focus,input:focus,select:focus{border-color:#71a0ff;box-shadow:0 0 0 3px #3978f01a}.text-foot{display:flex;justify-content:space-between;font-size:10px;color:#a0acbb;padding:9px 2px 0}.options-panel{padding-bottom:20px}.option-grid{display:grid;grid-template-columns:1fr 1fr .75fr;gap:12px}.option-grid label,.access-row>label,.create-panel form>label,.form-two label,.login-card form label{display:block;color:#62728a;font-size:11px;font-weight:600}.option-grid select,.create-panel input,.login-card input{display:block;width:100%;height:40px;margin-top:7px;border-radius:8px;border:1px solid #e1e7f0;background:#fbfcfe;color:#203552;padding:0 11px;font:12px inherit;outline:none}.access-row{display:flex;align-items:center;gap:18px;margin-top:18px}.access-row>label{min-width:46px}.access-input{display:flex;align-items:center;gap:9px;flex:1;height:42px;padding:0 10px;border:1px solid #e1e7f0;border-radius:8px;background:#fbfcfe}.access-input>span{color:#8d9cb1}.access-input input{border:0;outline:0;box-shadow:none;min-width:0;flex:1;background:transparent;font:12px inherit;color:#203552}.access-input button{border:0;background:transparent;color:#7b8da7;font-size:10px;cursor:pointer}.actions{display:flex;align-items:center;gap:17px;margin-top:19px}.primary{border:0;border-radius:9px;color:#fff;background:linear-gradient(120deg,#347dfa,#1d61e9);box-shadow:0 7px 16px #276cf22e;height:46px;padding:0 17px;display:flex;align-items:center;justify-content:space-between;gap:10px;font:600 12px inherit;cursor:pointer;transition:.2s}.primary:hover,.download-button:hover{transform:translateY(-1px);box-shadow:0 9px 20px #276cf23d}.primary:disabled{opacity:.65;cursor:wait;transform:none}.actions .primary{width:213px}.button-icon{font-size:15px}.button-arrow{margin-left:auto;font-size:16px}.hint{font-size:10px;color:#93a0b2}.hint-dot{width:6px;height:6px;margin-right:5px}.side-column{display:grid;gap:14px}.result-card{padding:20px 19px 18px;min-height:293px}.side-icon{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:#edf4ff;color:#2872f5;font-size:16px}.side-title{font-size:13px;font-weight:650;margin-top:12px}.empty-state{text-align:center;padding:26px 12px 11px}.empty-graphic{position:relative;margin:0 auto 12px;width:57px;height:48px;border:1px solid #dce7f6;border-radius:8px;background:linear-gradient(#fff,#f6f9fd);display:grid;place-items:center;color:#8ba6ca;font-weight:700;font-size:10px}.empty-graphic:before{content:"";position:absolute;top:-5px;left:6px;width:23px;height:5px;border:1px solid #dce7f6;border-bottom:0;border-radius:4px 4px 0 0;background:#f5f8fc}.empty-graphic i{position:absolute;right:-18px;top:5px;font-style:normal;color:#abc4e8;letter-spacing:2px}.empty-state p{font-size:12px;color:#61718a;margin-bottom:5px}.empty-state small{font-size:10px;color:#a1adbd;line-height:1.7}.side-note{display:flex;gap:10px;padding:14px 14px;border-radius:11px;border:1px solid #e7edf6;background:#f9fbfe}.note-icon{flex:0 0 18px;width:18px;height:18px;display:grid;place-items:center;border-radius:50%;background:#edf3fc;color:#6985ac;font-size:11px}.side-note p{font-size:10px;line-height:1.75;color:#8290a2}.side-note b{color:#52637c;font-size:11px}.privacy-note{font-size:9px;color:#a0acba;padding:3px 2px}.privacy-note span{margin-right:5px}.hidden{display:none!important}.result-ready{padding-top:15px}.success-badge{display:flex;align-items:center;gap:7px;color:#198f6c;font-size:10px;font-weight:600;background:#effaf6;padding:8px 9px;border-radius:7px}.success-badge span{width:15px;height:15px;display:grid;place-items:center;border-radius:50%;background:#d8f5e9}.file-line{display:flex;align-items:center;gap:9px;margin:14px 0}.file-icon{width:31px;height:34px;display:grid;place-items:center;border-radius:6px;background:#fff1ed;color:#ea7255;font-size:9px;font-weight:700}.file-line b{display:block;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#3e5069;font-size:10px}.file-line small{display:block;margin-top:4px;color:#98a5b5;font-size:9px}.download-button{width:100%;height:38px;border:0;border-radius:7px;background:#286df0;color:#fff;font:600 11px inherit;cursor:pointer}.download-button span{margin-left:8px}.password-block{border-top:1px solid #edf0f5;margin-top:14px;padding-top:11px}.password-block>span{display:block;font-size:9px;color:#8997aa;margin-bottom:7px}.password-block>div{display:flex;align-items:center;justify-content:space-between;gap:6px}.password-block code{font:10px Consolas,monospace;color:#39536f;overflow:hidden;text-overflow:ellipsis}.password-block button,.new-code-box button{border:1px solid #dfe7f2;border-radius:5px;background:#fff;color:#58708f;font-size:9px;padding:5px 9px;cursor:pointer}.toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,12px);opacity:0;pointer-events:none;padding:11px 16px;background:#17283f;color:#fff;border-radius:8px;font-size:12px;box-shadow:0 8px 24px #0a1b3530;transition:.25s;z-index:10}.toast.show{opacity:1;transform:translate(-50%,0)}footer{display:flex;justify-content:space-between;max-width:1240px;margin:0 auto;padding:19px 32px 24px;border-top:1px solid #e9edf4;color:#a5afbd;font-size:10px}.admin-heading{margin-bottom:22px}.back-link{padding:0;margin-bottom:30px;color:#60728b}.admin-heading h1{margin-top:10px}.login-card{max-width:410px;margin:38px auto;background:#fff;border:1px solid var(--line);border-radius:15px;padding:30px 33px;box-shadow:0 12px 35px #2237550c}.login-emblem{width:40px;height:40px;border-radius:12px}.login-card h2{font-size:19px;margin:17px 0 6px}.login-card>p{font-size:12px}.login-card form{margin-top:22px}.login-card form label+label{margin-top:15px}.login-card input{height:43px}.full{width:100%;margin-top:20px}.full span{margin-left:auto}.login-error{min-height:18px;margin-top:10px;color:#d95353;font-size:11px}.local-only{display:block;text-align:center;color:#a4afbd;font-size:10px;margin-top:4px}.admin-console{margin-top:30px}.console-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.console-top h2{font-size:21px;margin:7px 0 0}.console-actions{display:flex;align-items:center;gap:14px}.admin-user{color:#4a5c76;font-size:11px}.subtle-button,.refresh-button{border:1px solid #e0e7f0;background:#fff;color:#6c7d94;border-radius:7px;padding:8px 11px;font:11px inherit;cursor:pointer}.admin-grid{display:grid;grid-template-columns:330px 1fr;gap:16px;align-items:start}.create-panel,.codes-panel{padding:21px}.create-panel form{margin-top:19px}.create-panel input{height:39px}.optional{font-size:9px;font-weight:400;color:#9ca9b8;margin-left:4px}.form-two{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:15px}.create-panel form>.full{margin-top:19px}.new-code-box{margin-top:17px;background:#f1f7ff;border:1px solid #dce9fb;border-radius:9px;padding:12px}.new-code-box>span{display:block;font-size:10px;color:#637b9d;line-height:1.5;margin-bottom:9px}.new-code-box>div{display:flex;align-items:center;justify-content:space-between;gap:5px}.new-code-box code{font:11px Consolas,monospace;color:#234a7b;overflow-wrap:anywhere}.codes-panel .panel-head{margin-bottom:9px}.codes-list{max-height:490px;overflow:auto}.code-row{display:grid;grid-template-columns:minmax(130px,1fr) auto auto;gap:12px;align-items:center;border-top:1px solid #edf0f5;padding:13px 1px}.code-meta b{display:block;color:#3c506c;font-size:11px;font-weight:600}.code-meta small{display:block;margin-top:5px;color:#99a5b4;font-size:9px}.code-usage{font-size:10px;color:#73839b;white-space:nowrap}.status-pill{font-size:9px;padding:5px 8px;border-radius:20px;background:#ebf8f2;color:#23916d;white-space:nowrap}.status-pill.off{background:#f1f3f6;color:#8d99a8}.disable-code{grid-column:1/-1;justify-self:end;border:0;background:none;color:#c16660;font-size:9px;cursor:pointer;padding:0}.loading-row{padding:28px 0;text-align:center;color:#96a3b4;font-size:11px}
@media(max-width:850px){main{padding:38px 22px}.workspace{grid-template-columns:1fr 260px;gap:14px}.panel{padding:19px}.option-grid{grid-template-columns:1fr 1fr}.option-grid label:last-child{grid-column:1/-1}.admin-grid{grid-template-columns:1fr}.create-panel{max-width:none}}
@media(max-width:650px){.topbar{height:65px;padding:0 18px}.secure{display:none}main{padding:34px 17px}.hero{align-items:flex-start}.hero-chip{display:none}h1{font-size:29px}.workspace{grid-template-columns:1fr}.side-column{grid-row:2}.result-card{min-height:auto}.empty-state{padding:17px 10px}.options-panel .option-grid{grid-template-columns:1fr 1fr}.access-row{gap:10px}.actions{align-items:flex-start;flex-direction:column}.actions .primary{width:100%}.panel-head{align-items:flex-start}.muted{max-width:145px;text-align:right;line-height:1.5}.admin-heading{margin-bottom:12px}.login-card{margin:22px 0;padding:25px 22px}.console-top{align-items:flex-start}.admin-grid{gap:12px}.form-two{grid-template-columns:1fr}.code-row{grid-template-columns:minmax(105px,1fr) auto;gap:8px}.code-row .status-pill{grid-column:2;grid-row:1}.code-usage{grid-column:1;grid-row:2}footer{padding:16px 18px}}

.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:25px 0}.stats>div{background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px}.stats span{display:block;font-size:12px;color:#8290a3}.stats b{display:block;font-size:29px;margin-top:8px;color:#244670}.device-panel{padding:25px}.filters{display:flex;gap:12px;margin:20px 0}.filters input,.filters select,dialog input,dialog select{border:1px solid #dfe6f0;border-radius:8px;background:#fafcff;padding:11px;font:inherit;font-size:12px;color:#345;outline:none}.filters input{flex:1}.device-row{display:flex;justify-content:space-between;gap:20px;padding:22px 0;border-top:1px solid #edf0f5}.device-info{min-width:0}.device-title{display:flex;align-items:center;gap:12px;margin-bottom:8px}.device-title b{font-size:14px}.machine-code{display:block;border:0;padding:0;background:none;font:11px Consolas,monospace;color:#4a74a9;cursor:pointer;word-break:break-all;text-align:left}.device-info small{display:block;font-size:10px;color:#91a0b2;margin-top:8px;line-height:1.7}.device-note{margin-top:9px;font-size:12px;color:#677e9b}.device-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end;min-width:205px}.device-actions .primary{height:34px;box-shadow:none;font-size:11px}.delete-device{border:0;background:none;color:#be7474;font-size:10px;cursor:pointer}dialog{width:min(440px,95vw);border:1px solid var(--line);border-radius:15px;padding:25px;color:#243b58;box-shadow:0 20px 80px #132a4f40}dialog::backdrop{background:#11233c55;backdrop-filter:blur(3px)}dialog h2{font-size:19px;margin:0 0 10px}dialog label{display:block;margin-top:18px;font-size:12px;color:#71829a}dialog input,dialog select{display:block;width:100%;margin-top:7px}dialog small{color:#9ba7b7}.dialog-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:25px}.dialog-actions .primary{height:36px}.login-card{margin:45px auto}#account{font-size:12px;color:#657995}button,input,select,textarea{font-family:inherit}button:focus-visible,a:focus-visible{outline:2px solid #3579f9;outline-offset:3px}@media(max-width:650px){.stats{grid-template-columns:1fr 1fr;gap:10px}.stats>div{padding:15px}.device-row{flex-direction:column}.device-actions{justify-content:flex-start}.filters{flex-direction:column}.hero{gap:15px;flex-wrap:wrap}h1{font-size:26px}.device-panel{padding:18px}}
.view-tabs{display:flex;gap:10px;margin:22px 0 0}.active-tab{background:#eaf2ff;color:#286be1;border-color:#bad1f7}.history-summary{font-size:12px;color:#7c8da5;padding:10px}.history-pagination{display:flex;justify-content:center;align-items:center;gap:15px;margin:20px 0 0;font-size:12px;color:#8291a7}.subtle-button:disabled{opacity:.45;cursor:default}.exhausted{background:#fff1eb;color:#ce7547}.device-info small.quota-exhausted{color:#cd7448}.record-filename{font-size:13px;color:#355476;word-break:break-all}.record-secret{display:flex;justify-content:space-between;gap:10px;padding:13px;border:1px solid #dce6f5;border-radius:8px;background:#f5f9ff;margin-top:8px}.record-secret code{font:13px Consolas,monospace;align-self:center;overflow-wrap:anywhere;color:#285890}#history-detail{width:min(640px,95vw)}#history-detail>label{display:block;font-size:12px;color:#71829a;margin-top:20px}#history-detail textarea{margin-top:8px;height:115px}#record-meta p{font-size:12px;margin:8px 0}#edit-used{display:block;line-height:1.6;margin-top:8px}#edit{max-height:90vh;overflow:auto}@media(max-width:650px){.record-secret{flex-wrap:wrap}.device-title{flex-wrap:wrap}.device-actions{min-width:0}}