html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.layout-container{display:flex;height:100vh;width:100vw;background-color:#f0f2f5}.left-side{flex:.7;background:#1a1a1a;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;color:gold;border-right:4px solid #ffd700}.brand-logo{max-width:180px;height:auto;border-radius:50%;margin-bottom:15px;box-shadow:0 0 20px #ffd70033}.brand-text h3{font-size:1.6rem;margin:0;letter-spacing:1px}.brand-text p{color:#fff;margin:5px 0 0;font-size:.9rem;opacity:.8}.right-side{flex:1.3;display:flex;align-items:center;justify-content:center;padding:20px}.form-card{background:#fff;width:100%;max-width:450px;padding:30px;border-radius:12px;box-shadow:0 4px 20px #00000014}.form-header{text-align:center;margin-bottom:20px}.form-header h2{font-size:1.4rem;margin:0 0 5px;color:#333}.badge{background:#fff3cd;color:#856404;font-size:.7rem;padding:3px 10px;border-radius:50px;font-weight:700}.input-group{margin-top:15px;text-align:left}.input-group label{display:block;font-weight:600;font-size:.85rem;margin-bottom:5px;color:#555}.input-group select{width:100%;padding:10px;border:1px solid #ddd;border-radius:6px;font-size:.9rem;background:#fff}.rsw-editor{height:160px;border-radius:6px!important;border:1px solid #ddd!important;font-size:.95rem!important}.hint{font-size:.75rem;color:#888;margin-top:6px;display:block}.btn-send{width:100%;padding:14px;background:#25d366;color:#fff;border:none;border-radius:6px;font-size:1rem;font-weight:700;cursor:pointer;margin-top:20px;transition:background .2s}.btn-send:hover:not(:disabled){background:#128c7e}.btn-send:disabled{background:#ccc}.link-instrucoes{display:inline-block;font-size:.85rem;color:#1976d2;text-decoration:none;padding:8px 16px;border:1px solid #1976d2;border-radius:20px;transition:all .3s ease}.link-instrucoes:hover{background:#1976d2;color:#fff}.progress-container{background:#f0f0f0;padding:10px;border-radius:8px;margin-bottom:20px}.progress-bar{background:#ddd;height:12px;border-radius:6px;overflow:hidden}.progress-fill{background:#25d366;height:100%;transition:width .5s ease}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:9999}.modal-content{background:#fff;padding:30px;border-radius:15px;width:90%;max-width:380px;box-shadow:0 10px 30px #00000080;animation:fadeIn .3s ease-out}.qr-container-main{padding:20px;text-align:center}.qr-img-final{position:absolute;max-width:none!important;top:-280px;left:-1080px!important}.status-msg.success{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb;padding:15px;border-radius:8px;font-weight:700;animation:fadeIn .5s}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.qr-box-display{width:300px;height:300px;overflow:hidden;position:relative;border:3px solid #25d366;border-radius:15px;background:#fff;margin:0 auto;display:flex;justify-content:center;align-items:center}.modal-footer-actions{display:flex;gap:10px;justify-content:flex-end}.modal-actions{display:flex;gap:10px;margin-top:20px}.btn-modal-primary{background-color:#25d366;color:#fff;padding:12px 20px;border-radius:8px;border:none;font-weight:700;cursor:pointer}.btn-modal-secondary{background:#f0f0f0;border:none;padding:12px 20px;border-radius:8px;margin-right:10px;cursor:pointer}.btn-close-modal{flex:1;background:#666;color:#fff;border:none;padding:12px;border-radius:8px;cursor:pointer}.btn-refresh-modal{flex:1;background:#007bff;color:#fff;border:none;padding:12px;border-radius:8px;cursor:pointer}.btn-qr-open{background:#34b7f1;color:#fff;border:none;padding:10px 15px;border-radius:20px;cursor:pointer;margin-top:15px}.btn-refresh{background:#666!important;margin-left:5px}.manual-container{text-align:center;margin-top:20px;border-top:1px solid #eee;padding-top:15px}@keyframes fadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.qr-loading-container{padding:40px 20px;text-align:center}.spinner{width:50px;height:50px;border:5px solid #f3f3f3;border-top:5px solid #34b7f1;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 15px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:768px){.layout-container{flex-direction:column}.left-side{padding:20px;min-height:auto}.right-side{padding:10px}}@media(max-width:850px){body{overflow-y:auto}.layout-container{height:auto;min-height:100vh}.left-side{padding:40px 20px}}