@font-face{font-family:system-ui;src:local("Arial");}
body{background:#f4f7fb;font-family:Tahoma,Arial,sans-serif;color:#172033;}
.navbar{box-shadow:0 8px 30px rgba(15,23,42,.08)}
.hero{background:linear-gradient(135deg,#0f2747,#144d80);color:#fff;border-radius:28px;padding:48px 32px;}
.hero .lead{color:#d9e8ff}.card{border:0;border-radius:18px;box-shadow:0 10px 30px rgba(15,23,42,.06)}
.btn{border-radius:12px}.form-control,.form-select{border-radius:12px}.table{vertical-align:middle}.badge{border-radius:10px;padding:.55em .75em}
.stat-card{background:#fff;border-radius:18px;padding:22px;box-shadow:0 10px 30px rgba(15,23,42,.06)}
.label-box{width:70mm;height:40mm;background:#fff;color:#111;border:1.5px solid #111;border-radius:4px;padding:3mm;display:flex;gap:3mm;direction:rtl;font-family:Tahoma,Arial,sans-serif;overflow:hidden}
.label-left{flex:1;display:flex;flex-direction:column;justify-content:space-between}.label-title{font-size:10px;font-weight:700}.label-product{font-size:10px;font-weight:700}.label-code-title{font-size:10px;font-weight:700}.label-code{font-size:21px;font-weight:900;letter-spacing:.5px;direction:ltr;text-align:left}.label-footer{font-size:8px;text-align:center;border-top:1px solid #222;padding-top:2px}.label-logo{font-size:22px;font-weight:900}.label-qr img{width:31mm;height:31mm;display:block}.timeline{border-right:3px solid #e2e8f0;padding-right:16px}.timeline-item{position:relative;margin-bottom:14px}.timeline-item:before{content:"";position:absolute;right:-24px;top:4px;width:12px;height:12px;border-radius:50%;background:#0d6efd}
@media print{body{background:#fff}.no-print,.navbar,.footer{display:none!important}.card{box-shadow:none!important}.label-box{margin:0;page-break-inside:avoid}.container{max-width:100%!important}}