:root { font-family: Inter, system-ui, -apple-system, Segoe UI, sans-serif; color: #1f2937; background: #f6f7fb; }
* { box-sizing: border-box; }
body { margin: 0; }
.wrap { max-width: 1180px; margin: 0 auto; padding: 28px; }
header { display:flex; justify-content:space-between; gap:20px; align-items:center; margin-bottom: 22px; }
h1 { margin:0; font-size: clamp(30px, 4vw, 46px); }
p, .muted { color:#667085; }
.panel { background:white; border:1px solid #e5e7eb; border-radius:18px; padding:20px; margin-bottom:18px; box-shadow: 0 10px 25px rgba(0,0,0,.04); }
.hidden { display:none !important; }
.grid { display:grid; gap:18px; }
.grid.three { grid-template-columns: repeat(3, 1fr); }
.grid.two { grid-template-columns: repeat(2, 1fr); }
.cards { display:grid; grid-template-columns: repeat(6, 1fr); gap:14px; margin-bottom:18px; }
.cards > div { background:#111827; color:white; border-radius:18px; padding:18px; min-height: 95px; }
.cards span { display:block; color:#cbd5e1; font-size:14px; }
.cards strong { font-size:22px; word-break: break-word; }
form { display:grid; gap:10px; }
.inline-form { grid-template-columns: 1fr auto; margin-bottom: 10px; }
input, select, textarea { width:100%; border:1px solid #d1d5db; border-radius:12px; padding:11px; font:inherit; background: white; }
textarea { min-height:70px; resize:vertical; }
button, .btn { border:0; border-radius:12px; background:#2563eb; color:white; padding:11px 14px; font-weight:700; cursor:pointer; text-decoration:none; display:inline-block; text-align:center; }
button:hover, .btn:hover { filter: brightness(.96); }
.secondary { background:#374151; }
.small { padding:8px 10px; font-size: 14px; }
.auth-actions { display:flex; gap:10px; flex-wrap:wrap; }
.user { text-align:right; }
.user small { display:block; color:#667085; margin-bottom:8px; }
.list { display:grid; gap:10px; }
.item { border:1px solid #e5e7eb; border-radius:14px; padding:14px; display:grid; grid-template-columns: 1fr auto; gap:12px; align-items:center; }
.item h3 { margin:0 0 6px; }
.meta { color:#667085; font-size:14px; line-height: 1.4; }
.pill { background:#eef2ff; color:#3730a3; border-radius:999px; padding:4px 9px; margin-left:6px; font-size:12px; white-space: nowrap; }
.item-actions { display:flex; gap:8px; align-items: center; }
.danger { color:#b42318; }
ul { color:#475467; }
@media (max-width:1100px){ .cards { grid-template-columns: repeat(3, 1fr); } .grid.three { grid-template-columns: 1fr 1fr; } }
@media (max-width:760px){ .grid, .grid.three, .grid.two, .cards { grid-template-columns:1fr; } header { flex-direction:column; align-items:flex-start; } .user { text-align:left; } .inline-form { grid-template-columns:1fr; } .item { grid-template-columns: 1fr; } .item-actions { justify-content:flex-start; } }

.warning { color:#b54708; }