html,body{width:100%;height:100%}input::-ms-clear,input::-ms-reveal{display:none}*,*:before,*:after{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{margin:0}[tabindex="-1"]:focus{outline:none}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5em;font-weight:500}p{margin-top:0;margin-bottom:1em}abbr[title],abbr[data-original-title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted;border-bottom:0;cursor:help}address{margin-bottom:1em;font-style:normal;line-height:inherit}input[type=text],input[type=password],input[type=number],textarea{-webkit-appearance:none}ol,ul,dl{margin-top:0;margin-bottom:1em}ol ol,ul ul,ol ul,ul ol{margin-bottom:0}dt{font-weight:500}dd{margin-bottom:.5em;margin-left:0}blockquote{margin:0 0 1em}dfn{font-style:italic}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}pre,code,kbd,samp{font-size:1em;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace}pre{margin-top:0;margin-bottom:1em;overflow:auto}figure{margin:0 0 1em}img{vertical-align:middle;border-style:none}a,area,button,[role=button],input:not([type=range]),label,select,summary,textarea{touch-action:manipulation}table{border-collapse:collapse}caption{padding-top:.75em;padding-bottom:.3em;text-align:left;caption-side:bottom}input,button,select,optgroup,textarea{margin:0;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}button,html [type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{padding:0;border-style:none}input[type=radio],input[type=checkbox]{box-sizing:border-box;padding:0}input[type=date],input[type=time],input[type=datetime-local],input[type=month]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;margin:0;padding:0;border:0}legend{display:block;width:100%;max-width:100%;margin-bottom:.5em;padding:0;color:inherit;font-size:1.5em;line-height:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item}template{display:none}[hidden]{display:none!important}@font-face{font-family:Inter;src:url(/assets/Inter-VariableFont_opsz_wght-c8O0ljhh.ttf) format("truetype");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(/assets/Inter-Italic-VariableFont_opsz_wght-B-9PvMw6.ttf) format("truetype");font-weight:100 900;font-style:italic;font-display:swap}*{font-family:Inter,system-ui,-apple-system,sans-serif;box-sizing:border-box}:root{font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:Inter,system-ui,-apple-system,sans-serif;margin:0;min-width:320px;min-height:100vh;background:#f8fafc}a{color:inherit;text-decoration:none}:root{color-scheme:light;--bg-dark: #e8f7ee;--bg-dark-2: #f6fbf8;--card: #ffffff;--muted: #4f6b60;--primary: #28b45b;--primary-dark: #128c7e;--border: #cfe7d9}body{background:#f6fbf8}body,#root,.layout{min-height:100vh}.sider-inner{display:flex;flex-direction:column;height:100%;gap:12px}.sidebar{background:#fff;color:#0f2e26;display:flex;flex-direction:column;gap:16px;border-right:1px solid var(--border);width:260px;position:sticky;top:0;height:100vh;overflow-y:auto}.brand{padding:20px;display:flex;align-items:center;gap:10px}.logo-img{width:160px;height:54px;object-fit:contain}.logo-img-sm{height:29px;object-fit:contain}.brand-name{font-weight:700;font-size:18px}.nav{display:flex;flex-direction:column;gap:8px}.nav-item{padding:10px 12px;border-radius:10px;background:#fff;border:1px solid transparent;color:#0f2e26}.nav-item.active{background:#25d3661f;border-color:#25d36666;color:#0f2e26;font-weight:600}.nav-item.disabled{opacity:.6}.summary-card{background:#f8fcf9;border:1px solid var(--border);border-radius:12px;padding:12px}.summary-title{font-weight:700;font-size:16px;margin-bottom:4px}.business-summary-row{margin-bottom:1rem}.support{margin-top:auto;font-size:14px;color:#0f2e26;background:#f8fcf9;padding:12px 20px}.support span{font-size:12px;display:block;color:#3c3c3c;font-weight:500}.content{background:#f6fbf8}.content-inner{max-width:1180px;margin:0 auto;width:100%;display:flex;flex-direction:column;gap:12px;padding:24px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.topbar h1{margin:4px 0;font-size:26px}.eyebrow{text-transform:uppercase;letter-spacing:.08em;font-size:11px;color:#2f4c42;margin-bottom:6px}.subtext{color:#898989;font-size:12px;font-weight:600}.muted{color:var(--muted);font-size:14px}.card-lite{background:#fff;border:1px solid var(--border);border-radius:12px;padding:18px}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}label{font-size:14px;color:#0f172a}input,select,button{font:inherit}input,select{border:1px solid #cbd5e1;border-radius:10px;padding:10px 12px;background:#fff;transition:border-color .15s ease,box-shadow .15s ease}input:focus,select:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb26}button{border:none;cursor:pointer;border-radius:10px;padding:10px 14px;font-weight:600}.primary{background:linear-gradient(120deg,var(--primary),var(--primary-dark));color:#fff}.secondary{background:#0f172a;color:#fff}.ghost{background:#f8fafc;color:#0f172a;border:1px solid #e2e8f0}.banner{padding:10px 14px;border-radius:10px;background:#e8f7ee;color:#0f172a;margin-bottom:12px;border:1px solid #b6e7c7}.banner.error{background:#fee2e2;border-color:#fecdd3;color:#991b1b}.pill{background:#e8f7ee;color:#0d6b3f;border-radius:999px;padding:6px 10px;font-weight:600;border:1px solid #b6e7c7;font-size:13px}.label-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}.plan-row{display:flex;flex-direction:column;gap:10px;margin:12px 0}.plan{border:1px solid #e2e8f0;background:#f8fafc;border-radius:12px;padding:12px;text-align:left;color:#0f172a}.plan.active{border-color:var(--primary);background:#e8f7ee}.plan-price{font-weight:700;font-size:16px}.plan-card{text-align:left;padding:12px 14px!important;border-radius:12px!important;height:auto!important;border:1px solid var(--border)}.plan-card .ant-typography{margin:0}.plan-card .plan-card-row{display:flex;justify-content:space-between;align-items:center;width:100%;padding:8px 20px}.plan-card .plan-name{font-weight:600;color:#242626}.plan-card .plan-price{color:#068666;line-height:2;font-weight:800}.plan-card .plan-meta{text-align:right;color:#2f4c42;font-size:13px;line-height:2}.active-plan{border:1px solid #27b55b!important;background-color:#e8f8ef!important}.status{margin-top:8px;font-weight:600;color:#0d6b3f}.banner code,.pill code{background:transparent;padding:0}code{background:#f1f5f9;border-radius:6px;padding:2px 6px}.field .StripeElement{padding:12px;border:1px solid #cbd5e1;border-radius:10px}.label-row h3{margin:0}.card h3{margin:0 0 6px}.user-chip{display:flex;align-items:center;gap:10px;background:#fff;padding:8px 10px;border-radius:12px;border:1px solid #e2e8f0;position:relative;cursor:pointer}.avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(120deg,#2563eb,#a855f7);background:linear-gradient(120deg,var(--primary),var(--primary-dark));color:#fff;display:grid;place-items:center;font-weight:700}.user-menu{position:absolute;right:0;top:calc(100% + 6px);background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 8px 24px #0f172a1f;min-width:140px;z-index:10;overflow:hidden}.user-menu .menu-item{padding:10px 12px;color:#0f172a}.user-menu .menu-item:hover{background:#f1f5f9}.inline-actions{display:flex;align-items:center;gap:8px}.pill.small{padding:4px 8px;font-size:12px}.status-pill{display:inline-flex;align-items:center;gap:6px}.status-pending{background:#fff7e6;border-color:#ffe0b3;color:#8d5b00}.status-active{background:#e8f7ee;border-color:#b6e7c7;color:#0d6b3f}.status-inactive,.status-closed,.status-error{background:#fff1f0;border-color:#ffccc7;color:#a8071a}.next-list{margin:0;padding-left:18px;color:#0f172a;line-height:1.8}.auth-landing{display:flex;justify-content:space-between;gap:24px;align-items:center;min-height:70vh;padding:24px}.auth-brand{grid-column:1 / -1;display:flex;align-items:center;gap:10px}.auth-hero h1{margin:0 0 8px;color:#0f172a}.auth-hero{display:flex;flex-direction:column;gap:10px;justify-content:center}.auth-panel{background:#fff;border:1px solid var(--border);border-radius:14px;padding:12px}.auth-tabs{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:12px}.tab{border:1px solid var(--border);background:#f8fafc;border-radius:10px;padding:10px;font-weight:600;color:#0f172a}.tab.active{background:#e8f7ee;border-color:var(--primary)}.hero-pills{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.content-full{border-radius:0;box-shadow:none}.qr-box{border:1px dashed #cbd5e1;border-radius:12px;padding:14px;background:#f8fafc}.qr-box-img{display:flex;align-items:center;justify-content:center;min-height:180px}.qr-img{width:180px;height:180px;object-fit:contain}.qr-code-text{font-weight:700;letter-spacing:.08em;color:#0f2e26;text-align:center}.wa-card{margin-top:12px;display:flex;flex-direction:column;gap:10px}.wa-meta{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.connected-box{margin-top:12px;padding:12px;border:1px solid var(--border);border-radius:10px;background:#f8fcf9}.stripe-field{margin:12px 0}.overlay-spinner{position:fixed;top:0;left:0;width:100%;height:100%;display:grid;place-items:center;background:#ffffff80;z-index:1000}.ant-btn-primary{background:var(--primary);border-color:var(--primary)}.ant-btn-primary:hover,.ant-btn-primary:focus{background:var(--primary-dark);border-color:var(--primary-dark)}.ant-btn-default{border-color:var(--border);color:#0f2e26}.ant-input,.ant-input-affix-wrapper,.ant-input-password{border-radius:10px;border-color:var(--border);background:#f8fcf9}.ant-input:focus,.ant-input-focused,.ant-input-affix-wrapper-focused{border-color:var(--primary);box-shadow:0 0 0 2px #25d36633}.ant-tabs-ink-bar{background:var(--primary)}.ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn{color:#0f2e26}.ant-tabs-tab-btn{color:#2f4c42}.ant-tabs-tab:hover .ant-tabs-tab-btn{color:var(--primary-dark)}.ant-tabs-top>.ant-tabs-nav:before{border-color:var(--border)}.ant-badge-status-dot,.ant-badge-status-processing{background:var(--primary)}.ant-form-item-label>label{color:#0f2e26}.centered-action{display:flex;justify-content:center;margin:12px 0}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:12px}.saved-methods{margin:12px 0;display:flex;flex-direction:column;gap:8px}.saved-card{border:1px solid var(--border);border-radius:10px;padding:10px 12px;display:flex;align-items:center;justify-content:space-between;background:#f8fcf9}.saved-card.active{border-color:var(--primary);background:#e8f7ee}.saved-card-brand{font-weight:700;color:#0f2e26}.saved-card-meta{color:#4f6b60;font-size:13px}.ant-menu{background:transparent;color:#0f2e26}.ant-menu-item{color:#0f2e26!important;border-radius:10px}.ant-menu-item-selected{color:#0f2e26!important;font-weight:600!important}.ant-menu-item .ant-menu-title-content,.ant-menu-item a,.ant-menu-item .anticon{color:inherit!important}.ant-menu-item:hover{color:#0f2e26!important;background:#25d36614!important}background: rgba(37,211,102,.12) !important; color: #0f2e26 !important; } color: #0f2e26 !important; } :where(.ant-menu-light).ant-menu-root.ant-menu-inline,:where(.ant-menu-light) > .ant-menu.ant-menu-root.ant-menu-inline,:where(.ant-menu-light).ant-menu-root.ant-menu-vertical,:where(.ant-menu-light) > .ant-menu.ant-menu-root.ant-menu-vertical{border-inline-end:none!important}
