:root{--dialog-bg:#fff;--text-color:#444;--border-color:#dfdfdf;--header-bg:#f3f5ff;--section-bg:#f3f4f6;--feature-bg:#fafafa;--button-bg:#e4e9f3;--button-text:#374151;--disabled-bg:#e5e7eb;--disabled-text:#9ca3af;--check-gray:#6b7280;--check-pro:var(--primary-color);--check-core:#409baf;--core-col-bg:#07a3d417;--recruit-col-bg:#d2d2ef24;--pro-col-bg:#ff66000d;--ttm-col-bg:#fff;--odd-bg:#f9fafb;--even-bg:#fff}.dark-theme{--dialog-bg:#1e1e2a;--text-color:#e5e7eb;--border-color:#ffffff14;--header-bg:#282c3c;--section-bg:#2f2f40;--feature-bg:#252534;--button-bg:#3a3a4a;--button-text:#f3f4f6;--disabled-bg:#3d3d4d;--disabled-text:#7a7a8a;--check-gray:#9ca3af;--check-pro:var(--primary-color);--check-core:#409baf;--core-col-bg:#07a3d426;--recruit-col-bg:#6464b426;--pro-col-bg:#ff66001f;--ttm-col-bg:#2b2b39;--odd-bg:#1e1e2a;--even-bg:#252534}:root{--dialog-bg:#fff;--text-color:#444;--border-color:#dfdfdf;--header-bg:#f3f5ff;--section-bg:#f3f4f6;--feature-bg:#fafafa;--button-bg:#e4e9f3;--button-text:#374151;--disabled-bg:#e5e7eb;--disabled-text:#9ca3af;--check-gray:#6b7280;--check-pro:var(--primary-color);--check-core:#409baf;--core-col-bg:#07a3d417;--recruit-col-bg:#d2d2ef24;--pro-col-bg:#ff66000d;--ttm-col-bg:#fff}.dark-theme{--dialog-bg:#1e1e2a;--text-color:#e5e7eb;--border-color:#ffffff14;--header-bg:#282c3c;--section-bg:#2f2f40;--feature-bg:#252534;--button-bg:#3a3a4a;--button-text:#f3f4f6;--disabled-bg:#3d3d4d;--disabled-text:#7a7a8a;--check-gray:#9ca3af;--check-pro:var(--primary-color);--check-core:#409baf;--core-col-bg:#07a3d426;--recruit-col-bg:#6464b426;--pro-col-bg:#ff66001f;--ttm-col-bg:#2b2b39}.upgradePlansDialog .p-dialog-header{border-top-left-radius:30px;border-top-right-radius:30px}.upgradePlansDialog .p-dialog .p-dialog-content:last-of-type{border-bottom-right-radius:30px;border-bottom-left-radius:30px}.upgradePlansDialog{background-color:var(--dialog-bg);color:var(--text-color)}.upgradePlansDialog .checkIcon{color:var(--check-gray)}.upgradePlansDialog .checkIconCore{color:var(--check-core)!important}.upgradePlansDialog .checkIconPro{color:var(--check-pro)!important}.upgradePlansDialog .upgradeTableWrapper{overflow-x:auto}.upgradePlansDialog .upgradeTable{border-collapse:collapse;width:100%;font-size:.9rem}.upgradePlansDialog .upgradeTable tbody tr:nth-child(odd) .featureCell{background-color:var(--odd-bg)}.upgradePlansDialog .upgradeTable tbody tr:nth-child(2n) .featureCell{background-color:var(--even-bg)}.upgradePlansDialog .upgradeTable td{border-bottom:1px solid var(--border-color);border-right:1px solid var(--border-color);text-align:center;vertical-align:middle;padding:.75rem}.upgradePlansDialog .upgradeTable th:first-child,.upgradePlansDialog .upgradeTable td:first-child{text-align:left;color:var(--text-color);font-weight:500}.upgradePlansDialog .upgradeTable thead th{background-color:var(--header-bg);border-bottom:1px solid var(--border-color);border-right:1px solid var(--border-color);padding:10px;font-size:14px;font-weight:600}.upgradePlansDialog .ttmCol{background-color:var(--ttm-col-bg)}.upgradePlansDialog .recruitCol{background-color:var(--recruit-col-bg)}.upgradePlansDialog .coreCol{background-color:var(--core-col-bg);color:var(--primary-color)}.upgradePlansDialog .proCol{background-color:var(--pro-col-bg);color:var(--primary-color)}@media (min-width:1025px){.upgradePlansDialog .ttmCol,.upgradePlansDialog .recruitCol,.upgradePlansDialog .coreCol,.upgradePlansDialog .proCol{width:180px!important}}.upgradePlansDialog .sectionHeader td{background:var(--section-bg);color:var(--text-color);text-align:left;padding:10px 16px;font-weight:600}.upgradePlansDialog .selectPlanRow td{border-top:2px solid var(--border-color);background:var(--feature-bg);padding:1rem 0}.upgradePlansDialog .p-button-outlined{color:var(--button-text)!important;background:var(--button-bg)!important;border:1px solid #0000!important;border-radius:64px!important;width:130px!important}.upgradePlansDialog .p-button-outlined:hover{opacity:.9}.upgradePlansDialog .selectedPlan{background-color:var(--primary-color)!important;color:#fff!important;border-radius:64px!important;width:130px!important}.upgradePlansDialog .p-button-disabled{color:var(--primary-color)!important;cursor:not-allowed!important;border:1px solid var(--primary-color)!important;background-color:#0000!important;border-radius:64px!important;width:130px!important}.upgradePlansDialog .featuresHeader{background-color:var(--header-bg)!important}.upgradePlansDialog .planCardsWrapper{grid-template-columns:1fr;gap:1rem;padding:.25rem .25rem 1rem;display:none}.upgradePlansDialog .planCard{border:1px solid var(--border-color);background:var(--feature-bg);border-radius:12px;padding:.75rem}.upgradePlansDialog .planCardHeader{border-bottom:1px solid #0000000a;justify-content:center;align-items:center;margin-bottom:.5rem;padding-bottom:.5rem;display:flex}.upgradePlansDialog .planSectionTitle{color:var(--text-color);padding:.5rem 0 .25rem}.upgradePlansDialog .featureList{margin:0;padding:0;list-style:none}.upgradePlansDialog .featureItem{border-bottom:1px dashed #00000008;justify-content:space-between;align-items:center;padding:.35rem 0;display:flex}.upgradePlansDialog .featureInfo{align-items:center;gap:.5rem;display:flex}.upgradePlansDialog .planCardFooter{justify-content:center;padding-top:.5rem;display:flex}@media (max-width:768px){.upgradePlansDialog .upgradeTableWrapper{-webkit-overflow-scrolling:touch;overflow-x:auto}.upgradePlansDialog .featureCheck{padding-left:20px!important}.upgradePlansDialog .upgradeTable{display:none!important}.upgradePlansDialog .planCardsWrapper{grid-template-columns:1fr;gap:1rem;padding:.5rem .5rem 1rem;display:grid!important}.upgradePlansDialog .planCardHeader{justify-content:flex-end!important}.upgradePlansDialog .upgradeTable th.ttmCol,.upgradePlansDialog .upgradeTable td.ttmCol,.upgradePlansDialog .upgradeTable th.recruitCol,.upgradePlansDialog .upgradeTable td.recruitCol,.upgradePlansDialog .upgradeTable th.coreCol,.upgradePlansDialog .upgradeTable td.coreCol,.upgradePlansDialog .upgradeTable th.proCol,.upgradePlansDialog .upgradeTable td.proCol{box-sizing:border-box!important;width:100%!important;padding-left:0!important;padding-right:0!important;display:block!important}.upgradePlansDialog .upgradeTable{font-size:.8rem}.upgradePlansDialog .upgradeTable .ttmCol,.upgradePlansDialog .upgradeTable .recruitCol,.upgradePlansDialog .upgradeTable .coreCol,.upgradePlansDialog .upgradeTable .proCol{width:100%!important;padding:.5rem 0!important;display:block!important}.upgradePlansDialog .upgradeTable td{padding:.5rem .35rem!important}.upgradePlansDialog .upgradeTable .featureText{word-wrap:break-word;font-size:.75rem}.upgradePlansDialog .upgradeTable .featureIcon{flex-shrink:0;width:16px!important;height:16px!important}.upgradePlansDialog .upgradeTable .featureCell{gap:.35rem!important}.upgradePlansDialog .upgradeTable thead th{padding:.5rem!important;font-size:.75rem!important}.upgradePlansDialog .upgradeTable .p-button-outlined,.upgradePlansDialog .upgradeTable .selectedPlan,.upgradePlansDialog .upgradeTable .p-button-disabled{width:100px!important;padding:.35rem .5rem!important;font-size:.7rem!important}.upgradePlansDialog .sectionHeader td{padding:.65rem .5rem!important;font-size:.8rem!important}.upgradePlansDialog .selectPlanRow td{padding:.75rem .35rem!important}}@media (max-width:480px){.upgradePlansDialog .upgradeTable{font-size:.7rem}.upgradePlansDialog .upgradeTable th.ttmCol,.upgradePlansDialog .upgradeTable td.ttmCol,.upgradePlansDialog .upgradeTable th.recruitCol,.upgradePlansDialog .upgradeTable td.recruitCol,.upgradePlansDialog .upgradeTable th.coreCol,.upgradePlansDialog .upgradeTable td.coreCol,.upgradePlansDialog .upgradeTable th.proCol,.upgradePlansDialog .upgradeTable td.proCol{box-sizing:border-box!important;width:100%!important;padding:.35rem 0!important;display:block!important}.upgradePlansDialog .upgradeTable td{padding:.35rem .25rem!important}.upgradePlansDialog .upgradeTable .featureText{font-size:.65rem}.upgradePlansDialog .upgradeTable .featureIcon{width:14px!important;height:14px!important}.upgradePlansDialog .upgradeTable .p-button-outlined,.upgradePlansDialog .upgradeTable .selectedPlan,.upgradePlansDialog .upgradeTable .p-button-disabled{width:80px!important;padding:.25rem .35rem!important;font-size:.6rem!important}.upgradePlansDialog .upgradeTable .p-icon{font-size:.7rem!important}.upgradePlansDialog .upgradeTable thead th{padding:.35rem!important;font-size:.65rem!important}.upgradePlansDialog .sectionHeader td{padding:.5rem .35rem!important;font-size:.7rem!important}.upgradePlansDialog .featureCell{justify-content:center!important}.upgradePlansDialog .planCardsWrapper{display:grid!important}}@media (max-width:1024px) and (min-width:769px){.upgradePlansDialog .upgradeTableWrapper{-webkit-overflow-scrolling:touch;overflow-x:auto}.upgradePlansDialog .upgradeTable{font-size:.85rem}.upgradePlansDialog .upgradeTable .ttmCol,.upgradePlansDialog .upgradeTable .recruitCol,.upgradePlansDialog .upgradeTable .coreCol,.upgradePlansDialog .upgradeTable .proCol{width:150px!important}.upgradePlansDialog .upgradeTable .featureIcon{width:18px!important;height:18px!important}.upgradePlansDialog .upgradeTable .p-button-outlined,.upgradePlansDialog .upgradeTable .selectedPlan,.upgradePlansDialog .upgradeTable .p-button-disabled{width:115px!important;font-size:.75rem!important}}
:root{--color-bg-light:#fafbff;--color-bg-white:#fff;--color-bg-dark:#1a1a1a;--color-text-primary:#000;--color-text-secondary:#333;--color-text-muted:#6b7280;--color-border-light:#e5e7eb;--color-border-medium:#d1d5db;--color-card-border:#cbcdde;--color-section-divider:#d9d9d9}@media (max-width:576px){.mainContainer{width:100%!important;padding:0 .75rem!important}}.dark-theme{--color-bg-light:#111827;--color-bg-white:#1f2937;--color-bg-dark:#0f172a;--color-text-primary:#f9fafb;--color-text-secondary:#d1d5db;--color-text-muted:#9ca3af;--color-border-light:#374151;--color-border-medium:#4b5563;--color-card-border:#4b5563;--color-section-divider:#374151}.mainContainer{width:100%;max-width:100%;margin:0 auto;padding:0 1rem}.upgradePlansDialog2{background:var(--color-bg-light);border-radius:10px;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:830px;height:100%;margin:auto;display:flex;overflow:hidden!important}.upgradePlansDialog2 .dialogBox{background:var(--color-bg-light);border-radius:8px;display:flex;overflow:hidden!important}.upgradePlansDialog2 .dialogBox .leftSection{background:var(--color-bg-light);flex-direction:column;flex:1;justify-content:flex-start;padding:2rem 1.5rem;display:flex;overflow:hidden}.upgradePlansDialog2 .dialogBox .leftSection .tenantTag{color:var(--color-text-primary);border:1px solid var(--color-card-border);background-color:var(--color-bg-white);border-radius:7px;justify-content:center;align-items:center;gap:.5rem;width:fit-content;margin-bottom:.5rem;padding:10px;font-size:.9rem;font-weight:500;display:flex}.upgradePlansDialog2 .dialogBox .leftSection .upgradeTitle{color:var(--color-text-primary);margin-bottom:1.5rem;font-size:16px;font-weight:600}.upgradePlansDialog2 .dialogBox .leftSection .annualSwitch{align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.upgradePlansDialog2 .dialogBox .leftSection .annualSwitch .annualText{color:var(--color-text-secondary);font-size:.9rem}.upgradePlansDialog2 .dialogBox .leftSection .priceInfo{margin-bottom:1.5rem;font-size:1rem}.upgradePlansDialog2 .dialogBox .leftSection .priceInfo .price{color:var(--primary-color);font-weight:600}.upgradePlansDialog2 .dialogBox .leftSection .priceInfo .note{color:var(--color-text-muted);margin-left:.25rem}.upgradePlansDialog2 .dialogBox .leftSection .tryButton{color:#fff;border:none;width:100%;margin-bottom:20px;font-weight:600;transition:background .2s;background:var(--primary-color)!important}.upgradePlansDialog2 .dialogBox .leftSection .termsNote{border-top:2px solid var(--color-section-divider);color:var(--color-text-muted);padding-top:10px;font-size:.8rem;line-height:1.4}.upgradePlansDialog2 .dialogBox .leftSection .termsNote .termsLink{color:var(--primary-color);padding-left:5px;text-decoration:none}.upgradePlansDialog2 .dialogBox .leftSection .termsNote .termsLink:hover{text-decoration:underline}.upgradePlansDialog2 .dialogBox .rightSection{background:var(--color-bg-white);border-radius:10px;flex:1;height:290px;margin:25px;padding:1.5rem;overflow:hidden}.upgradePlansDialog2 .dialogBox .rightSection:hover{overflow-y:auto}.upgradePlansDialog2 .dialogBox .rightSection .sectionTitle{color:var(--color-text-primary);margin-bottom:1rem;font-size:16px;font-weight:500}.upgradePlansDialog2 .dialogBox .rightSection .featureList{flex-direction:column;gap:.75rem;margin-bottom:1.5rem;display:flex}.upgradePlansDialog2 .dialogBox .rightSection .featureItem{color:var(--color-text-secondary);align-items:center;gap:.75rem;font-size:.9rem;display:flex}.upgradePlansDialog2 .dialogBox .rightSection .featureItem i{font-size:1rem}.upgradePlansDialog2 .dialogBox .rightSection .featureDivider{background:var(--color-border-medium);height:1px;margin:.75rem 0}.upgradePlansDialog2 .dialogBox .rightSection .icon-active{color:var(--color-success)}.upgradePlansDialog2 .dialogBox .rightSection .icon-primary{color:var(--primary-color)}.upgradePlansDialog2 .dialogBox .rightSection .icon-basic{color:var(--color-text-muted)}.upgradePlansDialog2 .dialogBox .rightSection .highlight{color:var(--color-text-primary);font-weight:600}@media (max-width:992px){.upgradePlansDialog2 .dialogBox{flex-direction:column;width:100%;height:auto}.upgradePlansDialog2 .dialogBox .leftSection{border-right:none;border-bottom:1px solid var(--color-border-light);height:auto;padding:1.5rem}.upgradePlansDialog2 .dialogBox .rightSection{padding:1.5rem}}@media (max-width:576px){.upgradePlansDialog2{padding:1rem}.upgradePlansDialog2 .dialogBox{border-radius:6px}.upgradePlansDialog2 .dialogBox .leftSection{padding:1rem}.upgradePlansDialog2 .dialogBox .leftSection .tenantTag{padding:8px;font-size:.8rem}.upgradePlansDialog2 .dialogBox .leftSection .upgradeTitle{margin-bottom:1rem;font-size:14px}.upgradePlansDialog2 .dialogBox .leftSection .tryButton{padding:.75rem;font-size:.9rem}.upgradePlansDialog2 .dialogBox .rightSection{padding:1rem}.upgradePlansDialog2 .dialogBox .rightSection .sectionTitle{font-size:14px}.upgradePlansDialog2 .dialogBox .rightSection .featureItem{font-size:.85rem}}