:root{color-scheme:light;--ink:#14263a;--muted:#496177;--line:#d8e2e9;--accent:#08766e;--paper:#fff;--bg:#f1f5f7}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.5 'Inter',system-ui,sans-serif}
header{background:#10293c;color:white;padding:17px 24px}
.brand{max-width:1120px;margin:auto;display:flex;align-items:center;gap:12px;font-weight:720}
.brand span{display:grid;place-items:center;background:#0b8378;border-radius:10px;width:36px;height:36px}
main{max-width:1168px;margin:auto;padding:32px 24px 48px}
h1,h2,p{margin:0 0 12px}h1{font-size:clamp(25px,5vw,36px);line-height:1.2}h2{font-size:19px}p{color:var(--muted)}
.heading{display:flex;gap:16px;justify-content:space-between;align-items:flex-start;margin-bottom:18px}
section{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:22px;margin-bottom:16px}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.login{max-width:440px;margin:24px auto}
form{display:grid;gap:12px}form.inline{display:inline-flex}.access-form{grid-template-columns:repeat(3,1fr) auto;align-items:end}
label{display:grid;gap:4px;font-weight:640;font-size:14px}input,select,button{font:inherit;border-radius:8px;min-height:42px}
input,select{background:#f9fbfc;color:var(--ink);border:1px solid #b9cad7;padding:8px 10px;min-width:0;width:100%}
button{background:var(--accent);color:white;border:1px solid transparent;padding:8px 14px;cursor:pointer;justify-self:start;font-weight:690}
button:hover{background:#075f59}:focus-visible{outline:3px solid #148ea8;outline-offset:3px}
.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;text-align:left}th,td{border-bottom:1px solid var(--line);padding:10px;vertical-align:middle}
thead{background:#e8f0f4}ul{padding-left:20px;margin:0}.pill{display:inline-block;border-radius:20px;padding:2px 9px;font-size:13px;font-weight:700}
.enabled{background:#dff5e9;color:#136044}.disabled{background:#fce9e7;color:#842a22}.message{padding:11px 14px;background:#e0f1f2;border:1px solid #b5d9dd;border-radius:9px;color:var(--ink)}
.folders li{margin:5px 0}.folders code{margin-left:9px}code{overflow-wrap:anywhere;color:#20546d}
@media(max-width:680px){main{padding:20px 12px}.grid,.access-form{grid-template-columns:1fr}.grid{gap:0}section{padding:15px}.heading{align-items:flex-start}th,td{padding:8px}}