:root{--brand-red: #a43b45;--brand-pink: #e1c9cd;--brand-grey: #949497;--brand-dark: #1e1e1e;--page-width: 210mm;--page-height: 297mm;--header-height: 75px;--footer-height: 95px;--safe-content-height: 970px}*{box-sizing:border-box;-webkit-print-color-adjust:exact;print-color-adjust:exact}body{background-color:#f1f5f9;font-family:Inter,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin:0;display:flex;height:100vh;overflow:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}#editor-pane{width:440px;background:#fff;border-right:1px solid #e2e8f0;display:flex;flex-direction:column;padding:32px;box-shadow:4px 0 24px #0f172a0d;z-index:100;overflow-y:auto}h2.pane-title{color:var(--brand-red);margin-top:-15px;font-size:1.4rem;font-weight:800;letter-spacing:-.02em;display:flex;align-items:center;gap:10px;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid #e2e8f0}label{display:block;font-size:.75rem;font-weight:700;color:var(--brand-grey);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;margin-top:18px}input,textarea,select{width:100%;padding:14px 16px;border:1px solid #cbd5e1;border-radius:8px;font-family:inherit;font-size:.95rem;background:#f8fafc;color:#1e293b;transition:all .3s ease}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--brand-red);background:#fff;box-shadow:0 0 0 3px #a43b4526}textarea{flex-grow:1;min-height:450px;resize:vertical;line-height:1.5}.btn-group{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:32px}.btn{color:#fff;border:none;padding:14px 16px;border-radius:8px;cursor:pointer;font-weight:700;width:100%;display:flex;justify-content:center;align-items:center;gap:8px;font-size:.95rem;transition:all .3s ease;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.btn-ai{background:linear-gradient(135deg,#7c3aed,#6d28d9);box-shadow:0 4px 14px #7c3aed4d}.btn-ai:hover{box-shadow:0 10px 20px -3px #7c3aed66;transform:translateY(-2px)}.btn-ai:active{transform:translateY(0)}.btn-save{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 14px #10b98133}.btn-save:hover{box-shadow:0 10px 20px -3px #10b9814d;transform:translateY(-2px)}.btn-save:active{transform:translateY(0)}.btn-print{background:linear-gradient(135deg,var(--brand-red) 0%,#832f37 100%);box-shadow:0 4px 14px #a43b4533}.btn-print:hover{box-shadow:0 10px 20px -3px #a43b454d;transform:translateY(-2px)}.btn-print:active{transform:translateY(0)}.btn-secondary{background:#f1f5f9;color:#475569;border:1px solid #cbd5e1;box-shadow:none}.btn-secondary:hover{background:#e2e8f0;color:#1e293b;transform:translateY(-1px)}#preview-pane{flex-grow:1;background:#cbd5e1;display:flex;flex-direction:column;align-items:center;overflow-y:auto;padding:40px;gap:25px;scroll-behavior:smooth}.page{width:var(--page-width);height:var(--page-height);background:#fff;box-shadow:0 4px 20px #00000026;position:relative;padding:18mm 20mm;display:flex;flex-direction:column;overflow:hidden;flex-shrink:0;break-after:page}.doc-header{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid var(--brand-pink);padding-bottom:15px;margin-bottom:12px;flex-shrink:0;height:var(--header-height)}.logo-img{height:65px;width:auto}.doc-title-meta{font-weight:800;color:var(--brand-red);text-transform:uppercase;font-size:.85rem;letter-spacing:.8px;text-align:right;max-width:60%}.content{flex-grow:1;color:#334155;font-size:var(--doc-font-size, 11pt);line-height:var(--doc-line-height, 1.6);overflow:hidden;display:block}.content p,.content ul,.content ol{margin-bottom:var(--doc-paragraph-spacing, 1rem)}.content h1,.content h2,.content h3,.content h4{margin-bottom:calc(var(--doc-paragraph-spacing, 1rem) * .75)}.content table{width:100%;border-collapse:collapse;margin:20px 0;font-size:10pt;border:1px solid #e2e8f0}.content th{background:var(--brand-red);color:#fff;padding:12px 10px;text-align:left;font-weight:600}.content td{border-bottom:1px solid #e2e8f0;padding:10px;vertical-align:top}.content tr:nth-child(2n){background-color:#fbfbfc}.content ul,.content ol{page-break-inside:avoid;margin-bottom:15px;padding-left:22px}.content li{margin-bottom:8px;position:relative}.content h1{color:var(--brand-red);font-size:22pt;margin-bottom:12px;font-weight:800;line-height:1.2}.content h2{color:var(--brand-grey);font-size:15pt;margin-top:24px;margin-bottom:12px;page-break-after:avoid;font-weight:700;border-left:4px solid var(--brand-red);padding-left:12px;text-transform:uppercase;letter-spacing:.5px}.content h3{color:var(--brand-dark);font-size:12pt;margin-top:18px;margin-bottom:8px;font-weight:700}.content p{margin-bottom:14px;text-align:justify;-webkit-hyphens:auto;hyphens:auto}.content strong{color:var(--brand-dark);font-weight:700}.content img{max-width:75%;max-height:65mm;height:auto;margin:20px auto;border:1px solid #e2e8f0;display:block;object-fit:contain;border-radius:4px;box-shadow:0 2px 8px #0000000d}.doc-footer{border-top:1px solid var(--brand-pink);padding-top:15px;margin-top:auto;display:flex;justify-content:space-between;font-size:7.8pt;color:var(--brand-grey);flex-shrink:0;height:var(--footer-height)}.footer-left{display:flex;flex-direction:column;gap:3px}.footer-right{text-align:right;display:flex;flex-direction:column;gap:3px}.footer-brand{font-weight:800;color:var(--brand-dark);font-size:8.5pt;margin-bottom:2px}#status-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#ffffffd9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:none;flex-direction:column;justify-content:center;align-items:center;z-index:10000;text-align:center}.hg-spinner{width:60px;height:60px;border:6px solid var(--brand-pink);border-top:6px solid var(--brand-red);border-radius:50%;animation:hg-spin .8s cubic-bezier(.4,0,.2,1) infinite;margin-bottom:30px}#status-text{color:var(--brand-red);font-weight:700;font-size:1.2rem;transition:opacity .4s ease;height:1.5em;max-width:600px;padding:0 20px}@keyframes hg-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.signature-grid{margin-top:40px;display:flex;flex-wrap:wrap;gap:30px;width:100%}.signature-block{flex:1;min-width:200px;display:flex;flex-direction:column;gap:12px;padding:20px;border:1px solid #e2e8f0;border-radius:8px;background:#fbfbfc}.signature-row{display:flex;flex-direction:column;gap:4px;margin-bottom:8px}.signature-line{border-bottom:1px solid #94a3b8;height:35px;width:100%}.signature-label{font-size:8pt;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.5px}@media screen and (max-width:900px){body{flex-direction:column}#mobile-tabs{display:block!important}#editor-pane{width:100%;flex-grow:1;padding:20px}#preview-pane{width:100%;padding:20px;align-items:center}.page{zoom:.6}.btn-group{display:flex;flex-direction:column}}@media print{@page{size:A4 portrait;margin:0}body{background:#fff;display:block;height:auto;overflow:visible}#editor-pane,#mobile-tabs,#brand-dashboard,#library-dashboard,#team-dashboard-modal,#signature-pad-modal,#secure-pdf-viewer,#chat-drawer,#status-overlay{display:none!important}#preview-pane{padding:0;background:#fff;gap:0;display:block;width:100%;overflow:visible}.page{box-shadow:none;margin:0;width:100%;height:297mm;page-break-after:always;border:none}.page:last-child{page-break-after:auto}}.brand-tooltip-wrapper{position:relative;display:inline-block;cursor:help}.brand-tooltip-wrapper:after{content:attr(data-tooltip);position:absolute;bottom:-15px;left:80%;transform:translate(-50%) translateY(100%);background:#fffaeb;color:#92400e;padding:12px 18px;border-radius:12px;font-size:.85rem;font-weight:600;line-height:1.4;white-space:normal;width:max-content;max-width:250px;box-shadow:0 10px 25px -5px #f59e0b33;border:2px solid #fde68a;opacity:0;visibility:hidden;transition:all .3s cubic-bezier(.34,1.56,.64,1);z-index:10000;pointer-events:none;text-align:center}.brand-tooltip-wrapper:before{content:"";position:absolute;bottom:-15px;left:80%;transform:translate(-50%);border-width:8px;border-style:solid;border-color:transparent transparent #fde68a transparent;opacity:0;visibility:hidden;transition:all .3s cubic-bezier(.34,1.56,.64,1);z-index:10001;pointer-events:none}.brand-tooltip-wrapper:hover:after,.brand-tooltip-wrapper:hover:before{opacity:1;visibility:visible;bottom:-5px}