body{background:#f4f6fa;color:#172033}.login-bg{min-height:100vh;display:flex;align-items:center;background:linear-gradient(135deg,#10233f,#176b87)}.login-card{max-width:430px;margin:5vh auto;background:#fff;padding:32px;border-radius:20px;box-shadow:0 20px 60px #0002}.brand-icon{font-size:42px;margin-bottom:10px}.sidebar{background:#fff;min-height:calc(100vh - 56px);border-right:1px solid #e8ebf0}.sidebar a{display:block;padding:11px 12px;margin-bottom:5px;color:#27364b;text-decoration:none;border-radius:8px}.sidebar a:hover{background:#eaf1fb;color:#1456a0}.stat{background:#fff;padding:22px;border-radius:14px;box-shadow:0 4px 18px #14213d0a}.stat small{color:#667085}.stat h2{font-weight:800;margin:8px 0 0}.card{border:0;border-radius:14px;box-shadow:0 4px 18px #14213d0a}.camera-preview{width:100%;max-height:380px;object-fit:cover;background:#101828;border-radius:12px;transform:scaleX(-1)}@media(max-width:767px){.sidebar{min-height:auto;display:flex;overflow:auto;gap:5px}.sidebar a{white-space:nowrap}.container-fluid>.row>main{padding:18px!important}}