*{box-sizing:border-box}body{margin:0;background:#f4f7fa;color:#203d55;font:16px/1.7 system-ui,sans-serif}main{margin:auto}h1{font-size:28px}h2{font-size:21px}.listing,form{background:white;border:1px solid #dbe3eb;border-radius:8px;padding:24px;margin:24px 0}label{display:block;margin:16px 0}input,select,textarea{display:block;width:100%;padding:13px;color:inherit;margin-top:7px}button,input,select,textarea{font:inherit;border:1px solid #cbd7e0;border-radius:5px;background:white}button{padding:11px 20px;cursor:pointer;margin:5px;color:#203d55}.primary{background:#173f62;color:white;border-color:#173f62}button:disabled{opacity:.5;cursor:default}.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.listrow{display:flex;align-items:center;gap:12px;border-bottom:1px solid #e5ebf0;padding:24px 0;flex-wrap:wrap}.listmain{flex:1 1;min-width:240px}small{color:#5b7081}code,small{display:block}code{background:#eef3f7}.error,code{padding:16px}.error{color:#9c362b;background:#fff1ee}.archive-pagination{display:flex;align-items:center;justify-content:center;margin-top:20px}@media(max-width:600px){.profile-grid{grid-template-columns:1fr;gap:0}main{padding:16px!important}.listing,form{padding:18px!important}.listmain{flex-basis:100%}}