:root{font-family:Inter,system-ui,sans-serif;color:#17212b;background:#f5f7fa}*{box-sizing:border-box}body{margin:0}header{background:#102a43;color:#fff;padding:18px 32px;display:flex;justify-content:space-between;align-items:center}header h1{margin:0}header span,small{display:block;color:#829ab1;margin-top:4px}.content{max-width:1100px;margin:auto;padding:32px}section{margin-bottom:42px}.card{background:#fff;padding:18px;border-radius:10px;box-shadow:0 1px 4px #102a4315}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}article code{display:block;font-size:11px;margin-top:12px;overflow-wrap:anywhere}.actions{display:flex;gap:8px;margin-top:12px}.form-row{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:12px}input,select,button{padding:10px;border-radius:6px;border:1px solid #bcccdc;font:inherit}button{background:#167d9a;color:#fff;border:0;cursor:pointer}.danger{background:#b42318}.membership{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #e6edf3}.login{max-width:440px;margin:12vh auto}.login form{display:grid;gap:14px}.error{color:#b42318}@media (max-width: 800px){.form-row{grid-template-columns:1fr}.content{padding:18px}}