.bop-front{--bop-navy:#1a1858;--bop-orange:#fa751b;--bop-bg:#f5f5f7;--bop-line:#e2e3e8;--bop-text:#252638;max-width:1280px;margin:0 auto 48px;color:var(--bop-text);font-family:Inter,Montserrat,Arial,sans-serif}.bop-front *{box-sizing:border-box}.bop-front__hero{background:var(--bop-bg);padding:30px 24px 28px;text-align:center;border-top:4px solid var(--bop-orange)}.bop-front__title{margin:0 0 16px;color:var(--bop-navy);font-size:34px;line-height:1.15;font-weight:800}.bop-front__form{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}.bop-front__form label{color:var(--bop-navy);font-size:16px;font-weight:750}.bop-front__controls{display:flex;gap:8px}.bop-front__form input[type=date]{height:44px;border:1px solid #c8cad3;background:#fff;padding:0 14px;border-radius:7px;color:var(--bop-navy);font:inherit;font-weight:650;outline:none}.bop-front__form input[type=date]:focus{border-color:var(--bop-navy);box-shadow:0 0 0 3px rgba(26,24,88,.1)}.bop-front__form button{height:44px;border:0;border-radius:7px;background:var(--bop-navy);color:#fff;padding:0 22px;font:inherit;font-weight:750;cursor:pointer}.bop-front__form button:hover{background:#2a2776}.bop-front__form.is-loading button{opacity:.65;pointer-events:none}.bop-front__status{padding:24px 0;text-align:center}.bop-front__status.is-loading:before{content:"";display:inline-block;width:18px;height:18px;margin-right:9px;vertical-align:-4px;border:2px solid #d0d1d8;border-top-color:var(--bop-orange);border-radius:50%;animation:bop-spin .7s linear infinite}.bop-front__status.is-error{color:#a12626}.bop-front__status.is-empty{padding:28px;text-align:center;background:#fafafa;border:1px solid var(--bop-line);margin-top:20px}.bop-front__viewer{margin-top:24px;border:1px solid var(--bop-line);background:#fff}.bop-front__viewer-head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 18px;border-bottom:1px solid var(--bop-line);color:var(--bop-navy);font-size:15px;font-weight:750}.bop-front__viewer-head a{color:var(--bop-orange);font-size:14px;font-weight:800;text-decoration:none}.bop-front__viewer-head a:hover{text-decoration:underline}.bop-front__iframe{display:block;width:100%;min-height:800px;border:0;background:#fff}@keyframes bop-spin{to{transform:rotate(360deg)}}@media(max-width:680px){.bop-front__hero{padding:24px 16px}.bop-front__title{font-size:28px}.bop-front__form{display:block}.bop-front__form label{display:block;margin-bottom:10px}.bop-front__controls{justify-content:center}.bop-front__form input[type=date]{min-width:0;width:190px}.bop-front__viewer-head{align-items:flex-start;flex-direction:column}.bop-front__iframe{min-height:1000px}}