:root{--primary:#0b5ed7;--bg:#f4f6fb;--card:#fff}
*{box-sizing:border-box}
body{font-family:Inter,Arial,Helvetica,sans-serif;background:var(--bg);margin:0;color:#222}
.logo{height:34px;margin-right:8px}
.page-wrap{display:flex}
.sidebar a{color:#fff;text-decoration:none}
.main{margin-left:260px;padding:18px}
.card{background:var(--card);padding:16px;border-radius:8px;box-shadow:0 1px 4px rgba(0,0,0,0.04);margin-bottom:12px}
.table{width:100%;border-collapse:collapse}
.table th,.table td{padding:8px;border-bottom:1px solid #eee}
.btn{background:var(--primary);color:#fff;border:none;padding:8px 12px;border-radius:6px;text-decoration:none}
@media(max-width:900px){ .sidebar{position:relative;width:100%;min-height:auto} .main{margin-left:0;padding:10px} }