*{box-sizing:border-box}
body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#f4f6f8;color:#20242a}
.sidebar{position:fixed;left:0;top:0;bottom:0;width:235px;background:#1f2937;color:#fff;padding:22px 14px;z-index:10}
.brand{font-size:21px;font-weight:700;padding:0 12px 25px}
.sidebar a{display:block;color:#dbe3ee;text-decoration:none;padding:11px 12px;border-radius:6px;margin:4px 0}
.sidebar a:hover,.sidebar a.active{background:#374151;color:#fff}
.main{margin-left:235px;min-height:100vh}
.topbar{height:64px;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;padding:0 28px}
.content{max-width:1300px;margin:0 auto;padding:26px 28px}
h1{margin-top:0}
.top{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.card{background:#fff;border-radius:9px;padding:20px;margin:18px 0;box-shadow:0 1px 4px #dfe3e8}
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.metric small{color:#667085}.metric h2{margin:8px 0 0}
.btn{display:inline-block;background:#2563eb;color:#fff;padding:9px 13px;border-radius:6px;text-decoration:none;border:0;cursor:pointer}
.btn.gray{background:#667085}.btn.green{background:#15803d}.btn.red{background:#dc2626}
table{width:100%;border-collapse:collapse;background:#fff}
th,td{padding:11px 10px;border-bottom:1px solid #e7e9ed;text-align:left;vertical-align:top}
th{background:#f8fafc}
.form{max-width:760px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:15px}
label{display:block;margin:12px 0 5px;font-weight:600}
input,select,textarea{width:100%;padding:10px;border:1px solid #cfd5dc;border-radius:5px;font-size:14px}
textarea{min-height:90px}.muted{color:#667085}
@media(max-width:800px){.sidebar{width:190px}.main{margin-left:190px}.cards{grid-template-columns:1fr 1fr}}

.sidebar-bottom{position:absolute;left:14px;right:14px;bottom:18px;border-top:1px solid #374151;padding-top:10px}.sidebar-user{padding:8px 12px;color:#cbd5e1;font-size:13px}.login-error{background:#fff1f2;border:1px solid #fecdd3;color:#b42318;padding:10px 12px;border-radius:6px;margin-bottom:15px}