:root{--primary-color: #4f46e5;--primary-hover: #4338ca;--primary-light: #6366f1;--primary-dark: #3730a3;--primary-bg: rgba(79, 70, 229, .1);--primary-border: rgba(79, 70, 229, .2)}*{padding:0;margin:0;box-sizing:border-box}.subscription-dashboard{padding:24px;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 100%);min-height:100vh}.dashboard-header{text-align:center;margin-bottom:32px;color:#fff}.dashboard-header .ant-typography{color:#fff!important}.expiry-alert{margin-bottom:24px;border-radius:8px}.plan-overview-card{border-radius:16px;box-shadow:0 8px 32px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.plan-header{margin-bottom:20px}.plan-description{font-size:16px;line-height:1.6}.upgrade-button{background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 100%);border:none;border-radius:8px;height:48px;font-weight:600}.usage-cards-container .usage-card{border-radius:12px;transition:all .3s ease;border:none;box-shadow:0 4px 20px #00000014}.usage-card:hover{transform:translateY(-4px);box-shadow:0 8px 32px #00000026}.usage-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.usage-icon{font-size:24px;margin-right:8px}.unlimited-tag{background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 100%);color:#fff;border:none;font-weight:600}.usage-progress .ant-progress-bg{border-radius:4px}.usage-details{display:flex;justify-content:space-between;margin-top:8px}.usage-card-critical{border-left:4px solid #ff4d4f}.usage-card-warning{border-left:4px solid #faad14}.usage-card-good{border-left:4px solid #52c41a}.usage-card-unlimited{border-left:4px solid #722ed1}.features-card{border-radius:16px;box-shadow:0 8px 32px #0000001a}.feature-card{border-radius:8px;transition:all .2s ease}.enabled-feature{border:1px solid #52c41a;background:#f6ffed}.disabled-feature{border:1px solid #d9d9d9;background:#f5f5f5}.feature-icon{font-size:18px}.plan-selection-modal .ant-modal-content{border-radius:16px;overflow:hidden}.plan-selection-card{border-radius:16px;overflow:hidden;transition:all .3s ease;border:2px solid transparent}.plan-selection-card:hover{transform:translateY(-8px);box-shadow:0 12px 40px #00000026}.current-plan{border-color:#4f46e5!important}.popular-plan{border-color:#faad14!important}.plan-header{padding:32px 24px;text-align:center;position:relative}.popular-badge{position:absolute;top:12px;right:12px}.plan-title{color:#fff}.plan-price .currency{font-size:18px;vertical-align:top}.plan-price .price{font-size:48px;font-weight:700}.plan-price .period{font-size:16px;opacity:.8}.free-price{font-size:36px;font-weight:700}.plan-content{padding:24px}.features-list{list-style:none;padding:0;margin:16px 0}.feature-item{display:flex;align-items:center;gap:8px;margin-bottom:12px;font-size:14px}.limit-item{text-align:center;padding:8px;margin-bottom:8px}.select-plan-btn{height:48px;font-weight:600;border-radius:8px}.no-subscription-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 100%);padding:24px}.welcome-card{max-width:800px;border-radius:24px;box-shadow:0 20px 60px #0003;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.welcome-content{text-align:center;padding:48px}@media (max-width: 768px){.subscription-dashboard{padding:16px}.usage-cards-container{margin:0 -8px}.welcome-content{padding:32px 24px}.plan-header{padding:24px 16px}.plan-price .price{font-size:36px}}@media (max-width: 768px){.mobile-sidebar .ant-drawer-content{background:#fff}.mobile-sidebar .ant-drawer-header{border-bottom:1px solid #f0f0f0}.ant-drawer{z-index:1050!important}}._loginContainer_17l4h_3{width:100%;max-width:450px;padding:40px 30px;margin:0 auto}._header_17l4h_10{text-align:center;margin-bottom:40px}._title_17l4h_15{margin:0 0 8px!important;color:#1f2937!important;font-size:32px!important}._subtitle_17l4h_21{color:#6b7280!important;font-size:16px!important}._googleButton_17l4h_26{height:56px!important;margin-bottom:28px!important;border:1px solid #e5e7eb!important;border-radius:12px!important;font-size:16px!important;font-weight:500!important;display:flex!important;align-items:center!important;justify-content:center!important}._googleIcon_17l4h_38{font-size:18px!important}._divider_17l4h_42{margin:28px 0!important;color:#9ca3af!important}._dividerText_17l4h_47{color:#9ca3af!important;font-size:14px!important}._formItem_17l4h_52{margin-bottom:24px!important}._label_17l4h_56{color:#374151!important;font-weight:500!important;font-size:15px!important}._input_17l4h_62{height:56px!important;border-radius:12px!important;border:1px solid #e5e7eb!important;font-size:16px!important;padding:16px!important}._passwordInput_17l4h_70{height:56px!important;border-radius:12px!important;border:1px solid #e5e7eb!important;font-size:16px!important}._rememberSection_17l4h_77{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}._checkbox_17l4h_84{color:#6b7280!important;font-size:15px!important}._forgotLink_17l4h_89{color:#5865f2!important;font-size:15px!important;font-weight:500!important}._loginButton_17l4h_95{height:56px!important;background-color:#5865f2!important;border-color:#5865f2!important;border-radius:12px!important;font-size:16px!important;font-weight:600!important;box-shadow:0 4px 12px #5865f24d!important}._loginButtonItem_17l4h_105{margin-bottom:24px!important}._signupSection_17l4h_109{text-align:center;margin-top:24px}._signupText_17l4h_114{color:#6b7280!important;font-size:15px!important}._signupLink_17l4h_119{color:#5865f2!important;font-weight:500!important;font-size:15px!important}.react-international-phone-country-selector{position:relative}.react-international-phone-country-selector-button{display:flex;height:var(--react-international-phone-height, 36px);box-sizing:border-box;align-items:center;justify-content:center;padding:0;border:1px solid var(--react-international-phone-country-selector-border-color, var(--react-international-phone-border-color, gainsboro));margin:0;appearance:button;-webkit-appearance:button;background-color:var(--react-international-phone-country-selector-background-color, var(--react-international-phone-background-color, white));cursor:pointer;text-transform:none;-webkit-user-select:none;user-select:none}.react-international-phone-country-selector-button:hover{background-color:var(--react-international-phone-country-selector-background-color-hover, whitesmoke)}.react-international-phone-country-selector-button--hide-dropdown{cursor:auto}.react-international-phone-country-selector-button--hide-dropdown:hover{background-color:transparent}.react-international-phone-country-selector-button__button-content{display:flex;align-items:center;justify-content:center}.react-international-phone-country-selector-button__flag-emoji{margin:0 4px}.react-international-phone-country-selector-button__flag-emoji--disabled{opacity:.75}.react-international-phone-country-selector-button__dropdown-arrow{border-top:var(--react-international-phone-country-selector-arrow-size, 4px) solid var(--react-international-phone-country-selector-arrow-color, #777);border-right:var(--react-international-phone-country-selector-arrow-size, 4px) solid transparent;border-left:var(--react-international-phone-country-selector-arrow-size, 4px) solid transparent;margin-right:4px;transition:all .1s ease-out}.react-international-phone-country-selector-button__dropdown-arrow--active{transform:rotateX(180deg)}.react-international-phone-country-selector-button__dropdown-arrow--disabled{border-top-color:var(--react-international-phone-disabled-country-selector-arrow-color, #999)}.react-international-phone-country-selector-button--disabled{background-color:var(--react-international-phone-disabled-country-selector-background-color, var(--react-international-phone-disabled-background-color, whitesmoke));cursor:auto}.react-international-phone-country-selector-button--disabled:hover{background-color:var(--react-international-phone-disabled-country-selector-background-color, var(--react-international-phone-disabled-background-color, whitesmoke))}.react-international-phone-flag-emoji{width:var(--react-international-phone-flag-width, 24px);height:var(--react-international-phone-flag-height, 24px);box-sizing:border-box}.react-international-phone-country-selector-dropdown{position:absolute;z-index:1;top:var(--react-international-phone-dropdown-top, 44px);left:var(--react-international-phone-dropdown-left, 0);display:flex;width:300px;max-height:200px;flex-direction:column;padding:4px 0;margin:0;background-color:var(--react-international-phone-dropdown-item-background-color, var(--react-international-phone-background-color, white));box-shadow:var(--react-international-phone-dropdown-shadow, 2px 2px 16px rgba(0, 0, 0, .25));color:var(--react-international-phone-dropdown-item-text-color, var(--react-international-phone-text-color, #222));list-style:none;overflow-y:scroll}.react-international-phone-country-selector-dropdown__preferred-list-divider{height:1px;border:none;margin:var(--react-international-phone-dropdown-preferred-list-divider-margin, 0);background:var(--react-international-phone-dropdown-preferred-list-divider-color, var(--react-international-phone-border-color, gainsboro))}.react-international-phone-country-selector-dropdown__list-item{display:flex;min-height:var(--react-international-phone-dropdown-item-height, 28px);box-sizing:border-box;align-items:center;padding:2px 8px}.react-international-phone-country-selector-dropdown__list-item-flag-emoji{margin-right:8px}.react-international-phone-country-selector-dropdown__list-item-country-name{overflow:hidden;margin-right:8px;font-size:var(--react-international-phone-dropdown-item-font-size, 14px);text-overflow:ellipsis;white-space:nowrap}.react-international-phone-country-selector-dropdown__list-item-dial-code{color:var(--react-international-phone-dropdown-item-dial-code-color, gray);font-size:var(--react-international-phone-dropdown-item-font-size, 14px)}.react-international-phone-country-selector-dropdown__list-item:hover{background-color:var(--react-international-phone-selected-dropdown-item-background-color, var(--react-international-phone-selected-dropdown-item-background-color, whitesmoke));cursor:pointer}.react-international-phone-country-selector-dropdown__list-item--selected,.react-international-phone-country-selector-dropdown__list-item--focused{background-color:var(--react-international-phone-selected-dropdown-item-background-color, whitesmoke);color:var(--react-international-phone-selected-dropdown-item-text-color, var(--react-international-phone-text-color, #222))}.react-international-phone-country-selector-dropdown__list-item--selected .react-international-phone-country-selector-dropdown__list-item-dial-code,.react-international-phone-country-selector-dropdown__list-item--focused .react-international-phone-country-selector-dropdown__list-item-dial-code{color:var(--react-international-phone-selected-dropdown-item-dial-code-color, var(--react-international-phone-dropdown-item-dial-code-color, gray))}.react-international-phone-country-selector-dropdown__list-item--focused{background-color:var(--react-international-phone-selected-dropdown-item-background-color, var(--react-international-phone-selected-dropdown-item-background-color, whitesmoke))}.react-international-phone-dial-code-preview{display:flex;align-items:center;justify-content:center;padding:0 8px;border:1px solid var(--react-international-phone-dial-code-preview-border-color, var(--react-international-phone-border-color, gainsboro));margin-right:-1px;background-color:var(--react-international-phone-dial-code-preview-background-color, var(--react-international-phone-background-color, white));color:var(--react-international-phone-dial-code-preview-text-color, var(--react-international-phone-text-color, #222));font-size:var(--react-international-phone-dial-code-preview-font-size, var(--react-international-phone-font-size, 13px))}.react-international-phone-dial-code-preview--disabled{background-color:var(--react-international-phone-dial-code-preview-disabled-background-color, var(--react-international-phone-disabled-background-color, whitesmoke));color:var(--react-international-phone-dial-code-preview-disabled-text-color, var(--react-international-phone-disabled-text-color, #666))}.react-international-phone-input-container{display:flex}.react-international-phone-input-container .react-international-phone-country-selector-button{border-radius:var(--react-international-phone-border-radius, 4px);margin-right:-1px;border-bottom-right-radius:0;border-top-right-radius:0}.react-international-phone-input-container .react-international-phone-input{overflow:visible;height:var(--react-international-phone-height, 36px);box-sizing:border-box;padding:0 8px;border:1px solid var(--react-international-phone-border-color, gainsboro);border-radius:var(--react-international-phone-border-radius, 4px);margin:0;background-color:var(--react-international-phone-background-color, white);border-bottom-left-radius:0;border-top-left-radius:0;color:var(--react-international-phone-text-color, #222);font-family:inherit;font-size:var(--react-international-phone-font-size, 13px)}.react-international-phone-input-container .react-international-phone-input:focus{outline:none}.react-international-phone-input-container .react-international-phone-input--disabled{background-color:var(--react-international-phone-disabled-background-color, whitesmoke);color:var(--react-international-phone-disabled-text-color, #666)}@keyframes _pulse_1vlmz_245{0%{opacity:1}50%{opacity:.5}to{opacity:1}}._notificationDropdown_1vlmz_9{position:relative}._notificationButton_1vlmz_13{font-size:16px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;position:relative}._unreadIndicator_1vlmz_23{position:absolute;top:8px;right:8px;width:8px;height:8px;border-radius:50%;background-color:#52c41a;z-index:1}._unreadIndicatorDark_1vlmz_34{border:2px solid #141414}._unreadIndicatorLight_1vlmz_38{border:2px solid #fff}._dropdownContainer_1vlmz_42{border-radius:12px;box-shadow:0 12px 32px #0000001f,0 2px 6px #00000014;width:420px;max-height:600px;overflow:hidden;display:flex;flex-direction:column}._dropdownContainerDark_1vlmz_53{background-color:#1f1f1f;border:1px solid #303030}._dropdownContainerLight_1vlmz_58{background-color:#fff;border:1px solid #e6e6e6}._loadingOverlay_1vlmz_64{position:absolute;inset:0;background:#fffc;display:flex;align-items:center;justify-content:center;z-index:10;border-radius:12px}._headerContainer_1vlmz_78{padding:16px 20px;margin:-12px -16px 0;border-radius:8px 8px 0 0}._headerContainerDark_1vlmz_84{border-bottom:1px solid #303030;background:#1f1f1f}._headerContainerLight_1vlmz_89{border-bottom:1px solid #f0f0f0;background:#fafafa}._headerTop_1vlmz_94{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}._headerTitle_1vlmz_101{display:flex;align-items:center;gap:8px}._bellIcon_1vlmz_107{font-size:18px}._bellIconDark_1vlmz_111{color:#fff}._bellIconLight_1vlmz_115{color:#000}._titleText_1vlmz_119{font-size:16px;font-weight:600}._unreadBadge_1vlmz_124{background-color:#52c41a;color:#fff;font-size:11px;height:18px;line-height:18px;min-width:18px}._settingsButton_1vlmz_133{font-size:14px}._searchInput_1vlmz_137{margin-bottom:12px}._actionButtons_1vlmz_141{display:flex;gap:8px}._actionButton_1vlmz_141{padding:0 4px;height:auto;font-size:12px}._notificationItem_1vlmz_152{padding:16px 20px;margin:-12px -16px;border-radius:0;cursor:pointer;transition:all .2s ease;position:relative}._notificationItemUnread_1vlmz_161{border-left:3px solid transparent}._notificationItemUnreadDark_1vlmz_165{background-color:#1890ff14}._notificationItemUnreadLight_1vlmz_169{background-color:#1890ff0a}._notificationItemRead_1vlmz_173{background-color:transparent}._notificationContent_1vlmz_177{display:flex;align-items:flex-start;gap:12px}._notificationIcon_1vlmz_183{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:2px solid transparent}._notificationIconDark_1vlmz_194{background-color:#262626}._notificationIconLight_1vlmz_198{background-color:#f5f5f5}._notificationIconUnread_1vlmz_202{border-width:2px;border-style:solid}._notificationBody_1vlmz_207{flex:1;min-width:0}._notificationHeader_1vlmz_212{display:flex;align-items:center;justify-content:space-between}._notificationTitleContainer_1vlmz_218{display:flex;align-items:center;gap:8px}._notificationTitle_1vlmz_218{font-size:14px;line-height:20px}._notificationTitleDark_1vlmz_229{color:#fff}._notificationTitleLight_1vlmz_233{color:#000}._notificationTitleUnread_1vlmz_237{font-weight:600}._notificationTitleRead_1vlmz_241{font-weight:400}._pulseIndicator_1vlmz_245{width:6px;height:6px;border-radius:50%;flex-shrink:0;animation:_pulse_1vlmz_245 2s infinite}._notificationDescription_1vlmz_253{font-size:13px;line-height:18px;display:block;margin-top:4px;word-break:break-word;color:#00000073}._notificationDescriptionDark_1vlmz_262{color:#ffffff73}._notificationFooter_1vlmz_266{display:flex;justify-content:space-between;align-items:center;margin-top:6px}._notificationTime_1vlmz_273{font-size:11px;line-height:14px;color:#00000073}._notificationTimeDark_1vlmz_279{color:#ffffff73}._priorityBadge_1vlmz_283{font-size:10px;text-transform:uppercase}._emptyContainer_1vlmz_288{padding:32px 20px;text-align:center}._emptyState_1vlmz_293{margin:0}._footerContainer_1vlmz_297{text-align:center;padding:12px 20px;margin:0 -16px -12px;border-radius:0 0 8px 8px}._footerContainerDark_1vlmz_304{border-top:1px solid #303030;background:#1f1f1f}._footerContainerLight_1vlmz_309{border-top:1px solid #f0f0f0;background:#fafafa}._viewAllButton_1vlmz_314{font-weight:500}._iconUser_1vlmz_319{font-size:16px;color:#52c41a}._iconSystem_1vlmz_324{font-size:16px;color:#faad14}._iconPayment_1vlmz_329{font-size:16px;color:#4f46e5}._iconGeneral_1vlmz_334{font-size:16px;color:#722ed1}._priorityHigh_1vlmz_340{color:#ff4d4f}._priorityMedium_1vlmz_344{color:#faad14}._priorityLow_1vlmz_348{color:#52c41a}._priorityDefault_1vlmz_352{color:#d9d9d9}