@import url(https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--green:#128c7e;--dark-green:#075e54;--light-green:#dcf8c6;--bg:#f0f2f5;--surface:#fff;--surface2:#f7f8fa;--border:#e2e8f0;--text:#1a202c;--muted:#718096;--accent:#128c7e;--error:#e53e3e;--warn:#d69e2e}body{color:#1a202c;color:var(--text);font-family:Plus Jakarta Sans,sans-serif}.app,body{background:#f0f2f5;background:var(--bg)}.app{background-image:radial-gradient(ellipse at 20% 10%,#128c7e0f 0,#0000 50%),radial-gradient(ellipse at 80% 80%,#25d3660a 0,#0000 50%);min-height:100vh}.header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffe6;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);gap:14px;padding:20px 32px;position:sticky;top:0;z-index:100}.header,.logo{align-items:center;display:flex}.logo{border-radius:12px;font-size:20px;height:40px;justify-content:center;width:40px}.header-title{font-family:Plus Jakarta Sans,sans-serif;font-size:20px;font-weight:800;letter-spacing:-.3px}.header-sub{color:#718096;color:var(--muted);font-size:12px;margin-top:1px}.header-right{align-items:center;display:flex;gap:10px;margin-left:auto}.header-badge{background:#128c7e1a;border:1px solid #128c7e33;color:#128c7e;color:var(--green)}.creds-indicator,.header-badge{border-radius:20px;font-size:12px;font-weight:500;padding:4px 12px}.creds-indicator{align-items:center;display:flex;gap:6px}.creds-saved{background:#128c7e1a;border:1px solid #128c7e33;color:#128c7e;color:var(--green)}.creds-missing{background:#e53e3e14;border:1px solid #e53e3e33;color:#e53e3e;color:var(--error)}.tabs{background:#fff;background:var(--surface);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);gap:0;padding:0 32px}.tab,.tabs{display:flex}.tab{align-items:center;background:none;border:none;border-bottom:2px solid #0000;color:#718096;color:var(--muted);cursor:pointer;font-family:Plus Jakarta Sans,sans-serif;font-size:14px;font-weight:600;gap:8px;padding:16px 24px;transition:all .2s}.tab:hover{color:#1a202c;color:var(--text)}.tab.active{border-bottom-color:#128c7e;border-bottom-color:var(--green);color:#128c7e;color:var(--green)}.tab-icon{font-size:16px}.main{max-width:1400px}.main,.main-wide{margin:0 auto;padding:32px}.main-wide{max-width:96vw}.grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 360px}.card{background:#fff;background:var(--surface);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:16px;overflow:hidden}.card-header{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);display:flex;gap:10px;padding:20px 24px}.card-header h3{font-family:Plus Jakarta Sans,sans-serif;font-size:16px;font-weight:700}.card-header p{color:#718096;color:var(--muted);font-size:12px;margin-top:2px}.card-icon{align-items:center;background:#f7f8fa;background:var(--surface2);border-radius:10px;display:flex;flex-shrink:0;font-size:16px;height:36px;justify-content:center;width:36px}.card-body{padding:24px}.field{margin-bottom:16px}.label{color:#718096;color:var(--muted);display:block;font-size:12px;font-weight:500;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}input,select,textarea{background:#f7f8fa;background:var(--surface2);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:10px;color:#1a202c;color:var(--text);font-family:Plus Jakarta Sans,sans-serif;font-size:14px;outline:none;padding:10px 14px;transition:border-color .2s;width:100%}input:focus,select:focus,textarea:focus{border-color:#128c7e;border-color:var(--green)}select option{background:#fff}textarea{line-height:1.6;min-height:100px;resize:vertical}.row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;font-family:Plus Jakarta Sans,sans-serif;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:11px 20px;transition:all .2s}.btn-primary{background:#128c7e;background:var(--green);color:#fff;width:100%}.btn-primary:hover{background:#0e7a70;transform:translateY(-1px)}.btn-primary:disabled{cursor:not-allowed;opacity:.5;transform:none}.btn-outline{background:#0000;border:1px solid #e2e8f0;border:1px solid var(--border);color:#718096;color:var(--muted);font-size:12px;padding:7px 14px}.btn-outline:hover{border-color:#128c7e;border-color:var(--green);color:#128c7e;color:var(--green)}.btn-save{background:#128c7e;background:var(--green);color:#fff;padding:10px 28px;width:auto}.btn-save:hover{background:#0e7a70}.btn-clear{background:#0000;border:1px solid #e2e8f0;border:1px solid var(--border);color:#718096;color:var(--muted);padding:10px 20px;width:auto}.btn-clear:hover{border-color:#e53e3e;border-color:var(--error);color:#e53e3e;color:var(--error)}.preview-box{background:#f0f2f5;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:12px;min-height:120px;padding:16px}.preview-label{color:#718096;color:var(--muted);font-size:11px;letter-spacing:.5px;margin-bottom:10px;text-transform:uppercase}.wa-bubble{background:#dcf8c6;background:var(--light-green);border-radius:12px 12px 12px 2px;color:#111;display:inline-block;font-size:14px;line-height:1.6;max-width:90%;padding:12px 14px}.wa-time{color:#777;font-size:10px;margin-top:4px;text-align:right}.status-bar{align-items:center;border-radius:10px;display:flex;font-size:13px;gap:8px;margin-top:12px;padding:10px 14px}.status-success{background:#128c7e14;border:1px solid #128c7e33;color:#128c7e;color:var(--green)}.status-error{background:#e53e3e14;border:1px solid #e53e3e33;color:#e53e3e;color:var(--error)}.status-loading{background:#d69e2e14;border:1px solid #d69e2e33;color:#d69e2e;color:var(--warn)}.divider{background:#e2e8f0;background:var(--border);height:1px;margin:20px 0}.component-tag{align-items:center;background:#f7f8fa;background:var(--surface2);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:6px;color:#718096;color:var(--muted);cursor:pointer;display:inline-flex;font-size:12px;gap:6px;margin:3px;padding:4px 10px;transition:all .15s}.component-tag:hover{border-color:#128c7e;border-color:var(--green);color:#128c7e;color:var(--green)}.spinner{animation:spin .6s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:14px;width:14px}@keyframes spin{to{transform:rotate(1turn)}}.response-box{background:#1a202c;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:10px;color:#68d391;font-family:JetBrains Mono,monospace;font-size:12px;margin-top:12px;max-height:200px;overflow-y:auto;padding:14px;white-space:pre-wrap;word-break:break-all}.help-text{color:#718096;color:var(--muted);font-size:12px;line-height:1.5;margin-top:5px}.section-title{font-family:Plus Jakarta Sans,sans-serif;font-size:22px;font-weight:800;letter-spacing:-.3px;margin-bottom:6px}.section-sub{color:#718096;color:var(--muted);font-size:14px;margin-bottom:24px}.no-creds-banner{background:#d69e2e14;border:1px solid #d69e2e40;border-radius:12px;color:#92670a;font-size:13px;gap:10px;margin-bottom:20px;padding:14px 18px}.no-creds-banner,.saved-row{align-items:center;display:flex}.saved-row{background:#f7f8fa;background:var(--surface2);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:10px;justify-content:space-between;margin-bottom:10px;padding:12px 16px}.saved-key{color:#718096;color:var(--muted);font-size:12px;letter-spacing:.5px;text-transform:uppercase}.saved-val{color:#1a202c;color:var(--text);font-family:JetBrains Mono,monospace;font-size:13px;margin-top:3px}.settings-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr}.gear-btn{align-items:center;background:#f7f8fa;background:var(--surface2);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:10px;cursor:pointer;display:flex;font-size:18px;height:36px;justify-content:center;position:relative;transition:all .2s;width:36px}.gear-btn:hover{background:#e2e8f0;background:var(--border);border-color:#128c7e;border-color:var(--green)}.gear-btn.has-warning:after{background:#e53e3e;background:var(--error);border:2px solid #fff;border-radius:50%;content:"";height:9px;position:absolute;right:-3px;top:-3px;width:9px}.modal-overlay{align-items:flex-start;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000059;display:flex;inset:0;justify-content:flex-end;padding:70px 24px 0;position:fixed;z-index:999}.modal-box{animation:slideDown .2s ease;background:#fff;background:var(--surface);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:20px;box-shadow:0 20px 60px #00000026;max-width:calc(100vw - 48px);overflow:hidden;width:480px}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.modal-header{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:18px 20px}.modal-header h3{font-family:Plus Jakarta Sans,sans-serif;font-size:16px;font-weight:700}.modal-close{align-items:center;background:#f7f8fa;background:var(--surface2);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:8px;color:#718096;color:var(--muted);cursor:pointer;display:flex;font-size:16px;height:28px;justify-content:center;transition:all .15s;width:28px}.modal-close:hover{background:#e2e8f0;background:var(--border);color:#1a202c;color:var(--text)}.modal-body{padding:20px}.template-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(3,1fr)}.template-card{background:#fff;background:var(--surface);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:16px;display:flex;flex-direction:column;overflow:hidden;transition:box-shadow .2s,transform .15s,border-color .2s}.template-card:hover{border-color:#b2d8d4;box-shadow:0 8px 28px #00000017;transform:translateY(-2px)}.template-card-header{align-items:flex-start;background:linear-gradient(135deg,#f9fffe,#f0f9f8);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);display:flex;gap:8px;justify-content:space-between;padding:16px 18px 12px}.template-name{color:#1a202c;color:var(--text);font-family:Plus Jakarta Sans,sans-serif;font-size:15px;font-weight:700;word-break:break-all}.template-lang{align-items:center;color:#718096;color:var(--muted);display:flex;font-size:11px;gap:4px;margin-top:4px}.template-badge{border-radius:20px;flex-shrink:0;font-size:11px;font-weight:700;letter-spacing:.3px;padding:4px 10px;white-space:nowrap}.badge-APPROVED{background:#128c7e1a;border:1px solid #128c7e40;color:#128c7e;color:var(--green)}.badge-PENDING{background:#d69e2e1a;border:1px solid #d69e2e40;color:#d69e2e;color:var(--warn)}.badge-REJECTED{background:#e53e3e1a;border:1px solid #e53e3e40;color:#e53e3e;color:var(--error)}.badge-DISABLED{background:#7180961a;border:1px solid #71809633;color:#718096;color:var(--muted)}.template-body-text{color:#718096;color:var(--muted);flex:1 1;font-size:13px;line-height:1.65;min-height:70px;padding:14px 18px}.template-footer-bar{align-items:center;background:#f7f8fa;background:var(--surface2);border-top:1px solid #e2e8f0;border-top:1px solid var(--border);display:flex;justify-content:space-between;padding:11px 18px}.template-category{background:#e2e8f0;background:var(--border);border-radius:4px;color:#718096;color:var(--muted);font-size:11px;font-weight:600;letter-spacing:.6px;padding:3px 8px;text-transform:uppercase}.btn-use{background:#128c7e;background:var(--green);border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:Plus Jakarta Sans,sans-serif;font-size:12px;font-weight:700;padding:7px 16px;transition:background .2s,transform .1s}.btn-use:hover{background:#0e7a70;transform:translateY(-1px)}.btn-use:disabled{background:#718096;background:var(--muted);cursor:not-allowed;opacity:.35;transform:none}.load-bar{align-items:center;gap:12px;justify-content:space-between;margin-bottom:20px}.filter-row,.load-bar{display:flex;flex-wrap:wrap}.filter-row{gap:8px}.filter-btn{background:#fff;background:var(--surface);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:20px;color:#718096;color:var(--muted);cursor:pointer;font-size:12px;font-weight:600;padding:5px 14px;transition:all .15s}.filter-btn.active{background:#128c7e;background:var(--green);border-color:#128c7e;border-color:var(--green);color:#fff}.filter-btn:hover:not(.active){border-color:#128c7e;border-color:var(--green);color:#128c7e;color:var(--green)}.empty-state{color:#718096;color:var(--muted);padding:60px 20px;text-align:center}.empty-state .icon{font-size:40px;margin-bottom:12px}.empty-state p{font-size:14px}.spinner-dark{animation:spin .6s linear infinite;border:2px solid #128c7e33;border-radius:50%;border-top:2px solid var(--green);display:inline-block;height:14px;width:14px}@media (max-width:1100px){.template-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.grid,.settings-grid,.template-grid{grid-template-columns:1fr}.main,.main-wide{padding:16px}.tabs{padding:0 16px}.header{padding:16px}}
/*# sourceMappingURL=main.6f877fe8.css.map*/