body{
  margin:0;
  background:#f6f8fb;
  font-family:system-ui;
}

/* sidebar */
.sidebar{
  position:fixed;
  width:220px;
  height:100%;
  background:#0f172a;
  color:#fff;
  padding-top:20px;
}

.sidebar button{
  width:100%;
  border:none;
  background:none;
  color:#cbd5e1;
  padding:12px;
  text-align:left;
}

.sidebar button.active{
  background:#2563eb;
  color:#fff;
}

/* main */
.main{
  margin-left:240px;
  padding:30px;
  max-width:1000px;
}

/* card */
.cardx{
  background:#fff;
  border-radius:12px;
  padding:20px;
  margin-bottom:20px;
  border:1px solid #e5e7eb;
}

.title{
  font-size:16px;
  font-weight:700;
  border-left:4px solid #2563eb;
  padding-left:10px;
  margin-bottom:15px;
}

/* form label */
.form-label{
  font-size:13px;
  color:#64748b;
}

/* terminal */
.terminal{
  background:#0b0f14;
  color:#d1d5db;
  font-family:monospace;
  font-size:13px;
  padding:14px;
  border-radius:8px;
  border:1px solid #1f2937;
  white-space:pre;
  overflow-x:auto;
  margin-top:12px;
}