body{
font-family: Arial;
background:#fff;
margin:0;
padding:20px;
position:relative;
}

.page{
width:900px;
margin:auto;
}

.header{
display:flex;
justify-content:space-between;
align-items:flex-start;
}

.logo{
font-size:48px;
font-weight:bold;
}

.title{
text-align:center;
}

.title h1{
margin:0;
color:#8b0000;
}

.title h2{
margin:0;
color:#003399;
}

.info{
font-size:14px;
line-height:22px;
}

.dispatch-table{
width:100%;
border-collapse:collapse;
margin-top:20px;
}

.dispatch-table th,
.dispatch-table td{
border:1px solid #000;
padding:6px;
font-size:14px;
text-align:center;
}

.dispatch-table th{
background:#eee;
}

.city{
color:#8b0000;
font-weight:bold;
}

.footer{
margin-top:40px;
}

.signatures{
display:flex;
justify-content:space-between;
margin-top:30px;
}

.sign-line{
width:200px;
border-top:1px solid black;
margin-bottom:5px;
}

.print-time{
margin-top:20px;
font-size:13px;
}

.mobile-label{
margin-left:28px;
}

#grandLrCount,
#grandParcel,
#grandKg,
#grandPaid,
#grandToPay{
font-weight:bold;
}


.preview-notice{
margin-top:12px;
padding:10px 12px;
border:1px solid #b91c1c;
background:#fef2f2;
color:#7f1d1d;
font-size:13px;
}

.toolbar{
display:flex;
justify-content:flex-end;
align-items:center;
gap:8px;
margin-top:10px;
}

.toolbar select{
min-width:180px;
padding:4px 6px;
}

.preview-notice a{
color:#1d4ed8;
}

.back-arrow{
position:absolute;
right:15px;
top:15px;
font-size:22px;
text-decoration:none;
color:black;
font-weight:bold;
}