body { font-family: Arial, sans-serif; margin: 0; background: #f3f4f7; color: #1b2430; }
.app-shell { display: grid; grid-template-columns: 220px 1fr; min-height: 100vh; }
.sidebar { background: #12263a; color: #fff; padding: 1rem; }
.sidebar a { color: #d6e4ff; display: block; margin: 0.5rem 0; text-decoration: none; }
.content { padding: 1.5rem; }
.cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 1rem; margin-bottom: 1.5rem; }
.card { background: #fff; border-radius: 8px; padding: 1rem; box-shadow: 0 1px 4px rgba(0,0,0,.08); }
table { width: 100%; border-collapse: collapse; background: #fff; }
th, td { border: 1px solid #e2e8f0; padding: 0.6rem; text-align: left; }
.login-page { display: grid; place-items: center; min-height: 100vh; }
.login-card { background: #fff; padding: 2rem; width: 320px; border-radius: 8px; box-shadow: 0 8px 28px rgba(0,0,0,.12); }
label { display: block; margin-bottom: 0.8rem; }
input { width: 100%; padding: 0.5rem; margin-top: 0.2rem; }
button { padding: 0.6rem 0.8rem; background: #0f62fe; color: white; border: none; border-radius: 4px; }
.error { color: #b00020; }