/* Simple modern layout */
body { background: #0f172a; color: #e2e8f0; font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, Helvetica, Arial, 'Apple Color Emoji','Segoe UI Emoji'; }
a { color: #93c5fd; }
.sidebar { width: 260px; background:#111827; position: fixed; top:0; bottom:0; left:0; padding:20px; box-shadow: 2px 0 10px rgba(0,0,0,.3); }
.brand { font-weight:700; font-size:1.2rem; margin-bottom:20px; }
.nav a { display:block; padding:10px 12px; border-radius:12px; margin-bottom:6px; text-decoration:none; color:#cbd5e1; }
.nav a.active, .nav a:hover { background:#1f2937; color:#fff; }
.content { margin-left:280px; padding:24px; }
.card { background:#111827; border-radius:16px; padding:16px; margin-bottom:16px; box-shadow: 0 4px 20px rgba(0,0,0,.25); }
.input, select, textarea { width:100%; background:#0b1220; border:1px solid #1f2937; color:#e2e8f0; border-radius:12px; padding:10px 12px; }
.button { background:#2563eb; color:#fff; border:none; padding:10px 16px; border-radius:12px; cursor:pointer; }
.button.secondary { background:#334155; }
.table { width:100%; border-collapse: collapse; }
.table th, .table td { padding:10px; border-bottom:1px solid #1f2937; }
.badge { padding:4px 8px; border-radius:999px; font-size:.8rem; }
.badge.green { background:#065f46; }
.badge.gray { background:#374151; }
.badge.red { background:#7f1d1d; }
.flex { display:flex; gap:12px; align-items:center; }
.grid { display:grid; gap:12px; }
.grid-2 { grid-template-columns: repeat(2,1fr); }
.grid-3 { grid-template-columns: repeat(3,1fr); }
@media(max-width: 900px){
  .sidebar { position: static; width:auto; }
  .content { margin-left:0; }
  .grid-2, .grid-3 { grid-template-columns: 1fr; }
}