@font-face{font-family:USPreview;src:url('../../themes/alro-accounting/assets/fonts/saira.woff2') format('woff2');font-weight:300 700;font-style:normal;font-display:swap}
:root{color-scheme:light;--preview-bordeaux:#582c3f;--preview-ink:#29383f;--preview-muted:#5b656a;--preview-paper:#fff}
*{box-sizing:border-box}
body.us-preview{margin:0;min-height:100vh;min-height:100svh;display:grid;place-items:center;padding:58px 32px;background:var(--preview-bordeaux);color:var(--preview-ink);font:400 16px/1.65 USPreview,Arial,sans-serif}
.us-preview__layout{width:min(1120px,100%);display:grid;grid-template-columns:1fr 1fr;align-items:stretch;isolation:isolate}
.us-preview__panel{display:flex;flex-direction:column;min-width:0;background:var(--preview-paper);padding:46px 50px 30px;border-radius:12px 0 0 12px;box-shadow:0 20px 65px #1c0c162b}
.us-preview__brand{display:block;width:310px;max-width:100%;margin-bottom:43px}
.us-preview__brand img{display:block;width:100%;height:auto}
.us-preview__content{border-top:1px solid #d9d7d8;padding-top:27px}
.us-preview__eyebrow{margin:0 0 10px;font-size:11px;line-height:1.5;font-weight:500;letter-spacing:1.7px;text-transform:uppercase;color:var(--preview-bordeaux)}
h1{margin:0 0 12px;font-size:35px;line-height:1.18;font-weight:300;letter-spacing:-.5px}
.us-preview__intro{margin:0 0 25px;color:var(--preview-muted);font-size:15px;line-height:1.65;max-width:39ch}
.us-preview__form{display:grid;gap:17px}
.us-preview__field{display:grid;gap:6px}
.us-preview__field label{font-size:12px;font-weight:500;letter-spacing:.7px}
.us-preview__field input{width:100%;min-width:0;min-height:47px;border:1px solid #a8a5a8;border-radius:3px;background:#fff;padding:10px 12px;color:var(--preview-ink);font:400 16px/1.4 USPreview,Arial,sans-serif;box-shadow:none}
.us-preview__remember{display:flex;align-items:center;gap:8px;width:fit-content;min-height:30px;font-size:13px;color:var(--preview-muted);cursor:pointer}
.us-preview__remember input{width:17px;height:17px;margin:0;accent-color:var(--preview-bordeaux);cursor:pointer}
.us-preview__form button{display:flex;justify-content:space-between;align-items:center;gap:28px;width:100%;min-height:49px;padding:11px 18px;border:1px solid var(--preview-bordeaux);border-radius:3px;background:var(--preview-bordeaux);color:#fff;font:500 14px/1.5 USPreview,Arial,sans-serif;letter-spacing:.4px;cursor:pointer}
.us-preview__form button span{font-size:22px;line-height:1}
.us-preview__form button:hover{background:#3d1d2b;border-color:#3d1d2b}
a{color:inherit;text-underline-offset:4px;cursor:pointer}
a:hover{color:var(--preview-bordeaux)}
a:focus-visible,input:focus-visible,button:focus-visible{outline:3px solid #9d617b;outline-offset:4px}
.us-preview__help{margin:20px 0 0;font-size:12px;color:var(--preview-muted)}
.us-preview__help a{color:var(--preview-bordeaux);font-weight:500}
.us-preview__footer{margin:34px 0 0;font-size:11px;letter-spacing:.5px;color:var(--preview-muted)}
.us-preview__visual{position:relative;min-width:0;min-height:600px;margin:-16px 0 -16px;overflow:hidden;border-radius:12px;box-shadow:0 20px 65px #1c0c162b;background:#ccc}
.us-preview__visual>img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:100% center}
.us-preview__visual::after{position:absolute;inset:0;content:'';background:linear-gradient(180deg,transparent 55%,#17262b99 100%)}
.us-preview__caption{position:absolute;z-index:1;left:36px;right:30px;bottom:30px;display:grid;gap:3px;color:#fff;text-shadow:0 1px 12px #17262b66}
.us-preview__caption span{font-size:11px;letter-spacing:1.6px;text-transform:uppercase}
.us-preview__caption strong{font-size:29px;line-height:1.25;font-weight:300}
.us-preview__error{padding:12px 14px;margin:0 0 20px;border-left:3px solid var(--preview-bordeaux);background:#f7eff2;color:#582c3f;font-size:14px;line-height:1.5}
@media(max-width:950px){body.us-preview{padding:42px 24px}.us-preview__panel{padding:36px 30px 26px}.us-preview__brand{margin-bottom:32px}.us-preview__visual{min-height:580px}.us-preview__caption{left:26px;right:24px}.us-preview__caption strong{font-size:25px}h1{font-size:31px}}
@media(max-width:650px){body.us-preview{display:block;padding:30px 20px}.us-preview__layout{max-width:480px;margin:auto;grid-template-columns:1fr}.us-preview__panel{padding:30px 26px 25px;border-radius:12px 12px 0 0}.us-preview__brand{width:270px;margin-bottom:28px}.us-preview__content{padding-top:23px}.us-preview__intro{max-width:none;font-size:15px}.us-preview__visual{min-height:240px;margin:0;border-radius:0 0 12px 12px}.us-preview__visual>img{object-position:75% 35%}.us-preview__caption{left:26px;bottom:22px}.us-preview__caption strong{font-size:25px}.us-preview__footer{margin-top:25px}h1{font-size:32px}}
@media(prefers-reduced-motion:no-preference){.us-preview__layout{animation:preview-appear .45s ease-out both}.us-preview__form button{transition:background-color .2s ease,border-color .2s ease}@keyframes preview-appear{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}}