@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600&display=swap');
body { font-family: 'Poppins', sans-serif; margin:0; background:#f5f7fb; }
.sidebar { width:250px; background:#0b2545; color:#f3e5f5; position:fixed; top:0; bottom:0; padding:20px; overflow:auto; }
.sidebar .company { font-size:20px; font-weight:600; margin-bottom:5px; }
.sidebar .branch { font-size:13px; color:#9fb0d1; margin-bottom:15px; }
.sidebar ul { list-style:none; padding:0; }
.sidebar ul li { margin:10px 0; }
.sidebar ul li a { color:#fff; text-decoration:none; display:block; padding:8px 10px; border-radius:6px; }
.sidebar ul li a:hover { background:#12325a; }
.main { margin-left:270px; padding:25px; }
.header { background:#fff; padding:12px 20px; border-bottom:1px solid #e6eef8; display:flex; align-items:center; justify-content:space-between; position:fixed; left:270px; right:0; top:0; }
.header .title { font-weight:600; color:#0b2545; }
.content { margin-top:72px; }
.card { background:#fff; padding:15px; border-radius:8px; box-shadow:0 1px 3px rgba(16,24,40,0.06); }
.login-body { background: linear-gradient(180deg,#05203a,#0b2545); height:100vh; display:flex; align-items:center; justify-content:center; }
.login-box { background:#fff; width:360px; padding:24px; border-radius:10px; text-align:center; }
.login-box .logo { width:84px; height:84px; object-fit:contain; margin-bottom:8px; }
.btn { background:#0b2545; color:#fff; padding:8px 12px; border:none; border-radius:6px; cursor:pointer; }
.table { width:100%; border-collapse:collapse; }
.table th, .table td { padding:8px; border:1px solid #eef5fb; text-align:left; }
@media (max-width:768px){ .sidebar{position:relative;width:100%;height:auto} .main{margin-left:0} .header{left:0} }