:root{font-family:Inter,"Microsoft YaHei",sans-serif;color:#233128;background:#f5f5ee;font-size:15px;--green:#234c3c;--line:#dce2d8;--muted:#6b796f}*{box-sizing:border-box}body{margin:0}header{padding:23px 6%;background:#fff;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.brand{display:flex;gap:20px;align-items:center}.brand b{font-size:26px;color:var(--green)}.brand span{padding-left:20px;border-left:1px solid var(--line);color:var(--muted)}main{max-width:1250px;margin:45px auto;padding:0 25px}h1{font-size:35px;letter-spacing:-1px;margin:7px 0 12px}h2{font-size:20px;margin:0 0 14px}p{line-height:1.8;color:var(--muted);margin:8px 0}.eyebrow{font:11px monospace;letter-spacing:2px;color:var(--green)}.panel{padding:28px;border:1px solid var(--line);border-radius:12px;background:white;box-shadow:0 5px 20px #25433304}.login{max-width:500px;margin:10vh auto}.login form{margin-top:28px}label{display:block;font-size:13px;font-weight:600;margin:17px 0 8px}input,select{width:100%;padding:12px 14px;border:1px solid #cdd7cc;border-radius:6px;background:#fff;font:inherit;color:inherit}input:focus,select:focus{outline:2px solid #718e76;outline-offset:1px}button{cursor:pointer;font:inherit;padding:12px 19px;border:1px solid var(--green);border-radius:6px;background:var(--green);color:white;font-weight:600}form>button{margin-top:20px;width:100%}button:disabled{opacity:.6;cursor:wait}.secondary{background:white;color:var(--green);border-color:#c7d4c8}.quiet{background:none;color:var(--muted);border-color:transparent}.heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px}.heading button{flex-shrink:0}.banner{border:1px solid #e3d6ac;color:#7d6430;background:#fff9e9;border-radius:8px;padding:13px 20px;margin:20px 0 28px;font-size:13px}.columns{display:grid;grid-template-columns:1fr 1fr;gap:25px}.row{display:flex;gap:16px}.row>div{flex:1}.hint{font-size:12px;color:var(--muted)}.records{margin-top:26px}.empty{padding:45px 15px;text-align:center;color:#859287;font-size:14px}.code-card{padding:16px;background:#f3f7f0;border:1px solid #e0e8da;border-radius:7px;margin:16px 0}.code-card code{font:bold 17px monospace;display:block;color:var(--green);margin:8px 0;overflow-wrap:anywhere}.code-card p{font-size:13px;overflow-wrap:anywhere}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;font-size:13px;white-space:nowrap}th{text-align:left;color:var(--muted);font-weight:500;background:#f8faf5}td,th{padding:15px 12px;border-bottom:1px solid var(--line)}td small{display:block;max-width:240px;overflow:hidden;text-overflow:ellipsis;color:var(--muted);margin-top:6px}.stop{color:#a84b45;font-size:12px;background:transparent;border:1px solid #ead7d2;padding:6px 11px}.search{display:flex;gap:10px;margin-bottom:20px}.search input{max-width:380px}.search button{margin:0;width:auto}.badge{padding:4px 8px;border-radius:4px;background:#edf5e9;color:#3a6a3e;font-size:12px}.badge.off{color:#a35149;background:#f8eeeb}footer{text-align:center;color:var(--muted);font-size:12px;padding:25px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--green);color:#fff;padding:12px 22px;border-radius:8px;display:none;max-width:90%}[hidden]{display:none!important}button:focus-visible{outline:3px solid #8da784;outline-offset:3px}@media(max-width:720px){main{margin-top:25px;padding:0 16px}.columns{grid-template-columns:1fr}.panel{padding:21px}.heading{align-items:flex-start}h1{font-size:28px}.heading>button{padding:10px}.search{flex-wrap:wrap}.search input{max-width:none}.search button{flex:1}.brand span{font-size:13px}.code-card code{font-size:15px}}