:root { font-family: system-ui, sans-serif; color: #172026; background: #f6f7f9; }
body { margin: 0; }
main { max-width: 880px; margin: 40px auto; padding: 0 20px; }
form { display: grid; grid-template-columns: 1fr 180px auto; gap: 8px; margin-bottom: 12px; }
#login-form { grid-template-columns: 1fr auto; }
input, select, button, textarea { font: inherit; padding: 10px; border: 1px solid #ccd3dd; border-radius: 8px; }
button { background: #111827; color: white; cursor: pointer; }
.toolbar { display: flex; justify-content: space-between; align-items: center; margin-bottom: 16px; color: #667085; }
.toolbar button { background: white; color: #111827; }
.item { background: white; border: 1px solid #e1e5ea; border-radius: 12px; padding: 14px; margin: 10px 0; }
.item a { color: #2563eb; overflow-wrap: anywhere; }
.meta { color: #667085; font-size: 0.9rem; }
@media (max-width: 700px) { form { grid-template-columns: 1fr; } }