:root{font:15px system-ui,sans-serif;color:#172538;background:#f5f7fa}body{margin:0}header{background:#132238;color:white;padding:26px max(24px,calc((100vw - 1120px)/2))}header span{font-size:12px;letter-spacing:.18em;color:#83e2d8}h1{margin:12px 0}header p{color:#b8c7d9}main{max-width:1120px;margin:24px auto;padding:0 24px 60px}section{background:white;padding:24px;margin:20px 0;border:1px solid #dce3eb;border-radius:10px}form{max-width:850px}label{display:block;margin:14px 0}input,select,textarea{display:block;box-sizing:border-box;width:100%;padding:10px;margin-top:6px;border:1px solid #aebdcc;border-radius:5px;font:inherit}button{padding:10px 14px;border:1px solid #087f87;background:#087f87;color:white;border-radius:5px;cursor:pointer;margin:4px}button:disabled{opacity:.5;cursor:wait}nav{display:flex;flex-wrap:wrap;gap:5px}nav button{background:white;color:#087f87}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:16px;align-items:end}.scroll{overflow:auto}table{width:100%;border-collapse:collapse}td,th{text-align:left;padding:10px;border-bottom:1px solid #dce3eb;font-size:13px}td button{font-size:12px;padding:6px}.hint{font-size:13px;color:#627185}#message{min-height:20px;color:#8b331a}dialog{max-width:650px;width:85%;border:1px solid #aebdcc;border-radius:8px;padding:25px}dialog::backdrop{background:#132238aa}[hidden]{display:none!important}#issued-key{font-family:monospace}#login{max-width:420px;margin:30px auto}
#providers-list{max-height:420px;overflow:auto}#clients-list{max-height:480px;overflow:auto}