:root{color-scheme:dark;font-family:system-ui,sans-serif;background:#07101a;color:#edf5ff}*{box-sizing:border-box}body{margin:0}main{max-width:1120px;margin:48px auto;padding:0 24px}header{display:flex;align-items:center;gap:18px;margin-bottom:36px}.brand{display:grid;place-items:center;width:60px;height:60px;background:#078afa;border-radius:16px;font-size:32px;font-weight:900}h1{font-size:30px;margin:0}header p,footer{color:#8fa8bf}h2{font-size:19px;margin-top:0}.card{padding:26px;background:#0c1b2a;border:1px solid #1f354b;border-radius:16px;margin:24px 0}.login{max-width:440px;margin:60px auto}label{display:block;font-size:14px;color:#b8ccdf}input{display:block;width:100%;padding:13px 15px;border-radius:8px;border:1px solid #355069;background:#07131f;color:#fff;font:inherit;margin:8px 0 18px}button{padding:13px 22px;background:#008cff;border:0;border-radius:8px;color:#fff;font:inherit;font-weight:650;cursor:pointer}button:hover{filter:brightness(1.12)}.secondary{background:#18334b;font-size:13px}.toolbar{display:flex;align-items:center;justify-content:space-between;color:#9ab6cf}.create{display:flex;gap:20px;align-items:center}.create label{flex:1}.create input{margin-bottom:0}.notice{padding:22px;border:1px solid #1765a0;border-radius:12px;background:#092d48}.notice code{display:block;font-size:17px;overflow-wrap:anywhere;color:#86d6ff;user-select:all}.error{border-color:#c95566;background:#421e2a}.table{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:14px}th{color:#8fa8bf;font-size:12px;text-transform:uppercase;letter-spacing:.05em}td,th{padding:16px 10px;border-bottom:1px solid #203347;white-space:nowrap}td:first-child{white-space:normal}.badge{padding:5px 9px;background:#17354d;border-radius:5px}footer{text-align:center;font-size:12px;margin-top:32px}@media(max-width:600px){main{margin:24px auto;padding:0 14px}.create{display:block}.create button{margin-top:18px}.card{padding:18px}.toolbar{font-size:13px}}
textarea{display:block;width:100%;padding:16px;border:1px solid #355069;border-radius:8px;background:#06131f;color:#a4ddff;font:14px/1.9 ui-monospace,Consolas,monospace;resize:vertical;margin:18px 0;white-space:pre;overflow:auto}.copy-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.copy-actions span,.hint{font-size:13px;color:#9ab6cf}.hint{margin:16px 0 0}.create .quantity{flex:0 0 120px}.create button{align-self:flex-end}button:disabled{opacity:.65;cursor:wait}@media(max-width:600px){.create .quantity{margin-top:18px}.copy-actions{align-items:flex-start}}