:root{--primary: #800000;--primary-light: #a31515;--primary-glow: rgba(128, 0, 0, .35);--surface: rgba(255, 255, 255, .75);--text-main: #2d3436;--text-secondary: #636e72;--border-radius: 16px;--input-bg: rgba(255, 255, 255, .6);--transition: all .3s cubic-bezier(.25, .8, .25, 1);--glass-border: 1px solid rgba(255, 255, 255, .4);--glass-shadow: 0 8px 32px 0 rgba(31, 38, 135, .15);--backdrop: blur(12px)}html,body{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin:0;background-image:url(/assets/mt-BArmbljC.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed;background-color:#f4f4f4;color:var(--text-main);display:flex;justify-content:center;min-height:100vh;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:5;pointer-events:none;backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px);background:#0000;transition:backdrop-filter .8s ease,-webkit-backdrop-filter .8s ease,background .8s ease}body.generator-active:before{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#00000059}.container{max-width:850px;width:100%;background:var(--surface);backdrop-filter:var(--backdrop);-webkit-backdrop-filter:var(--backdrop);border:var(--glass-border);box-shadow:var(--glass-shadow);border-radius:24px;overflow:hidden;margin-bottom:40px;animation:slideUp .6s ease-out}.header-inline{display:flex;justify-content:space-between;align-items:center;padding:30px 40px;background:linear-gradient(to right,#fffffff2,#ffffff80);border-bottom:1px solid rgba(0,0,0,.05)}.header-inline h2{margin:0;font-size:22px;color:var(--primary);font-weight:800;text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;gap:15px}.header-inline h2:before{content:"";font-family:"Font Awesome 6 Free";font-weight:900;background:var(--primary);color:#fff;width:40px;height:40px;display:flex;justify-content:center;align-items:center;border-radius:10px;font-size:18px;box-shadow:0 4px 10px var(--primary-glow)}form{padding:40px}form label{display:block;margin-top:25px;margin-bottom:10px;font-weight:600;color:var(--text-secondary);font-size:13px;text-transform:uppercase;letter-spacing:.5px;transition:var(--transition)}form label:first-child{margin-top:0}form input,form textarea{width:100%;padding:16px 20px;box-sizing:border-box;border:2px solid transparent;border-radius:12px;background-color:#f0f2f5;font-size:16px;font-family:inherit;color:var(--text-main);transition:var(--transition);box-shadow:inset 0 2px 4px #00000005}form input:hover,form textarea:hover{background-color:#eef0f3}form input:focus,form textarea:focus{background-color:#fff;border-color:var(--primary);outline:none;box-shadow:0 0 0 5px #8000001a,0 10px 20px #0000000d}form textarea#recipient{min-height:80px;resize:vertical}.editor-container{background:var(--surface);border-radius:16px;box-shadow:var(--glass-shadow);border:var(--glass-border);overflow:hidden;margin-top:20px;transition:var(--transition)}.editor-container:focus-within{box-shadow:0 12px 40px #80000026}.toolbar{padding:12px 16px;background:#ffffffe6;border-bottom:1px solid rgba(0,0,0,.05);display:flex;gap:12px;flex-wrap:wrap;align-items:center}.toolbar-group{display:flex;gap:4px;padding-right:12px;border-right:1px solid rgba(0,0,0,.1);align-items:center}.toolbar-group:last-child{border-right:none;padding-right:0}.toolbar button{width:36px;height:36px;padding:6px;background:transparent;border:none;border-radius:8px;cursor:pointer;color:var(--text-secondary);transition:var(--transition);display:flex;align-items:center;justify-content:center}.toolbar button svg{width:18px;height:18px}.toolbar button:hover{background:#80000014;color:var(--primary)}.toolbar button.active{background:var(--primary);color:#fff;box-shadow:0 4px 10px var(--primary-glow)}.toolbar input[type=color]{width:32px;height:32px;padding:0;border:2px solid #fff;border-radius:50%;cursor:pointer;box-shadow:0 2px 5px #0000001a;transition:var(--transition)}.toolbar input[type=color]::-webkit-color-swatch-wrapper{padding:0}.toolbar input[type=color]::-webkit-color-swatch{border:none;border-radius:50%}.toolbar input[type=color]:hover{transform:scale(1.1)}.remove-format-group{margin-left:auto;border-right:none}.btn-remove-format{width:auto!important;padding:0 12px!important;background:#ff47571a!important;color:#ff4757!important;font-size:13px;font-weight:600;gap:6px}.btn-remove-format:hover{background:#ff4757!important;color:#fff!important;box-shadow:0 4px 10px #ff47574d!important}#body,#body_v{border:none;min-height:400px;padding:30px 40px;font-size:16px;line-height:1.8;background-color:transparent;color:var(--text-main);outline:none}.button-container{display:flex;gap:15px;margin-top:40px}form button#generatePdf,form button#generatePdf_v{flex:1;padding:18px 30px;background:linear-gradient(135deg,var(--primary) 0%,#500000 100%);color:#fff;border:none;cursor:pointer;border-radius:50px;font-size:16px;font-weight:700;letter-spacing:1px;text-transform:uppercase;transition:var(--transition);box-shadow:0 10px 20px var(--primary-glow);position:relative;overflow:hidden}.btn-preview{flex:1;padding:18px 30px;background:linear-gradient(135deg,#1e272e,#485460);color:#fff;border:1px solid rgba(255,255,255,.1);cursor:pointer;border-radius:50px;font-size:16px;font-weight:700;letter-spacing:1px;text-transform:uppercase;transition:var(--transition);box-shadow:0 10px 20px #0000004d}.btn-preview:hover{background:linear-gradient(135deg,#485460,#1e272e);box-shadow:0 15px 30px #0006;border-color:#fff3}form button#generatePdf:hover,form button#generatePdf_v:hover{box-shadow:0 15px 30px var(--primary-glow);background:linear-gradient(135deg,#a00000,#600000)}form button#generatePdf:active,form button#generatePdf_v:active{box-shadow:0 5px 10px var(--primary-glow)}form button#generatePdf:after,form button#generatePdf_v:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:.5s}form button#generatePdf:hover:after,form button#generatePdf_v:hover:after{left:100%}#pdf-content{display:none;position:absolute;left:-9999px;width:210mm!important;min-width:210mm!important;height:297mm!important;background:#fff;overflow:hidden;padding:20mm;box-sizing:border-box;color:#000;font-family:Arial,sans-serif;-webkit-text-size-adjust:100%!important;text-size-adjust:100%!important}.right-bar{position:absolute;top:0;right:0;width:3mm;height:100%;background-color:maroon}.logo{display:block;margin:0 auto;width:25mm;height:auto}.municipio{text-align:center;font-size:14pt;font-weight:700;margin-top:2mm;margin-bottom:0;color:#000;text-transform:uppercase;font-family:Arial,sans-serif}.title{text-align:center;font-size:14pt;font-weight:700;margin:1mm 0;color:#000;text-transform:uppercase}.department{text-align:center;font-size:14pt;font-weight:700;margin:1mm 1mm 8mm;color:#000}.recipient{font-size:12pt;font-weight:700;color:#333;margin-bottom:10mm;display:table;margin-left:auto;margin-right:0;text-align:left;white-space:pre-wrap;max-width:60%}.header-info{display:flex;justify-content:space-between;background-color:#fff8f7;padding:4mm;margin-bottom:6mm;font-size:10pt;font-weight:400;border-radius:2mm;box-sizing:border-box}.assunto-label{float:left;font-weight:700;color:#000;font-size:12pt;margin:0 2mm 0 0;padding:0;line-height:1.5;white-space:nowrap}.subject-box{display:block;overflow:hidden;margin:0 0 5mm;padding:0;background-color:transparent;border-radius:0}.subject-box .subject{font-weight:700;color:#000;font-size:12pt;margin:0;padding:0;display:block;text-align:justify;line-height:1.5}.department:empty,.title:empty{display:none}.body-text{font-size:12pt;line-height:1.5;white-space:pre-wrap;margin-bottom:35mm;text-align:justify}.cafe{position:absolute;bottom:40mm;left:-50mm;width:185mm;height:auto;opacity:.05;pointer-events:none;-webkit-user-select:none;user-select:none}.footer{position:absolute;bottom:10mm;left:20mm;width:calc(100% - 40mm);display:flex;justify-content:flex-end;align-items:center}.address{margin-right:5mm;font-size:8pt;color:maroon;text-align:right;line-height:1.3}.qrcode{width:18mm;height:18mm}.page-number{position:absolute;bottom:-10mm;left:50%;transform:translate(-50%);font-size:8pt;color:#999}.vereador-theme .right-bar{background:#006b33!important}.vereador-theme .address{color:#006b33!important}.vereador-theme .subject-box{border-bottom-color:#006b33!important;border-top-color:#006b33!important}.vereador-theme .qrcode,.vereador-theme .cafe{filter:brightness(0) saturate(100%) invert(22%) sepia(98%) saturate(1021%) hue-rotate(109deg) brightness(91%) contrast(105%)!important}.preview-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;display:none;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0006;animation:modalFadeIn .4s cubic-bezier(.165,.84,.44,1)}.preview-modal.active .preview-content{animation:modalScaleUp .4s cubic-bezier(.165,.84,.44,1)}@keyframes modalScaleUp{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.preview-modal.active{display:flex}.preview-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:auto}.preview-content{position:relative;width:90%;max-width:900px;height:90vh;background:#fff;border-radius:20px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 40px 100px #00000080;z-index:10000;transform:scale(1);animation:contentScaleUp .4s cubic-bezier(.165,.84,.44,1)}@keyframes contentScaleUp{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.preview-content.drafts-view{max-width:600px;height:70vh;background:#fff}.preview-header{padding:20px 30px;background:#fff;border-bottom:1px solid #ddd;display:flex;justify-content:space-between;align-items:center}.preview-header h2{margin:0;color:#2c3e50;font-size:1.2rem}.close-btn{background:none;border:none;font-size:2rem;cursor:pointer;color:#999;transition:.3s}.close-btn:hover{color:#e74c3c}.preview-body{flex:1;overflow-y:auto;padding:40px;display:flex;flex-direction:column;align-items:center;gap:30px;background:#555}.preview-page-img{max-width:100%;height:auto;box-shadow:0 10px 30px #0000004d;background:#fff;margin-bottom:10px}.splash-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#fff;display:flex;justify-content:center;align-items:center;z-index:9999;transition:opacity .8s ease-in-out}.sp.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--bg-color);display:flex;justify-content:center;align-items:center;z-index:9999;transition:opacity .3s ease-in-out}.splash-logo{mix-blend-mode:multiply;width:150px;height:auto;opacity:0;animation:dramaticReveal 1.2s cubic-bezier(.175,.885,.32,1.275) forwards}@keyframes dramaticReveal{0%{transform:translateY(40px) scale(.6) rotate(-5deg);opacity:0}to{transform:translateY(0) scale(1) rotate(0);opacity:1}}.hide-splash{opacity:0;pointer-events:none}.login-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0006;display:flex;justify-content:center;align-items:center;z-index:5000;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .5s ease,visibility .5s}.login-overlay.visible{opacity:1;visibility:visible}.fade-out{opacity:0!important;visibility:hidden!important;pointer-events:none!important}.login-box{position:relative;background:#f5f5f5f2;padding:40px;border-radius:20px;box-shadow:0 15px 35px #0003;text-align:center;max-width:400px;width:90%;transform:translateY(20px);transition:transform .5s ease;will-change:transform;pointer-events:auto;overflow:hidden}.login-logo{width:80px;height:auto;margin-bottom:15px;animation:logoEntry .6s cubic-bezier(.175,.885,.32,1.275) forwards;mix-blend-mode:multiply}@keyframes logoEntry{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.login-box:before{display:none;content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:250px;height:250px;background-image:url(/assets/logo-Cd57eNx0.png);background-size:contain;background-repeat:no-repeat;background-position:center;opacity:.08;z-index:0;pointer-events:none}.login-overlay.visible .login-box{transform:translateY(0)}.login-box h2,.login-box p,.login-box div,.login-box input,.login-box button{position:relative;z-index:1}.login-box h2{color:#fff!important;margin-bottom:10px;font-size:1.5rem;font-weight:800;text-shadow:0 1px 4px rgba(0,0,0,.6)}.login-box p{color:#f0f0f0!important;margin-bottom:25px;font-size:.95rem;line-height:1.5;text-shadow:0 1px 4px rgba(0,0,0,.6)}.login-box input{width:100%;padding:15px;border:1px solid #ddd;border-radius:10px;font-size:1rem;margin-bottom:20px;outline:none;transition:border-color .3s;font-family:inherit;text-align:center;background:#fff;box-sizing:border-box}.login-box input:focus{border-color:#dc1414;box-shadow:0 0 0 4px #dc141426}#codeInput{letter-spacing:5px;font-size:1.2rem;font-weight:700}.login-btn{width:100%;padding:15px;background:linear-gradient(135deg,#b91414,#870000);color:#fff;border:none;border-radius:10px;font-size:1.05rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 15px #b9141433}.login-btn:hover{background:var(--primary-light);transform:translateY(-2px);box-shadow:0 12px 20px var(--primary-glow)}.login-btn.loading{position:relative;color:transparent!important;pointer-events:none}.login-btn.loading:after{content:"";position:absolute;width:20px;height:20px;top:50%;left:50%;margin-top:-11px;margin-left:-11px;border:3px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spinButton .8s linear infinite}@keyframes spinButton{to{transform:rotate(360deg)}}.back-btn{background:transparent;border:none;color:var(--text-secondary);margin-top:15px;font-size:13px;cursor:pointer;text-decoration:underline}.back-btn:hover{color:var(--primary)}.error-message{color:#e74c3c!important;font-size:13px!important;margin-top:15px!important;margin-bottom:0!important;font-weight:600;opacity:0;transition:opacity .3s}@media print{body{background:#fff!important;padding:0}.container{display:none!important}#pdf-content{display:block!important;position:relative!important;left:0;box-shadow:none}}.save-load-container button{flex:1;padding:10px;border:none;border-radius:8px;color:#fff;font-weight:700;cursor:pointer;transition:opacity .2s}.save-load-container button:hover{opacity:.8}.action-buttons{display:flex;gap:10px}.btn-luxury{background:transparent;border:1px solid #d1d1d1;color:#666;padding:6px 18px;border-radius:50px;font-size:13px;font-weight:500;text-transform:uppercase;letter-spacing:.8px;cursor:pointer;transition:all .3s ease}.btn-luxury:hover{border-color:var(--primary);color:var(--primary);background:#8000000d;transform:translateY(-1px);box-shadow:0 4px 10px #0000000d}#particles-js{position:fixed;top:0;left:0;width:100%;height:100%;background-color:transparent!important;z-index:2;pointer-events:auto!important}#generatorContainer{z-index:10;position:relative;pointer-events:auto}.pdf-progress-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#0000008c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9000;justify-content:center;align-items:center}.pdf-progress-overlay.active{display:flex}.pdf-progress-box{background:#fffffff7;border-radius:20px;padding:40px 50px;text-align:center;box-shadow:0 20px 60px #00000040;min-width:320px;animation:progressBoxIn .3s cubic-bezier(.175,.885,.32,1.275)}@keyframes progressBoxIn{0%{transform:scale(.85);opacity:0}to{transform:scale(1);opacity:1}}.pdf-progress-logo{mix-blend-mode:multiply;width:60px;height:auto;margin-bottom:15px;opacity:.85}.pdf-progress-label{font-size:14px;font-weight:600;color:maroon;margin:0 0 18px;letter-spacing:.3px}.pdf-progress-track{background:#f0e8e8;border-radius:50px;height:10px;width:100%;overflow:hidden;margin-bottom:10px}.pdf-progress-bar{height:100%;width:0%;background:linear-gradient(90deg,maroon,#dc1414);border-radius:50px;transition:width .4s ease}.pdf-progress-percent{font-size:13px;color:#999;margin:0;font-weight:500}.tabs-header{display:flex;gap:10px;padding:0 40px 20px;border-bottom:1px solid rgba(0,0,0,.05)}.tab-btn{background:transparent;border:1px solid #d1d1d1;color:#666;padding:10px 24px;border-radius:50px;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.8px;cursor:pointer;transition:var(--transition)}.tab-btn:hover{background:#8000000d;border-color:var(--primary);color:var(--primary);transform:translateY(-1px)}.tab-btn.active{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 4px 10px var(--primary-glow)}.tab-pane{display:none;animation:fadeIn .4s ease-out}.tab-pane.active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.cloud-actions{display:flex;gap:12px;margin-bottom:20px;padding:15px;background:#00000008;border-radius:12px;border:1px dashed rgba(0,0,0,.1)}.invite-btn{display:none;align-items:center;gap:8px;padding:8px 18px;background:linear-gradient(135deg,maroon,brown);color:#fff;border:none;border-radius:50px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 15px #80000033;border:1px solid rgba(255,255,255,.1);margin-right:10px}.invite-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #8000004d;filter:brightness(1.1)}.invite-btn:active{transform:translateY(0)}.invite-btn svg{width:18px;height:18px;fill:currentColor}.btn-cloud-save,.btn-cloud-list{flex:1;display:flex;align-items:center;justify-content:center;gap:10px;padding:14px;border-radius:12px;font-size:14px;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid rgba(255,255,255,.1)}.btn-cloud-save{background:linear-gradient(135deg,#006b33,#00a851);color:#fff;box-shadow:0 4px 15px #006b3333}.btn-cloud-save:hover{background:linear-gradient(135deg,#00823e,#00c961);transform:translateY(-3px) scale(1.02);box-shadow:0 8px 25px #006b334d}.btn-cloud-list{background:linear-gradient(135deg,#444,#666);color:#fff;box-shadow:0 4px 15px #0000001a}.btn-cloud-list:hover{background:linear-gradient(135deg,#555,#777);transform:translateY(-3px) scale(1.02);box-shadow:0 8px 25px #0003}.drafts-list{flex:1;overflow-y:auto;padding:30px;background:#fff;border-radius:0 0 20px 20px;position:relative;max-height:70vh}.draft-item{display:flex;align-items:center;justify-content:space-between;padding:20px;background:#f8f9fa;border:1px solid #eef0f2;border-radius:18px;margin-bottom:20px;transition:all .4s cubic-bezier(.165,.84,.44,1);box-shadow:0 4px 12px #00000008;position:relative;overflow:hidden}.draft-item:before{content:"";position:absolute;left:0;top:0;height:100%;width:4px;background:var(--primary);opacity:0;transition:opacity .3s}.draft-item:hover{border-color:var(--primary);background:#fff;transform:translateY(-5px) scale(1.01);box-shadow:0 15px 30px #00000014}.draft-item:hover:before{opacity:1}.draft-info{flex:1}.draft-info h4{margin:0 0 6px;font-size:16px;color:#2d3436;font-weight:700}.draft-info p{margin:0;font-size:13px;color:#b2bec3;display:flex;align-items:center;gap:5px}.draft-info p:before{content:"";font-family:"Font Awesome 6 Free";font-weight:400}.draft-btns{display:flex;align-items:center;gap:12px}.btn-apply-draft{background:linear-gradient(135deg,#006b33,#00823e);color:#fff;padding:12px 22px;border-radius:12px;border:none;font-size:14px;font-weight:700;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:10px;box-shadow:0 5px 15px #006b3333}.btn-apply-draft:hover{transform:translateY(-2px);box-shadow:0 8px 20px #006b334d;background:linear-gradient(135deg,#00823e,#00a851)}.btn-delete-draft{background:#fff0f0;color:#ff4d4d;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:12px;border:1px solid #ffecec;cursor:pointer;transition:all .3s ease}.btn-delete-draft:hover{background:#ff4d4d;color:#fff;transform:scale(1.05)}.toast-container{position:fixed;top:25px;right:25px;z-index:10000;display:flex;flex-direction:column;gap:10px}.toast{min-width:280px;background:#fff;color:#2d3436;padding:16px 20px;border-radius:15px;box-shadow:0 10px 40px #00000026;display:flex;align-items:center;gap:15px;animation:toastIn .5s cubic-bezier(.175,.885,.32,1.275) forwards;border-left:5px solid var(--primary);font-weight:600;font-size:14px}.toast.error{border-left-color:#ff4d4d}.toast.success{border-left-color:#00b894}.toast i{font-size:1.2rem}.toast.success i{color:#00b894}.toast.error i{color:#ff4d4d}@keyframes toastIn{0%{transform:translate(100%) scale(.9);opacity:0}to{transform:translate(0) scale(1);opacity:1}}@keyframes toastOut{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(100%) scale(.8);opacity:0}}.loading-msg{text-align:center;color:#888;padding:40px}.header-actions{display:flex;gap:10px}.btn-professional{background:#fff;color:#444;border:1px solid #ddd;padding:8px 16px;border-radius:50px;font-size:13px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s ease;box-shadow:0 2px 5px #0000000d}.btn-professional:hover{background:#f8f8f8;border-color:#999;transform:translateY(-1px);box-shadow:0 4px 10px #00000014}.btn-professional i{color:#006b33}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.btn-preview-secondary{flex:.6;padding:16px 25px;background:#2d343614;color:var(--text-main);border:2px solid rgba(45,52,54,.1);cursor:pointer;border-radius:50px;font-size:14px;font-weight:700;text-transform:uppercase;transition:var(--transition);display:flex;align-items:center;justify-content:center;gap:10px}.btn-preview-secondary:hover{background:#fff;color:var(--primary);border-color:var(--primary);transform:translateY(-4px);box-shadow:0 10px 25px #0000001a}.preview-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:10000;display:none;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#0009}.preview-modal.active{display:flex;animation:modalFadeIn .3s ease}.preview-content{background:#2d3436;width:95%;max-width:1000px;height:90vh;border-radius:24px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 50px 100px #00000080;border:1px solid rgba(255,255,255,.1)}.preview-header{background:#fffffff2;padding:15px 30px;display:flex;justify-content:space-between;align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.preview-body{flex:1;overflow-y:auto;padding:40px;background:#1e272e;display:flex;flex-direction:column;align-items:center;scroll-behavior:smooth}.preview-page-img{width:210mm;max-width:100%;height:auto;background:#fff;box-shadow:0 20px 60px #0006;margin-bottom:40px;border-radius:4px;animation:slideUp .5s ease}.preview-placeholder{color:#fff;text-align:center;padding-top:100px}.preview-placeholder i{font-size:40px;margin-bottom:15px}.preview-footer{background:#fff;padding:15px 30px;display:flex;justify-content:flex-end;align-items:center}.btn-finish-preview{background:var(--primary);color:#fff;border:none;padding:10px 25px;border-radius:20px;font-weight:700;cursor:pointer;transition:.2s}.btn-finish-preview:hover{transform:scale(1.05)}.btn-close-preview{background:none;border:none;font-size:20px;cursor:pointer;color:#636e72}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.photo-upload-wrapper{margin-bottom:25px;background:#ffffff0d;padding:20px;border-radius:12px;border:2px dashed rgba(128,0,0,.2);text-align:center;transition:all .3s ease}.photo-upload-wrapper:hover{border-color:maroon;background:#ffffff1a}.btn-photo-upload{background:maroon;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:10px;transition:.3s;box-shadow:0 4px 15px #80000033}.btn-photo-upload:hover{background:#a00000;transform:translateY(-2px);box-shadow:0 6px 20px #8000004d}.photo-preview{margin-top:15px;display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.photo-preview img{width:120px;height:120px;object-fit:cover;border-radius:10px;border:3px solid white;box-shadow:0 4px 10px #0000001a;animation:zoomIn .3s cubic-bezier(.175,.885,.32,1.275)}@keyframes zoomIn{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}#tabPane_v .photo-upload-wrapper{border-color:#006b3333}#tabPane_v .photo-upload-wrapper:hover{border-color:#006b33}#tabPane_v .btn-photo-upload{background:#006b33;box-shadow:0 4px 15px #006b3333}#tabPane_v .btn-photo-upload:hover{background:#008a44}.btn-invite{background:linear-gradient(135deg,#006b33,#008f45)!important;color:#fff!important;border:none!important;box-shadow:0 4px 15px #006b334d!important}.btn-invite i{color:#fff!important}.btn-invite:hover{background:linear-gradient(135deg,#008f45,#006b33)!important;transform:translateY(-2px);box-shadow:0 8px 25px #006b3366!important}.invite-view{max-width:500px;height:auto!important;padding-bottom:30px;background:#2d3436f2!important;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(0,107,51,.3);border-radius:24px;box-shadow:0 25px 50px -12px #00000080}.invite-view .preview-header{background:#ffffff0d;border-bottom:1px solid rgba(255,255,255,.1)}.invite-view .preview-header h2{color:#fff;font-size:18px}.invite-form-container{padding:35px 45px}.invite-desc{color:#b2bec3;font-size:14px;line-height:1.6;margin-bottom:30px;text-align:center;font-weight:500}.form-group-invite{margin-bottom:25px}.form-group-invite label{display:block;margin-bottom:10px;font-size:12px;font-weight:600;color:#00b894;text-transform:uppercase;letter-spacing:1px;display:flex;align-items:center;justify-content:center;gap:8px}.input-with-icon{position:relative;display:flex;align-items:center}.input-with-icon i{position:absolute;left:18px;color:#00b894;font-size:16px;transition:var(--transition)}.form-group-invite input,.invite-select{width:100%;padding:15px 18px 15px 45px;border-radius:14px;border:2px solid rgba(255,255,255,.1);background:#ffffff0d;font-family:inherit;font-size:15px;color:#fff;transition:var(--transition);text-align:center}.form-group-invite input::placeholder{color:#fff6;text-align:center}.form-group-invite input:focus,.invite-select:focus{border-color:#00b894;outline:none;background:#ffffff1a;box-shadow:0 0 20px #00b89433}.form-group-invite input:focus+i,.input-with-icon:focus-within i{color:#fff;transform:scale(1.1)}.invite-select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%2300b894' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 15px center;background-size:18px}.btn-invite-send{width:100%;padding:18px;margin-top:15px;background:linear-gradient(135deg,#00b894,#006b33);color:#fff;border:none;border-radius:15px;font-size:16px;font-weight:700;cursor:pointer;transition:var(--transition);box-shadow:0 10px 25px #00b8944d;display:flex;align-items:center;justify-content:center;gap:12px;letter-spacing:.5px}.btn-invite-send:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 15px 35px #00b89466;filter:brightness(1.1)}.btn-invite-send i{font-size:18px}.btn-invite-send:disabled{background:#ffffff1a;color:#ffffff4d;cursor:not-allowed;transform:none;box-shadow:none}@keyframes inviteSuccessPop{0%{transform:scale(.8);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.invite-success-anim{display:flex;flex-direction:column;align-items:center;padding:40px;animation:inviteSuccessPop .5s cubic-bezier(.175,.885,.32,1.275)}.invite-success-anim i{font-size:60px;color:#2ecc71;margin-bottom:20px}.invite-success-anim h3{margin:0;color:#2c3e50;font-size:20px}@media screen and (max-width: 768px){body{background-attachment:scroll}.container{margin:10px;border-radius:20px;width:calc(100% - 20px);box-shadow:0 4px 15px #0000001a}.header-inline{flex-direction:column;padding:25px 20px;gap:15px;text-align:center;align-items:center}.header-inline h2{font-size:19px;flex-direction:column;gap:12px;line-height:1.3;margin-bottom:10px}.header-inline h2:before{width:45px;height:45px;font-size:20px;margin:0 auto}.header-inline button{width:100%!important;margin:0!important;justify-content:center;padding:12px!important;display:flex!important}.tabs-header{padding:0 20px 20px;flex-direction:column;gap:8px}.tab-btn{width:100%;text-align:center;padding:12px!important}form{padding:25px 20px}form label{font-size:11px;margin-top:20px}.toolbar{padding:12px 10px;justify-content:center;gap:6px}.toolbar-group{padding-right:0;border-right:none;justify-content:center;gap:6px}.remove-format-group{margin-left:0!important;width:100%;margin-top:8px}.btn-remove-format{width:100%!important;justify-content:center;padding:12px!important;font-size:12px}#body,#body_v{padding:20px;min-height:350px;font-size:15px}.cloud-actions{flex-direction:column;gap:12px;padding:15px;margin-bottom:25px}.btn-cloud-save,.btn-cloud-list{width:100%;padding:15px}.button-container{flex-direction:column;gap:15px;margin-top:30px}.btn-preview-secondary,form button#generatePdf,form button#generatePdf_v{width:100%;margin:0;padding:20px;border-radius:16px;font-size:15px;height:auto;white-space:normal}.preview-content{width:96%;height:92vh;border-radius:16px}.preview-body{padding:20px 10px}.preview-header{padding:15px 20px}.preview-header h3{font-size:14px}.login-box{padding:35px 25px;width:85%}.login-box h2{font-size:1.3rem}input[type=text],input[type=email],textarea,.body-editor{font-size:16px!important}:root{--transition: border-color .2s ease, background-color .2s ease, box-shadow .2s ease, opacity .2s ease}form input:focus,form textarea:focus,.login-box input:focus,.container input:focus,.container textarea:focus,.editor-container:focus-within{transform:none!important;box-shadow:0 0 10px #80000026!important}form input:hover,form textarea:hover,.login-box input:hover,.container input:hover,.container textarea:hover,.editor-container:hover,.toolbar button:hover,form button#generatePdf:hover,form button#generatePdf_v:hover,.btn-preview:hover,.btn-preview-secondary:hover,.login-btn:hover{transform:none!important}}@media screen and (max-width: 400px){.header-inline h2{font-size:17px}.btn-professional{font-size:12px}.toolbar button{width:32px;height:32px}}:root{--glass-premium: rgba(255, 255, 255, .08);--glass-border-premium: rgba(255, 255, 255, .15);--glow-maroon: rgba(128, 0, 0, .4);--animation-easing: cubic-bezier(.2, .8, .2, 1)}@keyframes premiumFadeIn{0%{opacity:0;transform:translateY(20px) scale(.98);filter:blur(10px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}.stagger-item{opacity:0;animation:premiumFadeIn .8s var(--animation-easing) forwards}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}.delay-4{animation-delay:.4s}.delay-5{animation-delay:.5s}.delay-6{animation-delay:.6s}.delay-7{animation-delay:.7s}.delay-8{animation-delay:.8s}#loginOverlay .login-box{background:#00000080!important;-webkit-backdrop-filter:blur(24px) saturate(150%)!important;backdrop-filter:blur(24px) saturate(150%)!important;border:1px solid rgba(255,255,255,.1)!important;box-shadow:0 40px 100px #00000080,inset 0 0 0 1px #ffffff0d!important}.login-box input,.container input,.container textarea,.body-editor{transition:border-color .3s var(--animation-easing),background-color .3s var(--animation-easing),box-shadow .3s var(--animation-easing)!important}.login-box input:focus,.container input:focus,.container textarea:focus{border-color:var(--primary)!important;box-shadow:0 0 25px var(--glow-maroon),inset 0 0 0 1px #ffffff1a!important;transform:translateY(-2px) scale(1.01)!important}.splash-logo{animation:floatingLogo 4s ease-in-out infinite!important}@keyframes floatingLogo{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-15px) scale(1.05)}}