:root{font-family:Segoe UI,Arial,sans-serif;color:#183348;background:#f3f6fa}*{box-sizing:border-box}body{margin:0}header{height:84px;background:#fff;border-bottom:1px solid #dce4ed;display:flex;align-items:center;justify-content:space-between;padding:0 6%}a{color:#087c83;text-decoration:none}.brand{font-weight:750;letter-spacing:1px;color:#183348}main{max-width:1120px;margin:65px auto;min-height:65vh;padding:0 24px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:2px;color:#087c83}h1{font-size:38px;letter-spacing:-1px;margin-bottom:12px}p{color:#647789;line-height:1.6}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;margin-top:24px}.card{background:#fff;border:1px solid #dce4ed;border-radius:12px;padding:24px;text-align:left;color:#183348;cursor:pointer;font-size:17px}.card:hover{border-color:#087c83;box-shadow:0 5px 20px #18334810}.card small{display:block;font-size:12px;color:#64808b;margin-top:12px}.panel{background:#fff;padding:28px;border:1px solid #dce4ed;border-radius:12px;margin:22px 0}form{max-width:520px}label{display:block;margin:18px 0 7px;font-size:14px;font-weight:600}input,select{width:100%;padding:13px;border:1px solid #bdccd8;border-radius:7px;font-size:16px;background:white}button,.button{cursor:pointer;background:#087c83;color:#fff;border:0;border-radius:7px;padding:12px 18px;font-size:14px}form button{margin-top:20px}button.secondary{background:#e4edf2;color:#244455}table{width:100%;border-collapse:collapse;background:white}td,th{text-align:left;padding:16px;border-bottom:1px solid #e6ecf2;font-size:14px;overflow-wrap:anywhere}th{color:#657c8d;font-size:12px}.tablewrap{overflow:auto;margin:24px 0;border:1px solid #dce4ed;border-radius:10px}#message:not(:empty){padding:16px;background:#fff2dc;color:#754a11;border-radius:8px;margin:20px 0}code{display:block;overflow-wrap:anywhere;padding:18px;background:#eaf7f3;font-size:19px}.toolbar{display:flex;justify-content:space-between;gap:15px;align-items:center;margin:25px 0}footer{text-align:center;color:#7c8c99;padding:30px;font-size:12px}@media(max-width:600px){header{padding:0 20px;font-size:12px}main{margin-top:36px}h1{font-size:30px}td,th{padding:12px}}

.clipboard-helper{position:fixed;left:-9999px;top:0}#copy-status{color:#087c83;font-size:14px}