:root{font-family:Inter,"Noto Sans SC","PingFang SC",sans-serif;color:#18324b;background:#eef5fb}
*{box-sizing:border-box}
body{margin:0;min-height:100vh}
a{color:#1768a6}
button,input,textarea,select{font:inherit}
button{cursor:pointer;border:0;border-radius:.65rem;background:#1768a6;color:#fff;padding:.7rem 1rem}
input,textarea,select{width:100%;border:1px solid #9db4c8;border-radius:.55rem;padding:.65rem;background:#fff;color:#18324b}
label{display:grid;gap:.35rem;margin:.8rem 0;font-weight:650}
.auth-page{display:grid;place-items:center;padding:1rem}
.auth-card{width:min(28rem,100%);background:#fff;border-radius:1rem;padding:2rem;box-shadow:0 1rem 3rem #1b496522}
.auth-card h1{margin:.25rem 0}
.auth-kicker{font-weight:750;color:#1768a6}
.form-status{min-height:1.5em;color:#a52a2a}
.app-header{display:flex;align-items:center;gap:1rem;justify-content:space-between;padding:1rem clamp(1rem,4vw,4rem);background:#fff;border-bottom:1px solid #d4e0ea}
.app-header h1{font-size:clamp(1.25rem,3vw,2rem);margin:0}
.content-list,.admin-layout{width:min(70rem,calc(100% - 2rem));margin:2rem auto;display:grid;gap:1.25rem}
.content-card,.admin-layout section{background:#fff;padding:1.25rem;border-radius:.85rem;box-shadow:0 .35rem 1.2rem #18324b12}
.content-card pre{overflow:auto;background:#13283a;color:#f4f8fb;padding:1rem;border-radius:.6rem;position:relative}
.copy-code{float:right;margin-bottom:.4rem;background:#dcecf8;color:#18324b}
.admin-layout{grid-template-columns:repeat(auto-fit,minmax(min(100%,20rem),1fr));align-items:start}
.admin-row{border-top:1px solid #d4e0ea;padding:.65rem 0}
fieldset{border:1px solid #cad8e4;border-radius:.6rem;margin:.8rem 0}
fieldset label{display:flex;font-weight:400}
fieldset input{width:auto}
@media(max-width:600px){.app-header{align-items:flex-start;flex-wrap:wrap}.auth-card{padding:1.25rem}}