:root{font-family:Inter,'Segoe UI',Arial,sans-serif;color:#17333a;background:#eef7f7;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at top right,#d6eeee,transparent 55%),#f4f9fa}header{display:flex;align-items:center;justify-content:space-between;padding:19px clamp(18px,5vw,70px);border-bottom:1px solid #d6e6e7;background:#ffffffb8;backdrop-filter:blur(16px)}.brand{display:flex;gap:12px;align-items:center}.brand strong{font-size:19px;letter-spacing:.08em}.brand small{display:block;font-size:10px;letter-spacing:.13em;color:#64858a;margin-top:4px}.logo{width:43px;height:43px;border-radius:14px;background:linear-gradient(140deg,#0a8585,#0b4f60);color:white;font-size:27px;font-weight:750;display:grid;place-items:center}.tag{font-size:12px;color:#4b7b80}main{max-width:1250px;margin:36px auto;padding:0 22px 60px}.panel,.stats article{border:1px solid #d5e8e9;background:#ffffffd9;border-radius:22px;padding:26px;box-shadow:0 10px 28px #154a5610}.narrow{max-width:430px;margin:10vh auto}.heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:22px}h1{font-size:29px;margin:0 0 7px}h2{font-size:18px;margin:0 0 18px}p{color:#68868a;margin:0 0 22px}label{display:block;font-size:13px;font-weight:650;margin:0 0 15px}input,select{font:inherit;color:inherit;border:1px solid #c7dfe1;border-radius:12px;padding:11px 13px;background:#fff;width:100%;margin-top:7px;outline:none}input:focus,select:focus{border-color:#0d9091;box-shadow:0 0 0 3px #0d90911f}button{background:#0c797e;border:1px solid #0b7276;color:#fff;padding:11px 16px;border-radius:12px;font:inherit;font-size:13px;font-weight:650;cursor:pointer;box-shadow:inset 0 1px #ffffff45}button:hover{background:#09656b}button.secondary{background:#fff;color:#256d72;border-color:#bcd8da}button:disabled{opacity:.45;cursor:not-allowed}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:20px}.stats article small{display:block;color:#64868a}.stats article strong{display:block;font-size:30px;margin-top:8px}.columns{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.columns .panel{min-width:0}.columns button{width:100%}#dashboard>.panel{margin-bottom:20px}.scroll{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:13px}th{color:#597b80;font-size:12px;white-space:nowrap}td,th{padding:13px 10px;border-bottom:1px solid #e5eff0}td{vertical-align:middle}td button{margin:3px;padding:8px 10px;font-size:11px}td select{min-width:130px;margin:0;padding:8px}.pill{display:inline-block;border-radius:30px;padding:5px 9px;font-size:11px;font-weight:700;background:#e6f1f2}.pill.authorized{color:#11705b;background:#e1f6ec}.pill.suspended,.pill.revoked{color:#9b4545;background:#ffe9e7}#message{position:fixed;bottom:20px;right:20px;max-width:420px;background:#194a51;color:#fff;padding:12px 20px;border-radius:14px;box-shadow:0 8px 20px #0002;display:none}#message.visible{display:block}[hidden]{display:none!important}@media(max-width:750px){.columns,.stats{grid-template-columns:1fr}.tag{display:none}.heading{align-items:flex-start;flex-direction:column}main{margin-top:22px}.panel{padding:18px}}

.offline-schema{border:1px solid #477f88;border-radius:14px;padding:16px;margin:18px 0}.offline-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}.offline-grid label{display:block}.offline-grid input{max-width:100%;margin-top:5px}.offline-result{white-space:pre-wrap;overflow-wrap:anywhere;max-height:420px;overflow:auto;padding:12px;border:1px solid #477f88;border-radius:10px;margin-top:10px}

.schema-update-status{margin:16px 0;padding:16px 18px;border:1px solid #8db8bb;border-radius:14px;background:#f5faf9;color:#123d43}.schema-update-status h3{margin:0 0 8px}.schema-update-status p{white-space:pre-wrap;line-height:1.5}.schema-update-status[data-state="success"]{border-color:#68a48b}.schema-update-status[data-state="warning"]{border-color:#c49c5a}.schema-update-status[data-state="error"]{border-color:#cb8585}#schema-apply[aria-busy="true"]{cursor:progress;opacity:.75}