body { background: #F5F7FA; }
.brand { font-weight: 700; letter-spacing: .2px; }
.inv-no { font-variant-numeric: tabular-nums; font-weight: 600; color: #1F4E79; direction: ltr; unicode-bidi: isolate; }

.login-wrap { min-height: 70vh; display: flex; align-items: center; justify-content: center; }
.login-card { width: 100%; max-width: 380px; }
.f-label { display: block; font-size: .85rem; margin: 14px 0 6px; color: #4A5568; }
.f-input {
    width: 100%; box-sizing: border-box; padding: 11px 12px; font: inherit;
    border: 1px solid #CBD2DC; border-radius: 6px; background: #fff; color: #1B2430;
}
.f-input:focus { outline: 2px solid #1F4E79; outline-offset: -1px; border-color: #1F4E79; }

.logo-box {
    width: 96px; height: 96px; border: 1px dashed #CBD2DC; border-radius: 6px;
    display: flex; align-items: center; justify-content: center; background: #fff; overflow: hidden;
}
.logo-box img { max-width: 100%; max-height: 100%; object-fit: contain; }