.docs-hero{background:linear-gradient(135deg,#102a43 0%,#163b5c 62%,#0f766e 100%);color:#fff;padding:54px 0 42px}.docs-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:22px;align-items:center}.docs-hero h1{font-size:clamp(30px,5vw,52px);margin:.25rem 0 .65rem}.docs-hero p{max-width:760px;color:#dce8f1;font-size:17px;line-height:1.8}.docs-badge{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.22);border-radius:18px;padding:18px;backdrop-filter:blur(8px)}.docs-badge strong{display:block;font-size:17px}.docs-badge small{display:block;color:#cbdbe7;margin-top:6px;line-height:1.6}.docs-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.docs-card{display:block;background:#fff;border:1px solid #dfe8ef;border-radius:18px;padding:20px;text-decoration:none;color:#17324a;box-shadow:0 10px 30px rgba(16,42,67,.07);transition:.2s}.docs-card:hover{transform:translateY(-3px);box-shadow:0 16px 38px rgba(16,42,67,.12)}.docs-card .ico{width:50px;height:50px;border-radius:14px;display:grid;place-items:center;background:#eef7f6;font-size:27px}.docs-card h2,.docs-card h3{margin:14px 0 8px}.docs-card p{color:#64748b;line-height:1.7}.docs-pill{display:inline-flex;gap:6px;align-items:center;background:#e9f8f2;color:#08775e;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:800}.docs-work{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:18px;align-items:start}.docs-panel{background:#fff;border:1px solid #dfe7ed;border-radius:18px;padding:18px;box-shadow:0 10px 30px rgba(16,42,67,.06)}.docs-side{display:grid;gap:14px;position:sticky;top:90px}.docs-drop{border:2px dashed #cbd8e3;border-radius:16px;padding:24px;text-align:center;background:#f8fbfd}.docs-drop input{display:none}.docs-drop label{cursor:pointer;display:block}.docs-drop .big{font-size:34px;display:block;margin-bottom:8px}.docs-status{margin-top:10px;border-radius:12px;padding:10px 12px;background:#eef7ff;color:#194b73;font-size:13px}.docs-status.ok{background:#eaf8f2;color:#08775e}.docs-status.err{background:#fff0f0;color:#9e2a2a}.docs-preview{margin-top:14px;background:#eef3f7;border:1px solid #d8e2ea;border-radius:14px;overflow:hidden;min-height:390px}.docs-preview iframe{width:100%;height:520px;border:0;background:#fff}.docs-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.docs-field label{display:block;font-size:13px;font-weight:800;margin-bottom:6px}.docs-field input,.docs-field select{width:100%;border:1px solid #cfd9e2;border-radius:10px;padding:10px;background:#fff;box-sizing:border-box}.signature-shell{border:1px solid #d6e0e8;border-radius:16px;background:#fff;overflow:hidden}.signature-pad{width:100%;height:220px;display:block;touch-action:none;background:linear-gradient(#fff,#fbfdff)}.signature-tools{display:flex;gap:8px;flex-wrap:wrap;padding:10px;border-top:1px solid #e6edf2;background:#f8fafc}.docs-btn{border:0;border-radius:10px;padding:10px 14px;cursor:pointer;font-weight:800;background:#102a43;color:#fff}.docs-btn.secondary{background:#eaf0f5;color:#17324a}.docs-btn.green{background:#0f766e}.docs-btn.red{background:#b42318}.docs-btn:disabled{opacity:.5;cursor:not-allowed}.position-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.position-grid button{border:1px solid #ccd8e2;background:#fff;border-radius:9px;padding:9px 4px;cursor:pointer}.position-grid button.active{background:#102a43;color:#fff;border-color:#102a43}.page-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin-top:14px}.page-chip-doc{background:#fff;border:1px solid #d9e3eb;border-radius:14px;padding:11px;cursor:grab;box-shadow:0 4px 14px rgba(16,42,67,.05)}.page-chip-doc.sortable-ghost{opacity:.35}.page-chip-doc .handle{font-size:18px;color:#72879a}.page-chip-doc strong{display:block;margin:5px 0}.page-chip-doc small{display:block;color:#6b7f90;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.page-actions{display:flex;gap:6px;margin-top:9px}.page-actions button{flex:1;border:1px solid #d5e0e8;background:#f8fafc;border-radius:8px;padding:7px;cursor:pointer}.photo-stage{min-height:460px;background:#0d1721;border-radius:16px;overflow:hidden;display:grid;place-items:center;padding:10px}.photo-stage img{display:block;max-width:100%}.photo-actions{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.ratio-btn{border:1px solid #ccd9e2;background:#fff;border-radius:999px;padding:8px 12px;cursor:pointer;font-weight:700}.ratio-btn.active{background:#102a43;color:#fff}.docs-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.docs-kpi{background:#f7fafc;border:1px solid #e1e9ef;border-radius:12px;padding:10px;text-align:center}.docs-kpi small{display:block;color:#718292}.docs-kpi b{display:block;margin-top:3px;color:#153550}.docs-note{background:#f8fafc;border:1px solid #dfe7ed;border-radius:14px;padding:13px;line-height:1.7;color:#526779}.docs-note.warn{background:#fff8e8;border-color:#f1d79b;color:#785a16}.docs-note.green{background:#edf9f4;border-color:#bae4d3;color:#146b58}.docs-result-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}@media(max-width:920px){.docs-hero-grid,.docs-work{grid-template-columns:1fr}.docs-side{position:static}.docs-grid{grid-template-columns:1fr}.docs-preview iframe{height:460px}}@media(max-width:600px){.docs-fields{grid-template-columns:1fr}.docs-kpis{grid-template-columns:1fr}.page-list{grid-template-columns:repeat(2,minmax(0,1fr))}.photo-stage{min-height:350px}.signature-pad{height:190px}}