:root{
  --bg:#f6f9fc;
  --card:#ffffff;
  --accent:#0b84ff;
  --text:#1b2430;
}
*{box-sizing:border-box}
body{
  margin:0;
  font-family:Segoe UI, Tahoma, Arial, sans-serif;
  background:var(--bg);
  color:var(--text);
  padding:12px;
}
header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
header h1{margin:0;font-size:18px}
.top-actions{display:flex;align-items:center;gap:10px}
button{background:var(--accent);color:white;border:none;padding:8px 12px;border-radius:6px;cursor:pointer}
button[disabled]{opacity:0.6}
.card{background:var(--card);padding:12px;border-radius:10px;margin-bottom:12px;box-shadow:0 6px 20px rgba(18,44,78,0.06)}
form input, form textarea, form select{
  width:100%;padding:8px;margin-top:8px;border-radius:6px;border:1px solid #e3e7ee;background:#fff;
}
form textarea{min-height:70px}
.row{display:flex;justify-content:flex-end;margin-top:12px}
#lists{display:grid;grid-template-columns:1fr;gap:8px}
.list-item{padding:8px;border-radius:8px;border:1px solid #eef3fb;background:#fcfdff}
.list-item h4{margin:0 0 6px 0}
@media(min-width:800px){
  #lists{grid-template-columns:1fr 1fr}
}
footer{margin-top:18px;text-align:center;color:#6d7a88}