:root{font:15px/1.6 "Microsoft YaHei",system-ui,sans-serif;color:#253340;background:#f3f6f8}*{box-sizing:border-box}body{margin:0}header{display:flex;align-items:center;gap:24px;background:#142d39;color:white;padding:22px 5%}header small{letter-spacing:3px;color:#7bd2b3}h1{font-size:24px;margin:2px 0}#identity{margin-left:auto}main{max-width:1480px;margin:30px auto;padding:0 30px}section,dialog{background:white;border:1px solid #dce5e9;border-radius:12px;padding:24px}#login{max-width:440px;margin:70px auto}h2{font-size:20px;margin:0 0 14px}p{color:#61727f}label{display:block;margin:16px 0}input,textarea{font:inherit;display:block;border:1px solid #c6d4db;border-radius:6px;padding:9px;width:100%;background:white;color:#253340}button{font:inherit;border:1px solid #bbcbd2;border-radius:6px;padding:7px 16px;background:white;color:#254655;cursor:pointer}button:hover{background:#e9f4f0}button:disabled{opacity:.5;cursor:wait}button[type=submit],form button:last-child,#new-card{background:#12775e;color:white;border-color:#12775e}nav{display:flex;gap:8px;margin-bottom:18px}nav button.active{background:#142d39;color:white}.toolbar{display:flex;align-items:center;gap:12px;padding:18px}.toolbar h2{margin:0 auto 0 0}.toolbar input{max-width:280px}.hint{font-size:13px}.table-wrap{overflow:auto;border:1px solid #dce5e9;background:white;border-radius:10px}table{width:100%;border-collapse:collapse;white-space:nowrap;text-align:left}th{background:#eaf0f3;font-size:13px;color:#536570}td,th{padding:13px 15px;border-bottom:1px solid #ecf0f2}td button{font-size:12px;padding:3px 8px;margin:0 3px}td.machine{font-family:monospace;max-width:180px;overflow:hidden;text-overflow:ellipsis}footer,.actions{display:flex;gap:12px;justify-content:flex-end;margin-top:18px}#message{position:sticky;bottom:16px;padding:12px;background:#fff1d9;border-radius:7px;display:none}dialog{width:min(520px,95vw);box-shadow:0 20px 80px #0003}dialog::backdrop{background:#142d3970}#empty{padding:25px;text-align:center}#codes{font-family:monospace}body [hidden]{display:none!important}@media(max-width:800px){main{padding:0 12px}.toolbar{flex-wrap:wrap}.toolbar input{max-width:100%}header{padding:18px}nav{overflow:auto}}

button.license-code{font-family:Consolas,monospace;font-size:13px;white-space:nowrap;color:#12654e;user-select:all}button.license-code:focus-visible{outline:2px solid #12775e;outline-offset:2px}

td.note{white-space:pre-wrap;overflow-wrap:anywhere;min-width:180px;max-width:300px}