:root { color-scheme: light; font-family: system-ui,sans-serif; color:#192a38; background:#f3f5f7; }
body { margin:0; } a { color:#155e75; } header { display:flex; align-items:center; gap:1.4rem; padding:1rem 2rem; background:#132d3c; color:white; }
header a {color:white;text-decoration:none;} .brand{font-weight:700;margin-right:auto;} .environment{border:1px solid #8ba7b9;border-radius:4px;padding:.25rem .6rem;}
.admin-body {display:grid;grid-template-columns:13rem minmax(0,1fr);min-height:90vh;} nav{padding:2rem 1rem;background:white;border-right:1px solid #d5dfe5;} nav a{display:block;padding:.8rem;text-decoration:none;border-radius:5px;} nav a.active{background:#dceff2;font-weight:650;}
main{padding:1.5rem 2rem;max-width:90rem;} h1{margin-top:0;} h2{margin-top:2rem;} label{display:block;margin-top:.8rem;margin-bottom:.35rem;} input,select{max-width:36rem;box-sizing:border-box;padding:.5rem;border:1px solid #9eafb9;border-radius:4px;font:inherit;}
input{width:100%;} input[type=checkbox]{width:auto;} .actions{display:flex;gap:.65rem;flex-wrap:wrap;margin:1rem 0;} button{cursor:pointer;} table{border-collapse:collapse;width:100%;background:white;margin:1rem 0;} th,td{text-align:left;vertical-align:top;border-bottom:1px solid #d5dfe5;padding:.7rem;overflow-wrap:anywhere;} th{background:#e7edf1;} .table-wrap{overflow:auto;} .notice,.confirmation{padding:1rem;background:#e4f2f1;border:1px solid #b0cecc;border-radius:5px;margin:1rem 0;} .error{background:#fff0eb;border-color:#d99b85;} .confirmation{background:#fff9e7;border-color:#d5c37b;} code,pre{overflow-wrap:anywhere;white-space:pre-wrap;} dt{font-weight:650;margin-top:.6rem;} dd{margin-left:0;} :focus-visible{outline:3px solid #bd6427;outline-offset:3px;} @media(max-width:750px){.admin-body{grid-template-columns:1fr;}nav{display:flex;flex-wrap:wrap;padding:.5rem;}main{padding:1rem;}header{padding:1rem;flex-wrap:wrap;} }