.modal { position: relative; }
.modal > h2 { padding-right:48px }
.modal-close { position:absolute;top:18px;right:18px;z-index:2;width:34px;height:34px;padding:0;border:1px solid rgba(60,60,67,.12);border-radius:50%;background:rgba(118,118,128,.12);transition:background .14s,transform .14s }
.modal-close::before,.modal-close::after { content:"";position:absolute;top:50%;left:50%;width:14px;height:1.5px;border-radius:2px;background:#55555b }
.modal-close::before { transform:translate(-50%,-50%) rotate(45deg) }
.modal-close::after { transform:translate(-50%,-50%) rotate(-45deg) }
.modal-close:hover { background:rgba(118,118,128,.2);transform:scale(1.04) }
.modal-close:active { transform:scale(.94) }
.file-full-preview { display:block;max-width:100%;max-height:72vh;margin:16px auto 0;border-radius:14px;object-fit:contain;background:#f2f2f7 }
.file-pdf-preview { width:100%;height:72vh;margin-top:16px;border:0;border-radius:14px;background:#f2f2f7 }
.check-label { display:flex;align-items:center;gap:9px;min-height:42px;padding:10px 12px;border:1px solid var(--separator);border-radius:10px;background:#fff;color:var(--text);font-size:14px;letter-spacing:0 }
.check-label input { width:18px;height:18px;padding:0;accent-color:var(--blue) }
.sales-chart { margin-top:18px;padding:14px;border:1px solid var(--separator);border-radius:14px;background:#fbfbfc }
.chart-caption { display:flex;justify-content:space-between;gap:12px;margin-bottom:8px;color:var(--secondary);font-size:12px }.chart-caption span{font-weight:650;color:var(--text)}
.sales-chart svg { display:block;width:100%;height:auto;overflow:visible }.sales-chart text{fill:#8e8e93;font-size:11px}.sales-chart rect{transition:opacity .15s}.sales-chart rect:hover{opacity:.72}
[hidden] { display:none!important }