.xml-invoice-page{background:#f8fbff}.xml-viewer-hero{overflow:hidden;padding:58px 0 38px;background:radial-gradient(circle at 78% 10%,#e7f2ff 0,transparent 34%),linear-gradient(135deg,#fff,#f6faff)}.xml-viewer-hero__grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:60px;align-items:center}.xml-viewer-badge{display:inline-flex;align-items:center;gap:7px;margin:0 0 14px;padding:7px 11px;border-radius:999px;color:#08775b;background:#dff7ed;font-size:12px;font-weight:750}.xml-viewer-hero h1{margin:0;color:#09213f;font-size:clamp(38px,5vw,60px);line-height:1.05;letter-spacing:-.045em}.xml-viewer-hero .lead{max-width:820px;margin:18px 0 0;color:#526980;font-size:18px;line-height:1.55}.xml-trust-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:30px}.xml-trust-row>div{display:flex;align-items:center;gap:10px}.xml-trust-row>div>span{display:grid;flex:0 0 42px;width:42px;height:42px;place-items:center;border:1px solid #bcd8fb;border-radius:50%;color:#0768ee;background:#fff}.xml-trust-row p,.xml-trust-row strong,.xml-trust-row small{display:block;margin:0}.xml-trust-row strong{color:#18324f;font-size:11px}.xml-trust-row small{margin-top:3px;color:#6f8195;font-size:9px}.xml-hero-visual{display:flex;align-items:center;justify-content:center;gap:17px;color:#0a70ed}.xml-hero-visual div{display:grid;width:105px;height:125px;place-items:center;border:2px solid #c7ddfb;border-radius:15px;background:#f3f8ff;box-shadow:0 12px 30px rgba(7,75,160,.08);font-size:27px;font-weight:800}.xml-hero-visual span{position:absolute;margin:-135px 0 0 -155px;padding:9px 13px;border-radius:8px;color:#fff;background:#0877f9;font-weight:800;box-shadow:0 8px 18px rgba(7,104,238,.25)}.xml-hero-visual b{font-size:38px}.xml-hero-visual .is-invoice{color:#17a875;background:#fff}.xml-viewer-section{padding-top:24px}.xml-viewer{display:grid;grid-template-columns:310px minmax(0,1fr);gap:14px;align-items:start}.xml-controls,.xml-preview-column{border:1px solid #dde7f1;border-radius:16px;background:#fff;box-shadow:0 10px 34px rgba(12,49,88,.06)}.xml-controls{position:sticky;top:88px;padding:14px}.xml-dropzone{display:grid;justify-items:center;padding:35px 18px;border:1.5px dashed #9fc6f8;border-radius:13px;background:#fbfdff;text-align:center;cursor:pointer;transition:.2s}.xml-dropzone.is-dragging{border-color:#0768ee;background:#edf6ff}.xml-dropzone__icon{display:grid;width:52px;height:52px;place-items:center;border-radius:50%;color:#0768ee;background:#e8f2ff}.xml-dropzone h2{margin:16px 0 5px;color:#142e4b;font-size:16px}.xml-dropzone p{margin:0 0 17px;color:#6d7f93;font-size:11px}.xml-privacy-note{display:grid;gap:3px;margin:13px 0;padding:12px;border-radius:11px;color:#50677e;background:#eef7ff;font-size:9px;line-height:1.5}.xml-privacy-note strong{color:#13518c;font-size:10px}.xml-file-card{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid #dfe8f1;border-radius:11px}.xml-file-card>span{color:#0b70e9}.xml-file-card p,.xml-file-card strong,.xml-file-card small{display:block;min-width:0;margin:0}.xml-file-card strong{overflow:hidden;color:#193550;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.xml-file-card small{margin-top:3px;color:#75859a;font-size:9px}.xml-viewer-actions{display:grid;gap:8px;margin-top:13px}.xml-preview-column{min-width:0;padding:12px}.xml-viewer-status{display:flex;align-items:center;gap:11px;margin-bottom:12px;padding:12px 14px;border-radius:11px}.xml-viewer-status>span{display:grid;flex:0 0 30px;width:30px;height:30px;place-items:center;border-radius:50%;font-weight:900}.xml-viewer-status strong,.xml-viewer-status small{display:block}.xml-viewer-status strong{font-size:11px}.xml-viewer-status small{margin-top:3px;font-size:9px}.xml-viewer-status.is-loading{color:#175792;background:#edf5ff}.xml-viewer-status.is-success{color:#087653;background:#e8f9f1}.xml-viewer-status.is-error{color:#a33d47;background:#fff0f1}.xml-preview{position:relative;min-height:720px;overflow:auto;border:1px solid #e0e8f1;border-radius:12px;background:#f1f4f8}.xml-preview-message{display:grid;justify-items:center;align-content:center;min-height:720px;padding:35px;color:#697c91;text-align:center}.xml-preview-message>span{display:grid;width:76px;height:76px;place-items:center;border-radius:20px;color:#1475e8;background:#e2efff;font-weight:900}.xml-preview-message h2{margin:18px 0 7px;color:#233d59;font-size:18px}.xml-preview-message p{max-width:420px;margin:0;font-size:11px;line-height:1.6}.xml-preview-message.is-error>span{display:none}.xml-preview-message.is-error .button{margin-top:18px}.xml-invoice-frame{display:block;width:100%;min-width:760px;height:1050px;border:0;background:#fff}.xml-seo-section{padding-top:20px}.xml-content-grid{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:28px}.xml-related{align-self:start;padding:20px;border:1px solid #dce6ef;border-radius:15px;background:#fff}.xml-related h2{margin:0 0 11px;font-size:17px}.xml-related a{display:flex;justify-content:space-between;padding:11px 0;border-bottom:1px solid #e8eef4;color:#1268bf;font-size:11px;font-weight:700;text-decoration:none}.xml-faq{max-width:900px}.xml-faq details{border-bottom:1px solid #dce5ee}.xml-faq summary{padding:16px 0;color:#173550;font-weight:750;cursor:pointer}.xml-faq p{margin:0 0 16px;color:#64778b;line-height:1.65}
@media(max-width:980px){.xml-viewer-hero__grid{grid-template-columns:1fr}.xml-hero-visual{display:none}.xml-viewer{grid-template-columns:1fr}.xml-controls{position:static}.xml-content-grid{grid-template-columns:1fr}.xml-related{width:100%}}
@media(max-width:640px){.xml-viewer-hero{padding-top:35px}.xml-viewer-hero h1{font-size:39px}.xml-viewer-hero .lead{font-size:15px}.xml-trust-row{grid-template-columns:1fr}.xml-preview{min-height:580px}.xml-preview-message{min-height:580px}.xml-invoice-frame{height:850px}.xml-controls,.xml-preview-column{border-radius:12px}.xml-viewer-section .container{padding-inline:12px}}
@media print{body>*{display:none!important}.xml-viewer-section,.xml-viewer-section *{display:block!important}.xml-controls,.xml-viewer-status{display:none!important}.xml-viewer,.xml-preview-column,.xml-preview{border:0!important;box-shadow:none!important;padding:0!important;margin:0!important}.xml-invoice-frame{width:100%!important;min-width:0!important;height:100vh!important}}
