body{margin:0;background:#1f2430;color:#eee;font-family:Segoe UI,Arial,sans-serif;display:flex}
.sidebar{width:240px;background:#222938;min-height:100vh;padding:20px;box-sizing:border-box}
.logo{font-size:30px;text-align:center;margin-bottom:15px}
.sidebar h2{margin:0 0 20px}
.sidebar ul{list-style:none;padding:0}
.sidebar li{margin:8px 0}
.sidebar a{display:block;padding:10px 14px;border-radius:8px;color:#fff;text-decoration:none}
.sidebar a:hover{background:#3b4456}
.content{flex:1;padding:30px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}
.tile,.card{background:#2b3342;border-radius:10px;padding:18px;box-shadow:0 2px 8px rgba(0,0,0,.25)}
.btn{display:inline-block;background:#4b74ff;color:#fff;padding:10px 14px;border-radius:8px;text-decoration:none}
table{width:100%;border-collapse:collapse}
th,td{padding:10px;border-bottom:1px solid #3c4658}
input{padding:10px;width:100%;box-sizing:border-box;border-radius:6px;border:1px solid #555;background:#181d27;color:#fff}


.topbar{display:flex;justify-content:space-between;align-items:center;
background:#2d3545;padding:14px 24px;margin:-30px -30px 25px -30px;
border-bottom:1px solid #444}
.badge{display:inline-block;background:#4caf50;padding:4px 10px;border-radius:20px;font-size:12px}
.card h3{margin-top:0}
.search{max-width:320px}

h1{margin-top:0}
.btn{margin-right:6px}