@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Caveat:wght@600&family=Dancing+Script:wght@700&display=swap";@import "https://fonts.googleapis.com/css2?family=Caveat:wght@600&family=Dancing+Script:wght@700&display=swap";:root{--slate-50:#f8fafc;--slate-100:#f1f5f9;--slate-200:#e2e8f0;--slate-300:#cbd5e1;--slate-400:#94a3b8;--slate-500:#64748b;--slate-600:#475569;--slate-700:#334155;--slate-800:#1e293b;--slate-900:#0f172a;--indigo-50:#eef2ff;--indigo-100:#e0e7ff;--indigo-500:#6366f1;--indigo-600:#4f46e5;--indigo-700:#4338ca;--primary:var(--indigo-600);--primary-hover:var(--indigo-700);--primary-light:var(--indigo-50);--secondary:#0ea5e9;--accent:#f43f5e;--bg-main:var(--slate-50);--bg-surface:#fff;--bg-sidebar:#fff;--text-primary:var(--slate-700);--text-heading:var(--slate-900);--text-muted:var(--slate-500);--text-inverse:#fff;--border-color:var(--slate-200);--border-light:var(--slate-100);--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--shadow-sm:0 1px 2px 0 #0f172a0d;--shadow-md:0 4px 6px -1px #0f172a0d, 0 2px 4px -1px #0f172a08;--shadow-lg:0 10px 15px -3px #0f172a0d, 0 4px 6px -2px #0f172a05;--shadow-xl:0 20px 25px -5px #0f172a0d, 0 10px 10px -5px #0f172a05;--shadow-3d:0 30px 60px -12px #0f172a26, 0 18px 36px -18px #0f172a1a;--shadow-primary:0 10px 15px -3px #4f46e540;--shadow-primary-glow:0 0 20px #4f46e54d;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-normal:.3s cubic-bezier(.4, 0, .2, 1);--transition-slow:.5s cubic-bezier(.4, 0, .2, 1)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUpFade{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideRight{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}@keyframes scaleInSubtle{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.animate-fade-in{animation:fadeIn var(--transition-normal) forwards}.animate-slide-up{animation:slideUpFade var(--transition-slow) cubic-bezier(.16, 1, .3, 1) forwards}.animate-scale-in{animation:scaleInSubtle var(--transition-slow) cubic-bezier(.16, 1, .3, 1) forwards}.hover-lift{transition:transform var(--transition-fast), box-shadow var(--transition-fast), border-color var(--transition-fast)}.hover-lift:hover{box-shadow:var(--shadow-md);border-color:var(--slate-300);transform:translateY(-2px)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-main);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:radial-gradient(at 0 0,#100f1508 0,#0000 50%),radial-gradient(at 50% 0,#2f3e6a08 0,#0000 50%),radial-gradient(at 100% 0,#72274108 0,#0000 50%);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.6}h1,h2,h3,h4,h5,h6{color:var(--text-heading);letter-spacing:-.02em;font-family:Outfit,sans-serif;font-weight:600}a{color:inherit;transition:color var(--transition-fast);text-decoration:none}button{cursor:pointer;border:none;outline:none;font-family:Inter,sans-serif}.btn{border-radius:12px;justify-content:center;align-items:center;gap:.5rem;padding:.85rem 1.5rem;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--indigo-500), var(--indigo-600));color:#fff;border:1px solid #0000;box-shadow:0 4px 14px #6366f14d}.btn-primary:hover{color:#fff;transform:translateY(-2px);box-shadow:0 6px 20px #6366f166}.btn-outline{color:var(--slate-700);border:1px solid var(--slate-300);background:0 0}.btn-outline:hover{background:var(--slate-50);border-color:var(--slate-400);transform:translateY(-2px)}.btn-sm{border-radius:8px;padding:.5rem 1rem;font-size:.85rem}.w-100{width:100%}.text-center{text-align:center}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}@media (width<=768px){.app-container{flex-direction:column}.main-content{height:calc(100vh - 70px);padding:1rem}}.app-container{background-color:var(--bg-main);width:100vw;height:100vh;display:flex;overflow:hidden}.main-content{flex:1;height:100vh;padding:2rem;position:relative;overflow-y:auto}@media (width<=768px){.app-container{flex-direction:column}.main-content{padding:1rem 1rem 85px}}@media print{html,body,#root,.app-container,.main-content{height:auto!important;min-height:auto!important;margin:0!important;padding:0!important;display:block!important;position:static!important;overflow:visible!important}.sidebar,.sidebar-nav,.sidebar-header,.sidebar-footer{display:none!important}}.glass-panel{-webkit-backdrop-filter:blur(16px);box-shadow:var(--shadow-sm);border-radius:var(--radius-xl);background:#ffffffd9;border:1px solid #ffffff80}.surface-panel{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm)}input,textarea{font-family:Inter,sans-serif}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#94a3b84d;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#94a3b899}.sidebar{background:var(--slate-900);border-right:1px solid #ffffff1a;flex-direction:column;width:280px;height:100vh;transition:all .3s;display:flex;position:sticky;top:0;box-shadow:4px 0 24px #0000001a}.sidebar-header{padding:2rem 1.5rem}.logo-container{align-items:center;gap:1rem;display:flex}.logo-icon{background:linear-gradient(135deg, var(--indigo-500), var(--indigo-700));color:#fff;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.5rem;font-weight:800;display:flex;box-shadow:0 4px 12px #6366f166}.logo-container h2{color:#fff;letter-spacing:-.5px;font-size:1.4rem;font-weight:700}.sidebar-nav{flex:1;padding:1rem;overflow-y:auto}.sidebar-nav ul{flex-direction:column;gap:.5rem;list-style:none;display:flex}.nav-link{color:var(--slate-400);border-radius:12px;align-items:center;gap:1rem;padding:.85rem 1.25rem;font-weight:500;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.nav-link:hover{color:var(--slate-200);background:#ffffff0d;transform:translate(4px)}.nav-link.active{color:#fff;background:linear-gradient(90deg,#6366f126 0%,#0000 100%);font-weight:600}.nav-link.active .nav-icon{color:var(--indigo-400);filter:drop-shadow(0 0 8px #6366f199)}.nav-icon{color:inherit;transition:all .3s}.active-indicator{color:var(--indigo-500);opacity:0;font-size:1.5rem;transition:opacity .3s;position:absolute;top:50%;left:0;transform:translateY(-50%)}.nav-link.active .active-indicator{opacity:1}.sidebar-footer{border-top:1px solid #ffffff1a;padding:1.5rem}.logout-btn{color:#fca5a5;cursor:pointer;background:#ef44441a;border:1px solid #ef444433;border-radius:12px;align-items:center;gap:1rem;width:100%;padding:.85rem 1.25rem;font-weight:500;transition:all .2s;display:flex}.logout-btn:hover{color:#fff;background:#ef444433;transform:translateY(-2px)}@media (width<=768px){.sidebar{z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172af2;border-top:1px solid #ffffff1a;border-right:none;flex-direction:row;justify-content:space-around;align-items:center;width:100%;height:70px;padding:0 .5rem;position:fixed;bottom:0;left:0;box-shadow:0 -4px 20px #0003}.sidebar-header{display:none}.sidebar-nav{flex:1;justify-content:space-around;align-items:center;width:100%;padding:0;display:flex;overflow-y:visible}.sidebar-nav ul{flex-direction:row;justify-content:space-around;align-items:center;gap:0;width:100%}.sidebar-nav ul li{flex:1;justify-content:center;display:flex}.nav-link{text-align:center;border-radius:8px;flex-direction:column;gap:.25rem;width:100%;padding:.5rem}.nav-icon{margin:0 auto}.nav-link span{font-size:.65rem;line-height:1;display:block}.active-indicator,.sidebar-footer{display:none}}.dashboard-view{flex-direction:column;gap:2rem;display:flex}.dash-panel{-webkit-backdrop-filter:blur(16px);background:#ffffffd9;border:1px solid #ffffff80;border-radius:20px;padding:1.5rem;box-shadow:0 4px 20px #00000008}.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;display:grid}.metric-card{flex-direction:column;gap:1rem;transition:transform .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden}.metric-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #00000014}.metric-header{color:var(--slate-500);align-items:center;gap:.75rem;font-size:.95rem;font-weight:500;display:flex}.metric-icon-box{border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.metric-icon-box.indigo{color:#6366f1;background:#6366f11a}.metric-icon-box.emerald{color:#10b981;background:#10b9811a}.metric-icon-box.amber{color:#f59e0b;background:#f59e0b1a}.metric-icon-box.rose{color:#e11d48;background:#e11d481a}.metric-value{color:var(--slate-900);margin:0;font-family:Outfit,sans-serif;font-size:2.25rem;font-weight:700;line-height:1.1}.chart-container{width:100%;height:350px;margin-top:1rem}.chart-header{margin-bottom:1rem}.chart-header h3{color:var(--slate-800);margin-bottom:.25rem;font-size:1.25rem}.chart-header p{color:var(--slate-500);font-size:.9rem}.recent-activity-list{flex-direction:column;gap:1rem;display:flex}.activity-item{border:1px solid var(--slate-200);background:#fff;border-radius:12px;justify-content:space-between;align-items:center;padding:1rem;transition:all .2s;display:flex}.activity-item:hover{border-color:var(--indigo-200);background:#f8fafc}.activity-info{align-items:center;gap:1rem;display:flex}.activity-icon{width:48px;height:48px;color:var(--slate-500);background:#f1f5f9;border-radius:10px;justify-content:center;align-items:center;display:flex}.activity-text h4{color:var(--slate-800);margin-bottom:.25rem;font-size:1rem}.activity-text p{color:var(--slate-500);margin:0;font-size:.85rem}.activity-status{border-radius:20px;padding:.25rem .75rem;font-size:.8rem;font-weight:600}.status-ativo{color:#065f46;background:#d1fae5}.status-draft{color:#475569;background:#f1f5f9}@media (width<=768px){.activity-item{flex-direction:column;align-items:flex-start;gap:1rem}.activity-item .btn{width:100%}.chart-container{height:250px}}.template-card{background-color:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-xl);flex-direction:column;gap:1.5rem;height:100%;display:flex;position:relative;overflow:hidden}.template-thumbnail{border-bottom:1px solid var(--border-light);background-position:top;background-size:cover;width:100%;height:160px}.template-card:before{content:"";background:linear-gradient(90deg, var(--primary), var(--secondary));opacity:0;height:4px;transition:opacity var(--transition-normal);position:absolute;top:0;left:0;right:0}.template-card:hover:before{opacity:1}.template-header{justify-content:space-between;align-items:center;margin-top:2rem;padding:0 2rem;display:flex}.template-category{text-transform:uppercase;letter-spacing:.08em;color:var(--primary);background-color:var(--primary-light);border-radius:var(--radius-full);padding:.35rem .85rem;font-size:.75rem;font-weight:700}.favorite-btn{color:var(--slate-300);transition:color var(--transition-fast), transform var(--transition-fast);background:0 0}.favorite-btn:hover{color:var(--warning);transform:scale(1.1)}.favorite-btn .filled{fill:var(--warning);color:var(--warning)}.template-content{flex:1;padding:0 2rem}.template-title{color:var(--slate-900);margin-bottom:.75rem;font-size:1.25rem;line-height:1.3}.template-desc{color:var(--slate-500);font-size:.95rem;line-height:1.5}.template-actions{border-top:1px solid var(--slate-100);gap:1rem;margin-top:auto;padding:1.5rem 2rem;display:flex}.page{max-width:1400px;margin:0 auto}.page-header{margin-bottom:2.5rem}.page-header h1{color:var(--slate-900);margin-bottom:.5rem;font-size:2.25rem}.text-muted{color:var(--slate-500);font-size:1.05rem}.library-controls{align-items:center;gap:1.5rem;margin-bottom:3rem;padding:1.5rem;display:flex}.search-bar{background:var(--slate-50);border:1px solid var(--border-light);border-radius:var(--radius-md);transition:all var(--transition-fast);flex:1;align-items:center;gap:1rem;padding:.875rem 1.25rem;display:flex}.search-bar:focus-within{background:var(--bg-surface);border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-light)}.search-icon{color:var(--slate-400)}.search-bar input{color:var(--slate-900);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:1.05rem}.search-bar input::placeholder{color:var(--slate-400)}.filter-btn{padding:.875rem 1.5rem}.templates-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;display:grid}@media (width<=768px){.library-controls{flex-direction:column}.search-bar{width:100%}.templates-grid{grid-template-columns:1fr}}.native-card{background:var(--bg-surface,#fff);border:1px solid var(--border-light,#e2e8f0);border-radius:12px;flex-direction:column;width:100%;transition:transform .3s,box-shadow .3s;display:flex;overflow:hidden;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008}.native-card:hover{transform:translateY(-4px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.card-thumbnail-wrapper{background:var(--slate-100,#f1f5f9);border-bottom:1px solid var(--border-light,#e2e8f0);width:100%;padding-top:56.25%;position:relative;overflow:hidden}.card-thumbnail-img{object-fit:cover;width:100%;height:100%;transition:transform .5s;position:absolute;top:0;left:0}.native-card:hover .card-thumbnail-img{transform:scale(1.05)}.card-badge{position:absolute;top:1rem;left:1rem}.card-badge span{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:var(--brand,#3b82f6);background:#fffffff2;border-radius:9999px;padding:.25rem .75rem;font-size:.75rem;font-weight:600;box-shadow:0 1px 2px #0000001a}.card-content{flex-direction:column;flex:1;padding:1.5rem;display:flex}.card-content h3{color:var(--slate-800,#1e293b);margin-bottom:.5rem;font-size:1.25rem;font-weight:700}.card-content p{color:var(--slate-600,#475569);flex:1;margin-bottom:1.5rem;font-size:.875rem;line-height:1.5}.card-actions-vertical{flex-direction:column;gap:.75rem;display:flex}.flex-center{justify-content:center;align-items:center;gap:.5rem;display:flex}.signatures-hub{max-width:1200px;margin:0 auto;padding:2rem}.hub-header{margin-bottom:2rem}.hub-header h1{color:#0f172a;margin-bottom:.5rem;font-size:1.8rem}.hub-header p{color:#64748b}.hub-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;box-shadow:0 4px 6px -1px #0000000d}.table-responsive{width:100%;overflow-x:auto}.signatures-table{border-collapse:collapse;text-align:left;width:100%}.signatures-table th{color:#475569;text-transform:uppercase;letter-spacing:.05em;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:1rem 1.5rem;font-size:.85rem;font-weight:600}.signatures-table td{vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:1.25rem 1.5rem}.signatures-table tr:last-child td{border-bottom:none}.signatures-table tr:hover{background:#f8fafc}.signatures-table .row-pending{background:#fffbeb}.signatures-table .row-pending:hover{background:#fef3c7}.badge-id{color:#64748b;background:#f1f5f9;border-radius:4px;padding:.25rem .5rem;font-family:monospace;font-size:.85rem}.text-small{color:#64748b;font-size:.85rem}.status-badge{border-radius:9999px;align-items:center;gap:.35rem;padding:.35rem .75rem;font-size:.85rem;font-weight:600;display:inline-flex}.status-badge.pending{color:#d97706;background:#fef3c7}.status-badge.approved{color:#15803d;background:#dcfce3}.btn-action{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-weight:500;transition:all .2s;display:inline-flex}.btn-action:hover{background:#f1f5f9;border-color:#94a3b8}.empty-state{text-align:center;color:#94a3b8;padding:4rem 2rem}.empty-state svg{color:#cbd5e1;margin-bottom:1rem}.empty-state p{color:#475569;margin-bottom:.5rem;font-size:1.1rem;font-weight:500}.review-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0f172abf;justify-content:center;align-items:center;width:100%;height:100vh;padding:2rem;display:flex;position:fixed;top:0;left:0}.review-modal{background:#f1f5f9;border-radius:12px;flex-direction:column;width:100%;max-width:900px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}.review-header{background:#fff;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:1.5rem 2rem;display:flex}.review-header h2{color:#0f172a;font-size:1.25rem}.review-actions{gap:.75rem;display:flex}.review-body{justify-content:center;padding:2rem;display:flex;overflow-y:auto}.signature-preview-paper{box-shadow:0 4px 6px -1px #0000001a;min-height:auto!important;padding:3rem!important}.btn-success{color:#fff;background:#10b981;border-color:#10b981}.btn-success:hover{background:#059669}.btn-danger{color:#fff;background:#ef4444;border-color:#ef4444}.btn-danger:hover{background:#dc2626}@media (width<=768px){.review-header{flex-direction:column;align-items:flex-start;gap:1rem}.review-actions{flex-wrap:wrap;width:100%}.review-actions button{flex:1}.review-modal-overlay{padding:0}.review-modal{border-radius:0;height:100vh;max-height:100vh}}.sign-canvas{cursor:crosshair;touch-action:none;width:100%;height:200px}.cursive-input{text-align:center;color:#1e293b;background:0 0;border:none;outline:none;width:100%;padding:2rem 0;font-family:Caveat,Dancing Script,cursive;font-size:3.5rem}@media (width<=768px){.sign-modal-overlay{padding:0}.sign-modal-box{border-radius:0;max-width:100vw;height:100vh;max-height:100vh}.sign-modal-content{flex:1;align-items:center;padding:1.5rem 1rem;display:flex}.canvas-wrapper{align-items:stretch;height:100%;display:flex}.cursive-input{font-size:2.5rem}.sign-canvas{height:100%;min-height:300px}}.editor-page{flex-direction:column;height:calc(100vh - 4rem);display:flex}.editor-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.header-left{align-items:center;gap:2rem;display:flex}.editor-title-group h1{font-size:1.5rem;line-height:1.2}.header-actions{gap:1rem;display:flex}.editor-workspace{flex:1;gap:1.5rem;min-height:0;display:flex}.editor-sidebar{background-color:var(--bg-surface);border-radius:var(--radius-xl);width:350px;box-shadow:var(--shadow-md);border:1px solid var(--border-light);flex-direction:column;gap:2rem;padding:1.5rem;display:flex;overflow-y:auto}.editor-section h3{border-bottom:1px solid var(--slate-100);color:var(--slate-900);margin-bottom:1rem;padding-bottom:.5rem;font-size:1rem}.form-group{flex-direction:column;gap:.5rem;margin-bottom:1rem;display:flex}.form-group label{color:var(--slate-700);font-size:.85rem;font-weight:600}.form-group input[type=text],.form-group textarea{border:1px solid var(--slate-200);border-radius:var(--radius-md);background-color:var(--slate-50);width:100%;color:var(--slate-900);transition:all var(--transition-fast);padding:.75rem 1rem;font-family:Inter,sans-serif;font-size:.9rem}.form-group input[type=text]:focus,.form-group textarea:focus{background-color:var(--bg-surface);border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-light);outline:none}.form-group textarea{resize:vertical;min-height:100px}.color-picker-wrapper{align-items:center;gap:1rem;display:flex}.color-picker-wrapper input[type=color]{cursor:pointer;width:40px;height:40px;box-shadow:var(--shadow-sm);border:none;border-radius:50%;padding:0}.color-picker-wrapper input[type=color]::-webkit-color-swatch-wrapper{padding:0}.color-picker-wrapper input[type=color]::-webkit-color-swatch{border:none;border-radius:50%}.color-value{background:var(--slate-100);border-radius:var(--radius-md);color:var(--slate-700);border:1px solid var(--slate-200);padding:.4rem .75rem;font-family:monospace;font-size:.9rem}.editor-preview-container{border-radius:var(--radius-xl);background-color:#d1d5db;background-image:radial-gradient(#9ca3af 1px,#0000 0);background-size:20px 20px;flex-direction:column;flex:1;align-items:center;gap:3rem;padding:2rem;display:flex;overflow-y:auto;box-shadow:inset 0 2px 10px #0000000d}.document-paper{width:100%;max-width:210mm;min-height:297mm;box-shadow:var(--shadow-3d);color:#111827;background-color:#fff;flex-shrink:0;padding:2.5cm;font-family:Inter,sans-serif;line-height:1.7}.doc-header{margin-bottom:4rem}.doc-company-name{color:var(--doc-color);letter-spacing:-.03em;margin-bottom:1.5rem;font-size:2rem;font-weight:800}.doc-divider{background-color:var(--doc-color);border-radius:3px;width:60px;height:6px}.doc-title{color:#111827;margin-bottom:4rem;font-size:2.25rem;font-weight:800}.doc-section{margin-bottom:2.5rem}.doc-section h3{color:var(--doc-color);margin-bottom:1.25rem;font-size:1.25rem;font-weight:700}.doc-section p{margin-bottom:1rem}.doc-section ul{margin-bottom:1rem;margin-left:1.5rem;list-style-type:disc}.doc-section li{margin-bottom:.5rem}.doc-subtitle{color:#4b5563;text-transform:uppercase;margin-top:1.5rem;font-size:.9rem;font-weight:700}.placeholder-text{color:var(--brand,#3b82f6);background:#eff6ff;border:1px dashed #bfdbfe;border-radius:4px;padding:0 4px;font-family:monospace;font-weight:600}.signature-section{margin-top:4rem}.signatures-flex{justify-content:space-between;gap:4rem;margin-bottom:2rem;display:flex}.signature-box{text-align:center;flex:1}.signature-line{background-color:#111827;width:100%;height:1px;margin-bottom:.5rem}.signature-role{color:#6b7280;margin-top:.25rem;font-size:.85rem}.signature-date{margin-top:3rem;font-weight:500}.doc-title-main{text-align:center;text-transform:uppercase;margin-bottom:3rem;font-size:1.75rem;font-weight:800}.doc-highlight-box{border-left:4px solid var(--doc-color);white-space:pre-wrap;color:#374151;background-color:#f3f4f6;border-radius:0 8px 8px 0;margin-top:1.5rem;padding:1.75rem;font-style:italic}.doc-footer{text-align:center;color:#9ca3af;border-top:1px solid #e5e7eb;margin-top:8rem;padding-top:2rem;font-size:.85rem}.presentation-container{flex-direction:column;align-items:center;gap:3rem;width:100%;display:flex}.slide{aspect-ratio:16/9;width:100%;max-width:1024px;box-shadow:var(--shadow-3d);background-color:#fff;flex-direction:column;flex-shrink:0;font-family:Outfit,sans-serif;display:flex;position:relative;overflow:hidden}.slide-cover{background-color:var(--brand-bg);color:#fff;justify-content:center;padding:4rem}.slide-content{z-index:2}.slide-logo{color:var(--brand-color);letter-spacing:.1em;text-transform:uppercase;margin-bottom:2rem;font-size:1.5rem;font-weight:800}.slide-title-main{margin-bottom:1.5rem;font-size:4.5rem;font-weight:800;line-height:1.1}.slide-slogan{color:#94a3b8;font-size:1.5rem}.slide-accent-bar{background-color:var(--brand-color);width:100%;height:20px;position:absolute;bottom:0;left:0}.slide-contact-info p{color:#94a3b8;margin-bottom:.5rem;font-size:1.5rem}.slide-normal{background-color:#f8fafc;padding:4rem}.slide-header{margin-bottom:3rem}.slide-header h2{color:var(--brand-bg);margin-bottom:1rem;font-size:3rem}.slide-divider{background-color:var(--brand-color);width:80px;height:6px}.slide-body{flex:1}.slide-text{color:#475569;margin-bottom:2rem;font-size:1.5rem;line-height:1.5}.slide-list{color:#475569;margin-bottom:2rem;font-size:1.25rem;line-height:1.8;list-style:none}.slide-list strong{color:var(--brand-bg)}.slide-metrics{gap:2rem;display:flex}.metric-box{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;padding:1.5rem 2rem;display:flex}.metric-number{color:var(--brand-color);font-size:2rem;font-weight:800}.metric-label{color:#64748b;font-size:1.1rem;font-weight:600}.services-grid{grid-template-columns:repeat(4,1fr);gap:1.5rem;display:grid}.service-card{background-color:var(--brand-bg);color:#fff;text-align:center;box-shadow:var(--shadow-md);border-radius:12px;justify-content:center;align-items:center;min-height:120px;padding:2rem 1.5rem;font-size:1.25rem;font-weight:600;display:flex}@media print{@page{size:A4;margin:2cm}body *{visibility:hidden}.document-paper,.document-paper *,.presentation-container,.presentation-container *{visibility:visible}.editor-page{height:auto!important;display:block!important}.editor-preview-container{width:100%!important;box-shadow:none!important;background:0 0!important;margin:0!important;padding:0!important;display:block!important;position:static!important}.editor-sidebar,.editor-header{display:none!important}.document-paper{box-shadow:none!important;width:100%!important;max-width:none!important;min-height:auto!important;padding:0!important;position:static!important}.doc-section{page-break-inside:auto}h3{page-break-after:avoid}.signature-section{page-break-inside:avoid}.presentation-container{align-items:flex-start;gap:0}.slide{box-shadow:none;page-break-after:always;page-break-inside:avoid;aspect-ratio:auto;width:297mm;max-width:none;height:210mm}}@media (width<=1024px){.editor-page{height:auto;min-height:calc(100vh - 4rem)}.editor-header{flex-direction:column;align-items:stretch;gap:1rem}.header-left{flex-flow:wrap}.editor-workspace{flex-direction:column-reverse}.editor-sidebar{width:100%;height:auto;max-height:none}.editor-preview-container{padding:1rem}.document-paper{min-height:auto;padding:2rem}}@media (width<=640px){.document-paper{padding:1.5rem;font-size:.95rem}.doc-title-main{margin-bottom:2rem;font-size:1.25rem}.doc-section h3{margin-bottom:1rem;font-size:1.1rem}.signatures-flex{flex-direction:column;gap:3rem}.signature-box{width:100%;margin-bottom:1rem}}.settings-page{max-width:1000px;margin:0 auto;padding:2rem}.settings-header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.settings-header h1{color:#0f172a;margin-bottom:.5rem;font-size:1.8rem}.settings-header p{color:#64748b}.settings-content{flex-direction:column;gap:2rem;display:flex}.settings-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;box-shadow:0 4px 6px -1px #0000000d}.card-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;align-items:center;gap:.75rem;padding:1.5rem;display:flex}.card-header h2{color:#1e293b;font-size:1.1rem;font-weight:600}.card-icon{color:#3b82f6}.card-body{flex-direction:column;gap:1.5rem;padding:1.5rem;display:flex}.form-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;display:grid}.form-group.full-width{grid-column:1/-1}.form-group label{color:#475569;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;font-size:.85rem;font-weight:600;display:block}.form-group input[type=text],.form-group input[type=email]{color:#1e293b;background:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;width:100%;padding:.75rem 1rem;font-size:.95rem;transition:all .2s}.form-group input[type=text]:focus,.form-group input[type=email]:focus{background:#fff;border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.signature-uploader{align-items:flex-start;gap:1.5rem;margin-top:.5rem;display:flex}.upload-btn{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#64748b;cursor:pointer;background:#f1f5f9b3;border:2px dashed #cbd5e1;border-radius:12px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:.5rem;width:150px;height:120px;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex}.upload-btn:hover{color:#3b82f6;background:#e2e8f0cc;border-color:#3b82f6;transform:translateY(-2px);box-shadow:0 10px 15px -3px #3b82f61a}.upload-btn span{text-align:center;padding:0 .5rem;font-size:.85rem;font-weight:600}.signature-preview-box{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex:1;justify-content:center;align-items:center;height:120px;padding:1rem;animation:.4s ease-out forwards fade-in-up;display:flex;position:relative;box-shadow:0 4px 6px -1px #0000000d}.signature-preview-box img{object-fit:contain;filter:drop-shadow(0 4px 6px #0000001a);max-width:100%;max-height:100%}.btn-clear{color:#ef4444;cursor:pointer;background:#fff;border:1px solid #ef4444;border-radius:6px;padding:.35rem .75rem;font-size:.75rem;font-weight:600;transition:all .2s;position:absolute;top:.5rem;right:.5rem;box-shadow:0 2px 4px #ef44441a}.signature-placeholder{color:#94a3b8;background:#f8fafc80;border:1px dashed #e2e8f0;border-radius:12px;flex:1;justify-content:center;align-items:center;height:120px;font-size:.9rem;font-style:italic;display:flex}.help-text{color:#64748b;margin-top:.75rem;font-size:.85rem}@media (width<=768px){.settings-header{flex-direction:column;align-items:stretch;gap:1rem}.signature-uploader{flex-direction:column}.upload-btn,.signature-preview-box,.signature-placeholder{width:100%}}.auth-page{background-color:#f8fafc;width:100vw;min-height:100vh;font-family:Inter,sans-serif;display:flex;overflow:hidden auto}.auth-left{background:var(--slate-900);flex:1;display:none;position:relative;overflow:hidden}@media (width>=992px){.auth-left{flex-direction:column;justify-content:center;align-items:center;padding:4rem;display:flex}}.auth-left:before{content:"";filter:blur(100px);z-index:0;background:radial-gradient(circle,#6366f166 0%,#6366f100 70%);width:80%;height:80%;animation:10s ease-in-out infinite alternate pulseMesh;position:absolute;top:-10%;left:-20%}.auth-left:after{content:"";filter:blur(100px);z-index:0;background:radial-gradient(circle,#ec489940 0%,#ec489900 70%);width:80%;height:80%;animation:12s ease-in-out infinite alternate pulseMesh2;position:absolute;bottom:-10%;right:-20%}@keyframes pulseMesh{0%{transform:scale(1)translate(0)}to{transform:scale(1.1)translate(5%,5%)}}@keyframes pulseMesh2{0%{transform:scale(1)translate(0)}to{transform:scale(1.15)translate(-5%,-5%)}}.brand-showcase{z-index:1;text-align:center;max-width:500px;position:relative}.brand-logo-container{justify-content:center;align-items:center;gap:1.25rem;margin-bottom:2rem;display:flex}.brand-logo{filter:drop-shadow(0 10px 20px #0000004d);max-height:70px}.brand-title{color:#fff;letter-spacing:-1.5px;background:linear-gradient(90deg,#fff,#a5b4fc);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0;font-family:Outfit,sans-serif;font-size:3.5rem;font-weight:800}.brand-description{color:var(--slate-300);font-size:1.15rem;font-weight:400;line-height:1.7}.auth-right{background-color:#f8fafc;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:2rem;display:flex;position:relative}.mobile-top-logo{align-items:center;gap:.75rem;margin-bottom:2rem;display:flex}.mobile-top-logo img{max-height:45px}.mobile-top-logo h1{color:var(--slate-900);letter-spacing:-1px;margin:0;font-family:Outfit,sans-serif;font-size:2rem;font-weight:800}@media (width>=992px){.mobile-top-logo{display:none}}.auth-card{z-index:10;background:#fff;border-radius:28px;width:100%;max-width:460px;padding:3.5rem 3rem;box-shadow:0 25px 50px -12px #0000000d,0 0 0 1px #00000005}.auth-header{text-align:left;margin-bottom:2.5rem}.auth-header h2{color:var(--slate-900);letter-spacing:-.5px;margin-bottom:.5rem;font-size:2rem;font-weight:800}.auth-header p{color:var(--slate-500);font-size:1.05rem}.auth-form{flex-direction:column;gap:1.5rem;display:flex}.form-group{flex-direction:column;display:flex;position:relative}.form-group label{color:var(--slate-700);margin-bottom:.5rem;font-size:.85rem;font-weight:600;transition:all .2s}.form-group input{border:1.5px solid var(--slate-200);width:100%;color:var(--slate-800);background:#f8fafc;border-radius:14px;padding:1.15rem 1.25rem;font-size:1.05rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.form-group input:hover{border-color:var(--slate-300)}.form-group input:focus{border-color:var(--indigo-500);background:#fff;outline:none;box-shadow:0 0 0 4px #6366f126}.form-group input::placeholder{color:var(--slate-400);font-weight:400}.auth-btn{background:linear-gradient(135deg, var(--indigo-500) 0%, var(--indigo-600) 100%);color:#fff;cursor:pointer;border:none;border-radius:14px;justify-content:center;align-items:center;gap:.75rem;width:100%;margin-top:1rem;padding:1.15rem;font-size:1.1rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 14px #6366f14d}.auth-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #6366f166}.auth-btn:active{transform:translateY(0)}.auth-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.auth-footer{text-align:center;color:var(--slate-500);margin-top:2rem;font-size:.95rem}.auth-footer a{color:var(--indigo-600);margin-left:.25rem;font-weight:600;text-decoration:none;transition:color .2s}.auth-footer a:hover{color:var(--indigo-800);text-decoration:underline}.auth-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:12px;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding:1rem 1.25rem;font-size:.95rem;font-weight:500;animation:.3s slideDown;display:flex}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (width<=640px){.auth-right{background:#fff;justify-content:flex-start;padding:1.5rem 1.5rem 2rem}.auth-card{box-shadow:none;border:none;width:100%;margin:0;padding:1.5rem 1rem}.auth-header h2{font-size:1.75rem}}.sign-page-wrapper{background-color:#f1f5f9;flex-direction:column;align-items:center;min-height:100vh;padding-bottom:120px;display:flex;position:relative}.sign-loading,.sign-error{color:#64748b;background:#fff;justify-content:center;align-items:center;height:100vh;font-size:1.25rem;display:flex}.sign-error{color:#ef4444}.sign-document-container .placeholder-text{color:#111827;font-family:inherit;font-weight:inherit;background:0 0;border:none;border-bottom:1px solid #cbd5e1;padding:0 1rem}.sign-document-container{background:#fff;width:100%;max-width:210mm;margin-top:2rem;box-shadow:0 10px 25px #0000000d}.applied-signature{object-fit:contain;z-index:0;max-height:100px;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.floating-action-bar{z-index:50;background:#fff;border-top:1px solid #e2e8f0;justify-content:space-between;align-items:center;width:100%;padding:1.5rem 2rem;display:flex;position:fixed;bottom:0;left:0;box-shadow:0 -4px 20px #0000001a}.floating-action-bar p{color:#64748b;font-weight:500}.floating-action-bar.review-mode{background:#f0fdf4;border-top:2px solid #22c55e}.floating-action-bar.review-mode p{color:#15803d;font-weight:600}.btn-large{padding:1rem 2rem;font-size:1.1rem}.sign-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background:#0f172ab3;justify-content:center;align-items:center;width:100%;height:100vh;padding:1rem;display:flex;position:fixed;top:0;left:0}.sign-modal-box{background:#fff;border-radius:16px;flex-direction:column;width:100%;max-width:500px;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}.sign-modal-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.sign-modal-header h2{color:#0f172a;font-size:1.25rem}.close-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;transition:color .2s}.close-btn:hover{color:#ef4444}.sign-tabs{background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex}.sign-tab{color:#64748b;cursor:pointer;background:0 0;border:none;border-bottom:3px solid #0000;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:1rem;font-weight:600;transition:all .2s;display:flex}.sign-tab.active{color:#2563eb;background:#fff;border-bottom-color:#2563eb}.sign-modal-content{background:#f8fafc;justify-content:center;padding:2rem;display:flex}.canvas-wrapper{background:#fff;border:2px dashed #cbd5e1;border-radius:12px;width:100%;position:relative;overflow:hidden}canvas{cursor:crosshair;touch-action:none;width:100%;height:200px}.btn-clear{color:#64748b;cursor:pointer;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:4px;padding:4px 8px;font-size:.75rem;position:absolute;top:10px;right:10px}.btn-clear:hover{color:#334155;background:#e2e8f0}.type-wrapper{background:#fff;border:1px solid #cbd5e1;border-radius:12px;width:100%;padding:1rem}.cursive-input{text-align:center;color:#1e293b;border:none;outline:none;width:100%;padding:2rem 0;font-family:Caveat,Dancing Script,cursive;font-size:3.5rem}.cursive-input::placeholder{color:#cbd5e1;font-family:Inter,sans-serif;font-size:1.5rem}.sign-modal-footer{background:#fff;border-top:1px solid #f1f5f9;padding:1.5rem}.btn-block{width:100%;padding:1rem;font-size:1.1rem}.sign-success-screen{z-index:200;background:#fff;justify-content:center;align-items:center;width:100%;height:100vh;display:flex;position:fixed;top:0;left:0}.success-card{text-align:center;max-width:500px;padding:2rem}.success-card h1{color:#0f172a;margin:1.5rem 0 1rem;font-size:2.5rem}.success-card p{color:#475569;font-size:1.1rem;line-height:1.6}.success-card .success-sub{color:#94a3b8;margin-top:1.5rem;font-size:.95rem}@media (width<=768px){.sign-page-wrapper{background:#fff;padding-bottom:140px}.sign-document-container{box-shadow:none;border-radius:0;margin-top:0}.floating-action-bar{text-align:center;border-top:1px solid #e2e8f0;flex-direction:column;gap:1rem;padding:1rem}.floating-action-bar.review-mode{flex-direction:column}.floating-action-bar.review-mode>div{flex-direction:column;width:100%}.floating-action-bar.review-mode button,.btn-large{width:100%}.sign-modal-box{height:90vh;max-height:600px}.sign-modal-content{flex:1;padding:1.5rem 1rem}.cursive-input{font-size:2.5rem}canvas{height:250px}}