/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ /* stylelint-disable no-duplicate-selectors */ /* stylelint-disable */ /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ .ant-result { padding: 48px 32px; } .ant-result-success .ant-result-icon > .anticon { color: #52c41a; } .ant-result-error .ant-result-icon > .anticon { color: #ff4d4f; } .ant-result-info .ant-result-icon > .anticon { color: #f57423; } .ant-result-warning .ant-result-icon > .anticon { color: #faad14; } .ant-result-image { width: 250px; height: 295px; margin: auto; } .ant-result-icon { margin-bottom: 24px; text-align: center; } .ant-result-icon > .anticon { font-size: 72px; } .ant-result-title { color: rgba(0, 0, 0, 0.85); font-size: 24px; line-height: 1.8; text-align: center; } .ant-result-subtitle { color: rgba(0, 0, 0, 0.45); font-size: 14px; line-height: 1.6; text-align: center; } .ant-result-extra { margin: 24px 0 0 0; text-align: center; } .ant-result-extra > * { margin-right: 8px; } .ant-result-extra > *:last-child { margin-right: 0; } .ant-result-content { margin-top: 24px; padding: 24px 40px; background-color: #fafafa; } .ant-result-rtl { direction: rtl; } .ant-result-rtl .ant-result-extra > * { margin-right: 0; margin-left: 8px; } .ant-result-rtl .ant-result-extra > *:last-child { margin-left: 0; } /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ /* stylelint-disable no-duplicate-selectors */ /* stylelint-disable */ /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ #__next-prerender-indicator { display: none; } body { font-family: "Inter", sans-serif; } .ant-table { overflow-y: scroll; } @charset "UTF-8"; html { overscroll-behavior: none; -webkit-overflow-scrolling: touch; height: 100%; background-color: #FFFFFF; --primary-color: #FF6600; --secondary-color: #2C3E50; --background-color: #FFFFFF; --surface-color: #FFFFFF; --text-color: #333333; --text-secondary-color: #666666; --border-color: #E0E0E0; --border-color-light: #E5E7EB; --surface-hover-color: #F9FAFB; --surface-selected-color: #F8F9FA; --error-color: #FF4D4F; --success-color: #52C41A; --warning-color: #FAAD14; --info-color: #1890FF; } html[data-theme="dark"] { --primary-color: #FF6600; --secondary-color: #CC5200; --background-color: transparent; --surface-color: #000000; --text-color: #FFFFFF; --text-secondary-color: #CCCCCC; --border-color: #303030; --border-color-subtle: #252525; --border-color-light: #404040; --surface-hover-color: #2A2A2A; --surface-selected-color: #333333; --error-color: #FF7875; --success-color: #73D13D; --warning-color: #FFC53D; --info-color: #40A9FF; --gradient-brand: linear-gradient(89deg,#FF6600 0.5%,#9747FF 98.87%); } html[data-theme="dark"] .modal-search-events .ant-modal-header { background: transparent !important; border: none !important; border-bottom: none !important; } html[data-theme="dark"] .modal-search-events .ant-modal-title { background: transparent !important; border: none !important; } html[data-theme="dark"] .modal-search-events .modal-back-icon { color: #f7931e !important; background: rgba(247, 147, 30, 0.1) !important; border-radius: 50% !important; width: 32px !important; height: 32px !important; display: flex !important; align-items: center !important; justify-content: center !important; transition: all 0.2s ease !important; border: 1px solid rgba(247, 147, 30, 0.2) !important; } html[data-theme="dark"] .modal-search-events .modal-back-icon:hover { background: rgba(247, 147, 30, 0.2) !important; transform: scale(1.05) !important; } html[data-theme="dark"] .modal-search-events .search-icon, html[data-theme="dark"] .modal-search-events .location-icon, html[data-theme="dark"] .modal-search-events .down-icon { color: #f7931e !important; } html[data-theme="dark"] .modal-search-events .ant-modal-body { background: linear-gradient(rgba(0, 0, 0, 0.1) 0%, rgba(255, 255, 255, 0.1) 100%), var(--background-color); } html[data-theme="dark"] .modal-search-events .ant-input-affix-wrapper { background: rgba(255, 255, 255, 0.05) !important; border: 1px solid rgba(255, 255, 255, 0.1) !important; border-radius: 12px !important; color: var(--text-color) !important; transition: all 0.3s ease !important; min-height: 48px !important; padding: 10px 15px !important; } html[data-theme="dark"] .modal-search-events .ant-input-affix-wrapper .ant-input { background: transparent !important; color: var(--text-color) !important; font-size: 15px !important; border: none !important; box-shadow: none !important; outline: none !important; } html[data-theme="dark"] .modal-search-events .ant-input-affix-wrapper .ant-input:focus { border: none !important; box-shadow: none !important; outline: none !important; } html[data-theme="dark"] .modal-search-events .ant-input-affix-wrapper .ant-input::placeholder { color: rgba(255, 255, 255, 0.4) !important; } html[data-theme="dark"] .modal-search-events .ant-input-affix-wrapper:hover { border-color: rgba(247, 147, 30, 0.3) !important; background: rgba(255, 255, 255, 0.08) !important; } html[data-theme="dark"] .modal-search-events .ant-input-affix-wrapper:focus-within { border-color: #f7931e !important; background: rgba(255, 255, 255, 0.1) !important; box-shadow: 0 0 0 3px rgba(247, 147, 30, 0.15) !important; } html[data-theme="dark"] .modal-search-events .ant-select-selector { background: rgba(255, 255, 255, 0.05) !important; border: 1px solid rgba(255, 255, 255, 0.1) !important; border-radius: 12px !important; color: var(--text-color) !important; transition: all 0.3s ease !important; min-height: 48px !important; padding: 8px 15px !important; } html[data-theme="dark"] .modal-search-events .ant-select-selector .ant-select-selection-item { color: var(--text-color) !important; font-weight: 600 !important; font-size: 14px !important; line-height: 32px !important; } html[data-theme="dark"] .modal-search-events .ant-select-selector:hover { border-color: rgba(247, 147, 30, 0.3) !important; background: rgba(255, 255, 255, 0.08) !important; } html[data-theme="dark"] .modal-search-events .tag { background-color: rgba(247, 147, 30, 0.1); border-color: rgba(247, 147, 30, 0.3); color: var(--text-color); } html[data-theme="dark"] .modal-search-events .insert-coupon { background-color: rgba(255, 255, 255, 0.05); border-color: rgba(255, 255, 255, 0.1); } html[data-theme="dark"] .modal-search-events .content-search-modal { color: var(--text-color); } html[data-theme="dark"] .modal-search-events .button-search-modal { background: linear-gradient(135deg, #ff6b35 0%, #9b59b6 100%); border-color: transparent; } html[data-theme="dark"] .modal-search-events .tag-box { background-color: rgba(255, 255, 255, 0.03); border-color: rgba(255, 255, 255, 0.1); } html[data-theme="dark"] .modal-search-events .title-box { color: var(--text-secondary-color); } .theme-background { background-color: var(--background-color); color: var(--text-color); transition: background-color 0.3s ease, color 0.3s ease; } .theme-surface { background-color: var(--surface-color); color: var(--text-color); transition: background-color 0.3s ease, color 0.3s ease; } .orders-wrapper .theme-surface, .dashboard-wrapper .theme-surface, .setup-mysite-wrapper .theme-surface, .product-options-wrapper .theme-surface, .followers-wrapper .theme-surface, .events-users-wrapper .theme-surface, .blacklist-wrapper .theme-surface, .producer-wrapper .theme-surface, .branch-data-wrapper .theme-surface, .bank-data-wrapper .theme-surface, .documents-wrapper .theme-surface, .company-data-wrapper .theme-surface, .form-edit-ticket-wrapper .theme-surface, .zones-by-ticket-wrapper .theme-surface, .table-form-wrapper .theme-surface, .list-sold-wrapper .theme-surface, .event-summary-wrapper .theme-surface, .card-event-wrapper .theme-surface, .current-event-wrapper .theme-surface, .past-event-wrapper .theme-surface, .sales-general-summary-wrapper .theme-surface, .modal-countries-wrapper .theme-surface, .modal-search-text-wrapper .theme-surface, .new-company-wrapper .theme-surface { background-color: var(--surface-color) !important; border-color: var(--border-color) !important; color: var(--text-color) !important; } .theme-text { color: var(--text-color); transition: color 0.3s ease; } .theme-text-secondary { color: var(--text-secondary-color); transition: color 0.3s ease; } .theme-border { border-color: var(--border-color); transition: border-color 0.3s ease; } .theme-primary { color: var(--primary-color); transition: color 0.3s ease; } .theme-secondary { color: var(--secondary-color); transition: color 0.3s ease; } body { background-color: var(--background-color); color: var(--text-color); transition: background-color 0.3s ease, color 0.3s ease; overscroll-behavior: none; -webkit-overflow-scrolling: touch; min-height: 100%; position: relative; } html[data-theme="dark"] { background: radial-gradient(circle at 50% 0%, #1a1a1a 0%, #000000 100%) !important; background-attachment: fixed !important; min-height: 100vh; background-color: #000000 !important; } html[data-theme="dark"] body { background: transparent !important; min-height: 100vh; overscroll-behavior: none; } .right-menu-box { background-color: #FFFFFF !important; border: 1px solid var(--border-color) !important; } .right-menu-box .primary-text { color: var(--text-color) !important; } .right-menu-box .secondary-text { color: var(--text-secondary-color) !important; } [data-theme="dark"] .right-menu-box { background-color: #000000 !important; } .lateral-menu { border-right: 1px solid var(--border-color) !important; } .lateral-menu .item-menu .link { color: var(--text-secondary-color) !important; transition: color 0.2s ease; } .lateral-menu .item-menu .link.selected { color: var(--text-color) !important; font-weight: 600 !important; } .lateral-menu .item-menu .link:hover { color: var(--text-color) !important; } .lateral-menu .item-menu.collapse-button { cursor: pointer !important; border-radius: 8px !important; transition: all 0.2s ease !important; } .lateral-menu .item-menu.collapse-button:hover { background-color: rgba(255, 255, 255, 0.05) !important; transform: scale(1.02) !important; } .lateral-menu .ant-menu-item:hover { background-color: var(--surface-color) !important; } .right-menu .ant-menu-item { padding-left: 0px !important; padding-right: 0px !important; } .right-menu .ant-menu-item .item-menu { padding-left: 0px !important; } .lateral-menu .anticon, .lateral-menu svg { color: var(--text-secondary-color) !important; transition: color 0.2s ease; } .lateral-menu .anticon.selected, .lateral-menu .anticon[data-selected="true"], .lateral-menu svg.selected, .lateral-menu svg[data-selected="true"] { color: var(--text-color) !important; } [data-theme="dark"] .card-event { background-color: #000000 !important; } [data-theme="dark"] .card-event .shadown { border: 1px solid var(--border-color) !important; } [data-theme="dark"] .card-event .store-title, [data-theme="dark"] .card-event .description, [data-theme="dark"] .card-event .info, [data-theme="dark"] .card-event .info p { color: var(--text-color) !important; background-color: #000000 !important; } [data-theme="dark"] .card-event .name { color: #FF6600 !important; } [data-theme="dark"] .card-event .date-badge-modern { background: rgba(0, 0, 0, 0.8) !important; border: 1px solid rgba(255, 255, 255, 0.1) !important; box-shadow: 0 2px 12px rgba(0, 0, 0, 0.4), 0 1px 4px rgba(0, 0, 0, 0.2) !important; } [data-theme="dark"] .card-event .date-badge-modern:hover { background: rgba(0, 0, 0, 0.9) !important; border-color: rgba(255, 255, 255, 0.2) !important; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.6), 0 2px 8px rgba(0, 0, 0, 0.3) !important; } [data-theme="dark"] .card-event .date-badge-modern .date-day { color: #FFFFFF !important; } [data-theme="dark"] .card-event .date-badge-modern .date-month { color: #CCCCCC !important; } [data-theme="dark"] .favorites-container .title, [data-theme="dark"] .favorites-container .primary-text { color: var(--text-color) !important; } [data-theme="dark"] .favorites-container .sub-text { color: var(--text-secondary-color) !important; } [data-theme="dark"] .ant-layout-sider, [data-theme="dark"] .lateral-menu, [data-theme="dark"] .left-menu { background-color: #000000 !important; } [data-theme="dark"] .login-card { background: transparent !important; border: none !important; box-shadow: none !important; } [data-theme="dark"] .login-card .ant-input, [data-theme="dark"] .login-card .ant-input-password { border-color: #4B5563 !important; } [data-theme="dark"] .login-card .ant-input:hover, [data-theme="dark"] .login-card .ant-input-password:hover { border-color: #6B7280 !important; } [data-theme="dark"] .login-card .ant-input:focus, [data-theme="dark"] .login-card .ant-input.ant-input-affix-wrapper-focused, [data-theme="dark"] .login-card .ant-input-password:focus, [data-theme="dark"] .login-card .ant-input-password.ant-input-affix-wrapper-focused { border-color: #9CA3AF !important; box-shadow: 0 0 0 3px rgba(156, 163, 175, 0.1) !important; } [data-theme="dark"] .login-card .btn-login-temporary { color: #9CA3AF !important; } [data-theme="dark"] .login-card .btn-login-temporary:hover { color: #FFFFFF !important; text-decoration-thickness: 2px !important; } [data-theme="dark"] .login-card .btn-login-google-modern:hover { box-shadow: 0 8px 32px rgba(255, 255, 255, 0.1) !important; } [data-theme="dark"] .login-card .btn-login-email:hover, [data-theme="dark"] .login-card .btn-login-phone:hover { border-color: #6B7280 !important; color: #E5E7EB !important; } [data-theme="dark"] .login-card .verification-email-container { background: rgba(255, 102, 0, 0.08) !important; border-color: rgba(255, 102, 0, 0.15) !important; } [data-theme="dark"] .login-card .verification-input input { background: #1F2937 !important; border-color: #4B5563 !important; color: #FFFFFF !important; } [data-theme="dark"] .login-card .verification-input input:hover { border-color: #6B7280 !important; } [data-theme="dark"] .login-card .verification-input input:focus { border-color: var(--primary-color) !important; background: #111827 !important; } [data-theme="dark"] .login-card .btn-verification-back { background: transparent !important; border-color: #4B5563 !important; color: #9CA3AF !important; } [data-theme="dark"] .login-card .btn-verification-back:hover { border-color: #6B7280 !important; color: #E5E7EB !important; } [data-theme="dark"] .login-card .ant-form-item-explain-error, [data-theme="dark"] .login-card .ant-form-item-explain { color: #D4A574 !important; } [data-theme="dark"] .login-card .ant-form-item-explain-error div, [data-theme="dark"] .login-card .ant-form-item-explain div { color: #D4A574 !important; } [data-theme="dark"] .login-card .ant-form-item-has-error .ant-input, [data-theme="dark"] .login-card .ant-form-item-has-error .ant-input-password, [data-theme="dark"] .login-card .ant-form-item-has-error .ant-input-affix-wrapper { border-color: #8B6914 !important; background: rgba(212, 165, 116, 0.03) !important; } [data-theme="dark"] .login-card .ant-form-item-has-error .ant-input:hover, [data-theme="dark"] .login-card .ant-form-item-has-error .ant-input-password:hover, [data-theme="dark"] .login-card .ant-form-item-has-error .ant-input-affix-wrapper:hover { border-color: #A16207 !important; background: rgba(212, 165, 116, 0.05) !important; } [data-theme="dark"] .login-card .ant-form-item-has-error .ant-input:focus, [data-theme="dark"] .login-card .ant-form-item-has-error .ant-input.ant-input-affix-wrapper-focused, [data-theme="dark"] .login-card .ant-form-item-has-error .ant-input-password:focus, [data-theme="dark"] .login-card .ant-form-item-has-error .ant-input-password.ant-input-affix-wrapper-focused, [data-theme="dark"] .login-card .ant-form-item-has-error .ant-input-affix-wrapper:focus, [data-theme="dark"] .login-card .ant-form-item-has-error .ant-input-affix-wrapper.ant-input-affix-wrapper-focused { border-color: #D4A574 !important; box-shadow: 0 0 0 3px rgba(212, 165, 116, 0.1) !important; } [data-theme="dark"] .login-card .ant-form-item-has-error .ant-form-item-label > label.ant-form-item-required::before { color: #D4A574 !important; } [data-theme="dark"] .login-card .ant-alert-error { background: rgba(212, 165, 116, 0.06) !important; border-color: rgba(212, 165, 116, 0.2) !important; } [data-theme="dark"] .login-card .ant-alert-error .ant-alert-message, [data-theme="dark"] .login-card .ant-alert-error .ant-alert-icon { color: #D4A574 !important; } [data-theme="dark"] .login-card .ant-alert-info { background: rgba(255, 102, 0, 0.06) !important; border-color: rgba(255, 102, 0, 0.15) !important; } [data-theme="dark"] .login-card .notification-success-modern, [data-theme="dark"] .login-card .notification-success-desc-modern { background: rgba(17, 24, 39, 0.95) !important; backdrop-filter: blur(24px) !important; border: 1px solid rgba(34, 197, 94, 0.3) !important; box-shadow: 0 8px 32px rgba(34, 197, 94, 0.2), 0 2px 8px rgba(0, 0, 0, 0.4) !important; } [data-theme="dark"] .login-card .notification-success-modern .ant-notification-notice-message, [data-theme="dark"] .login-card .notification-success-desc-modern .ant-notification-notice-message { color: #F9FAFB !important; } [data-theme="dark"] .login-card .notification-success-modern .ant-notification-notice-description, [data-theme="dark"] .login-card .notification-success-desc-modern .ant-notification-notice-description { color: #D1D5DB !important; } [data-theme="dark"] .login-card .notification-success-modern .ant-notification-notice-close, [data-theme="dark"] .login-card .notification-success-desc-modern .ant-notification-notice-close { color: #9CA3AF !important; } [data-theme="dark"] .login-card .notification-success-modern .ant-notification-notice-close:hover, [data-theme="dark"] .login-card .notification-success-desc-modern .ant-notification-notice-close:hover { color: #F3F4F6 !important; } [data-theme="dark"] .login-card .notification-error-modern { background: rgba(17, 24, 39, 0.95) !important; backdrop-filter: blur(24px) !important; border: 1px solid rgba(239, 68, 68, 0.3) !important; box-shadow: 0 8px 32px rgba(239, 68, 68, 0.2), 0 2px 8px rgba(0, 0, 0, 0.4) !important; } [data-theme="dark"] .login-card .notification-error-modern .ant-notification-notice-message { color: #F9FAFB !important; } [data-theme="dark"] .login-card .notification-error-modern .ant-notification-notice-description { color: #D1D5DB !important; } [data-theme="dark"] .login-card .notification-error-modern .ant-notification-notice-close { color: #9CA3AF !important; } [data-theme="dark"] .login-card .notification-error-modern .ant-notification-notice-close:hover { color: #F3F4F6 !important; } [data-theme="dark"] .login-card .notification-icon-success { color: #34D399 !important; } [data-theme="dark"] .login-card .notification-icon-error { color: #F87171 !important; } [data-theme="dark"] .login-card .btn-login-google-modern { background: #121212 !important; border: 1px solid #535353 !important; color: #FFFFFF !important; } [data-theme="dark"] .login-card .btn-login-google-modern:hover, [data-theme="dark"] .login-card .btn-login-google-modern:focus { background: #1F1F1F !important; border-color: #B3B3B3 !important; color: #FFFFFF !important; } [data-theme="dark"] .login-card .login, [data-theme="dark"] .login-card .registration { background: linear-gradient(rgba(0, 0, 0, 0.2) 0%, rgba(255, 255, 255, 0.05) 100%), var(--background-color) !important; } [data-theme="dark"] .login-card .login-card { background: transparent !important; border: none !important; box-shadow: none !important; } [data-theme="dark"] .login-card .bottom-navigation { background-color: #1F2937 !important; border-color: #374151 !important; box-shadow: 0 -2px 20px rgba(0, 0, 0, 0.3) !important; } [data-theme="dark"] .login-card h1, [data-theme="dark"] .login-card .login-selection, [data-theme="dark"] .login-card label, [data-theme="dark"] .login-card .ant-form-item-required, [data-theme="dark"] .login-card .ant-checkbox + span { color: var(--text-color) !important; } [data-theme="dark"] .login-card .btn-login-email, [data-theme="dark"] .login-card .btn-login-phone, [data-theme="dark"] .login-card .btn-login-google, [data-theme="dark"] .login-card .btn-login-temporary { color: var(--text-color) !important; background-color: var(--surface-color); border-color: var(--border-color); } [data-theme="dark"] .login-card .login-card .ant-input, [data-theme="dark"] .login-card .login-card .ant-input-password, [data-theme="dark"] .login-card .login-card .ant-input-affix-wrapper { background: transparent !important; border-color: #333333 !important; } [data-theme="dark"] .login-card .login-card .btn-login-temporary, [data-theme="dark"] .login-card .login-card .btn-login-temporary.ant-btn, [data-theme="dark"] .login-card .login-card .btn-login-temporary.ant-btn-default { background: transparent !important; border: none !important; box-shadow: none !important; color: var(--primary-color) !important; } [data-theme="dark"] .list-card-home-events, [data-theme="dark"] .event-categories-container .cards { background-color: var(--surface-color) !important; color: var(--text-color) !important; } [data-theme="dark"] .event-categories-container .cards.selected { background-color: #FFFFFF !important; color: #222222 !important; border: 1px solid var(--border-color) !important; } [data-theme="dark"] .event-categories-container .cards img { filter: brightness(0) !important; } [data-theme="dark"] .event-categories-container .cards span:not(.selected) { color: #4F4545 !important; } [data-theme="dark"] .login .ant-tabs-top > .ant-tabs-nav, [data-theme="dark"] .login .ant-tabs, [data-theme="dark"] .registration .ant-tabs-top > .ant-tabs-nav, [data-theme="dark"] .registration .ant-tabs { background: var(--surface-color) !important; } [data-theme="dark"] .login .ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-list, [data-theme="dark"] .login .ant-tabs .ant-tabs-nav-list, [data-theme="dark"] .registration .ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-list, [data-theme="dark"] .registration .ant-tabs .ant-tabs-nav-list { width: 100%; } [data-theme="dark"] .login .ant-tabs-tab-btn, [data-theme="dark"] .registration .ant-tabs-tab-btn { color: var(--text-color) !important; } [data-theme="dark"] .login .ant-tabs-tab-active .ant-tabs-tab-btn, [data-theme="dark"] .login .ant-tabs-tab:hover .ant-tabs-tab-btn, [data-theme="dark"] .registration .ant-tabs-tab-active .ant-tabs-tab-btn, [data-theme="dark"] .registration .ant-tabs-tab:hover .ant-tabs-tab-btn { color: var(--primary-color) !important; } [data-theme="dark"] .login .ant-tabs-ink-bar, [data-theme="dark"] .registration .ant-tabs-ink-bar { background: var(--primary-color) !important; } [data-theme="dark"] .btn-login-google, [data-theme="dark"] .btn-login-email, [data-theme="dark"] .btn-login-phone { background-color: var(--surface-color) !important; color: var(--text-color) !important; border-color: var(--border-color) !important; } [data-theme="dark"] .btn-login-google:hover, [data-theme="dark"] .btn-login-email:hover, [data-theme="dark"] .btn-login-phone:hover { border-color: var(--primary-color) !important; } .ant-layout-header { background: #FFFFFF !important; } .ant-layout-header .country-locale { color: #333333 !important; } .ant-layout-header .icon-menu-header-mobile { color: #333333 !important; } .ant-layout-header .cart-header { color: #333333 !important; font-size: 20px !important; transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1); } .ant-layout-header .cart-header:hover { color: #FF6200 !important; transform: scale(1.1); filter: drop-shadow(0 2px 4px rgba(255, 98, 0, 0.2)); } .ant-layout-header .button-header-access { color: #333333 !important; font-weight: 500 !important; font-size: 15px !important; padding: 10px 20px !important; border-radius: 12px !important; transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1); letter-spacing: -0.01em !important; display: flex !important; align-items: center !important; justify-content: center !important; height: 40px !important; line-height: 1 !important; } .ant-layout-header .button-header-access.login-button { background: transparent !important; border: 1px solid rgba(51, 51, 51, 0.2) !important; font-weight: 600 !important; } .ant-layout-header .button-header-access.login-button:hover { background: rgba(51, 51, 51, 0.05) !important; border-color: #333333 !important; transform: translateY(-1px); box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08); } .ant-layout-header .button-header-access.register-button { background: #222222 !important; border: 1px solid #222222 !important; color: #FFFFFF !important; font-weight: 600 !important; } .ant-layout-header .button-header-access.register-button:hover { background: #1a1a1a !important; border-color: #1a1a1a !important; color: #FFFFFF !important; transform: translateY(-1px); box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4); } .ant-layout-header .button-header-prod { color: #666666 !important; background: transparent !important; border: none !important; padding: 10px 4px !important; font-weight: 500 !important; font-size: 15px !important; letter-spacing: -0.01em !important; transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1); display: flex !important; align-items: center !important; justify-content: center !important; height: 40px !important; line-height: 1 !important; } .ant-layout-header .button-header-prod:hover { background: transparent !important; color: #333333 !important; transform: none; box-shadow: none; } .ant-layout-header .header-search-icon { color: #333333 !important; transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1); padding: 8px !important; border-radius: 8px !important; } .ant-layout-header .header-search-icon:hover { color: #FF6200 !important; background: rgba(255, 98, 0, 0.08) !important; transform: scale(1.05); filter: drop-shadow(0 1px 3px rgba(255, 98, 0, 0.15)); } [data-theme="dark"] .ant-layout-header { background: #000000 !important; } [data-theme="dark"] .ant-layout-header .country-locale { color: #FFFFFF !important; } [data-theme="dark"] .ant-layout-header .icon-menu-header-mobile { color: #FFFFFF !important; } [data-theme="dark"] .ant-layout-header .cart-header { color: #FFFFFF !important; font-size: 20px !important; transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1); } [data-theme="dark"] .ant-layout-header .cart-header:hover { color: #FF8C42 !important; transform: scale(1.1); filter: drop-shadow(0 2px 4px rgba(255, 140, 66, 0.3)); } [data-theme="dark"] .ant-layout-header .button-header-access { color: #FFFFFF !important; font-weight: 500 !important; font-size: 15px !important; padding: 10px 20px !important; border-radius: 12px !important; transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1); letter-spacing: -0.01em !important; display: flex !important; align-items: center !important; justify-content: center !important; height: 40px !important; line-height: 1 !important; } [data-theme="dark"] .ant-layout-header .button-header-access.login-button { background: transparent !important; border: 1px solid rgba(255, 255, 255, 0.2) !important; font-weight: 600 !important; } [data-theme="dark"] .ant-layout-header .button-header-access.login-button:hover { background: rgba(255, 255, 255, 0.08) !important; transform: translateY(-1px); box-shadow: 0 2px 12px rgba(255, 255, 255, 0.1); } [data-theme="dark"] .ant-layout-header .button-header-access.register-button { background: #000000 !important; border: 1px solid #333333 !important; color: #FFFFFF !important; font-weight: 600 !important; } [data-theme="dark"] .ant-layout-header .button-header-access.register-button:hover { background: #1a1a1a !important; border-color: #555555 !important; color: #FFFFFF !important; transform: translateY(-1px); box-shadow: 0 4px 16px rgba(0, 0, 0, 0.6); } [data-theme="dark"] .ant-layout-header .button-header-prod { background: #000000 !important; border: 1px solid #333333 !important; color: #FFFFFF !important; font-weight: 600 !important; font-size: 15px !important; letter-spacing: -0.01em !important; transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1); display: flex !important; align-items: center !important; justify-content: center !important; height: 40px !important; line-height: 1 !important; border-radius: 12px !important; } [data-theme="dark"] .ant-layout-header .button-header-prod:hover { background: #1a1a1a !important; border-color: #555555 !important; color: #FFFFFF !important; transform: translateY(-1px); box-shadow: 0 4px 16px rgba(0, 0, 0, 0.6); } [data-theme="dark"] .ant-layout-header .header-search-icon { color: #FFFFFF !important; transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1); padding: 8px !important; border-radius: 8px !important; } [data-theme="dark"] .ant-layout-header .header-search-icon:hover { color: #FF8C42 !important; background: rgba(255, 140, 66, 0.12) !important; transform: scale(1.05); filter: drop-shadow(0 1px 3px rgba(255, 140, 66, 0.2)); } .ant-btn-primary, .ant-btn[type="primary"] { background: #FFFFFF !important; border: 1px solid #FFFFFF !important; color: #000000 !important; font-weight: 600 !important; font-size: 15px !important; border-radius: 12px !important; transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1); display: flex !important; align-items: center !important; justify-content: center !important; letter-spacing: -0.01em !important; } .ant-btn-primary:hover, .ant-btn-primary:focus, .ant-btn[type="primary"]:hover, .ant-btn[type="primary"]:focus { background: rgba(255, 255, 255, 0.9) !important; border-color: rgba(255, 255, 255, 0.9) !important; color: #000000 !important; transform: translateY(-1px); box-shadow: 0 4px 16px rgba(255, 255, 255, 0.25); } .ant-btn-primary:active, .ant-btn[type="primary"]:active { background: rgba(255, 255, 255, 0.85) !important; transform: translateY(0px); } .modal-UserNotLogged .button-text:not([type="primary"]) { border-radius: 12px !important; } .modal-UserNotLogged .ant-modal-close-icon { background: #000000 !important; color: #FFFFFF !important; } #__next { min-height: 100%; overscroll-behavior: none; } [data-theme="dark"] #__next, [data-theme="dark"] .ant-layout, [data-theme="dark"] .ant-layout-content { background: transparent !important; } [data-theme="dark"] .event-categories-container .cards.selected { background-color: #000000 !important; color: #FFFFFF !important; border: 1px solid #333333 !important; } [data-theme="dark"] .event-categories-container .cards img { filter: brightness(0) invert(1) !important; } [data-theme="dark"] .event-categories-container .cards span:not(.selected) { color: #ffffff !important; } [data-theme="dark"] .event-categories-container .cards span.selected { color: #f57423 !important; } [data-theme="dark"] .login .ant-btn-primary:not(.action-button):not(.btn-action-wc), [data-theme="dark"] .login .ant-btn[type="primary"]:not(.action-button):not(.btn-action-wc), [data-theme="dark"] .registration .ant-btn-primary:not(.action-button):not(.btn-action-wc), [data-theme="dark"] .registration .ant-btn[type="primary"]:not(.action-button):not(.btn-action-wc), [data-theme="dark"] .modal-UserNotLogged .ant-btn-primary:not(.action-button):not(.btn-action-wc), [data-theme="dark"] .modal-UserNotLogged .ant-btn[type="primary"]:not(.action-button):not(.btn-action-wc) { background: #000000 !important; border: 1px solid #333333 !important; color: #FFFFFF !important; font-weight: 600 !important; font-size: 15px !important; border-radius: 12px !important; transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1); display: flex !important; align-items: center !important; justify-content: center !important; letter-spacing: -0.01em !important; } [data-theme="dark"] .login .ant-btn-primary:not(.action-button):not(.btn-action-wc):hover, [data-theme="dark"] .login .ant-btn-primary:not(.action-button):not(.btn-action-wc):focus, [data-theme="dark"] .login .ant-btn[type="primary"]:not(.action-button):not(.btn-action-wc):hover, [data-theme="dark"] .login .ant-btn[type="primary"]:not(.action-button):not(.btn-action-wc):focus, [data-theme="dark"] .registration .ant-btn-primary:not(.action-button):not(.btn-action-wc):hover, [data-theme="dark"] .registration .ant-btn-primary:not(.action-button):not(.btn-action-wc):focus, [data-theme="dark"] .registration .ant-btn[type="primary"]:not(.action-button):not(.btn-action-wc):hover, [data-theme="dark"] .registration .ant-btn[type="primary"]:not(.action-button):not(.btn-action-wc):focus, [data-theme="dark"] .modal-UserNotLogged .ant-btn-primary:not(.action-button):not(.btn-action-wc):hover, [data-theme="dark"] .modal-UserNotLogged .ant-btn-primary:not(.action-button):not(.btn-action-wc):focus, [data-theme="dark"] .modal-UserNotLogged .ant-btn[type="primary"]:not(.action-button):not(.btn-action-wc):hover, [data-theme="dark"] .modal-UserNotLogged .ant-btn[type="primary"]:not(.action-button):not(.btn-action-wc):focus { background: #1a1a1a !important; border-color: #555555 !important; color: #FFFFFF !important; transform: translateY(-1px); box-shadow: 0 4px 16px rgba(0, 0, 0, 0.6); } [data-theme="dark"] .login .ant-btn-primary:not(.action-button):not(.btn-action-wc):active, [data-theme="dark"] .login .ant-btn[type="primary"]:not(.action-button):not(.btn-action-wc):active, [data-theme="dark"] .registration .ant-btn-primary:not(.action-button):not(.btn-action-wc):active, [data-theme="dark"] .registration .ant-btn[type="primary"]:not(.action-button):not(.btn-action-wc):active, [data-theme="dark"] .modal-UserNotLogged .ant-btn-primary:not(.action-button):not(.btn-action-wc):active, [data-theme="dark"] .modal-UserNotLogged .ant-btn[type="primary"]:not(.action-button):not(.btn-action-wc):active { background: #000000 !important; transform: translateY(0px); } [data-theme="dark"] .modal-UserNotLogged .ant-modal-close-icon { background: #000000 !important; color: #FFFFFF !important; } [data-theme="dark"] .ant-modal-content, [data-theme="dark"] .ant-drawer-content-wrapper, [data-theme="dark"] .ant-drawer-body, [data-theme="dark"] .ant-popover-inner, [data-theme="dark"] .ant-dropdown-menu, [data-theme="dark"] .ant-select-dropdown, [data-theme="dark"] .ant-picker-panel-container { background: rgba(10, 10, 10, 0.92) !important; backdrop-filter: blur(20px) !important; -webkit-backdrop-filter: blur(20px) !important; color: var(--text-color) !important; border: 1px solid rgba(255, 255, 255, 0.08) !important; box-shadow: 0 8px 32px rgba(0, 0, 0, 0.6) !important; } [data-theme="dark"] .login-card { background: transparent !important; box-shadow: none !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; } [data-theme="dark"] .login-card::before { background: transparent !important; } [data-theme="dark"] .login-card h1 { color: var(--text-color) !important; } [data-theme="dark"] .btn-login-google-modern { background: rgba(0, 0, 0, 0.8) !important; border: 1px solid rgba(255, 255, 255, 0.15) !important; color: #FFFFFF !important; box-shadow: 0 4px 24px rgba(0, 0, 0, 0.4), 0 2px 8px rgba(0, 0, 0, 0.2) !important; } [data-theme="dark"] .btn-login-google-modern:hover { background: rgba(0, 0, 0, 0.9) !important; border-color: rgba(255, 255, 255, 0.25) !important; color: #FFFFFF !important; box-shadow: 0 6px 32px rgba(0, 0, 0, 0.5), 0 3px 12px rgba(0, 0, 0, 0.3) !important; } [data-theme="dark"] .btn-login-google-modern:focus { border-color: rgba(66, 133, 244, 0.5) !important; box-shadow: 0 6px 32px rgba(0, 0, 0, 0.5), 0 0 0 3px rgba(66, 133, 244, 0.2) !important; } [data-theme="dark"] .ant-input, [data-theme="dark"] .ant-input-password { background: rgba(0, 0, 0, 0.6) !important; border-color: var(--border-color) !important; color: var(--text-color) !important; } [data-theme="dark"] .ant-input:hover, [data-theme="dark"] .ant-input-password:hover { border-color: var(--primary-color) !important; background: rgba(0, 0, 0, 0.7) !important; } [data-theme="dark"] .ant-input:focus, [data-theme="dark"] .ant-input.ant-input-affix-wrapper-focused, [data-theme="dark"] .ant-input-password:focus, [data-theme="dark"] .ant-input-password.ant-input-affix-wrapper-focused { border-color: var(--primary-color) !important; background: rgba(0, 0, 0, 0.7) !important; box-shadow: 0 2px 12px rgba(0, 0, 0, 0.4), 0 0 0 3px rgba(255, 102, 0, 0.2) !important; } [data-theme="dark"] .login .ant-tabs .ant-tabs-nav, [data-theme="dark"] .registration .ant-tabs .ant-tabs-nav { border-bottom-color: var(--border-color) !important; } [data-theme="dark"] .login .ant-tabs .ant-tabs-tab-btn, [data-theme="dark"] .registration .ant-tabs .ant-tabs-tab-btn { color: #CCCCCC !important; } [data-theme="dark"] .login .ant-tabs .ant-tabs-tab:hover .ant-tabs-tab-btn, [data-theme="dark"] .registration .ant-tabs .ant-tabs-tab:hover .ant-tabs-tab-btn { color: #FFFFFF !important; } [data-theme="dark"] .login .ant-tabs .ant-tabs-tab-active, [data-theme="dark"] .registration .ant-tabs .ant-tabs-tab-active { border-bottom-color: #FFFFFF !important; } [data-theme="dark"] .login .ant-tabs .ant-tabs-tab-active .ant-tabs-tab-btn, [data-theme="dark"] .registration .ant-tabs .ant-tabs-tab-active .ant-tabs-tab-btn { color: #FFFFFF !important; } [data-theme="dark"] .lateral-menu { border-right: 1px solid var(--border-color-subtle) !important; } [data-theme="dark"] .ant-divider, [data-theme="dark"] hr { border-color: var(--border-color-subtle) !important; } [data-theme="dark"] h1, [data-theme="dark"] h2, [data-theme="dark"] h3, [data-theme="dark"] h4, [data-theme="dark"] h5, [data-theme="dark"] h6, [data-theme="dark"] .content-title h2 { color: var(--text-color) !important; } [data-theme="dark"] .date-filters { background: rgba(0, 0, 0, 0.85) !important; backdrop-filter: blur(15px) !important; } [data-theme="dark"] .date-title { background-color: #000000 !important; border: 1px solid #333333 !important; color: #FFFFFF !important; } [data-theme="dark"] .ant-timeline .ant-timeline-item-tail { border-left: 1px solid transparent !important; } [data-theme="dark"] .ant-timeline .ant-timeline-item-head { border: 1px solid transparent !important; background-color: transparent !important; } [data-theme="dark"] .tabs-timeline { color: #CCCCCC !important; } [data-theme="dark"] .tabs-timeline:hover { color: #FFFFFF !important; } [data-theme="dark"] .tabs-timeline.selected { color: #FFFFFF !important; border-bottom-color: #FFFFFF !important; } [data-theme="dark"] .ant-input, [data-theme="dark"] .ant-input-affix-wrapper, [data-theme="dark"] .ant-select-selector, [data-theme="dark"] .ant-picker, [data-theme="dark"] .ant-input-number, [data-theme="dark"] .ant-input::placeholder, [data-theme="dark"] textarea::placeholder, [data-theme="dark"] .ant-select-selection-placeholder, [data-theme="dark"] .ant-picker-input > input::placeholder { color: var(--text-secondary-color) !important; } [data-theme="dark"] .ant-menu-item-active, [data-theme="dark"] .ant-menu-item-selected { background: transparent !important; } .button-header-prod-text { color: var(--text-secondary-color) !important; font-weight: 500 !important; font-size: 15px !important; letter-spacing: -0.01em !important; transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1); text-decoration: none !important; } .button-header-prod-text:hover { color: var(--text-color) !important; text-decoration: none !important; } .user-avatar-button { display: flex !important; align-items: center !important; justify-content: center !important; } .user-avatar-button .avatar-circle { width: 40px !important; height: 40px !important; border-radius: 50% !important; background: #000000 !important; color: #FFFFFF !important; display: flex !important; align-items: center !important; justify-content: center !important; font-weight: 600 !important; font-size: 16px !important; letter-spacing: 0 !important; transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15) !important; } .user-avatar-button .avatar-circle:hover { background: #1a1a1a !important; transform: scale(1.05) !important; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25) !important; } [data-theme="dark"] .user-avatar-button .avatar-circle { background: #000000 !important; box-shadow: 0 2px 8px rgba(255, 255, 255, 0.1) !important; border: 1px solid #333333 !important; } [data-theme="dark"] .user-avatar-button .avatar-circle:hover { background: #1a1a1a !important; border-color: #555555 !important; box-shadow: 0 4px 12px rgba(255, 255, 255, 0.2) !important; } .user-avatar-button-mobile { display: flex !important; align-items: center !important; justify-content: center !important; height: 24px !important; margin-right: 10px !important; } .user-avatar-button-mobile .avatar-circle-mobile { width: 36px !important; height: 36px !important; border-radius: 50% !important; background: #000000 !important; color: #FFFFFF !important; display: flex !important; align-items: center !important; justify-content: center !important; font-weight: 600 !important; font-size: 16px !important; letter-spacing: 0 !important; transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15) !important; } .user-avatar-button-mobile .avatar-circle-mobile:hover { background: #1a1a1a !important; transform: scale(1.05) !important; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25) !important; } [data-theme="dark"] .user-avatar-button-mobile .avatar-circle-mobile { background: #000000 !important; box-shadow: 0 2px 8px rgba(255, 255, 255, 0.1) !important; border: 1px solid #333333 !important; } [data-theme="dark"] .user-avatar-button-mobile .avatar-circle-mobile:hover { background: #1a1a1a !important; border-color: #555555 !important; box-shadow: 0 4px 12px rgba(255, 255, 255, 0.2) !important; } .button-header-access-mobile { display: flex !important; align-items: center !important; justify-content: center !important; height: auto !important; } .modern-menu { background: var(--background-color) !important; border: 1px solid var(--border-color) !important; border-radius: 16px !important; box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12) !important; padding: 8px 0 !important; min-width: 240px !important; } .modern-menu .ant-dropdown-menu, .modern-menu .ant-menu { background: transparent !important; box-shadow: none !important; } .modern-menu .ant-menu-item, .modern-menu .ant-dropdown-menu-item { border: none !important; box-shadow: none !important; } .modern-menu .ant-menu-item::after, .modern-menu .ant-menu-item::before, .modern-menu .ant-dropdown-menu-item::after, .modern-menu .ant-dropdown-menu-item::before { display: none !important; } .modern-menu .ant-dropdown-menu-item, .modern-menu .ant-menu-item { padding: 8px 16px !important; margin: 2px 6px !important; border-radius: 6px !important; transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important; border: none !important; height: auto !important; line-height: 1.5 !important; } .modern-menu .ant-dropdown-menu-item:hover, .modern-menu .ant-menu-item:hover { background: rgba(0, 0, 0, 0.04) !important; transform: translateX(2px) !important; } .modern-menu .ant-dropdown-menu-item div, .modern-menu .ant-menu-item div { display: grid !important; grid-template-columns: 20px 1fr 14px !important; align-items: center !important; column-gap: 8px !important; min-height: 20px !important; } .modern-menu .ant-dropdown-menu-item div .anticon, .modern-menu .ant-menu-item div .anticon { color: var(--text-secondary-color) !important; font-size: 14px !important; transition: all 0.2s ease !important; width: 14px !important; height: 14px !important; display: flex !important; align-items: center !important; justify-content: center !important; } .modern-menu .ant-dropdown-menu-item div .anticon-right, .modern-menu .ant-dropdown-menu-item div .anticon-arrow-right, .modern-menu .ant-menu-item div .anticon-right, .modern-menu .ant-menu-item div .anticon-arrow-right { justify-self: end !important; color: var(--text-secondary-color) !important; font-size: 12px !important; } .modern-menu .ant-dropdown-menu-item div a, .modern-menu .ant-dropdown-menu-item div span, .modern-menu .ant-menu-item div a, .modern-menu .ant-menu-item div span { color: var(--text-color) !important; font-weight: 500 !important; font-size: 14px !important; text-decoration: none !important; padding-left: 0 !important; letter-spacing: -0.01em !important; flex: 1 !important; line-height: 20px !important; } .modern-menu .ant-dropdown-menu-item:hover div .anticon, .modern-menu .ant-menu-item:hover div .anticon { color: var(--text-color) !important; transform: scale(1.1) !important; } .modern-menu .ant-dropdown-menu-item-divider, .modern-menu .ant-menu-divider { margin: 4px 16px !important; background: var(--border-color) !important; opacity: 0.1 !important; height: 1px !important; } .modern-menu .ant-menu-item:nth-of-type(2) a, .modern-menu .ant-menu-item:nth-of-type(2) span, .modern-menu .ant-menu-item:nth-of-type(3) a, .modern-menu .ant-menu-item:nth-of-type(3) span { font-weight: 700 !important; color: var(--text-color) !important; } .modern-menu .ant-menu-item:nth-of-type(2) .anticon, .modern-menu .ant-menu-item:nth-of-type(3) .anticon { color: var(--text-color) !important; } .modern-menu .ant-menu-item-disabled { color: var(--text-secondary-color) !important; font-weight: 600 !important; font-size: 10px !important; text-transform: uppercase !important; letter-spacing: 0.8px !important; padding: 8px 16px 4px !important; cursor: default !important; margin: 0 6px !important; opacity: 0.7 !important; } .modern-menu .ant-menu-item-disabled:hover { background: transparent !important; transform: none !important; } [data-theme="dark"] .modern-menu { background: #000000 !important; border: 1px solid var(--border-color) !important; box-shadow: 0 8px 32px rgba(0, 0, 0, 0.6) !important; } [data-theme="dark"] .modern-menu .ant-dropdown-menu-item:hover, [data-theme="dark"] .modern-menu .ant-menu-item:hover { background: rgba(255, 255, 255, 0.08) !important; } [data-theme="dark"] a, [data-theme="dark"] .link { color: var(--primary-color); } .notification-modern { background: rgba(0, 0, 0, 0.85) !important; backdrop-filter: blur(8px); border: 1px solid rgba(255, 255, 255, 0.08) !important; box-shadow: 0 12px 32px rgba(0, 0, 0, 0.45) !important; color: #fff !important; } .notification-modern .ant-notification-notice-message { color: #fff !important; font-weight: 600 !important; letter-spacing: 0.2px; } .notification-modern.with-description .ant-notification-notice-description { color: #cfcfcf !important; margin-top: 4px; } @keyframes notificationSlideIn { 0% { opacity: 0; transform: translateY(-6px); } 100% { opacity: 1; transform: translateY(0); } } .notification-modern.notification-success { border-color: rgba(46, 204, 113, 0.25) !important; } .notification-modern.notification-error { border-color: rgba(231, 76, 60, 0.25) !important; } [data-theme="dark"] .login .login-card .ant-input, [data-theme="dark"] .login .login-card .ant-input-password, [data-theme="dark"] .login .login-card .ant-input-affix-wrapper, [data-theme="dark"] .login .login-card .ant-input-affix-wrapper .ant-input, [data-theme="dark"] .login .login-card .ant-select-selector, [data-theme="dark"] .login .login-card .ant-input-number, [data-theme="dark"] .login .login-card input, [data-theme="dark"] .login .login-card textarea, [data-theme="dark"] .login .login-card select, [data-theme="dark"] .registration .login-card .ant-input, [data-theme="dark"] .registration .login-card .ant-input-password, [data-theme="dark"] .registration .login-card .ant-input-affix-wrapper, [data-theme="dark"] .registration .login-card .ant-input-affix-wrapper .ant-input, [data-theme="dark"] .registration .login-card .ant-select-selector, [data-theme="dark"] .registration .login-card .ant-input-number, [data-theme="dark"] .registration .login-card input, [data-theme="dark"] .registration .login-card textarea, [data-theme="dark"] .registration .login-card select { background: transparent !important; border-color: #333333 !important; background-color: transparent !important; } [data-theme="dark"] .login .login-card .btn-login-temporary, [data-theme="dark"] .registration .login-card .btn-login-temporary { background: transparent !important; } [data-theme="dark"] .login .login-card .ant-select-selector, [data-theme="dark"] .registration .login-card .ant-select-selector { background: transparent !important; border-color: transparent !important; } [data-theme="dark"] .login .login-card .ant-checkbox-wrapper, [data-theme="dark"] .login .login-card .ant-switch, [data-theme="dark"] .registration .login-card .ant-checkbox-wrapper, [data-theme="dark"] .registration .login-card .ant-switch { background: transparent !important; } [data-theme="dark"] .login .login-card .ant-checkbox .ant-checkbox-inner, [data-theme="dark"] .registration .login-card .ant-checkbox .ant-checkbox-inner { background: transparent !important; border: 1px solid #555555 !important; border-radius: 4px !important; transition: all 0.2s ease !important; } [data-theme="dark"] .login .login-card .ant-checkbox:hover .ant-checkbox-inner, [data-theme="dark"] .registration .login-card .ant-checkbox:hover .ant-checkbox-inner { border-color: #888888 !important; } [data-theme="dark"] .login .login-card .ant-checkbox.ant-checkbox-checked .ant-checkbox-inner, [data-theme="dark"] .registration .login-card .ant-checkbox.ant-checkbox-checked .ant-checkbox-inner { background: #FFFFFF !important; border-color: #FFFFFF !important; } [data-theme="dark"] .login .login-card .ant-checkbox.ant-checkbox-checked .ant-checkbox-inner::after, [data-theme="dark"] .registration .login-card .ant-checkbox.ant-checkbox-checked .ant-checkbox-inner::after { border-color: #000000 !important; border-width: 2px !important; } [data-theme="dark"] .login .login-card .ant-checkbox.ant-checkbox-checked:hover .ant-checkbox-inner, [data-theme="dark"] .registration .login-card .ant-checkbox.ant-checkbox-checked:hover .ant-checkbox-inner { background: #F0F0F0 !important; border-color: #F0F0F0 !important; } [data-theme="dark"] .login .login-card .password-toggle-switch.ant-switch, [data-theme="dark"] .registration .login-card .password-toggle-switch.ant-switch { background: var(--border-color) !important; } [data-theme="dark"] .login .login-card .password-toggle-switch.ant-switch.ant-switch-checked, [data-theme="dark"] .registration .login-card .password-toggle-switch.ant-switch.ant-switch-checked { background: var(--primary-color) !important; } [data-theme="dark"] .login .login-card .password-toggle-switch.ant-switch:hover:not(.ant-switch-disabled), [data-theme="dark"] .registration .login-card .password-toggle-switch.ant-switch:hover:not(.ant-switch-disabled) { background: var(--text-secondary-color) !important; } [data-theme="dark"] .login .login-card .password-toggle-switch.ant-switch.ant-switch-checked:hover:not(.ant-switch-disabled), [data-theme="dark"] .registration .login-card .password-toggle-switch.ant-switch.ant-switch-checked:hover:not(.ant-switch-disabled) { background: #e55a00 !important; } [data-theme="dark"] .ant-select-dropdown { background: rgba(10, 10, 10, 0.92) !important; backdrop-filter: blur(20px) !important; -webkit-backdrop-filter: blur(20px) !important; border: 1px solid rgba(255, 255, 255, 0.08) !important; box-shadow: 0 8px 32px rgba(0, 0, 0, 0.6) !important; } [data-theme="dark"] .ant-select-dropdown .ant-select-item { background: transparent !important; color: #FFFFFF !important; transition: all 0.2s ease !important; } [data-theme="dark"] .ant-select-dropdown .ant-select-item:hover, [data-theme="dark"] .ant-select-dropdown .ant-select-item.ant-select-item-option-active { background: rgba(245, 116, 35, 0.12) !important; color: #FFFFFF !important; } [data-theme="dark"] .ant-select-dropdown .ant-select-item.ant-select-item-option-selected { background: rgba(245, 116, 35, 0.2) !important; color: #FFFFFF !important; font-weight: 600 !important; } [data-theme="dark"] .ant-select-dropdown .ant-form, [data-theme="dark"] .ant-select-dropdown .ant-form-item, [data-theme="dark"] .ant-select-dropdown form, [data-theme="dark"] .ant-select-dropdown div[class*="form"], [data-theme="dark"] .ant-select-dropdown div[class*="input"] { background: transparent !important; background-color: transparent !important; } [data-theme="dark"] .ant-select-dropdown .phone-countries, [data-theme="dark"] .ant-select-dropdown .phone-countries-optional, [data-theme="dark"] .ant-select-dropdown .password-switch-container { background: transparent !important; } [data-theme="dark"] .registration-form, [data-theme="dark"] .registration-form * { background: transparent !important; background-color: transparent !important; } [data-theme="dark"] .phone-countries-custom .ant-select-selector, [data-theme="dark"] .phone-countries-custom .ant-input, [data-theme="dark"] .phone-countries-custom-error .ant-select-selector, [data-theme="dark"] .phone-countries-custom-error .ant-input { background: rgba(0, 0, 0, 0.6) !important; border-color: #444444 !important; color: #FFFFFF !important; } [data-theme="dark"] .phone-countries-custom .ant-select-selector:hover, [data-theme="dark"] .phone-countries-custom .ant-input:hover, [data-theme="dark"] .phone-countries-custom-error .ant-select-selector:hover, [data-theme="dark"] .phone-countries-custom-error .ant-input:hover { border-color: #666666 !important; background: rgba(0, 0, 0, 0.7) !important; } [data-theme="dark"] .phone-countries-custom .ant-select-selector:focus, [data-theme="dark"] .phone-countries-custom .ant-select-selector.ant-select-focused, [data-theme="dark"] .phone-countries-custom .ant-input:focus, [data-theme="dark"] .phone-countries-custom .ant-input.ant-select-focused, [data-theme="dark"] .phone-countries-custom-error .ant-select-selector:focus, [data-theme="dark"] .phone-countries-custom-error .ant-select-selector.ant-select-focused, [data-theme="dark"] .phone-countries-custom-error .ant-input:focus, [data-theme="dark"] .phone-countries-custom-error .ant-input.ant-select-focused { border-color: var(--primary-color) !important; background: rgba(0, 0, 0, 0.8) !important; box-shadow: 0 0 0 3px rgba(255, 102, 0, 0.15) !important; } [data-theme="dark"] .phone-countries-custom-error .ant-select-selector, [data-theme="dark"] .phone-countries-custom-error .ant-input { border-color: #8B6914 !important; background: rgba(212, 165, 116, 0.05) !important; } [data-theme="dark"] .phone-countries-custom-message { color: #D4A574 !important; font-size: 13px; margin-top: 4px; } [data-theme="dark"] .phone-countries-custom-message .ant-breadcrumb { color: var(--text-secondary-color) !important; } [data-theme="dark"] .phone-countries-custom-message .ant-breadcrumb a { color: var(--text-secondary-color) !important; transition: color 0.2s ease; } [data-theme="dark"] .phone-countries-custom-message .ant-breadcrumb a:hover { color: var(--text-color) !important; } [data-theme="dark"] .phone-countries-custom-message .cursor-pointer:hover { opacity: 0.8 !important; transform: translateX(-2px) !important; } [data-theme="dark"] .cart-event { background: rgba(255, 255, 255, 0.02) !important; border: 1px solid #333333 !important; border-radius: 12px !important; padding: 20px !important; margin-bottom: 20px !important; transition: all 0.3s ease; } [data-theme="dark"] .cart-event:hover { background: rgba(255, 255, 255, 0.04) !important; border-color: #444444 !important; } [data-theme="dark"] .cart-event .cart-title-event { color: #FFFFFF !important; margin-bottom: 8px !important; } [data-theme="dark"] .cart-event .cart-desc-event { color: #CCCCCC !important; } [data-theme="dark"] .checkout-wrap h1 { color: #FFFFFF !important; font-weight: 700 !important; margin-bottom: 32px !important; } [data-theme="dark"] .checkout-wrap h2 { color: #FFFFFF !important; font-weight: 600 !important; margin-bottom: 16px !important; } [data-theme="dark"] .checkout-wrap h3 { color: #FFFFFF !important; font-weight: 600 !important; margin-bottom: 12px !important; } [data-theme="dark"] .checkout-wrap p { color: #CCCCCC !important; line-height: 1.6 !important; } [data-theme="dark"] .checkout-wrap .ant-alert { background: rgba(0, 0, 0, 0.8) !important; border: 1px solid #333333 !important; border-radius: 8px !important; } [data-theme="dark"] .checkout-wrap .ant-alert.ant-alert-success { border-color: rgba(115, 209, 61, 0.3) !important; background: rgba(115, 209, 61, 0.08) !important; } [data-theme="dark"] .checkout-wrap .ant-alert.ant-alert-success .ant-alert-message, [data-theme="dark"] .checkout-wrap .ant-alert.ant-alert-success .ant-alert-description { color: #73D13D !important; } [data-theme="dark"] .checkout-wrap .ant-alert.ant-alert-warning { border-color: rgba(255, 197, 61, 0.3) !important; background: rgba(255, 197, 61, 0.08) !important; } [data-theme="dark"] .checkout-wrap .ant-alert.ant-alert-warning .ant-alert-message, [data-theme="dark"] .checkout-wrap .ant-alert.ant-alert-warning .ant-alert-description { color: #FFC53D !important; } [data-theme="dark"] .checkout-wrap .ant-alert.ant-alert-error { border-color: rgba(255, 120, 117, 0.3) !important; background: rgba(255, 120, 117, 0.08) !important; } [data-theme="dark"] .checkout-wrap .ant-alert.ant-alert-error .ant-alert-message, [data-theme="dark"] .checkout-wrap .ant-alert.ant-alert-error .ant-alert-description { color: #FF7875 !important; } [data-theme="dark"] .checkout-wrap .ant-radio-group .ant-radio-wrapper { color: var(--text-color) !important; } [data-theme="dark"] .checkout-wrap .ant-radio-group .ant-radio-wrapper .ant-radio .ant-radio-inner { background: transparent !important; border-color: #555555 !important; } [data-theme="dark"] .checkout-wrap .ant-radio-group .ant-radio-wrapper .ant-radio.ant-radio-checked .ant-radio-inner { background: var(--primary-color) !important; border-color: var(--primary-color) !important; } [data-theme="dark"] .checkout-wrap .ant-radio-group .ant-radio-wrapper .ant-radio.ant-radio-checked .ant-radio-inner::after { background: #000000 !important; } [data-theme="dark"] .checkout-wrap .ant-select .ant-select-selector { background: rgba(0, 0, 0, 0.6) !important; border-color: #444444 !important; color: #FFFFFF !important; } [data-theme="dark"] .checkout-wrap .ant-select .ant-select-selector .ant-select-selection-placeholder { color: #888888 !important; } [data-theme="dark"] .checkout-wrap .ant-select.ant-select-focused .ant-select-selector { border-color: var(--primary-color) !important; box-shadow: 0 0 0 3px rgba(255, 102, 0, 0.15) !important; } [data-theme="dark"] .checkout-wrap .ant-divider { border-color: #333333 !important; } /* 🔔 NOTIFICACIONES PREMIUM - Estilo Apple/macOS */ /* Animaciones de entrada */ @keyframes notificationSlideIn { from { opacity: 0; transform: translate3d(100%, 0, 0) scale(0.9); } to { opacity: 1; transform: translate3d(0, 0, 0) scale(1); } } @keyframes notificationFadeOut { from { opacity: 1; transform: translate3d(0, 0, 0) scale(1); } to { opacity: 0; transform: translate3d(100%, 0, 0) scale(0.95); } } /* Base de notificaciones premium */ .notification-premium { overflow: hidden !important; position: relative !important; } .notification-premium .ant-notification-notice-content { padding: 12px 16px !important; background: rgba(255, 255, 255, 0.75) !important; border-radius: 16px !important; backdrop-filter: blur(20px) !important; -webkit-backdrop-filter: blur(20px) !important; animation: notifSlideDownFadeIn 0.3s ease !important; } .notification-premium .notification-content { display: flex !important; align-items: flex-start !important; gap: 12px !important; } .notification-premium .notification-icon { width: 28px !important; height: 28px !important; flex-shrink: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; border-radius: 12px !important; padding: 6px !important; background: transparent !important; border: 1px solid rgba(0, 0, 0, 0.08) !important; } .notification-premium .notification-icon svg { width: 20px !important; height: 20px !important; } .notification-premium .notification-text { flex: 1 !important; min-width: 0 !important; } .notification-premium .notification-title { font-size: 14px !important; font-weight: 600 !important; line-height: 1.3 !important; margin-bottom: 4px !important; color: #1A1A1A !important; } .notification-premium .notification-message { font-size: 13px !important; line-height: 1.4 !important; color: #666666 !important; margin: 0 !important; } /* Animaciones de entrada/salida */ @keyframes notifSlideDownFadeIn { from { opacity: 0; transform: translateY(-8px) scale(0.98); } to { opacity: 1; transform: translateY(0) scale(1); } } @keyframes notifFadeOutShrink { from { opacity: 1; transform: translateY(0) scale(1); } to { opacity: 0; transform: translateY(-6px) scale(0.96); } } /* Animación de salida completa - todo desaparece al mismo tiempo */ @keyframes notifCompleteFadeOut { 0% { opacity: 1; transform: translateY(0) scale(1); } 100% { opacity: 0; transform: translateY(-8px) scale(0.97); } } .ant-notification-fade-leave .ant-notification-notice-content { animation: notifCompleteFadeOut 0.3s cubic-bezier(0.4, 0, 0.2, 1) forwards !important; } /* Evitar que el contenido interno se desvanezca por separado */ .ant-notification-fade-leave .notification-content, .ant-notification-fade-leave .notification-icon, .ant-notification-fade-leave .notification-text, .ant-notification-fade-leave .notification-title, .ant-notification-fade-leave .notification-message { animation: none !important; transition: none !important; } /* Notificación de éxito */ .notification-premium.notification-success .ant-notification-notice-content { background: linear-gradient(135deg, rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 0.35) 100%) !important; border: 1px solid rgba(82, 196, 26, 0.22) !important; } .notification-premium.notification-success .notification-icon-success { background: transparent !important; border-color: rgba(82, 196, 26, 0.35) !important; color: #389E0D !important; } .notification-premium.notification-success .notification-title { color: #389E0D !important; } /* Notificación de error */ .notification-premium.notification-error .ant-notification-notice-content { background: linear-gradient(135deg, rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 0.35) 100%) !important; border: 1px solid rgba(255, 77, 79, 0.25) !important; } .notification-premium.notification-error .notification-icon-error { background: transparent !important; border-color: rgba(255, 77, 79, 0.35) !important; color: #CF1322 !important; } .notification-premium.notification-error .notification-title { color: #CF1322 !important; } /* Notificación de advertencia */ .notification-premium.notification-warning .ant-notification-notice-content { background: linear-gradient(135deg, rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 0.35) 100%) !important; border: 1px solid rgba(250, 173, 20, 0.22) !important; } .notification-premium.notification-warning .notification-icon-warning { background: transparent !important; border-color: rgba(250, 173, 20, 0.35) !important; color: #D48806 !important; } .notification-premium.notification-warning .notification-title { color: #D48806 !important; } /* Tema oscuro para notificaciones */ [data-theme="dark"] .notification-premium .ant-notification-notice-content { background: rgba(40, 40, 40, 0.9) !important; border: 1px solid rgba(255, 255, 255, 0.12) !important; box-shadow: 0 18px 48px rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(255, 255, 255, 0.06) !important; } [data-theme="dark"] .notification-premium .notification-title { color: #EAEAEA !important; } [data-theme="dark"] .notification-premium .notification-message { color: #D9D9D9 !important; } [data-theme="dark"] .notification-premium .ant-notification-notice-close, [data-theme="dark"] .notification-premium .ant-notification-notice-close-x { color: #EAEAEA !important; opacity: 0.9 !important; } [data-theme="dark"] .notification-premium .ant-notification-notice-close:hover, [data-theme="dark"] .notification-premium .ant-notification-notice-close-x:hover { color: #FFFFFF !important; opacity: 1 !important; } [data-theme="dark"] .notification-premium.notification-success .ant-notification-notice-content { background: linear-gradient(135deg, rgba(0, 0, 0, 0.55) 0%, rgba(0, 0, 0, 0.35) 100%) !important; border: 1px solid rgba(115, 209, 61, 0.28) !important; box-shadow: 0 18px 48px rgba(0, 0, 0, 0.45), 0 0 18px rgba(115, 209, 61, 0.15) !important; } [data-theme="dark"] .notification-premium.notification-success .notification-title { color: #73D13D !important; } [data-theme="dark"] .notification-premium.notification-error .ant-notification-notice-content { background: linear-gradient(135deg, rgba(0, 0, 0, 0.55) 0%, rgba(0, 0, 0, 0.35) 100%) !important; border: 1px solid rgba(255, 92, 92, 0.35) !important; box-shadow: 0 18px 48px rgba(0, 0, 0, 0.45), 0 0 18px rgba(255, 92, 92, 0.18) !important; } [data-theme="dark"] .notification-premium.notification-error .notification-title { color: #FF5C5C !important; } [data-theme="dark"] .notification-premium.notification-warning .ant-notification-notice-content { background: linear-gradient(135deg, rgba(0, 0, 0, 0.55) 0%, rgba(0, 0, 0, 0.35) 100%) !important; border: 1px solid rgba(255, 197, 61, 0.28) !important; box-shadow: 0 18px 48px rgba(0, 0, 0, 0.45), 0 0 18px rgba(255, 197, 61, 0.15) !important; } [data-theme="dark"] .notification-icon-success { border-color: rgba(115, 209, 61, 0.45) !important; color: #73D13D !important; filter: drop-shadow(0 0 8px rgba(115, 209, 61, 0.25)) !important; } [data-theme="dark"] .notification-icon-error { border-color: rgba(255, 92, 92, 0.45) !important; color: #FF5C5C !important; filter: drop-shadow(0 0 8px rgba(255, 92, 92, 0.28)) !important; } [data-theme="dark"] .notification-icon-warning { border-color: rgba(255, 197, 61, 0.45) !important; color: #FFC53D !important; filter: drop-shadow(0 0 8px rgba(255, 197, 61, 0.25)) !important; } [data-theme="dark"] .notification-premium.notification-warning .notification-title { color: #FFC53D !important; } [data-theme="dark"] .notification-premium.notification-info .ant-notification-notice-content { background: linear-gradient(135deg, rgba(0, 0, 0, 0.55) 0%, rgba(0, 0, 0, 0.35) 100%) !important; border: 1px solid rgba(59, 130, 246, 0.28) !important; box-shadow: 0 18px 48px rgba(0, 0, 0, 0.45), 0 0 18px rgba(59, 130, 246, 0.15) !important; } [data-theme="dark"] .notification-premium.notification-info .notification-title { color: #60A5FA !important; } [data-theme="dark"] .notification-icon-info { border-color: rgba(59, 130, 246, 0.45) !important; color: #60A5FA !important; filter: drop-shadow(0 0 8px rgba(59, 130, 246, 0.25)) !important; } /* Efectos de micro-interacción */ .notification-premium:hover .ant-notification-notice-content { transform: translateY(-2px) !important; box-shadow: 0 25px 70px rgba(0, 0, 0, 0.15), 0 10px 30px rgba(0, 0, 0, 0.12), 0 0 0 1px rgba(255, 255, 255, 0.08) !important; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important; } .notification-premium .ant-notification-notice-content { transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important; } .notification-premium .ant-notification-notice { transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important; } .notification-premium .notification-content, .notification-premium .notification-text, .notification-premium .notification-title, .notification-premium .notification-message, .notification-premium .notification-icon { transition: none !important; } .notification-premium.ant-notification-fade-leave-active { opacity: 0 !important; transform: translateY(-10px) scale(0.95) !important; transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important; } .notification-premium.ant-notification-fade-leave-active .ant-notification-notice-content { opacity: 0 !important; transform: scale(0.95) !important; transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important; } .notification-premium.ant-notification-fade-leave-active .notification-content, .notification-premium.ant-notification-fade-leave-active .notification-text, .notification-premium.ant-notification-fade-leave-active .notification-title, .notification-premium.ant-notification-fade-leave-active .notification-message, .notification-premium.ant-notification-fade-leave-active .notification-icon { opacity: 0 !important; transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important; } /* Responsive para mobile */ @media screen and (max-width: 768px) { .notification-premium .ant-notification-notice-content { padding: 16px 20px !important; } .notification-premium .notification-content { gap: 12px !important; } .notification-premium .notification-icon { width: 20px !important; height: 20px !important; padding: 6px !important; } .notification-premium .notification-icon svg { width: 16px !important; height: 16px !important; } .notification-premium .notification-title { font-size: 14px !important; } .notification-premium .notification-message { font-size: 13px !important; } } [data-theme="dark"] .ant-layout, [data-theme="dark"] .ant-layout-content { background: transparent !important; color: var(--text-color) !important; } [data-theme="dark"] .ant-layout-header { background: rgba(0, 0, 0, 0.5) !important; backdrop-filter: blur(20px) saturate(180%) !important; -webkit-backdrop-filter: blur(20px) saturate(180%) !important; color: var(--text-color) !important; } [data-theme="dark"] .ant-layout-footer { background: #000000 !important; color: var(--text-color) !important; } [data-theme="dark"] .ant-layout-sider .ant-menu, [data-theme="dark"] .lateral-menu .ant-menu { background: transparent !important; color: var(--text-color) !important; } [data-theme="dark"] .ant-menu-horizontal { background: transparent !important; border: none !important; box-shadow: none !important; } [data-theme="dark"] .ant-layout-sider .ant-menu-item-selected, [data-theme="dark"] .ant-layout-sider .ant-menu-item-active, [data-theme="dark"] .lateral-menu .ant-menu-item-selected, [data-theme="dark"] .lateral-menu .ant-menu-item-active { background: rgba(255, 102, 0, 0.15) !important; color: var(--text-color) !important; } [data-theme="dark"] .ant-btn-default { background: transparent; color: var(--text-color); border-color: var(--border-color); } [data-theme="dark"] .ant-btn-default:hover, [data-theme="dark"] .ant-btn-default:focus { color: var(--text-color); border-color: var(--primary-color); } [data-theme="dark"] .ant-input:not(textarea), [data-theme="dark"] .ant-input-affix-wrapper, [data-theme="dark"] .ant-select-selector, [data-theme="dark"] .ant-input-number, [data-theme="dark"] .ant-picker { background: var(--surface-color) !important; color: var(--text-color) !important; border-color: var(--border-color) !important; } [data-theme="dark"] .ant-input::placeholder, [data-theme="dark"] textarea::placeholder, [data-theme="dark"] .ant-select-selection-placeholder, [data-theme="dark"] .ant-picker-input > input::placeholder { color: var(--text-secondary-color) !important; } [data-theme="dark"] .ant-modal-content { background: rgba(20, 20, 20, 0.98) !important; backdrop-filter: blur(20px) !important; color: var(--text-color) !important; border: 1px solid rgba(255, 255, 255, 0.1) !important; } [data-theme="dark"] .ant-modal-confirm .ant-modal-confirm-title, [data-theme="dark"] .ant-modal-confirm .ant-modal-confirm-content { color: var(--text-color) !important; } [data-theme="dark"] .ant-modal-confirm .anticon { color: #faad14 !important; } [data-theme="dark"] .ant-modal-confirm .ant-modal-confirm-btns { display: flex !important; justify-content: flex-end !important; gap: 12px !important; margin-top: 24px !important; } [data-theme="dark"] .ant-modal-confirm .ant-modal-confirm-btns .ant-btn { border-radius: 12px !important; font-weight: 600 !important; height: 40px !important; padding: 0 24px !important; margin: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; } [data-theme="dark"] .ant-modal-confirm .ant-modal-confirm-btns .ant-btn:not(.ant-btn-primary):not(.ant-btn-danger):not(.ant-btn-dangerous) { background: transparent !important; border: 1px solid rgba(255, 255, 255, 0.2) !important; color: #ffffff !important; } [data-theme="dark"] .ant-modal-confirm .ant-modal-confirm-btns .ant-btn:not(.ant-btn-primary):not(.ant-btn-danger):not(.ant-btn-dangerous):hover { border-color: #ffffff !important; background: rgba(255, 255, 255, 0.1) !important; } [data-theme="dark"] .ant-modal-confirm .ant-modal-confirm-btns .ant-btn.ant-btn-danger, [data-theme="dark"] .ant-modal-confirm .ant-modal-confirm-btns .ant-btn.ant-btn-dangerous { background: #FF4D4F !important; border: none !important; color: #fff !important; box-shadow: 0 4px 12px rgba(255, 77, 79, 0.4) !important; } [data-theme="dark"] .ant-modal-confirm .ant-modal-confirm-btns .ant-btn.ant-btn-danger:hover, [data-theme="dark"] .ant-modal-confirm .ant-modal-confirm-btns .ant-btn.ant-btn-dangerous:hover { background: #ff7875 !important; transform: translateY(-1px); box-shadow: 0 6px 16px rgba(255, 77, 79, 0.5) !important; } [data-theme="dark"] .ant-modal-confirm .ant-modal-confirm-btns .ant-btn.ant-btn-danger:active, [data-theme="dark"] .ant-modal-confirm .ant-modal-confirm-btns .ant-btn.ant-btn-dangerous:active { transform: translateY(0); } [data-theme="dark"] .ant-divider-inner-text { color: var(--text-secondary-color) !important; } /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ /* stylelint-disable no-duplicate-selectors */ /* stylelint-disable */ /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ .ant-affix { position: fixed; z-index: 10; } /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ /* stylelint-disable no-duplicate-selectors */ /* stylelint-disable */ /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ .ant-drawer { position: fixed; z-index: 1000; width: 0%; height: 100%; transition: transform 0.3s cubic-bezier(0.7, 0.3, 0.1, 1), height 0s ease 0.3s, width 0s ease 0.3s; } .ant-drawer > * { transition: transform 0.3s cubic-bezier(0.7, 0.3, 0.1, 1), box-shadow 0.3s cubic-bezier(0.7, 0.3, 0.1, 1); } .ant-drawer-content-wrapper { position: absolute; width: 100%; height: 100%; } .ant-drawer .ant-drawer-content { width: 100%; height: 100%; } .ant-drawer-left, .ant-drawer-right { top: 0; width: 0%; height: 100%; } .ant-drawer-left .ant-drawer-content-wrapper, .ant-drawer-right .ant-drawer-content-wrapper { height: 100%; } .ant-drawer-left.ant-drawer-open, .ant-drawer-right.ant-drawer-open { width: 100%; transition: transform 0.3s cubic-bezier(0.7, 0.3, 0.1, 1); } .ant-drawer-left { left: 0; } .ant-drawer-left .ant-drawer-content-wrapper { left: 0; } .ant-drawer-left.ant-drawer-open .ant-drawer-content-wrapper { box-shadow: 6px 0 16px -8px rgba(0, 0, 0, 0.08), 9px 0 28px 0 rgba(0, 0, 0, 0.05), 12px 0 48px 16px rgba(0, 0, 0, 0.03); } .ant-drawer-right { right: 0; } .ant-drawer-right .ant-drawer-content-wrapper { right: 0; } .ant-drawer-right.ant-drawer-open .ant-drawer-content-wrapper { box-shadow: -6px 0 16px -8px rgba(0, 0, 0, 0.08), -9px 0 28px 0 rgba(0, 0, 0, 0.05), -12px 0 48px 16px rgba(0, 0, 0, 0.03); } .ant-drawer-right.ant-drawer-open.no-mask { right: 1px; transform: translateX(1px); } .ant-drawer-top, .ant-drawer-bottom { left: 0; width: 100%; height: 0%; } .ant-drawer-top .ant-drawer-content-wrapper, .ant-drawer-bottom .ant-drawer-content-wrapper { width: 100%; } .ant-drawer-top.ant-drawer-open, .ant-drawer-bottom.ant-drawer-open { height: 100%; transition: transform 0.3s cubic-bezier(0.7, 0.3, 0.1, 1); } .ant-drawer-top { top: 0; } .ant-drawer-top.ant-drawer-open .ant-drawer-content-wrapper { box-shadow: 0 6px 16px -8px rgba(0, 0, 0, 0.08), 0 9px 28px 0 rgba(0, 0, 0, 0.05), 0 12px 48px 16px rgba(0, 0, 0, 0.03); } .ant-drawer-bottom { bottom: 0; } .ant-drawer-bottom .ant-drawer-content-wrapper { bottom: 0; } .ant-drawer-bottom.ant-drawer-open .ant-drawer-content-wrapper { box-shadow: 0 -6px 16px -8px rgba(0, 0, 0, 0.08), 0 -9px 28px 0 rgba(0, 0, 0, 0.05), 0 -12px 48px 16px rgba(0, 0, 0, 0.03); } .ant-drawer-bottom.ant-drawer-open.no-mask { bottom: 1px; transform: translateY(1px); } .ant-drawer.ant-drawer-open .ant-drawer-mask { height: 100%; opacity: 1; transition: none; animation: antdDrawerFadeIn 0.3s cubic-bezier(0.7, 0.3, 0.1, 1); pointer-events: auto; } .ant-drawer-title { margin: 0; color: rgba(0, 0, 0, 0.85); font-weight: 500; font-size: 16px; line-height: 22px; } .ant-drawer-content { position: relative; z-index: 1; overflow: auto; background-color: #fff; background-clip: padding-box; border: 0; } .ant-drawer-close { position: absolute; top: 0; right: 0; z-index: 10; display: block; padding: 20px; color: rgba(0, 0, 0, 0.45); font-weight: 700; font-size: 16px; font-style: normal; line-height: 1; text-align: center; text-transform: none; text-decoration: none; background: transparent; border: 0; outline: 0; cursor: pointer; transition: color 0.3s; text-rendering: auto; } .ant-drawer-close:focus, .ant-drawer-close:hover { color: rgba(0, 0, 0, 0.75); text-decoration: none; } .ant-drawer-header-no-title .ant-drawer-close { margin-right: var(--scroll-bar); /* stylelint-disable-next-line function-calc-no-invalid */ padding-right: calc(20px - var(--scroll-bar)); } .ant-drawer-header { position: relative; padding: 16px 24px; color: rgba(0, 0, 0, 0.85); background: #fff; border-bottom: 1px solid #f0f0f0; border-radius: 2px 2px 0 0; } .ant-drawer-header-no-title { color: rgba(0, 0, 0, 0.85); background: #fff; } .ant-drawer-wrapper-body { display: flex; flex-direction: column; flex-wrap: nowrap; width: 100%; height: 100%; } .ant-drawer-body { flex-grow: 1; padding: 24px; overflow: auto; font-size: 14px; line-height: 1.5715; word-wrap: break-word; } .ant-drawer-footer { flex-shrink: 0; padding: 10px 10px; border-top: 1px solid #f0f0f0; } .ant-drawer-mask { position: absolute; top: 0; left: 0; width: 100%; height: 0; background-color: rgba(0, 0, 0, 0.45); opacity: 0; filter: alpha(opacity=45); transition: opacity 0.3s linear, height 0s ease 0.3s; pointer-events: none; } .ant-drawer-open-content { box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05); } .ant-drawer .ant-picker-clear { background: #fff; } @keyframes antdDrawerFadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } .ant-drawer-rtl { direction: rtl; } .ant-drawer-rtl .ant-drawer-close { right: auto; left: 0; } .home { padding: 0 20px 20px 20px; } @media (min-width: 967px) { .home { padding: 20px 20px 20px 20px; } } .home h3 { margin: 24px 0 12px; font-weight: 600; } .home .scroll-container { display: flex; overflow-x: auto; gap: 16px; padding-bottom: 10px; } .home .scroll-container::-webkit-scrollbar { display: none; -ms-overflow-style: none; scrollbar-width: none; } .home .event-card { width: 220px; flex-shrink: 0; border-radius: 8px; overflow: hidden; background-color: var(--surface-color); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); display: flex; flex-direction: column; cursor: pointer; transition: transform 0.2s ease; } .home .event-card:hover { transform: translateY(-4px); } .home .event-card img { width: 100%; height: 180px; object-fit: cover; } .home .event-card .info { padding: 10px; } .home .event-card .info .name { font-weight: bold; font-size: 14px; margin-bottom: 4px; } .home .event-card .info .place { font-size: 12px; color: var(--text-secondary-color); } .home .event-card .info .date { font-size: 12px; color: var(--text-secondary-color); margin-top: 2px; } .home .event-card .info .status { font-size: 12px; font-weight: 500; margin-top: 6px; padding: 2px 6px; border-radius: 6px; width: fit-content; } .home .event-card .info .status.state-0 { background-color: #6b7280; color: #fff; } .home .event-card .info .status.state-1 { background-color: #ef4444; color: #fff; } .home .event-card .info .status.state-2 { background-color: #10b981; color: #fff; } .home .branch-office-card { width: 200px; flex-shrink: 0; border-radius: 8px; overflow: hidden; background-color: var(--surface-color); border: 1px solid var(--border-color); display: flex; flex-direction: column; cursor: pointer; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05); transition: transform 0.2s ease; } .home .branch-office-card:hover { transform: translateY(-4px); } .home .branch-office-card .logo { width: 100%; height: 100px; object-fit: cover; background-color: var(--background-color); } .home .branch-office-card .info { padding: 10px; } .home .branch-office-card .info .name { font-weight: 600; font-size: 14px; margin-bottom: 6px; color: var(--text-color); } .home .branch-office-card .info .online { font-size: 12px; font-weight: 500; } .home .branch-office-card .info.active { color: #52c41a; } .home .branch-office-card .info.inactive { color: #ff4d4f; } .home .box-card { box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05); transition: box-shadow 0.2s ease; } .home .box-card:hover { box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); } .home .truncate { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .home .empty-state { margin-top: 40px; text-align: center; padding: 40px 20px; background-color: var(--surface-color); border: 1px dashed var(--border-color); border-radius: 8px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05); animation: fadeIn 0.3s ease-in-out; } @keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } } .home .empty-state h3 { margin-bottom: 12px; } .home .empty-state p { color: var(--text-secondary-color); font-size: 16px; margin-bottom: 20px; } .loading-container { display: flex; align-items: center; justify-content: center; height: 60vh; } .section-header { display: flex; justify-content: space-between; align-items: center; margin-top: 24px; margin-bottom: 12px; } .section-header h3 { line-height: 1; margin: 0; } .section-header button { margin-top: 2px; } .section-header .scroll-icons { display: flex; gap: 12px; } .section-header .scroll-icons svg { font-size: 18px; color: #f57423; cursor: pointer; transition: color 0.2s ease; } .section-header .scroll-icons svg:hover { color: #d65c14; } .scroll-icons-bottom { display: flex; justify-content: center; margin-top: 8px; gap: 12px; } .scroll-icons-bottom svg { font-size: 18px; color: #f57423; cursor: pointer; transition: color 0.2s ease; } .scroll-icons-bottom svg:hover { color: #d65c14; } .add-icon { font-size: 22px; color: var(--text-color); cursor: pointer; transition: color 0.2s ease; margin-left: 8px; } .add-icon:hover { color: #d65c14; } .scroll-wrapper { position: relative; } .scroll-wrapper .scroll-container { scroll-behavior: smooth; } .scroll-wrapper .scroll-arrow { display: none; position: absolute; top: 50%; transform: translateY(-50%); background-color: var(--surface-color-alpha); border-radius: 50%; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1); width: 28px; height: 28px; align-items: center; justify-content: center; cursor: pointer; z-index: 2; transition: all 0.2s ease; } @media (min-width: 768px) { .scroll-wrapper .scroll-arrow { display: flex; } } .scroll-wrapper .scroll-arrow svg { font-size: 16px; color: #f57423 !important; } .scroll-wrapper .scroll-arrow svg { color: #fff; } .scroll-wrapper .left { left: -10px; } .scroll-wrapper .right { right: -10px; } .clickable { cursor: pointer; transition: background 0.2s ease; } .clickable:hover { background-color: var(--hover-color); } .producer-avatar { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 80px; flex-shrink: 0; cursor: pointer; } .producer-avatar:hover { transform: scale(1.05); } .producer-avatar .avatar { width: 64px; height: 64px; border-radius: 50%; overflow: hidden; padding: 2px; background-color: var(--surface-color); box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1); border: 2px solid #1890ff; display: flex; align-items: center; justify-content: center; } .producer-avatar .avatar img { width: 100%; height: 100%; object-fit: cover; border-radius: 50%; } .producer-avatar .name { margin-top: 6px; font-size: 12px; text-align: center; color: var(--text-color); white-space: nowrap; max-width: 100%; overflow: hidden; text-overflow: ellipsis; } .ant-list-item.clickable { padding: 8px 12px; transition: background-color 0.2s ease; border-radius: 6px; } .ant-list-item.clickable:hover { background-color: var(--hover-color); cursor: pointer; } .producer-grid { display: flex; flex-wrap: wrap; justify-content: center; gap: 16px; padding: 12px; } .clickable { cursor: pointer; transition: transform 0.2s ease; } .clickable:hover { transform: scale(1.05); } .company-card { width: 260px; min-width: 240px; max-width: 300px; padding: 20px; background: #fff; border: 1px solid #eee; border-radius: 12px; display: flex; flex-direction: column; gap: 6px; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05); transition: box-shadow 0.2s ease; cursor: pointer; } .company-card:hover { box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); } .company-card .fantasy-name { font-size: 17px; font-weight: 600; color: var(--text-color); line-height: 1.2; word-break: break-word; } .company-card .fiscal-number { font-size: 14px; color: #f57423; font-weight: 500; } .company-card .activity, .company-card .entity-type { font-size: 13px; color: var(--text-secondary-color); line-height: 1.3; } .company-card .status { font-size: 12px; width: fit-content; font-weight: 500; padding: 2px 6px; border-radius: 6px; border: 1px solid #6b7280; color: #6b7280; background-color: rgba(107, 114, 128, 0.1); } .company-card .status.state-0 { border-color: #6b7280; color: #6b7280; background-color: rgba(107, 114, 128, 0.1); } .company-card .status.state-1 { border-color: #ef4444; color: #ef4444; background-color: rgba(239, 68, 68, 0.1); } .company-card .status.state-2 { border-color: #10b981; color: #10b981; background-color: rgba(16, 185, 129, 0.1); } .fab-container { position: fixed; bottom: 24px; right: 24px; display: flex; flex-direction: column; align-items: flex-end; gap: 10px; z-index: 1000; } @media (min-width: 967px) { .fab-container { display: none; } } .fab-button { background: var(--gradient-2, linear-gradient(89deg, #FF6200 0.5%, #9747FF 98.87%)); border: none; color: #fff; font-weight: 500; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); padding: 0 16px; display: flex; align-items: center; gap: 8px; } .fab-button:hover, .fab-button:focus, .fab-button:active { background: var(--gradient-2, linear-gradient(89deg, #FF6200 0.5%, #9747FF 98.87%)); color: #fff; border: none; outline: none; } @media (max-width: 767px) { .fab-button { width: 48px; height: 48px; border-radius: 50% !important; padding: 0; justify-content: center; } } .fab-text { display: none !important; } @media (min-width: 768px) { .fab-text { display: inline !important; } } .fab-menu { margin-top: 10px; background: #fff; border: 1px solid #eee; border-radius: 10px; padding: 8px 0; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); display: flex; flex-direction: column; width: 200px; font-size: 14px; font-weight: 500; overflow: hidden; } .fab-menu div { padding: 10px 16px; cursor: pointer; transition: background 0.2s ease; display: flex; align-items: center; gap: 8px; } .fab-menu div:hover { background-color: var(--hover-color); } .fab-menu div:not(:last-child) { border-bottom: 1px solid #f0f0f0; } .event-toggle { display: flex; gap: 8px; font-size: 14px; cursor: pointer; color: #888; font-weight: 500; } .event-toggle span { transition: color 0.2s ease; } .event-toggle:hover { color: var(--text-color); } .active { color: #000; text-decoration: underline; } .empty-onboarding { margin: 20px 0 32px; background-color: var(--surface-color); padding: 32px 24px; border-radius: 10px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05); display: flex; flex-direction: column; align-items: center; text-align: center; } .empty-onboarding h3 { font-size: 24px; font-weight: 700; margin-bottom: 8px; } .empty-onboarding p { color: #666; margin-bottom: 6px; font-size: 15px; } .empty-onboarding .fab-menu { margin-top: 20px; width: 100%; max-width: 400px; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08); } .empty-onboarding .fab-menu div { font-size: 14px; padding: 10px 14px; } .round-scroll { overflow: visible; } .round-scroll .producer-avatar { padding: 4px; transition: transform 0.2s ease; } .round-scroll .producer-avatar:hover { transform: scale(1.05); } .desktop-create { display: none; } @media (min-width: 967px) { .desktop-create { display: flex; position: absolute; top: 24px; right: 24px; flex-direction: column; align-items: flex-end; gap: 8px; } } .desktop-create button { background: var(--primary-color) !important; border: none !important; color: #fff !important; font-weight: 700 !important; box-shadow: 0 4px 16px rgba(255, 102, 0, 0.3) !important; transition: all 0.2s ease !important; border-radius: 500px !important; height: 48px !important; padding: 0 24px !important; } .desktop-create button:hover, .desktop-create button:active, .desktop-create button:focus { background: #e55a00 !important; color: #fff !important; border: none !important; box-shadow: 0 6px 24px rgba(255, 102, 0, 0.5) !important; transform: scale(1.04) !important; } .desktop-create-inline { display: none; } @media (min-width: 967px) { .desktop-create-inline { display: flex; position: relative; flex-direction: column; align-items: flex-start; gap: 8px; } } .desktop-create-inline button { background: var(--primary-color) !important; border: none !important; color: #fff !important; font-weight: 700 !important; box-shadow: 0 4px 16px rgba(255, 102, 0, 0.3) !important; transition: all 0.2s ease !important; border-radius: 500px !important; height: 40px !important; padding: 0 20px !important; font-size: 14px !important; } .desktop-create-inline button:hover, .desktop-create-inline button:active, .desktop-create-inline button:focus { background: #e55a00 !important; color: #fff !important; border: none !important; box-shadow: 0 6px 24px rgba(255, 102, 0, 0.5) !important; transform: scale(1.04) !important; } .fab-menu.desktop { position: absolute; top: 40px; right: 0; width: 220px; background: var(--surface-color); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); border: 1px solid var(--border-color); border-radius: 10px; padding: 8px 0; z-index: 999; } .fab-menu.desktop div { padding: 12px 16px; font-size: 14px; color: #333; cursor: pointer; display: flex; align-items: center; gap: 8px; transition: background 0.2s ease, color 0.2s ease; } .fab-menu.desktop div:hover { background-color: #f5f5f5; color: #f57423; } .fab-menu.desktop div:not(:last-child) { border-bottom: 1px solid #f0f0f0; } html[data-theme="dark"] .home .event-card, html[data-theme="dark"] .home .branch-office-card, html[data-theme="dark"] .home .empty-state, html[data-theme="dark"] .home .company-card, html[data-theme="dark"] .home .empty-onboarding { background-color: var(--surface-color); border-color: var(--border-color); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3); } html[data-theme="dark"] .home .scroll-arrow { background-color: var(--surface-color); box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3); } html[data-theme="dark"] .home .fab-menu, html[data-theme="dark"] .home .fab-menu.desktop { background: var(--surface-color); border-color: var(--border-color); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3); } /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ /* stylelint-disable no-duplicate-selectors */ /* stylelint-disable */ /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ .ant-layout { display: flex; flex: auto; flex-direction: column; /* fix firefox can't set height smaller than content on flex item */ min-height: 0; background: #f0f2f5; } .ant-layout, .ant-layout * { box-sizing: border-box; } .ant-layout.ant-layout-has-sider { flex-direction: row; } .ant-layout.ant-layout-has-sider > .ant-layout, .ant-layout.ant-layout-has-sider > .ant-layout-content { width: 0; } .ant-layout-header, .ant-layout-footer { flex: 0 0 auto; } .ant-layout-header { height: 64px; padding: 0 50px; color: rgba(0, 0, 0, 0.85); line-height: 64px; background: #001529; } .ant-layout-footer { padding: 24px 50px; color: rgba(0, 0, 0, 0.85); font-size: 14px; background: #f0f2f5; } .ant-layout-content { flex: auto; /* fix firefox can't set height smaller than content on flex item */ min-height: 0; } .ant-layout-sider { position: relative; /* fix firefox can't set width smaller than content on flex item */ min-width: 0; background: #001529; transition: all 0.2s; } .ant-layout-sider-children { height: 100%; margin-top: -0.1px; padding-top: 0.1px; } .ant-layout-sider-has-trigger { padding-bottom: 48px; } .ant-layout-sider-right { order: 1; } .ant-layout-sider-trigger { position: fixed; bottom: 0; z-index: 1; height: 48px; color: #fff; line-height: 48px; text-align: center; background: #002140; cursor: pointer; transition: all 0.2s; } .ant-layout-sider-zero-width > * { overflow: hidden; } .ant-layout-sider-zero-width-trigger { position: absolute; top: 64px; right: -36px; z-index: 1; width: 36px; height: 42px; color: #fff; font-size: 18px; line-height: 42px; text-align: center; background: #001529; border-radius: 0 2px 2px 0; cursor: pointer; transition: background 0.3s ease; } .ant-layout-sider-zero-width-trigger::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; transition: all 0.3s; content: ''; } .ant-layout-sider-zero-width-trigger:hover::after { background: rgba(255, 255, 255, 0.1); } .ant-layout-sider-zero-width-trigger-right { left: -36px; border-radius: 2px 0 0 2px; } .ant-layout-sider-light { background: #fff; } .ant-layout-sider-light .ant-layout-sider-trigger { color: rgba(0, 0, 0, 0.85); background: #fff; } .ant-layout-sider-light .ant-layout-sider-zero-width-trigger { color: rgba(0, 0, 0, 0.85); background: #fff; } .ant-layout-rtl { direction: rtl; } .active-events-counter { display: flex; justify-content: center; align-items: center; gap: 60px; margin-bottom: 40px; margin-top: 20px; } .active-events-counter .counter-content { text-align: center; position: relative; } .active-events-counter .counter-content .counter-number { font-size: 64px; font-weight: 800; line-height: 1; color: var(--text-color); font-family: 'Inter', sans-serif; letter-spacing: -2px; } .active-events-counter .counter-content .counter-label { font-size: 14px; color: var(--text-secondary-color); font-weight: 600; text-transform: uppercase; letter-spacing: 1.5px; margin-top: 8px; } .section-header-minimal { display: flex; align-items: center; justify-content: space-between; margin-bottom: 24px; padding: 0 10px; } .section-header-minimal h3.ant-typography { font-size: 24px; font-weight: 700; margin: 0; color: var(--text-color); letter-spacing: -0.5px; } .section-header-minimal .event-toggle-minimal { display: flex; align-items: center; gap: 12px; font-size: 14px; font-weight: 600; } .section-header-minimal .event-toggle-minimal span { cursor: pointer; color: var(--text-secondary-color); transition: all 0.2s ease; } .section-header-minimal .event-toggle-minimal span:hover { color: var(--text-color); } .section-header-minimal .event-toggle-minimal span.active { color: var(--primary-color); } .section-header-minimal .event-toggle-minimal span.divider { color: var(--border-color); cursor: default; } .card-event-partner { width: 300px; flex-shrink: 0; margin-right: 24px; cursor: pointer; transition: transform 0.2s ease; } .card-event-partner:hover { transform: translateY(-4px); } .card-event-partner:hover .cover-image { transform: scale(1.05); } .card-event-partner .card-content { background: transparent; border-radius: 12px; overflow: hidden; border: 1px solid rgba(255, 255, 255, 0.2); } .card-event-partner .card-content .image-container { position: relative; width: 100%; height: 180px; border-radius: 12px 12px 0 0; overflow: hidden; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08); } .card-event-partner .card-content .image-container .cover-image { width: 100%; height: 100%; object-fit: cover; transition: transform 0.4s ease; } .card-event-partner .card-content .image-container .placeholder-cover { width: 100%; height: 100%; background: linear-gradient(135deg, var(--surface-color) 0%, var(--background-color) 100%); position: relative; display: flex; align-items: center; justify-content: center; overflow: hidden; } .card-event-partner .card-content .image-container .placeholder-cover .placeholder-pattern { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-image: radial-gradient(var(--border-color) 1px, transparent 1px); background-size: 20px 20px; opacity: 0.3; } .card-event-partner .card-content .image-container .placeholder-cover .placeholder-icon { z-index: 1; color: var(--text-secondary-color); opacity: 0.5; transform: scale(1); transition: transform 0.4s ease; } .card-event-partner .card-content .image-container:hover .placeholder-icon { transform: scale(1.1) rotate(5deg); color: var(--primary-color); opacity: 0.8; } .card-event-partner .card-content .image-container .status-badge { position: absolute; top: 12px; right: 12px; padding: 4px 10px; border-radius: 20px; font-size: 11px; font-weight: 700; text-transform: uppercase; backdrop-filter: blur(4px); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); } .card-event-partner .card-content .image-container .status-badge.state-0 { background: rgba(107, 114, 128, 0.9); color: white; } .card-event-partner .card-content .image-container .status-badge.state-1 { background: rgba(239, 68, 68, 0.9); color: white; } .card-event-partner .card-content .image-container .status-badge.state-2 { background: rgba(16, 185, 129, 0.9); color: white; } .card-event-partner .card-content .info-container { padding: 16px 4px; } .card-event-partner .card-content .info-container .date-text { color: var(--primary-color); font-size: 13px; font-weight: 700; text-transform: uppercase; margin-bottom: 4px; letter-spacing: 0.5px; } .card-event-partner .card-content .info-container .event-name { font-size: 18px; font-weight: 700; color: var(--text-color); margin-bottom: 4px; line-height: 1.3; } .card-event-partner .card-content .info-container .location-text { font-size: 14px; color: var(--text-secondary-color); margin-bottom: 2px; } .card-event-partner .card-content .info-container .city-text { font-size: 13px; color: var(--text-secondary-color); opacity: 0.8; margin-bottom: 12px; } .card-event-partner .card-content .info-container .action-button { margin-top: 8px; } .card-event-partner .card-content .info-container .action-button .ant-btn { border-radius: 8px; font-weight: 600; height: 36px; background: var(--surface-color); border: 1px solid var(--border-color); color: var(--text-color); box-shadow: none; } .card-event-partner .card-content .info-container .action-button .ant-btn:hover { border-color: var(--primary-color); color: var(--primary-color); } .scroll-wrapper-minimal { position: relative; display: flex; align-items: center; margin-bottom: 40px; } .scroll-wrapper-minimal .scroll-container-minimal { display: flex; gap: 20px; overflow-x: auto; padding: 20px 10px; scroll-behavior: smooth; -ms-overflow-style: none; scrollbar-width: none; width: 100%; } .scroll-wrapper-minimal .scroll-container-minimal::-webkit-scrollbar { display: none; } .scroll-wrapper-minimal .scroll-arrow-minimal { position: absolute; top: 50%; transform: translateY(-50%); width: 40px; height: 40px; border-radius: 50%; background: var(--surface-color); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); display: flex; align-items: center; justify-content: center; cursor: pointer; z-index: 10; color: var(--text-color); transition: all 0.2s ease; border: 1px solid var(--border-color); } .scroll-wrapper-minimal .scroll-arrow-minimal:hover { background: var(--primary-color); color: white; border-color: var(--primary-color); } .scroll-wrapper-minimal .scroll-arrow-minimal.left { left: -20px; } .scroll-wrapper-minimal .scroll-arrow-minimal.right { right: -20px; } [data-theme="dark"] .active-events-counter .counter-number { color: var(--text-color); text-shadow: 0 4px 24px rgba(255, 255, 255, 0.1); } [data-theme="dark"] .card-event-partner .image-container { box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4); } [data-theme="dark"] .card-event-partner .info-container .action-button .ant-btn { background: rgba(255, 255, 255, 0.05); border-color: rgba(255, 255, 255, 0.1); } [data-theme="dark"] .card-event-partner .info-container .action-button .ant-btn:hover { background: rgba(255, 255, 255, 0.1); border-color: var(--primary-color); } .producer-avatar .avatar .placeholder-avatar { width: 100%; height: 100%; background: linear-gradient(135deg, var(--surface-color) 0%, var(--background-color) 100%); border-radius: 50%; position: relative; display: flex; align-items: center; justify-content: center; overflow: hidden; } .producer-avatar .avatar .placeholder-avatar .placeholder-pattern-avatar { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-image: radial-gradient(var(--border-color) 1px, transparent 1px); background-size: 15px 15px; opacity: 0.3; } .producer-avatar .avatar .placeholder-avatar .placeholder-icon-avatar { z-index: 1; color: var(--text-secondary-color); opacity: 0.6; transition: all 0.3s ease; } .producer-avatar:hover .placeholder-icon-avatar { transform: scale(1.1); color: var(--primary-color); opacity: 1; } .branch-office-card .placeholder-branch { width: 100%; height: 100%; background: linear-gradient(135deg, var(--surface-color) 0%, var(--background-color) 100%); border-radius: 12px; position: relative; display: flex; align-items: center; justify-content: center; overflow: hidden; } .branch-office-card .placeholder-branch .placeholder-pattern-branch { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-image: radial-gradient(var(--border-color) 1px, transparent 1px); background-size: 18px 18px; opacity: 0.3; } .branch-office-card .placeholder-branch .placeholder-icon-branch { z-index: 1; color: var(--text-secondary-color); opacity: 0.6; transition: all 0.3s ease; } .branch-office-card:hover .placeholder-icon-branch { transform: scale(1.1) rotate(-5deg); color: var(--primary-color); opacity: 1; } a:has(.event-card-premium) { text-decoration: none; color: inherit; display: block; min-width: 280px; max-width: 320px; flex-shrink: 0; } .event-card-premium { position: relative; background: var(--surface-color); backdrop-filter: blur(20px); border-radius: 16px; overflow: hidden; box-shadow: 0 4px 20px -4px rgba(0, 0, 0, 0.1); transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); cursor: pointer; border: 1px solid var(--border-color); width: 100%; display: flex; flex-direction: column; } .event-card-premium:hover, .event-card-premium.is-hovered { transform: translateY(-6px); box-shadow: 0 16px 40px -8px rgba(255, 107, 53, 0.25); border-color: rgba(255, 107, 53, 0.3); } .event-card-premium:hover .card-image, .event-card-premium.is-hovered .card-image { transform: scale(1.05); } .event-card-premium .card-image-container { position: relative; width: 100%; height: 180px; overflow: hidden; background: var(--background-color); } .event-card-premium .card-image-container .card-image { width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1); } .event-card-premium .card-image-container .card-image.placeholder { display: flex; align-items: center; justify-content: center; background: linear-gradient(135deg, var(--surface-color) 0%, var(--background-color) 100%); } .event-card-premium .card-image-container .card-image.placeholder svg { opacity: 0.3; color: var(--text-secondary-color); } .event-card-premium .card-image-container .image-overlay { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.6) 100%); pointer-events: none; } .event-card-premium .card-image-container .status-badge { position: absolute; top: 12px; left: 12px; display: inline-flex; align-items: center; gap: 6px; padding: 6px 12px; border-radius: 999px; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; z-index: 2; backdrop-filter: blur(10px); } .event-card-premium .card-image-container .status-badge.state-0 { background: rgba(107, 114, 128, 0.9); color: white; border: 1px solid rgba(255, 255, 255, 0.1); } .event-card-premium .card-image-container .status-badge.state-1 { background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%); color: white; box-shadow: 0 4px 12px rgba(239, 68, 68, 0.4); } .event-card-premium .card-image-container .status-badge.state-2 { background: linear-gradient(135deg, #10b981 0%, #059669 100%); color: white; box-shadow: 0 4px 12px rgba(16, 185, 129, 0.4); } .event-card-premium .card-image-container .status-badge .pulse-dot { width: 6px; height: 6px; background: white; border-radius: 50%; animation: pulse-animation 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; } .event-card-premium .card-image-container .live-indicator { position: absolute; top: 12px; right: 12px; display: inline-flex; align-items: center; gap: 6px; padding: 6px 12px; background: linear-gradient(135deg, #ff6b35 0%, #f7931e 100%); border-radius: 999px; color: white; font-size: 11px; font-weight: 700; box-shadow: 0 4px 12px rgba(255, 107, 53, 0.4); text-transform: uppercase; letter-spacing: 0.5px; z-index: 2; } .event-card-premium .card-image-container .live-indicator .pulse-dot { width: 6px; height: 6px; background: white; border-radius: 50%; animation: pulse-animation 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; } .event-card-premium .card-image-container .date-badge-floating { position: absolute; bottom: 12px; right: 12px; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 52px; height: 52px; background: rgba(255, 255, 255, 0.95); backdrop-filter: blur(10px); border-radius: 12px; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15); z-index: 2; } .event-card-premium .card-image-container .date-badge-floating .date-day { font-size: 20px; font-weight: 800; line-height: 1; color: #ff6600; } .event-card-premium .card-image-container .date-badge-floating .date-month { font-size: 10px; font-weight: 700; text-transform: uppercase; color: #666; margin-top: 2px; } .event-card-premium .card-content { padding: 16px; display: flex; flex-direction: column; gap: 10px; flex: 1; } .event-card-premium .card-content .event-title { font-size: 16px; font-weight: 700; line-height: 1.3; color: var(--text-color); margin: 0; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .event-card-premium .card-content .event-meta { display: flex; align-items: center; gap: 6px; font-size: 12px; color: var(--text-secondary-color); font-weight: 500; flex-wrap: wrap; } .event-card-premium .card-content .event-meta svg { width: 14px; height: 14px; flex-shrink: 0; opacity: 0.6; } .event-card-premium .card-content .event-meta .separator { opacity: 0.4; } .event-card-premium .card-content .event-meta .venue-name { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 140px; } .event-card-premium .card-content .card-action { display: flex; align-items: center; justify-content: space-between; padding: 10px 14px; background: var(--primary-color); border-radius: 10px; color: white; font-size: 13px; font-weight: 600; margin-top: auto; transition: all 0.2s ease; } .event-card-premium .card-content .card-action svg { transition: transform 0.2s ease; } .event-card-premium .card-content .card-action:hover { background: #e55a00; } .event-card-premium .card-content .card-action:hover svg { transform: translateX(4px); } @keyframes pulse-animation { 0%, 100% { opacity: 1; } 50% { opacity: 0.5; } } html[data-theme="dark"] .event-card-premium { background: rgba(30, 30, 30, 0.95); border-color: rgba(255, 255, 255, 0.08); } html[data-theme="dark"] .event-card-premium:hover, html[data-theme="dark"] .event-card-premium.is-hovered { border-color: rgba(255, 107, 53, 0.4); box-shadow: 0 16px 40px -8px rgba(255, 107, 53, 0.3); } html[data-theme="dark"] .event-card-premium .card-image-container .image-overlay { background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0.8) 100%); } html[data-theme="dark"] .event-card-premium .card-image-container .date-badge-floating { background: rgba(255, 255, 255, 0.1); backdrop-filter: blur(10px); } html[data-theme="dark"] .event-card-premium .card-image-container .date-badge-floating .date-day { color: #ff6600; } html[data-theme="dark"] .event-card-premium .card-image-container .date-badge-floating .date-month { color: rgba(255, 255, 255, 0.7); } html[data-theme="dark"] .event-card-premium .card-content .event-title { color: #fff; } html[data-theme="dark"] .event-card-premium .card-content .event-meta { color: rgba(255, 255, 255, 0.6); } :root { --wc-bg-main: #F9FAFB; --wc-bg-card: #FFFFFF; --wc-bg-glass: rgba(255, 255, 255, 0.8); --wc-border-card: #E5E7EB; --wc-border-glass: rgba(229, 231, 235, 0.5); --wc-text-primary: #111827; --wc-text-secondary: #6B7280; --wc-text-highlight: #F57423; --wc-shadow-card: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); --wc-shadow-hover: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); --wc-bg-hover: #F3F4F6; --wc-backdrop: blur(0px); } html[data-theme="dark"] { --wc-bg-main: transparent; --wc-bg-card: rgba(255, 255, 255, 0.03); --wc-bg-glass: rgba(255, 255, 255, 0.03); --wc-border-card: rgba(255, 255, 255, 0.06); --wc-border-glass: rgba(255, 255, 255, 0.06); --wc-text-primary: #FFFFFF; --wc-text-secondary: rgba(255, 255, 255, 0.5); --wc-text-highlight: #FF6600; --wc-shadow-card: none; --wc-shadow-hover: none; --wc-bg-hover: rgba(255, 255, 255, 0.05); --wc-backdrop: blur(10px); } @keyframes fadeInUp { from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: translateY(0); } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes shimmer { 0% { background-position: -200% 0; } 100% { background-position: 200% 0; } } @keyframes float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-8px); } } @keyframes pulse-glow { 0%, 100% { box-shadow: 0 0 20px rgba(255, 102, 0, 0.3); } 50% { box-shadow: 0 0 40px rgba(255, 102, 0, 0.5); } } .home-world-class { min-height: 100vh; background: transparent; position: relative; overflow-x: hidden; } .home-world-class .home-content { position: relative; z-index: 1; max-width: 1400px; margin: 0 auto; padding: 0 24px 100px; color: var(--wc-text-primary); } .hero-section { padding: 60px 0 40px; text-align: center; animation: fadeIn 0.8s ease-out; } @media (max-width: 768px) { .hero-section { padding: 40px 0 30px; } } .hero-section .hero-greeting { font-size: 14px; color: var(--wc-text-secondary); text-transform: uppercase; letter-spacing: 3px; margin-bottom: 16px; font-weight: 600; } .hero-section .hero-title { font-size: clamp(32px, 6vw, 56px); font-weight: 800; color: var(--wc-text-primary); margin: 0 0 24px; line-height: 1.1; letter-spacing: -2px; } .hero-section .hero-title .highlight { background: linear-gradient(135deg, #FF6B35 0%, #F7931E 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } .home-world-class .stats-grid { display: flex; justify-content: center; gap: 24px; margin-bottom: 60px; flex-wrap: wrap; animation: fadeInUp 0.8s ease-out 0.2s both; } @media (max-width: 768px) { .home-world-class .stats-grid { gap: 16px; margin-bottom: 40px; } } .home-world-class .stats-grid > .stat-card { background: var(--wc-bg-card); backdrop-filter: var(--wc-backdrop); border: 1px solid var(--wc-border-card); border-radius: 20px; box-shadow: var(--wc-shadow-card); padding: 32px 48px; text-align: center; transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); position: relative; overflow: hidden; } @media (max-width: 768px) { .home-world-class .stats-grid > .stat-card { padding: 24px 32px; flex: 1; min-width: 140px; } } .home-world-class .stats-grid > .stat-card:hover { background: var(--wc-bg-hover); border-color: rgba(255, 102, 0, 0.2); box-shadow: var(--wc-shadow-hover); } .home-world-class .stats-grid > .stat-card:hover .stat-number { color: #FF6600; } .home-world-class .stats-grid > .stat-card .stat-number { font-size: 56px; font-weight: 800; color: var(--wc-text-primary); line-height: 1; margin-bottom: 8px; transition: color 0.3s ease; font-family: 'Inter', -apple-system, sans-serif; letter-spacing: -2px; } @media (max-width: 768px) { .home-world-class .stats-grid > .stat-card .stat-number { font-size: 40px; } } .home-world-class .stats-grid > .stat-card .stat-label { font-size: 13px; color: var(--wc-text-secondary); text-transform: uppercase; letter-spacing: 2px; font-weight: 600; } .home-world-class .stats-grid > .stat-card .stat-pending-badge { display: flex; align-items: center; justify-content: center; gap: 6px; margin-top: 12px; padding: 8px 16px; background: rgba(250, 173, 20, 0.12); border: 1px solid rgba(250, 173, 20, 0.25); border-radius: 100px; } .home-world-class .stats-grid > .stat-card .stat-pending-badge .pending-number { font-size: 15px; font-weight: 700; color: #faad14; } .home-world-class .stats-grid > .stat-card .stat-pending-badge .pending-label { font-size: 12px; font-weight: 600; color: rgba(250, 173, 20, 0.8); text-transform: lowercase; } @media (max-width: 768px) { .home-world-class .stats-grid > .stat-card .stat-pending-badge { margin-top: 10px; padding: 6px 12px; } .home-world-class .stats-grid > .stat-card .stat-pending-badge .pending-number { font-size: 13px; } .home-world-class .stats-grid > .stat-card .stat-pending-badge .pending-label { font-size: 11px; } } .section-header-wc { display: flex; align-items: center; justify-content: space-between; margin-bottom: 24px; padding: 0 4px; animation: fadeInUp 0.6s ease-out both; } .section-header-wc .section-left { display: flex; align-items: center; gap: 20px; } .section-header-wc .section-title-wc { font-size: 20px; font-weight: 700; color: var(--wc-text-primary); margin: 0; letter-spacing: -0.5px; display: flex; align-items: center; gap: 12px; } .section-header-wc .section-title-wc .section-icon { width: 28px; height: 28px; display: flex; align-items: center; justify-content: center; color: #FF6600; } .section-header-wc .section-toggle { display: flex; align-items: center; gap: 8px; background: var(--wc-bg-glass); border: 1px solid var(--wc-border-glass); border-radius: 100px; padding: 6px 8px; } .section-header-wc .section-toggle .toggle-btn { padding: 8px 16px; border-radius: 100px; font-size: 13px; font-weight: 600; color: var(--wc-text-secondary); cursor: pointer; transition: all 0.3s ease; border: none; background: transparent; } .section-header-wc .section-toggle .toggle-btn:hover { color: var(--wc-text-primary); } .section-header-wc .section-toggle .toggle-btn.active { background: #FF6600; color: #fff; box-shadow: 0 4px 12px rgba(255, 102, 0, 0.3); } .scroll-section { margin-bottom: 48px; position: relative; animation: fadeInUp 0.6s ease-out both; } .scroll-wrapper-wc { position: relative; } .scroll-wrapper-wc .scroll-container-wc { display: flex; gap: 20px; overflow-x: auto; padding: 16px 4px 24px; scroll-behavior: smooth; -ms-overflow-style: none; scrollbar-width: none; } .scroll-wrapper-wc .scroll-container-wc::-webkit-scrollbar { display: none; } .scroll-wrapper-wc .scroll-arrow-wc { position: absolute; top: 50%; transform: translateY(-50%); width: 48px; height: 48px; border-radius: 50%; background: var(--wc-bg-card); backdrop-filter: var(--wc-backdrop); border: 1px solid var(--wc-border-card); display: flex; align-items: center; justify-content: center; cursor: pointer; z-index: 10; color: var(--wc-text-secondary); transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4); } @media (max-width: 768px) { .scroll-wrapper-wc .scroll-arrow-wc { display: none; } } .scroll-wrapper-wc .scroll-arrow-wc:hover { background: #FF6600; color: #fff; border-color: #FF6600; transform: translateY(-50%) scale(1.1); box-shadow: 0 8px 32px rgba(255, 102, 0, 0.4); } .scroll-wrapper-wc .scroll-arrow-wc.left { left: -24px; } .scroll-wrapper-wc .scroll-arrow-wc.right { right: -24px; } .event-card-wc { min-width: 300px; max-width: 320px; min-width: 300px; max-width: 320px; flex-shrink: 0; background: var(--wc-bg-card); backdrop-filter: var(--wc-backdrop); border-radius: 20px; overflow: hidden; border: 1px solid var(--wc-border-card); box-shadow: var(--wc-shadow-card); transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); cursor: pointer; display: flex; flex-direction: column; } .event-card-wc:hover { transform: translateY(-8px); border-color: rgba(255, 102, 0, 0.3); background: var(--wc-bg-hover); box-shadow: var(--wc-shadow-hover); } .event-card-wc:hover .card-image-wc { transform: scale(1.08); } .event-card-wc:hover .card-action-wc svg { transform: translateX(4px); } .event-card-wc .image-container-wc { position: relative; height: 180px; overflow: hidden; flex-shrink: 0; } .event-card-wc .image-container-wc .card-image-wc { width: 100%; height: 100%; object-fit: cover; transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1); } .event-card-wc .image-container-wc .image-placeholder-wc { width: 100%; height: 100%; background: var(--wc-bg-hover); display: flex; align-items: center; justify-content: center; } .event-card-wc .image-container-wc .image-placeholder-wc svg { color: var(--wc-text-secondary); } .event-card-wc .image-container-wc .image-overlay-wc { position: absolute; inset: 0; background: linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.7) 100%); } .event-card-wc .image-container-wc .status-badge-wc { position: absolute; top: 12px; left: 12px; padding: 6px 14px; border-radius: 100px; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; backdrop-filter: blur(10px); display: flex; align-items: center; gap: 6px; } .event-card-wc .image-container-wc .status-badge-wc.draft { background: rgba(107, 114, 128, 0.9); color: #fff; border: 1px solid rgba(255, 255, 255, 0.1); } .event-card-wc .image-container-wc .status-badge-wc.rejected { background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%); color: #fff; box-shadow: 0 4px 16px rgba(239, 68, 68, 0.4); } .event-card-wc .image-container-wc .status-badge-wc.active { background: linear-gradient(135deg, #10b981 0%, #059669 100%); color: #fff; box-shadow: 0 4px 16px rgba(16, 185, 129, 0.4); } .event-card-wc .image-container-wc .status-badge-wc .pulse-dot { width: 6px; height: 6px; background: #fff; border-radius: 50%; animation: pulse-glow 2s ease-in-out infinite; } .event-card-wc .image-container-wc .live-badge-wc { position: absolute; top: 12px; right: 12px; padding: 6px 14px; border-radius: 100px; font-size: 11px; font-weight: 700; text-transform: uppercase; background: linear-gradient(135deg, #FF6B35 0%, #F7931E 100%); color: #fff; box-shadow: 0 4px 16px rgba(255, 102, 0, 0.4); display: flex; align-items: center; gap: 6px; animation: pulse-glow 2s ease-in-out infinite; } .event-card-wc .image-container-wc .date-badge-wc { position: absolute; bottom: 12px; right: 12px; width: 56px; height: 56px; backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 14px; display: flex; flex-direction: column; align-items: center; justify-content: center; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4); } .event-card-wc .image-container-wc .date-badge-wc .date-day { font-size: 22px; font-weight: 800; color: #FF6600; line-height: 1; } .event-card-wc .image-container-wc .date-badge-wc .date-month { font-size: 10px; font-weight: 700; text-transform: uppercase; color: rgba(255, 255, 255, 0.7); margin-top: 2px; } .event-card-wc .card-content-wc { padding: 20px; display: flex; flex-direction: column; flex: 1; } .event-card-wc .card-content-wc .event-title-wc { font-size: 17px; font-weight: 700; color: var(--wc-text-primary); margin: 0 0 12px; line-height: 1.3; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .event-card-wc .card-content-wc .event-meta-wc { display: flex; align-items: center; gap: 8px; font-size: 13px; color: var(--wc-text-secondary); margin-bottom: 16px; } .event-card-wc .card-content-wc .event-meta-wc svg { width: 14px; height: 14px; flex-shrink: 0; } .event-card-wc .card-content-wc .event-meta-wc .separator { opacity: 0.3; } .event-card-wc .card-content-wc .card-action-wc { display: flex; align-items: center; justify-content: space-between; padding: 12px 16px; background: #FF6600; border-radius: 12px; color: #fff; font-size: 14px; font-weight: 600; transition: all 0.3s ease; margin-top: auto; } .event-card-wc .card-content-wc .card-action-wc svg { transition: transform 0.3s ease; } .event-card-wc .card-content-wc .card-action-wc:hover { background: #e55a00; } .branch-card-wc { min-width: 260px; max-width: 280px; min-width: 300px; max-width: 320px; flex-shrink: 0; background: var(--wc-bg-card); backdrop-filter: var(--wc-backdrop); border-radius: 20px; overflow: hidden; border: 1px solid var(--wc-border-card); box-shadow: var(--wc-shadow-card); transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); cursor: pointer; } .branch-card-wc:hover { transform: translateY(-6px); border-color: rgba(255, 102, 0, 0.3); background: var(--wc-bg-hover); box-shadow: var(--wc-shadow-hover); } .branch-card-wc:hover .branch-image-wc { transform: scale(1.05); } .branch-card-wc .branch-image-container { position: relative; height: 120px; overflow: hidden; } .branch-card-wc .branch-image-container .branch-image-wc { width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s ease; } .branch-card-wc .branch-image-container .branch-placeholder { width: 100%; height: 100%; background: var(--wc-bg-hover); display: flex; align-items: center; justify-content: center; } .branch-card-wc .branch-image-container .branch-placeholder svg, .branch-card-wc .branch-image-container .branch-placeholder .anticon { font-size: 36px; color: var(--wc-text-secondary); } .branch-card-wc .branch-image-container .status-indicator { position: absolute; top: 12px; right: 12px; width: 12px; height: 12px; border-radius: 50%; box-shadow: 0 0 12px currentColor; } .branch-card-wc .branch-image-container .status-indicator.online { background: #10b981; color: #10b981; } .branch-card-wc .branch-image-container .status-indicator.offline { background: #6b7280; color: #6b7280; } .branch-card-wc .branch-content { padding: 16px 20px; } .branch-card-wc .branch-content .branch-name { font-size: 16px; font-weight: 700; color: var(--wc-text-primary); margin: 0 0 8px; line-height: 1.3; } .branch-card-wc .branch-content .branch-status { display: flex; align-items: center; gap: 6px; font-size: 13px; font-weight: 600; } .branch-card-wc .branch-content .branch-status.online { color: #10b981; } .branch-card-wc .branch-content .branch-status.offline { color: var(--wc-text-secondary); } .branch-card-wc .branch-content .branch-status .status-dot { width: 8px; height: 8px; border-radius: 50%; background: currentColor; } .producer-avatar-wc { flex-shrink: 0; display: flex; flex-direction: column; align-items: center; gap: 12px; cursor: pointer; padding: 8px; transition: transform 0.3s ease; } .producer-avatar-wc:hover { transform: scale(1.08); } .producer-avatar-wc:hover .avatar-ring { border-color: #FF6600; box-shadow: 0 0 24px rgba(255, 102, 0, 0.4); } .producer-avatar-wc:hover .producer-name-wc { color: #FF6600; } .producer-avatar-wc .avatar-ring { width: 80px; height: 80px; border-radius: 50%; padding: 3px; background: transparent; border: 2px solid var(--wc-border-glass); transition: all 0.3s ease; } .producer-avatar-wc .avatar-ring .avatar-image { width: 100%; height: 100%; border-radius: 50%; object-fit: cover; } .producer-avatar-wc .avatar-ring .avatar-placeholder { width: 100%; height: 100%; border-radius: 50%; background: var(--wc-bg-hover); display: flex; align-items: center; justify-content: center; } .producer-avatar-wc .avatar-ring .avatar-placeholder svg, .producer-avatar-wc .avatar-ring .avatar-placeholder .anticon { font-size: 28px; color: var(--wc-text-secondary); } .producer-avatar-wc .producer-name-wc { font-size: 13px; font-weight: 600; color: var(--wc-text-secondary); text-align: center; max-width: 90px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: color 0.3s ease; } .company-card-wc { min-width: 280px; max-width: 300px; flex-shrink: 0; background: var(--wc-bg-card); backdrop-filter: var(--wc-backdrop); border-radius: 20px; padding: 24px; border: 1px solid var(--wc-border-card); box-shadow: var(--wc-shadow-card); transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); cursor: pointer; display: flex; flex-direction: column; gap: 12px; } .company-card-wc:hover { transform: translateY(-6px); border-color: rgba(255, 102, 0, 0.3); background: var(--wc-bg-hover); box-shadow: var(--wc-shadow-hover); } .company-card-wc .company-status-badge { display: inline-flex; align-items: center; gap: 6px; padding: 6px 12px; border-radius: 100px; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; width: fit-content; } .company-card-wc .company-status-badge.pending { background: rgba(250, 173, 20, 0.15); color: #faad14; border: 1px solid rgba(250, 173, 20, 0.3); } .company-card-wc .company-status-badge.validated { background: rgba(16, 185, 129, 0.15); color: #10b981; border: 1px solid rgba(16, 185, 129, 0.3); } .company-card-wc .company-status-badge.rejected { background: rgba(239, 68, 68, 0.15); color: #ef4444; border: 1px solid rgba(239, 68, 68, 0.3); } .company-card-wc .company-name-wc { font-size: 18px; font-weight: 700; color: var(--wc-text-primary); line-height: 1.3; } .company-card-wc .company-fiscal { font-size: 14px; font-weight: 600; color: #FF6600; } .company-card-wc .company-activity { font-size: 13px; color: var(--wc-text-secondary); line-height: 1.4; } .fab-container-wc { position: fixed; bottom: 24px; right: 24px; z-index: 1000; display: flex; flex-direction: column; align-items: flex-end; gap: 12px; } @media (min-width: 968px) { .fab-container-wc { bottom: 28px; right: 28px; } } .fab-button-wc { width: 60px; height: 60px; border-radius: 50%; background: linear-gradient(135deg, #FF6B35 0%, #F7931E 100%); border: none; color: #fff; display: flex; align-items: center; justify-content: center; cursor: pointer; box-shadow: 0 8px 32px rgba(255, 102, 0, 0.4); transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); } .fab-button-wc:hover { transform: scale(1.1); box-shadow: 0 12px 40px rgba(255, 102, 0, 0.5); } .fab-button-wc.open { transform: rotate(45deg); background: rgba(255, 255, 255, 0.1); box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3); } .fab-button-wc svg { width: 24px; height: 24px; } @media (min-width: 968px) { .fab-button-mobile { display: none !important; } } .fab-cta-desktop { display: none; align-items: center; gap: 10px; height: 52px; padding: 0 18px; border-radius: 999px; background: linear-gradient(135deg, #FF6B35 0%, #F7931E 100%); border: 1px solid rgba(255, 255, 255, 0.12); color: #fff; font-weight: 700; cursor: pointer; box-shadow: 0 10px 36px rgba(255, 102, 0, 0.35); transition: transform 0.2s ease, box-shadow 0.2s ease; } @media (min-width: 968px) { .fab-cta-desktop { display: flex; } } .fab-cta-desktop:hover { transform: translateY(-2px); box-shadow: 0 14px 46px rgba(255, 102, 0, 0.45); } .fab-cta-desktop svg { width: 18px; height: 18px; } .fab-menu-wc { background: var(--wc-bg-glass); backdrop-filter: blur(40px); border: 1px solid var(--wc-border-glass); border-radius: 20px; padding: 8px; box-shadow: 0 16px 64px rgba(0, 0, 0, 0.5); overflow: hidden; animation: fadeInUp 0.3s ease-out; } .fab-menu-wc .fab-item { display: flex; align-items: center; gap: 12px; padding: 14px 20px; border-radius: 12px; color: var(--wc-text-secondary); font-size: 14px; font-weight: 600; cursor: pointer; transition: all 0.2s ease; } .fab-menu-wc .fab-item:hover { background: var(--wc-bg-hover); color: var(--wc-text-primary); } .fab-menu-wc .fab-item:hover .fab-icon { background: #FF6600; color: #fff; } .fab-menu-wc .fab-item .fab-icon { width: 36px; height: 36px; border-radius: 10px; background: var(--wc-bg-glass); border: 1px solid var(--wc-border-glass); display: flex; align-items: center; justify-content: center; transition: all 0.3s ease; } .fab-menu-wc .fab-item .fab-icon svg { width: 18px; height: 18px; } .desktop-create-wc { display: none; } @media (min-width: 968px) { .desktop-create-wc { display: block; position: relative; } } .create-btn-wc { display: flex; align-items: center; gap: 10px; padding: 12px 24px; background: linear-gradient(135deg, #FF6B35 0%, #F7931E 100%); border: none; border-radius: 100px; color: #fff; font-size: 14px; font-weight: 700; cursor: pointer; box-shadow: 0 8px 24px rgba(255, 102, 0, 0.3); transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); } .create-btn-wc:hover { transform: translateY(-2px); box-shadow: 0 12px 32px rgba(255, 102, 0, 0.4); } .create-btn-wc svg { width: 18px; height: 18px; } .desktop-menu-wc { position: absolute; top: calc(100% + 12px); right: 0; min-width: 240px; background: var(--wc-bg-glass); backdrop-filter: blur(40px); border: 1px solid var(--wc-border-glass); border-radius: 16px; padding: 8px; box-shadow: 0 16px 64px rgba(0, 0, 0, 0.5); animation: fadeInUp 0.2s ease-out; z-index: 100; } .desktop-menu-wc .menu-item-wc { display: flex; align-items: center; gap: 12px; padding: 12px 16px; border-radius: 10px; color: var(--wc-text-secondary); font-size: 14px; font-weight: 500; cursor: pointer; transition: all 0.2s ease; text-decoration: none; } .desktop-menu-wc .menu-item-wc:hover { background: var(--wc-bg-hover); color: #FF6600; } .desktop-menu-wc .menu-item-wc svg { width: 18px; height: 18px; opacity: 0.6; } .empty-state-wc { text-align: center; padding: 80px 24px; animation: fadeInUp 0.6s ease-out; } .empty-state-wc .empty-icon { width: 80px; height: 80px; margin: 0 auto 24px; background: var(--wc-bg-glass); border: 1px solid var(--wc-border-glass); border-radius: 24px; display: flex; align-items: center; justify-content: center; } .empty-state-wc .empty-icon svg { width: 40px; height: 40px; color: var(--wc-text-secondary); } .empty-state-wc .empty-title { font-size: 24px; font-weight: 700; color: var(--wc-text-primary); margin: 0 0 12px; } .empty-state-wc .empty-description { font-size: 15px; color: var(--wc-text-secondary); max-width: 400px; margin: 0 auto 32px; line-height: 1.6; } .empty-state-wc .empty-cta { display: inline-flex; align-items: center; gap: 10px; padding: 14px 28px; background: linear-gradient(135deg, #FF6B35 0%, #F7931E 100%); border: none; border-radius: 100px; color: #fff; font-size: 15px; font-weight: 700; cursor: pointer; box-shadow: 0 8px 24px rgba(255, 102, 0, 0.3); transition: all 0.3s ease; } .empty-state-wc .empty-cta:hover { transform: translateY(-2px); box-shadow: 0 12px 32px rgba(255, 102, 0, 0.4); } .onboarding-wc { text-align: center; padding: 60px 24px; background: var(--wc-bg-card); border: 1px solid var(--wc-border-card); border-radius: 24px; margin-bottom: 40px; animation: fadeInUp 0.6s ease-out; } .onboarding-wc .onboarding-title { font-size: 28px; font-weight: 700; color: var(--wc-text-primary); margin: 0 0 12px; } .onboarding-wc .onboarding-subtitle { font-size: 16px; color: var(--wc-text-secondary); margin: 0 0 32px; } .onboarding-wc .onboarding-actions { display: flex; flex-wrap: wrap; justify-content: center; gap: 16px; } .onboarding-wc .onboarding-actions .onboarding-btn { display: flex; align-items: center; gap: 10px; padding: 14px 24px; background: var(--wc-bg-glass); border: 1px solid var(--wc-border-glass); border-radius: 14px; color: var(--wc-text-secondary); font-size: 14px; font-weight: 600; cursor: pointer; transition: all 0.3s ease; } .onboarding-wc .onboarding-actions .onboarding-btn:hover { background: var(--wc-bg-hover); border-color: #FF6600; color: var(--wc-text-primary); } .onboarding-wc .onboarding-actions .onboarding-btn svg { width: 20px; height: 20px; color: #FF6600; } .modal-premium .ant-modal-content { background: var(--wc-bg-card) !important; backdrop-filter: blur(40px); border: 1px solid var(--wc-border-card) !important; border-radius: 24px !important; box-shadow: 0 32px 80px rgba(0, 0, 0, 0.6) !important; } .modal-premium .ant-modal-header { background: transparent !important; border-bottom: 1px solid var(--wc-border-card) !important; padding: 24px 24px 20px !important; } .modal-premium .ant-modal-header .ant-modal-title { color: var(--wc-text-primary) !important; font-size: 20px !important; font-weight: 700 !important; } .modal-premium .ant-modal-body { padding: 24px !important; } .modal-premium .ant-modal-close { color: var(--wc-text-secondary) !important; } .modal-premium .ant-modal-close:hover { color: var(--wc-text-primary) !important; } .loading-wc { min-height: 100vh; background: transparent; display: flex; align-items: center; justify-content: center; } .loading-wc .loading-spinner { width: 48px; height: 48px; border: 3px solid var(--wc-border-glass); border-top-color: #FF6600; border-radius: 50%; animation: spin 1s linear infinite; } @keyframes spin { to { transform: rotate(360deg); } } .stagger-1 { animation-delay: 0.1s; } .stagger-2 { animation-delay: 0.2s; } .stagger-3 { animation-delay: 0.3s; } .stagger-4 { animation-delay: 0.4s; } .stagger-5 { animation-delay: 0.5s; } @media (max-width: 768px) { .home-world-class .home-content { padding: 0 16px 120px; } .hero-section { padding: 32px 0 24px; } .hero-section .hero-greeting { font-size: 12px; letter-spacing: 2px; } .hero-section .hero-title { font-size: 28px; letter-spacing: -1px; } .stats-grid { gap: 12px; margin-bottom: 32px; } .stats-grid .stat-card { padding: 20px 16px; border-radius: 16px; } .stats-grid .stat-card .stat-number { font-size: 32px; letter-spacing: -1px; } .stats-grid .stat-card .stat-label { font-size: 11px; letter-spacing: 1px; } .section-header-wc { flex-direction: column; align-items: flex-start; gap: 16px; margin-bottom: 16px; } .section-header-wc .section-left { width: 100%; justify-content: space-between; } .section-header-wc .section-toggle { width: 100%; justify-content: center; } .scroll-wrapper-wc .scroll-container-wc { gap: 16px; padding: 12px 0 20px; } .event-card-wc { min-width: 280px; max-width: 280px; } .event-card-wc .image-container-wc { height: 160px; } .event-card-wc .card-content-wc { padding: 16px; } .event-card-wc .card-content-wc .event-title-wc { font-size: 15px; } .branch-card-wc { min-width: 220px; max-width: 240px; } .branch-card-wc .branch-image-container { height: 100px; } .producer-avatar-wc .avatar-ring { width: 70px; height: 70px; } .producer-avatar-wc .producer-name-wc { font-size: 12px; max-width: 80px; } .company-card-wc { min-width: 240px; max-width: 260px; padding: 20px; } .company-card-wc .company-name-wc { font-size: 16px; } .onboarding-wc { padding: 40px 20px; border-radius: 20px; } .onboarding-wc .onboarding-title { font-size: 22px; } .onboarding-wc .onboarding-subtitle { font-size: 14px; } .onboarding-wc .onboarding-actions { flex-direction: column; } .onboarding-wc .onboarding-actions .onboarding-btn { width: 100%; justify-content: center; } .empty-state-wc { padding: 60px 20px; } .empty-state-wc .empty-icon { width: 64px; height: 64px; border-radius: 20px; } .empty-state-wc .empty-icon svg { width: 32px; height: 32px; } .empty-state-wc .empty-title { font-size: 20px; } .empty-state-wc .empty-description { font-size: 14px; } } @media (min-width: 769px) and (max-width: 1024px) { .home-world-class .home-content { padding: 0 32px 100px; } .stats-grid { gap: 20px; } .scroll-wrapper-wc .scroll-arrow-wc { width: 40px; height: 40px; } .scroll-wrapper-wc .scroll-arrow-wc.left { left: -16px; } .scroll-wrapper-wc .scroll-arrow-wc.right { right: -16px; } } .home-world-class.menu-open::before { content: ''; position: fixed; inset: 0; z-index: 50; background: transparent; } .scroll-container-wc { scroll-snap-type: x proximity; } .scroll-container-wc > * { scroll-snap-align: start; } @media (hover: hover) and (pointer: fine) { .event-card-wc:hover { transform: translateY(-8px); } .branch-card-wc:hover { transform: translateY(-6px); } .company-card-wc:hover { transform: translateY(-6px); } .producer-avatar-wc:hover { transform: scale(1.08); } } @media (hover: none) { .event-card-wc:hover, .branch-card-wc:hover, .company-card-wc:hover { transform: none; } .event-card-wc:active, .branch-card-wc:active, .company-card-wc:active { transform: scale(0.98); } .producer-avatar-wc:hover { transform: none; } .producer-avatar-wc:active { transform: scale(0.95); } } @media (prefers-reduced-motion: reduce) { * { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; } } .event-card-wc:focus-visible, .branch-card-wc:focus-visible, .company-card-wc:focus-visible, .producer-avatar-wc:focus-visible, .fab-button-wc:focus-visible, .create-btn-wc:focus-visible, .toggle-btn:focus-visible, .scroll-arrow-wc:focus-visible { outline: 2px solid #FF6600; outline-offset: 4px; } @supports (padding-bottom: env(safe-area-inset-bottom)) { .fab-container-wc { bottom: calc(24px + env(safe-area-inset-bottom)); } .home-world-class .home-content { padding-bottom: calc(100px + env(safe-area-inset-bottom)); } } .section-header-wc .section-right .create-button-wc { width: 40px; height: 40px; border-radius: 12px; background: var(--wc-bg-glass); border: 1px solid var(--wc-border-glass); display: flex; align-items: center; justify-content: center; cursor: pointer; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); color: var(--wc-text-secondary); } .section-header-wc .section-right .create-button-wc:hover { background: #FF6600; border-color: #FF6600; color: #fff; transform: scale(1.05); box-shadow: 0 4px 16px rgba(255, 102, 0, 0.3); } .section-header-wc .section-right .create-button-wc svg { width: 20px; height: 20px; } .home-empty-fullscreen { display: flex; align-items: center; justify-content: center; min-height: calc(100vh - 80px); padding: 40px 20px; } .empty-fullscreen-content { text-align: center; max-width: 480px; animation: fadeInUp 0.6s ease-out; } .empty-fullscreen-icon { width: 100px; height: 100px; margin: 0 auto 32px; background: rgba(255, 102, 0, 0.1); border: 2px solid rgba(255, 102, 0, 0.3); border-radius: 24px; display: flex; align-items: center; justify-content: center; } .empty-fullscreen-icon svg { width: 48px; height: 48px; color: #ff6600; } .empty-fullscreen-title { font-size: 36px; font-weight: 800; color: var(--wc-text-primary); margin: 0 0 16px; letter-spacing: -1px; } @media (max-width: 480px) { .empty-fullscreen-title { font-size: 28px; } } .empty-fullscreen-desc { font-size: 18px; color: var(--wc-text-secondary); margin: 0 0 32px; line-height: 1.6; } @media (max-width: 480px) { .empty-fullscreen-desc { font-size: 16px; } } .empty-fullscreen-cta { display: inline-flex; align-items: center; gap: 12px; background: linear-gradient(135deg, #ff6600 0%, #ff8533 100%); border: none; color: #fff; font-size: 18px; font-weight: 700; padding: 18px 40px; border-radius: 16px; cursor: pointer; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 8px 32px rgba(255, 102, 0, 0.3); } .empty-fullscreen-cta svg { width: 22px; height: 22px; } .empty-fullscreen-cta:hover { transform: translateY(-2px) scale(1.02); box-shadow: 0 12px 40px rgba(255, 102, 0, 0.4); } .empty-fullscreen-cta:active { transform: translateY(0) scale(0.98); } @media (max-width: 480px) { .empty-fullscreen-cta { width: 100%; justify-content: center; font-size: 16px; padding: 16px 32px; } } .empty-fullscreen-hint { margin: 24px 0 0; font-size: 14px; color: var(--wc-text-secondary); } @keyframes fadeInUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } } @media (max-width: 768px) { .hide-mobile { display: none !important; } } /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ /* stylelint-disable no-duplicate-selectors */ /* stylelint-disable */ /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ .ant-alert { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; position: relative; display: flex; align-items: center; padding: 8px 15px; word-wrap: break-word; border-radius: 2px; } .ant-alert-content { flex: 1; min-width: 0; } .ant-alert-icon { margin-right: 8px; } .ant-alert-description { display: none; font-size: 14px; line-height: 22px; } .ant-alert-success { background-color: #f6ffed; border: 1px solid #b7eb8f; } .ant-alert-success .ant-alert-icon { color: #52c41a; } .ant-alert-info { background-color: #fff8f0; border: 1px solid #ffcd9e; } .ant-alert-info .ant-alert-icon { color: #f57423; } .ant-alert-warning { background-color: #fffbe6; border: 1px solid #ffe58f; } .ant-alert-warning .ant-alert-icon { color: #faad14; } .ant-alert-error { background-color: #fff2f0; border: 1px solid #ffccc7; } .ant-alert-error .ant-alert-icon { color: #ff4d4f; } .ant-alert-error .ant-alert-description > pre { margin: 0; padding: 0; } .ant-alert-action { margin-left: 8px; } .ant-alert-close-icon { margin-left: 8px; padding: 0; overflow: hidden; font-size: 12px; line-height: 12px; background-color: transparent; border: none; outline: none; cursor: pointer; } .ant-alert-close-icon .anticon-close { color: rgba(0, 0, 0, 0.45); transition: color 0.3s; } .ant-alert-close-icon .anticon-close:hover { color: rgba(0, 0, 0, 0.75); } .ant-alert-close-text { color: rgba(0, 0, 0, 0.45); transition: color 0.3s; } .ant-alert-close-text:hover { color: rgba(0, 0, 0, 0.75); } .ant-alert-with-description { align-items: flex-start; padding: 15px 15px 15px 24px; } .ant-alert-with-description.ant-alert-no-icon { padding: 15px 15px; } .ant-alert-with-description .ant-alert-icon { margin-right: 15px; font-size: 24px; } .ant-alert-with-description .ant-alert-message { display: block; margin-bottom: 4px; color: rgba(0, 0, 0, 0.85); font-size: 16px; } .ant-alert-message { color: rgba(0, 0, 0, 0.85); } .ant-alert-with-description .ant-alert-description { display: block; } .ant-alert.ant-alert-motion-leave { overflow: hidden; opacity: 1; transition: max-height 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86), opacity 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86), padding-top 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86), padding-bottom 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86), margin-bottom 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86); } .ant-alert.ant-alert-motion-leave-active { max-height: 0; margin-bottom: 0 !important; padding-top: 0; padding-bottom: 0; opacity: 0; } .ant-alert-banner { margin-bottom: 0; border: 0; border-radius: 0; } .ant-alert.ant-alert-rtl { direction: rtl; } .ant-alert-rtl.ant-alert.ant-alert-no-icon { padding: 8px 15px; } .ant-alert-rtl .ant-alert-icon { margin-right: auto; margin-left: 8px; } .ant-alert-rtl .ant-alert-action { margin-right: 8px; margin-left: auto; } .ant-alert-rtl .ant-alert-close-icon { margin-right: 8px; margin-left: auto; } .ant-alert-rtl.ant-alert-with-description .ant-alert-icon { margin-right: auto; margin-left: 15px; } /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ /* stylelint-disable no-duplicate-selectors */ /* stylelint-disable */ /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ .ant-card { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; position: relative; background: #fff; border-radius: 2px; } .ant-card-rtl { direction: rtl; } .ant-card-hoverable { cursor: pointer; transition: box-shadow 0.3s, border-color 0.3s; } .ant-card-hoverable:hover { border-color: transparent; box-shadow: 0 1px 2px -2px rgba(0, 0, 0, 0.16), 0 3px 6px 0 rgba(0, 0, 0, 0.12), 0 5px 12px 4px rgba(0, 0, 0, 0.09); } .ant-card-bordered { border: 1px solid #f0f0f0; } .ant-card-head { min-height: 48px; margin-bottom: -1px; padding: 0 24px; color: rgba(0, 0, 0, 0.85); font-weight: 500; font-size: 16px; background: transparent; border-bottom: 1px solid #f0f0f0; border-radius: 2px 2px 0 0; } .ant-card-head::before { display: table; content: ''; } .ant-card-head::after { display: table; clear: both; content: ''; } .ant-card-head-wrapper { display: flex; align-items: center; } .ant-card-head-title { display: inline-block; flex: 1; padding: 16px 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .ant-card-head-title > .ant-typography, .ant-card-head-title > .ant-typography-edit-content { left: 0; margin-top: 0; margin-bottom: 0; } .ant-card-head .ant-tabs { clear: both; margin-bottom: -17px; color: rgba(0, 0, 0, 0.85); font-weight: normal; font-size: 14px; } .ant-card-head .ant-tabs-bar { border-bottom: 1px solid #f0f0f0; } .ant-card-extra { float: right; margin-left: auto; padding: 16px 0; color: rgba(0, 0, 0, 0.85); font-weight: normal; font-size: 14px; } .ant-card-rtl .ant-card-extra { margin-right: auto; margin-left: 0; } .ant-card-body { padding: 24px; } .ant-card-body::before { display: table; content: ''; } .ant-card-body::after { display: table; clear: both; content: ''; } .ant-card-contain-grid:not(.ant-card-loading) .ant-card-body { margin: -1px 0 0 -1px; padding: 0; } .ant-card-grid { float: left; width: 33.33%; padding: 24px; border: 0; border-radius: 0; box-shadow: 1px 0 0 0 #f0f0f0, 0 1px 0 0 #f0f0f0, 1px 1px 0 0 #f0f0f0, 1px 0 0 0 #f0f0f0 inset, 0 1px 0 0 #f0f0f0 inset; transition: all 0.3s; } .ant-card-rtl .ant-card-grid { float: right; } .ant-card-grid-hoverable:hover { position: relative; z-index: 1; box-shadow: 0 1px 2px -2px rgba(0, 0, 0, 0.16), 0 3px 6px 0 rgba(0, 0, 0, 0.12), 0 5px 12px 4px rgba(0, 0, 0, 0.09); } .ant-card-contain-tabs > .ant-card-head .ant-card-head-title { min-height: 32px; padding-bottom: 0; } .ant-card-contain-tabs > .ant-card-head .ant-card-extra { padding-bottom: 0; } .ant-card-bordered .ant-card-cover { margin-right: -1px; margin-left: -1px; transform: translateY(-1px); } .ant-card-cover > * { display: block; width: 100%; } .ant-card-cover img { border-radius: 2px 2px 0 0; } .ant-card-actions { margin: 0; padding: 0; list-style: none; background: #fff; border-top: 1px solid #f0f0f0; } .ant-card-actions::before { display: table; content: ''; } .ant-card-actions::after { display: table; clear: both; content: ''; } .ant-card-actions > li { float: left; margin: 12px 0; color: rgba(0, 0, 0, 0.45); text-align: center; } .ant-card-rtl .ant-card-actions > li { float: right; } .ant-card-actions > li > span { position: relative; display: block; min-width: 32px; font-size: 14px; line-height: 1.5715; cursor: pointer; } .ant-card-actions > li > span:hover { color: #f57423; transition: color 0.3s; } .ant-card-actions > li > span a:not(.ant-btn), .ant-card-actions > li > span > .anticon { display: inline-block; width: 100%; color: rgba(0, 0, 0, 0.45); line-height: 22px; transition: color 0.3s; } .ant-card-actions > li > span a:not(.ant-btn):hover, .ant-card-actions > li > span > .anticon:hover { color: #f57423; } .ant-card-actions > li > span > .anticon { font-size: 16px; line-height: 22px; } .ant-card-actions > li:not(:last-child) { border-right: 1px solid #f0f0f0; } .ant-card-type-inner .ant-card-head { padding: 0 24px; background: #fafafa; } .ant-card-type-inner .ant-card-head-title { padding: 12px 0; font-size: 14px; } .ant-card-type-inner .ant-card-body { padding: 16px 24px; } .ant-card-type-inner .ant-card-extra { padding: 13.5px 0; } .ant-card-meta { margin: -4px 0; } .ant-card-meta::before { display: table; content: ''; } .ant-card-meta::after { display: table; clear: both; content: ''; } .ant-card-meta-avatar { float: left; padding-right: 16px; } .ant-card-rtl .ant-card-meta-avatar { float: right; padding-right: 0; padding-left: 16px; } .ant-card-meta-detail { overflow: hidden; } .ant-card-meta-detail > div:not(:last-child) { margin-bottom: 8px; } .ant-card-meta-title { overflow: hidden; color: rgba(0, 0, 0, 0.85); font-weight: 500; font-size: 16px; white-space: nowrap; text-overflow: ellipsis; } .ant-card-meta-description { color: rgba(0, 0, 0, 0.45); } .ant-card-loading { overflow: hidden; } .ant-card-loading .ant-card-body { user-select: none; } .ant-card-loading-content p { margin: 0; } .ant-card-loading-block { height: 14px; margin: 4px 0; background: linear-gradient(90deg, rgba(207, 216, 220, 0.2), rgba(207, 216, 220, 0.4), rgba(207, 216, 220, 0.2)); background-size: 600% 600%; border-radius: 2px; animation: card-loading 1.4s ease infinite; } @keyframes card-loading { 0%, 100% { background-position: 0 50%; } 50% { background-position: 100% 50%; } } .ant-card-small > .ant-card-head { min-height: 36px; padding: 0 12px; font-size: 14px; } .ant-card-small > .ant-card-head > .ant-card-head-wrapper > .ant-card-head-title { padding: 8px 0; } .ant-card-small > .ant-card-head > .ant-card-head-wrapper > .ant-card-extra { padding: 8px 0; font-size: 14px; } .ant-card-small > .ant-card-body { padding: 12px; } /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ /* stylelint-disable no-duplicate-selectors */ /* stylelint-disable */ /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ .ant-breadcrumb { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; color: rgba(0, 0, 0, 0.45); font-size: 14px; } .ant-breadcrumb .anticon { font-size: 14px; } .ant-breadcrumb a { color: rgba(0, 0, 0, 0.45); transition: color 0.3s; } .ant-breadcrumb a:hover { color: #ff974d; } .ant-breadcrumb > span:last-child { color: rgba(0, 0, 0, 0.85); } .ant-breadcrumb > span:last-child a { color: rgba(0, 0, 0, 0.85); } .ant-breadcrumb > span:last-child .ant-breadcrumb-separator { display: none; } .ant-breadcrumb-separator { margin: 0 8px; color: rgba(0, 0, 0, 0.45); } .ant-breadcrumb-link > .anticon + span, .ant-breadcrumb-link > .anticon + a { margin-left: 4px; } .ant-breadcrumb-overlay-link > .anticon { margin-left: 4px; } .ant-breadcrumb-rtl { direction: rtl; } .ant-breadcrumb-rtl::before { display: table; content: ''; } .ant-breadcrumb-rtl::after { display: table; clear: both; content: ''; } .ant-breadcrumb-rtl > span { float: right; } .ant-breadcrumb-rtl .ant-breadcrumb-link > .anticon + span, .ant-breadcrumb-rtl .ant-breadcrumb-link > .anticon + a { margin-right: 4px; margin-left: 0; } .ant-breadcrumb-rtl .ant-breadcrumb-overlay-link > .anticon { margin-right: 4px; margin-left: 0; } /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ /* stylelint-disable no-duplicate-selectors */ /* stylelint-disable */ /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ .ant-switch { margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; position: relative; display: inline-block; box-sizing: border-box; min-width: 44px; height: 22px; line-height: 22px; vertical-align: middle; background-color: rgba(0, 0, 0, 0.25); border: 0; border-radius: 100px; cursor: pointer; transition: all 0.2s; user-select: none; } .ant-switch:focus { outline: 0; box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1); } .ant-switch-checked:focus { box-shadow: 0 0 0 2px rgba(245, 116, 35, 0.2); } .ant-switch:focus:hover { box-shadow: none; } .ant-switch-checked { background-color: #f57423; } .ant-switch-loading, .ant-switch-disabled { cursor: not-allowed; opacity: 0.4; } .ant-switch-loading *, .ant-switch-disabled * { box-shadow: none; cursor: not-allowed; } .ant-switch-inner { display: block; margin: 0 7px 0 25px; color: #fff; font-size: 12px; transition: margin 0.2s; } .ant-switch-checked .ant-switch-inner { margin: 0 25px 0 7px; } .ant-switch-handle { position: absolute; top: 2px; left: 2px; width: 18px; height: 18px; transition: all 0.2s ease-in-out; } .ant-switch-handle::before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: #fff; border-radius: 9px; box-shadow: 0 2px 4px 0 rgba(0, 35, 11, 0.2); transition: all 0.2s ease-in-out; content: ''; } .ant-switch-checked .ant-switch-handle { left: calc(100% - 18px - 2px); } .ant-switch:not(.ant-switch-disabled):active .ant-switch-handle::before { right: -30%; left: 0; } .ant-switch:not(.ant-switch-disabled):active.ant-switch-checked .ant-switch-handle::before { right: 0; left: -30%; } .ant-switch-loading-icon { position: relative; top: 2px; color: rgba(0, 0, 0, 0.65); vertical-align: top; } .ant-switch-checked .ant-switch-loading-icon { color: #f57423; } .ant-switch-small { min-width: 28px; height: 16px; line-height: 16px; } .ant-switch-small .ant-switch-inner { margin: 0 5px 0 18px; font-size: 12px; } .ant-switch-small .ant-switch-handle { width: 12px; height: 12px; } .ant-switch-small .ant-switch-loading-icon { top: 1.5px; font-size: 9px; } .ant-switch-small.ant-switch-checked .ant-switch-inner { margin: 0 18px 0 5px; } .ant-switch-small.ant-switch-checked .ant-switch-handle { left: calc(100% - 12px - 2px); } .ant-switch-rtl { direction: rtl; } .ant-switch-rtl .ant-switch-inner { margin: 0 25px 0 7px; } .ant-switch-rtl .ant-switch-handle { right: 2px; left: auto; } .ant-switch-rtl:not(.ant-switch-rtl-disabled):active .ant-switch-handle::before { right: 0; left: -30%; } .ant-switch-rtl:not(.ant-switch-rtl-disabled):active.ant-switch-checked .ant-switch-handle::before { right: -30%; left: 0; } .ant-switch-rtl.ant-switch-checked .ant-switch-inner { margin: 0 7px 0 25px; } .ant-switch-rtl.ant-switch-checked .ant-switch-handle { right: calc(100% - 18px - 2px); } .ant-switch-rtl.ant-switch-small.ant-switch-checked .ant-switch-handle { right: calc(100% - 12px - 2px); } /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ /* stylelint-disable no-duplicate-selectors */ /* stylelint-disable */ /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ .ant-tabs-small > .ant-tabs-nav .ant-tabs-tab { padding: 8px 0; font-size: 14px; } .ant-tabs-large > .ant-tabs-nav .ant-tabs-tab { padding: 16px 0; font-size: 16px; } .ant-tabs-card.ant-tabs-small > .ant-tabs-nav .ant-tabs-tab { padding: 6px 16px; } .ant-tabs-card.ant-tabs-large > .ant-tabs-nav .ant-tabs-tab { padding: 7px 16px 6px; } .ant-tabs-rtl { direction: rtl; } .ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab { margin: 0 0 0 32px; } .ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab:last-of-type { margin-left: 0; } .ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab .anticon { margin-right: 0; margin-left: 12px; } .ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab .ant-tabs-tab-remove { margin-right: 8px; margin-left: -4px; } .ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab .ant-tabs-tab-remove .anticon { margin: 0; } .ant-tabs-rtl.ant-tabs-left > .ant-tabs-nav { order: 1; } .ant-tabs-rtl.ant-tabs-left > .ant-tabs-content-holder { order: 0; } .ant-tabs-rtl.ant-tabs-right > .ant-tabs-nav { order: 0; } .ant-tabs-rtl.ant-tabs-right > .ant-tabs-content-holder { order: 1; } .ant-tabs-rtl.ant-tabs-card.ant-tabs-top > .ant-tabs-nav .ant-tabs-tab:not(:last-of-type), .ant-tabs-rtl.ant-tabs-card.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-tab:not(:last-of-type), .ant-tabs-rtl.ant-tabs-card.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-tab:not(:last-of-type), .ant-tabs-rtl.ant-tabs-card.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-tab:not(:last-of-type) { margin-right: 0; margin-left: 2px; } .ant-tabs-dropdown-rtl { direction: rtl; } .ant-tabs-dropdown-rtl .ant-tabs-dropdown-menu-item { text-align: right; } .ant-tabs-top, .ant-tabs-bottom { flex-direction: column; } .ant-tabs-top > .ant-tabs-nav, .ant-tabs-bottom > .ant-tabs-nav, .ant-tabs-top > div > .ant-tabs-nav, .ant-tabs-bottom > div > .ant-tabs-nav { margin: 0 0 16px 0; } .ant-tabs-top > .ant-tabs-nav::before, .ant-tabs-bottom > .ant-tabs-nav::before, .ant-tabs-top > div > .ant-tabs-nav::before, .ant-tabs-bottom > div > .ant-tabs-nav::before { position: absolute; right: 0; left: 0; border-bottom: 1px solid #f0f0f0; content: ''; } .ant-tabs-top > .ant-tabs-nav .ant-tabs-ink-bar, .ant-tabs-bottom > .ant-tabs-nav .ant-tabs-ink-bar, .ant-tabs-top > div > .ant-tabs-nav .ant-tabs-ink-bar, .ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-ink-bar { height: 2px; } .ant-tabs-top > .ant-tabs-nav .ant-tabs-ink-bar-animated, .ant-tabs-bottom > .ant-tabs-nav .ant-tabs-ink-bar-animated, .ant-tabs-top > div > .ant-tabs-nav .ant-tabs-ink-bar-animated, .ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-ink-bar-animated { transition: width 0.3s, left 0.3s, right 0.3s; } .ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-wrap::before, .ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-wrap::before, .ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-wrap::before, .ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-wrap::before, .ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-wrap::after, .ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-wrap::after, .ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-wrap::after, .ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-wrap::after { top: 0; bottom: 0; width: 30px; } .ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-wrap::before, .ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-wrap::before, .ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-wrap::before, .ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-wrap::before { left: 0; box-shadow: inset 10px 0 8px -8px rgba(0, 0, 0, 0.08); } .ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-wrap::after, .ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-wrap::after, .ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-wrap::after, .ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-wrap::after { right: 0; box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, 0.08); } .ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-left::before, .ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-left::before, .ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-left::before, .ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-left::before { opacity: 1; } .ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-right::after, .ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-right::after, .ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-right::after, .ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-right::after { opacity: 1; } .ant-tabs-top > .ant-tabs-nav::before, .ant-tabs-top > div > .ant-tabs-nav::before { bottom: 0; } .ant-tabs-top > .ant-tabs-nav .ant-tabs-ink-bar, .ant-tabs-top > div > .ant-tabs-nav .ant-tabs-ink-bar { bottom: 0; } .ant-tabs-bottom > .ant-tabs-nav, .ant-tabs-bottom > div > .ant-tabs-nav { order: 1; margin-top: 16px; margin-bottom: 0; } .ant-tabs-bottom > .ant-tabs-nav::before, .ant-tabs-bottom > div > .ant-tabs-nav::before { top: 0; } .ant-tabs-bottom > .ant-tabs-nav .ant-tabs-ink-bar, .ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-ink-bar { top: 0; } .ant-tabs-bottom > .ant-tabs-content-holder, .ant-tabs-bottom > div > .ant-tabs-content-holder { order: 0; } .ant-tabs-left > .ant-tabs-nav, .ant-tabs-right > .ant-tabs-nav, .ant-tabs-left > div > .ant-tabs-nav, .ant-tabs-right > div > .ant-tabs-nav { flex-direction: column; min-width: 50px; } .ant-tabs-left > .ant-tabs-nav .ant-tabs-tab, .ant-tabs-right > .ant-tabs-nav .ant-tabs-tab, .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-tab, .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-tab { margin: 0 0 16px 0; padding: 8px 24px; text-align: center; } .ant-tabs-left > .ant-tabs-nav .ant-tabs-tab:last-of-type, .ant-tabs-right > .ant-tabs-nav .ant-tabs-tab:last-of-type, .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-tab:last-of-type, .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-tab:last-of-type { margin-bottom: 0; } .ant-tabs-left > .ant-tabs-nav .ant-tabs-tab-active .ant-tabs-tab-btn, .ant-tabs-right > .ant-tabs-nav .ant-tabs-tab-active .ant-tabs-tab-btn, .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-tab-active .ant-tabs-tab-btn, .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-tab-active .ant-tabs-tab-btn { font-weight: normal; text-shadow: 0 0 0.25px #cf5413; } .ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap, .ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap, .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap, .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap { flex-direction: column; } .ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap::before, .ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap::before, .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap::before, .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap::before, .ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap::after, .ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap::after, .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap::after, .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap::after { right: 0; left: 0; height: 30px; } .ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap::before, .ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap::before, .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap::before, .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap::before { top: 0; box-shadow: inset 0 10px 8px -8px rgba(0, 0, 0, 0.08); } .ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap::after, .ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap::after, .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap::after, .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap::after { bottom: 0; box-shadow: inset 0 -10px 8px -8px rgba(0, 0, 0, 0.08); } .ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-top::before, .ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-top::before, .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-top::before, .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-top::before { opacity: 1; } .ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-bottom::after, .ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-bottom::after, .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-bottom::after, .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-bottom::after { opacity: 1; } .ant-tabs-left > .ant-tabs-nav .ant-tabs-ink-bar, .ant-tabs-right > .ant-tabs-nav .ant-tabs-ink-bar, .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-ink-bar, .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-ink-bar { width: 2px; } .ant-tabs-left > .ant-tabs-nav .ant-tabs-ink-bar-animated, .ant-tabs-right > .ant-tabs-nav .ant-tabs-ink-bar-animated, .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-ink-bar-animated, .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-ink-bar-animated { transition: height 0.3s, top 0.3s; } .ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-list, .ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-list, .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-list, .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-list, .ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-operations, .ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-operations, .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-operations, .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-operations { flex-direction: column; } .ant-tabs-left > .ant-tabs-nav .ant-tabs-ink-bar, .ant-tabs-left > div > .ant-tabs-nav .ant-tabs-ink-bar { right: 0; } .ant-tabs-left > .ant-tabs-content-holder, .ant-tabs-left > div > .ant-tabs-content-holder { margin-left: -1px; border-left: 1px solid #f0f0f0; } .ant-tabs-left > .ant-tabs-content-holder > .ant-tabs-content > .ant-tabs-tabpane, .ant-tabs-left > div > .ant-tabs-content-holder > .ant-tabs-content > .ant-tabs-tabpane { padding-left: 24px; } .ant-tabs-right > .ant-tabs-nav, .ant-tabs-right > div > .ant-tabs-nav { order: 1; } .ant-tabs-right > .ant-tabs-nav .ant-tabs-ink-bar, .ant-tabs-right > div > .ant-tabs-nav .ant-tabs-ink-bar { left: 0; } .ant-tabs-right > .ant-tabs-content-holder, .ant-tabs-right > div > .ant-tabs-content-holder { order: 0; margin-right: -1px; border-right: 1px solid #f0f0f0; } .ant-tabs-right > .ant-tabs-content-holder > .ant-tabs-content > .ant-tabs-tabpane, .ant-tabs-right > div > .ant-tabs-content-holder > .ant-tabs-content > .ant-tabs-tabpane { padding-right: 24px; } .ant-tabs-dropdown { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; position: absolute; top: -9999px; left: -9999px; z-index: 1050; display: block; } .ant-tabs-dropdown-hidden { display: none; } .ant-tabs-dropdown-menu { max-height: 200px; margin: 0; padding: 4px 0; overflow-x: hidden; overflow-y: auto; text-align: left; list-style-type: none; background-color: #fff; background-clip: padding-box; border-radius: 2px; outline: none; box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05); } .ant-tabs-dropdown-menu-item { min-width: 120px; margin: 0; padding: 5px 12px; overflow: hidden; color: rgba(0, 0, 0, 0.85); font-weight: normal; font-size: 14px; line-height: 22px; white-space: nowrap; text-overflow: ellipsis; cursor: pointer; transition: all 0.3s; } .ant-tabs-dropdown-menu-item:hover { background: #f5f5f5; } .ant-tabs-dropdown-menu-item-disabled, .ant-tabs-dropdown-menu-item-disabled:hover { color: rgba(0, 0, 0, 0.25); background: transparent; cursor: not-allowed; } .ant-tabs-card > .ant-tabs-nav .ant-tabs-tab, .ant-tabs-card > div > .ant-tabs-nav .ant-tabs-tab { margin: 0; padding: 8px 16px; background: #fafafa; border: 1px solid #f0f0f0; transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); } .ant-tabs-card > .ant-tabs-nav .ant-tabs-tab-active, .ant-tabs-card > div > .ant-tabs-nav .ant-tabs-tab-active { color: #f57423; background: #fff; } .ant-tabs-card > .ant-tabs-nav .ant-tabs-ink-bar, .ant-tabs-card > div > .ant-tabs-nav .ant-tabs-ink-bar { visibility: hidden; } .ant-tabs-card.ant-tabs-top > .ant-tabs-nav .ant-tabs-tab:not(:last-of-type), .ant-tabs-card.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-tab:not(:last-of-type), .ant-tabs-card.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-tab:not(:last-of-type), .ant-tabs-card.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-tab:not(:last-of-type) { margin-right: 2px; } .ant-tabs-card.ant-tabs-top > .ant-tabs-nav .ant-tabs-tab, .ant-tabs-card.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-tab { border-radius: 2px 2px 0 0; } .ant-tabs-card.ant-tabs-top > .ant-tabs-nav .ant-tabs-tab-active, .ant-tabs-card.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-tab-active { border-bottom-color: #fff; } .ant-tabs-card.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-tab, .ant-tabs-card.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-tab { border-radius: 0 0 2px 2px; } .ant-tabs-card.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-tab-active, .ant-tabs-card.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-tab-active { border-top-color: #fff; } .ant-tabs-card.ant-tabs-left > .ant-tabs-nav .ant-tabs-tab:not(:last-of-type), .ant-tabs-card.ant-tabs-right > .ant-tabs-nav .ant-tabs-tab:not(:last-of-type), .ant-tabs-card.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-tab:not(:last-of-type), .ant-tabs-card.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-tab:not(:last-of-type) { margin-bottom: 2px; } .ant-tabs-card.ant-tabs-left > .ant-tabs-nav .ant-tabs-tab, .ant-tabs-card.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-tab { border-radius: 2px 0 0 2px; } .ant-tabs-card.ant-tabs-left > .ant-tabs-nav .ant-tabs-tab-active, .ant-tabs-card.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-tab-active { border-right-color: #fff; } .ant-tabs-card.ant-tabs-right > .ant-tabs-nav .ant-tabs-tab, .ant-tabs-card.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-tab { border-radius: 0 2px 2px 0; } .ant-tabs-card.ant-tabs-right > .ant-tabs-nav .ant-tabs-tab-active, .ant-tabs-card.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-tab-active { border-left-color: #fff; } .ant-tabs { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; display: flex; overflow: hidden; } .ant-tabs > .ant-tabs-nav, .ant-tabs > div > .ant-tabs-nav { position: relative; display: flex; flex: none; align-items: center; } .ant-tabs > .ant-tabs-nav .ant-tabs-nav-wrap, .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-wrap { position: relative; display: inline-block; display: flex; flex: auto; align-self: stretch; overflow: hidden; white-space: nowrap; transform: translate(0); } .ant-tabs > .ant-tabs-nav .ant-tabs-nav-wrap::before, .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-wrap::before, .ant-tabs > .ant-tabs-nav .ant-tabs-nav-wrap::after, .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-wrap::after { position: absolute; z-index: 1; opacity: 0; transition: opacity 0.3s; content: ''; pointer-events: none; } .ant-tabs > .ant-tabs-nav .ant-tabs-nav-list, .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-list { position: relative; display: flex; transition: transform 0.3s; } .ant-tabs > .ant-tabs-nav .ant-tabs-nav-operations, .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-operations { display: flex; align-self: stretch; } .ant-tabs > .ant-tabs-nav .ant-tabs-nav-operations-hidden, .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-operations-hidden { position: absolute; visibility: hidden; pointer-events: none; } .ant-tabs > .ant-tabs-nav .ant-tabs-nav-more, .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-more { position: relative; padding: 8px 16px; background: transparent; border: 0; } .ant-tabs > .ant-tabs-nav .ant-tabs-nav-more::after, .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-more::after { position: absolute; right: 0; bottom: 0; left: 0; height: 5px; transform: translateY(100%); content: ''; } .ant-tabs > .ant-tabs-nav .ant-tabs-nav-add, .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-add { min-width: 40px; padding: 0 8px; background: #fafafa; border: 1px solid #f0f0f0; border-radius: 2px 2px 0 0; outline: none; cursor: pointer; transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); } .ant-tabs > .ant-tabs-nav .ant-tabs-nav-add:hover, .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-add:hover { color: #ff974d; } .ant-tabs > .ant-tabs-nav .ant-tabs-nav-add:active, .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-add:active, .ant-tabs > .ant-tabs-nav .ant-tabs-nav-add:focus, .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-add:focus { color: #cf5413; } .ant-tabs-extra-content { flex: none; } .ant-tabs-centered > .ant-tabs-nav .ant-tabs-nav-wrap:not([class*='ant-tabs-nav-wrap-ping']), .ant-tabs-centered > div > .ant-tabs-nav .ant-tabs-nav-wrap:not([class*='ant-tabs-nav-wrap-ping']) { justify-content: center; } .ant-tabs-ink-bar { position: absolute; background: #f57423; pointer-events: none; } .ant-tabs-tab { position: relative; display: inline-flex; align-items: center; margin: 0 32px 0 0; padding: 12px 0; font-size: 14px; background: transparent; border: 0; outline: none; cursor: pointer; } .ant-tabs-tab:last-of-type { margin-right: 0; margin-left: 0; } .ant-tabs-tab-btn:focus, .ant-tabs-tab-remove:focus, .ant-tabs-tab-btn:active, .ant-tabs-tab-remove:active { color: #cf5413; } .ant-tabs-tab-btn { outline: none; transition: all 0.3s; } .ant-tabs-tab-remove { flex: none; margin-right: -4px; margin-left: 8px; color: rgba(0, 0, 0, 0.45); font-size: 12px; background: transparent; border: none; outline: none; cursor: pointer; transition: all 0.3s; } .ant-tabs-tab-remove:hover { color: rgba(0, 0, 0, 0.85); } .ant-tabs-tab:hover { color: #ff974d; } .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn { color: #f57423; font-weight: 500; } .ant-tabs-tab.ant-tabs-tab-disabled { color: rgba(0, 0, 0, 0.25); cursor: not-allowed; } .ant-tabs-tab.ant-tabs-tab-disabled .ant-tabs-tab-btn:focus, .ant-tabs-tab.ant-tabs-tab-disabled .ant-tabs-tab-remove:focus, .ant-tabs-tab.ant-tabs-tab-disabled .ant-tabs-tab-btn:active, .ant-tabs-tab.ant-tabs-tab-disabled .ant-tabs-tab-remove:active { color: rgba(0, 0, 0, 0.25); } .ant-tabs-tab .ant-tabs-tab-remove .anticon { margin: 0; } .ant-tabs-tab .anticon { margin-right: 12px; } .ant-tabs-content { display: flex; width: 100%; } .ant-tabs-content-holder { flex: auto; min-width: 0; min-height: 0; } .ant-tabs-content-animated { transition: margin 0.3s; } .ant-tabs-tabpane { flex: none; width: 100%; outline: none; } /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ /* stylelint-disable no-duplicate-selectors */ /* stylelint-disable */ /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ .ant-badge { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; position: relative; display: inline-block; line-height: 1; } .ant-badge-count { z-index: auto; min-width: 20px; height: 20px; padding: 0 6px; color: #fff; font-weight: normal; font-size: 12px; line-height: 20px; white-space: nowrap; text-align: center; background: #ff4d4f; border-radius: 10px; box-shadow: 0 0 0 1px #fff; } .ant-badge-count a, .ant-badge-count a:hover { color: #fff; } .ant-badge-count-sm { min-width: 14px; height: 14px; padding: 0; font-size: 12px; line-height: 14px; border-radius: 7px; } .ant-badge-multiple-words { padding: 0 8px; } .ant-badge-dot { z-index: auto; width: 6px; height: 6px; background: #ff4d4f; border-radius: 100%; box-shadow: 0 0 0 1px #fff; } .ant-badge-count, .ant-badge-dot, .ant-badge .ant-scroll-number-custom-component { position: absolute; top: 0; right: 0; transform: translate(50%, -50%); transform-origin: 100% 0%; } .ant-badge-status { line-height: inherit; vertical-align: baseline; } .ant-badge-status-dot { position: relative; top: -1px; display: inline-block; width: 6px; height: 6px; vertical-align: middle; border-radius: 50%; } .ant-badge-status-success { background-color: #52c41a; } .ant-badge-status-processing { position: relative; background-color: #1890ff; } .ant-badge-status-processing::after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 1px solid #1890ff; border-radius: 50%; animation: antStatusProcessing 1.2s infinite ease-in-out; content: ''; } .ant-badge-status-default { background-color: #d9d9d9; } .ant-badge-status-error { background-color: #ff4d4f; } .ant-badge-status-warning { background-color: #faad14; } .ant-badge-status-pink { background: #eb2f96; } .ant-badge-status-magenta { background: #eb2f96; } .ant-badge-status-red { background: #f5222d; } .ant-badge-status-volcano { background: #fa541c; } .ant-badge-status-orange { background: #fa8c16; } .ant-badge-status-yellow { background: #fadb14; } .ant-badge-status-gold { background: #faad14; } .ant-badge-status-cyan { background: #13c2c2; } .ant-badge-status-lime { background: #a0d911; } .ant-badge-status-green { background: #52c41a; } .ant-badge-status-blue { background: #1890ff; } .ant-badge-status-geekblue { background: #2f54eb; } .ant-badge-status-purple { background: #722ed1; } .ant-badge-status-text { margin-left: 8px; color: rgba(0, 0, 0, 0.85); font-size: 14px; } .ant-badge-zoom-appear, .ant-badge-zoom-enter { animation: antZoomBadgeIn 0.3s cubic-bezier(0.12, 0.4, 0.29, 1.46); animation-fill-mode: both; } .ant-badge-zoom-leave { animation: antZoomBadgeOut 0.3s cubic-bezier(0.71, -0.46, 0.88, 0.6); animation-fill-mode: both; } .ant-badge-not-a-wrapper .ant-badge-zoom-appear, .ant-badge-not-a-wrapper .ant-badge-zoom-enter { animation: antNoWrapperZoomBadgeIn 0.3s cubic-bezier(0.12, 0.4, 0.29, 1.46); } .ant-badge-not-a-wrapper .ant-badge-zoom-leave { animation: antNoWrapperZoomBadgeOut 0.3s cubic-bezier(0.71, -0.46, 0.88, 0.6); } .ant-badge-not-a-wrapper:not(.ant-badge-status) { vertical-align: middle; } .ant-badge-not-a-wrapper .ant-scroll-number { position: relative; top: auto; display: block; transform-origin: 50% 50%; } .ant-badge-not-a-wrapper .ant-badge-count { transform: none; } @keyframes antStatusProcessing { 0% { transform: scale(0.8); opacity: 0.5; } 100% { transform: scale(2.4); opacity: 0; } } .ant-scroll-number { overflow: hidden; } .ant-scroll-number-only { display: inline-block; height: 20px; transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); } .ant-scroll-number-only > p.ant-scroll-number-only-unit { height: 20px; margin: 0; } .ant-scroll-number-symbol { vertical-align: top; } @keyframes antZoomBadgeIn { 0% { transform: scale(0) translate(50%, -50%); opacity: 0; } 100% { transform: scale(1) translate(50%, -50%); } } @keyframes antZoomBadgeOut { 0% { transform: scale(1) translate(50%, -50%); } 100% { transform: scale(0) translate(50%, -50%); opacity: 0; } } @keyframes antNoWrapperZoomBadgeIn { 0% { transform: scale(0); opacity: 0; } 100% { transform: scale(1); } } @keyframes antNoWrapperZoomBadgeOut { 0% { transform: scale(1); } 100% { transform: scale(0); opacity: 0; } } .ant-ribbon-wrapper { position: relative; } .ant-ribbon { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; position: absolute; top: 8px; height: 22px; padding: 0 8px; color: #fff; line-height: 22px; white-space: nowrap; background-color: #f57423; border-radius: 2px; } .ant-ribbon-text { color: #fff; } .ant-ribbon-corner { position: absolute; top: 100%; width: 8px; height: 8px; color: currentColor; border: 4px solid; transform: scaleY(0.75); transform-origin: top; } .ant-ribbon-corner::after { position: absolute; top: -4px; left: -4px; width: inherit; height: inherit; color: rgba(0, 0, 0, 0.25); border: inherit; content: ''; } .ant-ribbon-color-pink { color: #eb2f96; background: #eb2f96; } .ant-ribbon-color-magenta { color: #eb2f96; background: #eb2f96; } .ant-ribbon-color-red { color: #f5222d; background: #f5222d; } .ant-ribbon-color-volcano { color: #fa541c; background: #fa541c; } .ant-ribbon-color-orange { color: #fa8c16; background: #fa8c16; } .ant-ribbon-color-yellow { color: #fadb14; background: #fadb14; } .ant-ribbon-color-gold { color: #faad14; background: #faad14; } .ant-ribbon-color-cyan { color: #13c2c2; background: #13c2c2; } .ant-ribbon-color-lime { color: #a0d911; background: #a0d911; } .ant-ribbon-color-green { color: #52c41a; background: #52c41a; } .ant-ribbon-color-blue { color: #1890ff; background: #1890ff; } .ant-ribbon-color-geekblue { color: #2f54eb; background: #2f54eb; } .ant-ribbon-color-purple { color: #722ed1; background: #722ed1; } .ant-ribbon.ant-ribbon-placement-end { right: -8px; border-bottom-right-radius: 0; } .ant-ribbon.ant-ribbon-placement-end .ant-ribbon-corner { right: 0; border-color: currentColor transparent transparent currentColor; } .ant-ribbon.ant-ribbon-placement-start { left: -8px; border-bottom-left-radius: 0; } .ant-ribbon.ant-ribbon-placement-start .ant-ribbon-corner { left: 0; border-color: currentColor currentColor transparent transparent; } .ant-badge-rtl { direction: rtl; } .ant-badge-rtl .ant-badge-count, .ant-badge-rtl .ant-badge-dot, .ant-badge-rtl .ant-badge .ant-scroll-number-custom-component { right: auto; left: 0; direction: ltr; transform: translate(-50%, -50%); transform-origin: 0% 0%; } .ant-badge-rtl.ant-badge .ant-scroll-number-custom-component { right: auto; left: 0; transform: translate(-50%, -50%); transform-origin: 0% 0%; } .ant-badge-rtl .ant-badge-status-text { margin-right: 8px; margin-left: 0; } .ant-badge-rtl .ant-badge-zoom-appear, .ant-badge-rtl .ant-badge-zoom-enter { animation-name: antZoomBadgeInRtl; } .ant-badge-rtl .ant-badge-zoom-leave { animation-name: antZoomBadgeOutRtl; } .ant-badge-not-a-wrapper .ant-badge-count { transform: none; } .ant-ribbon-rtl { direction: rtl; } .ant-ribbon-rtl.ant-ribbon-placement-end { right: unset; left: -8px; border-bottom-right-radius: 2px; border-bottom-left-radius: 0; } .ant-ribbon-rtl.ant-ribbon-placement-end .ant-ribbon-corner { right: unset; left: 0; border-color: currentColor currentColor transparent transparent; } .ant-ribbon-rtl.ant-ribbon-placement-end .ant-ribbon-corner::after { border-color: currentColor currentColor transparent transparent; } .ant-ribbon-rtl.ant-ribbon-placement-start { right: -8px; left: unset; border-bottom-right-radius: 0; border-bottom-left-radius: 2px; } .ant-ribbon-rtl.ant-ribbon-placement-start .ant-ribbon-corner { right: 0; left: unset; border-color: currentColor transparent transparent currentColor; } .ant-ribbon-rtl.ant-ribbon-placement-start .ant-ribbon-corner::after { border-color: currentColor transparent transparent currentColor; } @keyframes antZoomBadgeInRtl { 0% { transform: scale(0) translate(-50%, -50%); opacity: 0; } 100% { transform: scale(1) translate(-50%, -50%); } } @keyframes antZoomBadgeOutRtl { 0% { transform: scale(1) translate(-50%, -50%); } 100% { transform: scale(0) translate(-50%, -50%); opacity: 0; } } /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ /* stylelint-disable no-duplicate-selectors */ /* stylelint-disable */ /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ .ant-input-number { box-sizing: border-box; font-variant: tabular-nums; list-style: none; font-feature-settings: 'tnum'; position: relative; width: 100%; min-width: 0; padding: 4px 11px; color: rgba(0, 0, 0, 0.85); font-size: 14px; line-height: 1.5715; background-color: #fff; background-image: none; transition: all 0.3s; display: inline-block; width: 90px; margin: 0; padding: 0; border: 1px solid #d9d9d9; border-radius: 2px; } .ant-input-number::-moz-placeholder { opacity: 1; } .ant-input-number::placeholder { color: #bfbfbf; } .ant-input-number:placeholder-shown { text-overflow: ellipsis; } .ant-input-number:hover { border-color: #ff974d; border-right-width: 1px !important; } .ant-input-number:focus, .ant-input-number-focused { border-color: #ff974d; border-right-width: 1px !important; outline: 0; box-shadow: 0 0 0 2px rgba(245, 116, 35, 0.2); } .ant-input-number-disabled { color: rgba(0, 0, 0, 0.25); background-color: #f5f5f5; cursor: not-allowed; opacity: 1; } .ant-input-number-disabled:hover { border-color: #d9d9d9; border-right-width: 1px !important; } .ant-input-number[disabled] { color: rgba(0, 0, 0, 0.25); background-color: #f5f5f5; cursor: not-allowed; opacity: 1; } .ant-input-number[disabled]:hover { border-color: #d9d9d9; border-right-width: 1px !important; } .ant-input-number-borderless, .ant-input-number-borderless:hover, .ant-input-number-borderless:focus, .ant-input-number-borderless-focused, .ant-input-number-borderless-disabled, .ant-input-number-borderless[disabled] { background-color: transparent; border: none; box-shadow: none; } textarea.ant-input-number { max-width: 100%; height: auto; min-height: 32px; line-height: 1.5715; vertical-align: bottom; transition: all 0.3s, height 0s; } .ant-input-number-lg { padding: 6.5px 11px; font-size: 16px; } .ant-input-number-sm { padding: 0px 7px; } .ant-input-number-handler { position: relative; display: block; width: 100%; height: 50%; overflow: hidden; color: rgba(0, 0, 0, 0.45); font-weight: bold; line-height: 0; text-align: center; transition: all 0.1s linear; } .ant-input-number-handler:active { background: #f4f4f4; } .ant-input-number-handler:hover .ant-input-number-handler-up-inner, .ant-input-number-handler:hover .ant-input-number-handler-down-inner { color: #ff974d; } .ant-input-number-handler-up-inner, .ant-input-number-handler-down-inner { display: inline-block; color: inherit; font-style: normal; line-height: 0; text-align: center; text-transform: none; vertical-align: -0.125em; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; right: 4px; width: 12px; height: 12px; color: rgba(0, 0, 0, 0.45); line-height: 12px; transition: all 0.1s linear; user-select: none; } .ant-input-number-handler-up-inner > *, .ant-input-number-handler-down-inner > * { line-height: 1; } .ant-input-number-handler-up-inner svg, .ant-input-number-handler-down-inner svg { display: inline-block; } .ant-input-number-handler-up-inner::before, .ant-input-number-handler-down-inner::before { display: none; } .ant-input-number-handler-up-inner .ant-input-number-handler-up-inner-icon, .ant-input-number-handler-up-inner .ant-input-number-handler-down-inner-icon, .ant-input-number-handler-down-inner .ant-input-number-handler-up-inner-icon, .ant-input-number-handler-down-inner .ant-input-number-handler-down-inner-icon { display: block; } .ant-input-number:hover { border-color: #ff974d; border-right-width: 1px !important; } .ant-input-number:hover + .ant-form-item-children-icon { opacity: 0; transition: opacity 0.24s linear 0.24s; } .ant-input-number-focused { border-color: #ff974d; border-right-width: 1px !important; outline: 0; box-shadow: 0 0 0 2px rgba(245, 116, 35, 0.2); } .ant-input-number-disabled { color: rgba(0, 0, 0, 0.25); background-color: #f5f5f5; cursor: not-allowed; opacity: 1; } .ant-input-number-disabled:hover { border-color: #d9d9d9; border-right-width: 1px !important; } .ant-input-number-disabled .ant-input-number-input { cursor: not-allowed; } .ant-input-number-disabled .ant-input-number-handler-wrap { display: none; } .ant-input-number-readonly .ant-input-number-handler-wrap { display: none; } .ant-input-number-input { width: 100%; height: 30px; padding: 0 11px; text-align: left; background-color: transparent; border: 0; border-radius: 2px; outline: 0; transition: all 0.3s linear; -moz-appearance: textfield !important; } .ant-input-number-input::-moz-placeholder { opacity: 1; } .ant-input-number-input::placeholder { color: #bfbfbf; } .ant-input-number-input:placeholder-shown { text-overflow: ellipsis; } .ant-input-number-input[type='number']::-webkit-inner-spin-button, .ant-input-number-input[type='number']::-webkit-outer-spin-button { margin: 0; -webkit-appearance: none; } .ant-input-number-lg { padding: 0; font-size: 16px; } .ant-input-number-lg input { height: 38px; } .ant-input-number-sm { padding: 0; } .ant-input-number-sm input { height: 22px; padding: 0 7px; } .ant-input-number-handler-wrap { position: absolute; top: 0; right: 0; width: 22px; height: 100%; background: #fff; border-left: 1px solid #d9d9d9; border-radius: 0 2px 2px 0; opacity: 0; transition: opacity 0.24s linear 0.1s; } .ant-input-number-handler-wrap .ant-input-number-handler .ant-input-number-handler-up-inner, .ant-input-number-handler-wrap .ant-input-number-handler .ant-input-number-handler-down-inner { min-width: auto; margin-right: 0; font-size: 7px; } .ant-input-number-handler-wrap:hover .ant-input-number-handler { height: 40%; } .ant-input-number:hover .ant-input-number-handler-wrap { opacity: 1; } .ant-input-number-handler-up { border-top-right-radius: 2px; cursor: pointer; } .ant-input-number-handler-up-inner { top: 50%; margin-top: -5px; text-align: center; } .ant-input-number-handler-up:hover { height: 60% !important; } .ant-input-number-handler-down { top: 0; border-top: 1px solid #d9d9d9; border-bottom-right-radius: 2px; cursor: pointer; } .ant-input-number-handler-down-inner { top: 50%; text-align: center; transform: translateY(-50%); } .ant-input-number-handler-down:hover { height: 60% !important; } .ant-input-number-handler-up-disabled, .ant-input-number-handler-down-disabled { cursor: not-allowed; } .ant-input-number-handler-up-disabled:hover .ant-input-number-handler-up-inner, .ant-input-number-handler-down-disabled:hover .ant-input-number-handler-down-inner { color: rgba(0, 0, 0, 0.25); } .ant-input-number-rtl { direction: rtl; } .ant-input-number-rtl .ant-input-number-handler-wrap { right: auto; left: 0; border-right: 1px solid #d9d9d9; border-left: 0; border-radius: 2px 0 0 2px; } .ant-input-number-rtl .ant-input-number-input { direction: ltr; text-align: right; } /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ /* stylelint-disable no-duplicate-selectors */ /* stylelint-disable */ /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ .ant-form-item .ant-mentions, .ant-form-item textarea.ant-input { height: auto; } .ant-form-item .ant-upload { background: transparent; } .ant-form-item .ant-upload.ant-upload-drag { background: #fafafa; } .ant-form-item input[type='radio'], .ant-form-item input[type='checkbox'] { width: 14px; height: 14px; } .ant-form-item .ant-radio-inline, .ant-form-item .ant-checkbox-inline { display: inline-block; margin-left: 8px; font-weight: normal; vertical-align: middle; cursor: pointer; } .ant-form-item .ant-radio-inline:first-child, .ant-form-item .ant-checkbox-inline:first-child { margin-left: 0; } .ant-form-item .ant-checkbox-vertical, .ant-form-item .ant-radio-vertical { display: block; } .ant-form-item .ant-checkbox-vertical + .ant-checkbox-vertical, .ant-form-item .ant-radio-vertical + .ant-radio-vertical { margin-left: 0; } .ant-form-item .ant-input-number + .ant-form-text { margin-left: 8px; } .ant-form-item .ant-input-number-handler-wrap { z-index: 2; } .ant-form-item .ant-select, .ant-form-item .ant-cascader-picker { width: 100%; } .ant-form-item .ant-input-group .ant-select, .ant-form-item .ant-input-group .ant-cascader-picker { width: auto; } .ant-form-inline { display: flex; flex-wrap: wrap; } .ant-form-inline .ant-form-item { flex: none; flex-wrap: nowrap; margin-right: 16px; margin-bottom: 0; } .ant-form-inline .ant-form-item-with-help { margin-bottom: 24px; } .ant-form-inline .ant-form-item > .ant-form-item-label, .ant-form-inline .ant-form-item > .ant-form-item-control { display: inline-block; vertical-align: top; } .ant-form-inline .ant-form-item > .ant-form-item-label { flex: none; } .ant-form-inline .ant-form-item .ant-form-text { display: inline-block; } .ant-form-inline .ant-form-item .ant-form-item-has-feedback { display: inline-block; } .ant-form-horizontal .ant-form-item-label { flex-grow: 0; } .ant-form-horizontal .ant-form-item-control { flex: 1 1 0; } .ant-form-vertical .ant-form-item { flex-direction: column; } .ant-form-vertical .ant-form-item-label > label { height: auto; } .ant-form-vertical .ant-form-item-label, .ant-col-24.ant-form-item-label, .ant-col-xl-24.ant-form-item-label { padding: 0 0 8px; line-height: 1.5715; white-space: initial; text-align: left; } .ant-form-vertical .ant-form-item-label > label, .ant-col-24.ant-form-item-label > label, .ant-col-xl-24.ant-form-item-label > label { margin: 0; } .ant-form-vertical .ant-form-item-label > label::after, .ant-col-24.ant-form-item-label > label::after, .ant-col-xl-24.ant-form-item-label > label::after { display: none; } .ant-form-rtl.ant-form-vertical .ant-form-item-label, .ant-form-rtl.ant-col-24.ant-form-item-label, .ant-form-rtl.ant-col-xl-24.ant-form-item-label { text-align: right; } @media (max-width: 575px) { .ant-form-item .ant-form-item-label { padding: 0 0 8px; line-height: 1.5715; white-space: initial; text-align: left; } .ant-form-item .ant-form-item-label > label { margin: 0; } .ant-form-item .ant-form-item-label > label::after { display: none; } .ant-form-rtl.ant-form-item .ant-form-item-label { text-align: right; } .ant-form .ant-form-item { flex-wrap: wrap; } .ant-form .ant-form-item .ant-form-item-label, .ant-form .ant-form-item .ant-form-item-control { flex: 0 0 100%; max-width: 100%; } .ant-col-xs-24.ant-form-item-label { padding: 0 0 8px; line-height: 1.5715; white-space: initial; text-align: left; } .ant-col-xs-24.ant-form-item-label > label { margin: 0; } .ant-col-xs-24.ant-form-item-label > label::after { display: none; } .ant-form-rtl.ant-col-xs-24.ant-form-item-label { text-align: right; } } @media (max-width: 767px) { .ant-col-sm-24.ant-form-item-label { padding: 0 0 8px; line-height: 1.5715; white-space: initial; text-align: left; } .ant-col-sm-24.ant-form-item-label > label { margin: 0; } .ant-col-sm-24.ant-form-item-label > label::after { display: none; } .ant-form-rtl.ant-col-sm-24.ant-form-item-label { text-align: right; } } @media (max-width: 991px) { .ant-col-md-24.ant-form-item-label { padding: 0 0 8px; line-height: 1.5715; white-space: initial; text-align: left; } .ant-col-md-24.ant-form-item-label > label { margin: 0; } .ant-col-md-24.ant-form-item-label > label::after { display: none; } .ant-form-rtl.ant-col-md-24.ant-form-item-label { text-align: right; } } @media (max-width: 1199px) { .ant-col-lg-24.ant-form-item-label { padding: 0 0 8px; line-height: 1.5715; white-space: initial; text-align: left; } .ant-col-lg-24.ant-form-item-label > label { margin: 0; } .ant-col-lg-24.ant-form-item-label > label::after { display: none; } .ant-form-rtl.ant-col-lg-24.ant-form-item-label { text-align: right; } } @media (max-width: 1599px) { .ant-col-xl-24.ant-form-item-label { padding: 0 0 8px; line-height: 1.5715; white-space: initial; text-align: left; } .ant-col-xl-24.ant-form-item-label > label { margin: 0; } .ant-col-xl-24.ant-form-item-label > label::after { display: none; } .ant-form-rtl.ant-col-xl-24.ant-form-item-label { text-align: right; } } .ant-form-item { /* Some non-status related component style is in `components.less` */ /* To support leave along ErrorList. We add additional className to handle explain style */ } .ant-form-item-explain.ant-form-item-explain-error { color: #ff4d4f; } .ant-form-item-explain.ant-form-item-explain-warning { color: #faad14; } .ant-form-item-has-feedback .ant-input { padding-right: 24px; } .ant-form-item-has-feedback .ant-input-affix-wrapper .ant-input-suffix { padding-right: 18px; } .ant-form-item-has-feedback .ant-input-search:not(.ant-input-search-enter-button) .ant-input-suffix { right: 28px; } .ant-form-item-has-feedback .ant-switch { margin: 2px 0 4px; } .ant-form-item-has-feedback > .ant-select .ant-select-arrow, .ant-form-item-has-feedback > .ant-select .ant-select-clear, .ant-form-item-has-feedback :not(.ant-input-group-addon) > .ant-select .ant-select-arrow, .ant-form-item-has-feedback :not(.ant-input-group-addon) > .ant-select .ant-select-clear { right: 32px; } .ant-form-item-has-feedback > .ant-select .ant-select-selection-selected-value, .ant-form-item-has-feedback :not(.ant-input-group-addon) > .ant-select .ant-select-selection-selected-value { padding-right: 42px; } .ant-form-item-has-feedback .ant-cascader-picker-arrow { margin-right: 19px; } .ant-form-item-has-feedback .ant-cascader-picker-clear { right: 32px; } .ant-form-item-has-feedback .ant-picker { padding-right: 29.2px; } .ant-form-item-has-feedback .ant-picker-large { padding-right: 29.2px; } .ant-form-item-has-feedback .ant-picker-small { padding-right: 25.2px; } .ant-form-item-has-feedback.ant-form-item-has-success .ant-form-item-children-icon, .ant-form-item-has-feedback.ant-form-item-has-warning .ant-form-item-children-icon, .ant-form-item-has-feedback.ant-form-item-has-error .ant-form-item-children-icon, .ant-form-item-has-feedback.ant-form-item-is-validating .ant-form-item-children-icon { position: absolute; top: 50%; right: 0; z-index: 1; width: 32px; height: 20px; margin-top: -10px; font-size: 14px; line-height: 20px; text-align: center; visibility: visible; animation: zoomIn 0.3s cubic-bezier(0.12, 0.4, 0.29, 1.46); pointer-events: none; } .ant-form-item-has-success.ant-form-item-has-feedback .ant-form-item-children-icon { color: #52c41a; animation-name: diffZoomIn1 !important; } .ant-form-item-has-warning .ant-form-item-split { color: #faad14; } .ant-form-item-has-warning .ant-input, .ant-form-item-has-warning .ant-input-affix-wrapper, .ant-form-item-has-warning .ant-input:hover, .ant-form-item-has-warning .ant-input-affix-wrapper:hover { background-color: #fff; border-color: #faad14; } .ant-form-item-has-warning .ant-input:focus, .ant-form-item-has-warning .ant-input-affix-wrapper:focus, .ant-form-item-has-warning .ant-input-focused, .ant-form-item-has-warning .ant-input-affix-wrapper-focused { border-color: #ffc53d; border-right-width: 1px !important; outline: 0; box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2); } .ant-form-item-has-warning .ant-input-disabled { background-color: #f5f5f5; border-color: #d9d9d9; } .ant-form-item-has-warning .ant-input-affix-wrapper-disabled { background-color: #f5f5f5; border-color: #d9d9d9; } .ant-form-item-has-warning .ant-input-affix-wrapper-disabled input:focus { box-shadow: none !important; } .ant-form-item-has-warning .ant-calendar-picker-open .ant-calendar-picker-input { border-color: #ffc53d; border-right-width: 1px !important; outline: 0; box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2); } .ant-form-item-has-warning .ant-input-prefix { color: #faad14; } .ant-form-item-has-warning .ant-input-group-addon { color: #faad14; border-color: #faad14; } .ant-form-item-has-warning .has-feedback { color: #faad14; } .ant-form-item-has-warning.ant-form-item-has-feedback .ant-form-item-children-icon { color: #faad14; animation-name: diffZoomIn3 !important; } .ant-form-item-has-warning .ant-select:not(.ant-select-disabled):not(.ant-select-customize-input) .ant-select-selector { background-color: #fff; border-color: #faad14 !important; } .ant-form-item-has-warning .ant-select:not(.ant-select-disabled):not(.ant-select-customize-input).ant-select-open .ant-select-selector, .ant-form-item-has-warning .ant-select:not(.ant-select-disabled):not(.ant-select-customize-input).ant-select-focused .ant-select-selector { border-color: #ffc53d; border-right-width: 1px !important; outline: 0; box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2); } .ant-form-item-has-warning .ant-input-number, .ant-form-item-has-warning .ant-picker { background-color: #fff; border-color: #faad14; } .ant-form-item-has-warning .ant-input-number-focused, .ant-form-item-has-warning .ant-picker-focused, .ant-form-item-has-warning .ant-input-number:focus, .ant-form-item-has-warning .ant-picker:focus { border-color: #ffc53d; border-right-width: 1px !important; outline: 0; box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2); } .ant-form-item-has-warning .ant-input-number:not([disabled]):hover, .ant-form-item-has-warning .ant-picker:not([disabled]):hover { background-color: #fff; border-color: #faad14; } .ant-form-item-has-warning .ant-cascader-picker:focus .ant-cascader-input { border-color: #ffc53d; border-right-width: 1px !important; outline: 0; box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2); } .ant-form-item-has-error .ant-form-item-split { color: #ff4d4f; } .ant-form-item-has-error .ant-input, .ant-form-item-has-error .ant-input-affix-wrapper, .ant-form-item-has-error .ant-input:hover, .ant-form-item-has-error .ant-input-affix-wrapper:hover { background-color: #fff; border-color: #ff4d4f; } .ant-form-item-has-error .ant-input:focus, .ant-form-item-has-error .ant-input-affix-wrapper:focus, .ant-form-item-has-error .ant-input-focused, .ant-form-item-has-error .ant-input-affix-wrapper-focused { border-color: #ff7875; border-right-width: 1px !important; outline: 0; box-shadow: 0 0 0 2px rgba(255, 77, 79, 0.2); } .ant-form-item-has-error .ant-input-disabled { background-color: #f5f5f5; border-color: #d9d9d9; } .ant-form-item-has-error .ant-input-affix-wrapper-disabled { background-color: #f5f5f5; border-color: #d9d9d9; } .ant-form-item-has-error .ant-input-affix-wrapper-disabled input:focus { box-shadow: none !important; } .ant-form-item-has-error .ant-calendar-picker-open .ant-calendar-picker-input { border-color: #ff7875; border-right-width: 1px !important; outline: 0; box-shadow: 0 0 0 2px rgba(255, 77, 79, 0.2); } .ant-form-item-has-error .ant-input-prefix { color: #ff4d4f; } .ant-form-item-has-error .ant-input-group-addon { color: #ff4d4f; border-color: #ff4d4f; } .ant-form-item-has-error .has-feedback { color: #ff4d4f; } .ant-form-item-has-error.ant-form-item-has-feedback .ant-form-item-children-icon { color: #ff4d4f; animation-name: diffZoomIn2 !important; } .ant-form-item-has-error .ant-select:not(.ant-select-disabled):not(.ant-select-customize-input) .ant-select-selector { background-color: #fff; border-color: #ff4d4f !important; } .ant-form-item-has-error .ant-select:not(.ant-select-disabled):not(.ant-select-customize-input).ant-select-open .ant-select-selector, .ant-form-item-has-error .ant-select:not(.ant-select-disabled):not(.ant-select-customize-input).ant-select-focused .ant-select-selector { border-color: #ff7875; border-right-width: 1px !important; outline: 0; box-shadow: 0 0 0 2px rgba(255, 77, 79, 0.2); } .ant-form-item-has-error .ant-input-group-addon .ant-select.ant-select-single:not(.ant-select-customize-input) .ant-select-selector { border: 0; } .ant-form-item-has-error .ant-select.ant-select-auto-complete .ant-input:focus { border-color: #ff4d4f; } .ant-form-item-has-error .ant-input-number, .ant-form-item-has-error .ant-picker { background-color: #fff; border-color: #ff4d4f; } .ant-form-item-has-error .ant-input-number-focused, .ant-form-item-has-error .ant-picker-focused, .ant-form-item-has-error .ant-input-number:focus, .ant-form-item-has-error .ant-picker:focus { border-color: #ff7875; border-right-width: 1px !important; outline: 0; box-shadow: 0 0 0 2px rgba(255, 77, 79, 0.2); } .ant-form-item-has-error .ant-input-number:not([disabled]):hover, .ant-form-item-has-error .ant-picker:not([disabled]):hover { background-color: #fff; border-color: #ff4d4f; } .ant-form-item-has-error .ant-mention-wrapper .ant-mention-editor, .ant-form-item-has-error .ant-mention-wrapper .ant-mention-editor:not([disabled]):hover { background-color: #fff; border-color: #ff4d4f; } .ant-form-item-has-error .ant-mention-wrapper.ant-mention-active:not([disabled]) .ant-mention-editor, .ant-form-item-has-error .ant-mention-wrapper .ant-mention-editor:not([disabled]):focus { border-color: #ff7875; border-right-width: 1px !important; outline: 0; box-shadow: 0 0 0 2px rgba(255, 77, 79, 0.2); } .ant-form-item-has-error .ant-cascader-picker:focus .ant-cascader-input { background-color: #fff; border-color: #ff7875; border-right-width: 1px !important; outline: 0; box-shadow: 0 0 0 2px rgba(255, 77, 79, 0.2); } .ant-form-item-has-error .ant-transfer-list { border-color: #ff4d4f; } .ant-form-item-has-error .ant-transfer-list-search:not([disabled]) { border-color: #d9d9d9; } .ant-form-item-has-error .ant-transfer-list-search:not([disabled]):hover { border-color: #ff974d; border-right-width: 1px !important; } .ant-form-item-has-error .ant-transfer-list-search:not([disabled]):focus { border-color: #ff974d; border-right-width: 1px !important; outline: 0; box-shadow: 0 0 0 2px rgba(245, 116, 35, 0.2); } .ant-form-item-has-error .ant-radio-button-wrapper { border-color: #ff4d4f !important; } .ant-form-item-has-error .ant-radio-button-wrapper:not(:first-child)::before { background-color: #ff4d4f; } .ant-form-item-is-validating.ant-form-item-has-feedback .ant-form-item-children-icon { display: inline-block; color: #f57423; } .ant-form { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; } .ant-form legend { display: block; width: 100%; margin-bottom: 20px; padding: 0; color: rgba(0, 0, 0, 0.45); font-size: 16px; line-height: inherit; border: 0; border-bottom: 1px solid #d9d9d9; } .ant-form label { font-size: 14px; } .ant-form input[type='search'] { box-sizing: border-box; } .ant-form input[type='radio'], .ant-form input[type='checkbox'] { line-height: normal; } .ant-form input[type='file'] { display: block; } .ant-form input[type='range'] { display: block; width: 100%; } .ant-form select[multiple], .ant-form select[size] { height: auto; } .ant-form input[type='file']:focus, .ant-form input[type='radio']:focus, .ant-form input[type='checkbox']:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .ant-form output { display: block; padding-top: 15px; color: rgba(0, 0, 0, 0.85); font-size: 14px; line-height: 1.5715; } .ant-form .ant-form-text { display: inline-block; padding-right: 8px; } .ant-form-small .ant-form-item-label > label { height: 24px; } .ant-form-small .ant-form-item-control-input { min-height: 24px; } .ant-form-large .ant-form-item-label > label { height: 40px; } .ant-form-large .ant-form-item-control-input { min-height: 40px; } .ant-form-item { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; margin-bottom: 24px; vertical-align: top; } .ant-form-item-with-help { margin-bottom: 0; } .ant-form-item-hidden, .ant-form-item-hidden.ant-row { display: none; } .ant-form-item-label { display: inline-block; flex-grow: 0; overflow: hidden; white-space: nowrap; text-align: right; vertical-align: middle; } .ant-form-item-label-left { text-align: left; } .ant-form-item-label > label { position: relative; display: inline-flex; align-items: center; height: 32px; color: rgba(0, 0, 0, 0.85); font-size: 14px; } .ant-form-item-label > label > .anticon { font-size: 14px; vertical-align: top; } .ant-form-item-label > label.ant-form-item-required:not(.ant-form-item-required-mark-optional)::before { display: inline-block; margin-right: 4px; color: #ff4d4f; font-size: 14px; font-family: SimSun, sans-serif; line-height: 1; content: '*'; } .ant-form-hide-required-mark .ant-form-item-label > label.ant-form-item-required:not(.ant-form-item-required-mark-optional)::before { display: none; } .ant-form-item-label > label .ant-form-item-optional { display: inline-block; margin-left: 4px; color: rgba(0, 0, 0, 0.45); } .ant-form-hide-required-mark .ant-form-item-label > label .ant-form-item-optional { display: none; } .ant-form-item-label > label .ant-form-item-tooltip { writing-mode: horizontal-tb; margin-inline-start: 4px; color: rgba(0, 0, 0, 0.45); } .ant-form-item-label > label::after { content: ':'; position: relative; top: -0.5px; margin: 0 8px 0 2px; } .ant-form-item-label > label.ant-form-item-no-colon::after { content: ' '; } .ant-form-item-control { display: flex; flex-direction: column; flex-grow: 1; } .ant-form-item-control:first-child:not([class^='ant-col-']):not([class*=' ant-col-']) { width: 100%; } .ant-form-item-control-input { position: relative; display: flex; align-items: center; min-height: 32px; } .ant-form-item-control-input-content { flex: auto; max-width: 100%; } .ant-form-item-explain, .ant-form-item-extra { clear: both; min-height: 24px; padding-top: 0px; color: rgba(0, 0, 0, 0.45); font-size: 14px; line-height: 1.5715; transition: color 0.3s cubic-bezier(0.215, 0.61, 0.355, 1); } .ant-form-item .ant-input-textarea-show-count::after { position: absolute; bottom: -22px; width: 100%; } .show-help-enter, .show-help-appear { animation-duration: 0.3s; animation-fill-mode: both; animation-play-state: paused; } .show-help-leave { animation-duration: 0.3s; animation-fill-mode: both; animation-play-state: paused; } .show-help-enter.show-help-enter-active, .show-help-appear.show-help-appear-active { animation-name: antShowHelpIn; animation-play-state: running; } .show-help-leave.show-help-leave-active { animation-name: antShowHelpOut; animation-play-state: running; pointer-events: none; } .show-help-enter, .show-help-appear { opacity: 0; animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); } .show-help-leave { animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); } @keyframes antShowHelpIn { 0% { transform: translateY(-5px); opacity: 0; } 100% { transform: translateY(0); opacity: 1; } } @keyframes antShowHelpOut { to { transform: translateY(-5px); opacity: 0; } } @keyframes diffZoomIn1 { 0% { transform: scale(0); } 100% { transform: scale(1); } } @keyframes diffZoomIn2 { 0% { transform: scale(0); } 100% { transform: scale(1); } } @keyframes diffZoomIn3 { 0% { transform: scale(0); } 100% { transform: scale(1); } } .ant-form-rtl { direction: rtl; } .ant-form-rtl .ant-form-item-label { text-align: left; } .ant-form-rtl .ant-form-item-label > label.ant-form-item-required::before { margin-right: 0; margin-left: 4px; } .ant-form-rtl .ant-form-item-label > label::after { margin: 0 2px 0 8px; } .ant-form-rtl .ant-form-item-label > label .ant-form-item-optional { margin-right: 4px; margin-left: 0; } .ant-col-rtl .ant-form-item-control:first-child { width: 100%; } .ant-form-rtl .ant-form-item-has-feedback .ant-input { padding-right: 11px; padding-left: 24px; } .ant-form-rtl .ant-form-item-has-feedback .ant-input-affix-wrapper .ant-input-suffix { padding-right: 11px; padding-left: 18px; } .ant-form-rtl .ant-form-item-has-feedback .ant-input-affix-wrapper .ant-input { padding: 0; } .ant-form-rtl .ant-form-item-has-feedback .ant-input-search:not(.ant-input-search-enter-button) .ant-input-suffix { right: auto; left: 28px; } .ant-form-rtl .ant-form-item-has-feedback .ant-input-number { padding-left: 18px; } .ant-form-rtl .ant-form-item-has-feedback > .ant-select .ant-select-arrow, .ant-form-rtl .ant-form-item-has-feedback > .ant-select .ant-select-clear, .ant-form-rtl .ant-form-item-has-feedback :not(.ant-input-group-addon) > .ant-select .ant-select-arrow, .ant-form-rtl .ant-form-item-has-feedback :not(.ant-input-group-addon) > .ant-select .ant-select-clear { right: auto; left: 32px; } .ant-form-rtl .ant-form-item-has-feedback > .ant-select .ant-select-selection-selected-value, .ant-form-rtl .ant-form-item-has-feedback :not(.ant-input-group-addon) > .ant-select .ant-select-selection-selected-value { padding-right: 0; padding-left: 42px; } .ant-form-rtl .ant-form-item-has-feedback .ant-cascader-picker-arrow { margin-right: 0; margin-left: 19px; } .ant-form-rtl .ant-form-item-has-feedback .ant-cascader-picker-clear { right: auto; left: 32px; } .ant-form-rtl .ant-form-item-has-feedback .ant-picker { padding-right: 11px; padding-left: 29.2px; } .ant-form-rtl .ant-form-item-has-feedback .ant-picker-large { padding-right: 11px; padding-left: 29.2px; } .ant-form-rtl .ant-form-item-has-feedback .ant-picker-small { padding-right: 7px; padding-left: 25.2px; } .ant-form-rtl .ant-form-item-has-feedback.ant-form-item-has-success .ant-form-item-children-icon, .ant-form-rtl .ant-form-item-has-feedback.ant-form-item-has-warning .ant-form-item-children-icon, .ant-form-rtl .ant-form-item-has-feedback.ant-form-item-has-error .ant-form-item-children-icon, .ant-form-rtl .ant-form-item-has-feedback.ant-form-item-is-validating .ant-form-item-children-icon { right: auto; left: 0; } .ant-form-rtl.ant-form-inline .ant-form-item { margin-right: 0; margin-left: 16px; } /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ /* stylelint-disable no-duplicate-selectors */ /* stylelint-disable */ /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ .ant-popover { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; position: absolute; top: 0; left: 0; z-index: 1030; font-weight: normal; white-space: normal; text-align: left; cursor: auto; user-select: text; } .ant-popover::after { position: absolute; background: rgba(255, 255, 255, 0.01); content: ''; } .ant-popover-hidden { display: none; } .ant-popover-placement-top, .ant-popover-placement-topLeft, .ant-popover-placement-topRight { padding-bottom: 10px; } .ant-popover-placement-right, .ant-popover-placement-rightTop, .ant-popover-placement-rightBottom { padding-left: 10px; } .ant-popover-placement-bottom, .ant-popover-placement-bottomLeft, .ant-popover-placement-bottomRight { padding-top: 10px; } .ant-popover-placement-left, .ant-popover-placement-leftTop, .ant-popover-placement-leftBottom { padding-right: 10px; } .ant-popover-inner { background-color: #fff; background-clip: padding-box; border-radius: 2px; box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05); box-shadow: 0 0 8px rgba(0, 0, 0, 0.15) \9; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .ant-popover { /* IE10+ */ } .ant-popover-inner { box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05); } } .ant-popover-title { min-width: 177px; min-height: 32px; margin: 0; padding: 5px 16px 4px; color: rgba(0, 0, 0, 0.85); font-weight: 500; border-bottom: 1px solid #f0f0f0; } .ant-popover-inner-content { padding: 12px 16px; color: rgba(0, 0, 0, 0.85); } .ant-popover-message { position: relative; padding: 4px 0 12px; color: rgba(0, 0, 0, 0.85); font-size: 14px; } .ant-popover-message > .anticon { position: absolute; top: 8.0005px; color: #faad14; font-size: 14px; } .ant-popover-message-title { padding-left: 22px; } .ant-popover-buttons { margin-bottom: 4px; text-align: right; } .ant-popover-buttons button { margin-left: 8px; } .ant-popover-arrow { position: absolute; display: block; width: 8.48528137px; height: 8.48528137px; background: transparent; border-style: solid; border-width: 4.24264069px; transform: rotate(45deg); } .ant-popover-placement-top > .ant-popover-content > .ant-popover-arrow, .ant-popover-placement-topLeft > .ant-popover-content > .ant-popover-arrow, .ant-popover-placement-topRight > .ant-popover-content > .ant-popover-arrow { bottom: 6.2px; border-top-color: transparent; border-right-color: #fff; border-bottom-color: #fff; border-left-color: transparent; box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07); } .ant-popover-placement-top > .ant-popover-content > .ant-popover-arrow { left: 50%; transform: translateX(-50%) rotate(45deg); } .ant-popover-placement-topLeft > .ant-popover-content > .ant-popover-arrow { left: 16px; } .ant-popover-placement-topRight > .ant-popover-content > .ant-popover-arrow { right: 16px; } .ant-popover-placement-right > .ant-popover-content > .ant-popover-arrow, .ant-popover-placement-rightTop > .ant-popover-content > .ant-popover-arrow, .ant-popover-placement-rightBottom > .ant-popover-content > .ant-popover-arrow { left: 6px; border-top-color: transparent; border-right-color: transparent; border-bottom-color: #fff; border-left-color: #fff; box-shadow: -3px 3px 7px rgba(0, 0, 0, 0.07); } .ant-popover-placement-right > .ant-popover-content > .ant-popover-arrow { top: 50%; transform: translateY(-50%) rotate(45deg); } .ant-popover-placement-rightTop > .ant-popover-content > .ant-popover-arrow { top: 12px; } .ant-popover-placement-rightBottom > .ant-popover-content > .ant-popover-arrow { bottom: 12px; } .ant-popover-placement-bottom > .ant-popover-content > .ant-popover-arrow, .ant-popover-placement-bottomLeft > .ant-popover-content > .ant-popover-arrow, .ant-popover-placement-bottomRight > .ant-popover-content > .ant-popover-arrow { top: 6px; border-top-color: #fff; border-right-color: transparent; border-bottom-color: transparent; border-left-color: #fff; box-shadow: -2px -2px 5px rgba(0, 0, 0, 0.06); } .ant-popover-placement-bottom > .ant-popover-content > .ant-popover-arrow { left: 50%; transform: translateX(-50%) rotate(45deg); } .ant-popover-placement-bottomLeft > .ant-popover-content > .ant-popover-arrow { left: 16px; } .ant-popover-placement-bottomRight > .ant-popover-content > .ant-popover-arrow { right: 16px; } .ant-popover-placement-left > .ant-popover-content > .ant-popover-arrow, .ant-popover-placement-leftTop > .ant-popover-content > .ant-popover-arrow, .ant-popover-placement-leftBottom > .ant-popover-content > .ant-popover-arrow { right: 6px; border-top-color: #fff; border-right-color: #fff; border-bottom-color: transparent; border-left-color: transparent; box-shadow: 3px -3px 7px rgba(0, 0, 0, 0.07); } .ant-popover-placement-left > .ant-popover-content > .ant-popover-arrow { top: 50%; transform: translateY(-50%) rotate(45deg); } .ant-popover-placement-leftTop > .ant-popover-content > .ant-popover-arrow { top: 12px; } .ant-popover-placement-leftBottom > .ant-popover-content > .ant-popover-arrow { bottom: 12px; } .ant-popover-rtl { direction: rtl; text-align: right; } .ant-popover-rtl .ant-popover-message-title { padding-right: 22px; padding-left: 16px; } .ant-popover-rtl .ant-popover-buttons { text-align: left; } .ant-popover-rtl .ant-popover-buttons button { margin-right: 8px; margin-left: 0; } /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ /* stylelint-disable no-duplicate-selectors */ /* stylelint-disable */ /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ .ant-popconfirm { z-index: 1060; } /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ /* stylelint-disable no-duplicate-selectors */ /* stylelint-disable */ /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ @keyframes antCheckboxEffect { 0% { transform: scale(1); opacity: 0.5; } 100% { transform: scale(1.6); opacity: 0; } } .ant-checkbox { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; position: relative; top: -0.09em; display: inline-block; line-height: 1; white-space: nowrap; vertical-align: middle; outline: none; cursor: pointer; } .ant-checkbox-wrapper:hover .ant-checkbox-inner, .ant-checkbox:hover .ant-checkbox-inner, .ant-checkbox-input:focus + .ant-checkbox-inner { border-color: #f57423; } .ant-checkbox-checked::after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 1px solid #f57423; border-radius: 2px; visibility: hidden; animation: antCheckboxEffect 0.36s ease-in-out; animation-fill-mode: backwards; content: ''; } .ant-checkbox:hover::after, .ant-checkbox-wrapper:hover .ant-checkbox::after { visibility: visible; } .ant-checkbox-inner { position: relative; top: 0; left: 0; display: block; width: 16px; height: 16px; direction: ltr; background-color: #fff; border: 1px solid #d9d9d9; border-radius: 2px; border-collapse: separate; transition: all 0.3s; } .ant-checkbox-inner::after { position: absolute; top: 50%; left: 22%; display: table; width: 5.71428571px; height: 9.14285714px; border: 2px solid #fff; border-top: 0; border-left: 0; transform: rotate(45deg) scale(0) translate(-50%, -50%); opacity: 0; transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s; content: ' '; } .ant-checkbox-input { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; width: 100%; height: 100%; cursor: pointer; opacity: 0; } .ant-checkbox-checked .ant-checkbox-inner::after { position: absolute; display: table; border: 2px solid #fff; border-top: 0; border-left: 0; transform: rotate(45deg) scale(1) translate(-50%, -50%); opacity: 1; transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s; content: ' '; } .ant-checkbox-checked .ant-checkbox-inner { background-color: #f57423; border-color: #f57423; } .ant-checkbox-disabled { cursor: not-allowed; } .ant-checkbox-disabled.ant-checkbox-checked .ant-checkbox-inner::after { border-color: rgba(0, 0, 0, 0.25); animation-name: none; } .ant-checkbox-disabled .ant-checkbox-input { cursor: not-allowed; } .ant-checkbox-disabled .ant-checkbox-inner { background-color: #f5f5f5; border-color: #d9d9d9 !important; } .ant-checkbox-disabled .ant-checkbox-inner::after { border-color: #f5f5f5; border-collapse: separate; animation-name: none; } .ant-checkbox-disabled + span { color: rgba(0, 0, 0, 0.25); cursor: not-allowed; } .ant-checkbox-disabled:hover::after, .ant-checkbox-wrapper:hover .ant-checkbox-disabled::after { visibility: hidden; } .ant-checkbox-wrapper { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; display: inline-block; line-height: unset; cursor: pointer; } .ant-checkbox-wrapper.ant-checkbox-wrapper-disabled { cursor: not-allowed; } .ant-checkbox-wrapper + .ant-checkbox-wrapper { margin-left: 8px; } .ant-checkbox + span { padding-right: 8px; padding-left: 8px; } .ant-checkbox-group { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; display: inline-block; } .ant-checkbox-group-item { display: inline-block; margin-right: 8px; } .ant-checkbox-group-item:last-child { margin-right: 0; } .ant-checkbox-group-item + .ant-checkbox-group-item { margin-left: 0; } .ant-checkbox-indeterminate .ant-checkbox-inner { background-color: #fff; border-color: #d9d9d9; } .ant-checkbox-indeterminate .ant-checkbox-inner::after { top: 50%; left: 50%; width: 8px; height: 8px; background-color: #f57423; border: 0; transform: translate(-50%, -50%) scale(1); opacity: 1; content: ' '; } .ant-checkbox-indeterminate.ant-checkbox-disabled .ant-checkbox-inner::after { background-color: rgba(0, 0, 0, 0.25); border-color: rgba(0, 0, 0, 0.25); } .ant-checkbox-rtl { direction: rtl; } .ant-checkbox-group-rtl .ant-checkbox-group-item { margin-right: 0; margin-left: 8px; } .ant-checkbox-group-rtl .ant-checkbox-group-item:last-child { margin-left: 0 !important; } .ant-checkbox-group-rtl .ant-checkbox-group-item + .ant-checkbox-group-item { margin-left: 8px; } /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ /* stylelint-disable no-duplicate-selectors */ /* stylelint-disable */ /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ .ant-table.ant-table-middle { font-size: 14px; } .ant-table.ant-table-middle .ant-table-title, .ant-table.ant-table-middle .ant-table-footer, .ant-table.ant-table-middle .ant-table-thead > tr > th, .ant-table.ant-table-middle .ant-table-tbody > tr > td, .ant-table.ant-table-middle tfoot > tr > th, .ant-table.ant-table-middle tfoot > tr > td { padding: 12px 8px; } .ant-table.ant-table-middle .ant-table-thead th.ant-table-column-has-sorters { padding: 0; } .ant-table.ant-table-middle .ant-table-thead .ant-table-filter-column { margin: -12px -8px; } .ant-table.ant-table-middle .ant-table-thead .ant-table-filter-column-title { padding: 12px 2.3em 12px 8px; } .ant-table.ant-table-middle .ant-table-thead .ant-table-column-sorters { padding: 12px 8px; } .ant-table.ant-table-middle .ant-table-expanded-row-fixed { margin: -12px -8px; } .ant-table.ant-table-middle .ant-table-tbody .ant-table-wrapper:only-child .ant-table { margin: -12px -8px -12px 25px; } .ant-table.ant-table-small { font-size: 14px; } .ant-table.ant-table-small .ant-table-title, .ant-table.ant-table-small .ant-table-footer, .ant-table.ant-table-small .ant-table-thead > tr > th, .ant-table.ant-table-small .ant-table-tbody > tr > td, .ant-table.ant-table-small tfoot > tr > th, .ant-table.ant-table-small tfoot > tr > td { padding: 8px 8px; } .ant-table.ant-table-small .ant-table-thead th.ant-table-column-has-sorters { padding: 0; } .ant-table.ant-table-small .ant-table-thead .ant-table-filter-column { margin: -8px -8px; } .ant-table.ant-table-small .ant-table-thead .ant-table-filter-column-title { padding: 8px 2.3em 8px 8px; } .ant-table.ant-table-small .ant-table-thead .ant-table-column-sorters { padding: 8px 8px; } .ant-table.ant-table-small .ant-table-expanded-row-fixed { margin: -8px -8px; } .ant-table.ant-table-small .ant-table-tbody .ant-table-wrapper:only-child .ant-table { margin: -8px -8px -8px 25px; } .ant-table-small .ant-table-thead > tr > th { background-color: #fafafa; } .ant-table-small .ant-table-selection-column { width: 46px; min-width: 46px; } .ant-table.ant-table-bordered > .ant-table-title { border: 1px solid #f0f0f0; border-bottom: 0; } .ant-table.ant-table-bordered > .ant-table-container { border: 1px solid #f0f0f0; border-right: 0; border-bottom: 0; } .ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > thead > tr > th, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > thead > tr > th, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > thead > tr > th, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > tbody > tr > td, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > tbody > tr > td, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > tbody > tr > td, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > tfoot > tr > th, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > tfoot > tr > th, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > tfoot > tr > th, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > tfoot > tr > td, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > tfoot > tr > td, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > tfoot > tr > td { border-right: 1px solid #f0f0f0; } .ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > thead > tr:not(:last-child) > th, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > thead > tr:not(:last-child) > th, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > thead > tr:not(:last-child) > th { border-bottom: 1px solid #f0f0f0; } .ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > thead > tr > .ant-table-cell-fix-right-first::after, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > thead > tr > .ant-table-cell-fix-right-first::after, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > thead > tr > .ant-table-cell-fix-right-first::after, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > tbody > tr > .ant-table-cell-fix-right-first::after, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > tbody > tr > .ant-table-cell-fix-right-first::after, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > tbody > tr > .ant-table-cell-fix-right-first::after, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > tfoot > tr > .ant-table-cell-fix-right-first::after, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > tfoot > tr > .ant-table-cell-fix-right-first::after, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > tfoot > tr > .ant-table-cell-fix-right-first::after { border-right: 1px solid #f0f0f0; } .ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > tbody > tr > td > .ant-table-expanded-row-fixed, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > tbody > tr > td > .ant-table-expanded-row-fixed, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > tbody > tr > td > .ant-table-expanded-row-fixed { margin: -16px -17px; } .ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > tbody > tr > td > .ant-table-expanded-row-fixed::after, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > tbody > tr > td > .ant-table-expanded-row-fixed::after, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > tbody > tr > td > .ant-table-expanded-row-fixed::after { position: absolute; top: 0; right: 1px; bottom: 0; border-right: 1px solid #f0f0f0; content: ''; } .ant-table.ant-table-bordered.ant-table-scroll-horizontal > .ant-table-container > .ant-table-body > table > tbody > tr.ant-table-expanded-row > td, .ant-table.ant-table-bordered.ant-table-scroll-horizontal > .ant-table-container > .ant-table-body > table > tbody > tr.ant-table-placeholder > td { border-right: 0; } .ant-table.ant-table-bordered.ant-table-middle > .ant-table-container > .ant-table-content > table > tbody > tr > td > .ant-table-expanded-row-fixed, .ant-table.ant-table-bordered.ant-table-middle > .ant-table-container > .ant-table-body > table > tbody > tr > td > .ant-table-expanded-row-fixed { margin: -12px -9px; } .ant-table.ant-table-bordered.ant-table-small > .ant-table-container > .ant-table-content > table > tbody > tr > td > .ant-table-expanded-row-fixed, .ant-table.ant-table-bordered.ant-table-small > .ant-table-container > .ant-table-body > table > tbody > tr > td > .ant-table-expanded-row-fixed { margin: -8px -9px; } .ant-table.ant-table-bordered > .ant-table-footer { border: 1px solid #f0f0f0; border-top: 0; } .ant-table-cell .ant-table-container:first-child { border-top: 0; } .ant-table-cell-scrollbar { box-shadow: 0 1px 0 1px #fafafa; } .ant-table-wrapper { clear: both; max-width: 100%; } .ant-table-wrapper::before { display: table; content: ''; } .ant-table-wrapper::after { display: table; clear: both; content: ''; } .ant-table { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; position: relative; font-size: 14px; background: #fff; border-radius: 2px; } .ant-table table { width: 100%; text-align: left; border-radius: 2px 2px 0 0; border-collapse: separate; border-spacing: 0; } .ant-table-thead > tr > th, .ant-table-tbody > tr > td, .ant-table tfoot > tr > th, .ant-table tfoot > tr > td { position: relative; padding: 16px 16px; overflow-wrap: break-word; } .ant-table-cell-ellipsis { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-break: keep-all; } .ant-table-cell-ellipsis.ant-table-cell-fix-left-last, .ant-table-cell-ellipsis.ant-table-cell-fix-right-first { overflow: visible; } .ant-table-cell-ellipsis.ant-table-cell-fix-left-last .ant-table-cell-content, .ant-table-cell-ellipsis.ant-table-cell-fix-right-first .ant-table-cell-content { display: block; overflow: hidden; text-overflow: ellipsis; } .ant-table-title { padding: 16px 16px; } .ant-table-footer { padding: 16px 16px; color: rgba(0, 0, 0, 0.85); background: #fafafa; } .ant-table-thead > tr > th { color: rgba(0, 0, 0, 0.85); font-weight: 500; text-align: left; background: #fafafa; border-bottom: 1px solid #f0f0f0; transition: background 0.3s ease; } .ant-table-thead > tr > th[colspan]:not([colspan='1']) { text-align: center; } .ant-table-thead > tr:not(:last-child) > th[colspan] { border-bottom: 0; } .ant-table-tbody > tr > td { border-bottom: 1px solid #f0f0f0; transition: background 0.3s; } .ant-table-tbody > tr > td > .ant-table-wrapper:only-child .ant-table { margin: -16px -16px -16px 33px; } .ant-table-tbody > tr > td > .ant-table-wrapper:only-child .ant-table-tbody > tr:last-child > td { border-bottom: 0; } .ant-table-tbody > tr > td > .ant-table-wrapper:only-child .ant-table-tbody > tr:last-child > td:first-child, .ant-table-tbody > tr > td > .ant-table-wrapper:only-child .ant-table-tbody > tr:last-child > td:last-child { border-radius: 0; } .ant-table-tbody > tr.ant-table-row:hover > td { background: #fafafa; } .ant-table-tbody > tr.ant-table-row-selected > td { background: #fff8f0; border-color: rgba(0, 0, 0, 0.03); } .ant-table-tbody > tr.ant-table-row-selected:hover > td { background: #fff3e6; } .ant-table tfoot > tr > th, .ant-table tfoot > tr > td { border-bottom: 1px solid #f0f0f0; } .ant-table-pagination.ant-pagination { margin: 16px 0; } .ant-table-pagination { display: flex; } .ant-table-pagination-left { justify-content: flex-start; } .ant-table-pagination-center { justify-content: center; } .ant-table-pagination-right { justify-content: flex-end; } .ant-table-thead th.ant-table-column-has-sorters { padding: 0; cursor: pointer; transition: all 0.3s; } .ant-table-thead th.ant-table-column-has-sorters:hover { background: #f2f2f2; } .ant-table-thead th.ant-table-column-has-sorters:hover .ant-table-filter-trigger-container { background: #f7f7f7; } .ant-table-thead th.ant-table-column-sort { background: #f5f5f5; } td.ant-table-column-sort { background: #fafafa; } .ant-table-column-sorters-with-tooltip { display: inline-block; width: 100%; } .ant-table-column-sorters { display: inline-flex; align-items: center; padding: 16px 16px; } .ant-table-column-sorter { margin-top: 0.15em; margin-bottom: -0.15em; margin-left: 8px; color: #bfbfbf; } .ant-table-column-sorter-full { margin-top: -0.2em; margin-bottom: 0; } .ant-table-column-sorter-inner { display: inline-flex; flex-direction: column; align-items: center; } .ant-table-column-sorter-up, .ant-table-column-sorter-down { font-size: 11px; } .ant-table-column-sorter-up.active, .ant-table-column-sorter-down.active { color: #f57423; } .ant-table-column-sorter-up + .ant-table-column-sorter-down { margin-top: -0.3em; } .ant-table-filter-column { display: flex; align-items: center; margin: -16px -16px; } .ant-table-filter-column-title { flex: auto; padding: 16px 2.3em 16px 16px; } .ant-table-thead tr th.ant-table-column-has-sorters .ant-table-filter-column { margin: 0; } .ant-table-thead tr th.ant-table-column-has-sorters .ant-table-filter-column-title { padding: 0 2.3em 0 0; } .ant-table-filter-trigger-container { position: absolute; top: 0; right: 0; bottom: 0; display: flex; flex: none; align-items: stretch; align-self: stretch; cursor: pointer; transition: background-color 0.3s; } .ant-table-filter-trigger-container-open, .ant-table-filter-trigger-container:hover, .ant-table-thead th.ant-table-column-has-sorters:hover .ant-table-filter-trigger-container:hover { background: #e5e5e5; } .ant-table-filter-trigger { display: block; width: 2.3em; color: #bfbfbf; font-size: 12px; transition: color 0.3s; } .ant-table-filter-trigger .anticon { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .ant-table-filter-trigger-container-open .ant-table-filter-trigger, .ant-table-filter-trigger:hover { color: rgba(0, 0, 0, 0.45); } .ant-table-filter-trigger.active { color: #f57423; } .ant-table-filter-dropdown { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; min-width: 120px; background-color: #fff; border-radius: 2px; box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05); } .ant-table-filter-dropdown .ant-dropdown-menu { max-height: 264px; overflow-x: hidden; border: 0; box-shadow: none; } .ant-table-filter-dropdown-submenu > ul { max-height: calc(100vh - 130px); overflow-x: hidden; overflow-y: auto; } .ant-table-filter-dropdown .ant-checkbox-wrapper + span, .ant-table-filter-dropdown-submenu .ant-checkbox-wrapper + span { padding-left: 8px; } .ant-table-filter-dropdown-btns { display: flex; justify-content: space-between; padding: 7px 8px 7px 3px; overflow: hidden; background-color: inherit; border-top: 1px solid #f0f0f0; } .ant-table .ant-table-selection-col { width: 32px; } table tr th.ant-table-selection-column, table tr td.ant-table-selection-column { padding-right: 8px; padding-left: 8px; text-align: center; } table tr th.ant-table-selection-column .ant-radio-wrapper, table tr td.ant-table-selection-column .ant-radio-wrapper { margin-right: 0; } .ant-table-selection { position: relative; display: inline-flex; flex-direction: column; } .ant-table-selection-extra { position: absolute; top: 0; z-index: 1; cursor: pointer; transition: all 0.3s; margin-inline-start: 100%; padding-inline-start: 4px; } .ant-table-selection-extra .anticon { color: #bfbfbf; font-size: 10px; } .ant-table-selection-extra .anticon:hover { color: #a6a6a6; } .ant-table-expand-icon-col { width: 48px; } .ant-table-row-expand-icon-cell { text-align: center; } .ant-table-row-indent { float: left; height: 1px; } .ant-table-row-expand-icon { color: #f57423; text-decoration: none; cursor: pointer; transition: color 0.3s; position: relative; display: inline-flex; float: left; box-sizing: border-box; width: 17px; height: 17px; padding: 0; color: inherit; line-height: 17px; background: #fff; border: 1px solid #f0f0f0; border-radius: 2px; outline: none; transition: all 0.3s; user-select: none; } .ant-table-row-expand-icon:focus, .ant-table-row-expand-icon:hover { color: #ff974d; } .ant-table-row-expand-icon:active { color: #cf5413; } .ant-table-row-expand-icon:focus, .ant-table-row-expand-icon:hover, .ant-table-row-expand-icon:active { border-color: currentColor; } .ant-table-row-expand-icon::before, .ant-table-row-expand-icon::after { position: absolute; background: currentColor; transition: transform 0.3s ease-out; content: ''; } .ant-table-row-expand-icon::before { top: 7px; right: 3px; left: 3px; height: 1px; } .ant-table-row-expand-icon::after { top: 3px; bottom: 3px; left: 7px; width: 1px; transform: rotate(90deg); } .ant-table-row-expand-icon-collapsed::before { transform: rotate(-180deg); } .ant-table-row-expand-icon-collapsed::after { transform: rotate(0deg); } .ant-table-row-expand-icon-spaced { background: transparent; border: 0; visibility: hidden; } .ant-table-row-expand-icon-spaced::before, .ant-table-row-expand-icon-spaced::after { display: none; content: none; } .ant-table-row-indent + .ant-table-row-expand-icon { margin-top: 2.5005px; margin-right: 8px; } tr.ant-table-expanded-row > td, tr.ant-table-expanded-row:hover > td { background: #fbfbfb; } tr.ant-table-expanded-row .ant-descriptions-view table { width: auto; } .ant-table .ant-table-expanded-row-fixed { position: relative; margin: -16px -16px; padding: 16px 16px; } .ant-table-tbody > tr.ant-table-placeholder { text-align: center; } .ant-table-empty .ant-table-tbody > tr.ant-table-placeholder { color: rgba(0, 0, 0, 0.25); } .ant-table-tbody > tr.ant-table-placeholder:hover > td { background: #fff; } .ant-table-cell-fix-left, .ant-table-cell-fix-right { position: -webkit-sticky !important; position: sticky !important; z-index: 2; background: #fff; } .ant-table-cell-fix-left-first::after, .ant-table-cell-fix-left-last::after { position: absolute; top: 0; right: 0; bottom: -1px; width: 30px; transform: translateX(100%); transition: box-shadow 0.3s; content: ''; pointer-events: none; } .ant-table-cell-fix-right-first::after, .ant-table-cell-fix-right-last::after { position: absolute; top: 0; bottom: -1px; left: 0; width: 30px; transform: translateX(-100%); transition: box-shadow 0.3s; content: ''; pointer-events: none; } .ant-table .ant-table-container::before, .ant-table .ant-table-container::after { position: absolute; top: 0; bottom: 0; z-index: 1; width: 30px; transition: box-shadow 0.3s; content: ''; pointer-events: none; } .ant-table .ant-table-container::before { left: 0; } .ant-table .ant-table-container::after { right: 0; } .ant-table-ping-left:not(.ant-table-has-fix-left) .ant-table-container { position: relative; } .ant-table-ping-left:not(.ant-table-has-fix-left) .ant-table-container::before { box-shadow: inset 10px 0 8px -8px rgba(0, 0, 0, 0.15); } .ant-table-ping-left .ant-table-cell-fix-left-first::after, .ant-table-ping-left .ant-table-cell-fix-left-last::after { box-shadow: inset 10px 0 8px -8px rgba(0, 0, 0, 0.15); } .ant-table-ping-right:not(.ant-table-has-fix-right) .ant-table-container { position: relative; } .ant-table-ping-right:not(.ant-table-has-fix-right) .ant-table-container::after { box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, 0.15); } .ant-table-ping-right .ant-table-cell-fix-right-first::after, .ant-table-ping-right .ant-table-cell-fix-right-last::after { box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, 0.15); } .ant-table-sticky-header { position: sticky; z-index: calc(2 + 1); } .ant-table-sticky-scroll { position: sticky; bottom: 0; z-index: calc(2 + 1); display: flex; align-items: center; background: #ffffff; border-top: 1px solid #f0f0f0; opacity: 0.6; } .ant-table-sticky-scroll:hover { transform-origin: center bottom; } .ant-table-sticky-scroll-bar { height: 8px; background-color: rgba(0, 0, 0, 0.35); border-radius: 4px; } .ant-table-sticky-scroll-bar:hover { background-color: rgba(0, 0, 0, 0.8); } .ant-table-sticky-scroll-bar-active { background-color: rgba(0, 0, 0, 0.8); } @media all and (-ms-high-contrast: none) { .ant-table-ping-left .ant-table-cell-fix-left-last::after { box-shadow: none !important; } .ant-table-ping-right .ant-table-cell-fix-right-first::after { box-shadow: none !important; } } .ant-table { /* title + table */ /* table */ /* table + footer */ } .ant-table-title { border-radius: 2px 2px 0 0; } .ant-table-title + .ant-table-container { border-top-left-radius: 0; border-top-right-radius: 0; } .ant-table-title + .ant-table-container table > thead > tr:first-child th:first-child { border-radius: 0; } .ant-table-title + .ant-table-container table > thead > tr:first-child th:last-child { border-radius: 0; } .ant-table-container { border-top-left-radius: 2px; border-top-right-radius: 2px; } .ant-table-container table > thead > tr:first-child th:first-child { border-top-left-radius: 2px; } .ant-table-container table > thead > tr:first-child th:last-child { border-top-right-radius: 2px; } .ant-table-footer { border-radius: 0 0 2px 2px; } .ant-table-wrapper-rtl { direction: rtl; } .ant-table-rtl { direction: rtl; } .ant-table-wrapper-rtl .ant-table table { text-align: right; } .ant-table-wrapper-rtl .ant-table-thead > tr > th[colspan]:not([colspan='1']) { text-align: center; } .ant-table-wrapper-rtl .ant-table-thead > tr > th { text-align: right; } .ant-table-tbody > tr .ant-table-wrapper:only-child .ant-table.ant-table-rtl { margin: -16px 33px -16px -16px; } .ant-table-wrapper.ant-table-wrapper-rtl .ant-table-pagination-left { justify-content: flex-end; } .ant-table-wrapper.ant-table-wrapper-rtl .ant-table-pagination-right { justify-content: flex-start; } .ant-table-wrapper-rtl .ant-table-column-sorter { margin-right: 8px; margin-left: 0; } .ant-table-wrapper-rtl .ant-table-filter-column-title { padding: 16px 16px 16px 2.3em; } .ant-table-rtl .ant-table-thead tr th.ant-table-column-has-sorters .ant-table-filter-column-title { padding: 0 0 0 2.3em; } .ant-table-wrapper-rtl .ant-table-filter-trigger-container { right: auto; left: 0; } .ant-dropdown-rtl .ant-table-filter-dropdown .ant-checkbox-wrapper + span, .ant-dropdown-rtl .ant-table-filter-dropdown-submenu .ant-checkbox-wrapper + span, .ant-dropdown-menu-submenu-rtl.ant-table-filter-dropdown .ant-checkbox-wrapper + span, .ant-dropdown-menu-submenu-rtl.ant-table-filter-dropdown-submenu .ant-checkbox-wrapper + span { padding-right: 8px; padding-left: 0; } .ant-table-wrapper-rtl .ant-table-selection { text-align: center; } .ant-table-wrapper-rtl .ant-table-row-indent { float: right; } .ant-table-wrapper-rtl .ant-table-row-expand-icon { float: right; } .ant-table-wrapper-rtl .ant-table-row-indent + .ant-table-row-expand-icon { margin-right: 0; margin-left: 8px; } .ant-table-wrapper-rtl .ant-table-row-expand-icon::after { transform: rotate(-90deg); } .ant-table-wrapper-rtl .ant-table-row-expand-icon-collapsed::before { transform: rotate(180deg); } .ant-table-wrapper-rtl .ant-table-row-expand-icon-collapsed::after { transform: rotate(0deg); } /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ /* stylelint-disable no-duplicate-selectors */ /* stylelint-disable */ /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ .ant-divider { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; border-top: 1px solid rgba(0, 0, 0, 0.06); } .ant-divider-vertical { position: relative; top: -0.06em; display: inline-block; height: 0.9em; margin: 0 8px; vertical-align: middle; border-top: 0; border-left: 1px solid rgba(0, 0, 0, 0.06); } .ant-divider-horizontal { display: flex; clear: both; width: 100%; min-width: 100%; margin: 24px 0; } .ant-divider-horizontal.ant-divider-with-text { display: flex; margin: 16px 0; color: rgba(0, 0, 0, 0.85); font-weight: 500; font-size: 16px; white-space: nowrap; text-align: center; border-top: 0; border-top-color: rgba(0, 0, 0, 0.06); } .ant-divider-horizontal.ant-divider-with-text::before, .ant-divider-horizontal.ant-divider-with-text::after { position: relative; top: 50%; width: 50%; border-top: 1px solid transparent; border-top-color: inherit; border-bottom: 0; transform: translateY(50%); content: ''; } .ant-divider-horizontal.ant-divider-with-text-left::before { top: 50%; width: 5%; } .ant-divider-horizontal.ant-divider-with-text-left::after { top: 50%; width: 95%; } .ant-divider-horizontal.ant-divider-with-text-right::before { top: 50%; width: 95%; } .ant-divider-horizontal.ant-divider-with-text-right::after { top: 50%; width: 5%; } .ant-divider-inner-text { display: inline-block; padding: 0 1em; } .ant-divider-dashed { background: none; border-color: rgba(0, 0, 0, 0.06); border-style: dashed; border-width: 1px 0 0; } .ant-divider-horizontal.ant-divider-with-text.ant-divider-dashed { border-top: 0; } .ant-divider-horizontal.ant-divider-with-text.ant-divider-dashed::before, .ant-divider-horizontal.ant-divider-with-text.ant-divider-dashed::after { border-style: dashed none none; } .ant-divider-vertical.ant-divider-dashed { border-width: 0 0 0 1px; } .ant-divider-plain.ant-divider-with-text { color: rgba(0, 0, 0, 0.85); font-weight: normal; font-size: 14px; } .ant-divider-rtl { direction: rtl; } .ant-divider-rtl.ant-divider-horizontal.ant-divider-with-text-left::before { width: 95%; } .ant-divider-rtl.ant-divider-horizontal.ant-divider-with-text-left::after { width: 5%; } .ant-divider-rtl.ant-divider-horizontal.ant-divider-with-text-right::before { width: 5%; } .ant-divider-rtl.ant-divider-horizontal.ant-divider-with-text-right::after { width: 95%; } /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ /* stylelint-disable no-duplicate-selectors */ /* stylelint-disable */ /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ .ant-radio-group { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; display: inline-block; font-size: 0; line-height: unset; } .ant-radio-group .ant-badge-count { z-index: 1; } .ant-radio-group > .ant-badge:not(:first-child) > .ant-radio-button-wrapper { border-left: none; } .ant-radio-wrapper { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; position: relative; display: inline-block; margin-right: 8px; white-space: nowrap; cursor: pointer; } .ant-radio { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; position: relative; top: 0px; display: inline-block; line-height: 1; white-space: nowrap; vertical-align: sub; outline: none; cursor: pointer; } .ant-radio-wrapper:hover .ant-radio, .ant-radio:hover .ant-radio-inner, .ant-radio-input:focus + .ant-radio-inner { border-color: #f57423; } .ant-radio-input:focus + .ant-radio-inner { box-shadow: 0 0 0 3px rgba(245, 116, 35, 0.08); } .ant-radio-checked::after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 1px solid #f57423; border-radius: 50%; visibility: hidden; animation: antRadioEffect 0.36s ease-in-out; animation-fill-mode: both; content: ''; } .ant-radio:hover::after, .ant-radio-wrapper:hover .ant-radio::after { visibility: visible; } .ant-radio-inner { position: relative; top: 0; left: 0; display: block; width: 16px; height: 16px; background-color: #fff; border-color: #d9d9d9; border-style: solid; border-width: 1px; border-radius: 50%; transition: all 0.3s; } .ant-radio-inner::after { position: absolute; top: 3px; left: 3px; display: table; width: 8px; height: 8px; background-color: #f57423; border-top: 0; border-left: 0; border-radius: 8px; transform: scale(0); opacity: 0; transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86); content: ' '; } .ant-radio-input { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; cursor: pointer; opacity: 0; } .ant-radio-checked .ant-radio-inner { border-color: #f57423; } .ant-radio-checked .ant-radio-inner::after { transform: scale(1); opacity: 1; transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86); } .ant-radio-disabled { cursor: not-allowed; } .ant-radio-disabled .ant-radio-inner { background-color: #f5f5f5; border-color: #d9d9d9 !important; cursor: not-allowed; } .ant-radio-disabled .ant-radio-inner::after { background-color: rgba(0, 0, 0, 0.2); } .ant-radio-disabled .ant-radio-input { cursor: not-allowed; } .ant-radio-disabled + span { color: rgba(0, 0, 0, 0.25); cursor: not-allowed; } span.ant-radio + * { padding-right: 8px; padding-left: 8px; } .ant-radio-button-wrapper { position: relative; display: inline-block; height: 32px; margin: 0; padding: 0 15px; color: rgba(0, 0, 0, 0.85); font-size: 14px; line-height: 30px; background: #fff; border: 1px solid #d9d9d9; border-top-width: 1.02px; border-left-width: 0; cursor: pointer; transition: color 0.3s, background 0.3s, border-color 0.3s, box-shadow 0.3s; } .ant-radio-button-wrapper a { color: rgba(0, 0, 0, 0.85); } .ant-radio-button-wrapper > .ant-radio-button { position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; } .ant-radio-group-large .ant-radio-button-wrapper { height: 40px; font-size: 16px; line-height: 38px; } .ant-radio-group-small .ant-radio-button-wrapper { height: 24px; padding: 0 7px; line-height: 22px; } .ant-radio-button-wrapper:not(:first-child)::before { position: absolute; top: -1px; left: -1px; display: block; box-sizing: content-box; width: 1px; height: 100%; padding: 1px 0; background-color: #d9d9d9; transition: background-color 0.3s; content: ''; } .ant-radio-button-wrapper:first-child { border-left: 1px solid #d9d9d9; border-radius: 2px 0 0 2px; } .ant-radio-button-wrapper:last-child { border-radius: 0 2px 2px 0; } .ant-radio-button-wrapper:first-child:last-child { border-radius: 2px; } .ant-radio-button-wrapper:hover { position: relative; color: #f57423; } .ant-radio-button-wrapper:focus-within { box-shadow: 0 0 0 3px rgba(245, 116, 35, 0.08); } .ant-radio-button-wrapper .ant-radio-inner, .ant-radio-button-wrapper input[type='checkbox'], .ant-radio-button-wrapper input[type='radio'] { width: 0; height: 0; opacity: 0; pointer-events: none; } .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) { z-index: 1; color: #f57423; background: #fff; border-color: #f57423; } .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled)::before { background-color: #f57423; } .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):first-child { border-color: #f57423; } .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover { color: #ff974d; border-color: #ff974d; } .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover::before { background-color: #ff974d; } .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active { color: #cf5413; border-color: #cf5413; } .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active::before { background-color: #cf5413; } .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):focus-within { box-shadow: 0 0 0 3px rgba(245, 116, 35, 0.08); } .ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) { color: #fff; background: #f57423; border-color: #f57423; } .ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover { color: #fff; background: #ff974d; border-color: #ff974d; } .ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active { color: #fff; background: #cf5413; border-color: #cf5413; } .ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):focus-within { box-shadow: 0 0 0 3px rgba(245, 116, 35, 0.08); } .ant-radio-button-wrapper-disabled { color: rgba(0, 0, 0, 0.25); background-color: #f5f5f5; border-color: #d9d9d9; cursor: not-allowed; } .ant-radio-button-wrapper-disabled:first-child, .ant-radio-button-wrapper-disabled:hover { color: rgba(0, 0, 0, 0.25); background-color: #f5f5f5; border-color: #d9d9d9; } .ant-radio-button-wrapper-disabled:first-child { border-left-color: #d9d9d9; } .ant-radio-button-wrapper-disabled.ant-radio-button-wrapper-checked { color: rgba(0, 0, 0, 0.25); background-color: #e6e6e6; border-color: #d9d9d9; box-shadow: none; } @keyframes antRadioEffect { 0% { transform: scale(1); opacity: 0.5; } 100% { transform: scale(1.6); opacity: 0; } } @supports (-moz-appearance: meterbar) and (background-blend-mode: difference, normal) { .ant-radio { vertical-align: text-bottom; } } .ant-radio-group.ant-radio-group-rtl { direction: rtl; } .ant-radio-wrapper.ant-radio-wrapper-rtl { margin-right: 0; margin-left: 8px; direction: rtl; } .ant-radio-button-wrapper.ant-radio-button-wrapper-rtl { border-right-width: 0; border-left-width: 1px; } .ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-wrapper:not(:first-child)::before { right: -1px; left: 0; } .ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-wrapper:first-child { border-right: 1px solid #d9d9d9; border-radius: 0 2px 2px 0; } .ant-radio-button-wrapper-checked:not([class*=' ant-radio-button-wrapper-disabled']).ant-radio-button-wrapper:first-child { border-right-color: #ff974d; } .ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-wrapper:last-child { border-radius: 2px 0 0 2px; } .ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-wrapper-disabled:first-child { border-right-color: #d9d9d9; } .new-companies-world-class { min-height: 100vh; background: transparent; color: #ffffff; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; padding: 40px; } @media (max-width: 768px) { .new-companies-world-class { padding: 20px 16px; } } .new-companies-world-class h1 { font-size: 32px; font-weight: 700; color: #fff; margin-bottom: 32px; letter-spacing: -0.5px; } .new-companies-world-class .new-company-wrapper { max-width: 800px; margin: 0 auto; } .new-companies-world-class .new-company-wrapper .card-company-wrap { background: rgba(255, 255, 255, 0.03) !important; backdrop-filter: blur(40px) saturate(180%) !important; border: 1px solid rgba(255, 255, 255, 0.08) !important; border-radius: 24px !important; box-shadow: 0 24px 80px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(255, 255, 255, 0.02) inset !important; padding: 40px !important; } @media (max-width: 768px) { .new-companies-world-class .new-company-wrapper .card-company-wrap { padding: 24px !important; border-radius: 20px !important; } } .new-companies-world-class .ant-form .ant-form-item-label > label { color: rgba(255, 255, 255, 0.8) !important; font-weight: 500; font-size: 14px; } .new-companies-world-class .ant-form .ant-input, .new-companies-world-class .ant-form .ant-input-number, .new-companies-world-class .ant-form .ant-select-selector { background: rgba(0, 0, 0, 0.3) !important; border: 1px solid rgba(255, 255, 255, 0.12) !important; border-radius: 12px !important; color: #fff !important; padding: 10px 16px !important; height: 44px !important; } .new-companies-world-class .ant-form .ant-input::placeholder, .new-companies-world-class .ant-form .ant-input-number::placeholder, .new-companies-world-class .ant-form .ant-select-selector::placeholder { color: rgba(255, 255, 255, 0.3); } .new-companies-world-class .ant-form .ant-input:hover, .new-companies-world-class .ant-form .ant-input-number:hover, .new-companies-world-class .ant-form .ant-select-selector:hover { border-color: rgba(255, 255, 255, 0.25) !important; background: rgba(0, 0, 0, 0.4) !important; } .new-companies-world-class .ant-form .ant-input:focus, .new-companies-world-class .ant-form .ant-input.ant-input-focused, .new-companies-world-class .ant-form .ant-input.ant-select-focused, .new-companies-world-class .ant-form .ant-input-number:focus, .new-companies-world-class .ant-form .ant-input-number.ant-input-focused, .new-companies-world-class .ant-form .ant-input-number.ant-select-focused, .new-companies-world-class .ant-form .ant-select-selector:focus, .new-companies-world-class .ant-form .ant-select-selector.ant-input-focused, .new-companies-world-class .ant-form .ant-select-selector.ant-select-focused { border-color: rgba(255, 255, 255, 0.5) !important; background: rgba(0, 0, 0, 0.5) !important; box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.05) !important; } .new-companies-world-class .ant-radio-group .ant-radio-wrapper { color: rgba(255, 255, 255, 0.8) !important; margin-right: 16px; } .new-companies-world-class .ant-radio-group .ant-radio-wrapper .ant-radio .ant-radio-inner { background: rgba(0, 0, 0, 0.3) !important; border-color: rgba(255, 255, 255, 0.3) !important; } .new-companies-world-class .ant-radio-group .ant-radio-wrapper .ant-radio.ant-radio-checked .ant-radio-inner { background: #ff6600 !important; border-color: #ff6600 !important; } .new-companies-world-class .ant-upload.ant-upload-select-picture-card { background: rgba(255, 255, 255, 0.04) !important; border: 1px dashed rgba(255, 255, 255, 0.2) !important; border-radius: 12px !important; color: rgba(255, 255, 255, 0.6) !important; } .new-companies-world-class .ant-upload.ant-upload-select-picture-card:hover { border-color: #fff !important; } .new-companies-world-class .ant-upload-list-picture-card .ant-upload-list-item { background: rgba(0, 0, 0, 0.3) !important; border: 1px solid rgba(255, 255, 255, 0.12) !important; border-radius: 12px !important; } .new-companies-world-class .ant-upload-list-picture .ant-upload-list-item { background: rgba(0, 0, 0, 0.3) !important; border: 1px solid rgba(255, 255, 255, 0.12) !important; border-radius: 8px !important; color: #fff !important; } .new-companies-world-class .ant-upload-list-picture .ant-upload-list-item .ant-upload-list-item-name { color: rgba(255, 255, 255, 0.8) !important; } .new-companies-world-class .ant-btn { border-radius: 12px !important; height: 44px !important; font-weight: 600 !important; padding: 0 24px !important; transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important; } .new-companies-world-class .ant-btn:not(.ant-btn-primary) { background: rgba(255, 255, 255, 0.08) !important; border: 1px solid rgba(255, 255, 255, 0.1) !important; color: #fff !important; } .new-companies-world-class .ant-btn:not(.ant-btn-primary):hover { background: rgba(255, 255, 255, 0.15) !important; transform: translateY(-1px); border-color: rgba(255, 255, 255, 0.25) !important; } .new-companies-world-class .ant-btn.ant-btn-primary { background: #fff !important; color: #000 !important; border: none !important; } .new-companies-world-class .ant-btn.ant-btn-primary:hover { background: rgba(255, 255, 255, 0.9) !important; transform: translateY(-1px); box-shadow: 0 4px 12px rgba(255, 255, 255, 0.2) !important; } .new-companies-world-class .theme-text { color: #ffffff !important; } .new-companies-world-class .sub-title-modal-product { color: rgba(255, 255, 255, 0.8) !important; font-weight: 500; margin-bottom: 12px; } .new-companies-world-class .ant-form-item-explain { color: #ff4d4f !important; } .ant-select-dropdown { background-color: rgba(20, 20, 20, 0.95) !important; backdrop-filter: blur(40px); border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 16px !important; box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5) !important; } .ant-select-dropdown .ant-select-item { color: rgba(255, 255, 255, 0.8) !important; border-radius: 8px; } .ant-select-dropdown .ant-select-item-option-active, .ant-select-dropdown .ant-select-item-option-selected { background-color: rgba(255, 255, 255, 0.1) !important; color: #fff !important; } .center-image-preview.ant-modal .ant-modal-content { background: rgba(20, 20, 20, 0.95) !important; backdrop-filter: blur(40px) saturate(180%) !important; border: 1px solid rgba(255, 255, 255, 0.12) !important; border-radius: 24px !important; } .center-image-preview.ant-modal .ant-modal-content .ant-modal-header { background: transparent !important; border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important; } .center-image-preview.ant-modal .ant-modal-content .ant-modal-header .ant-modal-title { color: #fff !important; } .center-image-preview.ant-modal .ant-modal-content .ant-modal-close-x { color: rgba(255, 255, 255, 0.5) !important; } .center-image-preview.ant-modal .ant-modal-content .ant-modal-close-x:hover { color: #fff !important; } .new-companies-world-class .new-company-wrapper .hide-form { display: none !important; } /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ /* stylelint-disable no-duplicate-selectors */ /* stylelint-disable */ /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ .ant-spin { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; position: absolute; display: none; color: #f57423; text-align: center; vertical-align: middle; opacity: 0; transition: transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86); } .ant-spin-spinning { position: static; display: inline-block; opacity: 1; } .ant-spin-nested-loading { position: relative; } .ant-spin-nested-loading > div > .ant-spin { position: absolute; top: 0; left: 0; z-index: 4; display: block; width: 100%; height: 100%; max-height: 400px; } .ant-spin-nested-loading > div > .ant-spin .ant-spin-dot { position: absolute; top: 50%; left: 50%; margin: -10px; } .ant-spin-nested-loading > div > .ant-spin .ant-spin-text { position: absolute; top: 50%; width: 100%; padding-top: 5px; text-shadow: 0 1px 2px #fff; } .ant-spin-nested-loading > div > .ant-spin.ant-spin-show-text .ant-spin-dot { margin-top: -20px; } .ant-spin-nested-loading > div > .ant-spin-sm .ant-spin-dot { margin: -7px; } .ant-spin-nested-loading > div > .ant-spin-sm .ant-spin-text { padding-top: 2px; } .ant-spin-nested-loading > div > .ant-spin-sm.ant-spin-show-text .ant-spin-dot { margin-top: -17px; } .ant-spin-nested-loading > div > .ant-spin-lg .ant-spin-dot { margin: -16px; } .ant-spin-nested-loading > div > .ant-spin-lg .ant-spin-text { padding-top: 11px; } .ant-spin-nested-loading > div > .ant-spin-lg.ant-spin-show-text .ant-spin-dot { margin-top: -26px; } .ant-spin-container { position: relative; transition: opacity 0.3s; } .ant-spin-container::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 10; display: none \9; width: 100%; height: 100%; background: #fff; opacity: 0; transition: all 0.3s; content: ''; pointer-events: none; } .ant-spin-blur { clear: both; overflow: hidden; opacity: 0.5; user-select: none; pointer-events: none; } .ant-spin-blur::after { opacity: 0.4; pointer-events: auto; } .ant-spin-tip { color: rgba(0, 0, 0, 0.45); } .ant-spin-dot { position: relative; display: inline-block; font-size: 20px; width: 1em; height: 1em; } .ant-spin-dot-item { position: absolute; display: block; width: 9px; height: 9px; background-color: #f57423; border-radius: 100%; transform: scale(0.75); transform-origin: 50% 50%; opacity: 0.3; animation: antSpinMove 1s infinite linear alternate; } .ant-spin-dot-item:nth-child(1) { top: 0; left: 0; } .ant-spin-dot-item:nth-child(2) { top: 0; right: 0; animation-delay: 0.4s; } .ant-spin-dot-item:nth-child(3) { right: 0; bottom: 0; animation-delay: 0.8s; } .ant-spin-dot-item:nth-child(4) { bottom: 0; left: 0; animation-delay: 1.2s; } .ant-spin-dot-spin { transform: rotate(45deg); animation: antRotate 1.2s infinite linear; } .ant-spin-sm .ant-spin-dot { font-size: 14px; } .ant-spin-sm .ant-spin-dot i { width: 6px; height: 6px; } .ant-spin-lg .ant-spin-dot { font-size: 32px; } .ant-spin-lg .ant-spin-dot i { width: 14px; height: 14px; } .ant-spin.ant-spin-show-text .ant-spin-text { display: block; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { /* IE10+ */ .ant-spin-blur { background: #fff; opacity: 0.5; } } @keyframes antSpinMove { to { opacity: 1; } } @keyframes antRotate { to { transform: rotate(405deg); } } .ant-spin-rtl { direction: rtl; } .ant-spin-rtl .ant-spin-dot-spin { transform: rotate(-45deg); animation-name: antRotateRtl; } @keyframes antRotateRtl { to { transform: rotate(-405deg); } } @charset "UTF-8"; .event-mobile-header { display: flex; align-items: center; gap: 16px; padding: 16px 20px; background-color: var(--surface-color); border-bottom: 1px solid var(--border-color); position: sticky; top: 0; z-index: 100; backdrop-filter: blur(10px); } .event-mobile-header h1 { margin: 0; font-size: 20px; font-weight: 700; color: var(--text-color); } .event-mobile-header .event-menu-toggle { font-size: 20px; color: var(--text-color); width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; border-radius: 8px; transition: all 0.2s ease; background: none; border: none; cursor: pointer; padding: 0; } .event-mobile-header .event-menu-toggle:hover { background-color: rgba(247, 147, 30, 0.1); color: #f7931e; } .event-mobile-header .event-menu-toggle:active { transform: scale(0.95); } .event-sidebar-premium { width: 220px; min-height: 100vh; background: transparent; padding: 12px 8px; transition: all 0.3s ease; display: flex; overflow-y: auto; } .event-sidebar-premium::-webkit-scrollbar { width: 6px; } .event-sidebar-premium::-webkit-scrollbar-track { background: transparent; } .event-sidebar-premium::-webkit-scrollbar-thumb { background: rgba(0, 0, 0, 0.2); border-radius: 10px; } .event-sidebar-premium::-webkit-scrollbar-thumb:hover { background: rgba(247, 147, 30, 0.3); } .event-sidebar-inner { background: transparent; padding: 12px; width: 100%; max-width: 280px; display: flex; flex-direction: column; gap: 16px; } @media (max-width: 767px) { .event-sidebar-inner { max-width: none; padding: 24px 20px; } } .event-sidebar-footer { padding: 14px 0; display: flex; flex-direction: column; gap: 8px; text-align: center; } .event-sidebar-footer .event-sidebar-footer-title { font-size: 11px; font-weight: 600; letter-spacing: 0.02em; color: var(--text-secondary-color); margin: 0; text-transform: uppercase; text-align: center; } .event-sidebar-footer .event-sidebar-footer-text { font-size: 10px; line-height: 1.4; color: var(--text-secondary-color); margin: 0; opacity: 0.7; text-align: center; } .event-sidebar-support { height: 36px; display: inline-flex !important; align-items: center !important; justify-content: center !important; font-weight: 600; font-size: 11px; border-radius: 8px !important; background: var(--primary-color) !important; border: none !important; transition: all 0.28s ease !important; } .event-sidebar-support:hover { background: var(--primary-color) !important; opacity: 0.9; transform: translateY(-1px); } .event-sidebar-header { display: flex; flex-direction: column; gap: 12px; position: relative; } .event-sidebar-header h2 { margin: 0; font-size: 22px; font-weight: 700; color: var(--text-color); letter-spacing: -0.02em; line-height: 1.2; } .event-sidebar-header p { margin: 0; font-size: 12px; color: var(--text-secondary-color); line-height: 1.4; opacity: 0.8; } .event-sidebar-header .event-sidebar-back-button { margin-bottom: 16px; } .event-sidebar-header .event-sidebar-back-button .back-button-minimal { background: transparent !important; border: none !important; box-shadow: none !important; padding: 0 !important; height: auto !important; display: flex !important; align-items: center !important; transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important; } .event-sidebar-header .event-sidebar-back-button .back-button-minimal:hover { background: transparent !important; transform: translateX(-2px) !important; } .event-sidebar-header .event-sidebar-back-button .back-button-minimal .custom-arrow-icon { color: var(--text-color) !important; width: 28px !important; height: 19px !important; margin-right: 8px !important; transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important; opacity: 0.8; } .event-sidebar-header .event-sidebar-back-button .back-button-minimal .back-text { color: var(--text-color) !important; font-size: 16px !important; font-weight: 600 !important; margin-right: 12px !important; transition: color 0.2s ease !important; opacity: 0.9; } .event-sidebar-header .event-sidebar-back-button .back-button-minimal:hover .custom-arrow-icon { opacity: 1; color: var(--primary-color) !important; } .event-sidebar-header .event-sidebar-back-button .back-button-minimal:hover .back-text { color: var(--primary-color) !important; opacity: 1; } .event-sidebar-menu-wrapper { display: flex; flex-direction: column; gap: 14px; } .event-sidebar-producer-link { margin-top: 8px; margin-bottom: 8px; padding: 10px 12px; border-radius: 10px; background: rgba(255, 255, 255, 0.02); border: 1px solid rgba(255, 255, 255, 0.08); display: flex; align-items: center; gap: 10px; font-size: 13px; font-weight: 500; color: var(--text-color); cursor: pointer; transition: all 0.25s ease; } .event-sidebar-producer-link .anticon { font-size: 16px; color: var(--text-secondary-color); } .event-sidebar-producer-link:hover { background: rgba(247, 147, 30, 0.14); border-color: rgba(247, 147, 30, 0.8); color: #fff; } .event-sidebar-producer-link:hover .anticon { color: #fff; } .event-sidebar-menu { background-color: transparent !important; border: none !important; padding: 8px 0; display: flex; flex-direction: column; gap: 8px; } .event-sidebar-menu.ant-menu { background: transparent !important; } .event-sidebar-menu .ant-menu-sub { background: transparent !important; } .event-sidebar-menu .ant-menu-item { border-radius: 8px; margin-bottom: 4px; padding: 10px 12px !important; height: auto; line-height: 1.4; transition: all 0.2s ease; display: flex; align-items: center; justify-content: flex-start; gap: 12px; color: var(--text-secondary-color); font-size: 13px; font-weight: 500; border: none; background: transparent !important; box-shadow: none; backdrop-filter: none; position: relative; cursor: pointer; } .event-sidebar-menu .ant-menu-item .event-menu-label { flex: 1; text-align: left; display: inline-flex; align-items: center; gap: 12px; font-weight: 500; } .event-sidebar-menu .ant-menu-item .anticon, .event-sidebar-menu .ant-menu-item svg { font-size: 18px; color: var(--text-secondary-color); transition: all 0.28s ease; flex-shrink: 0; width: 18px; height: 18px; } .event-sidebar-menu .ant-menu-item:hover { color: var(--text-color) !important; transform: translateX(4px); } .event-sidebar-menu .ant-menu-item:hover .anticon, .event-sidebar-menu .ant-menu-item:hover svg { color: var(--primary-color) !important; } .event-sidebar-menu .ant-menu-item.ant-menu-item-selected { color: var(--primary-color) !important; font-weight: 600; transform: translateX(4px); } .event-sidebar-menu .ant-menu-item.ant-menu-item-selected .anticon, .event-sidebar-menu .ant-menu-item.ant-menu-item-selected svg { color: var(--primary-color) !important; } .event-sidebar-menu .ant-menu-item.ant-menu-item-selected::after { display: none; } .event-drawer { z-index: 1050 !important; position: fixed !important; } .event-drawer .ant-drawer-mask { background-color: rgba(0, 0, 0, 0.45) !important; z-index: 1049 !important; } .event-drawer .ant-drawer-content-wrapper { z-index: 1050 !important; } .event-drawer .ant-drawer-content { background-color: var(--surface-color) !important; box-shadow: -2px 0 8px rgba(0, 0, 0, 0.15) !important; z-index: 1050 !important; } .event-drawer .ant-drawer-header { background-color: var(--surface-color); border-bottom: 1px solid var(--border-color); padding: 16px 24px; } .event-drawer .ant-drawer-body { background-color: var(--surface-color); padding: 0; height: 100%; overflow: hidden; } .event-drawer .ant-drawer-close { color: var(--text-color); z-index: 1051 !important; right: 16px !important; top: 16px !important; } .event-drawer .ant-drawer-close:hover { color: #f7931e; } .event-drawer .event-sidebar-inner { background-color: transparent; height: 100%; display: flex; flex-direction: column; overflow-y: auto; } .event-drawer .back-link-minimal { display: flex !important; align-items: center !important; justify-content: flex-start !important; } .event-drawer .back-link-minimal svg, .event-drawer .back-link-minimal .anticon { display: flex !important; align-items: center !important; justify-content: center !important; } [data-theme="dark"] .event-sidebar-premium { background-color: transparent !important; } [data-theme="dark"] .event-mobile-header { background-color: var(--surface-color); border-bottom-color: var(--border-color); } [data-theme="dark"] .event-mobile-header .event-menu-toggle { color: var(--text-color); } [data-theme="dark"] .event-mobile-header .event-menu-toggle:hover { background-color: rgba(247, 147, 30, 0.15); color: #f7931e; } [data-theme="dark"] .event-sidebar-menu { background: transparent !important; } [data-theme="dark"] .event-sidebar-menu.ant-menu { background: transparent !important; } [data-theme="dark"] .event-sidebar-menu .ant-menu-sub { background: transparent !important; } [data-theme="dark"] .event-sidebar-menu .ant-menu-item { background: transparent !important; } [data-theme="dark"] .event-sidebar-menu .ant-menu-item:hover { color: #FFFFFF !important; background: transparent !important; } [data-theme="dark"] .event-sidebar-menu .ant-menu-item.ant-menu-item-selected { color: var(--primary-color) !important; background: transparent !important; } [data-theme="dark"] .event-sidebar-back-button .back-button-minimal .custom-arrow-icon { color: var(--text-color) !important; opacity: 0.8; } [data-theme="dark"] .event-sidebar-back-button .back-button-minimal .back-text { color: var(--text-color) !important; opacity: 0.9; } [data-theme="dark"] .event-sidebar-back-button .back-button-minimal:hover .custom-arrow-icon { color: var(--primary-color) !important; opacity: 1; } [data-theme="dark"] .event-sidebar-back-button .back-button-minimal:hover .back-text { color: var(--primary-color) !important; opacity: 1; } @media (max-width: 767px) { .event-sidebar-back-button .back-button-minimal .custom-arrow-icon { width: 24px !important; height: 16px !important; margin-right: 6px !important; } .event-sidebar-back-button .back-button-minimal .back-text { font-size: 14px !important; margin-right: 8px !important; } } .dashboard-stat-card { background: var(--surface-color); border-radius: 16px; padding: 24px; border: 1px solid var(--border-color); height: 100%; display: flex; flex-direction: column; justify-content: space-between; transition: all 0.3s ease; position: relative; overflow: hidden; } .dashboard-stat-card:hover { transform: translateY(-4px); box-shadow: 0 12px 24px rgba(0, 0, 0, 0.08); border-color: var(--primary-color); } .dashboard-stat-card .stat-icon-wrapper { width: 48px; height: 48px; border-radius: 12px; display: flex; align-items: center; justify-content: center; margin-bottom: 16px; font-size: 24px; } .dashboard-stat-card .stat-icon-wrapper.orange { background: rgba(247, 147, 30, 0.1); color: #f7931e; } .dashboard-stat-card .stat-icon-wrapper.green { background: rgba(82, 196, 26, 0.1); color: #52c41a; } .dashboard-stat-card .stat-icon-wrapper.blue { background: rgba(24, 144, 255, 0.1); color: #1890ff; } .dashboard-stat-card .stat-icon-wrapper.purple { background: rgba(114, 46, 209, 0.1); color: #722ed1; } .dashboard-stat-card .stat-title { font-size: 14px; color: var(--text-secondary-color); margin-bottom: 8px; font-weight: 500; } .dashboard-stat-card .stat-value { font-size: 28px; font-weight: 700; color: var(--text-color); line-height: 1.2; } .dashboard-stat-card .stat-details { margin-top: 16px; padding-top: 16px; border-top: 1px solid var(--border-color); animation: slideDown 0.3s ease-out; } .dashboard-stat-card .stat-detail-item { display: flex; justify-content: space-between; align-items: center; padding: 8px 0; font-size: 13px; color: var(--text-secondary-color); } .dashboard-stat-card .stat-detail-item strong { color: var(--text-color); font-weight: 600; } .dashboard-stat-card.expanded { background: linear-gradient(135deg, rgba(247, 147, 30, 0.05) 0%, transparent 100%); border-color: var(--primary-color); box-shadow: 0 8px 32px rgba(247, 147, 30, 0.15); } @keyframes slideDown { from { opacity: 0; transform: translateY(-10px); } to { opacity: 1; transform: translateY(0); } } .ant-tabs .ant-tabs-nav { margin-bottom: 24px; } .ant-tabs .ant-tabs-tab { padding: 10px 20px; font-weight: 500; color: var(--text-secondary-color); transition: all 0.2s ease; } .ant-tabs .ant-tabs-tab:hover { color: var(--primary-color); } .ant-tabs .ant-tabs-tab-active .ant-tabs-tab-btn { color: var(--primary-color) !important; font-weight: 600; } .ant-tabs .ant-tabs-ink-bar { height: 3px; background: var(--primary-color); border-radius: 3px 3px 0 0; } [data-theme="dark"] .ant-tabs .ant-tabs-tab { color: rgba(255, 255, 255, 0.65); } [data-theme="dark"] .ant-tabs .ant-tabs-tab:hover { color: var(--primary-color); } [data-theme="dark"] .ant-tabs .ant-tabs-tab-active .ant-tabs-tab-btn { color: var(--primary-color) !important; } [data-theme="dark"] .dashboard-stat-card { background: #141414; border-color: var(--border-color); } [data-theme="dark"] .dashboard-stat-card:hover { box-shadow: 0 12px 24px rgba(0, 0, 0, 0.2); border-color: var(--primary-color); } .companies-wrap { max-width: 1440px; margin-left: auto; margin-right: auto; } .companies-wrap h1 { font-size: 24px; font-weight: bold; color: #000; } .companies-wrap .content-bread-crumb { padding: 0 15px; } .companies-wrap .cursor-pointer { cursor: pointer; } .companies-wrap .content-header { display: flex; justify-content: space-between; width: 100%; } .companies-wrap .button-text { font-weight: bold; height: 37px; } .companies-wrap .companies-card-heigth { min-height: 200px; cursor: pointer; } .companies-wrap .companies-col-padding { padding: 10px; } .companies-wrap .companies-button-acction { position: absolute; bottom: 10px; right: 20px; } .companies-wrap .companies-button-acction-row { margin-top: 20px; } .companies-wrap .companies-fantasy-name { font-size: 20px; color: #000; font-weight: bold; } .companies-wrap .companies-text-card { font-size: 14px; color: #969696; } .companies-wrap .companies-card-empty { height: 140px; } .companies-wrap .row-card-company-buttom { gap: 10px; align-items: baseline; } .companies-wrap .box-validate { background-color: #73C64C; border-radius: 6px; width: 71px; height: 22px; color: #fff; font-size: 13px; text-align: center; margin-top: 10px; } .companies-wrap .box-pending { background-color: #EFCC65; border-radius: 6px; width: 71px; height: 22px; color: #fff; font-size: 13px; text-align: center; margin-top: 10px; } .companies-wrap .box-rejected { background-color: #E15555; border-radius: 6px; width: 71px; height: 22px; color: #fff; font-size: 13px; text-align: center; margin-top: 10px; } .modal-countries { background: transparent !important; } .modal-countries.ant-modal { max-width: calc(100vw - 32px) !important; } @media screen and (max-width: 767px) { .modal-countries.ant-modal { width: calc(100vw - 24px) !important; } } .modal-countries .ant-modal-content { background-color: var(--surface-color) !important; border-radius: 20px !important; border: 1px solid var(--border-color) !important; box-shadow: 0 24px 80px rgba(0, 0, 0, 0.18) !important; overflow: hidden; position: relative; } .modal-countries .ant-modal-content::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: linear-gradient(90deg, #FF6600 0%, #9747FF 100%); z-index: 1; } html[data-theme="dark"] .modal-countries .ant-modal-content { background-color: #1a1a1a !important; border-color: rgba(255, 255, 255, 0.08) !important; box-shadow: 0 28px 90px rgba(0, 0, 0, 0.55) !important; } .modal-countries .ant-modal-header { background-color: transparent !important; border-radius: 18px 18px 0 0 !important; border-bottom: none !important; } .modal-countries .ant-modal-body { padding: 32px 28px; background-color: transparent !important; color: var(--text-color) !important; } @media screen and (max-width: 767px) { .modal-countries .ant-modal-body { padding: 24px 20px; } } .modal-countries .loading-container { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 40px 20px; min-height: 140px; } .modal-countries .loading-container .ant-spin { color: #FF6600 !important; } .modal-countries .loading-container .ant-spin .ant-spin-dot-item { background-color: #FF6600 !important; } .modal-countries .ant-modal-close { color: var(--text-color) !important; } .modal-countries .ant-modal-close:hover { background-color: rgba(255, 102, 0, 0.1) !important; } .modal-countries .ant-form-vertical .ant-form-item { flex-direction: row; } @media screen and (min-width: 767px) { .modal-countries .ant-form-vertical .ant-form-item { flex-direction: column; } } .modal-countries .modal-header-section { text-align: center; margin-bottom: 20px; } .modal-countries .header-icon { display: inline-block; font-size: 2rem; margin-bottom: 8px; animation: rotateGlobe 20s linear infinite; } @keyframes rotateGlobe { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .modal-countries h2 { font-weight: 700; margin-bottom: 8px; line-height: 1.2; font-size: 1.4rem; color: var(--text-color) !important; text-align: center; background: linear-gradient(135deg, #FF6600 0%, #9747FF 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } .modal-countries h2:first-letter { text-transform: uppercase; } @media screen and (min-width: 767px) { .modal-countries h2 { font-size: 1.6rem; } } .modal-countries h3 { color: var(--text-color) !important; font-weight: 600; margin-bottom: 16px; font-size: 1.1rem; } .modal-countries p { color: var(--text-secondary-color) !important; font-size: 14px; line-height: 1.5; } .modal-countries .language-selector-section { margin-top: 28px; padding-top: 24px; border-top: 1px solid var(--border-color); } .modal-countries .language-selector-section h3 { display: flex; align-items: center; justify-content: center; gap: 8px; } .modal-countries .language-selector-section h3::before { content: '\1F4AC'; font-size: 1.2rem; } .modal-countries .language-options { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 12px; } @media screen and (max-width: 500px) { .modal-countries .language-options { grid-template-columns: 1fr; gap: 10px; } } .modal-countries .language-option { display: flex; flex-direction: column; align-items: center; gap: 8px; padding: 16px 12px; border-radius: 14px; cursor: pointer; border: 2px solid var(--border-color); background: var(--surface-hover-color); color: var(--text-color); transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1); font-weight: 600; font-size: 14px; } .modal-countries .language-option:hover { border-color: rgba(255, 102, 0, 0.35); transform: translateY(-2px); box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1); } html[data-theme="dark"] .modal-countries .language-option:hover { box-shadow: 0 8px 20px rgba(0, 0, 0, 0.35); background: rgba(255, 255, 255, 0.05); } .modal-countries .language-option.selected { border-color: #FF6600; background: linear-gradient(135deg, rgba(255, 102, 0, 0.15) 0%, rgba(151, 71, 255, 0.15) 100%); box-shadow: 0 6px 18px rgba(255, 102, 0, 0.25); } html[data-theme="dark"] .modal-countries .language-option.selected { background: linear-gradient(135deg, rgba(255, 102, 0, 0.2) 0%, rgba(151, 71, 255, 0.2) 100%); box-shadow: 0 6px 18px rgba(255, 102, 0, 0.35); } .modal-countries .language-option.selected .language-name { color: #FF6600; } .modal-countries .language-option .language-flag { font-size: 32px; line-height: 1; } .modal-countries .language-option .language-name { font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; transition: color 0.2s ease; } .modal-countries .countries-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: 14px; margin: 20px 0; } .modal-countries .country-card { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; padding: 18px 14px; border-radius: 16px; cursor: pointer; border: 2px solid var(--border-color); background: var(--surface-hover-color); color: var(--text-color); transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1); position: relative; overflow: hidden; } .modal-countries .country-card::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient(135deg, rgba(255, 102, 0, 0.05) 0%, rgba(151, 71, 255, 0.05) 100%); opacity: 0; transition: opacity 0.3s ease; } .modal-countries .country-card:hover { border-color: rgba(255, 102, 0, 0.55); transform: translateY(-3px); box-shadow: 0 12px 28px rgba(0, 0, 0, 0.12); } .modal-countries .country-card:hover::before { opacity: 1; } html[data-theme="dark"] .modal-countries .country-card:hover { box-shadow: 0 12px 28px rgba(0, 0, 0, 0.45); background: rgba(255, 255, 255, 0.05); } .modal-countries .country-card:hover .name { color: #FF6600; } .modal-countries .flag { width: 56px; height: 38px; object-fit: cover; border-radius: 10px; border: 1px solid rgba(0, 0, 0, 0.08); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08); position: relative; z-index: 1; } html[data-theme="dark"] .modal-countries .flag { border: 1px solid rgba(255, 255, 255, 0.12); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25); } .modal-countries .name { font-weight: 700; font-size: 13px; text-transform: uppercase; letter-spacing: 0.8px; position: relative; z-index: 1; transition: color 0.2s ease; } .language-modal { border: 2px solid #F2F0F0; padding: 20px; width: 100%; cursor: pointer; font-weight: 400; } .language-modal.left { border-top-left-radius: 10px; border-bottom-left-radius: 10px; } .language-modal.right { border-top-right-radius: 10px; border-bottom-right-radius: 10px; border-left: 0px; } .language-modal.selected { background-color: #FEF1E9; } .language-modal:hover { background-color: #FEF1E9; } @media screen and (max-width: 321px) { .language-modal .content-header { padding: 0 0; } } select { appearance: none; appearance-border: 1px solid var(--border-color); box-shadow: none; flex: 1; padding: 0 1em; padding-color: var(--text-color); padding-background-color: var(--surface-color); background-image: none; cursor: pointer; } select::-ms-expand { display: none; } .select { position: relative; display: flex; width: 100%; height: 3em; border-radius: .25em; overflow: hidden; } .select::after { content: '\25BC'; position: absolute; top: 10px; right: 0; padding-right: 10px; transition: .25s all ease; pointer-events: none; } .select:hover::after { color: #F57423; } .ant-table-wrapper .ant-table { background: transparent !important; } .ant-table-wrapper .ant-table .ant-table-container, .ant-table-wrapper .ant-table .ant-table-body { border-radius: 16px; } .ant-table-wrapper .ant-table .ant-table-container::-webkit-scrollbar, .ant-table-wrapper .ant-table .ant-table-body::-webkit-scrollbar { width: 4px !important; height: 4px !important; } .ant-table-wrapper .ant-table .ant-table-container::-webkit-scrollbar-track, .ant-table-wrapper .ant-table .ant-table-body::-webkit-scrollbar-track { background: transparent !important; } .ant-table-wrapper .ant-table .ant-table-container::-webkit-scrollbar-thumb, .ant-table-wrapper .ant-table .ant-table-body::-webkit-scrollbar-thumb { background: rgba(0, 0, 0, 0.15) !important; border-radius: 2px !important; transition: background 0.2s ease !important; } .ant-table-wrapper .ant-table .ant-table-container::-webkit-scrollbar-thumb:hover, .ant-table-wrapper .ant-table .ant-table-body::-webkit-scrollbar-thumb:hover { background: rgba(0, 0, 0, 0.25) !important; } .ant-table-wrapper .ant-table .ant-table-container table, .ant-table-wrapper .ant-table .ant-table-body table { border-collapse: separate; border-spacing: 0 4px !important; } .ant-table-wrapper .ant-table .ant-table-container table thead tr th.ant-table-cell, .ant-table-wrapper .ant-table .ant-table-body table thead tr th.ant-table-cell { background: transparent !important; border-bottom: 1px solid var(--border-color); color: var(--text-secondary-color); font-weight: 600; text-transform: uppercase; font-size: 11px; letter-spacing: 1px; padding: 16px 24px; transition: all 0.3s ease; } .ant-table-wrapper .ant-table .ant-table-container table thead tr th.ant-table-cell::before, .ant-table-wrapper .ant-table .ant-table-body table thead tr th.ant-table-cell::before { display: none !important; } .ant-table-wrapper .ant-table .ant-table-container table tbody tr.ant-table-row, .ant-table-wrapper .ant-table .ant-table-body table tbody tr.ant-table-row { transition: all 0.2s ease; } .ant-table-wrapper .ant-table .ant-table-container table tbody tr.ant-table-row td.ant-table-cell, .ant-table-wrapper .ant-table .ant-table-body table tbody tr.ant-table-row td.ant-table-cell { background: transparent; border-bottom: 1px solid rgba(255, 255, 255, 0.06); padding: 16px 20px; font-size: 14px; color: var(--text-color); transition: all 0.2s ease; } .ant-table-wrapper .ant-table .ant-table-container table tbody tr.ant-table-row:hover td.ant-table-cell, .ant-table-wrapper .ant-table .ant-table-body table tbody tr.ant-table-row:hover td.ant-table-cell { background: rgba(255, 255, 255, 0.02) !important; } .ant-table-wrapper .ant-pagination { margin-top: 24px !important; } .ant-table-wrapper .ant-pagination .ant-pagination-item { border-radius: 8px; border: 1px solid var(--border-color); background: transparent; transition: all 0.3s ease; } .ant-table-wrapper .ant-pagination .ant-pagination-item a { color: var(--text-color); font-weight: 500; } .ant-table-wrapper .ant-pagination .ant-pagination-item:hover { border-color: var(--primary-color); } .ant-table-wrapper .ant-pagination .ant-pagination-item:hover a { color: var(--primary-color); } .ant-table-wrapper .ant-pagination .ant-pagination-item-active { border-color: var(--primary-color); background: var(--primary-color); box-shadow: 0 2px 8px rgba(247, 147, 30, 0.2); } .ant-table-wrapper .ant-pagination .ant-pagination-item-active a { color: #fff !important; } .ant-table-wrapper .ant-pagination .ant-pagination-item-active:hover { border-color: var(--primary-color); background: var(--primary-color); } .ant-table-wrapper .ant-pagination .ant-pagination-prev .ant-pagination-item-link, .ant-table-wrapper .ant-pagination .ant-pagination-next .ant-pagination-item-link { border-radius: 8px; border: 1px solid var(--border-color); background: transparent; color: var(--text-color); } .ant-table-wrapper .ant-pagination .ant-pagination-prev .ant-pagination-item-link:hover, .ant-table-wrapper .ant-pagination .ant-pagination-next .ant-pagination-item-link:hover { border-color: var(--primary-color); color: var(--primary-color); } html[data-theme="dark"] .ant-table-wrapper .ant-table { background: transparent !important; } html[data-theme="dark"] .ant-table-wrapper .ant-table thead tr th.ant-table-cell { background: transparent !important; border-bottom-color: rgba(255, 255, 255, 0.08) !important; color: rgba(255, 255, 255, 0.5) !important; } html[data-theme="dark"] .ant-table-wrapper .ant-table tbody tr.ant-table-row td.ant-table-cell { background: transparent !important; border-bottom-color: rgba(255, 255, 255, 0.06) !important; color: rgba(255, 255, 255, 0.85) !important; } html[data-theme="dark"] .ant-table-wrapper .ant-table tbody tr.ant-table-row:hover td.ant-table-cell { background: rgba(255, 255, 255, 0.03) !important; } html[data-theme="dark"] .ant-table-wrapper .ant-table-container::-webkit-scrollbar, html[data-theme="dark"] .ant-table-wrapper .ant-table-body::-webkit-scrollbar { width: 4px !important; height: 4px !important; } html[data-theme="dark"] .ant-table-wrapper .ant-table-container::-webkit-scrollbar-track, html[data-theme="dark"] .ant-table-wrapper .ant-table-body::-webkit-scrollbar-track { background: transparent !important; } html[data-theme="dark"] .ant-table-wrapper .ant-table-container::-webkit-scrollbar-thumb, html[data-theme="dark"] .ant-table-wrapper .ant-table-body::-webkit-scrollbar-thumb { background: rgba(255, 255, 255, 0.1) !important; border-radius: 2px !important; } html[data-theme="dark"] .ant-table-wrapper .ant-table-container::-webkit-scrollbar-thumb:hover, html[data-theme="dark"] .ant-table-wrapper .ant-table-body::-webkit-scrollbar-thumb:hover { background: rgba(255, 255, 255, 0.2) !important; } html[data-theme="dark"] .ant-table .ant-table-container, html[data-theme="dark"] .ant-table .ant-table-body, html[data-theme="dark"] .ant-table .ant-table-content, html[data-theme="dark"] .ant-table .ant-table-scroll, html[data-theme="dark"] .ant-table div[class*="ant-table"], html[data-theme="dark"] .ant-table-wrapper .ant-table-container, html[data-theme="dark"] .ant-table-wrapper .ant-table-body, html[data-theme="dark"] .ant-table-wrapper .ant-table-content, html[data-theme="dark"] .ant-table-wrapper .ant-table-scroll, html[data-theme="dark"] .ant-table-wrapper div[class*="ant-table"], html[data-theme="dark"] .sales-tickets-wrapper .ant-table-container, html[data-theme="dark"] .sales-tickets-wrapper .ant-table-body, html[data-theme="dark"] .sales-tickets-wrapper .ant-table-content, html[data-theme="dark"] .sales-tickets-wrapper .ant-table-scroll, html[data-theme="dark"] .sales-tickets-wrapper div[class*="ant-table"], html[data-theme="dark"] .table-sales-wrapper .ant-table-container, html[data-theme="dark"] .table-sales-wrapper .ant-table-body, html[data-theme="dark"] .table-sales-wrapper .ant-table-content, html[data-theme="dark"] .table-sales-wrapper .ant-table-scroll, html[data-theme="dark"] .table-sales-wrapper div[class*="ant-table"], html[data-theme="dark"] .table-income-wrapper .ant-table-container, html[data-theme="dark"] .table-income-wrapper .ant-table-body, html[data-theme="dark"] .table-income-wrapper .ant-table-content, html[data-theme="dark"] .table-income-wrapper .ant-table-scroll, html[data-theme="dark"] .table-income-wrapper div[class*="ant-table"], html[data-theme="dark"] .table-forms-wrapper .ant-table-container, html[data-theme="dark"] .table-forms-wrapper .ant-table-body, html[data-theme="dark"] .table-forms-wrapper .ant-table-content, html[data-theme="dark"] .table-forms-wrapper .ant-table-scroll, html[data-theme="dark"] .table-forms-wrapper div[class*="ant-table"], html[data-theme="dark"] .table-coupons-wrapper .ant-table-container, html[data-theme="dark"] .table-coupons-wrapper .ant-table-body, html[data-theme="dark"] .table-coupons-wrapper .ant-table-content, html[data-theme="dark"] .table-coupons-wrapper .ant-table-scroll, html[data-theme="dark"] .table-coupons-wrapper div[class*="ant-table"], html[data-theme="dark"] .table-guests-wrapper .ant-table-container, html[data-theme="dark"] .table-guests-wrapper .ant-table-body, html[data-theme="dark"] .table-guests-wrapper .ant-table-content, html[data-theme="dark"] .table-guests-wrapper .ant-table-scroll, html[data-theme="dark"] .table-guests-wrapper div[class*="ant-table"], html[data-theme="dark"] .coupons-wrapper .ant-table-container, html[data-theme="dark"] .coupons-wrapper .ant-table-body, html[data-theme="dark"] .coupons-wrapper .ant-table-content, html[data-theme="dark"] .coupons-wrapper .ant-table-scroll, html[data-theme="dark"] .coupons-wrapper div[class*="ant-table"] { scrollbar-width: thin !important; scrollbar-color: rgba(255, 255, 255, 0.1) transparent !important; } html[data-theme="dark"] .ant-table .ant-table-container::-webkit-scrollbar, html[data-theme="dark"] .ant-table .ant-table-body::-webkit-scrollbar, html[data-theme="dark"] .ant-table .ant-table-content::-webkit-scrollbar, html[data-theme="dark"] .ant-table .ant-table-scroll::-webkit-scrollbar, html[data-theme="dark"] .ant-table div[class*="ant-table"]::-webkit-scrollbar, html[data-theme="dark"] .ant-table-wrapper .ant-table-container::-webkit-scrollbar, html[data-theme="dark"] .ant-table-wrapper .ant-table-body::-webkit-scrollbar, html[data-theme="dark"] .ant-table-wrapper .ant-table-content::-webkit-scrollbar, html[data-theme="dark"] .ant-table-wrapper .ant-table-scroll::-webkit-scrollbar, html[data-theme="dark"] .ant-table-wrapper div[class*="ant-table"]::-webkit-scrollbar, html[data-theme="dark"] .sales-tickets-wrapper .ant-table-container::-webkit-scrollbar, html[data-theme="dark"] .sales-tickets-wrapper .ant-table-body::-webkit-scrollbar, html[data-theme="dark"] .sales-tickets-wrapper .ant-table-content::-webkit-scrollbar, html[data-theme="dark"] .sales-tickets-wrapper .ant-table-scroll::-webkit-scrollbar, html[data-theme="dark"] .sales-tickets-wrapper div[class*="ant-table"]::-webkit-scrollbar, html[data-theme="dark"] .table-sales-wrapper .ant-table-container::-webkit-scrollbar, html[data-theme="dark"] .table-sales-wrapper .ant-table-body::-webkit-scrollbar, html[data-theme="dark"] .table-sales-wrapper .ant-table-content::-webkit-scrollbar, html[data-theme="dark"] .table-sales-wrapper .ant-table-scroll::-webkit-scrollbar, html[data-theme="dark"] .table-sales-wrapper div[class*="ant-table"]::-webkit-scrollbar, html[data-theme="dark"] .table-income-wrapper .ant-table-container::-webkit-scrollbar, html[data-theme="dark"] .table-income-wrapper .ant-table-body::-webkit-scrollbar, html[data-theme="dark"] .table-income-wrapper .ant-table-content::-webkit-scrollbar, html[data-theme="dark"] .table-income-wrapper .ant-table-scroll::-webkit-scrollbar, html[data-theme="dark"] .table-income-wrapper div[class*="ant-table"]::-webkit-scrollbar, html[data-theme="dark"] .table-forms-wrapper .ant-table-container::-webkit-scrollbar, html[data-theme="dark"] .table-forms-wrapper .ant-table-body::-webkit-scrollbar, html[data-theme="dark"] .table-forms-wrapper .ant-table-content::-webkit-scrollbar, html[data-theme="dark"] .table-forms-wrapper .ant-table-scroll::-webkit-scrollbar, html[data-theme="dark"] .table-forms-wrapper div[class*="ant-table"]::-webkit-scrollbar, html[data-theme="dark"] .table-coupons-wrapper .ant-table-container::-webkit-scrollbar, html[data-theme="dark"] .table-coupons-wrapper .ant-table-body::-webkit-scrollbar, html[data-theme="dark"] .table-coupons-wrapper .ant-table-content::-webkit-scrollbar, html[data-theme="dark"] .table-coupons-wrapper .ant-table-scroll::-webkit-scrollbar, html[data-theme="dark"] .table-coupons-wrapper div[class*="ant-table"]::-webkit-scrollbar, html[data-theme="dark"] .table-guests-wrapper .ant-table-container::-webkit-scrollbar, html[data-theme="dark"] .table-guests-wrapper .ant-table-body::-webkit-scrollbar, html[data-theme="dark"] .table-guests-wrapper .ant-table-content::-webkit-scrollbar, html[data-theme="dark"] .table-guests-wrapper .ant-table-scroll::-webkit-scrollbar, html[data-theme="dark"] .table-guests-wrapper div[class*="ant-table"]::-webkit-scrollbar, html[data-theme="dark"] .coupons-wrapper .ant-table-container::-webkit-scrollbar, html[data-theme="dark"] .coupons-wrapper .ant-table-body::-webkit-scrollbar, html[data-theme="dark"] .coupons-wrapper .ant-table-content::-webkit-scrollbar, html[data-theme="dark"] .coupons-wrapper .ant-table-scroll::-webkit-scrollbar, html[data-theme="dark"] .coupons-wrapper div[class*="ant-table"]::-webkit-scrollbar { width: 4px !important; height: 4px !important; -webkit-appearance: none !important; appearance: none !important; } html[data-theme="dark"] .ant-table .ant-table-container::-webkit-scrollbar-track, html[data-theme="dark"] .ant-table .ant-table-container::-webkit-scrollbar-track-piece, html[data-theme="dark"] .ant-table .ant-table-body::-webkit-scrollbar-track, html[data-theme="dark"] .ant-table .ant-table-body::-webkit-scrollbar-track-piece, html[data-theme="dark"] .ant-table .ant-table-content::-webkit-scrollbar-track, html[data-theme="dark"] .ant-table .ant-table-content::-webkit-scrollbar-track-piece, html[data-theme="dark"] .ant-table .ant-table-scroll::-webkit-scrollbar-track, html[data-theme="dark"] .ant-table .ant-table-scroll::-webkit-scrollbar-track-piece, html[data-theme="dark"] .ant-table div[class*="ant-table"]::-webkit-scrollbar-track, html[data-theme="dark"] .ant-table div[class*="ant-table"]::-webkit-scrollbar-track-piece, html[data-theme="dark"] .ant-table-wrapper .ant-table-container::-webkit-scrollbar-track, html[data-theme="dark"] .ant-table-wrapper .ant-table-container::-webkit-scrollbar-track-piece, html[data-theme="dark"] .ant-table-wrapper .ant-table-body::-webkit-scrollbar-track, html[data-theme="dark"] .ant-table-wrapper .ant-table-body::-webkit-scrollbar-track-piece, html[data-theme="dark"] .ant-table-wrapper .ant-table-content::-webkit-scrollbar-track, html[data-theme="dark"] .ant-table-wrapper .ant-table-content::-webkit-scrollbar-track-piece, html[data-theme="dark"] .ant-table-wrapper .ant-table-scroll::-webkit-scrollbar-track, html[data-theme="dark"] .ant-table-wrapper .ant-table-scroll::-webkit-scrollbar-track-piece, html[data-theme="dark"] .ant-table-wrapper div[class*="ant-table"]::-webkit-scrollbar-track, html[data-theme="dark"] .ant-table-wrapper div[class*="ant-table"]::-webkit-scrollbar-track-piece, html[data-theme="dark"] .sales-tickets-wrapper .ant-table-container::-webkit-scrollbar-track, html[data-theme="dark"] .sales-tickets-wrapper .ant-table-container::-webkit-scrollbar-track-piece, html[data-theme="dark"] .sales-tickets-wrapper .ant-table-body::-webkit-scrollbar-track, html[data-theme="dark"] .sales-tickets-wrapper .ant-table-body::-webkit-scrollbar-track-piece, html[data-theme="dark"] .sales-tickets-wrapper .ant-table-content::-webkit-scrollbar-track, html[data-theme="dark"] .sales-tickets-wrapper .ant-table-content::-webkit-scrollbar-track-piece, html[data-theme="dark"] .sales-tickets-wrapper .ant-table-scroll::-webkit-scrollbar-track, html[data-theme="dark"] .sales-tickets-wrapper .ant-table-scroll::-webkit-scrollbar-track-piece, html[data-theme="dark"] .sales-tickets-wrapper div[class*="ant-table"]::-webkit-scrollbar-track, html[data-theme="dark"] .sales-tickets-wrapper div[class*="ant-table"]::-webkit-scrollbar-track-piece, html[data-theme="dark"] .table-sales-wrapper .ant-table-container::-webkit-scrollbar-track, html[data-theme="dark"] .table-sales-wrapper .ant-table-container::-webkit-scrollbar-track-piece, html[data-theme="dark"] .table-sales-wrapper .ant-table-body::-webkit-scrollbar-track, html[data-theme="dark"] .table-sales-wrapper .ant-table-body::-webkit-scrollbar-track-piece, html[data-theme="dark"] .table-sales-wrapper .ant-table-content::-webkit-scrollbar-track, html[data-theme="dark"] .table-sales-wrapper .ant-table-content::-webkit-scrollbar-track-piece, html[data-theme="dark"] .table-sales-wrapper .ant-table-scroll::-webkit-scrollbar-track, html[data-theme="dark"] .table-sales-wrapper .ant-table-scroll::-webkit-scrollbar-track-piece, html[data-theme="dark"] .table-sales-wrapper div[class*="ant-table"]::-webkit-scrollbar-track, html[data-theme="dark"] .table-sales-wrapper div[class*="ant-table"]::-webkit-scrollbar-track-piece, html[data-theme="dark"] .table-income-wrapper .ant-table-container::-webkit-scrollbar-track, html[data-theme="dark"] .table-income-wrapper .ant-table-container::-webkit-scrollbar-track-piece, html[data-theme="dark"] .table-income-wrapper .ant-table-body::-webkit-scrollbar-track, html[data-theme="dark"] .table-income-wrapper .ant-table-body::-webkit-scrollbar-track-piece, html[data-theme="dark"] .table-income-wrapper .ant-table-content::-webkit-scrollbar-track, html[data-theme="dark"] .table-income-wrapper .ant-table-content::-webkit-scrollbar-track-piece, html[data-theme="dark"] .table-income-wrapper .ant-table-scroll::-webkit-scrollbar-track, html[data-theme="dark"] .table-income-wrapper .ant-table-scroll::-webkit-scrollbar-track-piece, html[data-theme="dark"] .table-income-wrapper div[class*="ant-table"]::-webkit-scrollbar-track, html[data-theme="dark"] .table-income-wrapper div[class*="ant-table"]::-webkit-scrollbar-track-piece, html[data-theme="dark"] .table-forms-wrapper .ant-table-container::-webkit-scrollbar-track, html[data-theme="dark"] .table-forms-wrapper .ant-table-container::-webkit-scrollbar-track-piece, html[data-theme="dark"] .table-forms-wrapper .ant-table-body::-webkit-scrollbar-track, html[data-theme="dark"] .table-forms-wrapper .ant-table-body::-webkit-scrollbar-track-piece, html[data-theme="dark"] .table-forms-wrapper .ant-table-content::-webkit-scrollbar-track, html[data-theme="dark"] .table-forms-wrapper .ant-table-content::-webkit-scrollbar-track-piece, html[data-theme="dark"] .table-forms-wrapper .ant-table-scroll::-webkit-scrollbar-track, html[data-theme="dark"] .table-forms-wrapper .ant-table-scroll::-webkit-scrollbar-track-piece, html[data-theme="dark"] .table-forms-wrapper div[class*="ant-table"]::-webkit-scrollbar-track, html[data-theme="dark"] .table-forms-wrapper div[class*="ant-table"]::-webkit-scrollbar-track-piece, html[data-theme="dark"] .table-coupons-wrapper .ant-table-container::-webkit-scrollbar-track, html[data-theme="dark"] .table-coupons-wrapper .ant-table-container::-webkit-scrollbar-track-piece, html[data-theme="dark"] .table-coupons-wrapper .ant-table-body::-webkit-scrollbar-track, html[data-theme="dark"] .table-coupons-wrapper .ant-table-body::-webkit-scrollbar-track-piece, html[data-theme="dark"] .table-coupons-wrapper .ant-table-content::-webkit-scrollbar-track, html[data-theme="dark"] .table-coupons-wrapper .ant-table-content::-webkit-scrollbar-track-piece, html[data-theme="dark"] .table-coupons-wrapper .ant-table-scroll::-webkit-scrollbar-track, html[data-theme="dark"] .table-coupons-wrapper .ant-table-scroll::-webkit-scrollbar-track-piece, html[data-theme="dark"] .table-coupons-wrapper div[class*="ant-table"]::-webkit-scrollbar-track, html[data-theme="dark"] .table-coupons-wrapper div[class*="ant-table"]::-webkit-scrollbar-track-piece, html[data-theme="dark"] .table-guests-wrapper .ant-table-container::-webkit-scrollbar-track, html[data-theme="dark"] .table-guests-wrapper .ant-table-container::-webkit-scrollbar-track-piece, html[data-theme="dark"] .table-guests-wrapper .ant-table-body::-webkit-scrollbar-track, html[data-theme="dark"] .table-guests-wrapper .ant-table-body::-webkit-scrollbar-track-piece, html[data-theme="dark"] .table-guests-wrapper .ant-table-content::-webkit-scrollbar-track, html[data-theme="dark"] .table-guests-wrapper .ant-table-content::-webkit-scrollbar-track-piece, html[data-theme="dark"] .table-guests-wrapper .ant-table-scroll::-webkit-scrollbar-track, html[data-theme="dark"] .table-guests-wrapper .ant-table-scroll::-webkit-scrollbar-track-piece, html[data-theme="dark"] .table-guests-wrapper div[class*="ant-table"]::-webkit-scrollbar-track, html[data-theme="dark"] .table-guests-wrapper div[class*="ant-table"]::-webkit-scrollbar-track-piece, html[data-theme="dark"] .coupons-wrapper .ant-table-container::-webkit-scrollbar-track, html[data-theme="dark"] .coupons-wrapper .ant-table-container::-webkit-scrollbar-track-piece, html[data-theme="dark"] .coupons-wrapper .ant-table-body::-webkit-scrollbar-track, html[data-theme="dark"] .coupons-wrapper .ant-table-body::-webkit-scrollbar-track-piece, html[data-theme="dark"] .coupons-wrapper .ant-table-content::-webkit-scrollbar-track, html[data-theme="dark"] .coupons-wrapper .ant-table-content::-webkit-scrollbar-track-piece, html[data-theme="dark"] .coupons-wrapper .ant-table-scroll::-webkit-scrollbar-track, html[data-theme="dark"] .coupons-wrapper .ant-table-scroll::-webkit-scrollbar-track-piece, html[data-theme="dark"] .coupons-wrapper div[class*="ant-table"]::-webkit-scrollbar-track, html[data-theme="dark"] .coupons-wrapper div[class*="ant-table"]::-webkit-scrollbar-track-piece { background: transparent !important; border-radius: 0 !important; border: none !important; } html[data-theme="dark"] .ant-table .ant-table-container::-webkit-scrollbar-thumb, html[data-theme="dark"] .ant-table .ant-table-body::-webkit-scrollbar-thumb, html[data-theme="dark"] .ant-table .ant-table-content::-webkit-scrollbar-thumb, html[data-theme="dark"] .ant-table .ant-table-scroll::-webkit-scrollbar-thumb, html[data-theme="dark"] .ant-table div[class*="ant-table"]::-webkit-scrollbar-thumb, html[data-theme="dark"] .ant-table-wrapper .ant-table-container::-webkit-scrollbar-thumb, html[data-theme="dark"] .ant-table-wrapper .ant-table-body::-webkit-scrollbar-thumb, html[data-theme="dark"] .ant-table-wrapper .ant-table-content::-webkit-scrollbar-thumb, html[data-theme="dark"] .ant-table-wrapper .ant-table-scroll::-webkit-scrollbar-thumb, html[data-theme="dark"] .ant-table-wrapper div[class*="ant-table"]::-webkit-scrollbar-thumb, html[data-theme="dark"] .sales-tickets-wrapper .ant-table-container::-webkit-scrollbar-thumb, html[data-theme="dark"] .sales-tickets-wrapper .ant-table-body::-webkit-scrollbar-thumb, html[data-theme="dark"] .sales-tickets-wrapper .ant-table-content::-webkit-scrollbar-thumb, html[data-theme="dark"] .sales-tickets-wrapper .ant-table-scroll::-webkit-scrollbar-thumb, html[data-theme="dark"] .sales-tickets-wrapper div[class*="ant-table"]::-webkit-scrollbar-thumb, html[data-theme="dark"] .table-sales-wrapper .ant-table-container::-webkit-scrollbar-thumb, html[data-theme="dark"] .table-sales-wrapper .ant-table-body::-webkit-scrollbar-thumb, html[data-theme="dark"] .table-sales-wrapper .ant-table-content::-webkit-scrollbar-thumb, html[data-theme="dark"] .table-sales-wrapper .ant-table-scroll::-webkit-scrollbar-thumb, html[data-theme="dark"] .table-sales-wrapper div[class*="ant-table"]::-webkit-scrollbar-thumb, html[data-theme="dark"] .table-income-wrapper .ant-table-container::-webkit-scrollbar-thumb, html[data-theme="dark"] .table-income-wrapper .ant-table-body::-webkit-scrollbar-thumb, html[data-theme="dark"] .table-income-wrapper .ant-table-content::-webkit-scrollbar-thumb, html[data-theme="dark"] .table-income-wrapper .ant-table-scroll::-webkit-scrollbar-thumb, html[data-theme="dark"] .table-income-wrapper div[class*="ant-table"]::-webkit-scrollbar-thumb, html[data-theme="dark"] .table-forms-wrapper .ant-table-container::-webkit-scrollbar-thumb, html[data-theme="dark"] .table-forms-wrapper .ant-table-body::-webkit-scrollbar-thumb, html[data-theme="dark"] .table-forms-wrapper .ant-table-content::-webkit-scrollbar-thumb, html[data-theme="dark"] .table-forms-wrapper .ant-table-scroll::-webkit-scrollbar-thumb, html[data-theme="dark"] .table-forms-wrapper div[class*="ant-table"]::-webkit-scrollbar-thumb, html[data-theme="dark"] .table-coupons-wrapper .ant-table-container::-webkit-scrollbar-thumb, html[data-theme="dark"] .table-coupons-wrapper .ant-table-body::-webkit-scrollbar-thumb, html[data-theme="dark"] .table-coupons-wrapper .ant-table-content::-webkit-scrollbar-thumb, html[data-theme="dark"] .table-coupons-wrapper .ant-table-scroll::-webkit-scrollbar-thumb, html[data-theme="dark"] .table-coupons-wrapper div[class*="ant-table"]::-webkit-scrollbar-thumb, html[data-theme="dark"] .table-guests-wrapper .ant-table-container::-webkit-scrollbar-thumb, html[data-theme="dark"] .table-guests-wrapper .ant-table-body::-webkit-scrollbar-thumb, html[data-theme="dark"] .table-guests-wrapper .ant-table-content::-webkit-scrollbar-thumb, html[data-theme="dark"] .table-guests-wrapper .ant-table-scroll::-webkit-scrollbar-thumb, html[data-theme="dark"] .table-guests-wrapper div[class*="ant-table"]::-webkit-scrollbar-thumb, html[data-theme="dark"] .coupons-wrapper .ant-table-container::-webkit-scrollbar-thumb, html[data-theme="dark"] .coupons-wrapper .ant-table-body::-webkit-scrollbar-thumb, html[data-theme="dark"] .coupons-wrapper .ant-table-content::-webkit-scrollbar-thumb, html[data-theme="dark"] .coupons-wrapper .ant-table-scroll::-webkit-scrollbar-thumb, html[data-theme="dark"] .coupons-wrapper div[class*="ant-table"]::-webkit-scrollbar-thumb { background: rgba(255, 255, 255, 0.1) !important; border-radius: 2px !important; border: none !important; box-shadow: none !important; } html[data-theme="dark"] .ant-table .ant-table-container::-webkit-scrollbar-thumb:hover, html[data-theme="dark"] .ant-table .ant-table-body::-webkit-scrollbar-thumb:hover, html[data-theme="dark"] .ant-table .ant-table-content::-webkit-scrollbar-thumb:hover, html[data-theme="dark"] .ant-table .ant-table-scroll::-webkit-scrollbar-thumb:hover, html[data-theme="dark"] .ant-table div[class*="ant-table"]::-webkit-scrollbar-thumb:hover, html[data-theme="dark"] .ant-table-wrapper .ant-table-container::-webkit-scrollbar-thumb:hover, html[data-theme="dark"] .ant-table-wrapper .ant-table-body::-webkit-scrollbar-thumb:hover, html[data-theme="dark"] .ant-table-wrapper .ant-table-content::-webkit-scrollbar-thumb:hover, html[data-theme="dark"] .ant-table-wrapper .ant-table-scroll::-webkit-scrollbar-thumb:hover, html[data-theme="dark"] .ant-table-wrapper div[class*="ant-table"]::-webkit-scrollbar-thumb:hover, html[data-theme="dark"] .sales-tickets-wrapper .ant-table-container::-webkit-scrollbar-thumb:hover, html[data-theme="dark"] .sales-tickets-wrapper .ant-table-body::-webkit-scrollbar-thumb:hover, html[data-theme="dark"] .sales-tickets-wrapper .ant-table-content::-webkit-scrollbar-thumb:hover, html[data-theme="dark"] .sales-tickets-wrapper .ant-table-scroll::-webkit-scrollbar-thumb:hover, html[data-theme="dark"] .sales-tickets-wrapper div[class*="ant-table"]::-webkit-scrollbar-thumb:hover, html[data-theme="dark"] .table-sales-wrapper .ant-table-container::-webkit-scrollbar-thumb:hover, html[data-theme="dark"] .table-sales-wrapper .ant-table-body::-webkit-scrollbar-thumb:hover, html[data-theme="dark"] .table-sales-wrapper .ant-table-content::-webkit-scrollbar-thumb:hover, html[data-theme="dark"] .table-sales-wrapper .ant-table-scroll::-webkit-scrollbar-thumb:hover, html[data-theme="dark"] .table-sales-wrapper div[class*="ant-table"]::-webkit-scrollbar-thumb:hover, html[data-theme="dark"] .table-income-wrapper .ant-table-container::-webkit-scrollbar-thumb:hover, html[data-theme="dark"] .table-income-wrapper .ant-table-body::-webkit-scrollbar-thumb:hover, html[data-theme="dark"] .table-income-wrapper .ant-table-content::-webkit-scrollbar-thumb:hover, html[data-theme="dark"] .table-income-wrapper .ant-table-scroll::-webkit-scrollbar-thumb:hover, html[data-theme="dark"] .table-income-wrapper div[class*="ant-table"]::-webkit-scrollbar-thumb:hover, html[data-theme="dark"] .table-forms-wrapper .ant-table-container::-webkit-scrollbar-thumb:hover, html[data-theme="dark"] .table-forms-wrapper .ant-table-body::-webkit-scrollbar-thumb:hover, html[data-theme="dark"] .table-forms-wrapper .ant-table-content::-webkit-scrollbar-thumb:hover, html[data-theme="dark"] .table-forms-wrapper .ant-table-scroll::-webkit-scrollbar-thumb:hover, html[data-theme="dark"] .table-forms-wrapper div[class*="ant-table"]::-webkit-scrollbar-thumb:hover, html[data-theme="dark"] .table-coupons-wrapper .ant-table-container::-webkit-scrollbar-thumb:hover, html[data-theme="dark"] .table-coupons-wrapper .ant-table-body::-webkit-scrollbar-thumb:hover, html[data-theme="dark"] .table-coupons-wrapper .ant-table-content::-webkit-scrollbar-thumb:hover, html[data-theme="dark"] .table-coupons-wrapper .ant-table-scroll::-webkit-scrollbar-thumb:hover, html[data-theme="dark"] .table-coupons-wrapper div[class*="ant-table"]::-webkit-scrollbar-thumb:hover, html[data-theme="dark"] .table-guests-wrapper .ant-table-container::-webkit-scrollbar-thumb:hover, html[data-theme="dark"] .table-guests-wrapper .ant-table-body::-webkit-scrollbar-thumb:hover, html[data-theme="dark"] .table-guests-wrapper .ant-table-content::-webkit-scrollbar-thumb:hover, html[data-theme="dark"] .table-guests-wrapper .ant-table-scroll::-webkit-scrollbar-thumb:hover, html[data-theme="dark"] .table-guests-wrapper div[class*="ant-table"]::-webkit-scrollbar-thumb:hover, html[data-theme="dark"] .coupons-wrapper .ant-table-container::-webkit-scrollbar-thumb:hover, html[data-theme="dark"] .coupons-wrapper .ant-table-body::-webkit-scrollbar-thumb:hover, html[data-theme="dark"] .coupons-wrapper .ant-table-content::-webkit-scrollbar-thumb:hover, html[data-theme="dark"] .coupons-wrapper .ant-table-scroll::-webkit-scrollbar-thumb:hover, html[data-theme="dark"] .coupons-wrapper div[class*="ant-table"]::-webkit-scrollbar-thumb:hover { background: rgba(255, 255, 255, 0.2) !important; } html[data-theme="dark"] .ant-table .ant-table-container::-webkit-scrollbar-corner, html[data-theme="dark"] .ant-table .ant-table-body::-webkit-scrollbar-corner, html[data-theme="dark"] .ant-table .ant-table-content::-webkit-scrollbar-corner, html[data-theme="dark"] .ant-table .ant-table-scroll::-webkit-scrollbar-corner, html[data-theme="dark"] .ant-table div[class*="ant-table"]::-webkit-scrollbar-corner, html[data-theme="dark"] .ant-table-wrapper .ant-table-container::-webkit-scrollbar-corner, html[data-theme="dark"] .ant-table-wrapper .ant-table-body::-webkit-scrollbar-corner, html[data-theme="dark"] .ant-table-wrapper .ant-table-content::-webkit-scrollbar-corner, html[data-theme="dark"] .ant-table-wrapper .ant-table-scroll::-webkit-scrollbar-corner, html[data-theme="dark"] .ant-table-wrapper div[class*="ant-table"]::-webkit-scrollbar-corner, html[data-theme="dark"] .sales-tickets-wrapper .ant-table-container::-webkit-scrollbar-corner, html[data-theme="dark"] .sales-tickets-wrapper .ant-table-body::-webkit-scrollbar-corner, html[data-theme="dark"] .sales-tickets-wrapper .ant-table-content::-webkit-scrollbar-corner, html[data-theme="dark"] .sales-tickets-wrapper .ant-table-scroll::-webkit-scrollbar-corner, html[data-theme="dark"] .sales-tickets-wrapper div[class*="ant-table"]::-webkit-scrollbar-corner, html[data-theme="dark"] .table-sales-wrapper .ant-table-container::-webkit-scrollbar-corner, html[data-theme="dark"] .table-sales-wrapper .ant-table-body::-webkit-scrollbar-corner, html[data-theme="dark"] .table-sales-wrapper .ant-table-content::-webkit-scrollbar-corner, html[data-theme="dark"] .table-sales-wrapper .ant-table-scroll::-webkit-scrollbar-corner, html[data-theme="dark"] .table-sales-wrapper div[class*="ant-table"]::-webkit-scrollbar-corner, html[data-theme="dark"] .table-income-wrapper .ant-table-container::-webkit-scrollbar-corner, html[data-theme="dark"] .table-income-wrapper .ant-table-body::-webkit-scrollbar-corner, html[data-theme="dark"] .table-income-wrapper .ant-table-content::-webkit-scrollbar-corner, html[data-theme="dark"] .table-income-wrapper .ant-table-scroll::-webkit-scrollbar-corner, html[data-theme="dark"] .table-income-wrapper div[class*="ant-table"]::-webkit-scrollbar-corner, html[data-theme="dark"] .table-forms-wrapper .ant-table-container::-webkit-scrollbar-corner, html[data-theme="dark"] .table-forms-wrapper .ant-table-body::-webkit-scrollbar-corner, html[data-theme="dark"] .table-forms-wrapper .ant-table-content::-webkit-scrollbar-corner, html[data-theme="dark"] .table-forms-wrapper .ant-table-scroll::-webkit-scrollbar-corner, html[data-theme="dark"] .table-forms-wrapper div[class*="ant-table"]::-webkit-scrollbar-corner, html[data-theme="dark"] .table-coupons-wrapper .ant-table-container::-webkit-scrollbar-corner, html[data-theme="dark"] .table-coupons-wrapper .ant-table-body::-webkit-scrollbar-corner, html[data-theme="dark"] .table-coupons-wrapper .ant-table-content::-webkit-scrollbar-corner, html[data-theme="dark"] .table-coupons-wrapper .ant-table-scroll::-webkit-scrollbar-corner, html[data-theme="dark"] .table-coupons-wrapper div[class*="ant-table"]::-webkit-scrollbar-corner, html[data-theme="dark"] .table-guests-wrapper .ant-table-container::-webkit-scrollbar-corner, html[data-theme="dark"] .table-guests-wrapper .ant-table-body::-webkit-scrollbar-corner, html[data-theme="dark"] .table-guests-wrapper .ant-table-content::-webkit-scrollbar-corner, html[data-theme="dark"] .table-guests-wrapper .ant-table-scroll::-webkit-scrollbar-corner, html[data-theme="dark"] .table-guests-wrapper div[class*="ant-table"]::-webkit-scrollbar-corner, html[data-theme="dark"] .coupons-wrapper .ant-table-container::-webkit-scrollbar-corner, html[data-theme="dark"] .coupons-wrapper .ant-table-body::-webkit-scrollbar-corner, html[data-theme="dark"] .coupons-wrapper .ant-table-content::-webkit-scrollbar-corner, html[data-theme="dark"] .coupons-wrapper .ant-table-scroll::-webkit-scrollbar-corner, html[data-theme="dark"] .coupons-wrapper div[class*="ant-table"]::-webkit-scrollbar-corner { background: transparent !important; } html[data-theme="light"] .ant-table .ant-table-container, html[data-theme="light"] .ant-table .ant-table-body, html[data-theme="light"] .ant-table .ant-table-content, html[data-theme="light"] .ant-table .ant-table-scroll, html[data-theme="light"] .ant-table div[class*="ant-table"], html[data-theme="light"] .ant-table-wrapper .ant-table-container, html[data-theme="light"] .ant-table-wrapper .ant-table-body, html[data-theme="light"] .ant-table-wrapper .ant-table-content, html[data-theme="light"] .ant-table-wrapper .ant-table-scroll, html[data-theme="light"] .ant-table-wrapper div[class*="ant-table"], html[data-theme="light"] .sales-tickets-wrapper .ant-table-container, html[data-theme="light"] .sales-tickets-wrapper .ant-table-body, html[data-theme="light"] .sales-tickets-wrapper .ant-table-content, html[data-theme="light"] .sales-tickets-wrapper .ant-table-scroll, html[data-theme="light"] .sales-tickets-wrapper div[class*="ant-table"], html[data-theme="light"] .table-sales-wrapper .ant-table-container, html[data-theme="light"] .table-sales-wrapper .ant-table-body, html[data-theme="light"] .table-sales-wrapper .ant-table-content, html[data-theme="light"] .table-sales-wrapper .ant-table-scroll, html[data-theme="light"] .table-sales-wrapper div[class*="ant-table"], html[data-theme="light"] .table-income-wrapper .ant-table-container, html[data-theme="light"] .table-income-wrapper .ant-table-body, html[data-theme="light"] .table-income-wrapper .ant-table-content, html[data-theme="light"] .table-income-wrapper .ant-table-scroll, html[data-theme="light"] .table-income-wrapper div[class*="ant-table"], html[data-theme="light"] .table-forms-wrapper .ant-table-container, html[data-theme="light"] .table-forms-wrapper .ant-table-body, html[data-theme="light"] .table-forms-wrapper .ant-table-content, html[data-theme="light"] .table-forms-wrapper .ant-table-scroll, html[data-theme="light"] .table-forms-wrapper div[class*="ant-table"], html[data-theme="light"] .table-coupons-wrapper .ant-table-container, html[data-theme="light"] .table-coupons-wrapper .ant-table-body, html[data-theme="light"] .table-coupons-wrapper .ant-table-content, html[data-theme="light"] .table-coupons-wrapper .ant-table-scroll, html[data-theme="light"] .table-coupons-wrapper div[class*="ant-table"], html[data-theme="light"] .table-guests-wrapper .ant-table-container, html[data-theme="light"] .table-guests-wrapper .ant-table-body, html[data-theme="light"] .table-guests-wrapper .ant-table-content, html[data-theme="light"] .table-guests-wrapper .ant-table-scroll, html[data-theme="light"] .table-guests-wrapper div[class*="ant-table"], html[data-theme="light"] .coupons-wrapper .ant-table-container, html[data-theme="light"] .coupons-wrapper .ant-table-body, html[data-theme="light"] .coupons-wrapper .ant-table-content, html[data-theme="light"] .coupons-wrapper .ant-table-scroll, html[data-theme="light"] .coupons-wrapper div[class*="ant-table"] { scrollbar-width: thin !important; scrollbar-color: rgba(0, 0, 0, 0.15) transparent !important; } html[data-theme="light"] .ant-table .ant-table-container::-webkit-scrollbar, html[data-theme="light"] .ant-table .ant-table-body::-webkit-scrollbar, html[data-theme="light"] .ant-table .ant-table-content::-webkit-scrollbar, html[data-theme="light"] .ant-table .ant-table-scroll::-webkit-scrollbar, html[data-theme="light"] .ant-table div[class*="ant-table"]::-webkit-scrollbar, html[data-theme="light"] .ant-table-wrapper .ant-table-container::-webkit-scrollbar, html[data-theme="light"] .ant-table-wrapper .ant-table-body::-webkit-scrollbar, html[data-theme="light"] .ant-table-wrapper .ant-table-content::-webkit-scrollbar, html[data-theme="light"] .ant-table-wrapper .ant-table-scroll::-webkit-scrollbar, html[data-theme="light"] .ant-table-wrapper div[class*="ant-table"]::-webkit-scrollbar, html[data-theme="light"] .sales-tickets-wrapper .ant-table-container::-webkit-scrollbar, html[data-theme="light"] .sales-tickets-wrapper .ant-table-body::-webkit-scrollbar, html[data-theme="light"] .sales-tickets-wrapper .ant-table-content::-webkit-scrollbar, html[data-theme="light"] .sales-tickets-wrapper .ant-table-scroll::-webkit-scrollbar, html[data-theme="light"] .sales-tickets-wrapper div[class*="ant-table"]::-webkit-scrollbar, html[data-theme="light"] .table-sales-wrapper .ant-table-container::-webkit-scrollbar, html[data-theme="light"] .table-sales-wrapper .ant-table-body::-webkit-scrollbar, html[data-theme="light"] .table-sales-wrapper .ant-table-content::-webkit-scrollbar, html[data-theme="light"] .table-sales-wrapper .ant-table-scroll::-webkit-scrollbar, html[data-theme="light"] .table-sales-wrapper div[class*="ant-table"]::-webkit-scrollbar, html[data-theme="light"] .table-income-wrapper .ant-table-container::-webkit-scrollbar, html[data-theme="light"] .table-income-wrapper .ant-table-body::-webkit-scrollbar, html[data-theme="light"] .table-income-wrapper .ant-table-content::-webkit-scrollbar, html[data-theme="light"] .table-income-wrapper .ant-table-scroll::-webkit-scrollbar, html[data-theme="light"] .table-income-wrapper div[class*="ant-table"]::-webkit-scrollbar, html[data-theme="light"] .table-forms-wrapper .ant-table-container::-webkit-scrollbar, html[data-theme="light"] .table-forms-wrapper .ant-table-body::-webkit-scrollbar, html[data-theme="light"] .table-forms-wrapper .ant-table-content::-webkit-scrollbar, html[data-theme="light"] .table-forms-wrapper .ant-table-scroll::-webkit-scrollbar, html[data-theme="light"] .table-forms-wrapper div[class*="ant-table"]::-webkit-scrollbar, html[data-theme="light"] .table-coupons-wrapper .ant-table-container::-webkit-scrollbar, html[data-theme="light"] .table-coupons-wrapper .ant-table-body::-webkit-scrollbar, html[data-theme="light"] .table-coupons-wrapper .ant-table-content::-webkit-scrollbar, html[data-theme="light"] .table-coupons-wrapper .ant-table-scroll::-webkit-scrollbar, html[data-theme="light"] .table-coupons-wrapper div[class*="ant-table"]::-webkit-scrollbar, html[data-theme="light"] .table-guests-wrapper .ant-table-container::-webkit-scrollbar, html[data-theme="light"] .table-guests-wrapper .ant-table-body::-webkit-scrollbar, html[data-theme="light"] .table-guests-wrapper .ant-table-content::-webkit-scrollbar, html[data-theme="light"] .table-guests-wrapper .ant-table-scroll::-webkit-scrollbar, html[data-theme="light"] .table-guests-wrapper div[class*="ant-table"]::-webkit-scrollbar, html[data-theme="light"] .coupons-wrapper .ant-table-container::-webkit-scrollbar, html[data-theme="light"] .coupons-wrapper .ant-table-body::-webkit-scrollbar, html[data-theme="light"] .coupons-wrapper .ant-table-content::-webkit-scrollbar, html[data-theme="light"] .coupons-wrapper .ant-table-scroll::-webkit-scrollbar, html[data-theme="light"] .coupons-wrapper div[class*="ant-table"]::-webkit-scrollbar { width: 4px !important; height: 4px !important; -webkit-appearance: none !important; appearance: none !important; } html[data-theme="light"] .ant-table .ant-table-container::-webkit-scrollbar-track, html[data-theme="light"] .ant-table .ant-table-container::-webkit-scrollbar-track-piece, html[data-theme="light"] .ant-table .ant-table-body::-webkit-scrollbar-track, html[data-theme="light"] .ant-table .ant-table-body::-webkit-scrollbar-track-piece, html[data-theme="light"] .ant-table .ant-table-content::-webkit-scrollbar-track, html[data-theme="light"] .ant-table .ant-table-content::-webkit-scrollbar-track-piece, html[data-theme="light"] .ant-table .ant-table-scroll::-webkit-scrollbar-track, html[data-theme="light"] .ant-table .ant-table-scroll::-webkit-scrollbar-track-piece, html[data-theme="light"] .ant-table div[class*="ant-table"]::-webkit-scrollbar-track, html[data-theme="light"] .ant-table div[class*="ant-table"]::-webkit-scrollbar-track-piece, html[data-theme="light"] .ant-table-wrapper .ant-table-container::-webkit-scrollbar-track, html[data-theme="light"] .ant-table-wrapper .ant-table-container::-webkit-scrollbar-track-piece, html[data-theme="light"] .ant-table-wrapper .ant-table-body::-webkit-scrollbar-track, html[data-theme="light"] .ant-table-wrapper .ant-table-body::-webkit-scrollbar-track-piece, html[data-theme="light"] .ant-table-wrapper .ant-table-content::-webkit-scrollbar-track, html[data-theme="light"] .ant-table-wrapper .ant-table-content::-webkit-scrollbar-track-piece, html[data-theme="light"] .ant-table-wrapper .ant-table-scroll::-webkit-scrollbar-track, html[data-theme="light"] .ant-table-wrapper .ant-table-scroll::-webkit-scrollbar-track-piece, html[data-theme="light"] .ant-table-wrapper div[class*="ant-table"]::-webkit-scrollbar-track, html[data-theme="light"] .ant-table-wrapper div[class*="ant-table"]::-webkit-scrollbar-track-piece, html[data-theme="light"] .sales-tickets-wrapper .ant-table-container::-webkit-scrollbar-track, html[data-theme="light"] .sales-tickets-wrapper .ant-table-container::-webkit-scrollbar-track-piece, html[data-theme="light"] .sales-tickets-wrapper .ant-table-body::-webkit-scrollbar-track, html[data-theme="light"] .sales-tickets-wrapper .ant-table-body::-webkit-scrollbar-track-piece, html[data-theme="light"] .sales-tickets-wrapper .ant-table-content::-webkit-scrollbar-track, html[data-theme="light"] .sales-tickets-wrapper .ant-table-content::-webkit-scrollbar-track-piece, html[data-theme="light"] .sales-tickets-wrapper .ant-table-scroll::-webkit-scrollbar-track, html[data-theme="light"] .sales-tickets-wrapper .ant-table-scroll::-webkit-scrollbar-track-piece, html[data-theme="light"] .sales-tickets-wrapper div[class*="ant-table"]::-webkit-scrollbar-track, html[data-theme="light"] .sales-tickets-wrapper div[class*="ant-table"]::-webkit-scrollbar-track-piece, html[data-theme="light"] .table-sales-wrapper .ant-table-container::-webkit-scrollbar-track, html[data-theme="light"] .table-sales-wrapper .ant-table-container::-webkit-scrollbar-track-piece, html[data-theme="light"] .table-sales-wrapper .ant-table-body::-webkit-scrollbar-track, html[data-theme="light"] .table-sales-wrapper .ant-table-body::-webkit-scrollbar-track-piece, html[data-theme="light"] .table-sales-wrapper .ant-table-content::-webkit-scrollbar-track, html[data-theme="light"] .table-sales-wrapper .ant-table-content::-webkit-scrollbar-track-piece, html[data-theme="light"] .table-sales-wrapper .ant-table-scroll::-webkit-scrollbar-track, html[data-theme="light"] .table-sales-wrapper .ant-table-scroll::-webkit-scrollbar-track-piece, html[data-theme="light"] .table-sales-wrapper div[class*="ant-table"]::-webkit-scrollbar-track, html[data-theme="light"] .table-sales-wrapper div[class*="ant-table"]::-webkit-scrollbar-track-piece, html[data-theme="light"] .table-income-wrapper .ant-table-container::-webkit-scrollbar-track, html[data-theme="light"] .table-income-wrapper .ant-table-container::-webkit-scrollbar-track-piece, html[data-theme="light"] .table-income-wrapper .ant-table-body::-webkit-scrollbar-track, html[data-theme="light"] .table-income-wrapper .ant-table-body::-webkit-scrollbar-track-piece, html[data-theme="light"] .table-income-wrapper .ant-table-content::-webkit-scrollbar-track, html[data-theme="light"] .table-income-wrapper .ant-table-content::-webkit-scrollbar-track-piece, html[data-theme="light"] .table-income-wrapper .ant-table-scroll::-webkit-scrollbar-track, html[data-theme="light"] .table-income-wrapper .ant-table-scroll::-webkit-scrollbar-track-piece, html[data-theme="light"] .table-income-wrapper div[class*="ant-table"]::-webkit-scrollbar-track, html[data-theme="light"] .table-income-wrapper div[class*="ant-table"]::-webkit-scrollbar-track-piece, html[data-theme="light"] .table-forms-wrapper .ant-table-container::-webkit-scrollbar-track, html[data-theme="light"] .table-forms-wrapper .ant-table-container::-webkit-scrollbar-track-piece, html[data-theme="light"] .table-forms-wrapper .ant-table-body::-webkit-scrollbar-track, html[data-theme="light"] .table-forms-wrapper .ant-table-body::-webkit-scrollbar-track-piece, html[data-theme="light"] .table-forms-wrapper .ant-table-content::-webkit-scrollbar-track, html[data-theme="light"] .table-forms-wrapper .ant-table-content::-webkit-scrollbar-track-piece, html[data-theme="light"] .table-forms-wrapper .ant-table-scroll::-webkit-scrollbar-track, html[data-theme="light"] .table-forms-wrapper .ant-table-scroll::-webkit-scrollbar-track-piece, html[data-theme="light"] .table-forms-wrapper div[class*="ant-table"]::-webkit-scrollbar-track, html[data-theme="light"] .table-forms-wrapper div[class*="ant-table"]::-webkit-scrollbar-track-piece, html[data-theme="light"] .table-coupons-wrapper .ant-table-container::-webkit-scrollbar-track, html[data-theme="light"] .table-coupons-wrapper .ant-table-container::-webkit-scrollbar-track-piece, html[data-theme="light"] .table-coupons-wrapper .ant-table-body::-webkit-scrollbar-track, html[data-theme="light"] .table-coupons-wrapper .ant-table-body::-webkit-scrollbar-track-piece, html[data-theme="light"] .table-coupons-wrapper .ant-table-content::-webkit-scrollbar-track, html[data-theme="light"] .table-coupons-wrapper .ant-table-content::-webkit-scrollbar-track-piece, html[data-theme="light"] .table-coupons-wrapper .ant-table-scroll::-webkit-scrollbar-track, html[data-theme="light"] .table-coupons-wrapper .ant-table-scroll::-webkit-scrollbar-track-piece, html[data-theme="light"] .table-coupons-wrapper div[class*="ant-table"]::-webkit-scrollbar-track, html[data-theme="light"] .table-coupons-wrapper div[class*="ant-table"]::-webkit-scrollbar-track-piece, html[data-theme="light"] .table-guests-wrapper .ant-table-container::-webkit-scrollbar-track, html[data-theme="light"] .table-guests-wrapper .ant-table-container::-webkit-scrollbar-track-piece, html[data-theme="light"] .table-guests-wrapper .ant-table-body::-webkit-scrollbar-track, html[data-theme="light"] .table-guests-wrapper .ant-table-body::-webkit-scrollbar-track-piece, html[data-theme="light"] .table-guests-wrapper .ant-table-content::-webkit-scrollbar-track, html[data-theme="light"] .table-guests-wrapper .ant-table-content::-webkit-scrollbar-track-piece, html[data-theme="light"] .table-guests-wrapper .ant-table-scroll::-webkit-scrollbar-track, html[data-theme="light"] .table-guests-wrapper .ant-table-scroll::-webkit-scrollbar-track-piece, html[data-theme="light"] .table-guests-wrapper div[class*="ant-table"]::-webkit-scrollbar-track, html[data-theme="light"] .table-guests-wrapper div[class*="ant-table"]::-webkit-scrollbar-track-piece, html[data-theme="light"] .coupons-wrapper .ant-table-container::-webkit-scrollbar-track, html[data-theme="light"] .coupons-wrapper .ant-table-container::-webkit-scrollbar-track-piece, html[data-theme="light"] .coupons-wrapper .ant-table-body::-webkit-scrollbar-track, html[data-theme="light"] .coupons-wrapper .ant-table-body::-webkit-scrollbar-track-piece, html[data-theme="light"] .coupons-wrapper .ant-table-content::-webkit-scrollbar-track, html[data-theme="light"] .coupons-wrapper .ant-table-content::-webkit-scrollbar-track-piece, html[data-theme="light"] .coupons-wrapper .ant-table-scroll::-webkit-scrollbar-track, html[data-theme="light"] .coupons-wrapper .ant-table-scroll::-webkit-scrollbar-track-piece, html[data-theme="light"] .coupons-wrapper div[class*="ant-table"]::-webkit-scrollbar-track, html[data-theme="light"] .coupons-wrapper div[class*="ant-table"]::-webkit-scrollbar-track-piece { background: transparent !important; border-radius: 0 !important; border: none !important; } html[data-theme="light"] .ant-table .ant-table-container::-webkit-scrollbar-thumb, html[data-theme="light"] .ant-table .ant-table-body::-webkit-scrollbar-thumb, html[data-theme="light"] .ant-table .ant-table-content::-webkit-scrollbar-thumb, html[data-theme="light"] .ant-table .ant-table-scroll::-webkit-scrollbar-thumb, html[data-theme="light"] .ant-table div[class*="ant-table"]::-webkit-scrollbar-thumb, html[data-theme="light"] .ant-table-wrapper .ant-table-container::-webkit-scrollbar-thumb, html[data-theme="light"] .ant-table-wrapper .ant-table-body::-webkit-scrollbar-thumb, html[data-theme="light"] .ant-table-wrapper .ant-table-content::-webkit-scrollbar-thumb, html[data-theme="light"] .ant-table-wrapper .ant-table-scroll::-webkit-scrollbar-thumb, html[data-theme="light"] .ant-table-wrapper div[class*="ant-table"]::-webkit-scrollbar-thumb, html[data-theme="light"] .sales-tickets-wrapper .ant-table-container::-webkit-scrollbar-thumb, html[data-theme="light"] .sales-tickets-wrapper .ant-table-body::-webkit-scrollbar-thumb, html[data-theme="light"] .sales-tickets-wrapper .ant-table-content::-webkit-scrollbar-thumb, html[data-theme="light"] .sales-tickets-wrapper .ant-table-scroll::-webkit-scrollbar-thumb, html[data-theme="light"] .sales-tickets-wrapper div[class*="ant-table"]::-webkit-scrollbar-thumb, html[data-theme="light"] .table-sales-wrapper .ant-table-container::-webkit-scrollbar-thumb, html[data-theme="light"] .table-sales-wrapper .ant-table-body::-webkit-scrollbar-thumb, html[data-theme="light"] .table-sales-wrapper .ant-table-content::-webkit-scrollbar-thumb, html[data-theme="light"] .table-sales-wrapper .ant-table-scroll::-webkit-scrollbar-thumb, html[data-theme="light"] .table-sales-wrapper div[class*="ant-table"]::-webkit-scrollbar-thumb, html[data-theme="light"] .table-income-wrapper .ant-table-container::-webkit-scrollbar-thumb, html[data-theme="light"] .table-income-wrapper .ant-table-body::-webkit-scrollbar-thumb, html[data-theme="light"] .table-income-wrapper .ant-table-content::-webkit-scrollbar-thumb, html[data-theme="light"] .table-income-wrapper .ant-table-scroll::-webkit-scrollbar-thumb, html[data-theme="light"] .table-income-wrapper div[class*="ant-table"]::-webkit-scrollbar-thumb, html[data-theme="light"] .table-forms-wrapper .ant-table-container::-webkit-scrollbar-thumb, html[data-theme="light"] .table-forms-wrapper .ant-table-body::-webkit-scrollbar-thumb, html[data-theme="light"] .table-forms-wrapper .ant-table-content::-webkit-scrollbar-thumb, html[data-theme="light"] .table-forms-wrapper .ant-table-scroll::-webkit-scrollbar-thumb, html[data-theme="light"] .table-forms-wrapper div[class*="ant-table"]::-webkit-scrollbar-thumb, html[data-theme="light"] .table-coupons-wrapper .ant-table-container::-webkit-scrollbar-thumb, html[data-theme="light"] .table-coupons-wrapper .ant-table-body::-webkit-scrollbar-thumb, html[data-theme="light"] .table-coupons-wrapper .ant-table-content::-webkit-scrollbar-thumb, html[data-theme="light"] .table-coupons-wrapper .ant-table-scroll::-webkit-scrollbar-thumb, html[data-theme="light"] .table-coupons-wrapper div[class*="ant-table"]::-webkit-scrollbar-thumb, html[data-theme="light"] .table-guests-wrapper .ant-table-container::-webkit-scrollbar-thumb, html[data-theme="light"] .table-guests-wrapper .ant-table-body::-webkit-scrollbar-thumb, html[data-theme="light"] .table-guests-wrapper .ant-table-content::-webkit-scrollbar-thumb, html[data-theme="light"] .table-guests-wrapper .ant-table-scroll::-webkit-scrollbar-thumb, html[data-theme="light"] .table-guests-wrapper div[class*="ant-table"]::-webkit-scrollbar-thumb, html[data-theme="light"] .coupons-wrapper .ant-table-container::-webkit-scrollbar-thumb, html[data-theme="light"] .coupons-wrapper .ant-table-body::-webkit-scrollbar-thumb, html[data-theme="light"] .coupons-wrapper .ant-table-content::-webkit-scrollbar-thumb, html[data-theme="light"] .coupons-wrapper .ant-table-scroll::-webkit-scrollbar-thumb, html[data-theme="light"] .coupons-wrapper div[class*="ant-table"]::-webkit-scrollbar-thumb { background: rgba(0, 0, 0, 0.15) !important; border-radius: 2px !important; border: none !important; box-shadow: none !important; } html[data-theme="light"] .ant-table .ant-table-container::-webkit-scrollbar-thumb:hover, html[data-theme="light"] .ant-table .ant-table-body::-webkit-scrollbar-thumb:hover, html[data-theme="light"] .ant-table .ant-table-content::-webkit-scrollbar-thumb:hover, html[data-theme="light"] .ant-table .ant-table-scroll::-webkit-scrollbar-thumb:hover, html[data-theme="light"] .ant-table div[class*="ant-table"]::-webkit-scrollbar-thumb:hover, html[data-theme="light"] .ant-table-wrapper .ant-table-container::-webkit-scrollbar-thumb:hover, html[data-theme="light"] .ant-table-wrapper .ant-table-body::-webkit-scrollbar-thumb:hover, html[data-theme="light"] .ant-table-wrapper .ant-table-content::-webkit-scrollbar-thumb:hover, html[data-theme="light"] .ant-table-wrapper .ant-table-scroll::-webkit-scrollbar-thumb:hover, html[data-theme="light"] .ant-table-wrapper div[class*="ant-table"]::-webkit-scrollbar-thumb:hover, html[data-theme="light"] .sales-tickets-wrapper .ant-table-container::-webkit-scrollbar-thumb:hover, html[data-theme="light"] .sales-tickets-wrapper .ant-table-body::-webkit-scrollbar-thumb:hover, html[data-theme="light"] .sales-tickets-wrapper .ant-table-content::-webkit-scrollbar-thumb:hover, html[data-theme="light"] .sales-tickets-wrapper .ant-table-scroll::-webkit-scrollbar-thumb:hover, html[data-theme="light"] .sales-tickets-wrapper div[class*="ant-table"]::-webkit-scrollbar-thumb:hover, html[data-theme="light"] .table-sales-wrapper .ant-table-container::-webkit-scrollbar-thumb:hover, html[data-theme="light"] .table-sales-wrapper .ant-table-body::-webkit-scrollbar-thumb:hover, html[data-theme="light"] .table-sales-wrapper .ant-table-content::-webkit-scrollbar-thumb:hover, html[data-theme="light"] .table-sales-wrapper .ant-table-scroll::-webkit-scrollbar-thumb:hover, html[data-theme="light"] .table-sales-wrapper div[class*="ant-table"]::-webkit-scrollbar-thumb:hover, html[data-theme="light"] .table-income-wrapper .ant-table-container::-webkit-scrollbar-thumb:hover, html[data-theme="light"] .table-income-wrapper .ant-table-body::-webkit-scrollbar-thumb:hover, html[data-theme="light"] .table-income-wrapper .ant-table-content::-webkit-scrollbar-thumb:hover, html[data-theme="light"] .table-income-wrapper .ant-table-scroll::-webkit-scrollbar-thumb:hover, html[data-theme="light"] .table-income-wrapper div[class*="ant-table"]::-webkit-scrollbar-thumb:hover, html[data-theme="light"] .table-forms-wrapper .ant-table-container::-webkit-scrollbar-thumb:hover, html[data-theme="light"] .table-forms-wrapper .ant-table-body::-webkit-scrollbar-thumb:hover, html[data-theme="light"] .table-forms-wrapper .ant-table-content::-webkit-scrollbar-thumb:hover, html[data-theme="light"] .table-forms-wrapper .ant-table-scroll::-webkit-scrollbar-thumb:hover, html[data-theme="light"] .table-forms-wrapper div[class*="ant-table"]::-webkit-scrollbar-thumb:hover, html[data-theme="light"] .table-coupons-wrapper .ant-table-container::-webkit-scrollbar-thumb:hover, html[data-theme="light"] .table-coupons-wrapper .ant-table-body::-webkit-scrollbar-thumb:hover, html[data-theme="light"] .table-coupons-wrapper .ant-table-content::-webkit-scrollbar-thumb:hover, html[data-theme="light"] .table-coupons-wrapper .ant-table-scroll::-webkit-scrollbar-thumb:hover, html[data-theme="light"] .table-coupons-wrapper div[class*="ant-table"]::-webkit-scrollbar-thumb:hover, html[data-theme="light"] .table-guests-wrapper .ant-table-container::-webkit-scrollbar-thumb:hover, html[data-theme="light"] .table-guests-wrapper .ant-table-body::-webkit-scrollbar-thumb:hover, html[data-theme="light"] .table-guests-wrapper .ant-table-content::-webkit-scrollbar-thumb:hover, html[data-theme="light"] .table-guests-wrapper .ant-table-scroll::-webkit-scrollbar-thumb:hover, html[data-theme="light"] .table-guests-wrapper div[class*="ant-table"]::-webkit-scrollbar-thumb:hover, html[data-theme="light"] .coupons-wrapper .ant-table-container::-webkit-scrollbar-thumb:hover, html[data-theme="light"] .coupons-wrapper .ant-table-body::-webkit-scrollbar-thumb:hover, html[data-theme="light"] .coupons-wrapper .ant-table-content::-webkit-scrollbar-thumb:hover, html[data-theme="light"] .coupons-wrapper .ant-table-scroll::-webkit-scrollbar-thumb:hover, html[data-theme="light"] .coupons-wrapper div[class*="ant-table"]::-webkit-scrollbar-thumb:hover { background: rgba(0, 0, 0, 0.25) !important; } html[data-theme="light"] .ant-table .ant-table-container::-webkit-scrollbar-corner, html[data-theme="light"] .ant-table .ant-table-body::-webkit-scrollbar-corner, html[data-theme="light"] .ant-table .ant-table-content::-webkit-scrollbar-corner, html[data-theme="light"] .ant-table .ant-table-scroll::-webkit-scrollbar-corner, html[data-theme="light"] .ant-table div[class*="ant-table"]::-webkit-scrollbar-corner, html[data-theme="light"] .ant-table-wrapper .ant-table-container::-webkit-scrollbar-corner, html[data-theme="light"] .ant-table-wrapper .ant-table-body::-webkit-scrollbar-corner, html[data-theme="light"] .ant-table-wrapper .ant-table-content::-webkit-scrollbar-corner, html[data-theme="light"] .ant-table-wrapper .ant-table-scroll::-webkit-scrollbar-corner, html[data-theme="light"] .ant-table-wrapper div[class*="ant-table"]::-webkit-scrollbar-corner, html[data-theme="light"] .sales-tickets-wrapper .ant-table-container::-webkit-scrollbar-corner, html[data-theme="light"] .sales-tickets-wrapper .ant-table-body::-webkit-scrollbar-corner, html[data-theme="light"] .sales-tickets-wrapper .ant-table-content::-webkit-scrollbar-corner, html[data-theme="light"] .sales-tickets-wrapper .ant-table-scroll::-webkit-scrollbar-corner, html[data-theme="light"] .sales-tickets-wrapper div[class*="ant-table"]::-webkit-scrollbar-corner, html[data-theme="light"] .table-sales-wrapper .ant-table-container::-webkit-scrollbar-corner, html[data-theme="light"] .table-sales-wrapper .ant-table-body::-webkit-scrollbar-corner, html[data-theme="light"] .table-sales-wrapper .ant-table-content::-webkit-scrollbar-corner, html[data-theme="light"] .table-sales-wrapper .ant-table-scroll::-webkit-scrollbar-corner, html[data-theme="light"] .table-sales-wrapper div[class*="ant-table"]::-webkit-scrollbar-corner, html[data-theme="light"] .table-income-wrapper .ant-table-container::-webkit-scrollbar-corner, html[data-theme="light"] .table-income-wrapper .ant-table-body::-webkit-scrollbar-corner, html[data-theme="light"] .table-income-wrapper .ant-table-content::-webkit-scrollbar-corner, html[data-theme="light"] .table-income-wrapper .ant-table-scroll::-webkit-scrollbar-corner, html[data-theme="light"] .table-income-wrapper div[class*="ant-table"]::-webkit-scrollbar-corner, html[data-theme="light"] .table-forms-wrapper .ant-table-container::-webkit-scrollbar-corner, html[data-theme="light"] .table-forms-wrapper .ant-table-body::-webkit-scrollbar-corner, html[data-theme="light"] .table-forms-wrapper .ant-table-content::-webkit-scrollbar-corner, html[data-theme="light"] .table-forms-wrapper .ant-table-scroll::-webkit-scrollbar-corner, html[data-theme="light"] .table-forms-wrapper div[class*="ant-table"]::-webkit-scrollbar-corner, html[data-theme="light"] .table-coupons-wrapper .ant-table-container::-webkit-scrollbar-corner, html[data-theme="light"] .table-coupons-wrapper .ant-table-body::-webkit-scrollbar-corner, html[data-theme="light"] .table-coupons-wrapper .ant-table-content::-webkit-scrollbar-corner, html[data-theme="light"] .table-coupons-wrapper .ant-table-scroll::-webkit-scrollbar-corner, html[data-theme="light"] .table-coupons-wrapper div[class*="ant-table"]::-webkit-scrollbar-corner, html[data-theme="light"] .table-guests-wrapper .ant-table-container::-webkit-scrollbar-corner, html[data-theme="light"] .table-guests-wrapper .ant-table-body::-webkit-scrollbar-corner, html[data-theme="light"] .table-guests-wrapper .ant-table-content::-webkit-scrollbar-corner, html[data-theme="light"] .table-guests-wrapper .ant-table-scroll::-webkit-scrollbar-corner, html[data-theme="light"] .table-guests-wrapper div[class*="ant-table"]::-webkit-scrollbar-corner, html[data-theme="light"] .coupons-wrapper .ant-table-container::-webkit-scrollbar-corner, html[data-theme="light"] .coupons-wrapper .ant-table-body::-webkit-scrollbar-corner, html[data-theme="light"] .coupons-wrapper .ant-table-content::-webkit-scrollbar-corner, html[data-theme="light"] .coupons-wrapper .ant-table-scroll::-webkit-scrollbar-corner, html[data-theme="light"] .coupons-wrapper div[class*="ant-table"]::-webkit-scrollbar-corner { background: transparent !important; } .new-companies-wrap { max-width: 1440px; margin-left: auto; margin-right: auto; padding-inline: 10px; } .new-companies-wrap h1 { font-size: 24px; font-weight: bold; color: #000; } .new-companies-wrap .content-bread-crumb { padding-bottom: 14px; } .new-companies-wrap .content-header { display: flex; justify-content: space-between; padding: 0 15px; width: 100%; } .new-companies-wrap .button-text { font-weight: bold; height: 37px; } .new-companies-wrap .card-company-wrap { max-width: 600px; } .new-companies-wrap .hide-form { display: none; } @media screen and (max-width: 321px) { .new-companies-wrap .content-header { padding: 0 0; } } .search-store-content { padding-top: 0px; padding-bottom: 20px; width: 100%; padding-inline: 10px; } .search-store-content .ant-input-lg { border-radius: 5px 0 0 5px; } .search-store-content .ant-input-search-large .ant-input-search-button { height: 43px; } .branch-office-wrap { max-width: 1440px; margin-left: auto; margin-right: auto; } .branch-office-wrap h1 { font-size: 24px; font-weight: bold; color: #000; } .branch-office-wrap .card-company-wrap { max-width: 600px; } .branch-office-wrap .content-tabs { padding: 0 15px; } .branch-office-wrap .content-bread-crumb { padding: 0 15px 14px; } .branch-office-wrap .cursor-pointer { cursor: pointer; } .branch-office-wrap .content-header { display: flex; justify-content: space-between; padding: 0 15px; width: 100%; } .branch-office-wrap .content-header-row { display: flex; justify-content: space-between; width: 100%; } .branch-office-wrap .branchOffice-button-acction-row { margin-top: 40px; } .branch-office-wrap .button-text { font-weight: bold; height: 37px; } .branch-office-wrap .companies-card-heigth { min-height: 200px; } .branch-office-wrap .companies-card-empty { height: 140px; } .branch-office-wrap .companies-col-padding { padding: 10px; } .branch-office-wrap .companies-button-acction { position: absolute; bottom: 10px; right: 20px; } .branch-office-wrap .companies-fantasy-name { font-size: 20px; color: #000; font-weight: bold; } .branch-office-wrap .companies-text-card { font-size: 14px; color: #969696; } .branch-office-wrap .box-validate { background-color: #73C64C; border-radius: 6px; color: #fff; font-size: 13px; display: inline-flex; align-items: center; justify-content: center; width: auto; height: auto; padding: 6px 12px; margin-top: 10px; } .branch-office-wrap .box-pending { background-color: #EFCC65; border-radius: 6px; color: #fff; font-size: 13px; display: inline-flex; align-items: center; justify-content: center; width: auto; height: auto; padding: 6px 12px; margin-top: 10px; } .branch-office-wrap .box-rejected { background-color: #E15555; border-radius: 6px; color: #fff; font-size: 13px; display: inline-flex; align-items: center; justify-content: center; width: auto; height: auto; padding: 6px 12px; margin-top: 10px; } @media screen and (max-width: 321px) { .branch-office-wrap .content-header { padding: 0 0; } } .new-branch-office-wrap { max-width: 1440px; margin-left: auto; margin-right: auto; padding-inline: 10px; } .new-branch-office-wrap h1 { font-size: 24px; font-weight: bold; color: var(--text-color); } .new-branch-office-wrap .content-bread-crumb { padding-bottom: 14px; } .new-branch-office-wrap .content-bread-crumb .ant-breadcrumb { color: var(--text-color) !important; } .new-branch-office-wrap .content-bread-crumb .ant-breadcrumb ol > li:last-child .ant-breadcrumb-link, .new-branch-office-wrap .content-bread-crumb .ant-breadcrumb ol > li:last-child span { color: #ffffff !important; font-weight: 700 !important; } .new-branch-office-wrap .content-bread-crumb .ant-breadcrumb .ant-breadcrumb-link, .new-branch-office-wrap .content-bread-crumb .ant-breadcrumb a { color: var(--text-secondary-color) !important; transition: color 0.2s; } .new-branch-office-wrap .content-bread-crumb .ant-breadcrumb .ant-breadcrumb-link:hover, .new-branch-office-wrap .content-bread-crumb .ant-breadcrumb a:hover { color: var(--primary-color) !important; } .new-branch-office-wrap .content-bread-crumb .ant-breadcrumb .ant-breadcrumb-separator { color: rgba(156, 163, 175, 0.5) !important; } .new-branch-office-wrap .content-header { display: flex; justify-content: space-between; padding: 0 15px; width: 100%; } .new-branch-office-wrap .button-text { font-weight: bold; height: 37px; } .new-branch-office-wrap .card-branch-office-wrap { max-width: 600px; background-color: var(--surface-color); border: 1px solid var(--border-color); border-radius: 16px; box-shadow: 0 4px 24px rgba(0, 0, 0, 0.08); overflow: hidden; } html[data-theme="dark"] .new-branch-office-wrap .card-branch-office-wrap { background-color: transparent !important; backdrop-filter: none; border: 1px solid rgba(255, 255, 255, 0.1); } .new-branch-office-wrap .card-branch-office-wrap .ant-card-body { padding: 32px; } .new-branch-office-wrap .box-validate { background-color: #73C64C; border-radius: 6px; width: 71px; height: 22px; color: #fff; font-size: 13px; text-align: center; margin-top: 10px; } .new-branch-office-wrap .box-pending { background-color: #EFCC65; border-radius: 6px; width: 71px; height: 22px; color: #fff; font-size: 13px; text-align: center; margin-top: 10px; } .new-branch-office-wrap .box-rejected { background-color: #E15555; border-radius: 6px; width: 71px; height: 22px; color: #fff; font-size: 13px; text-align: center; margin-top: 10px; } .new-branch-office-wrap .hide-form { display: none; } .new-branch-office-wrap .address-hover-select:hover { background-color: var(--hover-color); } .new-branch-office-wrap .address-select-container { box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.2); border-radius: 4px 4px 0 0; background-color: var(--surface-color); } .new-branch-office-wrap .hide-map { display: none; } .new-branch-office-wrap .div-containt-map { border: 1px solid var(--border-color); border-radius: 12px; overflow: hidden; } .new-branch-office-wrap .gap-images-branch-office { gap: 40px; } @media screen and (max-width: 321px) { .new-branch-office-wrap .content-header { padding: 0 0; } } @media screen and (max-width: 500px) { .new-branch-office-wrap .row-date { display: initial; } .new-branch-office-wrap .margin-time-close { margin-left: 0px !important; } } .datetimepicker { display: inline-flex; align-items: center; background-color: var(--surface-color); border: 1px solid var(--border-color); border-radius: 4px; color: var(--text-color); } .datetimepicker:focus-within { border-color: #F57423; } .datetimepicker input { -webkit-appearance: none; font: inherit; color: var(--text-color); appearance: none; outline: none; border: 0; background-color: transparent; } .datetimepicker input[type=date] { width: 10rem; padding: .25rem 0 .25rem .5rem; border-right-width: 0; -webkit-appearance: none; -webkit-appearance: textfield; -moz-appearance: textfield; min-height: 1.2em; color-scheme: light dark; } .datetimepicker input[type=time] { width: 5.5rem; padding: .25rem .5rem .25rem 0; border-left-width: 0; -webkit-appearance: none; color-scheme: light dark; } .datetimepicker span { height: 1rem; margin-right: .25rem; margin-left: .25rem; border-right: 1px solid var(--border-color); -webkit-appearance: none; } html[data-theme="dark"] .rdw-editor-wrapper { border: 1px solid var(--border-color) !important; } html[data-theme="dark"] .rdw-editor-toolbar { background-color: var(--surface-color) !important; border-bottom: 1px solid var(--border-color) !important; } html[data-theme="dark"] .rdw-editor-toolbar .rdw-option-wrapper { background-color: var(--background-color) !important; border: 1px solid var(--border-color) !important; color: var(--text-color) !important; } html[data-theme="dark"] .rdw-editor-toolbar .rdw-option-wrapper:hover { box-shadow: none !important; background-color: var(--hover-color) !important; } html[data-theme="dark"] .rdw-editor-toolbar .rdw-option-wrapper img { filter: invert(1) brightness(2); } html[data-theme="dark"] .rdw-editor-toolbar .rdw-dropdown-wrapper { background-color: var(--background-color) !important; border: 1px solid var(--border-color) !important; color: var(--text-color) !important; } html[data-theme="dark"] .rdw-editor-toolbar .rdw-dropdown-wrapper:hover { box-shadow: none !important; background-color: var(--hover-color) !important; } html[data-theme="dark"] .rdw-editor-toolbar .rdw-dropdown-wrapper .rdw-dropdown-selectedtext { color: var(--text-color) !important; } html[data-theme="dark"] .rdw-editor-toolbar .rdw-dropdown-wrapper .rdw-dropdown-carettoopen { border-top-color: var(--text-color) !important; } html[data-theme="dark"] .rdw-editor-toolbar .rdw-dropdown-wrapper .rdw-dropdown-carettoclose { border-bottom-color: var(--text-color) !important; } html[data-theme="dark"] .rdw-editor-toolbar .rdw-dropdown-optionwrapper { background-color: var(--surface-color) !important; border: 1px solid var(--border-color) !important; color: var(--text-color) !important; } html[data-theme="dark"] .rdw-editor-toolbar .rdw-dropdown-optionwrapper .rdw-dropdownoption-default { background-color: var(--surface-color) !important; color: var(--text-color) !important; } html[data-theme="dark"] .rdw-editor-toolbar .rdw-dropdown-optionwrapper .rdw-dropdownoption-default:hover { background-color: var(--hover-color) !important; } html[data-theme="dark"] .rdw-editor-main { background-color: var(--background-color) !important; color: var(--text-color) !important; border: 1px solid var(--border-color) !important; padding: 0 10px; } html[data-theme="dark"] .new-branch-office-wrap .ant-breadcrumb > span:last-child, html[data-theme="dark"] .new-branch-office-wrap .ant-breadcrumb ol > li:last-child span, html[data-theme="dark"] .new-branch-office-wrap .ant-breadcrumb ol > li:last-child .ant-breadcrumb-link { color: var(--text-color) !important; } html[data-theme="dark"] .new-branch-office-wrap .ant-form-item-label > label { color: var(--text-color) !important; } html[data-theme="dark"] .new-branch-office-wrap .ant-upload { color: var(--text-color) !important; } html[data-theme="dark"] .new-branch-office-wrap .ant-upload p, html[data-theme="dark"] .new-branch-office-wrap .ant-upload span, html[data-theme="dark"] .new-branch-office-wrap .ant-upload div { color: var(--text-color) !important; } html[data-theme="dark"] .new-branch-office-wrap .ant-input, html[data-theme="dark"] .new-branch-office-wrap .ant-input-number, html[data-theme="dark"] .new-branch-office-wrap .ant-picker { background-color: var(--background-color) !important; border-color: var(--border-color) !important; color: var(--text-color) !important; } html[data-theme="dark"] .new-branch-office-wrap .ant-input::placeholder, html[data-theme="dark"] .new-branch-office-wrap .ant-input-number::placeholder, html[data-theme="dark"] .new-branch-office-wrap .ant-picker::placeholder { color: var(--text-secondary-color) !important; } html[data-theme="dark"] .new-branch-office-wrap .ant-input-number-handler-wrap { background-color: var(--border-color) !important; } html[data-theme="dark"] .new-branch-office-wrap .ant-input-number-handler { border-color: var(--border-color) !important; } html[data-theme="dark"] .new-branch-office-wrap .ant-input-number-handler:hover .ant-input-number-handler-up-inner, html[data-theme="dark"] .new-branch-office-wrap .ant-input-number-handler:hover .ant-input-number-handler-down-inner { color: var(--primary-color) !important; } html[data-theme="dark"] .new-branch-office-wrap .ant-select:not(.ant-select-disabled):hover .ant-select-selector { border-color: var(--primary-color) !important; } html[data-theme="dark"] .new-branch-office-wrap .ant-select-selector { background-color: var(--background-color) !important; border-color: var(--border-color) !important; color: var(--text-color) !important; } html[data-theme="dark"] .new-branch-office-wrap .ant-select-arrow { color: var(--text-secondary-color) !important; } html[data-theme="dark"] .new-branch-office-wrap .ant-upload.ant-upload-select-picture-card { background-color: var(--background-color) !important; border-color: var(--border-color) !important; } html[data-theme="dark"] .new-branch-office-wrap .ant-upload.ant-upload-select-picture-card:hover { border-color: var(--primary-color) !important; } html[data-theme="dark"] .new-branch-office-wrap .ant-upload.ant-upload-select-picture-card .anticon { color: var(--text-secondary-color) !important; } html[data-theme="dark"] .new-branch-office-wrap .ant-upload.ant-upload-select-picture-card .ant-upload-text { color: var(--text-secondary-color) !important; } html[data-theme="dark"] .new-branch-office-wrap .ant-upload-list-picture-card-container .ant-upload-list-item { border-color: var(--border-color) !important; } html[data-theme="dark"] .new-branch-office-wrap .ant-upload-list-picture-card-container .ant-upload-list-item-info::before { background-color: rgba(0, 0, 0, 0.5) !important; } html[data-theme="dark"] .new-branch-office-wrap .ant-upload-list-picture-card-container .ant-upload-list-item-actions .anticon { color: white !important; } html[data-theme="dark"] .new-branch-office-wrap .ant-tag { background-color: var(--surface-color) !important; border-color: var(--border-color) !important; color: var(--text-color) !important; } html[data-theme="dark"] .new-branch-office-wrap .ant-tag .anticon-close { color: var(--text-secondary-color) !important; } html[data-theme="dark"] .new-branch-office-wrap .ant-tag .anticon-close:hover { color: var(--text-color) !important; } html[data-theme="dark"] .new-branch-office-wrap .ant-switch { background-color: rgba(255, 255, 255, 0.2); } html[data-theme="dark"] .new-branch-office-wrap .ant-switch.ant-switch-checked { background-color: var(--primary-color); } html[data-theme="dark"] .ant-select-dropdown { background-color: var(--surface-color) !important; border: 1px solid var(--border-color) !important; } html[data-theme="dark"] .ant-select-dropdown .ant-select-item { color: var(--text-color) !important; } html[data-theme="dark"] .ant-select-dropdown .ant-select-item-option-selected { background-color: rgba(255, 98, 0, 0.2) !important; } html[data-theme="dark"] .ant-select-dropdown .ant-select-item-option-active { background-color: rgba(255, 255, 255, 0.05) !important; } html[data-theme="dark"] .ant-picker-dropdown .ant-picker-panel-container { background-color: var(--surface-color) !important; border: 1px solid var(--border-color) !important; } html[data-theme="dark"] .ant-picker-dropdown .ant-picker-header { color: var(--text-color) !important; border-bottom-color: var(--border-color) !important; } html[data-theme="dark"] .ant-picker-dropdown .ant-picker-header button { color: var(--text-secondary-color) !important; } html[data-theme="dark"] .ant-picker-dropdown .ant-picker-header button:hover { color: var(--text-color) !important; } html[data-theme="dark"] .ant-picker-dropdown .ant-picker-content th { color: var(--text-secondary-color) !important; } html[data-theme="dark"] .ant-picker-dropdown .ant-picker-content td { color: var(--text-color) !important; } html[data-theme="dark"] .ant-picker-dropdown .ant-picker-cell { color: var(--text-secondary-color) !important; } html[data-theme="dark"] .ant-picker-dropdown .ant-picker-cell-in-view { color: var(--text-color) !important; } html[data-theme="dark"] .ant-picker-dropdown .ant-picker-cell:hover .ant-picker-cell-inner { background-color: var(--hover-color) !important; } html[data-theme="dark"] .ant-picker-dropdown .ant-picker-cell-selected .ant-picker-cell-inner { background-color: var(--primary-color) !important; } html[data-theme="dark"] .ant-picker-dropdown .new-branch-office-wrap .ant-btn-default { background: transparent !important; border: 1px solid rgba(255, 255, 255, 0.2) !important; color: #FFFFFF !important; } html[data-theme="dark"] .ant-picker-dropdown .new-branch-office-wrap .ant-btn-default:hover:not(:disabled) { border-color: rgba(255, 255, 255, 0.4) !important; background: rgba(255, 255, 255, 0.05) !important; } html[data-theme="dark"] .ant-picker-dropdown .new-branch-office-wrap .ant-btn-primary { background: #000000 !important; border: 1px solid #333333 !important; color: #FFFFFF !important; } html[data-theme="dark"] .ant-picker-dropdown .new-branch-office-wrap .ant-btn-primary:hover:not(:disabled) { background: #1a1a1a !important; border-color: #555555 !important; } html[data-theme="dark"] .new-branch-office-wrap .css-b62m3t-container, html[data-theme="dark"] .new-branch-office-wrap div[class*="react-select"] { color: var(--text-color) !important; } html[data-theme="dark"] .new-branch-office-wrap .css-13cymwt-control, html[data-theme="dark"] .new-branch-office-wrap div[class*="-control"] { background-color: var(--background-color) !important; border-color: var(--border-color) !important; color: var(--text-color) !important; } html[data-theme="dark"] .new-branch-office-wrap .css-13cymwt-control:hover, html[data-theme="dark"] .new-branch-office-wrap div[class*="-control"]:hover { border-color: var(--primary-color) !important; } html[data-theme="dark"] .new-branch-office-wrap .css-1dimb5e-singleValue, html[data-theme="dark"] .new-branch-office-wrap div[class*="-singleValue"] { color: var(--text-color) !important; } html[data-theme="dark"] .new-branch-office-wrap .css-1jqq78o-placeholder, html[data-theme="dark"] .new-branch-office-wrap div[class*="-placeholder"] { color: var(--text-secondary-color) !important; } html[data-theme="dark"] .new-branch-office-wrap .css-1p3m7a8-Input, html[data-theme="dark"] .new-branch-office-wrap div[class*="-Input"] { color: var(--text-color) !important; } html[data-theme="dark"] .new-branch-office-wrap .css-1nmdiq5-menu, html[data-theme="dark"] .new-branch-office-wrap div[class*="-menu"] { background-color: var(--surface-color) !important; border: 1px solid var(--border-color) !important; } html[data-theme="dark"] .new-branch-office-wrap .css-qbdosj-MenuList, html[data-theme="dark"] .new-branch-office-wrap div[class*="-MenuList"] { background-color: var(--surface-color) !important; } html[data-theme="dark"] .new-branch-office-wrap .css-1n6sfyn-MenuList, html[data-theme="dark"] .new-branch-office-wrap div[class*="-option"] { background-color: var(--surface-color) !important; color: var(--text-color) !important; } html[data-theme="dark"] .new-branch-office-wrap .css-1n6sfyn-MenuList:hover, html[data-theme="dark"] .new-branch-office-wrap .css-1n6sfyn-MenuList[class*="--is-focused"], html[data-theme="dark"] .new-branch-office-wrap div[class*="-option"]:hover, html[data-theme="dark"] .new-branch-office-wrap div[class*="-option"][class*="--is-focused"] { background-color: rgba(255, 255, 255, 0.05) !important; } html[data-theme="dark"] .new-branch-office-wrap .css-1n6sfyn-MenuList[class*="--is-selected"], html[data-theme="dark"] .new-branch-office-wrap div[class*="-option"][class*="--is-selected"] { background-color: rgba(255, 98, 0, 0.2) !important; } html[data-theme="dark"] .new-branch-office-wrap .css-1u9des2-indicatorSeparator, html[data-theme="dark"] .new-branch-office-wrap div[class*="-indicatorSeparator"] { background-color: var(--border-color) !important; } html[data-theme="dark"] .new-branch-office-wrap .css-1xc3v61-indicatorContainer, html[data-theme="dark"] .new-branch-office-wrap div[class*="-indicatorContainer"] { color: var(--text-secondary-color) !important; } html[data-theme="dark"] .new-branch-office-wrap .css-1xc3v61-indicatorContainer:hover, html[data-theme="dark"] .new-branch-office-wrap div[class*="-indicatorContainer"]:hover { color: var(--text-color) !important; } .new-branch-office-wrap.producer-edit-page .producer-upload-row .ant-upload-list-picture-card-container, .new-branch-office-wrap.producer-edit-page .producer-upload-row .ant-upload.ant-upload-select-picture-card { width: 160px !important; height: 160px !important; font-weight: 700; letter-spacing: -0.2px; color: var(--text-color) !important; border: 1px dashed var(--border-color) !important; } .new-branch-office-wrap.producer-edit-page .ant-upload { color: var(--text-color) !important; } .ant-picker-cell-disabled { color: rgba(0, 0, 0, 0.25) !important; } .ant-picker-cell-inner { color: rgba(0, 0, 0, 0.65); } .search-product-content { padding-top: 1.25rem; width: 100%; padding: 0; } .search-product-content .ant-input-lg { border-radius: 5px 0 0 5px; } .search-product-content h3 { font-weight: bold; } .menu-products { text-align: end; } @media screen and (max-width: 600px) { .menu-products { text-align: center; margin-bottom: 10px; } } .card-empy-product { text-align: center; font-weight: bold; font-size: 1.5rem; } .ant-modal-footer { display: none; } .ant-collapse { background-color: #fff !important; } .margin-time-close { margin-left: 30px !important; } .ant-modal-title { font-size: 20px !important; font-weight: bold !important; color: var(--text-color) !important; } .margin-days-of-week { margin-top: 20px; } .margin-days-weekend { margin-top: 10px; margin-bottom: 20px; } .sub-title-modal-product { font-size: 15px; font-weight: bold; color: var(--text-color); } .center-image-preview { text-align: center; } .text-modal-product { font-size: 13px !important; color: var(--text-secondary-color) !important; } .div-container-sku { min-height: 600px; } .ant-checkbox-group { margin-bottom: 20px !important; } .ant-checkbox-group-item { height: 30px; } .text-days-of-week { font-size: 15px; font-weight: bold; color: var(--text-color); } .modal-option-product-sub-title { font-size: 15px; font-weight: bold; color: var(--text-color); margin-bottom: 16px; margin-top: 8px; } .modal-option-product-text { font-size: 13px !important; color: var(--text-secondary-color) !important; } .modal-option-product-text .ant-radio-wrapper { margin-bottom: 16px !important; display: flex !important; align-items: center !important; } .modal-option-product-text .ant-input-number { max-width: 120px !important; } @media (max-width: 600px) { .modal-option-product-text .ant-input-number { max-width: 80px !important; } } .modal-option-button-margin { margin-top: 20px; } .div-option-product { border: 1px solid var(--border-color); width: 100%; display: flex; justify-content: space-between; padding: 10px 15px; font-size: 15px; font-weight: bold; color: var(--text-color); margin-top: -1px; } .div-option-product-title { border: 1px solid var(--border-color); width: 100%; display: flex; justify-content: space-between; padding: 10px 15px; font-size: 15px; color: var(--text-secondary-color); margin-top: -1px; } .desc-option-product { font-weight: 400; color: var(--text-secondary-color); } .row-option-modal { align-items: center; } .row-option-modal div { margin-left: 15px; } .antd-img-crop-modal .ant-modal-footer { display: block; } .margin-bottom-title-image { margin-bottom: 10px; } .my-shop-wrap { max-width: 1440px; margin-left: auto; margin-right: auto; } .my-shop-wrap .title-container { display: flex; align-items: center; gap: 12px; } .my-shop-wrap .title-container h1 { margin: 0; font-size: 24px; font-weight: bold; color: #000; } .my-shop-wrap .refresh-button { padding: 4px 8px; height: auto; display: flex; align-items: center; justify-content: center; border-radius: 50%; transition: all 0.3s; color: #f57423; } .my-shop-wrap .refresh-button .refresh-icon { font-size: 18px; } .my-shop-wrap .hover-effect:hover { background-color: rgba(0, 0, 0, 0.04); transform: scale(1.05); } .my-shop-wrap .btn-modo-cocina { font-size: 16px; font-weight: bold; color: #fff; background-color: #fa541c; border: none; border-radius: 6px; padding: 10px 20px; cursor: pointer; transition: background-color 0.3s ease; } .my-shop-wrap .btn-modo-cocina:hover { background-color: #d4380d; } .my-shop-wrap .btn-modo-cocina:focus { outline: none; box-shadow: 0 0 0 3px rgba(250, 84, 28, 0.3); } .my-shop-wrap .btn-modo-cocina:disabled { background-color: #969696; cursor: not-allowed; } .my-shop-wrap .header-row { display: flex; justify-content: space-between; align-items: center; margin-bottom: 16px; padding: 16px; background-color: #f8f9fa; border-radius: 8px; } .my-shop-wrap .row-title-edit { gap: 20px; } .my-shop-wrap .row-title-tables { gap: 20px; } @media screen and (max-width: 500px) { .my-shop-wrap .row-title-tables { gap: 0; } } .my-shop-wrap .content-header { display: flex; justify-content: space-between; padding: 0 15px; width: 100%; } .my-shop-wrap .content-header-collaps { display: flex; justify-content: space-between; padding: 0; width: 100%; } .my-shop-wrap .content-header-preview { display: flex; justify-content: space-between; width: 100%; } .my-shop-wrap .btn-preview { font-size: 15px; font-weight: bold; color: #000; } .my-shop-wrap .box-validate { background-color: #73C64C; border-radius: 6px; width: 71px; height: 22px; color: #fff; font-size: 13px; text-align: center; margin-top: 10px; } .my-shop-wrap .box-pending { background-color: #EFCC65; border-radius: 6px; width: 71px; height: 22px; color: #fff; font-size: 13px; text-align: center; margin-top: 10px; } .my-shop-wrap .box-rejected { background-color: #E15555; border-radius: 6px; width: 71px; height: 22px; color: #fff; font-size: 13px; text-align: center; margin-top: 10px; } .my-shop-wrap .content-bread-crumb { padding: 0 15px; margin-bottom: 20px; } .my-shop-wrap .content-tabs { padding: 0 15px; } .my-shop-wrap .button-text { font-weight: bold; height: 37px; } .my-shop-wrap .cursor-pointer { cursor: pointer; } .my-shop-wrap .hide-form { display: none; } .my-shop-wrap .padding-right-cards-holidays { padding-right: 10px; } .my-shop-wrap .padding-left-cards-closings { padding-left: 10px; } .my-shop-wrap .container-holidays-closings { margin-top: 20px; } .my-shop-wrap .holidays-closings-text-card { font-size: 14px; color: #969696; } .my-shop-wrap .holidays-closings-title-card { font-size: 14px; color: #000; font-weight: bold; } .my-shop-wrap .holidays-closings-switch { margin-top: 10px; } .my-shop-wrap .btn-closeings-add { float: right; } .my-shop-wrap .container-list-holidays .ant-divider-horizontal { margin: 0px 0px 5px 0px !important; } .my-shop-wrap .container-product-options { padding-left: 20px; } .my-shop-wrap .container-product-options .row-product-options { align-items: center; margin-top: 5px; } .my-shop-wrap .container-product-options .text-bold { font-size: 15px; font-weight: bold; color: #000; } .my-shop-wrap .container-product-options .btn-product-option { font-size: 13px; font-weight: bold; color: #000; margin-left: 15px; } .my-shop-wrap .container-product-options .div-container-options { margin-top: 15px; } .my-shop-wrap .container-product-options .row-header-product { gap: 20px; } .my-shop-wrap .container-product-options .div-description { margin-top: 4px; } .my-shop-wrap .container-product-options .text-description { font-size: 13px; color: #969696; } .my-shop-wrap .container-product-options .img-product { width: 131px; height: 120px; object-fit: cover; } .my-shop-wrap .container-product-options .product-label-description { font-size: 8px; color: #969696; } .my-shop-wrap .container-option-collapsed { border: 1px solid #DBDBDB; width: 100%; padding: 10px 15px; font-size: 15px; font-weight: bold; color: #000; margin-top: -1px; } .my-shop-wrap .container-option-collapsed .description-option { font-size: 13px; font-weight: 300; color: #585757; margin-right: 10px; } .my-shop-wrap .product-collapse .div-container { display: flex; align-items: baseline; } .my-shop-wrap .product-collapse .description-option { font-size: 13px; font-weight: 300; color: #585757; margin-right: 10px; } .my-shop-wrap .product-collapse .header-active { background-color: #E9FFB5; border-radius: 4px; color: #69891D; width: 56px; text-align: center; margin-right: 10px; font-weight: bold; font-size: 15px; } .my-shop-wrap .product-collapse .header-inactive { background-color: #FFC3B5; border-radius: 4px; color: #891D1D; width: 72px; text-align: center; margin-right: 10px; font-weight: bold; font-size: 15px; } .my-shop-wrap .product-collapse .header-edit { font-size: 15px; } .my-shop-wrap .product-collapse .ant-collapse-header { font-size: 15px; font-weight: bold; color: #000; } .my-shop-wrap .product-collapse .margin-collapsed-product { margin-bottom: 15px; } .my-shop-wrap .product-collapse .margin-switch-header { margin-right: 15px; } .my-shop-wrap .companies-card-empty { height: 140px; } .my-shop-wrap .companies-col-padding { padding: 10px; } .my-shop-wrap .companies-button-acction { position: absolute; bottom: 10px; right: 20px; } .my-shop-wrap .companies-fantasy-name { font-size: 20px; color: #000; font-weight: bold; } .my-shop-wrap .companies-text-card { font-size: 14px; color: #969696; } @media screen and (max-width: 321px) { .my-shop-wrap .content-header { padding: 0 0; } } .modal-order-products .button-text { font-weight: bold; height: 37px; } .modal-order-products .container-button { margin-top: 20px; } .modal-order-products .container-option-collapsed { border: 1px solid #DBDBDB; width: 100%; display: flex; justify-content: space-between; padding: 10px 15px; font-size: 15px; font-weight: bold; color: #000; margin-top: -1px; transition: none !important; } .modal-import-products .button-text { font-weight: bold; height: 37px; border-radius: 6px; } .modal-import-products .container-button { margin-top: 20px; } .modal-import-products .container-option-collapsed { border: 1px solid #DBDBDB; width: 100%; display: flex; justify-content: space-between; padding: 10px 15px; font-size: 15px; font-weight: bold; color: #000; margin-top: -1px; transition: none !important; } .modal-import-products .container-clean { margin-top: 1rem; font-size: 16px; font-weight: bold; } .modal-import-products .container-clean button { margin-top: 10px; } .divider-text { font-size: 16px !important; } @media screen and (max-width: 500px) { .divider-text { font-size: 12px !important; font-weight: 600 !important; } } .row-products { justify-content: flex-end; } @media screen and (max-width: 768px) { .row-products { justify-content: flex-start; } } .custom-modal-kitchen .modal-content { text-align: center; padding: 20px; } .custom-modal-kitchen .modal-icon { font-size: 48px; color: #fa541c; margin-bottom: 16px; } .custom-modal-kitchen .modal-title { font-size: 22px; font-weight: bold; margin-bottom: 8px; color: #000; } .custom-modal-kitchen .modal-text { font-size: 16px; color: #585757; margin-bottom: 24px; line-height: 1.5; } .custom-modal-kitchen .modal-buttons { display: flex; justify-content: center; gap: 16px; } .custom-modal-kitchen .btn-cancel, .custom-modal-kitchen .btn-confirm { font-size: 16px; font-weight: bold; color: #fff; background-color: #fa541c; border: none; border-radius: 6px; padding: 12px 24px; display: inline-flex; align-items: center; justify-content: center; line-height: 1.2; cursor: pointer; text-align: center; transition: background-color 0.3s ease; } .custom-modal-kitchen .btn-cancel { background-color: #DBDBDB; color: #000; } .custom-modal-kitchen .btn-cancel:hover { background-color: #585757; } .custom-modal-kitchen .btn-confirm { background-color: #fa541c; color: #fff; } .custom-modal-kitchen .btn-confirm:hover { background-color: #d4380d; } .custom-modal-table .modal-content { text-align: center; } .custom-modal-table .modal-icon { font-size: 48px; color: #fa541c; margin-bottom: 16px; } .custom-modal-table .modal-title { font-size: 22px; font-weight: bold; margin-bottom: 8px; color: #000; } .custom-modal-table .modal-text { font-size: 16px; color: #585757; margin-bottom: 24px; line-height: 1.5; } .custom-modal-table .modal-buttons { display: flex; justify-content: center; gap: 16px; } .custom-modal-table .btn-cancel, .custom-modal-table .btn-confirm { font-size: 16px; font-weight: bold; color: #fff; background-color: #fa541c; border: none; border-radius: 6px; padding: 12px 24px; display: inline-flex; align-items: center; justify-content: center; line-height: 1.2; cursor: pointer; text-align: center; transition: background-color 0.3s ease; } .custom-modal-table .btn-cancel { background-color: #DBDBDB; color: #000; } .custom-modal-table .btn-cancel:hover { background-color: #585757; } .custom-modal-table .btn-confirm { background-color: #fa541c; color: #fff; } .custom-modal-table .btn-confirm:hover { background-color: #d4380d; } .tables-reorder-mode { background: var(--background-color); border: 1.5px dashed #f57423; border-radius: 8px; padding: 16px; margin-bottom: 24px; box-shadow: 0 2px 8px rgba(245, 116, 35, 0.08); } .table-row-draggable { display: flex; align-items: center; background: var(--card-background); border: 1px solid var(--border-color); margin-bottom: 6px; padding: 14px 10px; border-radius: 6px; transition: box-shadow 0.2s, background 0.2s; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.03); color: var(--text-color); } .table-row-draggable span { color: var(--text-color); } .table-row-draggable:hover { background: var(--hover-background); } .table-row-dragging { background: rgba(245, 116, 35, 0.15) !important; box-shadow: 0 4px 16px rgba(245, 116, 35, 0.25) !important; cursor: grabbing !important; border-color: #f57423 !important; } .drag-handle { font-size: 1.5rem; color: #f57423; margin-right: 18px; cursor: grab; user-select: none; } .reorder-btn { background: rgba(245, 116, 35, 0.1); color: #f57423; border: 1px solid #f57423; border-radius: 6px; font-weight: 600; margin-left: 8px; } .reorder-btn:hover { background: #f57423; color: #fff; } .save-order-btn { background: #4caf50; color: #fff; border: none; border-radius: 6px; font-weight: 600; margin-right: 8px; } .save-order-btn:hover { background: #388e3c; } .cancel-order-btn { background: #f5f5f5; color: #888; border: none; border-radius: 6px; font-weight: 600; } .cancel-order-btn:hover { background: #e0e0e0; } .users-wrapper .theme-surface, .stock-wrapper .theme-surface, .contacts-wrapper .theme-surface, .download-wrapper .theme-surface, .products-wrapper .theme-surface, .option-group-wrapper .theme-surface, .schedule-wrapper .theme-surface, .tables-wrapper .theme-surface, .print-points-wrapper .theme-surface, .sectors-wrapper .theme-surface, .notifications-wrapper .theme-surface, .sass-wrapper .theme-surface, .integrations-wrapper .theme-surface, .holidays-closings-wrapper .theme-surface { background-color: var(--surface-color) !important; border-color: var(--border-color) !important; color: var(--text-color) !important; } .users-wrapper .theme-text, .stock-wrapper .theme-text, .contacts-wrapper .theme-text, .download-wrapper .theme-text, .products-wrapper .theme-text, .option-group-wrapper .theme-text, .schedule-wrapper .theme-text, .tables-wrapper .theme-text, .print-points-wrapper .theme-text, .sectors-wrapper .theme-text, .notifications-wrapper .theme-text, .sass-wrapper .theme-text, .integrations-wrapper .theme-text, .holidays-closings-wrapper .theme-text { color: var(--text-color) !important; } .users-wrapper .theme-text-secondary, .stock-wrapper .theme-text-secondary, .contacts-wrapper .theme-text-secondary, .download-wrapper .theme-text-secondary, .products-wrapper .theme-text-secondary, .option-group-wrapper .theme-text-secondary, .schedule-wrapper .theme-text-secondary, .tables-wrapper .theme-text-secondary, .print-points-wrapper .theme-text-secondary, .sectors-wrapper .theme-text-secondary, .notifications-wrapper .theme-text-secondary, .sass-wrapper .theme-text-secondary, .integrations-wrapper .theme-text-secondary, .holidays-closings-wrapper .theme-text-secondary { color: var(--text-secondary-color) !important; } .table-users-wrapper .ant-table-wrapper .ant-table, .table-stock-wrapper .ant-table-wrapper .ant-table, .table-contacts-wrapper .ant-table-wrapper .ant-table, .table-download-wrapper .ant-table-wrapper .ant-table, .table-schedule-wrapper .ant-table-wrapper .ant-table, .table-print-points-wrapper .ant-table-wrapper .ant-table, .table-integrations-wrapper .ant-table-wrapper .ant-table, .table-tables-wrapper .ant-table-wrapper .ant-table, .table-sectors-wrapper .ant-table-wrapper .ant-table, .table-sectors-manage-wrapper .ant-table-wrapper .ant-table, .table-sales-report-wrapper .ant-table-wrapper .ant-table, .table-product-report-wrapper .ant-table-wrapper .ant-table, .table-orders-wrapper .ant-table-wrapper .ant-table, .table-orders-tables-payments-wrapper .ant-table-wrapper .ant-table, .table-followers-wrapper .ant-table-wrapper .ant-table, .table-events-users-wrapper .ant-table-wrapper .ant-table, .table-blacklist-wrapper .ant-table-wrapper .ant-table, .table-table-form-wrapper .ant-table-wrapper .ant-table { background-color: var(--surface-color) !important; color: var(--text-color) !important; } .table-users-wrapper .ant-table-wrapper .ant-table .ant-table-container, .table-stock-wrapper .ant-table-wrapper .ant-table .ant-table-container, .table-contacts-wrapper .ant-table-wrapper .ant-table .ant-table-container, .table-download-wrapper .ant-table-wrapper .ant-table .ant-table-container, .table-schedule-wrapper .ant-table-wrapper .ant-table .ant-table-container, .table-print-points-wrapper .ant-table-wrapper .ant-table .ant-table-container, .table-integrations-wrapper .ant-table-wrapper .ant-table .ant-table-container, .table-tables-wrapper .ant-table-wrapper .ant-table .ant-table-container, .table-sectors-wrapper .ant-table-wrapper .ant-table .ant-table-container, .table-sectors-manage-wrapper .ant-table-wrapper .ant-table .ant-table-container, .table-sales-report-wrapper .ant-table-wrapper .ant-table .ant-table-container, .table-product-report-wrapper .ant-table-wrapper .ant-table .ant-table-container, .table-orders-wrapper .ant-table-wrapper .ant-table .ant-table-container, .table-orders-tables-payments-wrapper .ant-table-wrapper .ant-table .ant-table-container, .table-followers-wrapper .ant-table-wrapper .ant-table .ant-table-container, .table-events-users-wrapper .ant-table-wrapper .ant-table .ant-table-container, .table-blacklist-wrapper .ant-table-wrapper .ant-table .ant-table-container, .table-table-form-wrapper .ant-table-wrapper .ant-table .ant-table-container { background-color: var(--surface-color) !important; border-color: var(--border-color) !important; } .table-users-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content, .table-stock-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content, .table-contacts-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content, .table-download-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content, .table-schedule-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content, .table-print-points-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content, .table-integrations-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content, .table-tables-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content, .table-sectors-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content, .table-sectors-manage-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content, .table-sales-report-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content, .table-product-report-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content, .table-orders-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content, .table-orders-tables-payments-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content, .table-followers-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content, .table-events-users-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content, .table-blacklist-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content, .table-table-form-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content { background-color: var(--surface-color) !important; } .table-users-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table, .table-stock-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table, .table-contacts-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table, .table-download-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table, .table-schedule-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table, .table-print-points-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table, .table-integrations-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table, .table-tables-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table, .table-sectors-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table, .table-sectors-manage-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table, .table-sales-report-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table, .table-product-report-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table, .table-orders-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table, .table-orders-tables-payments-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table, .table-followers-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table, .table-events-users-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table, .table-blacklist-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table, .table-table-form-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table { background-color: var(--surface-color) !important; } .table-users-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > thead.ant-table-thead > tr > th, .table-stock-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > thead.ant-table-thead > tr > th, .table-contacts-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > thead.ant-table-thead > tr > th, .table-download-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > thead.ant-table-thead > tr > th, .table-schedule-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > thead.ant-table-thead > tr > th, .table-print-points-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > thead.ant-table-thead > tr > th, .table-integrations-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > thead.ant-table-thead > tr > th, .table-tables-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > thead.ant-table-thead > tr > th, .table-sectors-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > thead.ant-table-thead > tr > th, .table-sectors-manage-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > thead.ant-table-thead > tr > th, .table-sales-report-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > thead.ant-table-thead > tr > th, .table-product-report-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > thead.ant-table-thead > tr > th, .table-orders-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > thead.ant-table-thead > tr > th, .table-orders-tables-payments-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > thead.ant-table-thead > tr > th, .table-followers-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > thead.ant-table-thead > tr > th, .table-events-users-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > thead.ant-table-thead > tr > th, .table-blacklist-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > thead.ant-table-thead > tr > th, .table-table-form-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > thead.ant-table-thead > tr > th { background-color: var(--surface-color) !important; color: var(--text-color) !important; border-bottom: 1px solid var(--border-color) !important; font-weight: 600 !important; } .table-users-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > thead.ant-table-thead > tr > th::before, .table-stock-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > thead.ant-table-thead > tr > th::before, .table-contacts-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > thead.ant-table-thead > tr > th::before, .table-download-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > thead.ant-table-thead > tr > th::before, .table-schedule-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > thead.ant-table-thead > tr > th::before, .table-print-points-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > thead.ant-table-thead > tr > th::before, .table-integrations-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > thead.ant-table-thead > tr > th::before, .table-tables-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > thead.ant-table-thead > tr > th::before, .table-sectors-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > thead.ant-table-thead > tr > th::before, .table-sectors-manage-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > thead.ant-table-thead > tr > th::before, .table-sales-report-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > thead.ant-table-thead > tr > th::before, .table-product-report-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > thead.ant-table-thead > tr > th::before, .table-orders-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > thead.ant-table-thead > tr > th::before, .table-orders-tables-payments-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > thead.ant-table-thead > tr > th::before, .table-followers-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > thead.ant-table-thead > tr > th::before, .table-events-users-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > thead.ant-table-thead > tr > th::before, .table-blacklist-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > thead.ant-table-thead > tr > th::before, .table-table-form-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > thead.ant-table-thead > tr > th::before { background-color: transparent !important; } .table-users-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody, .table-stock-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody, .table-contacts-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody, .table-download-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody, .table-schedule-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody, .table-print-points-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody, .table-integrations-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody, .table-tables-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody, .table-sectors-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody, .table-sectors-manage-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody, .table-sales-report-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody, .table-product-report-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody, .table-orders-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody, .table-orders-tables-payments-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody, .table-followers-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody, .table-events-users-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody, .table-blacklist-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody, .table-table-form-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody { background-color: var(--surface-color) !important; } .table-users-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody > tr, .table-stock-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody > tr, .table-contacts-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody > tr, .table-download-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody > tr, .table-schedule-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody > tr, .table-print-points-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody > tr, .table-integrations-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody > tr, .table-tables-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody > tr, .table-sectors-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody > tr, .table-sectors-manage-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody > tr, .table-sales-report-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody > tr, .table-product-report-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody > tr, .table-orders-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody > tr, .table-orders-tables-payments-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody > tr, .table-followers-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody > tr, .table-events-users-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody > tr, .table-blacklist-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody > tr, .table-table-form-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody > tr { background-color: var(--surface-color) !important; } .table-users-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody > tr > td, .table-stock-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody > tr > td, .table-contacts-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody > tr > td, .table-download-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody > tr > td, .table-schedule-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody > tr > td, .table-print-points-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody > tr > td, .table-integrations-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody > tr > td, .table-tables-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody > tr > td, .table-sectors-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody > tr > td, .table-sectors-manage-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody > tr > td, .table-sales-report-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody > tr > td, .table-product-report-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody > tr > td, .table-orders-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody > tr > td, .table-orders-tables-payments-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody > tr > td, .table-followers-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody > tr > td, .table-events-users-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody > tr > td, .table-blacklist-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody > tr > td, .table-table-form-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody > tr > td { background-color: var(--surface-color) !important; color: var(--text-color) !important; border-bottom: 1px solid var(--border-color) !important; } .table-users-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody > tr:hover > td, .table-stock-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody > tr:hover > td, .table-contacts-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody > tr:hover > td, .table-download-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody > tr:hover > td, .table-schedule-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody > tr:hover > td, .table-print-points-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody > tr:hover > td, .table-integrations-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody > tr:hover > td, .table-tables-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody > tr:hover > td, .table-sectors-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody > tr:hover > td, .table-sectors-manage-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody > tr:hover > td, .table-sales-report-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody > tr:hover > td, .table-product-report-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody > tr:hover > td, .table-orders-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody > tr:hover > td, .table-orders-tables-payments-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody > tr:hover > td, .table-followers-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody > tr:hover > td, .table-events-users-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody > tr:hover > td, .table-blacklist-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody > tr:hover > td, .table-table-form-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody > tr:hover > td { background-color: var(--hover-color, rgba(245, 116, 35, 0.08)) !important; } .table-users-wrapper .ant-table-wrapper .ant-table .ant-table-footer, .table-stock-wrapper .ant-table-wrapper .ant-table .ant-table-footer, .table-contacts-wrapper .ant-table-wrapper .ant-table .ant-table-footer, .table-download-wrapper .ant-table-wrapper .ant-table .ant-table-footer, .table-schedule-wrapper .ant-table-wrapper .ant-table .ant-table-footer, .table-print-points-wrapper .ant-table-wrapper .ant-table .ant-table-footer, .table-integrations-wrapper .ant-table-wrapper .ant-table .ant-table-footer, .table-tables-wrapper .ant-table-wrapper .ant-table .ant-table-footer, .table-sectors-wrapper .ant-table-wrapper .ant-table .ant-table-footer, .table-sectors-manage-wrapper .ant-table-wrapper .ant-table .ant-table-footer, .table-sales-report-wrapper .ant-table-wrapper .ant-table .ant-table-footer, .table-product-report-wrapper .ant-table-wrapper .ant-table .ant-table-footer, .table-orders-wrapper .ant-table-wrapper .ant-table .ant-table-footer, .table-orders-tables-payments-wrapper .ant-table-wrapper .ant-table .ant-table-footer, .table-followers-wrapper .ant-table-wrapper .ant-table .ant-table-footer, .table-events-users-wrapper .ant-table-wrapper .ant-table .ant-table-footer, .table-blacklist-wrapper .ant-table-wrapper .ant-table .ant-table-footer, .table-table-form-wrapper .ant-table-wrapper .ant-table .ant-table-footer { background-color: var(--surface-color) !important; color: var(--text-color) !important; border-top: 1px solid var(--border-color) !important; } .product-collapse.theme-surface { background: var(--surface-color) !important; } .product-collapse.theme-surface .ant-collapse-item { background: var(--surface-color) !important; border-color: var(--border-color) !important; } .product-collapse.theme-surface .ant-collapse-item .ant-collapse-header { background: var(--surface-color) !important; color: var(--text-color) !important; } .product-collapse.theme-surface .ant-collapse-item .ant-collapse-header:hover { background: var(--hover-color, rgba(245, 116, 35, 0.08)) !important; } .product-collapse.theme-surface .ant-collapse-item .ant-collapse-content { background: var(--surface-color) !important; border-top-color: var(--border-color) !important; } .product-collapse.theme-surface .ant-collapse-item .ant-collapse-content .ant-collapse-content-box { background: var(--surface-color) !important; color: var(--text-color) !important; } [data-theme="dark"] .users-wrapper .theme-surface, [data-theme="dark"] .stock-wrapper .theme-surface, [data-theme="dark"] .contacts-wrapper .theme-surface, [data-theme="dark"] .download-wrapper .theme-surface, [data-theme="dark"] .products-wrapper .theme-surface, [data-theme="dark"] .option-group-wrapper .theme-surface, [data-theme="dark"] .schedule-wrapper .theme-surface, [data-theme="dark"] .tables-wrapper .theme-surface, [data-theme="dark"] .print-points-wrapper .theme-surface, [data-theme="dark"] .sectors-wrapper .theme-surface, [data-theme="dark"] .notifications-wrapper .theme-surface, [data-theme="dark"] .sass-wrapper .theme-surface, [data-theme="dark"] .integrations-wrapper .theme-surface, [data-theme="dark"] .holidays-closings-wrapper .theme-surface { background: transparent !important; border-color: rgba(255, 255, 255, 0.08) !important; } [data-theme="dark"] .products-wrapper .product-collapse .ant-collapse-content-box { color: #fff !important; } [data-theme="dark"] .products-wrapper .text-bold, [data-theme="dark"] .products-wrapper .text-description, [data-theme="dark"] .products-wrapper .product-label-description { color: #fff !important; } [data-theme="dark"] .table-stock-wrapper .ant-table, [data-theme="dark"] .table-download-wrapper .ant-table, [data-theme="dark"] .table-schedule-wrapper .ant-table, [data-theme="dark"] .table-integrations-wrapper .ant-table, [data-theme="dark"] .table-users-wrapper .ant-table, [data-theme="dark"] .table-orders-wrapper .ant-table, [data-theme="dark"] .table-tables-wrapper .ant-table, [data-theme="dark"] .table-sectors-wrapper .ant-table, [data-theme="dark"] .table-sectors-manage-wrapper .ant-table, [data-theme="dark"] .table-print-points-wrapper .ant-table, [data-theme="dark"] .table-contacts-wrapper .ant-table { background: transparent !important; color: #fff !important; } [data-theme="dark"] .table-stock-wrapper .ant-table-thead > tr > th, [data-theme="dark"] .table-download-wrapper .ant-table-thead > tr > th, [data-theme="dark"] .table-schedule-wrapper .ant-table-thead > tr > th, [data-theme="dark"] .table-integrations-wrapper .ant-table-thead > tr > th, [data-theme="dark"] .table-users-wrapper .ant-table-thead > tr > th, [data-theme="dark"] .table-orders-wrapper .ant-table-thead > tr > th, [data-theme="dark"] .table-tables-wrapper .ant-table-thead > tr > th, [data-theme="dark"] .table-sectors-wrapper .ant-table-thead > tr > th, [data-theme="dark"] .table-sectors-manage-wrapper .ant-table-thead > tr > th, [data-theme="dark"] .table-print-points-wrapper .ant-table-thead > tr > th, [data-theme="dark"] .table-contacts-wrapper .ant-table-thead > tr > th { background: rgba(255, 255, 255, 0.04) !important; color: rgba(255, 255, 255, 0.75) !important; border-bottom: 1px solid rgba(255, 255, 255, 0.08); } [data-theme="dark"] .table-stock-wrapper .ant-table-tbody > tr > td, [data-theme="dark"] .table-download-wrapper .ant-table-tbody > tr > td, [data-theme="dark"] .table-schedule-wrapper .ant-table-tbody > tr > td, [data-theme="dark"] .table-integrations-wrapper .ant-table-tbody > tr > td, [data-theme="dark"] .table-users-wrapper .ant-table-tbody > tr > td, [data-theme="dark"] .table-orders-wrapper .ant-table-tbody > tr > td, [data-theme="dark"] .table-tables-wrapper .ant-table-tbody > tr > td, [data-theme="dark"] .table-sectors-wrapper .ant-table-tbody > tr > td, [data-theme="dark"] .table-sectors-manage-wrapper .ant-table-tbody > tr > td, [data-theme="dark"] .table-print-points-wrapper .ant-table-tbody > tr > td, [data-theme="dark"] .table-contacts-wrapper .ant-table-tbody > tr > td { background: transparent !important; color: #fff !important; border-bottom: 1px solid rgba(255, 255, 255, 0.05); } [data-theme="dark"] .table-stock-wrapper .ant-table-tbody > tr:hover > td, [data-theme="dark"] .table-download-wrapper .ant-table-tbody > tr:hover > td, [data-theme="dark"] .table-schedule-wrapper .ant-table-tbody > tr:hover > td, [data-theme="dark"] .table-integrations-wrapper .ant-table-tbody > tr:hover > td, [data-theme="dark"] .table-users-wrapper .ant-table-tbody > tr:hover > td, [data-theme="dark"] .table-orders-wrapper .ant-table-tbody > tr:hover > td, [data-theme="dark"] .table-tables-wrapper .ant-table-tbody > tr:hover > td, [data-theme="dark"] .table-sectors-wrapper .ant-table-tbody > tr:hover > td, [data-theme="dark"] .table-sectors-manage-wrapper .ant-table-tbody > tr:hover > td, [data-theme="dark"] .table-print-points-wrapper .ant-table-tbody > tr:hover > td, [data-theme="dark"] .table-contacts-wrapper .ant-table-tbody > tr:hover > td { background: rgba(255, 255, 255, 0.03) !important; } [data-theme="dark"] .table-stock-wrapper .theme-text, [data-theme="dark"] .table-download-wrapper .theme-text, [data-theme="dark"] .table-schedule-wrapper .theme-text, [data-theme="dark"] .table-integrations-wrapper .theme-text, [data-theme="dark"] .table-users-wrapper .theme-text, [data-theme="dark"] .table-orders-wrapper .theme-text, [data-theme="dark"] .table-tables-wrapper .theme-text, [data-theme="dark"] .table-sectors-wrapper .theme-text, [data-theme="dark"] .table-sectors-manage-wrapper .theme-text, [data-theme="dark"] .table-print-points-wrapper .theme-text, [data-theme="dark"] .table-contacts-wrapper .theme-text { color: #FFFFFF !important; } [data-theme="dark"] .table-stock-wrapper .theme-text-secondary, [data-theme="dark"] .table-download-wrapper .theme-text-secondary, [data-theme="dark"] .table-schedule-wrapper .theme-text-secondary, [data-theme="dark"] .table-integrations-wrapper .theme-text-secondary, [data-theme="dark"] .table-users-wrapper .theme-text-secondary, [data-theme="dark"] .table-orders-wrapper .theme-text-secondary, [data-theme="dark"] .table-tables-wrapper .theme-text-secondary, [data-theme="dark"] .table-sectors-wrapper .theme-text-secondary, [data-theme="dark"] .table-sectors-manage-wrapper .theme-text-secondary, [data-theme="dark"] .table-print-points-wrapper .theme-text-secondary, [data-theme="dark"] .table-contacts-wrapper .theme-text-secondary { color: #CCCCCC !important; } [data-theme="dark"] .table-users-wrapper .ant-table-wrapper .ant-table, [data-theme="dark"] .table-stock-wrapper .ant-table-wrapper .ant-table, [data-theme="dark"] .table-contacts-wrapper .ant-table-wrapper .ant-table, [data-theme="dark"] .table-download-wrapper .ant-table-wrapper .ant-table, [data-theme="dark"] .table-schedule-wrapper .ant-table-wrapper .ant-table, [data-theme="dark"] .table-print-points-wrapper .ant-table-wrapper .ant-table, [data-theme="dark"] .table-integrations-wrapper .ant-table-wrapper .ant-table, [data-theme="dark"] .table-tables-wrapper .ant-table-wrapper .ant-table, [data-theme="dark"] .table-sectors-wrapper .ant-table-wrapper .ant-table, [data-theme="dark"] .table-sectors-manage-wrapper .ant-table-wrapper .ant-table, [data-theme="dark"] .table-sales-report-wrapper .ant-table-wrapper .ant-table, [data-theme="dark"] .table-product-report-wrapper .ant-table-wrapper .ant-table, [data-theme="dark"] .table-orders-wrapper .ant-table-wrapper .ant-table, [data-theme="dark"] .table-orders-tables-payments-wrapper .ant-table-wrapper .ant-table { background: transparent !important; } [data-theme="dark"] .table-users-wrapper .ant-table-wrapper .ant-table .ant-table-container, [data-theme="dark"] .table-stock-wrapper .ant-table-wrapper .ant-table .ant-table-container, [data-theme="dark"] .table-contacts-wrapper .ant-table-wrapper .ant-table .ant-table-container, [data-theme="dark"] .table-download-wrapper .ant-table-wrapper .ant-table .ant-table-container, [data-theme="dark"] .table-schedule-wrapper .ant-table-wrapper .ant-table .ant-table-container, [data-theme="dark"] .table-print-points-wrapper .ant-table-wrapper .ant-table .ant-table-container, [data-theme="dark"] .table-integrations-wrapper .ant-table-wrapper .ant-table .ant-table-container, [data-theme="dark"] .table-tables-wrapper .ant-table-wrapper .ant-table .ant-table-container, [data-theme="dark"] .table-sectors-wrapper .ant-table-wrapper .ant-table .ant-table-container, [data-theme="dark"] .table-sectors-manage-wrapper .ant-table-wrapper .ant-table .ant-table-container, [data-theme="dark"] .table-sales-report-wrapper .ant-table-wrapper .ant-table .ant-table-container, [data-theme="dark"] .table-product-report-wrapper .ant-table-wrapper .ant-table .ant-table-container, [data-theme="dark"] .table-orders-wrapper .ant-table-wrapper .ant-table .ant-table-container, [data-theme="dark"] .table-orders-tables-payments-wrapper .ant-table-wrapper .ant-table .ant-table-container { background: transparent !important; } [data-theme="dark"] .table-users-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content, [data-theme="dark"] .table-stock-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content, [data-theme="dark"] .table-contacts-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content, [data-theme="dark"] .table-download-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content, [data-theme="dark"] .table-schedule-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content, [data-theme="dark"] .table-print-points-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content, [data-theme="dark"] .table-integrations-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content, [data-theme="dark"] .table-tables-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content, [data-theme="dark"] .table-sectors-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content, [data-theme="dark"] .table-sectors-manage-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content, [data-theme="dark"] .table-sales-report-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content, [data-theme="dark"] .table-product-report-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content, [data-theme="dark"] .table-orders-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content, [data-theme="dark"] .table-orders-tables-payments-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content { background: transparent !important; } [data-theme="dark"] .table-users-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table, [data-theme="dark"] .table-stock-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table, [data-theme="dark"] .table-contacts-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table, [data-theme="dark"] .table-download-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table, [data-theme="dark"] .table-schedule-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table, [data-theme="dark"] .table-print-points-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table, [data-theme="dark"] .table-integrations-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table, [data-theme="dark"] .table-tables-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table, [data-theme="dark"] .table-sectors-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table, [data-theme="dark"] .table-sectors-manage-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table, [data-theme="dark"] .table-sales-report-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table, [data-theme="dark"] .table-product-report-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table, [data-theme="dark"] .table-orders-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table, [data-theme="dark"] .table-orders-tables-payments-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table { background: transparent !important; } [data-theme="dark"] .table-users-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > thead.ant-table-thead > tr > th, [data-theme="dark"] .table-stock-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > thead.ant-table-thead > tr > th, [data-theme="dark"] .table-contacts-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > thead.ant-table-thead > tr > th, [data-theme="dark"] .table-download-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > thead.ant-table-thead > tr > th, [data-theme="dark"] .table-schedule-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > thead.ant-table-thead > tr > th, [data-theme="dark"] .table-print-points-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > thead.ant-table-thead > tr > th, [data-theme="dark"] .table-integrations-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > thead.ant-table-thead > tr > th, [data-theme="dark"] .table-tables-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > thead.ant-table-thead > tr > th, [data-theme="dark"] .table-sectors-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > thead.ant-table-thead > tr > th, [data-theme="dark"] .table-sectors-manage-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > thead.ant-table-thead > tr > th, [data-theme="dark"] .table-sales-report-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > thead.ant-table-thead > tr > th, [data-theme="dark"] .table-product-report-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > thead.ant-table-thead > tr > th, [data-theme="dark"] .table-orders-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > thead.ant-table-thead > tr > th, [data-theme="dark"] .table-orders-tables-payments-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > thead.ant-table-thead > tr > th { background: rgba(255, 255, 255, 0.04) !important; color: #FFFFFF !important; border-bottom-color: rgba(255, 255, 255, 0.08) !important; } [data-theme="dark"] .table-users-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody, [data-theme="dark"] .table-stock-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody, [data-theme="dark"] .table-contacts-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody, [data-theme="dark"] .table-download-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody, [data-theme="dark"] .table-schedule-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody, [data-theme="dark"] .table-print-points-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody, [data-theme="dark"] .table-integrations-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody, [data-theme="dark"] .table-tables-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody, [data-theme="dark"] .table-sectors-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody, [data-theme="dark"] .table-sectors-manage-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody, [data-theme="dark"] .table-sales-report-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody, [data-theme="dark"] .table-product-report-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody, [data-theme="dark"] .table-orders-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody, [data-theme="dark"] .table-orders-tables-payments-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody { background: transparent !important; } [data-theme="dark"] .table-users-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody > tr, [data-theme="dark"] .table-stock-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody > tr, [data-theme="dark"] .table-contacts-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody > tr, [data-theme="dark"] .table-download-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody > tr, [data-theme="dark"] .table-schedule-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody > tr, [data-theme="dark"] .table-print-points-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody > tr, [data-theme="dark"] .table-integrations-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody > tr, [data-theme="dark"] .table-tables-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody > tr, [data-theme="dark"] .table-sectors-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody > tr, [data-theme="dark"] .table-sectors-manage-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody > tr, [data-theme="dark"] .table-sales-report-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody > tr, [data-theme="dark"] .table-product-report-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody > tr, [data-theme="dark"] .table-orders-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody > tr, [data-theme="dark"] .table-orders-tables-payments-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody > tr { background: transparent !important; } [data-theme="dark"] .table-users-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody > tr > td, [data-theme="dark"] .table-stock-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody > tr > td, [data-theme="dark"] .table-contacts-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody > tr > td, [data-theme="dark"] .table-download-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody > tr > td, [data-theme="dark"] .table-schedule-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody > tr > td, [data-theme="dark"] .table-print-points-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody > tr > td, [data-theme="dark"] .table-integrations-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody > tr > td, [data-theme="dark"] .table-tables-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody > tr > td, [data-theme="dark"] .table-sectors-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody > tr > td, [data-theme="dark"] .table-sectors-manage-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody > tr > td, [data-theme="dark"] .table-sales-report-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody > tr > td, [data-theme="dark"] .table-product-report-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody > tr > td, [data-theme="dark"] .table-orders-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody > tr > td, [data-theme="dark"] .table-orders-tables-payments-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody > tr > td { background: transparent !important; color: #FFFFFF !important; border-bottom-color: rgba(255, 255, 255, 0.05) !important; } [data-theme="dark"] .table-users-wrapper .ant-table-wrapper .ant-table .ant-table-footer, [data-theme="dark"] .table-stock-wrapper .ant-table-wrapper .ant-table .ant-table-footer, [data-theme="dark"] .table-contacts-wrapper .ant-table-wrapper .ant-table .ant-table-footer, [data-theme="dark"] .table-download-wrapper .ant-table-wrapper .ant-table .ant-table-footer, [data-theme="dark"] .table-schedule-wrapper .ant-table-wrapper .ant-table .ant-table-footer, [data-theme="dark"] .table-print-points-wrapper .ant-table-wrapper .ant-table .ant-table-footer, [data-theme="dark"] .table-integrations-wrapper .ant-table-wrapper .ant-table .ant-table-footer, [data-theme="dark"] .table-tables-wrapper .ant-table-wrapper .ant-table .ant-table-footer, [data-theme="dark"] .table-sectors-wrapper .ant-table-wrapper .ant-table .ant-table-footer, [data-theme="dark"] .table-sectors-manage-wrapper .ant-table-wrapper .ant-table .ant-table-footer, [data-theme="dark"] .table-sales-report-wrapper .ant-table-wrapper .ant-table .ant-table-footer, [data-theme="dark"] .table-product-report-wrapper .ant-table-wrapper .ant-table .ant-table-footer, [data-theme="dark"] .table-orders-wrapper .ant-table-wrapper .ant-table .ant-table-footer, [data-theme="dark"] .table-orders-tables-payments-wrapper .ant-table-wrapper .ant-table .ant-table-footer { background: transparent !important; color: #FFFFFF !important; border-top-color: #1A1A1A !important; } [data-theme="dark"] .product-collapse.theme-surface { background: #1A1A1A !important; } [data-theme="dark"] .product-collapse.theme-surface .ant-collapse-item { background: #1A1A1A !important; border-color: #2A2A2A !important; } [data-theme="dark"] .product-collapse.theme-surface .ant-collapse-item .ant-collapse-header { background: #1A1A1A !important; color: #FFFFFF !important; } [data-theme="dark"] .product-collapse.theme-surface .ant-collapse-item .ant-collapse-header:hover { background: rgba(245, 116, 35, 0.12) !important; } [data-theme="dark"] .product-collapse.theme-surface .ant-collapse-item .ant-collapse-content { background: #1A1A1A !important; border-top-color: #2A2A2A !important; } [data-theme="dark"] .product-collapse.theme-surface .ant-collapse-item .ant-collapse-content .ant-collapse-content-box { background: #1A1A1A !important; color: #FFFFFF !important; } [data-theme="light"] .users-wrapper .theme-surface, [data-theme="light"] .stock-wrapper .theme-surface, [data-theme="light"] .contacts-wrapper .theme-surface, [data-theme="light"] .download-wrapper .theme-surface, [data-theme="light"] .products-wrapper .theme-surface, [data-theme="light"] .option-group-wrapper .theme-surface, [data-theme="light"] .schedule-wrapper .theme-surface, [data-theme="light"] .tables-wrapper .theme-surface, [data-theme="light"] .print-points-wrapper .theme-surface, [data-theme="light"] .sectors-wrapper .theme-surface, [data-theme="light"] .notifications-wrapper .theme-surface, [data-theme="light"] .sass-wrapper .theme-surface, [data-theme="light"] .integrations-wrapper .theme-surface, [data-theme="light"] .holidays-closings-wrapper .theme-surface { background: #FFFFFF !important; border-color: #E0E0E0 !important; } [data-theme="light"] .users-wrapper .theme-text, [data-theme="light"] .stock-wrapper .theme-text, [data-theme="light"] .contacts-wrapper .theme-text, [data-theme="light"] .download-wrapper .theme-text, [data-theme="light"] .products-wrapper .theme-text, [data-theme="light"] .option-group-wrapper .theme-text, [data-theme="light"] .schedule-wrapper .theme-text, [data-theme="light"] .tables-wrapper .theme-text, [data-theme="light"] .print-points-wrapper .theme-text, [data-theme="light"] .sectors-wrapper .theme-text, [data-theme="light"] .notifications-wrapper .theme-text, [data-theme="light"] .sass-wrapper .theme-text, [data-theme="light"] .integrations-wrapper .theme-text, [data-theme="light"] .holidays-closings-wrapper .theme-text { color: #333333 !important; } [data-theme="light"] .users-wrapper .theme-text-secondary, [data-theme="light"] .stock-wrapper .theme-text-secondary, [data-theme="light"] .contacts-wrapper .theme-text-secondary, [data-theme="light"] .download-wrapper .theme-text-secondary, [data-theme="light"] .products-wrapper .theme-text-secondary, [data-theme="light"] .option-group-wrapper .theme-text-secondary, [data-theme="light"] .schedule-wrapper .theme-text-secondary, [data-theme="light"] .tables-wrapper .theme-text-secondary, [data-theme="light"] .print-points-wrapper .theme-text-secondary, [data-theme="light"] .sectors-wrapper .theme-text-secondary, [data-theme="light"] .notifications-wrapper .theme-text-secondary, [data-theme="light"] .sass-wrapper .theme-text-secondary, [data-theme="light"] .integrations-wrapper .theme-text-secondary, [data-theme="light"] .holidays-closings-wrapper .theme-text-secondary { color: #666666 !important; } [data-theme="light"] .table-users-wrapper .ant-table-wrapper .ant-table, [data-theme="light"] .table-stock-wrapper .ant-table-wrapper .ant-table, [data-theme="light"] .table-contacts-wrapper .ant-table-wrapper .ant-table, [data-theme="light"] .table-download-wrapper .ant-table-wrapper .ant-table, [data-theme="light"] .table-schedule-wrapper .ant-table-wrapper .ant-table, [data-theme="light"] .table-print-points-wrapper .ant-table-wrapper .ant-table, [data-theme="light"] .table-integrations-wrapper .ant-table-wrapper .ant-table, [data-theme="light"] .table-tables-wrapper .ant-table-wrapper .ant-table, [data-theme="light"] .table-sectors-wrapper .ant-table-wrapper .ant-table, [data-theme="light"] .table-sectors-manage-wrapper .ant-table-wrapper .ant-table, [data-theme="light"] .table-sales-report-wrapper .ant-table-wrapper .ant-table, [data-theme="light"] .table-product-report-wrapper .ant-table-wrapper .ant-table, [data-theme="light"] .table-orders-wrapper .ant-table-wrapper .ant-table, [data-theme="light"] .table-orders-tables-payments-wrapper .ant-table-wrapper .ant-table { background: #FFFFFF !important; } [data-theme="light"] .table-users-wrapper .ant-table-wrapper .ant-table .ant-table-container, [data-theme="light"] .table-stock-wrapper .ant-table-wrapper .ant-table .ant-table-container, [data-theme="light"] .table-contacts-wrapper .ant-table-wrapper .ant-table .ant-table-container, [data-theme="light"] .table-download-wrapper .ant-table-wrapper .ant-table .ant-table-container, [data-theme="light"] .table-schedule-wrapper .ant-table-wrapper .ant-table .ant-table-container, [data-theme="light"] .table-print-points-wrapper .ant-table-wrapper .ant-table .ant-table-container, [data-theme="light"] .table-integrations-wrapper .ant-table-wrapper .ant-table .ant-table-container, [data-theme="light"] .table-tables-wrapper .ant-table-wrapper .ant-table .ant-table-container, [data-theme="light"] .table-sectors-wrapper .ant-table-wrapper .ant-table .ant-table-container, [data-theme="light"] .table-sectors-manage-wrapper .ant-table-wrapper .ant-table .ant-table-container, [data-theme="light"] .table-sales-report-wrapper .ant-table-wrapper .ant-table .ant-table-container, [data-theme="light"] .table-product-report-wrapper .ant-table-wrapper .ant-table .ant-table-container, [data-theme="light"] .table-orders-wrapper .ant-table-wrapper .ant-table .ant-table-container, [data-theme="light"] .table-orders-tables-payments-wrapper .ant-table-wrapper .ant-table .ant-table-container { background: #FFFFFF !important; } [data-theme="light"] .table-users-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content, [data-theme="light"] .table-stock-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content, [data-theme="light"] .table-contacts-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content, [data-theme="light"] .table-download-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content, [data-theme="light"] .table-schedule-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content, [data-theme="light"] .table-print-points-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content, [data-theme="light"] .table-integrations-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content, [data-theme="light"] .table-tables-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content, [data-theme="light"] .table-sectors-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content, [data-theme="light"] .table-sectors-manage-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content, [data-theme="light"] .table-sales-report-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content, [data-theme="light"] .table-product-report-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content, [data-theme="light"] .table-orders-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content, [data-theme="light"] .table-orders-tables-payments-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content { background: #FFFFFF !important; } [data-theme="light"] .table-users-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table, [data-theme="light"] .table-stock-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table, [data-theme="light"] .table-contacts-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table, [data-theme="light"] .table-download-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table, [data-theme="light"] .table-schedule-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table, [data-theme="light"] .table-print-points-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table, [data-theme="light"] .table-integrations-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table, [data-theme="light"] .table-tables-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table, [data-theme="light"] .table-sectors-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table, [data-theme="light"] .table-sectors-manage-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table, [data-theme="light"] .table-sales-report-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table, [data-theme="light"] .table-product-report-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table, [data-theme="light"] .table-orders-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table, [data-theme="light"] .table-orders-tables-payments-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table { background: #FFFFFF !important; } [data-theme="light"] .table-users-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > thead.ant-table-thead > tr > th, [data-theme="light"] .table-stock-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > thead.ant-table-thead > tr > th, [data-theme="light"] .table-contacts-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > thead.ant-table-thead > tr > th, [data-theme="light"] .table-download-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > thead.ant-table-thead > tr > th, [data-theme="light"] .table-schedule-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > thead.ant-table-thead > tr > th, [data-theme="light"] .table-print-points-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > thead.ant-table-thead > tr > th, [data-theme="light"] .table-integrations-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > thead.ant-table-thead > tr > th, [data-theme="light"] .table-tables-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > thead.ant-table-thead > tr > th, [data-theme="light"] .table-sectors-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > thead.ant-table-thead > tr > th, [data-theme="light"] .table-sectors-manage-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > thead.ant-table-thead > tr > th, [data-theme="light"] .table-sales-report-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > thead.ant-table-thead > tr > th, [data-theme="light"] .table-product-report-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > thead.ant-table-thead > tr > th, [data-theme="light"] .table-orders-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > thead.ant-table-thead > tr > th, [data-theme="light"] .table-orders-tables-payments-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > thead.ant-table-thead > tr > th { background: #FFFFFF !important; color: #333333 !important; border-bottom-color: #E0E0E0 !important; } [data-theme="light"] .table-users-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody, [data-theme="light"] .table-stock-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody, [data-theme="light"] .table-contacts-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody, [data-theme="light"] .table-download-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody, [data-theme="light"] .table-schedule-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody, [data-theme="light"] .table-print-points-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody, [data-theme="light"] .table-integrations-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody, [data-theme="light"] .table-tables-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody, [data-theme="light"] .table-sectors-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody, [data-theme="light"] .table-sectors-manage-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody, [data-theme="light"] .table-sales-report-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody, [data-theme="light"] .table-product-report-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody, [data-theme="light"] .table-orders-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody, [data-theme="light"] .table-orders-tables-payments-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody { background: #FFFFFF !important; } [data-theme="light"] .table-users-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody > tr, [data-theme="light"] .table-stock-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody > tr, [data-theme="light"] .table-contacts-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody > tr, [data-theme="light"] .table-download-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody > tr, [data-theme="light"] .table-schedule-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody > tr, [data-theme="light"] .table-print-points-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody > tr, [data-theme="light"] .table-integrations-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody > tr, [data-theme="light"] .table-tables-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody > tr, [data-theme="light"] .table-sectors-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody > tr, [data-theme="light"] .table-sectors-manage-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody > tr, [data-theme="light"] .table-sales-report-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody > tr, [data-theme="light"] .table-product-report-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody > tr, [data-theme="light"] .table-orders-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody > tr, [data-theme="light"] .table-orders-tables-payments-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody > tr { background: #FFFFFF !important; } [data-theme="light"] .table-users-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody > tr > td, [data-theme="light"] .table-stock-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody > tr > td, [data-theme="light"] .table-contacts-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody > tr > td, [data-theme="light"] .table-download-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody > tr > td, [data-theme="light"] .table-schedule-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody > tr > td, [data-theme="light"] .table-print-points-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody > tr > td, [data-theme="light"] .table-integrations-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody > tr > td, [data-theme="light"] .table-tables-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody > tr > td, [data-theme="light"] .table-sectors-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody > tr > td, [data-theme="light"] .table-sectors-manage-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody > tr > td, [data-theme="light"] .table-sales-report-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody > tr > td, [data-theme="light"] .table-product-report-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody > tr > td, [data-theme="light"] .table-orders-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody > tr > td, [data-theme="light"] .table-orders-tables-payments-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody > tr > td { background: #FFFFFF !important; color: #333333 !important; border-bottom-color: #E0E0E0 !important; } [data-theme="light"] .table-users-wrapper .ant-table-wrapper .ant-table .ant-table-footer, [data-theme="light"] .table-stock-wrapper .ant-table-wrapper .ant-table .ant-table-footer, [data-theme="light"] .table-contacts-wrapper .ant-table-wrapper .ant-table .ant-table-footer, [data-theme="light"] .table-download-wrapper .ant-table-wrapper .ant-table .ant-table-footer, [data-theme="light"] .table-schedule-wrapper .ant-table-wrapper .ant-table .ant-table-footer, [data-theme="light"] .table-print-points-wrapper .ant-table-wrapper .ant-table .ant-table-footer, [data-theme="light"] .table-integrations-wrapper .ant-table-wrapper .ant-table .ant-table-footer, [data-theme="light"] .table-tables-wrapper .ant-table-wrapper .ant-table .ant-table-footer, [data-theme="light"] .table-sectors-wrapper .ant-table-wrapper .ant-table .ant-table-footer, [data-theme="light"] .table-sectors-manage-wrapper .ant-table-wrapper .ant-table .ant-table-footer, [data-theme="light"] .table-sales-report-wrapper .ant-table-wrapper .ant-table .ant-table-footer, [data-theme="light"] .table-product-report-wrapper .ant-table-wrapper .ant-table .ant-table-footer, [data-theme="light"] .table-orders-wrapper .ant-table-wrapper .ant-table .ant-table-footer, [data-theme="light"] .table-orders-tables-payments-wrapper .ant-table-wrapper .ant-table .ant-table-footer { background: #FFFFFF !important; color: #333333 !important; border-top-color: #E0E0E0 !important; } [data-theme="light"] .product-collapse.theme-surface { background: #FFFFFF !important; } [data-theme="light"] .product-collapse.theme-surface .ant-collapse-item { background: #FFFFFF !important; border-color: #E0E0E0 !important; } [data-theme="light"] .product-collapse.theme-surface .ant-collapse-item .ant-collapse-header { background: #FFFFFF !important; color: #333333 !important; } [data-theme="light"] .product-collapse.theme-surface .ant-collapse-item .ant-collapse-header:hover { background: #F5F5F5 !important; } [data-theme="light"] .product-collapse.theme-surface .ant-collapse-item .ant-collapse-content { background: #FFFFFF !important; border-top-color: #E0E0E0 !important; } [data-theme="light"] .product-collapse.theme-surface .ant-collapse-item .ant-collapse-content .ant-collapse-content-box { background: #FFFFFF !important; color: #333333 !important; } .companies-card-empty.theme-surface { background-color: var(--surface-color) !important; border-color: var(--border-color) !important; } .companies-card-empty.theme-surface .companies-fantasy-name.theme-text { color: var(--text-color) !important; } .companies-card-empty.theme-surface .companies-text-card.theme-text-secondary { color: var(--text-secondary-color) !important; } .holidays-closings-title-card.theme-text { color: var(--text-color) !important; } .holidays-closings-text-card.theme-text-secondary { color: var(--text-secondary-color) !important; } [data-theme="dark"] .companies-card-empty.theme-surface { background: #1A1A1A !important; border-color: #2A2A2A !important; } [data-theme="dark"] .companies-card-empty.theme-surface .companies-fantasy-name.theme-text { color: #FFFFFF !important; } [data-theme="dark"] .companies-card-empty.theme-surface .companies-text-card.theme-text-secondary { color: #CCCCCC !important; } [data-theme="dark"] .holidays-closings-title-card.theme-text { color: #FFFFFF !important; } [data-theme="dark"] .holidays-closings-text-card.theme-text-secondary { color: #CCCCCC !important; } [data-theme="light"] .companies-card-empty.theme-surface { background: #FFFFFF !important; border-color: #E0E0E0 !important; } [data-theme="light"] .companies-card-empty.theme-surface .companies-fantasy-name.theme-text { color: #333333 !important; } [data-theme="light"] .companies-card-empty.theme-surface .companies-text-card.theme-text-secondary { color: #666666 !important; } [data-theme="light"] .holidays-closings-title-card.theme-text { color: #333333 !important; } [data-theme="light"] .holidays-closings-text-card.theme-text-secondary { color: #666666 !important; } .orders-wrapper, .dashboard-wrapper, .setup-mysite-wrapper, .product-options-wrapper, .followers-wrapper, .events-users-wrapper, .blacklist-wrapper, .producer-wrapper, .branch-data-wrapper, .bank-data-wrapper, .documents-wrapper, .company-data-wrapper, .form-edit-ticket-wrapper, .zones-by-ticket-wrapper, .table-form-wrapper, .list-sold-wrapper, .event-summary-wrapper, .card-event-wrapper, .current-event-wrapper, .past-event-wrapper, .sales-general-summary-wrapper, .modal-countries-wrapper, .modal-search-text-wrapper, .new-company-wrapper { background-color: transparent !important; border-color: transparent !important; color: var(--text-color) !important; } .orders-wrapper .theme-surface, .dashboard-wrapper .theme-surface, .setup-mysite-wrapper .theme-surface, .product-options-wrapper .theme-surface, .followers-wrapper .theme-surface, .events-users-wrapper .theme-surface, .blacklist-wrapper .theme-surface, .producer-wrapper .theme-surface, .branch-data-wrapper .theme-surface, .bank-data-wrapper .theme-surface, .documents-wrapper .theme-surface, .company-data-wrapper .theme-surface, .form-edit-ticket-wrapper .theme-surface, .zones-by-ticket-wrapper .theme-surface, .table-form-wrapper .theme-surface, .list-sold-wrapper .theme-surface, .event-summary-wrapper .theme-surface, .card-event-wrapper .theme-surface, .current-event-wrapper .theme-surface, .past-event-wrapper .theme-surface, .sales-general-summary-wrapper .theme-surface, .modal-countries-wrapper .theme-surface, .modal-search-text-wrapper .theme-surface, .new-company-wrapper .theme-surface { background-color: var(--surface-color) !important; border-color: var(--border-color) !important; color: var(--text-color) !important; } .orders-wrapper .theme-text, .dashboard-wrapper .theme-text, .setup-mysite-wrapper .theme-text, .product-options-wrapper .theme-text, .followers-wrapper .theme-text, .events-users-wrapper .theme-text, .blacklist-wrapper .theme-text, .producer-wrapper .theme-text, .branch-data-wrapper .theme-text, .bank-data-wrapper .theme-text, .documents-wrapper .theme-text, .company-data-wrapper .theme-text, .form-edit-ticket-wrapper .theme-text, .zones-by-ticket-wrapper .theme-text, .table-form-wrapper .theme-text, .list-sold-wrapper .theme-text, .event-summary-wrapper .theme-text, .card-event-wrapper .theme-text, .current-event-wrapper .theme-text, .past-event-wrapper .theme-text, .sales-general-summary-wrapper .theme-text, .modal-countries-wrapper .theme-text, .modal-search-text-wrapper .theme-text, .new-company-wrapper .theme-text { color: var(--text-color) !important; } .orders-wrapper .theme-text-secondary, .dashboard-wrapper .theme-text-secondary, .setup-mysite-wrapper .theme-text-secondary, .product-options-wrapper .theme-text-secondary, .followers-wrapper .theme-text-secondary, .events-users-wrapper .theme-text-secondary, .blacklist-wrapper .theme-text-secondary, .producer-wrapper .theme-text-secondary, .branch-data-wrapper .theme-text-secondary, .bank-data-wrapper .theme-text-secondary, .documents-wrapper .theme-text-secondary, .company-data-wrapper .theme-text-secondary, .form-edit-ticket-wrapper .theme-text-secondary, .zones-by-ticket-wrapper .theme-text-secondary, .table-form-wrapper .theme-text-secondary, .list-sold-wrapper .theme-text-secondary, .event-summary-wrapper .theme-text-secondary, .card-event-wrapper .theme-text-secondary, .current-event-wrapper .theme-text-secondary, .past-event-wrapper .theme-text-secondary, .sales-general-summary-wrapper .theme-text-secondary, .modal-countries-wrapper .theme-text-secondary, .modal-search-text-wrapper .theme-text-secondary, .new-company-wrapper .theme-text-secondary { color: var(--text-secondary-color) !important; } .orders-wrapper .ant-tabs.theme-surface .ant-tabs-tab, .dashboard-wrapper .ant-tabs.theme-surface .ant-tabs-tab, .setup-mysite-wrapper .ant-tabs.theme-surface .ant-tabs-tab, .product-options-wrapper .ant-tabs.theme-surface .ant-tabs-tab, .followers-wrapper .ant-tabs.theme-surface .ant-tabs-tab, .events-users-wrapper .ant-tabs.theme-surface .ant-tabs-tab, .blacklist-wrapper .ant-tabs.theme-surface .ant-tabs-tab, .producer-wrapper .ant-tabs.theme-surface .ant-tabs-tab, .branch-data-wrapper .ant-tabs.theme-surface .ant-tabs-tab, .bank-data-wrapper .ant-tabs.theme-surface .ant-tabs-tab, .documents-wrapper .ant-tabs.theme-surface .ant-tabs-tab, .company-data-wrapper .ant-tabs.theme-surface .ant-tabs-tab, .form-edit-ticket-wrapper .ant-tabs.theme-surface .ant-tabs-tab, .zones-by-ticket-wrapper .ant-tabs.theme-surface .ant-tabs-tab, .table-form-wrapper .ant-tabs.theme-surface .ant-tabs-tab, .list-sold-wrapper .ant-tabs.theme-surface .ant-tabs-tab, .event-summary-wrapper .ant-tabs.theme-surface .ant-tabs-tab, .card-event-wrapper .ant-tabs.theme-surface .ant-tabs-tab, .current-event-wrapper .ant-tabs.theme-surface .ant-tabs-tab, .past-event-wrapper .ant-tabs.theme-surface .ant-tabs-tab, .sales-general-summary-wrapper .ant-tabs.theme-surface .ant-tabs-tab, .modal-countries-wrapper .ant-tabs.theme-surface .ant-tabs-tab, .modal-search-text-wrapper .ant-tabs.theme-surface .ant-tabs-tab, .new-company-wrapper .ant-tabs.theme-surface .ant-tabs-tab { color: var(--text-color) !important; } .orders-wrapper .ant-tabs.theme-surface .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn, .dashboard-wrapper .ant-tabs.theme-surface .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn, .setup-mysite-wrapper .ant-tabs.theme-surface .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn, .product-options-wrapper .ant-tabs.theme-surface .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn, .followers-wrapper .ant-tabs.theme-surface .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn, .events-users-wrapper .ant-tabs.theme-surface .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn, .blacklist-wrapper .ant-tabs.theme-surface .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn, .producer-wrapper .ant-tabs.theme-surface .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn, .branch-data-wrapper .ant-tabs.theme-surface .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn, .bank-data-wrapper .ant-tabs.theme-surface .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn, .documents-wrapper .ant-tabs.theme-surface .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn, .company-data-wrapper .ant-tabs.theme-surface .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn, .form-edit-ticket-wrapper .ant-tabs.theme-surface .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn, .zones-by-ticket-wrapper .ant-tabs.theme-surface .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn, .table-form-wrapper .ant-tabs.theme-surface .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn, .list-sold-wrapper .ant-tabs.theme-surface .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn, .event-summary-wrapper .ant-tabs.theme-surface .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn, .card-event-wrapper .ant-tabs.theme-surface .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn, .current-event-wrapper .ant-tabs.theme-surface .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn, .past-event-wrapper .ant-tabs.theme-surface .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn, .sales-general-summary-wrapper .ant-tabs.theme-surface .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn, .modal-countries-wrapper .ant-tabs.theme-surface .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn, .modal-search-text-wrapper .ant-tabs.theme-surface .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn, .new-company-wrapper .ant-tabs.theme-surface .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn { color: var(--primary-color) !important; } .orders-wrapper .ant-tabs.theme-surface .ant-tabs-content-holder .ant-tabs-content, .dashboard-wrapper .ant-tabs.theme-surface .ant-tabs-content-holder .ant-tabs-content, .setup-mysite-wrapper .ant-tabs.theme-surface .ant-tabs-content-holder .ant-tabs-content, .product-options-wrapper .ant-tabs.theme-surface .ant-tabs-content-holder .ant-tabs-content, .followers-wrapper .ant-tabs.theme-surface .ant-tabs-content-holder .ant-tabs-content, .events-users-wrapper .ant-tabs.theme-surface .ant-tabs-content-holder .ant-tabs-content, .blacklist-wrapper .ant-tabs.theme-surface .ant-tabs-content-holder .ant-tabs-content, .producer-wrapper .ant-tabs.theme-surface .ant-tabs-content-holder .ant-tabs-content, .branch-data-wrapper .ant-tabs.theme-surface .ant-tabs-content-holder .ant-tabs-content, .bank-data-wrapper .ant-tabs.theme-surface .ant-tabs-content-holder .ant-tabs-content, .documents-wrapper .ant-tabs.theme-surface .ant-tabs-content-holder .ant-tabs-content, .company-data-wrapper .ant-tabs.theme-surface .ant-tabs-content-holder .ant-tabs-content, .form-edit-ticket-wrapper .ant-tabs.theme-surface .ant-tabs-content-holder .ant-tabs-content, .zones-by-ticket-wrapper .ant-tabs.theme-surface .ant-tabs-content-holder .ant-tabs-content, .table-form-wrapper .ant-tabs.theme-surface .ant-tabs-content-holder .ant-tabs-content, .list-sold-wrapper .ant-tabs.theme-surface .ant-tabs-content-holder .ant-tabs-content, .event-summary-wrapper .ant-tabs.theme-surface .ant-tabs-content-holder .ant-tabs-content, .card-event-wrapper .ant-tabs.theme-surface .ant-tabs-content-holder .ant-tabs-content, .current-event-wrapper .ant-tabs.theme-surface .ant-tabs-content-holder .ant-tabs-content, .past-event-wrapper .ant-tabs.theme-surface .ant-tabs-content-holder .ant-tabs-content, .sales-general-summary-wrapper .ant-tabs.theme-surface .ant-tabs-content-holder .ant-tabs-content, .modal-countries-wrapper .ant-tabs.theme-surface .ant-tabs-content-holder .ant-tabs-content, .modal-search-text-wrapper .ant-tabs.theme-surface .ant-tabs-content-holder .ant-tabs-content, .new-company-wrapper .ant-tabs.theme-surface .ant-tabs-content-holder .ant-tabs-content { color: var(--text-color) !important; } .orders-wrapper .ant-modal.theme-surface .ant-modal-content, .dashboard-wrapper .ant-modal.theme-surface .ant-modal-content, .setup-mysite-wrapper .ant-modal.theme-surface .ant-modal-content, .product-options-wrapper .ant-modal.theme-surface .ant-modal-content, .followers-wrapper .ant-modal.theme-surface .ant-modal-content, .events-users-wrapper .ant-modal.theme-surface .ant-modal-content, .blacklist-wrapper .ant-modal.theme-surface .ant-modal-content, .producer-wrapper .ant-modal.theme-surface .ant-modal-content, .branch-data-wrapper .ant-modal.theme-surface .ant-modal-content, .bank-data-wrapper .ant-modal.theme-surface .ant-modal-content, .documents-wrapper .ant-modal.theme-surface .ant-modal-content, .company-data-wrapper .ant-modal.theme-surface .ant-modal-content, .form-edit-ticket-wrapper .ant-modal.theme-surface .ant-modal-content, .zones-by-ticket-wrapper .ant-modal.theme-surface .ant-modal-content, .table-form-wrapper .ant-modal.theme-surface .ant-modal-content, .list-sold-wrapper .ant-modal.theme-surface .ant-modal-content, .event-summary-wrapper .ant-modal.theme-surface .ant-modal-content, .card-event-wrapper .ant-modal.theme-surface .ant-modal-content, .current-event-wrapper .ant-modal.theme-surface .ant-modal-content, .past-event-wrapper .ant-modal.theme-surface .ant-modal-content, .sales-general-summary-wrapper .ant-modal.theme-surface .ant-modal-content, .modal-countries-wrapper .ant-modal.theme-surface .ant-modal-content, .modal-search-text-wrapper .ant-modal.theme-surface .ant-modal-content, .new-company-wrapper .ant-modal.theme-surface .ant-modal-content { background-color: var(--surface-color) !important; color: var(--text-color) !important; border-color: var(--border-color) !important; } .orders-wrapper .ant-modal.theme-surface .ant-modal-header, .dashboard-wrapper .ant-modal.theme-surface .ant-modal-header, .setup-mysite-wrapper .ant-modal.theme-surface .ant-modal-header, .product-options-wrapper .ant-modal.theme-surface .ant-modal-header, .followers-wrapper .ant-modal.theme-surface .ant-modal-header, .events-users-wrapper .ant-modal.theme-surface .ant-modal-header, .blacklist-wrapper .ant-modal.theme-surface .ant-modal-header, .producer-wrapper .ant-modal.theme-surface .ant-modal-header, .branch-data-wrapper .ant-modal.theme-surface .ant-modal-header, .bank-data-wrapper .ant-modal.theme-surface .ant-modal-header, .documents-wrapper .ant-modal.theme-surface .ant-modal-header, .company-data-wrapper .ant-modal.theme-surface .ant-modal-header, .form-edit-ticket-wrapper .ant-modal.theme-surface .ant-modal-header, .zones-by-ticket-wrapper .ant-modal.theme-surface .ant-modal-header, .table-form-wrapper .ant-modal.theme-surface .ant-modal-header, .list-sold-wrapper .ant-modal.theme-surface .ant-modal-header, .event-summary-wrapper .ant-modal.theme-surface .ant-modal-header, .card-event-wrapper .ant-modal.theme-surface .ant-modal-header, .current-event-wrapper .ant-modal.theme-surface .ant-modal-header, .past-event-wrapper .ant-modal.theme-surface .ant-modal-header, .sales-general-summary-wrapper .ant-modal.theme-surface .ant-modal-header, .modal-countries-wrapper .ant-modal.theme-surface .ant-modal-header, .modal-search-text-wrapper .ant-modal.theme-surface .ant-modal-header, .new-company-wrapper .ant-modal.theme-surface .ant-modal-header { background-color: transparent !important; border-bottom: none !important; } .orders-wrapper .ant-modal.theme-surface .ant-modal-header .ant-modal-title, .dashboard-wrapper .ant-modal.theme-surface .ant-modal-header .ant-modal-title, .setup-mysite-wrapper .ant-modal.theme-surface .ant-modal-header .ant-modal-title, .product-options-wrapper .ant-modal.theme-surface .ant-modal-header .ant-modal-title, .followers-wrapper .ant-modal.theme-surface .ant-modal-header .ant-modal-title, .events-users-wrapper .ant-modal.theme-surface .ant-modal-header .ant-modal-title, .blacklist-wrapper .ant-modal.theme-surface .ant-modal-header .ant-modal-title, .producer-wrapper .ant-modal.theme-surface .ant-modal-header .ant-modal-title, .branch-data-wrapper .ant-modal.theme-surface .ant-modal-header .ant-modal-title, .bank-data-wrapper .ant-modal.theme-surface .ant-modal-header .ant-modal-title, .documents-wrapper .ant-modal.theme-surface .ant-modal-header .ant-modal-title, .company-data-wrapper .ant-modal.theme-surface .ant-modal-header .ant-modal-title, .form-edit-ticket-wrapper .ant-modal.theme-surface .ant-modal-header .ant-modal-title, .zones-by-ticket-wrapper .ant-modal.theme-surface .ant-modal-header .ant-modal-title, .table-form-wrapper .ant-modal.theme-surface .ant-modal-header .ant-modal-title, .list-sold-wrapper .ant-modal.theme-surface .ant-modal-header .ant-modal-title, .event-summary-wrapper .ant-modal.theme-surface .ant-modal-header .ant-modal-title, .card-event-wrapper .ant-modal.theme-surface .ant-modal-header .ant-modal-title, .current-event-wrapper .ant-modal.theme-surface .ant-modal-header .ant-modal-title, .past-event-wrapper .ant-modal.theme-surface .ant-modal-header .ant-modal-title, .sales-general-summary-wrapper .ant-modal.theme-surface .ant-modal-header .ant-modal-title, .modal-countries-wrapper .ant-modal.theme-surface .ant-modal-header .ant-modal-title, .modal-search-text-wrapper .ant-modal.theme-surface .ant-modal-header .ant-modal-title, .new-company-wrapper .ant-modal.theme-surface .ant-modal-header .ant-modal-title { color: var(--text-color) !important; } .orders-wrapper .ant-modal.theme-surface .ant-modal-body, .dashboard-wrapper .ant-modal.theme-surface .ant-modal-body, .setup-mysite-wrapper .ant-modal.theme-surface .ant-modal-body, .product-options-wrapper .ant-modal.theme-surface .ant-modal-body, .followers-wrapper .ant-modal.theme-surface .ant-modal-body, .events-users-wrapper .ant-modal.theme-surface .ant-modal-body, .blacklist-wrapper .ant-modal.theme-surface .ant-modal-body, .producer-wrapper .ant-modal.theme-surface .ant-modal-body, .branch-data-wrapper .ant-modal.theme-surface .ant-modal-body, .bank-data-wrapper .ant-modal.theme-surface .ant-modal-body, .documents-wrapper .ant-modal.theme-surface .ant-modal-body, .company-data-wrapper .ant-modal.theme-surface .ant-modal-body, .form-edit-ticket-wrapper .ant-modal.theme-surface .ant-modal-body, .zones-by-ticket-wrapper .ant-modal.theme-surface .ant-modal-body, .table-form-wrapper .ant-modal.theme-surface .ant-modal-body, .list-sold-wrapper .ant-modal.theme-surface .ant-modal-body, .event-summary-wrapper .ant-modal.theme-surface .ant-modal-body, .card-event-wrapper .ant-modal.theme-surface .ant-modal-body, .current-event-wrapper .ant-modal.theme-surface .ant-modal-body, .past-event-wrapper .ant-modal.theme-surface .ant-modal-body, .sales-general-summary-wrapper .ant-modal.theme-surface .ant-modal-body, .modal-countries-wrapper .ant-modal.theme-surface .ant-modal-body, .modal-search-text-wrapper .ant-modal.theme-surface .ant-modal-body, .new-company-wrapper .ant-modal.theme-surface .ant-modal-body { background-color: var(--surface-color) !important; color: var(--text-color) !important; } .orders-wrapper .ant-modal.theme-surface .ant-modal-footer, .dashboard-wrapper .ant-modal.theme-surface .ant-modal-footer, .setup-mysite-wrapper .ant-modal.theme-surface .ant-modal-footer, .product-options-wrapper .ant-modal.theme-surface .ant-modal-footer, .followers-wrapper .ant-modal.theme-surface .ant-modal-footer, .events-users-wrapper .ant-modal.theme-surface .ant-modal-footer, .blacklist-wrapper .ant-modal.theme-surface .ant-modal-footer, .producer-wrapper .ant-modal.theme-surface .ant-modal-footer, .branch-data-wrapper .ant-modal.theme-surface .ant-modal-footer, .bank-data-wrapper .ant-modal.theme-surface .ant-modal-footer, .documents-wrapper .ant-modal.theme-surface .ant-modal-footer, .company-data-wrapper .ant-modal.theme-surface .ant-modal-footer, .form-edit-ticket-wrapper .ant-modal.theme-surface .ant-modal-footer, .zones-by-ticket-wrapper .ant-modal.theme-surface .ant-modal-footer, .table-form-wrapper .ant-modal.theme-surface .ant-modal-footer, .list-sold-wrapper .ant-modal.theme-surface .ant-modal-footer, .event-summary-wrapper .ant-modal.theme-surface .ant-modal-footer, .card-event-wrapper .ant-modal.theme-surface .ant-modal-footer, .current-event-wrapper .ant-modal.theme-surface .ant-modal-footer, .past-event-wrapper .ant-modal.theme-surface .ant-modal-footer, .sales-general-summary-wrapper .ant-modal.theme-surface .ant-modal-footer, .modal-countries-wrapper .ant-modal.theme-surface .ant-modal-footer, .modal-search-text-wrapper .ant-modal.theme-surface .ant-modal-footer, .new-company-wrapper .ant-modal.theme-surface .ant-modal-footer { background-color: var(--surface-color) !important; border-top-color: var(--border-color) !important; } .orders-wrapper .ant-card-head, .dashboard-wrapper .ant-card-head, .setup-mysite-wrapper .ant-card-head, .product-options-wrapper .ant-card-head, .followers-wrapper .ant-card-head, .events-users-wrapper .ant-card-head, .blacklist-wrapper .ant-card-head, .producer-wrapper .ant-card-head, .branch-data-wrapper .ant-card-head, .bank-data-wrapper .ant-card-head, .documents-wrapper .ant-card-head, .company-data-wrapper .ant-card-head, .form-edit-ticket-wrapper .ant-card-head, .zones-by-ticket-wrapper .ant-card-head, .table-form-wrapper .ant-card-head, .list-sold-wrapper .ant-card-head, .event-summary-wrapper .ant-card-head, .card-event-wrapper .ant-card-head, .current-event-wrapper .ant-card-head, .past-event-wrapper .ant-card-head, .sales-general-summary-wrapper .ant-card-head, .modal-countries-wrapper .ant-card-head, .modal-search-text-wrapper .ant-card-head, .new-company-wrapper .ant-card-head { background-color: transparent !important; border-bottom-color: rgba(255, 255, 255, 0.06) !important; } .orders-wrapper .ant-card-head .ant-card-head-title, .dashboard-wrapper .ant-card-head .ant-card-head-title, .setup-mysite-wrapper .ant-card-head .ant-card-head-title, .product-options-wrapper .ant-card-head .ant-card-head-title, .followers-wrapper .ant-card-head .ant-card-head-title, .events-users-wrapper .ant-card-head .ant-card-head-title, .blacklist-wrapper .ant-card-head .ant-card-head-title, .producer-wrapper .ant-card-head .ant-card-head-title, .branch-data-wrapper .ant-card-head .ant-card-head-title, .bank-data-wrapper .ant-card-head .ant-card-head-title, .documents-wrapper .ant-card-head .ant-card-head-title, .company-data-wrapper .ant-card-head .ant-card-head-title, .form-edit-ticket-wrapper .ant-card-head .ant-card-head-title, .zones-by-ticket-wrapper .ant-card-head .ant-card-head-title, .table-form-wrapper .ant-card-head .ant-card-head-title, .list-sold-wrapper .ant-card-head .ant-card-head-title, .event-summary-wrapper .ant-card-head .ant-card-head-title, .card-event-wrapper .ant-card-head .ant-card-head-title, .current-event-wrapper .ant-card-head .ant-card-head-title, .past-event-wrapper .ant-card-head .ant-card-head-title, .sales-general-summary-wrapper .ant-card-head .ant-card-head-title, .modal-countries-wrapper .ant-card-head .ant-card-head-title, .modal-search-text-wrapper .ant-card-head .ant-card-head-title, .new-company-wrapper .ant-card-head .ant-card-head-title { color: var(--text-color) !important; } .orders-wrapper .ant-card-body, .dashboard-wrapper .ant-card-body, .setup-mysite-wrapper .ant-card-body, .product-options-wrapper .ant-card-body, .followers-wrapper .ant-card-body, .events-users-wrapper .ant-card-body, .blacklist-wrapper .ant-card-body, .producer-wrapper .ant-card-body, .branch-data-wrapper .ant-card-body, .bank-data-wrapper .ant-card-body, .documents-wrapper .ant-card-body, .company-data-wrapper .ant-card-body, .form-edit-ticket-wrapper .ant-card-body, .zones-by-ticket-wrapper .ant-card-body, .table-form-wrapper .ant-card-body, .list-sold-wrapper .ant-card-body, .event-summary-wrapper .ant-card-body, .card-event-wrapper .ant-card-body, .current-event-wrapper .ant-card-body, .past-event-wrapper .ant-card-body, .sales-general-summary-wrapper .ant-card-body, .modal-countries-wrapper .ant-card-body, .modal-search-text-wrapper .ant-card-body, .new-company-wrapper .ant-card-body { background-color: transparent !important; color: var(--text-color) !important; } .orders-wrapper .ant-progress .ant-progress-text, .dashboard-wrapper .ant-progress .ant-progress-text, .setup-mysite-wrapper .ant-progress .ant-progress-text, .product-options-wrapper .ant-progress .ant-progress-text, .followers-wrapper .ant-progress .ant-progress-text, .events-users-wrapper .ant-progress .ant-progress-text, .blacklist-wrapper .ant-progress .ant-progress-text, .producer-wrapper .ant-progress .ant-progress-text, .branch-data-wrapper .ant-progress .ant-progress-text, .bank-data-wrapper .ant-progress .ant-progress-text, .documents-wrapper .ant-progress .ant-progress-text, .company-data-wrapper .ant-progress .ant-progress-text, .form-edit-ticket-wrapper .ant-progress .ant-progress-text, .zones-by-ticket-wrapper .ant-progress .ant-progress-text, .table-form-wrapper .ant-progress .ant-progress-text, .list-sold-wrapper .ant-progress .ant-progress-text, .event-summary-wrapper .ant-progress .ant-progress-text, .card-event-wrapper .ant-progress .ant-progress-text, .current-event-wrapper .ant-progress .ant-progress-text, .past-event-wrapper .ant-progress .ant-progress-text, .sales-general-summary-wrapper .ant-progress .ant-progress-text, .modal-countries-wrapper .ant-progress .ant-progress-text, .modal-search-text-wrapper .ant-progress .ant-progress-text, .new-company-wrapper .ant-progress .ant-progress-text { color: var(--text-color) !important; } .orders-wrapper .border-card-event.theme-surface, .dashboard-wrapper .border-card-event.theme-surface, .setup-mysite-wrapper .border-card-event.theme-surface, .product-options-wrapper .border-card-event.theme-surface, .followers-wrapper .border-card-event.theme-surface, .events-users-wrapper .border-card-event.theme-surface, .blacklist-wrapper .border-card-event.theme-surface, .producer-wrapper .border-card-event.theme-surface, .branch-data-wrapper .border-card-event.theme-surface, .bank-data-wrapper .border-card-event.theme-surface, .documents-wrapper .border-card-event.theme-surface, .company-data-wrapper .border-card-event.theme-surface, .form-edit-ticket-wrapper .border-card-event.theme-surface, .zones-by-ticket-wrapper .border-card-event.theme-surface, .table-form-wrapper .border-card-event.theme-surface, .list-sold-wrapper .border-card-event.theme-surface, .event-summary-wrapper .border-card-event.theme-surface, .card-event-wrapper .border-card-event.theme-surface, .current-event-wrapper .border-card-event.theme-surface, .past-event-wrapper .border-card-event.theme-surface, .sales-general-summary-wrapper .border-card-event.theme-surface, .modal-countries-wrapper .border-card-event.theme-surface, .modal-search-text-wrapper .border-card-event.theme-surface, .new-company-wrapper .border-card-event.theme-surface { background-color: var(--surface-color) !important; border-color: var(--border-color) !important; } .orders-wrapper .border-card-event.theme-surface .store-title, .orders-wrapper .border-card-event.theme-surface .info p, .dashboard-wrapper .border-card-event.theme-surface .store-title, .dashboard-wrapper .border-card-event.theme-surface .info p, .setup-mysite-wrapper .border-card-event.theme-surface .store-title, .setup-mysite-wrapper .border-card-event.theme-surface .info p, .product-options-wrapper .border-card-event.theme-surface .store-title, .product-options-wrapper .border-card-event.theme-surface .info p, .followers-wrapper .border-card-event.theme-surface .store-title, .followers-wrapper .border-card-event.theme-surface .info p, .events-users-wrapper .border-card-event.theme-surface .store-title, .events-users-wrapper .border-card-event.theme-surface .info p, .blacklist-wrapper .border-card-event.theme-surface .store-title, .blacklist-wrapper .border-card-event.theme-surface .info p, .producer-wrapper .border-card-event.theme-surface .store-title, .producer-wrapper .border-card-event.theme-surface .info p, .branch-data-wrapper .border-card-event.theme-surface .store-title, .branch-data-wrapper .border-card-event.theme-surface .info p, .bank-data-wrapper .border-card-event.theme-surface .store-title, .bank-data-wrapper .border-card-event.theme-surface .info p, .documents-wrapper .border-card-event.theme-surface .store-title, .documents-wrapper .border-card-event.theme-surface .info p, .company-data-wrapper .border-card-event.theme-surface .store-title, .company-data-wrapper .border-card-event.theme-surface .info p, .form-edit-ticket-wrapper .border-card-event.theme-surface .store-title, .form-edit-ticket-wrapper .border-card-event.theme-surface .info p, .zones-by-ticket-wrapper .border-card-event.theme-surface .store-title, .zones-by-ticket-wrapper .border-card-event.theme-surface .info p, .table-form-wrapper .border-card-event.theme-surface .store-title, .table-form-wrapper .border-card-event.theme-surface .info p, .list-sold-wrapper .border-card-event.theme-surface .store-title, .list-sold-wrapper .border-card-event.theme-surface .info p, .event-summary-wrapper .border-card-event.theme-surface .store-title, .event-summary-wrapper .border-card-event.theme-surface .info p, .card-event-wrapper .border-card-event.theme-surface .store-title, .card-event-wrapper .border-card-event.theme-surface .info p, .current-event-wrapper .border-card-event.theme-surface .store-title, .current-event-wrapper .border-card-event.theme-surface .info p, .past-event-wrapper .border-card-event.theme-surface .store-title, .past-event-wrapper .border-card-event.theme-surface .info p, .sales-general-summary-wrapper .border-card-event.theme-surface .store-title, .sales-general-summary-wrapper .border-card-event.theme-surface .info p, .modal-countries-wrapper .border-card-event.theme-surface .store-title, .modal-countries-wrapper .border-card-event.theme-surface .info p, .modal-search-text-wrapper .border-card-event.theme-surface .store-title, .modal-search-text-wrapper .border-card-event.theme-surface .info p, .new-company-wrapper .border-card-event.theme-surface .store-title, .new-company-wrapper .border-card-event.theme-surface .info p { color: var(--text-color) !important; } html[data-theme="dark"] .ant-modal-content { background-color: transparent !important; box-shadow: none !important; } html[data-theme="dark"] .ant-modal-content .ant-modal-header { background-color: transparent !important; border-bottom: none !important; } html[data-theme="dark"] .ant-modal-content .ant-modal-header .ant-modal-title { color: var(--text-color) !important; } html[data-theme="dark"] .ant-modal-content .ant-modal-body { color: var(--text-color) !important; } html[data-theme="dark"] .ant-modal-content .ant-modal-footer { border-top: 1px solid var(--border-color) !important; } html[data-theme="dark"] .ant-modal-content .ant-modal-close { color: var(--text-secondary-color) !important; } html[data-theme="dark"] .ant-modal-content .ant-modal-close:hover { color: var(--text-color) !important; } html[data-theme="dark"] .ant-form-item-label > label { color: var(--text-color) !important; } html[data-theme="dark"] .ant-input, html[data-theme="dark"] .ant-input-password, html[data-theme="dark"] .ant-input-number, html[data-theme="dark"] .ant-input-affix-wrapper, html[data-theme="dark"] .ant-input-textarea { background-color: var(--background-color) !important; border-color: var(--border-color) !important; color: var(--text-color) !important; } html[data-theme="dark"] .ant-input::placeholder, html[data-theme="dark"] .ant-input-password::placeholder, html[data-theme="dark"] .ant-input-number::placeholder, html[data-theme="dark"] .ant-input-affix-wrapper::placeholder, html[data-theme="dark"] .ant-input-textarea::placeholder { color: var(--text-secondary-color) !important; } html[data-theme="dark"] .ant-input:hover, html[data-theme="dark"] .ant-input:focus, html[data-theme="dark"] .ant-input-password:hover, html[data-theme="dark"] .ant-input-password:focus, html[data-theme="dark"] .ant-input-number:hover, html[data-theme="dark"] .ant-input-number:focus, html[data-theme="dark"] .ant-input-affix-wrapper:hover, html[data-theme="dark"] .ant-input-affix-wrapper:focus, html[data-theme="dark"] .ant-input-textarea:hover, html[data-theme="dark"] .ant-input-textarea:focus { border-color: var(--primary-color) !important; } html[data-theme="dark"] .ant-input-number-handler-wrap { background-color: var(--border-color) !important; border-left: 1px solid var(--border-color) !important; } html[data-theme="dark"] .ant-input-number-handler { border-top: 1px solid var(--border-color) !important; } html[data-theme="dark"] .ant-input-number-handler:hover .ant-input-number-handler-up-inner, html[data-theme="dark"] .ant-input-number-handler:hover .ant-input-number-handler-down-inner { color: var(--primary-color) !important; } html[data-theme="dark"] .ant-select:not(.ant-select-disabled) .ant-select-selector { background-color: var(--background-color) !important; border-color: var(--border-color) !important; color: var(--text-color) !important; } html[data-theme="dark"] .ant-select:not(.ant-select-disabled):hover .ant-select-selector { border-color: var(--primary-color) !important; } html[data-theme="dark"] .ant-select:not(.ant-select-disabled) .ant-select-arrow { color: var(--text-secondary-color) !important; } html[data-theme="dark"] .ant-select:not(.ant-select-disabled) .ant-select-selection-item { color: var(--text-color) !important; } html[data-theme="dark"] .ant-select:not(.ant-select-disabled) .ant-select-clear { background-color: var(--surface-color) !important; color: var(--text-secondary-color) !important; } html[data-theme="dark"] .ant-select-dropdown { background-color: var(--surface-color) !important; border: 1px solid var(--border-color) !important; } html[data-theme="dark"] .ant-select-dropdown .ant-select-item { color: var(--text-color) !important; } html[data-theme="dark"] .ant-select-dropdown .ant-select-item-option-selected { background-color: rgba(247, 147, 30, 0.2) !important; font-weight: 600; } html[data-theme="dark"] .ant-select-dropdown .ant-select-item-option-active { background-color: rgba(255, 255, 255, 0.08) !important; } html[data-theme="dark"] .ant-table { background: transparent !important; color: var(--text-color) !important; } html[data-theme="dark"] .ant-table .ant-table-container { border: none !important; } html[data-theme="dark"] .ant-table .ant-table-thead > tr > th { background: transparent !important; color: rgba(255, 255, 255, 0.5) !important; border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important; border-right: none !important; } html[data-theme="dark"] .ant-table .ant-table-tbody > tr > td { background: transparent !important; color: rgba(255, 255, 255, 0.85) !important; border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important; border-right: none !important; } html[data-theme="dark"] .ant-table .ant-table-tbody > tr > td.ant-table-cell-row-hover { background: rgba(255, 255, 255, 0.03) !important; } html[data-theme="dark"] .ant-table .ant-table-tbody > tr:hover > td { background: rgba(255, 255, 255, 0.03) !important; } html[data-theme="dark"] .ant-pagination .ant-pagination-item { background-color: transparent !important; border-color: var(--border-color) !important; } html[data-theme="dark"] .ant-pagination .ant-pagination-item a { color: var(--text-color) !important; } html[data-theme="dark"] .ant-pagination .ant-pagination-item-active { border-color: var(--primary-color) !important; } html[data-theme="dark"] .ant-pagination .ant-pagination-item-active a { color: var(--primary-color) !important; } html[data-theme="dark"] .ant-pagination .ant-pagination-prev .ant-pagination-item-link, html[data-theme="dark"] .ant-pagination .ant-pagination-next .ant-pagination-item-link { background-color: transparent !important; border-color: var(--border-color) !important; color: var(--text-color) !important; } html[data-theme="dark"] .ant-collapse { background-color: transparent !important; border-color: var(--border-color) !important; } html[data-theme="dark"] .ant-collapse .ant-collapse-item { border-bottom: 1px solid var(--border-color) !important; } html[data-theme="dark"] .ant-collapse .ant-collapse-item .ant-collapse-header { color: var(--text-color) !important; background-color: var(--surface-color) !important; } html[data-theme="dark"] .ant-collapse .ant-collapse-item .ant-collapse-content { background-color: var(--background-color) !important; border-top: 1px solid var(--border-color) !important; color: var(--text-color) !important; } html[data-theme="dark"] .ant-checkbox-wrapper, html[data-theme="dark"] .ant-radio-wrapper { color: var(--text-color) !important; } html[data-theme="dark"] .ant-checkbox-wrapper:hover .ant-checkbox-inner, html[data-theme="dark"] .ant-checkbox-wrapper:hover .ant-radio-inner, html[data-theme="dark"] .ant-radio-wrapper:hover .ant-checkbox-inner, html[data-theme="dark"] .ant-radio-wrapper:hover .ant-radio-inner { border-color: var(--primary-color) !important; } html[data-theme="dark"] .ant-checkbox-inner, html[data-theme="dark"] .ant-radio-inner { background-color: transparent !important; border-color: var(--border-color) !important; } html[data-theme="dark"] .ant-checkbox-checked .ant-checkbox-inner, html[data-theme="dark"] .ant-radio-checked .ant-radio-inner { background-color: var(--primary-color) !important; border-color: var(--primary-color) !important; } html[data-theme="dark"] .ant-popover-inner { background-color: var(--surface-color) !important; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5) !important; } html[data-theme="dark"] .ant-popover-inner .ant-popover-message { color: var(--text-color) !important; } html[data-theme="dark"] .ant-popover-inner .ant-popover-buttons .ant-btn-default { background-color: transparent !important; border-color: var(--border-color) !important; color: var(--text-color) !important; } html[data-theme="dark"] .ant-popover-inner .ant-popover-buttons .ant-btn-default:hover { color: var(--primary-color) !important; border-color: var(--primary-color) !important; } html[data-theme="dark"] .ant-tabs { color: var(--text-color) !important; } html[data-theme="dark"] .ant-tabs .ant-tabs-tab { color: var(--text-secondary-color) !important; } html[data-theme="dark"] .ant-tabs .ant-tabs-tab:hover { color: var(--text-color) !important; } html[data-theme="dark"] .ant-tabs .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn { color: var(--primary-color) !important; } html[data-theme="dark"] .ant-empty .ant-empty-description { color: var(--text-secondary-color) !important; } .orders-wrap { max-width: 1440px; margin-left: auto; margin-right: auto; padding: 0 15px; } .orders-wrap h1 { font-size: 24px; font-weight: bold; color: var(--text-color); } .orders-wrap h2 { font-size: 20px; font-weight: bold; color: var(--text-color); } .orders-wrap .ant-card { box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.2); border-radius: 4px 4px 0 0; margin-bottom: 20px; } .orders-wrap .ant-card-body { padding: 10px; } .orders-wrap .no-orders { text-align: center; } .orders-wrap .order-number { font-size: 15px; font-weight: bold; color: var(--text-color); } .orders-wrap .order-text { font-size: 13px; color: var(--text-secondary-color); } .orders-wrap .order-text { font-size: 13px; color: var(--text-secondary-color); } .orders-wrap .order-delivery { font-size: 13px; font-weight: bold; color: var(--text-color); } .orders-wrap .button-refresh { font-size: 15px; font-weight: bold; color: var(--text-color); } .orders-wrap .border-delivery { border: 1px solid #73C64C; border-radius: 6px; margin-top: 3px; padding: 3px; padding-left: 12px; padding-right: 12px; text-transform: uppercase; } .orders-wrap .margin-top-orders { margin-top: 10px; } .orders-wrap .div-container { grid-column: span 2; display: flex; justify-content: space-between; } .orders-wrap .content-bread-crumb { margin-bottom: 20px; } .orders-wrap .content-bread-crumb .custom-breadcrumb { margin-bottom: 0 !important; font-size: 13px; } .orders-wrap .content-bread-crumb .custom-breadcrumb .ant-breadcrumb-link, .orders-wrap .content-bread-crumb .custom-breadcrumb .ant-breadcrumb-separator, .orders-wrap .content-bread-crumb .custom-breadcrumb a { color: var(--wc-text-sec) !important; transition: color 0.2s ease; } .orders-wrap .content-bread-crumb .custom-breadcrumb span:last-child .ant-breadcrumb-link { color: var(--wc-text-main) !important; font-weight: 600; } html[data-theme="dark"] .orders-wrap .content-bread-crumb .custom-breadcrumb .ant-breadcrumb-link, html[data-theme="dark"] .orders-wrap .content-bread-crumb .custom-breadcrumb .ant-breadcrumb-separator, html[data-theme="dark"] .orders-wrap .content-bread-crumb .custom-breadcrumb a, html[data-theme="dark"] .orders-wrap .content-bread-crumb .custom-breadcrumb span { color: rgba(255, 255, 255, 0.7) !important; } .orders-wrap .content-bread-crumb .custom-breadcrumb .cursor-pointer:hover { color: var(--wc-text-main) !important; } .orders-wrap .content-bread-crumb .custom-breadcrumb .cursor-pointer:hover .ant-breadcrumb-link { color: var(--wc-text-main) !important; } html[data-theme="dark"] .orders-wrap .content-bread-crumb .custom-breadcrumb .cursor-pointer:hover { color: #fff !important; } html[data-theme="dark"] .orders-wrap .content-bread-crumb .custom-breadcrumb .cursor-pointer:hover .ant-breadcrumb-link { color: #fff !important; } .modal-waiting-order .gap { gap: 0.5rem; } .modal-waiting-order .button-green { color: var(--text-on-primary); background: #73C64C; border-color: #73C64C; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045); } .modal-waiting-order h2 { font-size: 20px; font-weight: bold; color: var(--text-color); margin-bottom: .25rem; } .modal-waiting-order .description { color: var(--text-secondary-color); margin-left: 24px; } .modal-waiting-order .div-container { grid-column: span 2; display: flex; justify-content: space-between; } .modal-waiting-order .order-text { font-size: 20px; color: var(--text-secondary-color); } .modal-waiting-order .modal-title { font-size: 15px; color: var(--text-secondary-color); } .modal-waiting-order .text-desc { font-size: 13px; color: var(--text-color); font-weight: 600; letter-spacing: 0; } .modal-waiting-order .margin-list-name-option { margin-top: .24rem; } .modal-waiting-order .cart-option { margin-left: 24px; } .modal-waiting-order .comments-div { background-color: var(--surface-color); border: 1px solid #F1CC69; border-radius: 4px; padding: 8px; margin-top: 10px; margin-bottom: 20px; } .modal-waiting-order .comments-div-general { background-color: var(--surface-color); border: 1px solid #F1CC69; border-radius: 4px; padding: 8px; margin-top: 10px; margin-bottom: 20px; } .modal-waiting-order .comments-new { background-color: #F57423; color: var(--text-on-primary); border-radius: 4px; padding: 8px; margin-top: 10px; margin-bottom: 20px; } .modal-waiting-order .text-white { font-size: 15px; color: var(--text-on-primary); font-weight: 600; letter-spacing: 0; } .modal-waiting-order .comment-desc-white { font-size: 16px; color: var(--text-on-primary); } .modal-waiting-order .row-buttons-margin { margin-top: 20px; } .modal-waiting-order .card-detail-products { margin-top: 20px; } .modal-waiting-order .card-time-for-order { margin-top: 20px; margin-bottom: 20px; } .button-states-orders { margin-top: 20px; margin-bottom: 30px; } .modal-reject-order .title { font-size: 22px; font-weight: bold; padding-bottom: 10px; } .ant-modal-kitchen-confirm .ant-modal-header { text-align: center; border-bottom: none; margin-bottom: 20px; } .ant-modal-kitchen-confirm .ant-modal-title { font-size: 24px; font-weight: bold; color: var(--text-color); } .ant-modal-kitchen-confirm .modal-body { font-size: 16px; color: var(--text-secondary-color); line-height: 1.6; text-align: center; } .ant-modal-kitchen-confirm .modal-body p { margin-bottom: 15px; } .ant-modal-kitchen-confirm .btn-modal { background-color: #fa541c; border: none; font-weight: bold; color: #fff; padding: 12px 24px; border-radius: 6px; font-size: 16px; transition: background-color 0.3s ease; } .ant-modal-kitchen-confirm .btn-modal:hover { background-color: #d4380d; } .ant-modal-kitchen-confirm .btn-modal:focus { outline: none; box-shadow: 0 0 0 3px rgba(250, 84, 28, 0.3); } .ant-modal-kitchen-confirm .btn-modal:active { background-color: #b02a1e; } .ant-modal-kitchen-confirm p { font-size: 1rem; } .ant-modal-kitchen-confirm h2 { font-size: 1.5rem; font-weight: bold; } .ant-modal-kitchen-confirm .modal-buttons { display: flex; justify-content: center; align-items: center; gap: 16px; margin-top: 20px; } .ant-modal-kitchen-confirm .modal-buttons .btn-cancel { background-color: var(--border-color); color: var(--text-color); font-weight: bold; border: none; border-radius: 6px; padding: 5px 24px; font-size: 16px; line-height: 1.5; transition: background-color 0.3s ease; } .ant-modal-kitchen-confirm .modal-buttons .btn-cancel:hover { background-color: #585757; } .ant-modal-kitchen-confirm .modal-buttons .btn-cancel:focus { outline: none; box-shadow: 0 0 0 3px rgba(100, 100, 100, 0.3); } .ant-modal-kitchen-confirm .modal-buttons .btn-confirm { background-color: #fa541c; color: #fff; font-weight: bold; border: none; border-radius: 6px; padding: 5px 24px; font-size: 16px; line-height: 1.5; transition: background-color 0.3s ease; } .ant-modal-kitchen-confirm .modal-buttons .btn-confirm:hover { background-color: #d4380d; } .ant-modal-kitchen-confirm .modal-buttons .btn-confirm:focus { outline: none; box-shadow: 0 0 0 3px rgba(250, 84, 28, 0.3); } html[data-theme="dark"] .orders-wrap .ant-card { background-color: var(--surface-color); border-color: var(--border-color); } html[data-theme="dark"] .orders-wrap .border-delivery { border-color: #73C64C; } html[data-theme="dark"] .modal-waiting-order .comments-div, html[data-theme="dark"] .modal-waiting-order .comments-div-general { background-color: var(--background-color); border-color: #F1CC69; } html[data-theme="dark"] .modal-waiting-order .comments-new { background-color: #F57423; } html[data-theme="dark"] .ant-modal-kitchen-confirm .btn-cancel:hover { background-color: rgba(255, 255, 255, 0.1); } .events-wrap { max-width: 1440px; margin-left: auto; margin-right: auto; padding: 0px 15px 20px 15px; color: var(--text-color); } .events-wrap.my-event-page-full-width { max-width: 100%; margin-left: 0; margin-right: 0; padding: 16px 20px; width: 100%; } .events-wrap.my-event-page-full-width .content-bread-crumb { padding: 20px 24px 0; } .events-wrap.my-event-page-full-width .content-tabs { padding: 0; } .events-wrap.my-event-page-full-width .event-layout-container { display: flex; gap: 16px; } @media (max-width: 767px) { .events-wrap.my-event-page-full-width .event-layout-container { flex-direction: column; } } .events-wrap.my-event-page-full-width .event-sidebar { flex: none !important; max-width: 220px !important; width: 220px !important; background: transparent !important; } @media (max-width: 767px) { .events-wrap.my-event-page-full-width .event-sidebar { position: static !important; max-width: 100% !important; width: 100% !important; } } .events-wrap.my-event-page-full-width .event-sidebar .event-sidebar-menu { width: 100%; } .events-wrap.my-event-page-full-width .event-sidebar .event-sidebar-menu .event-sidebar-header { display: flex; flex-direction: column; gap: 12px; margin-bottom: 16px; } .events-wrap.my-event-page-full-width .event-sidebar .event-sidebar-menu .event-sidebar-header .event-sidebar-back-button { margin-bottom: 0; } .events-wrap.my-event-page-full-width .event-sidebar .event-sidebar-menu .event-sidebar-header .event-sidebar-back-button .back-button-minimal { background: transparent !important; border: none !important; box-shadow: none !important; padding: 0 !important; height: auto !important; display: flex !important; align-items: center !important; transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important; } .events-wrap.my-event-page-full-width .event-sidebar .event-sidebar-menu .event-sidebar-header .event-sidebar-back-button .back-button-minimal:hover { background: transparent !important; transform: translateX(-2px) !important; } .events-wrap.my-event-page-full-width .event-sidebar .event-sidebar-menu .event-sidebar-header .event-sidebar-back-button .back-button-minimal .custom-arrow-icon { color: var(--text-color) !important; width: 28px !important; height: 19px !important; margin-right: 8px !important; transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important; opacity: 0.8; } .events-wrap.my-event-page-full-width .event-sidebar .event-sidebar-menu .event-sidebar-header .event-sidebar-back-button .back-button-minimal .back-text { color: var(--text-color) !important; font-size: 16px !important; font-weight: 600 !important; margin-right: 12px !important; transition: color 0.2s ease !important; opacity: 0.9; } .events-wrap.my-event-page-full-width .event-sidebar .event-sidebar-menu .event-sidebar-header .event-sidebar-back-button .back-button-minimal:hover .custom-arrow-icon { opacity: 1; color: var(--primary-color, #ff6b35) !important; } .events-wrap.my-event-page-full-width .event-sidebar .event-sidebar-menu .event-sidebar-header .event-sidebar-back-button .back-button-minimal:hover .back-text { color: var(--primary-color, #ff6b35) !important; opacity: 1; } .events-wrap.my-event-page-full-width .event-sidebar .event-sidebar-menu .event-sidebar-menu-inner { border-right: none !important; border-left: none !important; background: transparent !important; padding: 0 !important; } .events-wrap.my-event-page-full-width .event-sidebar .event-sidebar-menu .event-sidebar-menu-inner .ant-menu-item { margin: 4px 0 !important; height: 44px !important; display: flex !important; align-items: center !important; font-weight: 500 !important; font-size: 15px !important; border-radius: 10px !important; padding: 0 16px !important; } .events-wrap.my-event-page-full-width .event-sidebar .event-sidebar-menu .event-sidebar-menu-inner .ant-menu-item.ant-menu-item-selected { background: transparent !important; color: #ff6b35 !important; } .events-wrap.my-event-page-full-width .event-sidebar .event-sidebar-menu .event-sidebar-menu-inner .ant-menu-item:hover { background: transparent !important; color: #ff6b35 !important; } .events-wrap.my-event-page-full-width .event-content { flex: 1 !important; background: transparent !important; padding: 0 !important; } .events-wrap.my-event-page-full-width .general-summary-wrapper { margin-top: 24px; } .events-wrap.my-event-page-full-width .general-summary-wrapper .general-summary-card { border-radius: 16px !important; background-color: var(--surface-color) !important; border: 1px solid var(--border-color) !important; box-shadow: 0 12px 30px rgba(15, 15, 15, 0.06); } .events-wrap.my-event-page-full-width .general-summary-wrapper .general-summary-card .ant-card-body { padding: 24px 24px 28px 24px; } .events-wrap.my-event-page-full-width .general-summary-wrapper .general-summary-card h2 { color: var(--text-color); margin-bottom: 8px; } .events-wrap.my-event-page-full-width .general-summary-wrapper .general-summary-card p { color: var(--text-secondary-color); } .events-wrap .footer-table-total { display: block; align-items: normal; justify-content: normal; color: var(--text-color) !important; } .events-wrap .footer-table-total div { color: var(--text-color) !important; } .events-wrap .footer-table-total strong { color: var(--text-color) !important; font-weight: 600 !important; } @media (min-width: 767px) { .events-wrap .footer-table-total { display: flex; align-items: center; justify-content: space-between; } } .events-wrap .total-card-resumen { display: block; } @media (min-width: 767px) { .events-wrap .total-card-resumen { display: flex; } } .events-wrap .width100 { width: 100%; margin-bottom: 10px; display: flex; justify-content: center; } .events-wrap .height-card { height: 255px !important; } @media (min-width: 767px) { .events-wrap .height-card { height: 220px !important; } } .events-wrap .card-ticket { text-transform: capitalize; cursor: pointer; background-color: rgba(255, 255, 255, 0.9); box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15); border-radius: 8px; padding: .85rem; } @media (min-width: 767px) { .events-wrap .card-ticket { padding: .85rem; } .events-wrap .card-ticket h1 { margin-bottom: .5rem; line-height: 1; font-size: 1.4rem; font-weight: 600; } } @media (min-width: 767px) and (min-width: 767px) { .events-wrap .card-ticket h1 { font-size: 1.4rem; } } @media (min-width: 767px) { .events-wrap .card-ticket h2 { margin-bottom: 0; } } .events-wrap .card-ticket .ticket-title { font-weight: 600; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; overflow-wrap: anywhere; display: -webkit-box; text-transform: initial; } .events-wrap .card-ticket .ticket-url { font-weight: bold; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; overflow-wrap: anywhere; display: -webkit-box; font-size: 14px; color: #585757; } .events-wrap .card-ticket .ticket-info { color: #585757; display: grid; font-size: 12px; } .events-wrap .card-ticket .ticket-info p { font-weight: bold; line-height: 1rem; margin-bottom: 0; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; max-height: 1rem; overflow-wrap: anywhere; margin-bottom: 0; } .events-wrap .card-ticket .ticket-info .different { text-transform: none; -webkit-box-orient: horizontal; overflow: visible; max-height: 3rem; } .events-wrap .card-ticket .ticket-btn { background-color: #000; color: #fff; font-weight: bold; margin-right: 5px; } .events-wrap .card-event { text-transform: capitalize; cursor: pointer; background-color: rgba(255, 255, 255, 0.9); box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15); border-radius: 8px; padding: 0; display: grid; grid-template-columns: 1fr; grid-template-rows: 120px min-content; width: 100%; height: 355px; } @media (min-width: 767px) { .events-wrap .card-event { height: 368px; grid-template-columns: 1fr; padding: 0; } .events-wrap .card-event h1 { margin-bottom: .5rem; line-height: 1; font-size: 1.4rem; font-weight: 600; } } @media (min-width: 767px) and (min-width: 767px) { .events-wrap .card-event h1 { font-size: 1.4rem; } } @media (min-width: 767px) { .events-wrap .card-event h2 { margin-bottom: 0; } } @media (min-width: 767px) { .events-wrap .card-event .fix-margin-buttons { margin-top: -31px; } } .events-wrap .card-event .card-header-restaurant { background-size: cover; height: 184px; border-radius: 8px 8px 0 0; position: relative; } .events-wrap .card-event .image-card-event { object-fit: cover; height: 184px; width: 100%; border-radius: 8px 8px 0 0; } @media (min-width: 767px) { .events-wrap .card-event .image-card-event { height: 200px; } } .events-wrap .card-event .is-disabled { background-blend-mode: multiply; background-color: rgba(0, 0, 0, 0.7); } .events-wrap .card-event .store-title { padding: 0 .85rem; margin: .85rem 0rem .85rem 0; font-weight: 600; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; overflow-wrap: anywhere; display: -webkit-box; text-transform: initial; } .events-wrap .card-event .url-ticket { padding: 0 .85rem; margin: .85rem 0rem 0 0; font-weight: bold; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; overflow-wrap: anywhere; display: -webkit-box; font-size: 14px; color: #585757; } .events-wrap .card-event .description { font-size: .85rem; font-weight: 500; line-height: 1.2; } .events-wrap .card-event .logo { width: 72px; height: 72px; object-fit: cover; border-radius: .25rem; position: absolute; top: 1rem; left: 1rem; } @media (min-width: 767px) { .events-wrap .card-event .logo { width: 80px; height: 80px; } } .events-wrap .card-event .icon { width: 20px; height: 20px; } .events-wrap .card-event .info { color: #585757; display: grid; font-size: 12px; padding: 0 .85rem .85rem .8rem; } .events-wrap .card-event .info p { font-weight: bold; line-height: 1rem; margin-bottom: 0; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; max-height: 1rem; overflow-wrap: anywhere; margin-bottom: 0; } .events-wrap .card-event .info .not-available { grid-column: 1 / span 2; grid-template-columns: initial; } .events-wrap .card-event .btn-buy { background-color: #000; color: #fff; font-weight: bold; margin-right: 5px; } .events-wrap .box-active-event { background-color: #73C64C; border-radius: 6px; width: 71px; height: 22px; color: #fff; font-size: 13px; text-align: center; margin-top: 10px; } .events-wrap .box-suspended-event { background-color: #C6A3E8; border-radius: 6px; width: 71px; height: 22px; color: #fff; font-size: 13px; text-align: center; margin-top: 10px; } .events-wrap .box-inactive-event { background-color: #E15555; border-radius: 6px; width: 71px; height: 22px; color: #fff; font-size: 13px; text-align: center; margin-top: 10px; } .events-wrap .cart-img-event { border-radius: 4px; width: 200px; height: 100px; object-fit: cover; } .events-wrap .ant-card-event { box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.2); border-radius: 4px 4px 0 0; } .events-wrap .cart-title-event { font-size: 24px; font-weight: bold; color: #000; margin-bottom: 0; } .events-wrap .cart-desc-event { font-size: 15px; color: #000; font-weight: bold; } .events-wrap .cart-event { display: grid; grid-template-columns: min-content 1fr; gap: .75rem; padding: .75rem 0; } .events-wrap .box-validate { background-color: #73C64C; border-radius: 6px; width: 71px; height: 22px; color: #fff; font-size: 13px; text-align: center; margin-top: 10px; } .events-wrap .box-pending { background-color: #EFCC65; border-radius: 6px; width: auto; height: 22px; padding: 0 10px; color: #fff; font-size: 13px; text-align: center; margin-top: 10px; } .events-wrap .box-rejected { background-color: #E15555; border-radius: 6px; width: auto; height: 22px; padding: 0 10px; color: #fff; font-size: 13px; text-align: center; margin-top: 10px; } .events-wrap .border-card { background: #FFFFFF; border: 1px solid #DBDBDB; box-sizing: border-box; border-radius: 8px; } .events-wrap .content-header { display: flex; justify-content: space-between; padding: 0 15px; width: 100%; } .events-wrap .content-header-preview { display: flex; justify-content: space-between; width: 100%; } @media screen and (max-width: 500px) { .events-wrap .content-header-preview { flex-direction: column; gap: 10px; } } .events-wrap .btn-preview { font-size: 15px; font-weight: bold; color: #000; } .events-wrap .tabs-content-wrap { max-width: 600px; } .events-wrap h1 { font-size: 24px; font-weight: bold; color: #000; } .events-wrap .address-button-acction { position: absolute; bottom: 0; } .events-wrap .address-card-heigth { height: 150px; } .events-wrap .address-col-padding { padding: 10px; } .events-wrap .payment-methods-card { border-radius: 10px; } .events-wrap .payment-methods-card .header { display: flex; align-items: center; justify-content: space-between; font-weight: bold; font-size: 1rem; } .events-wrap .payment-methods-card .header img { height: 32px; } .events-wrap .payment-methods-card .number { font-size: 1.25rem; font-weight: bold; padding-top: 15px; } .events-wrap .payment-methods-card .ant-btn { padding: 0; } .events-wrap .payment-methods-card .ant-btn > span { text-decoration: underline; } .events-wrap .card-visa { background-image: radial-gradient(circle farthest-corner at 10% 20%, rgba(37, 145, 251, 0.98) 0.1%, #000780 99.8%); color: white; } .events-wrap .card-visa .ant-btn-link { color: white; } .events-wrap .card-americanexpress { background-image: linear-gradient(to top, #fff1eb 0%, #ace0f9 100%); } .events-wrap .card-americanexpress .ant-btn-link { color: black; } .events-wrap .card-redcompra { color: white; background: linear-gradient(90deg, #FC466B 0%, #3F5EFB 100%); } .events-wrap .card-redcompra .ant-btn-link { color: white; } .events-wrap .card-magna { background-image: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%); } .events-wrap .card-magna .ant-btn-link { color: black; } .events-wrap .card-diners { background: linear-gradient(90deg, #e3ffe7 0%, #d9e7ff 100%); } .events-wrap .card-diners .ant-btn-link { color: black; } .events-wrap .card-mastercard { color: white; background-color: #4158D0; background-image: linear-gradient(43deg, #4158D0 0%, #C850C0 46%, #FFCC70 100%); } .events-wrap .card-mastercard .ant-btn-link { color: white; } .events-wrap .cart-product { display: grid; gap: .75rem; padding: .75rem; } @media (min-width: 767px) { .events-wrap .cart-product { grid-template-columns: min-content 1fr; } } .events-wrap .cart-product .ant-collapse-header { padding-left: 24px; padding-top: 8px; padding-bottom: 8px; color: #969696; font-size: 13px; text-decoration: underline; } .events-wrap .cart-product .ant-collapse-header .ant-collapse-arrow { left: 0; } .events-wrap .cart-product .ant-collapse-content-box { padding-left: 24px; } .events-wrap .resume-div-container { display: flex; justify-content: space-between; margin-top: 15px; } .events-wrap .cart-products-empty { text-align: center; margin-top: 50%; } .events-wrap .cart-img { border-radius: 4px; width: 80px; height: 80px; object-fit: cover; } .events-wrap .cart-title { font-size: 24px; font-weight: bold; color: #000; margin-bottom: 0; } .events-wrap .cart-desc { font-size: 15px; color: #000; font-weight: bold; } .events-wrap .cart-status { font-size: 16px; color: #000; font-weight: 700; } .events-wrap .cart-input { width: 40px; text-align: center; } .events-wrap .cart-quantity { display: block; } @media (min-width: 767px) { .events-wrap .cart-quantity { grid-column: span 2; display: flex; justify-content: space-between; } } .events-wrap .cart-price { font-size: 20px; font-weight: bold; color: #000; } .events-wrap .grid-btn { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; } @media (min-width: 767px) { .events-wrap .grid-btn { grid-template-columns: 1fr 1fr 1fr; } } .events-wrap .grid-btn-past { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; } @media (min-width: 767px) { .events-wrap .grid-btn-past { grid-template-columns: 1fr 1fr; } } .events-wrap .btn-100-xs { grid-column: span 2; } @media (min-width: 767px) { .events-wrap .btn-100-xs { grid-column: span 1; } } .events-wrap .box-active-event { background-color: #73C64C; border-radius: 6px; width: 71px; height: 22px; color: #fff; font-size: 13px; text-align: center; margin-top: 10px; } .events-wrap .box-suspended-event { background-color: #C6A3E8; border-radius: 6px; width: 71px; height: 22px; color: #fff; font-size: 13px; text-align: center; } .events-wrap .box-inactive-event { background-color: #E15555; border-radius: 6px; width: 71px; height: 22px; color: #fff; font-size: 13px; text-align: center; } .events-wrap .box-pending-event { background-color: #EFCC65; border-radius: 6px; width: 71px; height: 22px; color: #fff; font-size: 13px; text-align: center; } .events-wrap .content-bread-crumb { padding-bottom: 14px; } .events-wrap .cursor-pointer { cursor: pointer; } .events-wrap .circle-available { width: 13px; height: 13px; background: #DEF6E9; border-radius: 1rem; margin-top: 4px; } .events-wrap .circle-sold { width: 13px; height: 13px; background: #28C66F; border-radius: 1rem; margin-top: 4px; } .events-wrap .container-sold-card { border: 1px solid #DBDBDB; box-sizing: border-box; padding: 1rem; } .events-wrap .card-ticket-sold { background-color: rgba(30, 30, 30, 0.95) !important; box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.3); border-radius: 8px; border: 1px solid rgba(255, 255, 255, 0.1); color: #fff; } .events-wrap .card-ticket-sold div { color: #fff !important; } .events-wrap .event-sumary { background-color: #DBDBDB; } .events-wrap .padding-charts-list { padding-top: 1rem; } @media (min-width: 767px) { .events-wrap .padding-charts-list { padding-top: 50px; } } .ant-progress-circle-trail { stroke: #DEF6E9 !important; } .zones-event .companies-wrap { max-width: 1440px; margin-left: auto; margin-right: auto; } .zones-event h1 { font-size: 24px; font-weight: bold; color: #000; } .zones-event .content-bread-crumb { padding: 0 15px; } .zones-event .cursor-pointer { cursor: pointer; } .zones-event .content-header { display: flex; justify-content: space-between; width: 100%; } .zones-event .button-text { font-weight: bold; height: 37px; } .zones-event .companies-card-heigth { min-height: 175px; } .zones-event .companies-col-padding { padding: 10px; } .zones-event .companies-button-acction { position: absolute; bottom: 10px; right: 20px; } .zones-event .companies-button-acction-row { margin-top: 20px; } .zones-event .companies-fantasy-name { font-size: 20px; color: #000; font-weight: bold; } .zones-event .companies-text-card { font-size: 14px; color: #969696; } .zones-event .companies-card-empty { height: 140px; } .zones-event .row-card-company-buttom { gap: 10px; align-items: baseline; } .zones-event .box-validate { background-color: #73C64C; border-radius: 6px; width: 71px; height: 22px; color: #fff; font-size: 13px; text-align: center; margin-top: 10px; } .zones-event .box-pending { background-color: #EFCC65; border-radius: 6px; width: 71px; height: 22px; color: #fff; font-size: 13px; text-align: center; margin-top: 10px; } .zones-event .box-rejected { background-color: #E15555; border-radius: 6px; width: 71px; height: 22px; color: #fff; font-size: 13px; text-align: center; margin-top: 10px; } .zones-event #map-sector { overflow: auto; border-radius: 12px; padding: 12px; margin: 16px 0; background: #f9fafb; border: 1px solid #e5e7eb; } .zones-event #map-sector svg { width: 100% !important; height: auto; border-radius: 8px; } @media screen and (max-width: 321px) { .zones-event .content-header { padding: 0 0; } } .modal-seats .margin-first-seat { margin-top: 18px; } .modal-seats .bg-seleccionado { width: 76px; height: 76px; background: url("https://tolivmarket-production.s3.sa-east-1.amazonaws.com/static/images/seats.png") -10px -10px; zoom: 0.39; -moz-transform: scale(0.39); -moz-transform-origin: 0 0; } .modal-seats .bg-no-disponible { width: 76px; height: 76px; background: url("https://tolivmarket-production.s3.sa-east-1.amazonaws.com/static/images/seats.png") -106px -10px; zoom: 0.39; -moz-transform: scale(0.39); -moz-transform-origin: 0 0; } .modal-seats .bg-comprado { width: 76px; height: 76px; background: url("https://tolivmarket-production.s3.sa-east-1.amazonaws.com/static/images/seats.png") -10px -106px; zoom: 0.39; -moz-transform: scale(0.39); -moz-transform-origin: 0 0; } .modal-seats .bg-asiento-disponible { width: 76px; height: 76px; background: url("https://tolivmarket-production.s3.sa-east-1.amazonaws.com/static/images/seats.png") -106px -106px; zoom: 0.39; -moz-transform: scale(0.39); -moz-transform-origin: 0 0; } .modal-seats .number { width: 30px; font-size: 11px; } .modal-seats .number-col { width: auto; text-align: center; font-size: 11px; } .list-guest-wrap .ant-collapse-header { font-size: 15px; font-weight: bold; color: #000; } @media (min-width: 767px) { .list-guest-wrap .content-btns { display: flex; float: right; } } .list-guest-wrap .card-ticket-sold { background-color: rgba(30, 30, 30, 0.95) !important; box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.3); border-radius: 8px; border: 1px solid rgba(255, 255, 255, 0.1); color: #fff; } .list-guest-wrap .card-ticket-sold div { color: #fff !important; } .list-guest-wrap .summary-cards-container { display: flex; gap: 1rem; justify-content: space-between; flex-wrap: wrap; } .list-guest-wrap .summary-cards-container .card-summary { flex: 1 1 calc(33.333% - 1rem); min-width: 120px; background-color: rgba(30, 30, 30, 0.95) !important; border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 8px; text-align: center; padding: 10px; } .list-guest-wrap .summary-cards-container .card-summary .card-title { font-size: 16px; color: rgba(255, 255, 255, 0.7); } .list-guest-wrap .summary-cards-container .card-summary .card-value { font-size: 24px; font-weight: bold; color: #fff; color: #1e1e1e; } @media (min-width: 767px) { .list-guest-wrap .card-summary { flex: 1 1 100%; max-width: none; } } .btn-new-ticket-mobile { margin-top: 5px; } @media (min-width: 767px) { .btn-new-ticket-mobile { margin-top: 0px; } } .align-row { justify-content: start; } @media (min-width: 767px) { .align-row { justify-content: end; } } .row-guest { justify-content: flex-end; gap: 5px; } @media screen and (max-width: 950px) { .hidden-mobile { display: none; } } .ant-popover-buttons { text-align: center; } .tickets-sold-wrapper .card-ticket-sold { border-radius: 12px !important; border: 1px solid var(--border-color) !important; background-color: var(--surface-color) !important; transition: all 0.3s ease !important; } .tickets-sold-wrapper .card-ticket-sold .ant-card-body { color: var(--text-color) !important; } .tickets-sold-wrapper h2.theme-text { color: var(--text-color) !important; } .list-tickets-wrapper { margin-top: 24px; } .list-tickets-wrapper .ant-card.theme-surface { border-radius: 16px !important; background-color: var(--surface-color) !important; border: 1px solid var(--border-color) !important; } .list-tickets-wrapper .ant-card.theme-surface h1 { color: var(--text-color); } .list-tickets-wrapper .card-ticket.theme-surface { background-color: var(--surface-color) !important; border: 1px solid var(--border-color) !important; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important; border-radius: 12px !important; padding: 1rem !important; margin-bottom: 16px !important; } .list-tickets-wrapper .card-ticket.theme-surface .ticket-title { color: var(--text-color) !important; } .list-tickets-wrapper .card-ticket.theme-surface .ticket-url { color: var(--text-secondary-color) !important; } .list-tickets-wrapper .card-ticket.theme-surface .ticket-info { color: var(--text-color) !important; } .list-tickets-wrapper .card-ticket.theme-surface .ticket-info p { color: var(--text-color) !important; } .list-tickets-wrapper .card-ticket.theme-surface .ticket-info p strong { color: var(--text-color) !important; } .list-tickets-wrapper .card-ticket.theme-surface .ticket-btn { background-color: var(--surface-color) !important; border-color: var(--border-color) !important; color: var(--text-color) !important; } .list-tickets-wrapper .card-ticket.theme-surface .ticket-btn:hover { background-color: var(--hover-color, rgba(255, 255, 255, 0.05)) !important; border-color: #F57423 !important; color: #F57423 !important; } .list-guests-wrapper { margin-top: 24px; } .list-guests-wrapper .ant-card.theme-surface { border-radius: 16px !important; background-color: var(--surface-color) !important; border: 1px solid var(--border-color) !important; } .list-guests-wrapper .ant-card.theme-surface h1 { color: var(--text-color); } .list-guests-wrapper .ant-collapse.theme-surface { background-color: var(--surface-color) !important; border: none !important; } .list-guests-wrapper .ant-collapse.theme-surface .ant-collapse-item { background-color: var(--surface-color) !important; border: 1px solid var(--border-color) !important; border-radius: 8px !important; margin-bottom: 12px !important; } .list-guests-wrapper .ant-collapse.theme-surface .ant-collapse-item .ant-collapse-header { background-color: var(--surface-color) !important; color: var(--text-color) !important; padding: 16px !important; } .list-guests-wrapper .ant-collapse.theme-surface .ant-collapse-item .ant-collapse-header:hover { background-color: var(--hover-color, rgba(255, 255, 255, 0.05)) !important; } .list-guests-wrapper .ant-collapse.theme-surface .ant-collapse-item .ant-collapse-content { background-color: var(--surface-color) !important; border-top: 1px solid var(--border-color) !important; } .list-guests-wrapper .ant-collapse.theme-surface .ant-collapse-item .ant-collapse-content .ant-collapse-content-box { background-color: var(--surface-color) !important; color: var(--text-color) !important; padding: 16px !important; } .list-forms-wrapper { margin-top: 24px; } .list-forms-wrapper .ant-card.theme-surface { border-radius: 16px !important; background-color: var(--surface-color) !important; border: 1px solid var(--border-color) !important; } .list-forms-wrapper .ant-card.theme-surface h1 { color: var(--text-color); } .coupons-wrapper { margin-top: 24px; } .coupons-wrapper .ant-card.theme-surface { border-radius: 16px !important; background-color: var(--surface-color) !important; border: 1px solid var(--border-color) !important; } .coupons-wrapper .ant-card.theme-surface h1 { color: var(--text-color); } .coupons-wrapper .ant-table-wrapper .ant-table.theme-surface { background-color: var(--surface-color) !important; color: var(--text-color) !important; } .coupons-wrapper .ant-table-wrapper .ant-table.theme-surface .ant-table-container { background-color: var(--surface-color) !important; } .coupons-wrapper .ant-table-wrapper .ant-table.theme-surface .ant-table-container .ant-table-content > table > thead.ant-table-thead > tr > th { background-color: var(--surface-color) !important; color: var(--text-color) !important; border-bottom: 1px solid var(--border-color) !important; } .coupons-wrapper .ant-table-wrapper .ant-table.theme-surface .ant-table-container .ant-table-content > table > tbody.ant-table-tbody > tr { background-color: var(--surface-color) !important; } .coupons-wrapper .ant-table-wrapper .ant-table.theme-surface .ant-table-container .ant-table-content > table > tbody.ant-table-tbody > tr > td { background-color: var(--surface-color) !important; color: var(--text-color) !important; border-bottom: 1px solid var(--border-color) !important; } .coupons-wrapper .ant-table-wrapper .ant-table.theme-surface .ant-table-container .ant-table-content > table > tbody.ant-table-tbody > tr:hover > td { background-color: var(--hover-color, rgba(255, 255, 255, 0.05)) !important; } .reporting-wrapper { margin-top: 24px; } .reporting-wrapper .ant-card.theme-surface { border-radius: 16px !important; background-color: var(--surface-color) !important; border: 1px solid var(--border-color) !important; box-shadow: 0 12px 30px rgba(15, 15, 15, 0.06); } .reporting-wrapper .ant-card.theme-surface .ant-card-body { padding: 24px 24px 28px 24px; } .reporting-wrapper .ant-card.theme-surface h2 { color: var(--text-color); margin-bottom: 8px; } .reporting-wrapper .ant-card.theme-surface p { color: var(--text-secondary-color); } .sales-tickets-wrapper { margin-top: 24px; } .sales-tickets-wrapper .ant-card.theme-surface { border-radius: 16px !important; border: 1px solid var(--border-color) !important; } .sales-tickets-wrapper .ant-card.theme-surface h1 { color: var(--text-color); } .sales-tickets-wrapper .ant-table-wrapper .ant-table { color: var(--text-color) !important; } .sales-tickets-wrapper .ant-table-wrapper .ant-table thead tr th { color: var(--text-secondary-color) !important; } .sales-tickets-wrapper .ant-table-wrapper .ant-table tbody tr td { color: var(--text-color) !important; } .table-sales-wrapper .ant-table-wrapper .ant-table, .table-income-wrapper .ant-table-wrapper .ant-table, .table-forms-wrapper .ant-table-wrapper .ant-table, .table-coupons-wrapper .ant-table-wrapper .ant-table, .table-guests-wrapper .ant-table-wrapper .ant-table { background-color: var(--surface-color) !important; color: var(--text-color) !important; } .table-sales-wrapper .ant-table-wrapper .ant-table .ant-table-container, .table-income-wrapper .ant-table-wrapper .ant-table .ant-table-container, .table-forms-wrapper .ant-table-wrapper .ant-table .ant-table-container, .table-coupons-wrapper .ant-table-wrapper .ant-table .ant-table-container, .table-guests-wrapper .ant-table-wrapper .ant-table .ant-table-container { background-color: var(--surface-color) !important; border-color: var(--border-color) !important; } .table-sales-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content, .table-income-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content, .table-forms-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content, .table-coupons-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content, .table-guests-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content { background-color: var(--surface-color) !important; } .table-sales-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table, .table-income-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table, .table-forms-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table, .table-coupons-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table, .table-guests-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table { background-color: var(--surface-color) !important; } .table-sales-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > thead.ant-table-thead > tr > th, .table-income-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > thead.ant-table-thead > tr > th, .table-forms-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > thead.ant-table-thead > tr > th, .table-coupons-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > thead.ant-table-thead > tr > th, .table-guests-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > thead.ant-table-thead > tr > th { background-color: var(--surface-color) !important; color: var(--text-color) !important; border-bottom: 1px solid var(--border-color) !important; font-weight: 600 !important; } .table-sales-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > thead.ant-table-thead > tr > th::before, .table-income-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > thead.ant-table-thead > tr > th::before, .table-forms-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > thead.ant-table-thead > tr > th::before, .table-coupons-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > thead.ant-table-thead > tr > th::before, .table-guests-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > thead.ant-table-thead > tr > th::before { background-color: transparent !important; } .table-sales-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody, .table-income-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody, .table-forms-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody, .table-coupons-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody, .table-guests-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody { background-color: var(--surface-color) !important; } .table-sales-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody > tr, .table-income-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody > tr, .table-forms-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody > tr, .table-coupons-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody > tr, .table-guests-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody > tr { background-color: var(--surface-color) !important; } .table-sales-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody > tr > td, .table-income-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody > tr > td, .table-forms-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody > tr > td, .table-coupons-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody > tr > td, .table-guests-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody > tr > td { background-color: var(--surface-color) !important; color: var(--text-color) !important; border-bottom: 1px solid var(--border-color) !important; } .table-sales-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody > tr:hover > td, .table-income-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody > tr:hover > td, .table-forms-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody > tr:hover > td, .table-coupons-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody > tr:hover > td, .table-guests-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody > tr:hover > td { background-color: rgba(255, 111, 0, 0.06) !important; } .table-sales-wrapper .ant-table-wrapper .ant-table .ant-table-footer, .table-income-wrapper .ant-table-wrapper .ant-table .ant-table-footer, .table-forms-wrapper .ant-table-wrapper .ant-table .ant-table-footer, .table-coupons-wrapper .ant-table-wrapper .ant-table .ant-table-footer, .table-guests-wrapper .ant-table-wrapper .ant-table .ant-table-footer { background-color: var(--surface-color) !important; color: var(--text-color) !important; border-top: 1px solid var(--border-color) !important; } .table-sales-wrapper .ant-table-wrapper .ant-table .ant-table-footer .footer-table-total, .table-income-wrapper .ant-table-wrapper .ant-table .ant-table-footer .footer-table-total, .table-forms-wrapper .ant-table-wrapper .ant-table .ant-table-footer .footer-table-total, .table-coupons-wrapper .ant-table-wrapper .ant-table .ant-table-footer .footer-table-total, .table-guests-wrapper .ant-table-wrapper .ant-table .ant-table-footer .footer-table-total { color: var(--text-color) !important; } .table-sales-wrapper .ant-table-wrapper .ant-table .ant-table-footer .footer-table-total div, .table-income-wrapper .ant-table-wrapper .ant-table .ant-table-footer .footer-table-total div, .table-forms-wrapper .ant-table-wrapper .ant-table .ant-table-footer .footer-table-total div, .table-coupons-wrapper .ant-table-wrapper .ant-table .ant-table-footer .footer-table-total div, .table-guests-wrapper .ant-table-wrapper .ant-table .ant-table-footer .footer-table-total div { color: var(--text-color) !important; } .table-sales-wrapper .ant-table-wrapper .ant-table .ant-table-footer .footer-table-total strong, .table-income-wrapper .ant-table-wrapper .ant-table .ant-table-footer .footer-table-total strong, .table-forms-wrapper .ant-table-wrapper .ant-table .ant-table-footer .footer-table-total strong, .table-coupons-wrapper .ant-table-wrapper .ant-table .ant-table-footer .footer-table-total strong, .table-guests-wrapper .ant-table-wrapper .ant-table .ant-table-footer .footer-table-total strong { color: var(--text-color) !important; font-weight: 600 !important; } [data-theme="dark"] .events-wrap .ant-card { background: rgba(30, 30, 30, 0.95) !important; border-color: rgba(255, 255, 255, 0.1) !important; color: #fff !important; } [data-theme="dark"] .events-wrap .ant-card-body { color: #fff !important; } [data-theme="dark"] .list-tickets-wrapper .card-ticket.theme-surface { background: #141414 !important; border-color: #303030 !important; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3) !important; } [data-theme="dark"] .list-tickets-wrapper .card-ticket.theme-surface .ticket-title { color: #FFFFFF !important; } [data-theme="dark"] .list-tickets-wrapper .card-ticket.theme-surface .ticket-url { color: #CCCCCC !important; } [data-theme="dark"] .list-tickets-wrapper .card-ticket.theme-surface .ticket-info { color: #FFFFFF !important; } [data-theme="dark"] .list-tickets-wrapper .card-ticket.theme-surface .ticket-info p { color: #FFFFFF !important; } [data-theme="dark"] .list-tickets-wrapper .card-ticket.theme-surface .ticket-info p strong { color: #FFFFFF !important; } [data-theme="dark"] .list-tickets-wrapper .card-ticket.theme-surface .ticket-btn { background: #141414 !important; border-color: #303030 !important; color: #FFFFFF !important; } [data-theme="dark"] .list-tickets-wrapper .card-ticket.theme-surface .ticket-btn:hover { background: #2A2A2A !important; border-color: #F57423 !important; color: #F57423 !important; } [data-theme="dark"] .list-guests-wrapper .ant-collapse.theme-surface { background: #141414 !important; } [data-theme="dark"] .list-guests-wrapper .ant-collapse.theme-surface .ant-collapse-item { background: #141414 !important; border-color: #303030 !important; } [data-theme="dark"] .list-guests-wrapper .ant-collapse.theme-surface .ant-collapse-item .ant-collapse-header { background: #141414 !important; color: #FFFFFF !important; } [data-theme="dark"] .list-guests-wrapper .ant-collapse.theme-surface .ant-collapse-item .ant-collapse-header:hover { background: #2A2A2A !important; } [data-theme="dark"] .list-guests-wrapper .ant-collapse.theme-surface .ant-collapse-item .ant-collapse-content { background: #141414 !important; border-top-color: #303030 !important; } [data-theme="dark"] .list-guests-wrapper .ant-collapse.theme-surface .ant-collapse-item .ant-collapse-content .ant-collapse-content-box { background: #141414 !important; color: #FFFFFF !important; } [data-theme="dark"] .sales-tickets-wrapper .ant-table-wrapper .ant-table, [data-theme="dark"] .coupons-wrapper .ant-table-wrapper .ant-table, [data-theme="dark"] .table-forms-wrapper .ant-table-wrapper .ant-table, [data-theme="dark"] .table-coupons-wrapper .ant-table-wrapper .ant-table, [data-theme="dark"] .table-guests-wrapper .ant-table-wrapper .ant-table { background: #141414 !important; } [data-theme="dark"] .sales-tickets-wrapper .ant-table-wrapper .ant-table .ant-table-container, [data-theme="dark"] .coupons-wrapper .ant-table-wrapper .ant-table .ant-table-container, [data-theme="dark"] .table-forms-wrapper .ant-table-wrapper .ant-table .ant-table-container, [data-theme="dark"] .table-coupons-wrapper .ant-table-wrapper .ant-table .ant-table-container, [data-theme="dark"] .table-guests-wrapper .ant-table-wrapper .ant-table .ant-table-container { background: #141414 !important; } [data-theme="dark"] .sales-tickets-wrapper .ant-table-wrapper .ant-table .ant-table-container::-webkit-scrollbar, [data-theme="dark"] .coupons-wrapper .ant-table-wrapper .ant-table .ant-table-container::-webkit-scrollbar, [data-theme="dark"] .table-forms-wrapper .ant-table-wrapper .ant-table .ant-table-container::-webkit-scrollbar, [data-theme="dark"] .table-coupons-wrapper .ant-table-wrapper .ant-table .ant-table-container::-webkit-scrollbar, [data-theme="dark"] .table-guests-wrapper .ant-table-wrapper .ant-table .ant-table-container::-webkit-scrollbar { width: 4px !important; height: 4px !important; } [data-theme="dark"] .sales-tickets-wrapper .ant-table-wrapper .ant-table .ant-table-container::-webkit-scrollbar-track, [data-theme="dark"] .coupons-wrapper .ant-table-wrapper .ant-table .ant-table-container::-webkit-scrollbar-track, [data-theme="dark"] .table-forms-wrapper .ant-table-wrapper .ant-table .ant-table-container::-webkit-scrollbar-track, [data-theme="dark"] .table-coupons-wrapper .ant-table-wrapper .ant-table .ant-table-container::-webkit-scrollbar-track, [data-theme="dark"] .table-guests-wrapper .ant-table-wrapper .ant-table .ant-table-container::-webkit-scrollbar-track { background: transparent !important; } [data-theme="dark"] .sales-tickets-wrapper .ant-table-wrapper .ant-table .ant-table-container::-webkit-scrollbar-thumb, [data-theme="dark"] .coupons-wrapper .ant-table-wrapper .ant-table .ant-table-container::-webkit-scrollbar-thumb, [data-theme="dark"] .table-forms-wrapper .ant-table-wrapper .ant-table .ant-table-container::-webkit-scrollbar-thumb, [data-theme="dark"] .table-coupons-wrapper .ant-table-wrapper .ant-table .ant-table-container::-webkit-scrollbar-thumb, [data-theme="dark"] .table-guests-wrapper .ant-table-wrapper .ant-table .ant-table-container::-webkit-scrollbar-thumb { background: rgba(255, 255, 255, 0.1) !important; border-radius: 2px !important; } [data-theme="dark"] .sales-tickets-wrapper .ant-table-wrapper .ant-table .ant-table-container::-webkit-scrollbar-thumb:hover, [data-theme="dark"] .coupons-wrapper .ant-table-wrapper .ant-table .ant-table-container::-webkit-scrollbar-thumb:hover, [data-theme="dark"] .table-forms-wrapper .ant-table-wrapper .ant-table .ant-table-container::-webkit-scrollbar-thumb:hover, [data-theme="dark"] .table-coupons-wrapper .ant-table-wrapper .ant-table .ant-table-container::-webkit-scrollbar-thumb:hover, [data-theme="dark"] .table-guests-wrapper .ant-table-wrapper .ant-table .ant-table-container::-webkit-scrollbar-thumb:hover { background: rgba(255, 255, 255, 0.2) !important; } [data-theme="dark"] .sales-tickets-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table, [data-theme="dark"] .coupons-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table, [data-theme="dark"] .table-forms-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table, [data-theme="dark"] .table-coupons-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table, [data-theme="dark"] .table-guests-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table { background: #141414 !important; } [data-theme="dark"] .sales-tickets-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > thead.ant-table-thead > tr > th, [data-theme="dark"] .coupons-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > thead.ant-table-thead > tr > th, [data-theme="dark"] .table-forms-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > thead.ant-table-thead > tr > th, [data-theme="dark"] .table-coupons-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > thead.ant-table-thead > tr > th, [data-theme="dark"] .table-guests-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > thead.ant-table-thead > tr > th { background: #141414 !important; color: #FFFFFF !important; border-bottom-color: #303030 !important; } [data-theme="dark"] .sales-tickets-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody > tr, [data-theme="dark"] .coupons-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody > tr, [data-theme="dark"] .table-forms-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody > tr, [data-theme="dark"] .table-coupons-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody > tr, [data-theme="dark"] .table-guests-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody > tr { background: #141414 !important; } [data-theme="dark"] .sales-tickets-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody > tr > td, [data-theme="dark"] .coupons-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody > tr > td, [data-theme="dark"] .table-forms-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody > tr > td, [data-theme="dark"] .table-coupons-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody > tr > td, [data-theme="dark"] .table-guests-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody > tr > td { background: #141414 !important; color: #FFFFFF !important; border-bottom-color: #303030 !important; } [data-theme="dark"] .sales-tickets-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody > tr:hover > td, [data-theme="dark"] .coupons-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody > tr:hover > td, [data-theme="dark"] .table-forms-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody > tr:hover > td, [data-theme="dark"] .table-coupons-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody > tr:hover > td, [data-theme="dark"] .table-guests-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody > tr:hover > td { background: #2A2A2A !important; } [data-theme="dark"] .table-sales-wrapper .ant-table-wrapper .ant-table, [data-theme="dark"] .table-income-wrapper .ant-table-wrapper .ant-table, [data-theme="dark"] .table-forms-wrapper .ant-table-wrapper .ant-table, [data-theme="dark"] .table-coupons-wrapper .ant-table-wrapper .ant-table, [data-theme="dark"] .table-guests-wrapper .ant-table-wrapper .ant-table { background: #141414 !important; } [data-theme="dark"] .table-sales-wrapper .ant-table-wrapper .ant-table .ant-table-container, [data-theme="dark"] .table-income-wrapper .ant-table-wrapper .ant-table .ant-table-container, [data-theme="dark"] .table-forms-wrapper .ant-table-wrapper .ant-table .ant-table-container, [data-theme="dark"] .table-coupons-wrapper .ant-table-wrapper .ant-table .ant-table-container, [data-theme="dark"] .table-guests-wrapper .ant-table-wrapper .ant-table .ant-table-container { background: #141414 !important; } [data-theme="dark"] .table-sales-wrapper .ant-table-wrapper .ant-table .ant-table-container::-webkit-scrollbar, [data-theme="dark"] .table-income-wrapper .ant-table-wrapper .ant-table .ant-table-container::-webkit-scrollbar, [data-theme="dark"] .table-forms-wrapper .ant-table-wrapper .ant-table .ant-table-container::-webkit-scrollbar, [data-theme="dark"] .table-coupons-wrapper .ant-table-wrapper .ant-table .ant-table-container::-webkit-scrollbar, [data-theme="dark"] .table-guests-wrapper .ant-table-wrapper .ant-table .ant-table-container::-webkit-scrollbar { width: 4px !important; height: 4px !important; } [data-theme="dark"] .table-sales-wrapper .ant-table-wrapper .ant-table .ant-table-container::-webkit-scrollbar-track, [data-theme="dark"] .table-income-wrapper .ant-table-wrapper .ant-table .ant-table-container::-webkit-scrollbar-track, [data-theme="dark"] .table-forms-wrapper .ant-table-wrapper .ant-table .ant-table-container::-webkit-scrollbar-track, [data-theme="dark"] .table-coupons-wrapper .ant-table-wrapper .ant-table .ant-table-container::-webkit-scrollbar-track, [data-theme="dark"] .table-guests-wrapper .ant-table-wrapper .ant-table .ant-table-container::-webkit-scrollbar-track { background: transparent !important; } [data-theme="dark"] .table-sales-wrapper .ant-table-wrapper .ant-table .ant-table-container::-webkit-scrollbar-thumb, [data-theme="dark"] .table-income-wrapper .ant-table-wrapper .ant-table .ant-table-container::-webkit-scrollbar-thumb, [data-theme="dark"] .table-forms-wrapper .ant-table-wrapper .ant-table .ant-table-container::-webkit-scrollbar-thumb, [data-theme="dark"] .table-coupons-wrapper .ant-table-wrapper .ant-table .ant-table-container::-webkit-scrollbar-thumb, [data-theme="dark"] .table-guests-wrapper .ant-table-wrapper .ant-table .ant-table-container::-webkit-scrollbar-thumb { background: rgba(255, 255, 255, 0.1) !important; border-radius: 2px !important; } [data-theme="dark"] .table-sales-wrapper .ant-table-wrapper .ant-table .ant-table-container::-webkit-scrollbar-thumb:hover, [data-theme="dark"] .table-income-wrapper .ant-table-wrapper .ant-table .ant-table-container::-webkit-scrollbar-thumb:hover, [data-theme="dark"] .table-forms-wrapper .ant-table-wrapper .ant-table .ant-table-container::-webkit-scrollbar-thumb:hover, [data-theme="dark"] .table-coupons-wrapper .ant-table-wrapper .ant-table .ant-table-container::-webkit-scrollbar-thumb:hover, [data-theme="dark"] .table-guests-wrapper .ant-table-wrapper .ant-table .ant-table-container::-webkit-scrollbar-thumb:hover { background: rgba(255, 255, 255, 0.2) !important; } [data-theme="dark"] .table-sales-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content, [data-theme="dark"] .table-income-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content, [data-theme="dark"] .table-forms-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content, [data-theme="dark"] .table-coupons-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content, [data-theme="dark"] .table-guests-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content { background: #141414 !important; } [data-theme="dark"] .table-sales-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table, [data-theme="dark"] .table-income-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table, [data-theme="dark"] .table-forms-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table, [data-theme="dark"] .table-coupons-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table, [data-theme="dark"] .table-guests-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table { background: #141414 !important; } [data-theme="dark"] .table-sales-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > thead.ant-table-thead > tr > th, [data-theme="dark"] .table-income-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > thead.ant-table-thead > tr > th, [data-theme="dark"] .table-forms-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > thead.ant-table-thead > tr > th, [data-theme="dark"] .table-coupons-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > thead.ant-table-thead > tr > th, [data-theme="dark"] .table-guests-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > thead.ant-table-thead > tr > th { background: #141414 !important; color: #FFFFFF !important; border-bottom-color: #303030 !important; } [data-theme="dark"] .table-sales-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody, [data-theme="dark"] .table-income-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody, [data-theme="dark"] .table-forms-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody, [data-theme="dark"] .table-coupons-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody, [data-theme="dark"] .table-guests-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody { background: #141414 !important; } [data-theme="dark"] .table-sales-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody > tr, [data-theme="dark"] .table-income-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody > tr, [data-theme="dark"] .table-forms-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody > tr, [data-theme="dark"] .table-coupons-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody > tr, [data-theme="dark"] .table-guests-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody > tr { background: #141414 !important; } [data-theme="dark"] .table-sales-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody > tr > td, [data-theme="dark"] .table-income-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody > tr > td, [data-theme="dark"] .table-forms-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody > tr > td, [data-theme="dark"] .table-coupons-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody > tr > td, [data-theme="dark"] .table-guests-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody > tr > td { background: #141414 !important; color: #FFFFFF !important; border-bottom-color: #303030 !important; } [data-theme="dark"] .table-sales-wrapper .ant-table-wrapper .ant-table .ant-table-footer, [data-theme="dark"] .table-income-wrapper .ant-table-wrapper .ant-table .ant-table-footer, [data-theme="dark"] .table-forms-wrapper .ant-table-wrapper .ant-table .ant-table-footer, [data-theme="dark"] .table-coupons-wrapper .ant-table-wrapper .ant-table .ant-table-footer, [data-theme="dark"] .table-guests-wrapper .ant-table-wrapper .ant-table .ant-table-footer { background: #141414 !important; color: #FFFFFF !important; border-top-color: #303030 !important; } [data-theme="light"] .list-tickets-wrapper .card-ticket.theme-surface { background: #FFFFFF !important; border-color: #E0E0E0 !important; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important; } [data-theme="light"] .list-tickets-wrapper .card-ticket.theme-surface .ticket-title { color: #333333 !important; } [data-theme="light"] .list-tickets-wrapper .card-ticket.theme-surface .ticket-url { color: #666666 !important; } [data-theme="light"] .list-tickets-wrapper .card-ticket.theme-surface .ticket-info { color: #333333 !important; } [data-theme="light"] .list-tickets-wrapper .card-ticket.theme-surface .ticket-info p { color: #333333 !important; } [data-theme="light"] .list-tickets-wrapper .card-ticket.theme-surface .ticket-info p strong { color: #333333 !important; } [data-theme="light"] .list-tickets-wrapper .card-ticket.theme-surface .ticket-btn { background: #FFFFFF !important; border-color: #E0E0E0 !important; color: #333333 !important; } [data-theme="light"] .list-tickets-wrapper .card-ticket.theme-surface .ticket-btn:hover { background: #F5F5F5 !important; border-color: #F57423 !important; color: #F57423 !important; } [data-theme="light"] .list-guests-wrapper .ant-collapse.theme-surface { background: #FFFFFF !important; } [data-theme="light"] .list-guests-wrapper .ant-collapse.theme-surface .ant-collapse-item { background: #FFFFFF !important; border-color: #E0E0E0 !important; } [data-theme="light"] .list-guests-wrapper .ant-collapse.theme-surface .ant-collapse-item .ant-collapse-header { background: #FFFFFF !important; color: #333333 !important; } [data-theme="light"] .list-guests-wrapper .ant-collapse.theme-surface .ant-collapse-item .ant-collapse-header:hover { background: #F5F5F5 !important; } [data-theme="light"] .list-guests-wrapper .ant-collapse.theme-surface .ant-collapse-item .ant-collapse-content { background: #FFFFFF !important; border-top-color: #E0E0E0 !important; } [data-theme="light"] .list-guests-wrapper .ant-collapse.theme-surface .ant-collapse-item .ant-collapse-content .ant-collapse-content-box { background: #FFFFFF !important; color: #333333 !important; } [data-theme="light"] .sales-tickets-wrapper .ant-table-wrapper .ant-table, [data-theme="light"] .coupons-wrapper .ant-table-wrapper .ant-table, [data-theme="light"] .table-forms-wrapper .ant-table-wrapper .ant-table, [data-theme="light"] .table-coupons-wrapper .ant-table-wrapper .ant-table, [data-theme="light"] .table-guests-wrapper .ant-table-wrapper .ant-table { background: #FFFFFF !important; } [data-theme="light"] .sales-tickets-wrapper .ant-table-wrapper .ant-table .ant-table-container, [data-theme="light"] .coupons-wrapper .ant-table-wrapper .ant-table .ant-table-container, [data-theme="light"] .table-forms-wrapper .ant-table-wrapper .ant-table .ant-table-container, [data-theme="light"] .table-coupons-wrapper .ant-table-wrapper .ant-table .ant-table-container, [data-theme="light"] .table-guests-wrapper .ant-table-wrapper .ant-table .ant-table-container { background: #FFFFFF !important; } [data-theme="light"] .sales-tickets-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table, [data-theme="light"] .coupons-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table, [data-theme="light"] .table-forms-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table, [data-theme="light"] .table-coupons-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table, [data-theme="light"] .table-guests-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table { background: #FFFFFF !important; } [data-theme="light"] .sales-tickets-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > thead.ant-table-thead > tr > th, [data-theme="light"] .coupons-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > thead.ant-table-thead > tr > th, [data-theme="light"] .table-forms-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > thead.ant-table-thead > tr > th, [data-theme="light"] .table-coupons-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > thead.ant-table-thead > tr > th, [data-theme="light"] .table-guests-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > thead.ant-table-thead > tr > th { background: #FFFFFF !important; color: #333333 !important; border-bottom-color: #E0E0E0 !important; } [data-theme="light"] .sales-tickets-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody > tr, [data-theme="light"] .coupons-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody > tr, [data-theme="light"] .table-forms-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody > tr, [data-theme="light"] .table-coupons-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody > tr, [data-theme="light"] .table-guests-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody > tr { background: #FFFFFF !important; } [data-theme="light"] .sales-tickets-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody > tr > td, [data-theme="light"] .coupons-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody > tr > td, [data-theme="light"] .table-forms-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody > tr > td, [data-theme="light"] .table-coupons-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody > tr > td, [data-theme="light"] .table-guests-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody > tr > td { background: #FFFFFF !important; color: #333333 !important; border-bottom-color: #E0E0E0 !important; } [data-theme="light"] .sales-tickets-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody > tr:hover > td, [data-theme="light"] .coupons-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody > tr:hover > td, [data-theme="light"] .table-forms-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody > tr:hover > td, [data-theme="light"] .table-coupons-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody > tr:hover > td, [data-theme="light"] .table-guests-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody > tr:hover > td { background: #F5F5F5 !important; } [data-theme="light"] .table-sales-wrapper .ant-table-wrapper .ant-table, [data-theme="light"] .table-income-wrapper .ant-table-wrapper .ant-table, [data-theme="light"] .table-forms-wrapper .ant-table-wrapper .ant-table, [data-theme="light"] .table-coupons-wrapper .ant-table-wrapper .ant-table, [data-theme="light"] .table-guests-wrapper .ant-table-wrapper .ant-table { background: #FFFFFF !important; } [data-theme="light"] .table-sales-wrapper .ant-table-wrapper .ant-table .ant-table-container, [data-theme="light"] .table-income-wrapper .ant-table-wrapper .ant-table .ant-table-container, [data-theme="light"] .table-forms-wrapper .ant-table-wrapper .ant-table .ant-table-container, [data-theme="light"] .table-coupons-wrapper .ant-table-wrapper .ant-table .ant-table-container, [data-theme="light"] .table-guests-wrapper .ant-table-wrapper .ant-table .ant-table-container { background: #FFFFFF !important; } [data-theme="light"] .table-sales-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content, [data-theme="light"] .table-income-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content, [data-theme="light"] .table-forms-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content, [data-theme="light"] .table-coupons-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content, [data-theme="light"] .table-guests-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content { background: #FFFFFF !important; } [data-theme="light"] .table-sales-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table, [data-theme="light"] .table-income-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table, [data-theme="light"] .table-forms-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table, [data-theme="light"] .table-coupons-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table, [data-theme="light"] .table-guests-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table { background: #FFFFFF !important; } [data-theme="light"] .table-sales-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > thead.ant-table-thead > tr > th, [data-theme="light"] .table-income-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > thead.ant-table-thead > tr > th, [data-theme="light"] .table-forms-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > thead.ant-table-thead > tr > th, [data-theme="light"] .table-coupons-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > thead.ant-table-thead > tr > th, [data-theme="light"] .table-guests-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > thead.ant-table-thead > tr > th { background: #FFFFFF !important; color: #333333 !important; border-bottom-color: #E0E0E0 !important; } [data-theme="light"] .table-sales-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody, [data-theme="light"] .table-income-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody, [data-theme="light"] .table-forms-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody, [data-theme="light"] .table-coupons-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody, [data-theme="light"] .table-guests-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody { background: #FFFFFF !important; } [data-theme="light"] .table-sales-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody > tr, [data-theme="light"] .table-income-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody > tr, [data-theme="light"] .table-forms-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody > tr, [data-theme="light"] .table-coupons-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody > tr, [data-theme="light"] .table-guests-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody > tr { background: #FFFFFF !important; } [data-theme="light"] .table-sales-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody > tr > td, [data-theme="light"] .table-income-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody > tr > td, [data-theme="light"] .table-forms-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody > tr > td, [data-theme="light"] .table-coupons-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody > tr > td, [data-theme="light"] .table-guests-wrapper .ant-table-wrapper .ant-table .ant-table-container .ant-table-content > table > tbody.ant-table-tbody > tr > td { background: #FFFFFF !important; color: #333333 !important; border-bottom-color: #E0E0E0 !important; } [data-theme="light"] .table-sales-wrapper .ant-table-wrapper .ant-table .ant-table-footer, [data-theme="light"] .table-income-wrapper .ant-table-wrapper .ant-table .ant-table-footer, [data-theme="light"] .table-forms-wrapper .ant-table-wrapper .ant-table .ant-table-footer, [data-theme="light"] .table-coupons-wrapper .ant-table-wrapper .ant-table .ant-table-footer, [data-theme="light"] .table-guests-wrapper .ant-table-wrapper .ant-table .ant-table-footer { background: #FFFFFF !important; color: #333333 !important; border-top-color: #E0E0E0 !important; } .button-text { background-color: var(--surface-color) !important; color: var(--text-color) !important; border: 1px solid var(--border-color) !important; transition: all 0.3s ease !important; } .button-text:hover, .button-text:focus { background-color: rgba(255, 111, 0, 0.1) !important; color: #FF6600 !important; border-color: #FF6600 !important; } .button-text .anticon { color: var(--text-color) !important; } html[data-theme="light"] #map-sector, html:not([data-theme="dark"]) #map-sector { background: #f9fafb !important; border: 1px solid #e5e7eb !important; } html[data-theme="light"] .zones-tab-content, html:not([data-theme="dark"]) .zones-tab-content { background: transparent; } html[data-theme="light"] .zones-tab-content .ant-btn, html:not([data-theme="dark"]) .zones-tab-content .ant-btn { background: #fff !important; border-color: #d1d5db !important; color: #374151 !important; } html[data-theme="light"] .zones-tab-content .ant-btn:hover, html:not([data-theme="dark"]) .zones-tab-content .ant-btn:hover { border-color: var(--primary-color) !important; color: var(--primary-color) !important; } html[data-theme="light"] .zones-tab-content .ant-input, html[data-theme="light"] .zones-tab-content .ant-input-number, html[data-theme="light"] .zones-tab-content .ant-select-selector, html:not([data-theme="dark"]) .zones-tab-content .ant-input, html:not([data-theme="dark"]) .zones-tab-content .ant-input-number, html:not([data-theme="dark"]) .zones-tab-content .ant-select-selector { background: #fff !important; border-color: #d1d5db !important; color: #374151 !important; } html[data-theme="light"] .zones-tab-content label, html[data-theme="light"] .zones-tab-content .ant-form-item-label > label, html:not([data-theme="dark"]) .zones-tab-content label, html:not([data-theme="dark"]) .zones-tab-content .ant-form-item-label > label { color: #374151 !important; } html[data-theme="light"] .zones-tab-content .ant-card, html:not([data-theme="dark"]) .zones-tab-content .ant-card { background: #fff !important; border-color: #e5e7eb !important; } html[data-theme="light"] .zones-tab-content .ant-card .ant-card-head, html:not([data-theme="dark"]) .zones-tab-content .ant-card .ant-card-head { background: #f9fafb !important; border-color: #e5e7eb !important; color: #111827 !important; } html[data-theme="light"] .zones-tab-content .ant-card .ant-card-body, html:not([data-theme="dark"]) .zones-tab-content .ant-card .ant-card-body { color: #374151 !important; } html[data-theme="dark"] #map-sector { background: transparent !important; border: 1px solid rgba(255, 255, 255, 0.1) !important; } html[data-theme="dark"] .zones-tab-content, html[data-theme="dark"] .ticket-modal .ant-tabs-tabpane { background: transparent; } html[data-theme="dark"] .zones-tab-content .ant-btn, html[data-theme="dark"] .ticket-modal .ant-tabs-tabpane .ant-btn { background: rgba(255, 255, 255, 0.08) !important; border: 1px solid rgba(255, 255, 255, 0.2) !important; color: #fff !important; border-radius: 8px !important; font-weight: 500 !important; transition: all 0.2s ease !important; } html[data-theme="dark"] .zones-tab-content .ant-btn:hover, html[data-theme="dark"] .ticket-modal .ant-tabs-tabpane .ant-btn:hover { background: rgba(255, 102, 0, 0.15) !important; border-color: var(--primary-color) !important; color: var(--primary-color) !important; transform: translateY(-1px); } html[data-theme="dark"] .zones-tab-content .ant-btn.ant-btn-primary, html[data-theme="dark"] .ticket-modal .ant-tabs-tabpane .ant-btn.ant-btn-primary { background: var(--primary-color) !important; border-color: var(--primary-color) !important; color: #fff !important; } html[data-theme="dark"] .zones-tab-content .ant-btn.ant-btn-primary:hover, html[data-theme="dark"] .ticket-modal .ant-tabs-tabpane .ant-btn.ant-btn-primary:hover { background: #e55a00 !important; border-color: #e55a00 !important; color: #fff !important; } html[data-theme="dark"] .zones-tab-content .ant-input, html[data-theme="dark"] .zones-tab-content .ant-input-number, html[data-theme="dark"] .zones-tab-content .ant-select-selector, html[data-theme="dark"] .ticket-modal .ant-tabs-tabpane .ant-input, html[data-theme="dark"] .ticket-modal .ant-tabs-tabpane .ant-input-number, html[data-theme="dark"] .ticket-modal .ant-tabs-tabpane .ant-select-selector { background: rgba(255, 255, 255, 0.08) !important; border-color: rgba(255, 255, 255, 0.15) !important; color: #fff !important; } html[data-theme="dark"] .zones-tab-content label, html[data-theme="dark"] .zones-tab-content .ant-form-item-label > label, html[data-theme="dark"] .ticket-modal .ant-tabs-tabpane label, html[data-theme="dark"] .ticket-modal .ant-tabs-tabpane .ant-form-item-label > label { color: rgba(255, 255, 255, 0.9) !important; } html[data-theme="dark"] .zones-tab-content .ant-card, html[data-theme="dark"] .ticket-modal .ant-tabs-tabpane .ant-card { background: rgba(255, 255, 255, 0.05) !important; border-color: rgba(255, 255, 255, 0.1) !important; } html[data-theme="dark"] .zones-tab-content .ant-card .ant-card-head, html[data-theme="dark"] .ticket-modal .ant-tabs-tabpane .ant-card .ant-card-head { background: transparent !important; border-color: rgba(255, 255, 255, 0.1) !important; color: #fff !important; } html[data-theme="dark"] .zones-tab-content .ant-card .ant-card-body, html[data-theme="dark"] .ticket-modal .ant-tabs-tabpane .ant-card .ant-card-body { color: rgba(255, 255, 255, 0.85) !important; } html[data-theme="dark"] .zones-tab-content .ant-switch, html[data-theme="dark"] .ticket-modal .ant-tabs-tabpane .ant-switch { background: rgba(255, 255, 255, 0.2) !important; } html[data-theme="dark"] .zones-tab-content .ant-switch.ant-switch-checked, html[data-theme="dark"] .ticket-modal .ant-tabs-tabpane .ant-switch.ant-switch-checked { background: var(--primary-color) !important; } html[data-theme="dark"] .ticket-modal .ant-tabs-tabpane .ant-card { background: rgba(255, 255, 255, 0.03) !important; border: 1px solid rgba(255, 255, 255, 0.08) !important; border-radius: 12px !important; } html[data-theme="dark"] .ticket-modal .ant-tabs-tabpane .ant-card .ant-card-body { color: rgba(255, 255, 255, 0.9) !important; } html[data-theme="dark"] .ticket-modal .ant-tabs-tabpane .ant-btn { background: rgba(255, 255, 255, 0.06) !important; border: 1px solid rgba(255, 255, 255, 0.15) !important; color: rgba(255, 255, 255, 0.9) !important; border-radius: 8px !important; font-weight: 500 !important; box-shadow: none !important; transition: all 0.2s ease !important; } html[data-theme="dark"] .ticket-modal .ant-tabs-tabpane .ant-btn:hover, html[data-theme="dark"] .ticket-modal .ant-tabs-tabpane .ant-btn:focus { background: rgba(255, 102, 0, 0.12) !important; border-color: rgba(255, 102, 0, 0.5) !important; color: #FF6600 !important; } html[data-theme="dark"] .ticket-modal .ant-tabs-tabpane .ant-btn-primary { background: var(--primary-color) !important; border-color: var(--primary-color) !important; color: #fff !important; } html[data-theme="dark"] .ticket-modal .ant-tabs-tabpane .ant-btn-primary:hover, html[data-theme="dark"] .ticket-modal .ant-tabs-tabpane .ant-btn-primary:focus { background: #e55a00 !important; border-color: #e55a00 !important; color: #fff !important; } html[data-theme="dark"] .ticket-modal .ant-tabs-tabpane div[style*="color"] { color: rgba(255, 255, 255, 0.85) !important; } html[data-theme="dark"] .ticket-modal .ant-tabs-tabpane .ant-col { color: rgba(255, 255, 255, 0.85); } .ticket-modal .zone-action-group { margin-top: 12px; display: flex; flex-direction: column; gap: 10px; } .ticket-modal .zone-action-btn { height: 40px !important; border-radius: 12px !important; font-weight: 700 !important; letter-spacing: 0.2px; box-shadow: none !important; transition: all 0.18s ease !important; } html[data-theme="dark"] .ticket-modal .zone-action-btn--primary.ant-btn-primary { background: var(--primary-color) !important; border-color: var(--primary-color) !important; color: #fff !important; } html[data-theme="dark"] .ticket-modal .zone-action-btn--primary.ant-btn-primary:hover, html[data-theme="dark"] .ticket-modal .zone-action-btn--primary.ant-btn-primary:focus { background: #e55a00 !important; border-color: #e55a00 !important; transform: translateY(-1px); } html[data-theme="dark"] .ticket-modal .zone-action-btn--secondary { background: transparent !important; border: 1px solid rgba(255, 255, 255, 0.22) !important; color: rgba(255, 255, 255, 0.92) !important; } html[data-theme="dark"] .ticket-modal .zone-action-btn--secondary:hover, html[data-theme="dark"] .ticket-modal .zone-action-btn--secondary:focus { background: rgba(255, 255, 255, 0.06) !important; border-color: rgba(255, 255, 255, 0.32) !important; transform: translateY(-1px); } html[data-theme="light"] .ticket-modal .zone-action-btn--secondary, html:not([data-theme="dark"]) .ticket-modal .zone-action-btn--secondary { background: #fff !important; border: 1px solid #d1d5db !important; color: #111827 !important; } html[data-theme="light"] .ticket-modal .zone-action-btn--secondary:hover, html[data-theme="light"] .ticket-modal .zone-action-btn--secondary:focus, html:not([data-theme="dark"]) .ticket-modal .zone-action-btn--secondary:hover, html:not([data-theme="dark"]) .ticket-modal .zone-action-btn--secondary:focus { border-color: var(--primary-color) !important; color: var(--primary-color) !important; transform: translateY(-1px); } .ticket-modal .modal-close-icon { color: rgba(0, 0, 0, 0.45); font-size: 16px; transition: color 0.2s ease; } .ticket-modal .modal-close-icon:hover { color: rgba(0, 0, 0, 0.75); } html[data-theme="dark"] .ticket-modal .modal-close-icon { color: rgba(255, 255, 255, 0.75) !important; } html[data-theme="dark"] .ticket-modal .modal-close-icon:hover { color: #fff !important; } .modal-zone-wrapper .ant-modal-content { border-radius: 16px !important; overflow: hidden; } .modal-zone-wrapper .ant-modal-header { border-bottom: 1px solid rgba(0, 0, 0, 0.08); } .modal-zone-wrapper .ant-modal-title { font-weight: 800; } .modal-zone-wrapper .ant-modal-body { padding: 18px 20px 22px 20px; } .modal-zone-wrapper .ant-form-item-label > label { font-weight: 700; } .modal-zone-wrapper .ant-input, .modal-zone-wrapper .ant-input-number, .modal-zone-wrapper .ant-input-number-input, .modal-zone-wrapper .ant-select-selector { border-radius: 12px !important; } .modal-zone-wrapper .ant-btn { height: 40px !important; border-radius: 12px !important; font-weight: 700 !important; } html[data-theme="dark"] .modal-zone-wrapper .ant-modal-content { background: rgba(20, 20, 20, 0.98) !important; backdrop-filter: blur(20px) !important; color: var(--text-color) !important; border: 1px solid rgba(255, 255, 255, 0.1) !important; box-shadow: 0 18px 60px rgba(0, 0, 0, 0.75); } html[data-theme="dark"] .modal-zone-wrapper .ant-modal-header { background: transparent !important; border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important; } html[data-theme="dark"] .modal-zone-wrapper .ant-modal-title { color: #ffffff !important; } html[data-theme="dark"] .modal-zone-wrapper .ant-modal-close-x { color: rgba(255, 255, 255, 0.75) !important; } html[data-theme="dark"] .modal-zone-wrapper .ant-form-item-label > label { color: rgba(255, 255, 255, 0.85) !important; } html[data-theme="dark"] .modal-zone-wrapper .ant-input, html[data-theme="dark"] .modal-zone-wrapper .ant-input-number, html[data-theme="dark"] .modal-zone-wrapper .ant-input-number-input { background: rgba(255, 255, 255, 0.06) !important; border: 1px solid rgba(255, 255, 255, 0.14) !important; color: rgba(255, 255, 255, 0.92) !important; } html[data-theme="dark"] .modal-zone-wrapper .ant-input::placeholder, html[data-theme="dark"] .modal-zone-wrapper .ant-input-number::placeholder, html[data-theme="dark"] .modal-zone-wrapper .ant-input-number-input::placeholder { color: rgba(255, 255, 255, 0.45) !important; } html[data-theme="dark"] .modal-zone-wrapper .ant-radio-wrapper { color: rgba(255, 255, 255, 0.88) !important; } html[data-theme="dark"] .modal-zone-wrapper .ant-radio-inner { background: rgba(255, 255, 255, 0.06) !important; border-color: rgba(255, 255, 255, 0.3) !important; } html[data-theme="dark"] .modal-zone-wrapper .ant-radio-checked .ant-radio-inner { border-color: var(--primary-color) !important; } html[data-theme="dark"] .modal-zone-wrapper .ant-radio-checked .ant-radio-inner::after { background: var(--primary-color) !important; } html[data-theme="dark"] .modal-zone-wrapper .ant-switch { background: rgba(255, 255, 255, 0.2) !important; } html[data-theme="dark"] .modal-zone-wrapper .ant-switch.ant-switch-checked { background: var(--primary-color) !important; } html[data-theme="dark"] .modal-zone-wrapper .ant-btn:not(.ant-btn-primary):not(.ant-btn-dangerous) { background: rgba(255, 255, 255, 0.06) !important; border: 1px solid rgba(255, 255, 255, 0.15) !important; color: rgba(255, 255, 255, 0.9) !important; } html[data-theme="dark"] .modal-zone-wrapper .ant-btn:not(.ant-btn-primary):not(.ant-btn-dangerous):hover, html[data-theme="dark"] .modal-zone-wrapper .ant-btn:not(.ant-btn-primary):not(.ant-btn-dangerous):focus { background: rgba(255, 102, 0, 0.12) !important; border-color: rgba(255, 102, 0, 0.5) !important; color: #FF6600 !important; } html[data-theme="dark"] .modal-zone-wrapper .ant-btn-primary { background: var(--primary-color) !important; border-color: var(--primary-color) !important; color: #fff !important; } html[data-theme="dark"] .modal-zone-wrapper .ant-btn-primary:hover, html[data-theme="dark"] .modal-zone-wrapper .ant-btn-primary:focus { background: #e55a00 !important; border-color: #e55a00 !important; } html[data-theme="dark"] .modal-zone-wrapper .ant-btn-dangerous { background: #dc2626 !important; border-color: #dc2626 !important; color: #fff !important; } html[data-theme="dark"] .modal-zone-wrapper .ant-btn-dangerous:hover, html[data-theme="dark"] .modal-zone-wrapper .ant-btn-dangerous:focus { background: #b91c1c !important; border-color: #b91c1c !important; } html[data-theme="light"] .modal-zone-wrapper .ant-modal-content, html:not([data-theme="dark"]) .modal-zone-wrapper .ant-modal-content { background: #ffffff !important; color: #111827 !important; border: 1px solid rgba(0, 0, 0, 0.08); } html[data-theme="light"] .modal-zone-wrapper .ant-modal-header, html:not([data-theme="dark"]) .modal-zone-wrapper .ant-modal-header { background: #ffffff !important; } html[data-theme="light"] .modal-zone-wrapper .ant-modal-title, html:not([data-theme="dark"]) .modal-zone-wrapper .ant-modal-title { color: #111827 !important; } html[data-theme="light"] .modal-zone-wrapper .ant-modal-close-x, html:not([data-theme="dark"]) .modal-zone-wrapper .ant-modal-close-x { color: rgba(17, 24, 39, 0.75); } html[data-theme="light"] .modal-zone-wrapper .ant-form-item-label > label, html:not([data-theme="dark"]) .modal-zone-wrapper .ant-form-item-label > label { color: #374151 !important; } html[data-theme="light"] .modal-zone-wrapper .ant-input, html[data-theme="light"] .modal-zone-wrapper .ant-input-number, html[data-theme="light"] .modal-zone-wrapper .ant-input-number-input, html:not([data-theme="dark"]) .modal-zone-wrapper .ant-input, html:not([data-theme="dark"]) .modal-zone-wrapper .ant-input-number, html:not([data-theme="dark"]) .modal-zone-wrapper .ant-input-number-input { background: #ffffff !important; border: 1px solid #d1d5db !important; color: #111827 !important; } html[data-theme="light"] .modal-zone-wrapper .ant-input::placeholder, html[data-theme="light"] .modal-zone-wrapper .ant-input-number::placeholder, html[data-theme="light"] .modal-zone-wrapper .ant-input-number-input::placeholder, html:not([data-theme="dark"]) .modal-zone-wrapper .ant-input::placeholder, html:not([data-theme="dark"]) .modal-zone-wrapper .ant-input-number::placeholder, html:not([data-theme="dark"]) .modal-zone-wrapper .ant-input-number-input::placeholder { color: rgba(17, 24, 39, 0.45) !important; } html[data-theme="light"] .modal-zone-wrapper .ant-btn:not(.ant-btn-primary):not(.ant-btn-dangerous), html:not([data-theme="dark"]) .modal-zone-wrapper .ant-btn:not(.ant-btn-primary):not(.ant-btn-dangerous) { background: #ffffff !important; border: 1px solid #d1d5db !important; color: #111827 !important; } html[data-theme="light"] .modal-zone-wrapper .ant-btn:not(.ant-btn-primary):not(.ant-btn-dangerous):hover, html[data-theme="light"] .modal-zone-wrapper .ant-btn:not(.ant-btn-primary):not(.ant-btn-dangerous):focus, html:not([data-theme="dark"]) .modal-zone-wrapper .ant-btn:not(.ant-btn-primary):not(.ant-btn-dangerous):hover, html:not([data-theme="dark"]) .modal-zone-wrapper .ant-btn:not(.ant-btn-primary):not(.ant-btn-dangerous):focus { border-color: var(--primary-color) !important; color: var(--primary-color) !important; } html[data-theme="light"] .modal-zone-wrapper .ant-btn-primary, html:not([data-theme="dark"]) .modal-zone-wrapper .ant-btn-primary { background: var(--primary-color) !important; border-color: var(--primary-color) !important; color: #fff !important; } html[data-theme="light"] .modal-zone-wrapper .ant-btn-primary:hover, html[data-theme="light"] .modal-zone-wrapper .ant-btn-primary:focus, html:not([data-theme="dark"]) .modal-zone-wrapper .ant-btn-primary:hover, html:not([data-theme="dark"]) .modal-zone-wrapper .ant-btn-primary:focus { background: #e55a00 !important; border-color: #e55a00 !important; } html[data-theme="light"] .modal-zone-wrapper .ant-btn-dangerous, html[data-theme="light"] .modal-zone-wrapper .ant-btn-danger, html:not([data-theme="dark"]) .modal-zone-wrapper .ant-btn-dangerous, html:not([data-theme="dark"]) .modal-zone-wrapper .ant-btn-danger { background: #fef2f2 !important; border-color: #fca5a5 !important; color: #dc2626 !important; } html[data-theme="light"] .modal-zone-wrapper .ant-btn-dangerous:hover, html[data-theme="light"] .modal-zone-wrapper .ant-btn-dangerous:focus, html[data-theme="light"] .modal-zone-wrapper .ant-btn-danger:hover, html[data-theme="light"] .modal-zone-wrapper .ant-btn-danger:focus, html:not([data-theme="dark"]) .modal-zone-wrapper .ant-btn-dangerous:hover, html:not([data-theme="dark"]) .modal-zone-wrapper .ant-btn-dangerous:focus, html:not([data-theme="dark"]) .modal-zone-wrapper .ant-btn-danger:hover, html:not([data-theme="dark"]) .modal-zone-wrapper .ant-btn-danger:focus { background: #fee2e2 !important; border-color: #f87171 !important; color: #b91c1c !important; } .zone-delete-popconfirm .ant-popover-inner { border-radius: 12px !important; overflow: hidden; } .zone-delete-popconfirm .ant-popover-message-title { font-weight: 600; } .zone-delete-popconfirm .ant-popover-buttons { display: flex !important; flex-direction: row !important; gap: 8px; } .zone-delete-popconfirm .ant-btn { border-radius: 8px !important; font-weight: 600 !important; height: 32px !important; min-width: 60px; } html[data-theme="dark"] .zone-delete-popconfirm .ant-popover-inner { background: rgba(30, 30, 30, 0.98) !important; border: 1px solid rgba(255, 255, 255, 0.12) !important; box-shadow: 0 8px 32px rgba(0, 0, 0, 0.5) !important; } html[data-theme="dark"] .zone-delete-popconfirm .ant-popover-arrow-content { background: rgba(30, 30, 30, 0.98) !important; border-color: rgba(255, 255, 255, 0.12) !important; } html[data-theme="dark"] .zone-delete-popconfirm .ant-popover-message-title { color: rgba(255, 255, 255, 0.92) !important; } html[data-theme="dark"] .zone-delete-popconfirm .ant-popover-message .anticon { color: #faad14 !important; } html[data-theme="dark"] .zone-delete-popconfirm .ant-btn:not(.ant-btn-primary) { background: rgba(255, 255, 255, 0.08) !important; border: 1px solid rgba(255, 255, 255, 0.18) !important; color: rgba(255, 255, 255, 0.85) !important; } html[data-theme="dark"] .zone-delete-popconfirm .ant-btn:not(.ant-btn-primary):hover, html[data-theme="dark"] .zone-delete-popconfirm .ant-btn:not(.ant-btn-primary):focus { background: rgba(255, 255, 255, 0.14) !important; border-color: rgba(255, 255, 255, 0.28) !important; color: #fff !important; } html[data-theme="dark"] .zone-delete-popconfirm .ant-btn-primary { background: #ef4444 !important; border-color: #ef4444 !important; color: #fff !important; } html[data-theme="dark"] .zone-delete-popconfirm .ant-btn-primary:hover, html[data-theme="dark"] .zone-delete-popconfirm .ant-btn-primary:focus { background: #dc2626 !important; border-color: #dc2626 !important; } html[data-theme="light"] .zone-delete-popconfirm .ant-popover-inner, html:not([data-theme="dark"]) .zone-delete-popconfirm .ant-popover-inner { background: #ffffff !important; border: 1px solid rgba(0, 0, 0, 0.08) !important; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12) !important; } html[data-theme="light"] .zone-delete-popconfirm .ant-popover-message-title, html:not([data-theme="dark"]) .zone-delete-popconfirm .ant-popover-message-title { color: #111827 !important; } html[data-theme="light"] .zone-delete-popconfirm .ant-btn:not(.ant-btn-primary), html:not([data-theme="dark"]) .zone-delete-popconfirm .ant-btn:not(.ant-btn-primary) { background: #ffffff !important; border: 1px solid #d1d5db !important; color: #374151 !important; } html[data-theme="light"] .zone-delete-popconfirm .ant-btn:not(.ant-btn-primary):hover, html[data-theme="light"] .zone-delete-popconfirm .ant-btn:not(.ant-btn-primary):focus, html:not([data-theme="dark"]) .zone-delete-popconfirm .ant-btn:not(.ant-btn-primary):hover, html:not([data-theme="dark"]) .zone-delete-popconfirm .ant-btn:not(.ant-btn-primary):focus { border-color: #9ca3af !important; color: #111827 !important; } html[data-theme="light"] .zone-delete-popconfirm .ant-btn-primary, html:not([data-theme="dark"]) .zone-delete-popconfirm .ant-btn-primary { background: #ef4444 !important; border-color: #ef4444 !important; color: #fff !important; } html[data-theme="light"] .zone-delete-popconfirm .ant-btn-primary:hover, html[data-theme="light"] .zone-delete-popconfirm .ant-btn-primary:focus, html:not([data-theme="dark"]) .zone-delete-popconfirm .ant-btn-primary:hover, html:not([data-theme="dark"]) .zone-delete-popconfirm .ant-btn-primary:focus { background: #dc2626 !important; border-color: #dc2626 !important; } .zones-empty-alert { border-radius: 16px !important; border: none !important; padding: 20px 24px !important; } .zones-empty-alert .ant-alert-icon { font-size: 24px !important; margin-right: 16px !important; } .zones-empty-alert .ant-alert-message { font-size: 15px !important; font-weight: 700 !important; margin-bottom: 6px !important; } .zones-empty-alert .ant-alert-description { font-size: 14px !important; line-height: 1.5 !important; } html[data-theme="dark"] .zones-empty-alert { background: rgba(251, 191, 36, 0.12) !important; } html[data-theme="dark"] .zones-empty-alert .ant-alert-icon { color: #fbbf24 !important; } html[data-theme="dark"] .zones-empty-alert .ant-alert-message { color: #fbbf24 !important; } html[data-theme="dark"] .zones-empty-alert .ant-alert-description { color: rgba(255, 255, 255, 0.75) !important; } html[data-theme="light"] .zones-empty-alert, html:not([data-theme="dark"]) .zones-empty-alert { background: #fffbeb !important; border: 1px solid #fde68a !important; } html[data-theme="light"] .zones-empty-alert .ant-alert-icon, html:not([data-theme="dark"]) .zones-empty-alert .ant-alert-icon { color: #d97706 !important; } html[data-theme="light"] .zones-empty-alert .ant-alert-message, html:not([data-theme="dark"]) .zones-empty-alert .ant-alert-message { color: #92400e !important; } html[data-theme="light"] .zones-empty-alert .ant-alert-description, html:not([data-theme="dark"]) .zones-empty-alert .ant-alert-description { color: #78350f !important; } .tickets-board-premium { background: var(--wc-surface); border: 1px solid var(--wc-border); border-radius: 20px; padding: 24px; box-shadow: 0 24px 60px rgba(0, 0, 0, 0.1); margin-top: 16px; margin-bottom: 24px; } html[data-theme="dark"] .tickets-board-premium { background: rgba(255, 255, 255, 0.02); border: 1px solid rgba(255, 255, 255, 0.06); box-shadow: 0 24px 60px rgba(0, 0, 0, 0.35); backdrop-filter: blur(18px); } html[data-theme="dark"] .tickets-board-premium.is-dnd-active { backdrop-filter: none !important; -webkit-backdrop-filter: none !important; filter: none !important; } @media (max-width: 768px) { .tickets-board-premium { padding: 18px; } } .tickets-board-premium .tickets-header { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 12px; } @media (max-width: 640px) { .tickets-board-premium .tickets-header { flex-direction: column; align-items: flex-start; } } .tickets-board-premium .tickets-header .tickets-header-left { display: flex; flex-direction: column; gap: 4px; } .tickets-board-premium .tickets-header .tickets-header-left .tickets-eyebrow { font-size: 12px; letter-spacing: 1px; text-transform: uppercase; color: var(--wc-text-sec); margin: 0; } html[data-theme="dark"] .tickets-board-premium .tickets-header .tickets-header-left .tickets-eyebrow { color: rgba(255, 255, 255, 0.45); } .tickets-board-premium .tickets-header .tickets-header-left .tickets-title { font-size: 20px; font-weight: 700; color: var(--wc-text-main); margin: 0; letter-spacing: -0.2px; } html[data-theme="dark"] .tickets-board-premium .tickets-header .tickets-header-left .tickets-title { color: #fff; } .tickets-board-premium .tickets-header .tickets-header-actions { display: flex; align-items: center; gap: 10px; margin-left: auto; } @media (max-width: 640px) { .tickets-board-premium .tickets-header .tickets-header-actions { width: 100%; justify-content: space-between; } } .tickets-board-premium .tickets-header .tickets-header-actions .tickets-count-pill { display: inline-flex; align-items: center; gap: 6px; padding: 8px 12px; border-radius: 999px; background: var(--wc-surface-hover); border: 1px solid var(--wc-border); color: var(--wc-text-sec); font-weight: 600; font-size: 13px; } html[data-theme="dark"] .tickets-board-premium .tickets-header .tickets-header-actions .tickets-count-pill { background: rgba(255, 255, 255, 0.06); border: 1px solid rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.75); } .tickets-board-premium .tickets-header .tickets-header-actions .tickets-new-btn { display: inline-flex; align-items: center; gap: 8px; padding: 12px 16px; border-radius: 14px; background: linear-gradient(135deg, #ff6a00 0%, #ff8c3b 100%); color: #fff; border: none; font-weight: 700; font-size: 14px; cursor: pointer; box-shadow: 0 14px 38px rgba(255, 106, 0, 0.3); transition: transform 0.15s ease, box-shadow 0.15s ease; } .tickets-board-premium .tickets-header .tickets-header-actions .tickets-new-btn:hover { transform: translateY(-1px) scale(1.01); box-shadow: 0 16px 44px rgba(255, 106, 0, 0.4); } .tickets-board-premium .tickets-header .tickets-header-actions .tickets-new-btn:active { transform: translateY(0); } .tickets-board-premium .tickets-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 20px; color: var(--wc-text-sec); font-size: 13px; font-weight: 500; } html[data-theme="dark"] .tickets-board-premium .tickets-toolbar { color: rgba(255, 255, 255, 0.5); } .tickets-board-premium .tickets-toolbar .toolbar-hint { display: inline-flex; align-items: center; gap: 8px; background: var(--wc-surface-hover); padding: 10px 16px; border-radius: 14px; border: 1px solid var(--wc-border); color: var(--wc-text-main); font-weight: 600; transition: all 0.2s ease; } html[data-theme="dark"] .tickets-board-premium .tickets-toolbar .toolbar-hint { background: rgba(255, 255, 255, 0.04); border: 1px solid rgba(255, 255, 255, 0.1); color: rgba(255, 255, 255, 0.8); backdrop-filter: blur(10px); } .tickets-board-premium .tickets-grid { display: flex; flex-direction: column; margin-top: 12px; } .tickets-board-premium .tickets-grid > [data-rbd-placeholder-context-id] { background: rgba(255, 106, 0, 0.05) !important; border: 2px dashed rgba(255, 106, 0, 0.3) !important; border-radius: 16px !important; margin-bottom: 12px !important; } html[data-theme="light"] .tickets-board-premium .tickets-grid > [data-rbd-placeholder-context-id] { background: rgba(255, 106, 0, 0.08) !important; border: 2px dashed rgba(255, 106, 0, 0.4) !important; } .tickets-board-premium .ticket-draggable-wrapper { width: 100%; margin: 0; padding: 0; margin-bottom: 12px; cursor: grab !important; will-change: transform; user-select: none; -webkit-user-select: none; touch-action: none; } .tickets-board-premium .ticket-draggable-wrapper:active { cursor: grabbing !important; } .tickets-board-premium .ticket-draggable-wrapper:last-child { margin-bottom: 0; } html[data-theme="light"] .tickets-board-premium .ticket-draggable-wrapper { cursor: grab !important; } html[data-theme="light"] .tickets-board-premium .ticket-draggable-wrapper:active { cursor: grabbing !important; } .tickets-board-premium .ticket-card-modern { position: relative; padding: 16px; border-radius: 16px; background: var(--wc-surface); border: 1px solid var(--wc-border); box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08); transition: background 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease; width: 100%; backface-visibility: hidden; transform: translateZ(0); isolation: isolate; } html[data-theme="dark"] .tickets-board-premium .ticket-card-modern { background: rgba(255, 255, 255, 0.03); border: 1px solid rgba(255, 255, 255, 0.06); box-shadow: 0 4px 20px rgba(0, 0, 0, 0.25); } html[data-theme="light"] .tickets-board-premium .ticket-card-modern { background: #ffffff; border: 1px solid rgba(0, 0, 0, 0.08); box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06); } .tickets-board-premium .ticket-card-modern:hover:not(.dragging) { border-color: var(--wc-border); background: var(--wc-surface-hover); box-shadow: 0 8px 28px rgba(0, 0, 0, 0.12); } html[data-theme="dark"] .tickets-board-premium .ticket-card-modern:hover:not(.dragging) { border-color: rgba(255, 255, 255, 0.12); background: rgba(255, 255, 255, 0.05); box-shadow: 0 8px 28px rgba(0, 0, 0, 0.3); } .tickets-board-premium .ticket-card-modern.dragging { border-color: rgba(255, 106, 0, 0.6) !important; box-shadow: 0 12px 40px rgba(255, 106, 0, 0.28) !important; background: rgba(255, 106, 0, 0.08) !important; transition: none !important; will-change: transform, box-shadow; cursor: grabbing !important; z-index: 9999 !important; } html[data-theme="light"] .tickets-board-premium .ticket-card-modern.dragging { border-color: rgba(255, 106, 0, 0.7) !important; box-shadow: 0 16px 48px rgba(255, 106, 0, 0.25), 0 8px 24px rgba(0, 0, 0, 0.1) !important; background: rgba(255, 106, 0, 0.06) !important; } .tickets-board-premium .ticket-card-modern .ticket-card-top { display: grid; grid-template-columns: auto 1fr auto; gap: 12px; align-items: center; margin-bottom: 8px; } .tickets-board-premium .ticket-card-modern .ticket-card-top .drag-handle { width: 32px; height: 32px; border-radius: 10px; display: inline-flex; align-items: center; justify-content: center; background: var(--wc-surface-hover); border: 1px solid var(--wc-border); color: var(--wc-text-sec); transition: all 0.15s ease; cursor: grab !important; } .tickets-board-premium .ticket-card-modern .ticket-card-top .drag-handle:active { cursor: grabbing !important; } html[data-theme="light"] .tickets-board-premium .ticket-card-modern .ticket-card-top .drag-handle { background: #f5f5f5; border: 1px solid rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.45); cursor: grab !important; } html[data-theme="light"] .tickets-board-premium .ticket-card-modern .ticket-card-top .drag-handle:hover { background: #ebebeb; border-color: rgba(0, 0, 0, 0.15); color: rgba(0, 0, 0, 0.65); } html[data-theme="dark"] .tickets-board-premium .ticket-card-modern .ticket-card-top .drag-handle { background: rgba(255, 255, 255, 0.05); border: 1px solid rgba(255, 255, 255, 0.06); color: rgba(255, 255, 255, 0.55); } .tickets-board-premium .ticket-card-modern .ticket-card-top .ticket-main { display: flex; flex-direction: column; gap: 4px; } .tickets-board-premium .ticket-card-modern .ticket-card-top .ticket-main .ticket-name { font-size: 16px; font-weight: 700; color: var(--wc-text-main); letter-spacing: -0.2px; display: flex; align-items: center; gap: 8px; flex-wrap: wrap; } html[data-theme="dark"] .tickets-board-premium .ticket-card-modern .ticket-card-top .ticket-main .ticket-name { color: #fff; } .tickets-board-premium .ticket-card-modern .ticket-card-top .ticket-main .ticket-name .ticket-id-badge { display: inline-flex; align-items: center; padding: 3px 8px; border-radius: 6px; font-size: 11px; font-weight: 600; letter-spacing: 0.3px; background: var(--wc-surface-hover); border: 1px solid var(--wc-border); color: var(--wc-text-sec); } html[data-theme="dark"] .tickets-board-premium .ticket-card-modern .ticket-card-top .ticket-main .ticket-name .ticket-id-badge { background: rgba(255, 255, 255, 0.06); border: 1px solid rgba(255, 255, 255, 0.1); color: rgba(255, 255, 255, 0.5); } .tickets-board-premium .ticket-card-modern .ticket-card-top .ticket-main .ticket-price { font-size: 14px; font-weight: 600; color: #FF6600; } html[data-theme="dark"] .tickets-board-premium .ticket-card-modern .ticket-card-top .ticket-main .ticket-price { color: #ffb27a; } .tickets-board-premium .ticket-card-modern .ticket-card-top .ticket-badges { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; justify-content: flex-end; } .tickets-board-premium .ticket-card-modern .ticket-card-top .ticket-badges .badge { padding: 6px 10px; border-radius: 999px; font-size: 11px; font-weight: 700; letter-spacing: 0.2px; border: 1px solid var(--wc-border); color: var(--wc-text-main); background: var(--wc-surface-hover); } html[data-theme="dark"] .tickets-board-premium .ticket-card-modern .ticket-card-top .ticket-badges .badge { border: 1px solid rgba(255, 255, 255, 0.14); color: rgba(255, 255, 255, 0.82); background: rgba(255, 255, 255, 0.06); } .tickets-board-premium .ticket-card-modern .ticket-card-top .ticket-badges .badge.success { background: rgba(46, 213, 115, 0.14); border-color: rgba(46, 213, 115, 0.45); color: #16a34a; } html[data-theme="dark"] .tickets-board-premium .ticket-card-modern .ticket-card-top .ticket-badges .badge.success { color: #b6f4cd; } .tickets-board-premium .ticket-card-modern .ticket-card-top .ticket-badges .badge.warning { background: rgba(250, 173, 20, 0.12); border-color: rgba(250, 173, 20, 0.4); color: #d97706; } html[data-theme="dark"] .tickets-board-premium .ticket-card-modern .ticket-card-top .ticket-badges .badge.warning { color: #fadb89; } .tickets-board-premium .ticket-card-modern .ticket-card-top .ticket-badges .badge.danger { background: rgba(239, 68, 68, 0.12); border-color: rgba(239, 68, 68, 0.4); color: #dc2626; } html[data-theme="dark"] .tickets-board-premium .ticket-card-modern .ticket-card-top .ticket-badges .badge.danger { color: #f7b0b0; } .tickets-board-premium .ticket-card-modern .ticket-meta { display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: 8px; margin: 10px 0 12px 0; } .tickets-board-premium .ticket-card-modern .ticket-meta .meta-item { display: flex; align-items: center; gap: 8px; padding: 10px 12px; border-radius: 12px; background: var(--wc-surface-hover); border: 1px solid var(--wc-border); color: var(--wc-text-sec); font-size: 13px; font-weight: 600; } html[data-theme="dark"] .tickets-board-premium .ticket-card-modern .ticket-meta .meta-item { background: rgba(255, 255, 255, 0.02); border: 1px solid rgba(255, 255, 255, 0.05); color: rgba(255, 255, 255, 0.75); } .tickets-board-premium .ticket-card-modern .ticket-actions { display: flex; align-items: center; justify-content: flex-end; gap: 10px; margin-top: 6px; } @media (max-width: 480px) { .tickets-board-premium .ticket-card-modern .ticket-actions { flex-direction: column; align-items: stretch; } } .tickets-board-premium .ticket-card-modern .ticket-actions .ticket-action-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 10px 12px; border-radius: 12px; border: 1px solid var(--wc-border); background: var(--wc-surface-hover); color: var(--wc-text-main); font-weight: 600; font-size: 13px; cursor: pointer; transition: all 0.15s ease; } html[data-theme="dark"] .tickets-board-premium .ticket-card-modern .ticket-actions .ticket-action-btn { border: 1px solid rgba(255, 255, 255, 0.1); background: rgba(255, 255, 255, 0.04); color: #fff; } .tickets-board-premium .ticket-card-modern .ticket-actions .ticket-action-btn:hover { background: var(--wc-surface-hover); border-color: var(--wc-border); } html[data-theme="dark"] .tickets-board-premium .ticket-card-modern .ticket-actions .ticket-action-btn:hover { background: rgba(255, 255, 255, 0.08); border-color: rgba(255, 255, 255, 0.2); } .tickets-board-premium .ticket-card-modern .ticket-actions .ticket-action-btn.primary { background: rgba(255, 106, 0, 0.1); border-color: rgba(255, 106, 0, 0.4); color: #c2410c; } html[data-theme="dark"] .tickets-board-premium .ticket-card-modern .ticket-actions .ticket-action-btn.primary { background: rgba(255, 106, 0, 0.16); border-color: rgba(255, 106, 0, 0.4); color: #ffb27a; } .tickets-board-premium .ticket-card-modern .ticket-actions .ticket-action-btn.danger { background: rgba(239, 68, 68, 0.1); border-color: rgba(239, 68, 68, 0.4); color: #b91c1c; } html[data-theme="dark"] .tickets-board-premium .ticket-card-modern .ticket-actions .ticket-action-btn.danger { background: rgba(239, 68, 68, 0.12); border-color: rgba(239, 68, 68, 0.4); color: #ffb3b3; } .tickets-board-premium .ticket-card-modern .ticket-actions .ticket-action-btn[disabled] { opacity: 0.5; cursor: not-allowed; transform: none; } .tickets-board-premium .empty-state-modern { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; padding: 36px; background: var(--wc-surface); color: var(--wc-text-sec); text-align: center; margin-top: 8px; } html[data-theme="dark"] .tickets-board-premium .empty-state-modern { border: 1px dashed rgba(255, 255, 255, 0.1); background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.65); } .tickets-board-premium .empty-state-modern .empty-icon { font-size: 26px; opacity: 0.8; } .tickets-board-premium .empty-state-modern .empty-title { font-size: 16px; font-weight: 700; color: var(--wc-text-main); margin: 0; } html[data-theme="dark"] .tickets-board-premium .empty-state-modern .empty-title { color: #fff; } .tickets-board-premium .empty-state-modern .empty-desc { font-size: 13px; margin: 0; color: var(--wc-text-sec); } html[data-theme="dark"] .tickets-board-premium .empty-state-modern .empty-desc { color: rgba(255, 255, 255, 0.55); } .tickets-board-premium .tickets-skeleton { display: flex; flex-direction: column; gap: 12px; } .tickets-board-premium .tickets-skeleton .skeleton-card { padding: 16px; border-radius: 16px; background: var(--wc-surface-hover); border: 1px solid var(--wc-border); position: relative; overflow: hidden; } html[data-theme="dark"] .tickets-board-premium .tickets-skeleton .skeleton-card { background: rgba(255, 255, 255, 0.03); border: 1px solid rgba(255, 255, 255, 0.05); } .tickets-board-premium .tickets-skeleton .skeleton-card .skeleton-line { height: 12px; margin-bottom: 10px; border-radius: 10px; background: linear-gradient(90deg, rgba(255, 255, 255, 0.06) 0%, rgba(255, 255, 255, 0.12) 50%, rgba(255, 255, 255, 0.06) 100%); background-size: 200% 100%; animation: shimmer 1.2s ease-in-out infinite; } .tickets-board-premium .tickets-skeleton .skeleton-card .skeleton-line.short { width: 50%; } .tickets-board-premium .tickets-skeleton .skeleton-card .skeleton-line.long { width: 80%; } @keyframes shimmer { 0% { background-position: -200% 0; } 100% { background-position: 200% 0; } } .ticket-modal .ant-modal-content { background: var(--wc-surface) !important; border-radius: 20px !important; border: 1px solid var(--wc-border) !important; box-shadow: 0 24px 80px rgba(0, 0, 0, 0.2) !important; } html[data-theme="dark"] .ticket-modal .ant-modal-content { background: #1a1a1a !important; border: 1px solid rgba(255, 255, 255, 0.08) !important; box-shadow: 0 24px 80px rgba(0, 0, 0, 0.6) !important; } .ticket-modal .ant-modal-content .ant-modal-close { color: rgba(0, 0, 0, 0.45) !important; top: 20px !important; right: 20px !important; } .ticket-modal .ant-modal-content .ant-modal-close .ant-modal-close-x { color: rgba(0, 0, 0, 0.45) !important; font-weight: 700 !important; } html[data-theme="dark"] .ticket-modal .ant-modal-content .ant-modal-close { color: rgba(255, 255, 255, 0.5) !important; } html[data-theme="dark"] .ticket-modal .ant-modal-content .ant-modal-close .ant-modal-close-x { color: rgba(255, 255, 255, 0.5) !important; } .ticket-modal .ant-modal-content .ant-modal-close:hover { background: var(--wc-surface-hover) !important; color: var(--wc-text-main) !important; } .ticket-modal .ant-modal-content .ant-modal-close:hover .ant-modal-close-x { color: var(--wc-text-main) !important; } html[data-theme="dark"] .ticket-modal .ant-modal-content .ant-modal-close:hover { background: rgba(255, 255, 255, 0.1) !important; color: #fff !important; } html[data-theme="dark"] .ticket-modal .ant-modal-content .ant-modal-close:hover .ant-modal-close-x { color: #fff !important; } .ticket-modal .ticket-modal-content .modal-header-minimal .modal-title-minimal { color: var(--wc-text-main); } html[data-theme="dark"] .ticket-modal .ticket-modal-content .modal-header-minimal .modal-title-minimal { color: #fff; } .ticket-modal .ticket-modal-content .modal-header-minimal .ticket-header-info { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; } .ticket-modal .ticket-modal-content .modal-header-minimal .ticket-badge { background: var(--wc-surface-hover); color: var(--wc-text-sec); } html[data-theme="dark"] .ticket-modal .ticket-modal-content .modal-header-minimal .ticket-badge { background: rgba(255, 255, 255, 0.08); color: rgba(255, 255, 255, 0.7); } .ticket-modal .ticket-modal-content .modal-header-minimal .ticket-id-modal { display: inline-flex; align-items: center; padding: 6px 12px; border-radius: 8px; font-size: 12px; font-weight: 600; letter-spacing: 0.3px; background: rgba(255, 106, 0, 0.1); border: 1px solid rgba(255, 106, 0, 0.3); color: #c2410c; } html[data-theme="dark"] .ticket-modal .ticket-modal-content .modal-header-minimal .ticket-id-modal { background: rgba(255, 106, 0, 0.15); border: 1px solid rgba(255, 106, 0, 0.35); color: #ffb27a; } .ticket-modal .ticket-modal-content .modal-section.basic-ticket-section { background: var(--wc-surface-hover); border: 1px solid var(--wc-border); } html[data-theme="dark"] .ticket-modal .ticket-modal-content .modal-section.basic-ticket-section { background: rgba(255, 255, 255, 0.02); border: 1px solid rgba(255, 255, 255, 0.05); } .ticket-modal .ticket-modal-content .modal-section .section-header { color: var(--wc-text-sec); } html[data-theme="dark"] .ticket-modal .ticket-modal-content .modal-section .section-header { color: rgba(255, 255, 255, 0.5); } .ticket-modal .ticket-modal-content .modal-section .modal-field label { color: var(--wc-text-sec); } html[data-theme="dark"] .ticket-modal .ticket-modal-content .modal-section .modal-field label { color: rgba(255, 255, 255, 0.5); } .ticket-modal .ticket-modal-content .modal-section .modal-field input:not(.ant-select-selection-search-input), .ticket-modal .ticket-modal-content .modal-section .modal-field textarea { background: var(--wc-surface); border: 1px solid var(--wc-border); color: var(--wc-text-main); } html[data-theme="dark"] .ticket-modal .ticket-modal-content .modal-section .modal-field input:not(.ant-select-selection-search-input), html[data-theme="dark"] .ticket-modal .ticket-modal-content .modal-section .modal-field textarea { background: rgba(255, 255, 255, 0.03); border: 1px solid rgba(255, 255, 255, 0.08); color: #fff; } .ticket-modal .ticket-modal-content .modal-section .modal-field input:not(.ant-select-selection-search-input)::placeholder, .ticket-modal .ticket-modal-content .modal-section .modal-field textarea::placeholder { color: rgba(0, 0, 0, 0.3); } html[data-theme="dark"] .ticket-modal .ticket-modal-content .modal-section .modal-field input:not(.ant-select-selection-search-input)::placeholder, html[data-theme="dark"] .ticket-modal .ticket-modal-content .modal-section .modal-field textarea::placeholder { color: rgba(255, 255, 255, 0.25); } .ticket-modal .ticket-modal-content .modal-section .modal-field input:not(.ant-select-selection-search-input):focus, .ticket-modal .ticket-modal-content .modal-section .modal-field textarea:focus { background: var(--wc-surface); border-color: var(--wc-text-sec); } html[data-theme="dark"] .ticket-modal .ticket-modal-content .modal-section .modal-field input:not(.ant-select-selection-search-input):focus, html[data-theme="dark"] .ticket-modal .ticket-modal-content .modal-section .modal-field textarea:focus { background: rgba(255, 255, 255, 0.05); border-color: rgba(255, 255, 255, 0.15); } .ticket-modal .ticket-modal-content .modal-section .modal-field.date-field .ant-picker { background: var(--wc-surface) !important; border: 1px solid var(--wc-border) !important; } html[data-theme="dark"] .ticket-modal .ticket-modal-content .modal-section .modal-field.date-field .ant-picker { background: rgba(255, 255, 255, 0.04) !important; border: 1px solid rgba(255, 255, 255, 0.08) !important; } .ticket-modal .ticket-modal-content .modal-section .modal-field.date-field .ant-picker input { color: var(--wc-text-main) !important; } html[data-theme="dark"] .ticket-modal .ticket-modal-content .modal-section .modal-field.date-field .ant-picker input { color: #fff !important; } .ticket-modal .ticket-modal-content .modal-section .modal-field.date-field .ant-picker .ant-picker-suffix { color: var(--wc-text-sec) !important; } html[data-theme="dark"] .ticket-modal .ticket-modal-content .modal-section .modal-field.date-field .ant-picker .ant-picker-suffix { color: rgba(255, 255, 255, 0.4) !important; } .ticket-modal .ticket-modal-content .modal-section .setting-toggle { border-bottom: 1px solid var(--wc-border); } html[data-theme="dark"] .ticket-modal .ticket-modal-content .modal-section .setting-toggle { border-bottom: 1px solid rgba(255, 255, 255, 0.04); } .ticket-modal .ticket-modal-content .modal-section .setting-toggle:hover .toggle-label { color: var(--wc-text-main); } html[data-theme="dark"] .ticket-modal .ticket-modal-content .modal-section .setting-toggle:hover .toggle-label { color: #fff; } .ticket-modal .ticket-modal-content .modal-section .setting-toggle .toggle-info .toggle-label { color: var(--wc-text-main); } html[data-theme="dark"] .ticket-modal .ticket-modal-content .modal-section .setting-toggle .toggle-info .toggle-label { color: rgba(255, 255, 255, 0.9); } .ticket-modal .ticket-modal-content .modal-section .setting-toggle .toggle-info .toggle-desc { color: var(--wc-text-sec); } html[data-theme="dark"] .ticket-modal .ticket-modal-content .modal-section .setting-toggle .toggle-info .toggle-desc { color: rgba(255, 255, 255, 0.4); } .ticket-modal .ticket-modal-content .modal-footer-custom { border-top: 1px solid var(--wc-border); } html[data-theme="dark"] .ticket-modal .ticket-modal-content .modal-footer-custom { border-top: 1px solid rgba(255, 255, 255, 0.06); } .ticket-modal .ticket-modal-content .modal-footer-custom button.cancel-btn { color: var(--wc-text-sec); } html[data-theme="dark"] .ticket-modal .ticket-modal-content .modal-footer-custom button.cancel-btn { color: rgba(255, 255, 255, 0.5); } .ticket-modal .ticket-modal-content .modal-footer-custom button.cancel-btn:hover { color: var(--wc-text-main); background: var(--wc-surface-hover); } html[data-theme="dark"] .ticket-modal .ticket-modal-content .modal-footer-custom button.cancel-btn:hover { color: rgba(255, 255, 255, 0.8); background: rgba(255, 255, 255, 0.03); } .ticket-modal .ticket-modal-content .modal-footer-custom button.save-btn { background: var(--wc-text-main); color: var(--wc-surface); } html[data-theme="dark"] .ticket-modal .ticket-modal-content .modal-footer-custom button.save-btn { background: #fff; color: #000; } .ticket-modal .ticket-modal-content .modal-footer-custom button.save-btn:hover { opacity: 0.9; } .ticket-modal .ticket-modal-content .ticket-settings-header-minimal { border-bottom: 1px solid var(--wc-border); } html[data-theme="dark"] .ticket-modal .ticket-modal-content .ticket-settings-header-minimal { border-bottom: 1px solid rgba(255, 255, 255, 0.05); } .ticket-modal .ticket-modal-content .ticket-settings-header-minimal .ticket-settings-title-minimal { color: var(--wc-text-main); font-weight: 600; letter-spacing: 0.3px; } html[data-theme="dark"] .ticket-modal .ticket-modal-content .ticket-settings-header-minimal .ticket-settings-title-minimal { color: rgba(255, 255, 255, 0.7); } .ticket-modal .ticket-modal-content .ticket-settings-header-minimal .more-settings-btn { color: var(--wc-text-sec); } html[data-theme="dark"] .ticket-modal .ticket-modal-content .ticket-settings-header-minimal .more-settings-btn { color: rgba(255, 255, 255, 0.4); } .ticket-modal .ticket-modal-content .ticket-settings-header-minimal .more-settings-btn:hover { background: var(--wc-surface-hover); color: var(--wc-text-main); } html[data-theme="dark"] .ticket-modal .ticket-modal-content .ticket-settings-header-minimal .more-settings-btn:hover { background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.7); } .ticket-modal .ticket-modal-content .ant-switch { background-color: #d9d9d9 !important; border: 1px solid #c0c0c0 !important; } html[data-theme="dark"] .ticket-modal .ticket-modal-content .ant-switch { background-color: rgba(255, 255, 255, 0.25) !important; border: 1px solid rgba(255, 255, 255, 0.1) !important; } .ticket-modal .ticket-modal-content .ant-switch.ant-switch-checked { background-color: #FF6600 !important; border-color: #FF6600 !important; } html[data-theme="dark"] .ticket-modal .ticket-modal-content .ant-switch.ant-switch-checked { background-color: #FF6600 !important; border-color: #FF6600 !important; } .registration-card-sell-wrap { font-size: 15px; max-width: 1440px; margin-left: auto; margin-right: auto; width: 90%; } .registration-card-sell-wrap .ant-row > * + * { margin-top: 1.5rem; } @media screen and (min-width: 767px) { .registration-card-sell-wrap .ant-row > * + * { margin-top: 0rem; } } .registration-card-sell-wrap .content-img { padding: 10px 15px; } .registration-card-sell-wrap img { width: 100%; border-radius: 15px; } .registration-card-sell-wrap h2 { font-weight: bold; color: var(--text-color); } .registration-card-sell-wrap .text { color: var(--text-color); line-height: 30px; font-size: 16px; } .registration-card-sell-wrap .content-padding { padding: 10px 15px; position: absolute; bottom: 0; width: 100%; } .registration-card-sell-wrap .container-text { background: var(--surface-color); padding: 10px 15px; box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15); border-radius: 15px; } .registration-card-sell-wrap .container { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; border-radius: 4px; background-color: var(--surface-color); box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15); padding: 10px; height: 100%; margin-bottom: 10px; margin-top: 10px; cursor: pointer; color: var(--primary-color); } .registration-card-sell-wrap .shop { color: #F57423; } .registration-card-sell-wrap .buttom { height: auto; font-size: 1.25rem; font-weight: bold; margin-top: 10px; border-radius: 10px; background: var(--white, var(--surface-color)); } .registration-card-sell-wrap .buttom a { background: var(--gradient-2, linear-gradient(87deg, #FF6200 0%, #9747FF 100%)); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .registration-card-sell-wrap h1 { margin-bottom: .5rem; margin-top: .5rem; line-height: 1.25; font-size: 1.75rem; font-weight: bold; color: var(--text-on-primary); } @media screen and (min-width: 360px) { .registration-card-sell-wrap h1 { font-size: 1.2rem; } } @media screen and (min-width: 767px) { .registration-card-sell-wrap h1 { font-size: 1.75rem; } } .banner-registration { margin: 24px 15px 24px 15px; background-image: url("https://tolivmarket-production.s3.sa-east-1.amazonaws.com/homepage/banner_v.png"); background-size: cover; border-radius: .5rem; overflow: hidden; background-color: var(--surface-color); box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15); display: grid; align-items: center; color: var(--text-on-primary); } @media screen and (min-width: 767px) { .banner-registration { height: 400px; grid-template-columns: 1fr 1fr; background-image: url("https://tolivmarket-production.s3.sa-east-1.amazonaws.com/homepage/banner.png"); } } .banner-registration .area-1 { font-size: 1rem; padding: 1.5rem; order: 2; } @media screen and (min-width: 767px) { .banner-registration .area-1 { order: 2; } } .banner-registration .area-1 .stores > * + * { margin-left: .5rem; } .banner-registration .area-2 { height: 300px; overflow: hidden; order: 1; } @media screen and (min-width: 767px) { .banner-registration .area-2 { height: 100%; order: 1; } } .banner-registration h1 { color: var(--text-on-primary); margin-bottom: .5rem; margin-top: .5rem; line-height: 1; font-size: 1.75rem; font-weight: bold; } @media screen and (min-width: 767px) { .banner-registration h1 { font-size: 2.25rem; } } .toliv-numbers-wrap { max-width: 1440px; margin-left: auto; margin-right: auto; width: 90%; margin-top: 5%; } .toliv-numbers-wrap .title { font-size: 32px; font-weight: 700; line-height: 38px; text-align: center; } .toliv-numbers-wrap .title span { background: linear-gradient(to right, #FF6200, #9747FF); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .toliv-numbers-wrap .subtitle { font-size: 16px; font-weight: 400; line-height: 26px; text-align: center; padding-inline: 15%; } .toliv-numbers-wrap .cards-section-scroll { display: flex; justify-content: space-around; gap: 20px; padding-inline: 5%; margin-top: 5%; } .toliv-numbers-wrap .cards-section-scroll .card-content-proposal { display: flex; align-items: center; justify-content: center; gap: 10px; padding: 10px 0px; background-color: #F2F0F0; border-radius: 8px; width: 100%; text-align: center; } .toliv-numbers-wrap .cards-section-scroll .card-content-proposal:first-child { background: linear-gradient(to right, var(--surface-color), #F2F0F0); } .toliv-numbers-wrap .cards-section-scroll .card-content-proposal:last-child { background: linear-gradient(to right, #F2F0F0, var(--surface-color)); } .toliv-numbers-wrap .cards-section { display: flex; justify-content: space-around; gap: 20px; padding-inline: 5%; margin-top: 5%; } .toliv-numbers-wrap .cards-section.grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); } .toliv-numbers-wrap .cards-section .card-content { background-color: var(--surface-color); border-radius: 8px; box-shadow: 0px 3px 8px 2px #E7E7E7; width: 100%; text-align: center; padding-block: 40px; } .toliv-numbers-wrap .cards-section .card-content.solutions { text-align: start; padding: 30px; position: relative; box-shadow: 0px 3px 8px 2px #6F6F7357; } .toliv-numbers-wrap .cards-section .icon { text-align: start; } .toliv-numbers-wrap .cards-section .text { font-weight: 700; font-size: 24px; line-height: 29px; color: #F57423; margin-block: 5%; } .toliv-numbers-wrap .cards-section .text.big-section { font-size: 18px; background: linear-gradient(to right, #FF6200, #9747FF); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .toliv-numbers-wrap .cards-section .text.small-section { font-size: 16px; color: #4F4545; line-height: 19px; margin-block: 0px 10px; } .toliv-numbers-wrap .cards-section .text.solutions-section { font-size: 18px; color: #4F4545; line-height: 22px; margin-block: 3%; } .toliv-numbers-wrap .cards-section .body { font-weight: 400; font-size: 14px; line-height: 17px; } .toliv-numbers-wrap .cards-section .body.margin-mobile { margin-bottom: 50px; } .toliv-numbers-wrap .cards-section .text-proposal { font-weight: 600; font-size: 12px; color: #4F4545; } .toliv-numbers-wrap .cards-section .card-content-big-section { background-color: var(--surface-color); width: 100%; text-align: start; padding-block: 40px; display: flex; flex-direction: column; } .toliv-numbers-wrap .cards-section .card-content-small-section { width: 90%; text-align: start; padding-block: 10px; display: flex; gap: 10px; } @media screen and (max-width: 768px) { .toliv-numbers-wrap .cards-section-scroll { justify-content: start; overflow: auto; white-space: nowrap; } .toliv-numbers-wrap .cards-section-scroll .card-content-proposal { padding: 10px 10px; } .toliv-numbers-wrap .cards-section-scroll .card-content-proposal:first-child { background: #F2F0F0; } .toliv-numbers-wrap .cards-section-scroll .card-content-proposal:last-child { background: #F2F0F0; } .toliv-numbers-wrap .cards-section { display: grid; grid-template-columns: repeat(1, minmax(0, 1fr)); margin-bottom: 5%; } .toliv-numbers-wrap .cards-section.grid { display: grid; grid-template-columns: repeat(1, minmax(0, 1fr)); } .toliv-numbers-wrap .cards-section .text.small-section { background: linear-gradient(to right, var(--text-color), var(--text-color)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .toliv-numbers-wrap .cards-section .body { font-weight: 400; font-size: 14px; line-height: 17px; } .toliv-numbers-wrap .cards-section .body.margin-mobile { margin-bottom: 50px; } .toliv-numbers-wrap .cards-section .body.margin-mobile:first-child { margin-bottom: 0px; } .toliv-numbers-wrap .cards-section .card-content-big-section { background-color: var(--surface-color); width: 100%; text-align: center; padding-block: 0px; } } .toliv-numbers-wrap .header { font-weight: 600; font-size: 14px; line-height: 17px; text-align: center; } .toliv-numbers-wrap .header span { background: linear-gradient(to right, #FF6200, #9747FF); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .toliv-numbers-wrap .sub-title-proposal { font-weight: 400; font-size: 16px; line-height: 26px; text-align: center; } @media screen and (max-width: 768px) { .toliv-numbers-wrap .title { text-align: start; } } @media screen and (max-width: 967px) { .lateral-menu { display: none; } } .lateral-menu { margin-right: 10px; padding: 0; transition: 1s; } .lateral-menu.left-menu { border: 0; transition: 1s; } .lateral-menu .item-menu { display: flex; align-items: center; justify-content: space-between; transition: 1s; overflow: hidden; text-overflow: ellipsis; } .lateral-menu .item-menu .link { font-weight: 500; font-size: 1em; color: #969696; } .lateral-menu .item-menu .link.selected { color: #F57423 !important; } .lateral-menu .item-menu .link span { font-weight: 700; color: #F57423; } .lateral-menu .item-menu.center { justify-content: center; } .right-menu-box { background-color: var(--surface-color); border-radius: 4px; padding: 10px; color: var(--text-on-primary); } .right-menu-box.is-collapsed { padding: 24px 0px; text-align: center; } .right-menu-box .primary-text { font-weight: 700; font-size: 16px; } .right-menu-box .secondary-text { font-weight: 500; font-size: 14px; color: 4F4545; } .right-menu-box .button-container { display: flex; justify-content: center; width: 100%; margin-top: 10px; } .ant-menu-item-selected { border: 0 !important; background-color: var(--surface-color) !important; } @media screen and (min-width: 967px) { .page-container { display: flex; height: calc( 100vh - 73px); } .page-container .content-container { overflow-y: scroll; scrollbar-width: none; position: relative; width: 100%; border-right: 1px solid var(--border-color); border-left: 1px solid var(--border-color); padding-top: 20px; } .ant-menu-submenu .ant-menu { max-height: calc(100vh - 402px - 96px - 73px); overflow-y: scroll; overflow-x: hidden; } } .chart-box { border: 1px solid var(--border-color); border-radius: 12px; padding: 5px; margin-bottom: 5px; background: var(--surface-color); transition: all 0.3s ease; } .chart-box:hover { border-color: var(--primary-color); box-shadow: 0 4px 12px rgba(255, 102, 0, 0.1); transform: translateY(-2px); } @media screen and (min-width: 768px) { .chart-box.margin { margin: 0px 5px 5px 0px; } } .sales-products-chart-box { padding: 10px !important; } @media screen and (max-width: 768px) { .sales-products-chart-box { padding: 12px !important; min-height: 460px; } } .sales-products-chart-box .google-visualization-chart, .sales-products-chart-box .google-visualization-chart > div { width: 100% !important; } .sales-products-chart-box svg { overflow: visible !important; } .filters-bar-modern { display: flex; justify-content: space-between; align-items: flex-start; gap: 16px; margin-bottom: 24px; padding: 20px 0; background: transparent; border: none; flex-wrap: wrap; } @media screen and (max-width: 1024px) { .filters-bar-modern { flex-direction: column; align-items: stretch; } } .filters-bar-modern .filters-left-section { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; flex: 1; } @media screen and (max-width: 768px) { .filters-bar-modern .filters-left-section { flex-direction: column; align-items: stretch; width: 100%; gap: 8px; } } .filters-bar-modern .filters-right-section { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; justify-content: flex-end; } @media screen and (max-width: 1024px) { .filters-bar-modern .filters-right-section { justify-content: flex-start; width: 100%; } } @media screen and (max-width: 768px) { .filters-bar-modern .filters-right-section { flex-direction: column; align-items: stretch; gap: 8px; } } .filters-bar-modern .btn-export-modern, .filters-bar-modern .btn-reload-modern { height: 36px; border-radius: 8px; padding: 0 16px; font-weight: 600; font-size: 13px; display: flex; align-items: center; gap: 8px; transition: all 0.2s ease; border: 1px solid var(--border-color); background: var(--surface-hover-color); color: var(--text-color); } .filters-bar-modern .btn-export-modern:hover, .filters-bar-modern .btn-reload-modern:hover { border-color: var(--primary-color); color: var(--primary-color); transform: translateY(-1px); box-shadow: 0 4px 12px rgba(255, 102, 0, 0.15); } @media screen and (max-width: 768px) { .filters-bar-modern .btn-export-modern, .filters-bar-modern .btn-reload-modern { width: 100%; justify-content: center; } } .filters-bar-modern .custom-date-filters { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; } @media screen and (max-width: 768px) { .filters-bar-modern .custom-date-filters { flex-direction: column; align-items: stretch; width: 100%; gap: 8px; } } .filters-bar-modern .date-input-group { display: flex; gap: 8px; align-items: center; } @media screen and (max-width: 768px) { .filters-bar-modern .date-input-group { width: 100%; } } .filters-bar-modern .modern-date-input, .filters-bar-modern .modern-time-input { height: 36px; border-radius: 8px; padding: 0 12px; border: 1px solid var(--border-color); background: var(--background-color); color: var(--text-color); font-size: 13px; font-weight: 500; transition: all 0.2s ease; } .filters-bar-modern .modern-date-input::-webkit-calendar-picker-indicator, .filters-bar-modern .modern-time-input::-webkit-calendar-picker-indicator { cursor: pointer; transition: all 0.2s ease; } .filters-bar-modern .modern-date-input:focus, .filters-bar-modern .modern-time-input:focus { outline: none; border-color: var(--primary-color); box-shadow: 0 0 0 3px rgba(255, 102, 0, 0.1); } .filters-bar-modern .modern-date-input:hover, .filters-bar-modern .modern-time-input:hover { border-color: var(--primary-color); } .filters-bar-modern .modern-date-input { min-width: 140px; } @media screen and (max-width: 768px) { .filters-bar-modern .modern-date-input { width: 100%; min-width: 100%; } } .filters-bar-modern .modern-time-input { min-width: 100px; } .filters-bar-modern .btn-filter-apply { height: 36px; border-radius: 8px; padding: 0 16px; font-weight: 600; font-size: 13px; background: var(--primary-color); border-color: var(--primary-color); } .filters-bar-modern .btn-filter-apply:hover { opacity: 0.9; transform: translateY(-1px); } @media screen and (max-width: 768px) { .filters-bar-modern .btn-filter-apply { width: 100%; justify-content: center; } } .filters-bar-modern .select-modern { height: 36px; min-width: 180px; } @media screen and (max-width: 768px) { .filters-bar-modern .select-modern { width: 100%; min-width: 100%; } } .filters-bar-modern .select-modern .ant-select-selector { height: 36px !important; border-radius: 8px !important; border: 1px solid var(--border-color) !important; background: var(--background-color) !important; color: var(--text-color) !important; font-weight: 500 !important; font-size: 13px !important; display: flex !important; align-items: center !important; transition: all 0.2s ease !important; } .filters-bar-modern .select-modern .ant-select-selector:hover { border-color: var(--primary-color) !important; } .filters-bar-modern .select-modern .ant-select-selector .ant-select-selection-item { line-height: 34px !important; color: var(--text-color) !important; } .filters-bar-modern .select-modern.ant-select-focused .ant-select-selector { border-color: var(--primary-color) !important; box-shadow: 0 0 0 3px rgba(255, 102, 0, 0.1) !important; } .select-modern-dropdown { padding: 4px !important; border-radius: 10px !important; border: 1px solid var(--border-color) !important; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12) !important; } .select-modern-dropdown .ant-select-item { padding: 8px 12px !important; border-radius: 6px !important; font-size: 13px !important; font-weight: 500 !important; transition: all 0.15s ease !important; } .select-modern-dropdown .ant-select-item:hover, .select-modern-dropdown .ant-select-item.ant-select-item-option-active { background: rgba(255, 102, 0, 0.08) !important; } .select-modern-dropdown .ant-select-item.ant-select-item-option-selected { background: rgba(255, 102, 0, 0.15) !important; font-weight: 600 !important; } html[data-theme="light"] .select-modern-dropdown, html:not([data-theme="dark"]) .select-modern-dropdown { background: #FFFFFF !important; border: 1px solid rgba(0, 0, 0, 0.1) !important; } html[data-theme="light"] .select-modern-dropdown .ant-select-item, html:not([data-theme="dark"]) .select-modern-dropdown .ant-select-item { color: #1a1a1a !important; } html[data-theme="light"] .select-modern-dropdown .ant-select-item.ant-select-item-option-selected, html:not([data-theme="dark"]) .select-modern-dropdown .ant-select-item.ant-select-item-option-selected { color: #1a1a1a !important; } html[data-theme="dark"] .select-modern-dropdown { background: rgba(18, 18, 18, 0.98) !important; border: 1px solid rgba(255, 102, 0, 0.3) !important; backdrop-filter: blur(12px) !important; } html[data-theme="dark"] .select-modern-dropdown .ant-select-item { color: #FFFFFF !important; } html[data-theme="dark"] .select-modern-dropdown .ant-select-item.ant-select-item-option-selected { color: #FFFFFF !important; background: rgba(255, 102, 0, 0.25) !important; } .date-range-display { text-align: center; padding: 12px 0; margin-bottom: 20px; background: transparent; border: none; color: var(--text-secondary-color); font-size: 14px; } .date-range-display strong { color: var(--text-color); font-weight: 600; } html[data-theme="dark"] .chart-box { background: rgba(18, 18, 18, 0.95) !important; border: 1px solid rgba(255, 255, 255, 0.12) !important; } html[data-theme="dark"] .chart-box:hover { border-color: var(--primary-color) !important; box-shadow: 0 4px 16px rgba(255, 102, 0, 0.25) !important; transform: translateY(-2px); } html[data-theme="dark"] .chart-box svg text { fill: #FFFFFF !important; } html[data-theme="dark"] .chart-box svg text[text-anchor="middle"][font-weight="bold"] { fill: #FFFFFF !important; } html[data-theme="dark"] .chart-box svg text[text-anchor="start"] { fill: #CCCCCC !important; } html[data-theme="dark"] .chart-box svg text[text-anchor="middle"]:not([font-weight="bold"]) { fill: #FFFFFF !important; font-weight: 700 !important; } html[data-theme="dark"] .chart-box svg line { stroke: rgba(255, 255, 255, 0.1) !important; } html[data-theme="dark"] .chart-box svg rect[fill="#ffffff"] { fill: transparent !important; } html[data-theme="dark"] .google-visualization-tooltip { background: #000000 !important; border: 1px solid rgba(255, 255, 255, 0.2) !important; border-radius: 8px !important; padding: 12px 16px !important; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.95) !important; color: #FFFFFF !important; font-family: Arial, sans-serif !important; } html[data-theme="dark"] .google-visualization-tooltip * { color: #FFFFFF !important; } html[data-theme="dark"] .google-visualization-tooltip ul { list-style: none !important; padding: 0 !important; margin: 0 !important; } html[data-theme="dark"] .google-visualization-tooltip ul li { color: #FFFFFF !important; margin: 4px 0 !important; font-weight: 600 !important; } html[data-theme="dark"] .google-visualization-tooltip ul li span { color: #FFFFFF !important; font-weight: 600 !important; } html[data-theme="dark"] div[dir="ltr"][style*="position: absolute"], html[data-theme="dark"] div[dir="ltr"][style*="background-color"] { background: #000000 !important; border: 1px solid rgba(255, 255, 255, 0.2) !important; color: #FFFFFF !important; border-radius: 8px !important; } html[data-theme="dark"] div[dir="ltr"][style*="position: absolute"] *, html[data-theme="dark"] div[dir="ltr"][style*="background-color"] * { color: #FFFFFF !important; font-weight: 600 !important; } html[data-theme="dark"] div[dir="ltr"][style*="position: absolute"] b, html[data-theme="dark"] div[dir="ltr"][style*="position: absolute"] strong, html[data-theme="dark"] div[dir="ltr"][style*="background-color"] b, html[data-theme="dark"] div[dir="ltr"][style*="background-color"] strong { color: #FFFFFF !important; font-weight: 700 !important; } html[data-theme="dark"] div[dir="ltr"][style*="position: absolute"] span, html[data-theme="dark"] div[dir="ltr"][style*="background-color"] span { color: #FFFFFF !important; font-weight: 600 !important; } html[data-theme="dark"] body[style*="overflow: hidden"] div[style*="position: absolute"][style*="z-index"] { background: #000000 !important; border: 1px solid rgba(255, 255, 255, 0.2) !important; border-radius: 8px !important; } html[data-theme="dark"] body[style*="overflow: hidden"] div[style*="position: absolute"][style*="z-index"] * { color: #FFFFFF !important; font-weight: 600 !important; } html[data-theme="dark"] .home-wrap .container-text { background: var(--surface-color); box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.3); } html[data-theme="dark"] .home-wrap .card-content { background-color: var(--surface-color); box-shadow: 0px 3px 8px 2px rgba(0, 0, 0, 0.3); } html[data-theme="dark"] .right-menu-box { background-color: var(--surface-color); } html[data-theme="dark"] .modern-date-input::-webkit-calendar-picker-indicator, html[data-theme="dark"] .modern-time-input::-webkit-calendar-picker-indicator { filter: invert(1); opacity: 0.9; } html[data-theme="dark"] .modern-date-input::-webkit-calendar-picker-indicator:hover, html[data-theme="dark"] .modern-time-input::-webkit-calendar-picker-indicator:hover { opacity: 1; filter: invert(1) brightness(1.2); } html[data-theme="light"] .modern-date-input::-webkit-calendar-picker-indicator, html[data-theme="light"] .modern-time-input::-webkit-calendar-picker-indicator, html:not([data-theme="dark"]) .modern-date-input::-webkit-calendar-picker-indicator, html:not([data-theme="dark"]) .modern-time-input::-webkit-calendar-picker-indicator { filter: invert(0); opacity: 0.7; } html[data-theme="light"] .modern-date-input::-webkit-calendar-picker-indicator:hover, html[data-theme="light"] .modern-time-input::-webkit-calendar-picker-indicator:hover, html:not([data-theme="dark"]) .modern-date-input::-webkit-calendar-picker-indicator:hover, html:not([data-theme="dark"]) .modern-time-input::-webkit-calendar-picker-indicator:hover { opacity: 1; } .sidebar-premium { position: fixed; left: 0; top: var(--header-height, 64px); height: calc(100vh - var(--header-height, 64px)); width: 280px; background: var(--surface-color); border-right: 1px solid var(--border-color); display: flex; flex-direction: column; transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1); z-index: 1000; overflow: hidden; box-shadow: 2px 0 8px rgba(0, 0, 0, 0.05); } .sidebar-premium.collapsed { width: 72px; } .sidebar-premium.collapsed .sidebar-item-label, .sidebar-premium.collapsed .sidebar-item-arrow, .sidebar-premium.collapsed .sidebar-submenu { opacity: 0; pointer-events: none; } .sidebar-premium.collapsed .sidebar-logo .logo-text { opacity: 0; } @media screen and (max-width: 767px) { .sidebar-premium { box-shadow: none; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .sidebar-header { display: flex; align-items: center; justify-content: flex-end; padding: 20px 16px; min-height: 72px; } .sidebar-logo { display: flex; align-items: center; gap: 12px; overflow: hidden; } .sidebar-logo .logo-text { font-size: 20px; font-weight: 700; white-space: nowrap; transition: opacity 0.2s ease; } .sidebar-logo .logo-text .logo-toliv { color: var(--text-color); } .sidebar-logo .logo-text .logo-partner { color: var(--primary-color); margin-left: 2px; } .sidebar-toggle { width: 36px; height: 36px; border-radius: 8px; background: transparent; border: 1px solid var(--border-color); color: var(--text-color); display: flex; align-items: center; justify-content: center; cursor: pointer; transition: all 0.2s ease; font-size: 16px; } .sidebar-toggle:hover { background: var(--primary-color); border-color: var(--primary-color); color: var(--text-on-primary); transform: scale(1.05); } .sidebar-toggle:active { transform: scale(0.95); } .sidebar-divider { height: 1px; background: var(--border-color); margin: 8px 16px; opacity: 0.5; } .sidebar-nav { flex: 1; overflow-y: auto; overflow-x: hidden; padding: 8px 0; } .sidebar-nav::-webkit-scrollbar { width: 4px; } .sidebar-nav::-webkit-scrollbar-track { background: transparent; } .sidebar-nav::-webkit-scrollbar-thumb { background: var(--border-color); border-radius: 4px; } .sidebar-nav::-webkit-scrollbar-thumb:hover { background: var(--text-secondary-color); } .sidebar-section { padding: 4px 8px; } .sidebar-link { display: block; text-decoration: none; color: inherit; margin-bottom: 4px; } .sidebar-item { display: flex; align-items: center; gap: 12px; padding: 12px 12px; border-radius: 10px; cursor: pointer; transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1); position: relative; color: var(--text-secondary-color); } .sidebar-item:hover { background: var(--primary-color-alpha-08); color: var(--text-color); } .sidebar-item:hover .sidebar-item-icon { color: var(--primary-color); transform: scale(1.1); } .sidebar-item.active { background: var(--primary-color-alpha-12); color: var(--primary-color); font-weight: 600; } .sidebar-item.active .sidebar-item-icon { color: var(--primary-color); } .sidebar-item.active::before { content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 3px; height: 60%; background: var(--primary-color); border-radius: 0 4px 4px 0; } .sidebar-item.expandable .sidebar-item-arrow { margin-left: auto; font-size: 12px; transition: transform 0.2s ease; } .sidebar-item.expandable.expanded .sidebar-item-arrow { transform: rotate(0deg); } .sidebar-item.home-item { background: transparent; color: var(--text-secondary-color); font-weight: 500; } .sidebar-item.home-item:hover { background: var(--surface-hover-color); color: var(--text-color); } .sidebar-item.home-item:hover .sidebar-item-icon { transform: translateX(-3px); color: var(--primary-color); } .sidebar-item.home-item .sidebar-item-icon { transition: transform 0.2s ease, color 0.2s ease; } .sidebar-item-icon { font-size: 20px; display: flex; align-items: center; justify-content: center; min-width: 20px; transition: all 0.2s ease; position: relative; } .sidebar-item-label { font-size: 14px; font-weight: 500; white-space: nowrap; transition: opacity 0.2s ease; flex: 1; } .sidebar-item-arrow { font-size: 12px; transition: all 0.2s ease; } .sidebar-badge { position: absolute !important; top: -4px; right: -8px; } .sidebar-submenu { margin-top: 4px; margin-left: 12px; padding-left: 20px; border-left: 2px solid var(--border-color); animation: slideDown 0.2s ease; } @keyframes slideDown { from { opacity: 0; transform: translateY(-8px); } to { opacity: 1; transform: translateY(0); } } .sidebar-submenu-group { margin-bottom: 12px; } .sidebar-submenu-group:last-child { margin-bottom: 0; } .submenu-group-title { font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px; color: var(--text-secondary-color); padding: 8px 12px 4px; opacity: 0.7; } .sidebar-submenu-item { display: flex; align-items: center; gap: 8px; padding: 8px 12px; border-radius: 6px; font-size: 13px; color: var(--text-secondary-color); text-decoration: none; transition: all 0.2s ease; margin-bottom: 2px; } .sidebar-submenu-item:hover { background: var(--primary-color-alpha-06); color: var(--text-color); } .sidebar-submenu-item:hover .submenu-dot { background: var(--primary-color); transform: scale(1.3); } .sidebar-submenu-item.active { background: var(--primary-color-alpha-10); color: var(--primary-color); font-weight: 500; } .sidebar-submenu-item.active .submenu-dot { background: var(--primary-color); } .submenu-dot { width: 6px; height: 6px; border-radius: 50%; background: var(--border-color); transition: all 0.2s ease; flex-shrink: 0; } .submenu-label { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .sidebar-footer { margin-top: auto; padding-bottom: 16px; } [data-theme="dark"] .sidebar-premium { background: rgba(0, 0, 0, 0.4) !important; backdrop-filter: blur(20px) saturate(180%) !important; -webkit-backdrop-filter: blur(20px) saturate(180%) !important; border-right-color: rgba(255, 255, 255, 0.08) !important; box-shadow: none !important; } [data-theme="dark"] .sidebar-toggle:hover { box-shadow: 0 0 12px rgba(245, 116, 35, 0.3); } [data-theme="dark"] .sidebar-item:hover { background: var(--primary-color-alpha-12); } [data-theme="dark"] .sidebar-item.active { background: var(--primary-color-alpha-15); box-shadow: 0 0 16px rgba(245, 116, 35, 0.2); } [data-theme="dark"] .sidebar-submenu-item:hover { background: var(--primary-color-alpha-08); } [data-theme="dark"] .sidebar-submenu-item.active { background: var(--primary-color-alpha-12); } [data-theme="dark"] .sidebar-drawer-mobile .ant-drawer-body, [data-theme="dark"] .sidebar-drawer-mobile .ant-drawer-content, [data-theme="dark"] .sidebar-drawer-mobile .ant-drawer-header { background: #0b0b0b !important; } [data-theme="dark"] .sidebar-drawer-mobile .ant-drawer-header { border-bottom-color: rgba(255, 255, 255, 0.06) !important; } [data-theme="dark"] .sidebar-drawer-mobile .ant-drawer-close { color: #fff !important; } [data-theme="dark"] .mobile-menu-drawer .ant-drawer-body, [data-theme="dark"] .mobile-menu-drawer .ant-drawer-content { background: #0b0b0b !important; } [data-theme="dark"] .mobile-menu-header { border-bottom-color: rgba(255, 255, 255, 0.08) !important; } [data-theme="dark"] .mobile-menu-close, [data-theme="dark"] .mobile-menu-item, [data-theme="dark"] .mobile-submenu-item { color: rgba(255, 255, 255, 0.85) !important; } [data-theme="dark"] .mobile-menu-close:hover, [data-theme="dark"] .mobile-menu-item:hover, [data-theme="dark"] .mobile-submenu-item:hover { color: #fff !important; } [data-theme="dark"] .mobile-menu-item:hover { background: rgba(245, 116, 35, 0.1) !important; } [data-theme="dark"] .mobile-submenu { border-left-color: rgba(255, 255, 255, 0.1) !important; } [data-theme="dark"] .mobile-submenu-item { color: rgba(255, 255, 255, 0.7) !important; } [data-theme="dark"] .mobile-submenu-item:hover { background: rgba(245, 116, 35, 0.08) !important; color: #fff !important; } [data-theme="dark"] .mobile-submenu-item .submenu-dot { background: rgba(255, 255, 255, 0.3) !important; } [data-theme="dark"] .mobile-menu-divider { background: rgba(255, 255, 255, 0.08) !important; } [data-theme="light"] .sidebar-premium { background: #FFFFFF !important; border-right-color: #E5E7EB !important; box-shadow: 2px 0 8px rgba(0, 0, 0, 0.05) !important; } .mobile-sidebar-toggle { display: none !important; } .sidebar-drawer-mobile .ant-drawer-body { padding: 0 !important; background: var(--surface-color) !important; } .sidebar-drawer-mobile .ant-drawer-content { background: var(--surface-color) !important; } .sidebar-drawer-mobile .ant-drawer-header { background: var(--surface-color) !important; border-bottom: 1px solid var(--border-color) !important; } .sidebar-drawer-mobile .ant-drawer-close { color: var(--text-color) !important; } @media screen and (max-width: 767px) { .sidebar-premium { display: none !important; } } .mobile-menu-drawer .ant-drawer-body { padding: 0 !important; background: var(--surface-color) !important; } .mobile-menu-drawer .ant-drawer-content { background: var(--surface-color) !important; } .mobile-menu-content { display: flex; flex-direction: column; min-height: 100vh; padding: 0 16px 24px; } .mobile-menu-header { display: flex; justify-content: space-between; align-items: center; padding: 20px 0; border-bottom: 1px solid var(--border-color); margin-bottom: 16px; } .mobile-menu-header .toliv-logo-header { display: flex; align-items: center; } .mobile-menu-header .toliv-logo-header .logo-toliv { font-size: 24px; font-weight: 700; color: var(--text-color); } .mobile-menu-header .toliv-logo-header .logo-partner { font-size: 24px; font-weight: 700; color: var(--primary-color); margin-left: 2px; } .mobile-menu-close { font-size: 20px; color: var(--text-color); cursor: pointer; padding: 8px; transition: all 0.2s ease; } .mobile-menu-close:hover { color: var(--primary-color); transform: scale(1.1); } .mobile-menu-item { display: flex; align-items: center; gap: 12px; padding: 14px 12px; color: var(--text-color); font-size: 15px; font-weight: 500; text-decoration: none; border-radius: 10px; cursor: pointer; transition: all 0.2s ease; margin-bottom: 4px; } .mobile-menu-item:hover { background: var(--surface-hover-color); color: var(--text-color); } .mobile-menu-item.expandable .expand-icon { margin-left: auto; font-size: 12px; transition: transform 0.2s ease; } .mobile-menu-item.expandable .expand-icon.expanded { transform: rotate(180deg); } .mobile-menu-item .anticon { font-size: 18px; } .mobile-menu-item .toliv-logo-menu { display: inline-flex; align-items: center; gap: 0; white-space: nowrap; } .mobile-menu-item .toliv-logo-menu .logo-toliv-menu { color: var(--text-color); font-weight: 700; letter-spacing: -0.02em; font-family: "Inter", sans-serif; margin: 0; padding: 0; } .mobile-menu-item .toliv-logo-menu .logo-events-menu, .mobile-menu-item .toliv-logo-menu .logo-social-menu { background: linear-gradient(135deg, #ff6b35 0%, #9b59b6 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; font-weight: 700; letter-spacing: -0.02em; font-family: "Inter", sans-serif; margin: 0; padding: 0; } .mobile-menu-section { margin-bottom: 4px; } .mobile-submenu { margin-left: 16px; padding-left: 16px; border-left: 2px solid var(--border-color); animation: slideDown 0.2s ease; } .mobile-submenu-group { margin-bottom: 8px; } .mobile-submenu-group .submenu-group-title { font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px; color: var(--text-secondary-color); padding: 8px 12px 4px; } .mobile-submenu-item { display: flex; align-items: center; gap: 8px; padding: 10px 12px; color: var(--text-secondary-color); font-size: 14px; text-decoration: none; border-radius: 6px; cursor: pointer; transition: all 0.2s ease; margin-bottom: 2px; } .mobile-submenu-item:hover { background: var(--surface-hover-color); color: var(--text-color); } .mobile-submenu-item .submenu-dot { width: 6px; height: 6px; border-radius: 50%; background: var(--border-color); flex-shrink: 0; transition: all 0.2s ease; } .mobile-submenu-item:hover .submenu-dot { background: var(--primary-color); } .mobile-menu-divider { height: 1px; background: var(--border-color); margin: 16px 0; } .sidebar-item:active, .sidebar-submenu-item:active { transform: scale(0.98); } .ant-tooltip { z-index: 1001; } .page-container-premium { display: flex; min-height: calc(100vh - var(--header-height, 64px)); margin-left: var(--sidebar-width, 280px); transition: margin-left 0.25s cubic-bezier(0.4, 0, 0.2, 1); } .content-container-premium { flex: 1; padding: 24px; max-width: 100%; overflow-x: hidden; } @media screen and (max-width: 767px) { .content-container-premium { padding: 16px; } } @media screen and (min-width: 768px) { .sidebar-premium.collapsed ~ .ant-layout-content .page-container-premium { margin-left: 72px; } } .page-container-premium.my-event-full-width { margin-left: 0 !important; width: 100% !important; max-width: 100% !important; } .page-container-premium.my-event-full-width .content-container-premium { padding: 0 !important; max-width: 100% !important; } .page-container-premium.administration-full-width { margin-left: var(--sidebar-width, 280px) !important; width: calc(100% - var(--sidebar-width, 280px)) !important; max-width: calc(100% - var(--sidebar-width, 280px)) !important; transition: margin-left 0.25s cubic-bezier(0.4, 0, 0.2, 1), width 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important; } .page-container-premium.administration-full-width .content-container-premium { padding: 0 !important; max-width: 100% !important; } .page-container-premium.sales-full-width { margin-left: var(--sidebar-width, 280px) !important; width: calc(100% - var(--sidebar-width, 280px)) !important; max-width: calc(100% - var(--sidebar-width, 280px)) !important; transition: margin-left 0.25s cubic-bezier(0.4, 0, 0.2, 1), width 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important; } .page-container-premium.sales-full-width .content-container-premium { padding: 0 !important; max-width: 100% !important; } .page-container-premium.tables-full-width { margin-left: var(--sidebar-width, 280px) !important; width: calc(100% - var(--sidebar-width, 280px)) !important; max-width: calc(100% - var(--sidebar-width, 280px)) !important; transition: margin-left 0.25s cubic-bezier(0.4, 0, 0.2, 1), width 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important; } .page-container-premium.tables-full-width .content-container-premium { padding: 0 !important; max-width: 100% !important; } .page-container-premium.orders-full-width { margin-left: var(--sidebar-width, 280px) !important; width: calc(100% - var(--sidebar-width, 280px)) !important; max-width: calc(100% - var(--sidebar-width, 280px)) !important; transition: margin-left 0.25s cubic-bezier(0.4, 0, 0.2, 1), width 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important; } .page-container-premium.orders-full-width .content-container-premium { padding: 0 !important; max-width: 100% !important; } @media screen and (min-width: 768px) { .page-container-premium.administration-full-width, .page-container-premium.sales-full-width, .page-container-premium.tables-full-width, .page-container-premium.orders-full-width { margin-left: var(--sidebar-width, 280px) !important; width: calc(100% - var(--sidebar-width, 280px)) !important; max-width: calc(100% - var(--sidebar-width, 280px)) !important; } } @media screen and (max-width: 767px) { .page-container-premium.administration-full-width, .page-container-premium.sales-full-width, .page-container-premium.tables-full-width, .page-container-premium.orders-full-width { margin-left: 0 !important; width: 100% !important; max-width: 100% !important; } } .page-container-premium.events-full-width { margin-left: 0 !important; width: 100% !important; max-width: 100% !important; } .page-container-premium.events-full-width .content-container-premium { padding: 0 !important; max-width: 100% !important; } .page-container-premium.form-full-width { margin-left: 0 !important; width: 100% !important; max-width: 100% !important; } .page-container-premium.form-full-width .content-container-premium { padding: 0 !important; max-width: 100% !important; } /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ /* stylelint-disable no-duplicate-selectors */ /* stylelint-disable */ /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ .ant-collapse { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; background-color: #fafafa; border: 1px solid #d9d9d9; border-bottom: 0; border-radius: 2px; } .ant-collapse > .ant-collapse-item { border-bottom: 1px solid #d9d9d9; } .ant-collapse > .ant-collapse-item:last-child, .ant-collapse > .ant-collapse-item:last-child > .ant-collapse-header { border-radius: 0 0 2px 2px; } .ant-collapse > .ant-collapse-item > .ant-collapse-header { position: relative; padding: 12px 16px; padding-left: 40px; color: rgba(0, 0, 0, 0.85); line-height: 1.5715; cursor: pointer; transition: all 0.3s; } .ant-collapse > .ant-collapse-item > .ant-collapse-header::before { display: table; content: ''; } .ant-collapse > .ant-collapse-item > .ant-collapse-header::after { display: table; clear: both; content: ''; } .ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow { color: inherit; font-style: normal; line-height: 0; text-align: center; text-transform: none; vertical-align: -0.125em; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; top: 17px; left: 16px; display: inline-block; font-size: 12px; } .ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow > * { line-height: 1; } .ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow svg { display: inline-block; } .ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow::before { display: none; } .ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow .ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow-icon { display: block; } .ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow svg { transition: transform 0.24s; } .ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-extra { float: right; } .ant-collapse > .ant-collapse-item > .ant-collapse-header:focus { outline: none; } .ant-collapse > .ant-collapse-item .ant-collapse-header-collapsible-only { cursor: default; } .ant-collapse > .ant-collapse-item .ant-collapse-header-collapsible-only .ant-collapse-header-text { cursor: pointer; } .ant-collapse > .ant-collapse-item.ant-collapse-no-arrow > .ant-collapse-header { padding-left: 12px; } .ant-collapse-icon-position-right > .ant-collapse-item > .ant-collapse-header { padding: 12px 16px; padding-right: 40px; } .ant-collapse-icon-position-right > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow { right: 16px; left: auto; } .ant-collapse-content { color: rgba(0, 0, 0, 0.85); background-color: #fff; border-top: 1px solid #d9d9d9; } .ant-collapse-content > .ant-collapse-content-box { padding: 16px; } .ant-collapse-content-hidden { display: none; } .ant-collapse-item:last-child > .ant-collapse-content { border-radius: 0 0 2px 2px; } .ant-collapse-borderless { background-color: #fafafa; border: 0; } .ant-collapse-borderless > .ant-collapse-item { border-bottom: 1px solid #d9d9d9; } .ant-collapse-borderless > .ant-collapse-item:last-child, .ant-collapse-borderless > .ant-collapse-item:last-child .ant-collapse-header { border-radius: 0; } .ant-collapse-borderless > .ant-collapse-item > .ant-collapse-content { background-color: transparent; border-top: 0; } .ant-collapse-borderless > .ant-collapse-item > .ant-collapse-content > .ant-collapse-content-box { padding-top: 4px; } .ant-collapse-ghost { background-color: transparent; border: 0; } .ant-collapse-ghost > .ant-collapse-item { border-bottom: 0; } .ant-collapse-ghost > .ant-collapse-item > .ant-collapse-content { background-color: transparent; border-top: 0; } .ant-collapse-ghost > .ant-collapse-item > .ant-collapse-content > .ant-collapse-content-box { padding-top: 12px; padding-bottom: 12px; } .ant-collapse .ant-collapse-item-disabled > .ant-collapse-header, .ant-collapse .ant-collapse-item-disabled > .ant-collapse-header > .arrow { color: rgba(0, 0, 0, 0.25); cursor: not-allowed; } .ant-collapse-rtl { direction: rtl; } .ant-collapse-rtl .ant-collapse > .ant-collapse-item > .ant-collapse-header { padding: 12px 16px; padding-right: 40px; } .ant-collapse-rtl.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow svg { transform: rotate(180deg); } .ant-collapse-rtl.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-extra { float: left; } .ant-collapse-rtl.ant-collapse > .ant-collapse-item.ant-collapse-no-arrow > .ant-collapse-header { padding-right: 12px; padding-left: 0; } /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ /* stylelint-disable no-duplicate-selectors */ /* stylelint-disable */ /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ /* stylelint-disable no-duplicate-selectors */ /* stylelint-disable */ /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ .ant-space { display: inline-flex; } .ant-space-vertical { flex-direction: column; } .ant-space-align-center { align-items: center; } .ant-space-align-start { align-items: flex-start; } .ant-space-align-end { align-items: flex-end; } .ant-space-align-baseline { align-items: baseline; } .ant-space-item:empty { display: none; } .ant-space-rtl { direction: rtl; } /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ /* stylelint-disable no-duplicate-selectors */ /* stylelint-disable */ /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ .ant-pagination { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; } .ant-pagination ul, .ant-pagination ol { margin: 0; padding: 0; list-style: none; } .ant-pagination::after { display: block; clear: both; height: 0; overflow: hidden; visibility: hidden; content: ' '; } .ant-pagination-total-text { display: inline-block; height: 32px; margin-right: 8px; line-height: 30px; vertical-align: middle; } .ant-pagination-item { display: inline-block; min-width: 32px; height: 32px; margin-right: 8px; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; line-height: 30px; text-align: center; vertical-align: middle; list-style: none; background-color: #fff; border: 1px solid #d9d9d9; border-radius: 2px; outline: 0; cursor: pointer; user-select: none; } .ant-pagination-item a { display: block; padding: 0 6px; color: rgba(0, 0, 0, 0.85); transition: none; } .ant-pagination-item a:hover { text-decoration: none; } .ant-pagination-item:focus, .ant-pagination-item:hover { border-color: #f57423; transition: all 0.3s; } .ant-pagination-item:focus a, .ant-pagination-item:hover a { color: #f57423; } .ant-pagination-item-active { font-weight: 500; background: #fff; border-color: #f57423; } .ant-pagination-item-active a { color: #f57423; } .ant-pagination-item-active:focus, .ant-pagination-item-active:hover { border-color: #ff974d; } .ant-pagination-item-active:focus a, .ant-pagination-item-active:hover a { color: #ff974d; } .ant-pagination-jump-prev, .ant-pagination-jump-next { outline: 0; } .ant-pagination-jump-prev .ant-pagination-item-container, .ant-pagination-jump-next .ant-pagination-item-container { position: relative; } .ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-link-icon, .ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-link-icon { color: #f57423; font-size: 12px; letter-spacing: -1px; opacity: 0; transition: all 0.2s; } .ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-link-icon-svg, .ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-link-icon-svg { top: 0; right: 0; bottom: 0; left: 0; margin: auto; } .ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-ellipsis, .ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-ellipsis { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: block; margin: auto; color: rgba(0, 0, 0, 0.25); font-family: Arial, Helvetica, sans-serif; letter-spacing: 2px; text-align: center; text-indent: 0.13em; opacity: 1; transition: all 0.2s; } .ant-pagination-jump-prev:focus .ant-pagination-item-link-icon, .ant-pagination-jump-next:focus .ant-pagination-item-link-icon, .ant-pagination-jump-prev:hover .ant-pagination-item-link-icon, .ant-pagination-jump-next:hover .ant-pagination-item-link-icon { opacity: 1; } .ant-pagination-jump-prev:focus .ant-pagination-item-ellipsis, .ant-pagination-jump-next:focus .ant-pagination-item-ellipsis, .ant-pagination-jump-prev:hover .ant-pagination-item-ellipsis, .ant-pagination-jump-next:hover .ant-pagination-item-ellipsis { opacity: 0; } .ant-pagination-prev, .ant-pagination-jump-prev, .ant-pagination-jump-next { margin-right: 8px; } .ant-pagination-prev, .ant-pagination-next, .ant-pagination-jump-prev, .ant-pagination-jump-next { display: inline-block; min-width: 32px; height: 32px; color: rgba(0, 0, 0, 0.85); font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; line-height: 32px; text-align: center; vertical-align: middle; list-style: none; border-radius: 2px; cursor: pointer; transition: all 0.3s; } .ant-pagination-prev, .ant-pagination-next { font-family: Arial, Helvetica, sans-serif; outline: 0; } .ant-pagination-prev button, .ant-pagination-next button { color: rgba(0, 0, 0, 0.85); cursor: pointer; user-select: none; } .ant-pagination-prev:hover button, .ant-pagination-next:hover button { border-color: #ff974d; } .ant-pagination-prev .ant-pagination-item-link, .ant-pagination-next .ant-pagination-item-link { display: block; width: 100%; height: 100%; padding: 0; font-size: 12px; text-align: center; background-color: #fff; border: 1px solid #d9d9d9; border-radius: 2px; outline: none; transition: all 0.3s; } .ant-pagination-prev:focus .ant-pagination-item-link, .ant-pagination-next:focus .ant-pagination-item-link, .ant-pagination-prev:hover .ant-pagination-item-link, .ant-pagination-next:hover .ant-pagination-item-link { color: #f57423; border-color: #f57423; } .ant-pagination-disabled, .ant-pagination-disabled:hover, .ant-pagination-disabled:focus { cursor: not-allowed; } .ant-pagination-disabled .ant-pagination-item-link, .ant-pagination-disabled:hover .ant-pagination-item-link, .ant-pagination-disabled:focus .ant-pagination-item-link { color: rgba(0, 0, 0, 0.25); border-color: #d9d9d9; cursor: not-allowed; } .ant-pagination-slash { margin: 0 10px 0 5px; } .ant-pagination-options { display: inline-block; margin-left: 16px; vertical-align: middle; } @media all and (-ms-high-contrast: none) { .ant-pagination-options *::-ms-backdrop, .ant-pagination-options { vertical-align: top; } } .ant-pagination-options-size-changer.ant-select { display: inline-block; width: auto; } .ant-pagination-options-quick-jumper { display: inline-block; height: 32px; margin-left: 8px; line-height: 32px; vertical-align: top; } .ant-pagination-options-quick-jumper input { position: relative; display: inline-block; width: 100%; min-width: 0; padding: 4px 11px; color: rgba(0, 0, 0, 0.85); font-size: 14px; line-height: 1.5715; background-color: #fff; background-image: none; border: 1px solid #d9d9d9; border-radius: 2px; transition: all 0.3s; width: 50px; margin: 0 8px; } .ant-pagination-options-quick-jumper input::-moz-placeholder { opacity: 1; } .ant-pagination-options-quick-jumper input::placeholder { color: #bfbfbf; } .ant-pagination-options-quick-jumper input:placeholder-shown { text-overflow: ellipsis; } .ant-pagination-options-quick-jumper input:hover { border-color: #ff974d; border-right-width: 1px !important; } .ant-pagination-options-quick-jumper input:focus, .ant-pagination-options-quick-jumper input-focused { border-color: #ff974d; border-right-width: 1px !important; outline: 0; box-shadow: 0 0 0 2px rgba(245, 116, 35, 0.2); } .ant-pagination-options-quick-jumper input-disabled { color: rgba(0, 0, 0, 0.25); background-color: #f5f5f5; cursor: not-allowed; opacity: 1; } .ant-pagination-options-quick-jumper input-disabled:hover { border-color: #d9d9d9; border-right-width: 1px !important; } .ant-pagination-options-quick-jumper input[disabled] { color: rgba(0, 0, 0, 0.25); background-color: #f5f5f5; cursor: not-allowed; opacity: 1; } .ant-pagination-options-quick-jumper input[disabled]:hover { border-color: #d9d9d9; border-right-width: 1px !important; } .ant-pagination-options-quick-jumper input-borderless, .ant-pagination-options-quick-jumper input-borderless:hover, .ant-pagination-options-quick-jumper input-borderless:focus, .ant-pagination-options-quick-jumper input-borderless-focused, .ant-pagination-options-quick-jumper input-borderless-disabled, .ant-pagination-options-quick-jumper input-borderless[disabled] { background-color: transparent; border: none; box-shadow: none; } textarea.ant-pagination-options-quick-jumper input { max-width: 100%; height: auto; min-height: 32px; line-height: 1.5715; vertical-align: bottom; transition: all 0.3s, height 0s; } .ant-pagination-options-quick-jumper input-lg { padding: 6.5px 11px; font-size: 16px; } .ant-pagination-options-quick-jumper input-sm { padding: 0px 7px; } .ant-pagination-simple .ant-pagination-prev, .ant-pagination-simple .ant-pagination-next { height: 24px; line-height: 24px; vertical-align: top; } .ant-pagination-simple .ant-pagination-prev .ant-pagination-item-link, .ant-pagination-simple .ant-pagination-next .ant-pagination-item-link { height: 24px; background-color: transparent; border: 0; } .ant-pagination-simple .ant-pagination-prev .ant-pagination-item-link::after, .ant-pagination-simple .ant-pagination-next .ant-pagination-item-link::after { height: 24px; line-height: 24px; } .ant-pagination-simple .ant-pagination-simple-pager { display: inline-block; height: 24px; margin-right: 8px; } .ant-pagination-simple .ant-pagination-simple-pager input { box-sizing: border-box; height: 100%; margin-right: 8px; padding: 0 6px; text-align: center; background-color: #fff; border: 1px solid #d9d9d9; border-radius: 2px; outline: none; transition: border-color 0.3s; } .ant-pagination-simple .ant-pagination-simple-pager input:hover { border-color: #f57423; } .ant-pagination-simple .ant-pagination-simple-pager input[disabled] { color: rgba(0, 0, 0, 0.25); background: #f5f5f5; border-color: #d9d9d9; cursor: not-allowed; } .ant-pagination.mini .ant-pagination-total-text, .ant-pagination.mini .ant-pagination-simple-pager { height: 24px; line-height: 24px; } .ant-pagination.mini .ant-pagination-item { min-width: 24px; height: 24px; margin: 0; line-height: 22px; } .ant-pagination.mini .ant-pagination-item:not(.ant-pagination-item-active) { background: transparent; border-color: transparent; } .ant-pagination.mini .ant-pagination-prev, .ant-pagination.mini .ant-pagination-next { min-width: 24px; height: 24px; margin: 0; line-height: 24px; } .ant-pagination.mini .ant-pagination-prev .ant-pagination-item-link, .ant-pagination.mini .ant-pagination-next .ant-pagination-item-link { background: transparent; border-color: transparent; } .ant-pagination.mini .ant-pagination-prev .ant-pagination-item-link::after, .ant-pagination.mini .ant-pagination-next .ant-pagination-item-link::after { height: 24px; line-height: 24px; } .ant-pagination.mini .ant-pagination-jump-prev, .ant-pagination.mini .ant-pagination-jump-next { height: 24px; margin-right: 0; line-height: 24px; } .ant-pagination.mini .ant-pagination-options { margin-left: 2px; } .ant-pagination.mini .ant-pagination-options-size-changer { top: 0px; } .ant-pagination.mini .ant-pagination-options-quick-jumper { height: 24px; line-height: 24px; } .ant-pagination.mini .ant-pagination-options-quick-jumper input { padding: 0px 7px; width: 44px; } .ant-pagination.ant-pagination-disabled { cursor: not-allowed; } .ant-pagination.ant-pagination-disabled .ant-pagination-item { background: #f5f5f5; border-color: #d9d9d9; cursor: not-allowed; } .ant-pagination.ant-pagination-disabled .ant-pagination-item a { color: rgba(0, 0, 0, 0.25); background: transparent; border: none; cursor: not-allowed; } .ant-pagination.ant-pagination-disabled .ant-pagination-item-active { background: #dbdbdb; border-color: transparent; } .ant-pagination.ant-pagination-disabled .ant-pagination-item-active a { color: #fff; } .ant-pagination.ant-pagination-disabled .ant-pagination-item-link { color: rgba(0, 0, 0, 0.25); background: #f5f5f5; border-color: #d9d9d9; cursor: not-allowed; } .ant-pagination-simple.ant-pagination.ant-pagination-disabled .ant-pagination-item-link { background: transparent; } .ant-pagination.ant-pagination-disabled .ant-pagination-item-link-icon { opacity: 0; } .ant-pagination.ant-pagination-disabled .ant-pagination-item-ellipsis { opacity: 1; } .ant-pagination.ant-pagination-disabled .ant-pagination-simple-pager { color: rgba(0, 0, 0, 0.25); } @media only screen and (max-width: 992px) { .ant-pagination-item-after-jump-prev, .ant-pagination-item-before-jump-next { display: none; } } @media only screen and (max-width: 576px) { .ant-pagination-options { display: none; } } .ant-pagination-rtl .ant-pagination-total-text { margin-right: 0; margin-left: 8px; } .ant-pagination-rtl .ant-pagination-item, .ant-pagination-rtl .ant-pagination-prev, .ant-pagination-rtl .ant-pagination-jump-prev, .ant-pagination-rtl .ant-pagination-jump-next { margin-right: 0; margin-left: 8px; } .ant-pagination-rtl .ant-pagination-slash { margin: 0 5px 0 10px; } .ant-pagination-rtl .ant-pagination-options { margin-right: 16px; margin-left: 0; } .ant-pagination-rtl .ant-pagination-options .ant-pagination-options-size-changer.ant-select { margin-right: 0; margin-left: 8px; } .ant-pagination-rtl .ant-pagination-options .ant-pagination-options-quick-jumper { margin-left: 0; } .ant-pagination-rtl.ant-pagination-simple .ant-pagination-simple-pager { margin-right: 0; margin-left: 8px; } .ant-pagination-rtl.ant-pagination-simple .ant-pagination-simple-pager input { margin-right: 0; margin-left: 8px; } .ant-pagination-rtl.ant-pagination.mini .ant-pagination-options { margin-right: 2px; margin-left: 0; } /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ /* stylelint-disable no-duplicate-selectors */ /* stylelint-disable */ /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ .ant-statistic { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; } .ant-statistic-title { margin-bottom: 4px; color: rgba(0, 0, 0, 0.45); font-size: 14px; } .ant-statistic-content { color: rgba(0, 0, 0, 0.85); font-size: 24px; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; } .ant-statistic-content-value { display: inline-block; direction: ltr; } .ant-statistic-content-prefix, .ant-statistic-content-suffix { display: inline-block; } .ant-statistic-content-prefix { margin-right: 4px; } .ant-statistic-content-suffix { margin-left: 4px; } .ant-statistic-rtl { direction: rtl; } .ant-statistic-rtl .ant-statistic-content-prefix { margin-right: 0; margin-left: 4px; } .ant-statistic-rtl .ant-statistic-content-suffix { margin-right: 4px; margin-left: 0; } /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ /* stylelint-disable no-duplicate-selectors */ /* stylelint-disable */ /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ .ant-skeleton { display: table; width: 100%; } .ant-skeleton-header { display: table-cell; padding-right: 16px; vertical-align: top; } .ant-skeleton-header .ant-skeleton-avatar { display: inline-block; vertical-align: top; background: rgba(190, 190, 190, 0.2); width: 32px; height: 32px; line-height: 32px; } .ant-skeleton-header .ant-skeleton-avatar.ant-skeleton-avatar-circle { border-radius: 50%; } .ant-skeleton-header .ant-skeleton-avatar-lg { width: 40px; height: 40px; line-height: 40px; } .ant-skeleton-header .ant-skeleton-avatar-lg.ant-skeleton-avatar-circle { border-radius: 50%; } .ant-skeleton-header .ant-skeleton-avatar-sm { width: 24px; height: 24px; line-height: 24px; } .ant-skeleton-header .ant-skeleton-avatar-sm.ant-skeleton-avatar-circle { border-radius: 50%; } .ant-skeleton-content { display: table-cell; width: 100%; vertical-align: top; } .ant-skeleton-content .ant-skeleton-title { width: 100%; height: 16px; margin-top: 16px; background: rgba(190, 190, 190, 0.2); border-radius: 4px; } .ant-skeleton-content .ant-skeleton-title + .ant-skeleton-paragraph { margin-top: 24px; } .ant-skeleton-content .ant-skeleton-paragraph { padding: 0; } .ant-skeleton-content .ant-skeleton-paragraph > li { width: 100%; height: 16px; list-style: none; background: rgba(190, 190, 190, 0.2); border-radius: 4px; } .ant-skeleton-content .ant-skeleton-paragraph > li:last-child:not(:first-child):not(:nth-child(2)) { width: 61%; } .ant-skeleton-content .ant-skeleton-paragraph > li + li { margin-top: 16px; } .ant-skeleton-with-avatar .ant-skeleton-content .ant-skeleton-title { margin-top: 12px; } .ant-skeleton-with-avatar .ant-skeleton-content .ant-skeleton-title + .ant-skeleton-paragraph { margin-top: 28px; } .ant-skeleton-round .ant-skeleton-content .ant-skeleton-title, .ant-skeleton-round .ant-skeleton-content .ant-skeleton-paragraph > li { border-radius: 100px; } .ant-skeleton.ant-skeleton-active .ant-skeleton-content .ant-skeleton-title, .ant-skeleton.ant-skeleton-active .ant-skeleton-content .ant-skeleton-paragraph > li { background: linear-gradient(90deg, rgba(190, 190, 190, 0.2) 25%, rgba(129, 129, 129, 0.24) 37%, rgba(190, 190, 190, 0.2) 63%); background-size: 400% 100%; animation: ant-skeleton-loading 1.4s ease infinite; } .ant-skeleton.ant-skeleton-active .ant-skeleton-avatar { background: linear-gradient(90deg, rgba(190, 190, 190, 0.2) 25%, rgba(129, 129, 129, 0.24) 37%, rgba(190, 190, 190, 0.2) 63%); background-size: 400% 100%; animation: ant-skeleton-loading 1.4s ease infinite; } .ant-skeleton.ant-skeleton-active .ant-skeleton-button { background: linear-gradient(90deg, rgba(190, 190, 190, 0.2) 25%, rgba(129, 129, 129, 0.24) 37%, rgba(190, 190, 190, 0.2) 63%); background-size: 400% 100%; animation: ant-skeleton-loading 1.4s ease infinite; } .ant-skeleton.ant-skeleton-active .ant-skeleton-input { background: linear-gradient(90deg, rgba(190, 190, 190, 0.2) 25%, rgba(129, 129, 129, 0.24) 37%, rgba(190, 190, 190, 0.2) 63%); background-size: 400% 100%; animation: ant-skeleton-loading 1.4s ease infinite; } .ant-skeleton.ant-skeleton-active .ant-skeleton-image { background: linear-gradient(90deg, rgba(190, 190, 190, 0.2) 25%, rgba(129, 129, 129, 0.24) 37%, rgba(190, 190, 190, 0.2) 63%); background-size: 400% 100%; animation: ant-skeleton-loading 1.4s ease infinite; } .ant-skeleton-element { display: inline-block; width: auto; } .ant-skeleton-element .ant-skeleton-button { display: inline-block; vertical-align: top; background: rgba(190, 190, 190, 0.2); border-radius: 2px; width: 64px; height: 32px; line-height: 32px; } .ant-skeleton-element .ant-skeleton-button.ant-skeleton-button-circle { width: 32px; border-radius: 50%; } .ant-skeleton-element .ant-skeleton-button.ant-skeleton-button-round { border-radius: 32px; } .ant-skeleton-element .ant-skeleton-button-lg { width: 80px; height: 40px; line-height: 40px; } .ant-skeleton-element .ant-skeleton-button-lg.ant-skeleton-button-circle { width: 40px; border-radius: 50%; } .ant-skeleton-element .ant-skeleton-button-lg.ant-skeleton-button-round { border-radius: 40px; } .ant-skeleton-element .ant-skeleton-button-sm { width: 48px; height: 24px; line-height: 24px; } .ant-skeleton-element .ant-skeleton-button-sm.ant-skeleton-button-circle { width: 24px; border-radius: 50%; } .ant-skeleton-element .ant-skeleton-button-sm.ant-skeleton-button-round { border-radius: 24px; } .ant-skeleton-element .ant-skeleton-avatar { display: inline-block; vertical-align: top; background: rgba(190, 190, 190, 0.2); width: 32px; height: 32px; line-height: 32px; } .ant-skeleton-element .ant-skeleton-avatar.ant-skeleton-avatar-circle { border-radius: 50%; } .ant-skeleton-element .ant-skeleton-avatar-lg { width: 40px; height: 40px; line-height: 40px; } .ant-skeleton-element .ant-skeleton-avatar-lg.ant-skeleton-avatar-circle { border-radius: 50%; } .ant-skeleton-element .ant-skeleton-avatar-sm { width: 24px; height: 24px; line-height: 24px; } .ant-skeleton-element .ant-skeleton-avatar-sm.ant-skeleton-avatar-circle { border-radius: 50%; } .ant-skeleton-element .ant-skeleton-input { display: inline-block; vertical-align: top; background: rgba(190, 190, 190, 0.2); width: 100%; height: 32px; line-height: 32px; } .ant-skeleton-element .ant-skeleton-input-lg { width: 100%; height: 40px; line-height: 40px; } .ant-skeleton-element .ant-skeleton-input-sm { width: 100%; height: 24px; line-height: 24px; } .ant-skeleton-element .ant-skeleton-image { display: flex; align-items: center; justify-content: center; vertical-align: top; background: rgba(190, 190, 190, 0.2); width: 96px; height: 96px; line-height: 96px; } .ant-skeleton-element .ant-skeleton-image.ant-skeleton-image-circle { border-radius: 50%; } .ant-skeleton-element .ant-skeleton-image-path { fill: #bfbfbf; } .ant-skeleton-element .ant-skeleton-image-svg { width: 48px; height: 48px; line-height: 48px; max-width: 192px; max-height: 192px; } .ant-skeleton-element .ant-skeleton-image-svg.ant-skeleton-image-circle { border-radius: 50%; } @keyframes ant-skeleton-loading { 0% { background-position: 100% 50%; } 100% { background-position: 0 50%; } } .ant-skeleton-rtl { direction: rtl; } .ant-skeleton-rtl .ant-skeleton-header { padding-right: 0; padding-left: 16px; } .ant-skeleton-rtl.ant-skeleton.ant-skeleton-active .ant-skeleton-content .ant-skeleton-title, .ant-skeleton-rtl.ant-skeleton.ant-skeleton-active .ant-skeleton-content .ant-skeleton-paragraph > li { animation-name: ant-skeleton-loading-rtl; } .ant-skeleton-rtl.ant-skeleton.ant-skeleton-active .ant-skeleton-avatar { animation-name: ant-skeleton-loading-rtl; } @keyframes ant-skeleton-loading-rtl { 0% { background-position: 0% 50%; } 100% { background-position: 100% 50%; } } /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ /* stylelint-disable no-duplicate-selectors */ /* stylelint-disable */ /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ .ant-list { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; position: relative; } .ant-list * { outline: none; } .ant-list-pagination { margin-top: 24px; text-align: right; } .ant-list-pagination .ant-pagination-options { text-align: left; } .ant-list-more { margin-top: 12px; text-align: center; } .ant-list-more button { padding-right: 32px; padding-left: 32px; } .ant-list-spin { min-height: 40px; text-align: center; } .ant-list-empty-text { padding: 16px; color: rgba(0, 0, 0, 0.25); font-size: 14px; text-align: center; } .ant-list-items { margin: 0; padding: 0; list-style: none; } .ant-list-item { display: flex; align-items: center; justify-content: space-between; padding: 12px 0; color: rgba(0, 0, 0, 0.85); } .ant-list-item-meta { display: flex; flex: 1; align-items: flex-start; max-width: 100%; } .ant-list-item-meta-avatar { margin-right: 16px; } .ant-list-item-meta-content { flex: 1 0; width: 0; color: rgba(0, 0, 0, 0.85); } .ant-list-item-meta-title { margin-bottom: 4px; color: rgba(0, 0, 0, 0.85); font-size: 14px; line-height: 1.5715; } .ant-list-item-meta-title > a { color: rgba(0, 0, 0, 0.85); transition: all 0.3s; } .ant-list-item-meta-title > a:hover { color: #f57423; } .ant-list-item-meta-description { color: rgba(0, 0, 0, 0.45); font-size: 14px; line-height: 1.5715; } .ant-list-item-action { flex: 0 0 auto; margin-left: 48px; padding: 0; font-size: 0; list-style: none; } .ant-list-item-action > li { position: relative; display: inline-block; padding: 0 8px; color: rgba(0, 0, 0, 0.45); font-size: 14px; line-height: 1.5715; text-align: center; } .ant-list-item-action > li:first-child { padding-left: 0; } .ant-list-item-action-split { position: absolute; top: 50%; right: 0; width: 1px; height: 14px; margin-top: -7px; background-color: #f0f0f0; } .ant-list-header { background: transparent; } .ant-list-footer { background: transparent; } .ant-list-header, .ant-list-footer { padding-top: 12px; padding-bottom: 12px; } .ant-list-empty { padding: 16px 0; color: rgba(0, 0, 0, 0.45); font-size: 12px; text-align: center; } .ant-list-split .ant-list-item { border-bottom: 1px solid #f0f0f0; } .ant-list-split .ant-list-item:last-child { border-bottom: none; } .ant-list-split .ant-list-header { border-bottom: 1px solid #f0f0f0; } .ant-list-split.ant-list-empty .ant-list-footer { border-top: 1px solid #f0f0f0; } .ant-list-loading .ant-list-spin-nested-loading { min-height: 32px; } .ant-list-split.ant-list-something-after-last-item .ant-spin-container > .ant-list-items > .ant-list-item:last-child { border-bottom: 1px solid #f0f0f0; } .ant-list-lg .ant-list-item { padding: 16px 24px; } .ant-list-sm .ant-list-item { padding: 8px 16px; } .ant-list-vertical .ant-list-item { align-items: initial; } .ant-list-vertical .ant-list-item-main { display: block; flex: 1; } .ant-list-vertical .ant-list-item-extra { margin-left: 40px; } .ant-list-vertical .ant-list-item-meta { margin-bottom: 16px; } .ant-list-vertical .ant-list-item-meta-title { margin-bottom: 12px; color: rgba(0, 0, 0, 0.85); font-size: 16px; line-height: 24px; } .ant-list-vertical .ant-list-item-action { margin-top: 16px; margin-left: auto; } .ant-list-vertical .ant-list-item-action > li { padding: 0 16px; } .ant-list-vertical .ant-list-item-action > li:first-child { padding-left: 0; } .ant-list-grid .ant-col > .ant-list-item { display: block; max-width: 100%; margin-bottom: 16px; padding-top: 0; padding-bottom: 0; border-bottom: none; } .ant-list-item-no-flex { display: block; } .ant-list:not(.ant-list-vertical) .ant-list-item-no-flex .ant-list-item-action { float: right; } .ant-list-bordered { border: 1px solid #d9d9d9; border-radius: 2px; } .ant-list-bordered .ant-list-header { padding-right: 24px; padding-left: 24px; } .ant-list-bordered .ant-list-footer { padding-right: 24px; padding-left: 24px; } .ant-list-bordered .ant-list-item { padding-right: 24px; padding-left: 24px; } .ant-list-bordered .ant-list-pagination { margin: 16px 24px; } .ant-list-bordered.ant-list-sm .ant-list-item { padding: 8px 16px; } .ant-list-bordered.ant-list-sm .ant-list-header, .ant-list-bordered.ant-list-sm .ant-list-footer { padding: 8px 16px; } .ant-list-bordered.ant-list-lg .ant-list-item { padding: 16px 24px; } .ant-list-bordered.ant-list-lg .ant-list-header, .ant-list-bordered.ant-list-lg .ant-list-footer { padding: 16px 24px; } @media screen and (max-width: 768px) { .ant-list-item-action { margin-left: 24px; } .ant-list-vertical .ant-list-item-extra { margin-left: 24px; } } @media screen and (max-width: 576px) { .ant-list-item { flex-wrap: wrap; } .ant-list-item-action { margin-left: 12px; } .ant-list-vertical .ant-list-item { flex-wrap: wrap-reverse; } .ant-list-vertical .ant-list-item-main { min-width: 220px; } .ant-list-vertical .ant-list-item-extra { margin: auto auto 16px; } } .ant-list-rtl { direction: rtl; text-align: right; } .ant-list-rtl .ReactVirtualized__List .ant-list-item { direction: rtl; } .ant-list-rtl .ant-list-pagination { text-align: left; } .ant-list-rtl .ant-list-item-meta-avatar { margin-right: 0; margin-left: 16px; } .ant-list-rtl .ant-list-item-action { margin-right: 48px; margin-left: 0; } .ant-list.ant-list-rtl .ant-list-item-action > li:first-child { padding-right: 0; padding-left: 16px; } .ant-list-rtl .ant-list-item-action-split { right: auto; left: 0; } .ant-list-rtl.ant-list-vertical .ant-list-item-extra { margin-right: 40px; margin-left: 0; } .ant-list-rtl.ant-list-vertical .ant-list-item-action { margin-right: auto; } .ant-list-rtl .ant-list-vertical .ant-list-item-action > li:first-child { padding-right: 0; padding-left: 16px; } .ant-list-rtl .ant-list:not(.ant-list-vertical) .ant-list-item-no-flex .ant-list-item-action { float: left; } @media screen and (max-width: 768px) { .ant-list-rtl .ant-list-item-action { margin-right: 24px; margin-left: 0; } .ant-list-rtl .ant-list-vertical .ant-list-item-extra { margin-right: 24px; margin-left: 0; } } @media screen and (max-width: 576px) { .ant-list-rtl .ant-list-item-action { margin-right: 22px; margin-left: 0; } .ant-list-rtl.ant-list-vertical .ant-list-item-extra { margin: auto auto 16px; } } /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ /* stylelint-disable no-duplicate-selectors */ /* stylelint-disable */ /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ .ant-message { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; position: fixed; top: 8px; left: 0; z-index: 1010; width: 100%; pointer-events: none; } .ant-message-notice { padding: 8px; text-align: center; } .ant-message-notice-content { display: inline-block; padding: 10px 16px; background: #fff; border-radius: 2px; box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05); pointer-events: all; } .ant-message-success .anticon { color: #52c41a; } .ant-message-error .anticon { color: #ff4d4f; } .ant-message-warning .anticon { color: #faad14; } .ant-message-info .anticon, .ant-message-loading .anticon { color: #f57423; } .ant-message .anticon { position: relative; top: 1px; margin-right: 8px; font-size: 16px; } .ant-message-notice.move-up-leave.move-up-leave-active { animation-name: MessageMoveOut; animation-duration: 0.3s; } @keyframes MessageMoveOut { 0% { max-height: 150px; padding: 8px; opacity: 1; } 100% { max-height: 0; padding: 0; opacity: 0; } } .ant-message-rtl { direction: rtl; } .ant-message-rtl span { direction: rtl; } .ant-message-rtl .anticon { margin-right: 0; margin-left: 8px; } :root { --wc-bg: #FFFFFF; --wc-surface: #FFFFFF; --wc-surface-hover: #F3F4F6; --wc-text-main: #111827; --wc-text-sec: #6B7280; --wc-border: #E5E7EB; --wc-glass-bg: #FFFFFF; --wc-glass-border: #E5E7EB; --wc-glass-blur: none; --wc-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1); --wc-header-border: #E5E7EB; --wc-sidebar-border: #E5E7EB; } html[data-theme="dark"] { --wc-bg: #0a0a0a; --wc-surface: rgba(18, 18, 18, 0.95); --wc-surface-hover: rgba(255, 255, 255, 0.04); --wc-text-main: #FFFFFF; --wc-text-sec: rgba(255, 255, 255, 0.6); --wc-border: rgba(255, 255, 255, 0.12); --wc-glass-bg: rgba(255, 255, 255, 0.05); --wc-glass-border: rgba(255, 255, 255, 0.12); --wc-glass-blur: blur(20px); --wc-shadow: 0 12px 40px rgba(0, 0, 0, 0.4); --wc-header-border: rgba(255, 255, 255, 0.08); --wc-sidebar-border: rgba(255, 255, 255, 0.06); } @keyframes fadeInUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } } @keyframes pulse-dot { 0%, 100% { opacity: 1; } 50% { opacity: 0.5; } } @keyframes shimmer { 0% { background-position: -200% 0; } 100% { background-position: 200% 0; } } .my-event-page-full-width { background: var(--wc-bg) !important; min-height: 100vh; } .my-event-page-full-width .content-tabs { max-width: 100%; } .event-sidebar-premium { background: transparent !important; border-right: 1px solid var(--wc-sidebar-border) !important; height: calc(100vh - 64px); position: sticky; top: 64px; } .event-sidebar-premium .event-sidebar-inner { padding: 24px 8px; } .event-sidebar-premium .back-link-minimal { display: inline-flex; align-items: center; gap: 10px; color: var(--wc-text-sec); font-size: 14px; font-weight: 500; cursor: pointer; transition: all 0.2s ease; padding: 8px 0; margin-bottom: 24px; } .event-sidebar-premium .back-link-minimal svg { transition: transform 0.2s ease; } .event-sidebar-premium .back-link-minimal:hover { color: var(--wc-text-main); } html[data-theme="dark"] .event-sidebar-premium .back-link-minimal:hover { color: #fff; } .event-sidebar-premium .back-link-minimal:hover svg { transform: translateX(-4px); color: #FF6600; } .event-sidebar-premium .event-sidebar-menu-wrapper { display: flex; flex-direction: column; width: 100% !important; } .event-sidebar-premium .event-sidebar-menu.ant-menu { background: transparent !important; border-right: none !important; padding: 0 !important; width: 100% !important; } .event-sidebar-premium .event-sidebar-menu.ant-menu .ant-menu-item { margin-bottom: 2px !important; border-radius: 8px !important; height: 44px !important; line-height: 44px !important; color: var(--wc-text-sec) !important; font-size: 14px !important; font-weight: 500 !important; padding: 0 12px !important; display: flex !important; width: 100% !important; margin: 0 !important; box-sizing: border-box !important; align-items: center !important; transition: all 0.2s ease !important; background: transparent !important; border: none !important; } .event-sidebar-premium .event-sidebar-menu.ant-menu .ant-menu-item .anticon { font-size: 17px !important; margin-right: 12px !important; transition: all 0.2s ease !important; opacity: 0.5; } .event-sidebar-premium .event-sidebar-menu.ant-menu .ant-menu-item:hover { color: var(--wc-text-main) !important; background: var(--wc-surface-hover) !important; } html[data-theme="dark"] .event-sidebar-premium .event-sidebar-menu.ant-menu .ant-menu-item:hover { color: rgba(255, 255, 255, 0.9) !important; } .event-sidebar-premium .event-sidebar-menu.ant-menu .ant-menu-item:hover .anticon { opacity: 0.9; } .event-sidebar-premium .event-sidebar-menu.ant-menu .ant-menu-item.ant-menu-item-selected { background: rgba(255, 102, 0, 0.1) !important; color: #FF6600 !important; font-weight: 600 !important; border: none !important; } .event-sidebar-premium .event-sidebar-menu.ant-menu .ant-menu-item.ant-menu-item-selected .anticon { color: #FF6600 !important; opacity: 1; } .event-sidebar-premium .event-sidebar-menu.ant-menu .ant-menu-item.ant-menu-item-selected::after { display: none !important; } .event-content { padding: 0 !important; background: transparent !important; min-height: calc(100vh - 64px); } @media (max-width: 768px) { .event-content { padding: 20px !important; } } .content-bread-crumb { margin-bottom: 8px; } .content-bread-crumb .ant-breadcrumb { color: var(--wc-text-sec); font-size: 14px; } .content-bread-crumb .ant-breadcrumb a { color: var(--wc-text-sec) !important; transition: color 0.2s; } .content-bread-crumb .ant-breadcrumb a:hover { color: var(--wc-text-main) !important; } .content-bread-crumb .ant-breadcrumb .ant-breadcrumb-separator { color: var(--wc-text-sec) !important; opacity: 0.5; } .content-bread-crumb .ant-breadcrumb li:last-child, .content-bread-crumb .ant-breadcrumb span:last-child { color: var(--wc-text-main) !important; font-weight: 500; } html[data-theme="dark"] .content-bread-crumb .ant-breadcrumb .ant-breadcrumb { color: rgba(255, 255, 255, 0.6); } html[data-theme="dark"] .content-bread-crumb .ant-breadcrumb .ant-breadcrumb a { color: rgba(255, 255, 255, 0.6) !important; } html[data-theme="dark"] .content-bread-crumb .ant-breadcrumb .ant-breadcrumb a:hover { color: white !important; } html[data-theme="dark"] .content-bread-crumb .ant-breadcrumb .ant-breadcrumb .ant-breadcrumb-separator { color: rgba(255, 255, 255, 0.4) !important; } html[data-theme="dark"] .content-bread-crumb .ant-breadcrumb .ant-breadcrumb li:last-child, html[data-theme="dark"] .content-bread-crumb .ant-breadcrumb .ant-breadcrumb span:last-child { color: white !important; } .content-bread-crumb .custom-breadcrumb { margin-bottom: 0 !important; font-size: 13px; } .content-bread-crumb .custom-breadcrumb .ant-breadcrumb-link, .content-bread-crumb .custom-breadcrumb .ant-breadcrumb-separator, .content-bread-crumb .custom-breadcrumb a { color: var(--wc-text-sec) !important; transition: color 0.2s ease; } .content-bread-crumb .custom-breadcrumb span:last-child .ant-breadcrumb-link { color: var(--wc-text-main) !important; font-weight: 600; } html[data-theme="dark"] .content-bread-crumb .custom-breadcrumb .ant-breadcrumb-link, html[data-theme="dark"] .content-bread-crumb .custom-breadcrumb .ant-breadcrumb-separator, html[data-theme="dark"] .content-bread-crumb .custom-breadcrumb a, html[data-theme="dark"] .content-bread-crumb .custom-breadcrumb span { color: rgba(255, 255, 255, 0.7) !important; } .content-bread-crumb .custom-breadcrumb .cursor-pointer:hover { color: var(--wc-text-main) !important; } .content-bread-crumb .custom-breadcrumb .cursor-pointer:hover .ant-breadcrumb-link { color: var(--wc-text-main) !important; } html[data-theme="dark"] .content-bread-crumb .custom-breadcrumb .cursor-pointer:hover { color: #fff !important; } html[data-theme="dark"] .content-bread-crumb .custom-breadcrumb .cursor-pointer:hover .ant-breadcrumb-link { color: #fff !important; } .event-header-wc { background: transparent !important; padding: 0 0 24px 0 !important; margin-bottom: 24px !important; border: none !important; border-bottom: 1px solid var(--wc-header-border) !important; border-radius: 0 !important; animation: fadeInUp 0.6s ease-out; display: grid; grid-template-columns: 1fr auto; grid-template-areas: "top-left top-right" "bottom-left bottom-right"; align-items: center; column-gap: 16px; row-gap: 10px; } .event-header-wc .my-event-header-top-left { grid-area: top-left; display: flex; align-items: center; gap: 12px; min-width: 0; } .event-header-wc .my-event-header-top-left h1 { margin: 0 !important; font-size: 32px !important; font-weight: 700 !important; color: var(--wc-text-main) !important; letter-spacing: -0.5px; line-height: 1.2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } html[data-theme="dark"] .event-header-wc .my-event-header-top-left h1 { color: #fff !important; } .event-header-wc .my-event-header-top-right { grid-area: top-right; display: flex; align-items: center; justify-content: flex-end; } .event-header-wc .my-event-header-bottom-left { grid-area: bottom-left; display: flex; align-items: center; } .event-header-wc .my-event-header-bottom-right { grid-area: bottom-right; display: flex; align-items: center; justify-content: flex-end; gap: 12px; flex-wrap: wrap; } @media (max-width: 768px) { .event-header-wc { grid-template-columns: 1fr; grid-template-areas: "top-left" "bottom-left" "top-right" "bottom-right"; } .event-header-wc .my-event-header-top-right { justify-content: flex-start; } .event-header-wc .my-event-header-bottom-right { justify-content: flex-start; } } .event-header-wc .event-title-truncate { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .event-header-wc .event-title-left { flex: 1; min-width: 240px; } .event-header-wc .event-title-line { display: flex; align-items: center; gap: 12px; min-width: 0; } .event-header-wc .event-header-actions { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; } @media (min-width: 992px) { .events-wrap.my-event-page-wc { padding-top: 12px; } } .events-wrap.my-event-page-wc .event-header-meta { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; } .events-wrap.my-event-page-wc .event-header-meta .event-date { font-weight: 500; font-size: 15px; color: var(--wc-text-sec); display: flex; align-items: center; gap: 8px; } html[data-theme="dark"] .events-wrap.my-event-page-wc .event-header-meta .event-date { color: rgba(255, 255, 255, 0.6); } .events-wrap.my-event-page-wc .event-header-meta .event-date svg { width: 18px; height: 18px; opacity: 0.6; } .my-event-page-full-width .box-pending-event, .my-event-page-full-width .box-inactive-event, .my-event-page-full-width .box-active-event, .my-event-page-full-width .box-suspended-event, .event-header-wc .box-pending-event, .event-header-wc .box-inactive-event, .event-header-wc .box-active-event, .event-header-wc .box-suspended-event { padding: 6px 14px !important; border-radius: 100px !important; font-size: 11px !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: 0.5px !important; display: inline-flex !important; align-items: center !important; gap: 6px !important; width: auto !important; height: auto !important; } .my-event-page-full-width .box-pending-event, .event-header-wc .box-pending-event { background: rgba(250, 173, 20, 0.16) !important; color: #faad14 !important; border: 1px solid rgba(250, 173, 20, 0.32) !important; } .my-event-page-full-width .box-inactive-event, .event-header-wc .box-inactive-event { background: rgba(239, 68, 68, 0.15) !important; color: #ef4444 !important; border: 1px solid rgba(239, 68, 68, 0.3) !important; } .my-event-page-full-width .box-active-event, .event-header-wc .box-active-event { background: rgba(16, 185, 129, 0.15) !important; color: #10b981 !important; border: 1px solid rgba(16, 185, 129, 0.3) !important; } .my-event-page-full-width .box-active-event::before, .event-header-wc .box-active-event::before { content: '' !important; width: 6px !important; height: 6px !important; background: #10b981 !important; border-radius: 50% !important; animation: pulse-dot 2s ease-in-out infinite !important; } .my-event-page-full-width .box-suspended-event, .event-header-wc .box-suspended-event { background: rgba(250, 173, 20, 0.15) !important; color: #faad14 !important; border: 1px solid rgba(250, 173, 20, 0.3) !important; animation: pulse-dot 2s ease-in-out infinite; } .btn-preview { height: 32px !important; padding: 0 16px !important; border-radius: 8px !important; font-weight: 500 !important; font-size: 13px !important; display: inline-flex !important; align-items: center !important; gap: 8px !important; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important; background: var(--wc-surface) !important; border: 1px solid var(--wc-border) !important; color: var(--wc-text-sec) !important; } html[data-theme="dark"] .btn-preview { background: rgba(255, 255, 255, 0.05) !important; border: 1px solid rgba(255, 255, 255, 0.12) !important; color: rgba(255, 255, 255, 0.8) !important; } .btn-preview:hover { background: var(--wc-surface-hover) !important; border-color: var(--wc-text-sec) !important; color: var(--wc-text-main) !important; transform: translateY(-2px); } html[data-theme="dark"] .btn-preview:hover { background: rgba(255, 255, 255, 0.08) !important; border-color: rgba(255, 255, 255, 0.2) !important; color: #fff !important; } .btn-preview.ant-btn-primary { background: linear-gradient(135deg, #FF6B35 0%, #F7931E 100%) !important; border: none !important; color: #fff !important; box-shadow: 0 4px 16px rgba(255, 102, 0, 0.3) !important; } .btn-preview.ant-btn-primary:hover { box-shadow: 0 6px 24px rgba(255, 102, 0, 0.4) !important; } .general-summary-wrapper { animation: fadeInUp 0.6s ease-out 0.1s both; } .general-summary-card { background: transparent !important; border: none !important; box-shadow: none !important; } .general-summary-card .ant-card-body { padding: 0 !important; } .kpi-grid-wc { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; margin-bottom: 32px; } @media (max-width: 1200px) { .kpi-grid-wc { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 600px) { .kpi-grid-wc { grid-template-columns: 1fr; } } .kpi-card-wc { background: var(--wc-surface); backdrop-filter: var(--wc-glass-blur); border: 1px solid var(--wc-border); border-radius: 16px; padding: 24px; transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); position: relative; overflow: hidden; } html[data-theme="dark"] .kpi-card-wc { background: rgba(18, 18, 18, 0.95); border: 1px solid rgba(255, 255, 255, 0.12); } .kpi-card-wc:hover { transform: translateY(-4px); border-color: rgba(255, 102, 0, 0.3); box-shadow: 0 12px 40px rgba(255, 102, 0, 0.15); } .kpi-card-wc:hover .kpi-icon { transform: scale(1.1); color: #FF6600; } .kpi-card-wc .kpi-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 16px; } .kpi-card-wc .kpi-label { font-size: 13px; font-weight: 600; color: var(--wc-text-sec); text-transform: uppercase; letter-spacing: 0.5px; } html[data-theme="dark"] .kpi-card-wc .kpi-label { color: rgba(255, 255, 255, 0.5); } .kpi-card-wc .kpi-icon { width: 40px; height: 40px; border-radius: 12px; background: var(--wc-surface-hover); border: 1px solid var(--wc-border); display: flex; align-items: center; justify-content: center; color: var(--wc-text-sec); transition: all 0.3s ease; } html[data-theme="dark"] .kpi-card-wc .kpi-icon { background: rgba(255, 255, 255, 0.05); border: 1px solid rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.4); } .kpi-card-wc .kpi-icon svg { width: 20px; height: 20px; } .kpi-card-wc .kpi-value { font-size: 36px; font-weight: 800; color: var(--wc-text-main); line-height: 1; margin-bottom: 8px; letter-spacing: -1px; font-family: 'Inter', -apple-system, sans-serif; } html[data-theme="dark"] .kpi-card-wc .kpi-value { color: #fff; } .kpi-card-wc .kpi-change { font-size: 13px; font-weight: 600; display: flex; align-items: center; gap: 4px; } .kpi-card-wc .kpi-change.positive { color: #10b981; } .kpi-card-wc .kpi-change.negative { color: #ef4444; } .section-header-wc-event { display: flex; align-items: center; justify-content: space-between; margin-bottom: 24px; padding: 0 4px; } .section-header-wc-event h2 { font-size: 20px; font-weight: 700; color: var(--wc-text-main); margin: 0; letter-spacing: -0.3px; display: flex; align-items: center; gap: 12px; } html[data-theme="dark"] .section-header-wc-event h2 { color: #fff; } .section-header-wc-event h2 .section-icon-wc { width: 36px; height: 36px; background: var(--wc-surface-hover); border: 1px solid var(--wc-border); border-radius: 10px; display: flex; align-items: center; justify-content: center; color: #FF6600; } html[data-theme="dark"] .section-header-wc-event h2 .section-icon-wc { background: rgba(255, 255, 255, 0.05); border: 1px solid rgba(255, 255, 255, 0.1); } .chart-container-wc { background: var(--wc-surface); border: 1px solid var(--wc-border); border-radius: 16px; padding: 24px; margin-bottom: 24px; } html[data-theme="dark"] .chart-container-wc { background: rgba(18, 18, 18, 0.95); border: 1px solid rgba(255, 255, 255, 0.12); } .chart-container-wc .chart-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; } .chart-container-wc .chart-header h3 { font-size: 16px; font-weight: 600; color: var(--wc-text-main); margin: 0; } html[data-theme="dark"] .chart-container-wc .chart-header h3 { color: #fff; } .tickets-sold-header { display: flex; align-items: center; gap: 12px; font-size: 18px; font-weight: 600; color: var(--wc-text-main); margin: 0; } html[data-theme="dark"] .tickets-sold-header { color: #fff; } .tickets-sold-header svg { flex-shrink: 0; color: var(--primary-color); } .chart-empty-wc { height: 400px; display: flex; align-items: center; justify-content: center; border: 1px dashed var(--wc-border); border-radius: 14px; background: radial-gradient(800px 220px at 50% 0%, rgba(255, 102, 0, 0.08), transparent 60%), var(--wc-surface-hover); overflow: hidden; } html[data-theme="dark"] .chart-empty-wc { border: 1px dashed rgba(255, 255, 255, 0.1); background: radial-gradient(800px 220px at 50% 0%, rgba(255, 102, 0, 0.1), transparent 60%), rgba(255, 255, 255, 0.02); } .chart-empty-wc__inner { display: flex; flex-direction: column; align-items: center; text-align: center; padding: 24px; max-width: 520px; } .chart-empty-wc__icon { width: 64px; height: 64px; border-radius: 18px; display: flex; align-items: center; justify-content: center; background: rgba(255, 102, 0, 0.1); border: 1px solid rgba(255, 102, 0, 0.2); box-shadow: 0 14px 40px rgba(0, 0, 0, 0.35); margin-bottom: 16px; color: #FF6600; } .chart-empty-wc__icon svg { width: 22px; height: 22px; } .chart-empty-wc__title { font-size: 16px; font-weight: 700; color: var(--wc-text-main); letter-spacing: -0.2px; margin-bottom: 6px; } html[data-theme="dark"] .chart-empty-wc__title { color: rgba(255, 255, 255, 0.92); } .chart-empty-wc__desc { font-size: 13px; line-height: 1.5; color: var(--wc-text-sec); } html[data-theme="dark"] .chart-empty-wc__desc { color: rgba(255, 255, 255, 0.55); } .general-summary-card .ant-tabs .ant-tabs-nav { margin-bottom: 24px !important; } .general-summary-card .ant-tabs .ant-tabs-nav::before { border-bottom: 1px solid var(--wc-border) !important; } html[data-theme="dark"] .general-summary-card .ant-tabs .ant-tabs-nav::before { border-bottom: 1px solid rgba(255, 255, 255, 0.12) !important; } .general-summary-card .ant-tabs .ant-tabs-nav .ant-tabs-tab { padding: 12px 20px !important; font-size: 14px !important; font-weight: 600 !important; color: var(--wc-text-sec) !important; transition: all 0.3s ease !important; } html[data-theme="dark"] .general-summary-card .ant-tabs .ant-tabs-nav .ant-tabs-tab { color: rgba(255, 255, 255, 0.5) !important; } .general-summary-card .ant-tabs .ant-tabs-nav .ant-tabs-tab:hover { color: var(--wc-text-main) !important; } html[data-theme="dark"] .general-summary-card .ant-tabs .ant-tabs-nav .ant-tabs-tab:hover { color: rgba(255, 255, 255, 0.8) !important; } .general-summary-card .ant-tabs .ant-tabs-nav .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn { color: #FF6600 !important; } .general-summary-card .ant-tabs .ant-tabs-nav .ant-tabs-ink-bar { background: #FF6600 !important; height: 3px !important; border-radius: 3px !important; } .event-mobile-header { display: flex; align-items: center; gap: 16px; padding: 16px 20px; background: var(--wc-bg); border-bottom: 1px solid var(--wc-border); position: sticky; top: 64px; z-index: 100; } html[data-theme="dark"] .event-mobile-header { background: linear-gradient(135deg, rgba(18, 18, 18, 0.98) 0%, rgba(12, 12, 12, 0.98) 100%); border-bottom: 1px solid rgba(255, 255, 255, 0.12); } .event-mobile-header .event-menu-toggle { width: 44px; height: 44px; border-radius: 12px; background: var(--wc-surface); border: 1px solid var(--wc-border); color: var(--wc-text-main); display: flex; align-items: center; justify-content: center; cursor: pointer; transition: all 0.3s ease; } html[data-theme="dark"] .event-mobile-header .event-menu-toggle { background: rgba(255, 255, 255, 0.05); border: 1px solid rgba(255, 255, 255, 0.12); color: #fff; } .event-mobile-header .event-menu-toggle:hover { background: var(--wc-surface-hover); border-color: var(--wc-text-sec); } html[data-theme="dark"] .event-mobile-header .event-menu-toggle:hover { background: rgba(255, 255, 255, 0.08); border-color: rgba(255, 255, 255, 0.15); } .event-mobile-header .event-menu-toggle .anticon { font-size: 20px; } .event-mobile-header h1 { font-size: 18px; font-weight: 700; color: var(--wc-text-main); margin: 0; flex: 1; } html[data-theme="dark"] .event-mobile-header h1 { color: #fff; } .event-drawer .ant-drawer-content { background: var(--wc-bg) !important; } html[data-theme="dark"] .event-drawer .ant-drawer-content { background: #0a0a0a !important; } .event-drawer .ant-drawer-header { background: transparent !important; border-bottom: 1px solid var(--wc-border) !important; padding: 20px 24px !important; } html[data-theme="dark"] .event-drawer .ant-drawer-header { border-bottom: 1px solid rgba(255, 255, 255, 0.12) !important; } .event-drawer .ant-drawer-header .ant-drawer-close { color: var(--wc-text-sec) !important; } html[data-theme="dark"] .event-drawer .ant-drawer-header .ant-drawer-close { color: rgba(255, 255, 255, 0.6) !important; } .event-drawer .ant-drawer-header .ant-drawer-close:hover { color: var(--wc-text-main) !important; } html[data-theme="dark"] .event-drawer .ant-drawer-header .ant-drawer-close:hover { color: #fff !important; } .event-drawer .ant-drawer-body { background: var(--wc-bg) !important; padding: 0 !important; } html[data-theme="dark"] .event-drawer .ant-drawer-body { background: #0a0a0a !important; } @media (max-width: 768px) { .event-header-wc { padding: 20px !important; border-radius: 16px !important; } .event-header-wc .event-header-title-row h1 { font-size: 24px !important; } .kpi-card-wc { padding: 20px; } .kpi-card-wc .kpi-value { font-size: 28px; } .chart-container-wc { padding: 16px; border-radius: 16px; } } .sales-section-wc { animation: fadeInUp 0.6s ease-out 0.1s both; } .sales-header-wc { display: flex; align-items: center; justify-content: space-between; margin-bottom: 24px; flex-wrap: wrap; gap: 16px; } .sales-header-wc .sales-title-wc { display: flex; align-items: center; gap: 16px; } .sales-header-wc .sales-title-wc h2 { font-size: 20px; font-weight: 700; color: var(--wc-text-main); margin: 0; letter-spacing: -0.3px; } html[data-theme="dark"] .sales-header-wc .sales-title-wc h2 { color: #fff; } .sales-header-wc .sales-title-wc .sales-count { font-size: 13px; font-weight: 500; color: var(--wc-text-sec); padding: 4px 12px; background: var(--wc-surface-hover); border-radius: 100px; } html[data-theme="dark"] .sales-header-wc .sales-title-wc .sales-count { color: rgba(255, 255, 255, 0.4); background: rgba(255, 255, 255, 0.05); } .sales-header-wc .sales-actions-wc { display: flex; gap: 12px; } .btn-action-wc { display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 10px 18px; border-radius: 10px; font-size: 14px; font-weight: 600; cursor: pointer; transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1); background: var(--wc-surface); border: 1px solid var(--wc-border); color: var(--wc-text-sec); } html[data-theme="dark"] .btn-action-wc { background: rgba(255, 255, 255, 0.05); border: 1px solid rgba(255, 255, 255, 0.1); color: rgba(255, 255, 255, 0.7); } .btn-action-wc svg { flex-shrink: 0; } .btn-action-wc:hover:not(:disabled) { background: var(--wc-surface-hover); border-color: var(--wc-text-sec); color: var(--wc-text-main); transform: translateY(-1px); } html[data-theme="dark"] .btn-action-wc:hover:not(:disabled) { background: rgba(255, 255, 255, 0.08); border-color: rgba(255, 255, 255, 0.2); color: #fff; } .btn-action-wc:active:not(:disabled) { transform: translateY(0); opacity: 0.8; } .btn-action-wc:disabled { opacity: 0.5; cursor: not-allowed; } .btn-action-wc.primary { background: linear-gradient(135deg, #FF6600 0%, #FF8533 100%); border: none; color: #fff; box-shadow: 0 4px 16px rgba(255, 102, 0, 0.3); } .btn-action-wc.primary:hover:not(:disabled) { background: linear-gradient(135deg, #FF751A 0%, #FF944D 100%); color: #fff; opacity: 0.95; box-shadow: 0 6px 20px rgba(255, 102, 0, 0.4); box-shadow-border-color: rgba(255, 255, 255, 0.15); box-shadow-color: #fff; } .btn-action-wc:disabled { opacity: 0.5; cursor: not-allowed; } .btn-action-wc.primary { background: linear-gradient(135deg, #FF6B35 0%, #F7931E 100%); border: none; color: #fff; box-shadow: 0 4px 12px rgba(255, 102, 0, 0.25); } .btn-action-wc.primary:hover:not(:disabled) { box-shadow: 0 6px 20px rgba(255, 102, 0, 0.35); transform: translateY(-1px); } .table-container-wc { background: var(--wc-surface); border: 1px solid var(--wc-border); border-radius: 16px; overflow: hidden; padding-bottom: 12px; } html[data-theme="dark"] .table-container-wc { background: rgba(18, 18, 18, 0.95); border: 1px solid rgba(255, 255, 255, 0.12); } .sales-table-wc .ant-table { background: transparent !important; } .sales-table-wc .ant-table-thead > tr > th { background: var(--wc-surface-hover) !important; border-bottom: 1px solid var(--wc-border) !important; color: var(--wc-text-sec) !important; font-size: 12px !important; font-weight: 600 !important; text-transform: uppercase !important; letter-spacing: 0.5px !important; padding: 14px 16px !important; } html[data-theme="dark"] .sales-table-wc .ant-table-thead > tr > th { background: rgba(255, 255, 255, 0.03) !important; border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important; color: rgba(255, 255, 255, 0.5) !important; } .sales-table-wc .ant-table-thead > tr > th::before { display: none !important; } .sales-table-wc .ant-table-tbody > tr > td { background: transparent !important; border-bottom: 1px solid var(--wc-border) !important; color: var(--wc-text-main) !important; font-size: 14px !important; padding: 16px !important; transition: background 0.2s ease !important; } html[data-theme="dark"] .sales-table-wc .ant-table-tbody > tr > td { border-bottom: 1px solid rgba(255, 255, 255, 0.04) !important; color: rgba(255, 255, 255, 0.8) !important; } .sales-table-wc .ant-table-tbody > tr:hover > td { background: var(--wc-surface-hover) !important; } html[data-theme="dark"] .sales-table-wc .ant-table-tbody > tr:hover > td { background: rgba(255, 255, 255, 0.02) !important; } .sales-table-wc .ant-table-tbody > tr:last-child > td { border-bottom: none !important; } .sales-table-wc .ant-table-placeholder { background: transparent !important; } .sales-table-wc .ant-table-placeholder .ant-empty-description { color: var(--wc-text-sec) !important; } html[data-theme="dark"] .sales-table-wc .ant-table-placeholder .ant-empty-description { color: rgba(255, 255, 255, 0.4) !important; } .table-container-wc .ant-pagination { padding: 12px 16px; color: var(--wc-text-sec); display: flex; flex-wrap: wrap; gap: 8px; align-items: center; } html[data-theme="dark"] .table-container-wc .ant-pagination { color: rgba(255, 255, 255, 0.7); } .table-container-wc .ant-pagination .ant-pagination-total-text { color: var(--wc-text-sec); } html[data-theme="dark"] .table-container-wc .ant-pagination .ant-pagination-total-text { color: rgba(255, 255, 255, 0.7); } .table-container-wc .ant-pagination .ant-pagination-item { background: var(--wc-surface) !important; border-color: var(--wc-border) !important; } html[data-theme="dark"] .table-container-wc .ant-pagination .ant-pagination-item { background: rgba(255, 255, 255, 0.04) !important; border-color: rgba(255, 255, 255, 0.1) !important; } .table-container-wc .ant-pagination .ant-pagination-item a { color: var(--wc-text-main) !important; } html[data-theme="dark"] .table-container-wc .ant-pagination .ant-pagination-item a { color: rgba(255, 255, 255, 0.8) !important; } .table-container-wc .ant-pagination .ant-pagination-item.ant-pagination-item-active { background: #FF6600 !important; border-color: #FF6600 !important; } .table-container-wc .ant-pagination .ant-pagination-item.ant-pagination-item-active a { color: #fff !important; } .table-container-wc .ant-pagination .ant-pagination-prev .ant-pagination-item-link, .table-container-wc .ant-pagination .ant-pagination-next .ant-pagination-item-link { background: var(--wc-surface) !important; border-color: var(--wc-border) !important; color: var(--wc-text-main) !important; } html[data-theme="dark"] .table-container-wc .ant-pagination .ant-pagination-prev .ant-pagination-item-link, html[data-theme="dark"] .table-container-wc .ant-pagination .ant-pagination-next .ant-pagination-item-link { background: rgba(255, 255, 255, 0.04) !important; border-color: rgba(255, 255, 255, 0.1) !important; color: rgba(255, 255, 255, 0.8) !important; } .table-container-wc .ant-spin-dot-item { background: #FF6600 !important; } .table-id { font-family: 'SF Mono', 'Monaco', monospace; font-size: 13px; color: var(--wc-text-sec); } html[data-theme="dark"] .table-id { color: rgba(255, 255, 255, 0.5); } .customer-cell { display: flex; flex-direction: column; gap: 2px; } .customer-cell .customer-name { font-weight: 600; color: var(--wc-text-main); } html[data-theme="dark"] .customer-cell .customer-name { color: #fff; } .customer-cell .customer-email { font-size: 12px; color: var(--wc-text-sec); } html[data-theme="dark"] .customer-cell .customer-email { color: rgba(255, 255, 255, 0.4); } .ticket-name { font-weight: 500; color: #FF6600; } .amount-value { font-weight: 700; color: var(--wc-text-main); font-family: 'SF Mono', 'Monaco', monospace; } html[data-theme="dark"] .amount-value { color: #fff; } .date-value { font-size: 13px; color: var(--wc-text-sec); } html[data-theme="dark"] .date-value { color: rgba(255, 255, 255, 0.6); } .seat-value { font-family: 'SF Mono', 'Monaco', monospace; font-size: 13px; color: var(--wc-text-sec); } html[data-theme="dark"] .seat-value { color: rgba(255, 255, 255, 0.6); } .status-badge-table { display: inline-flex; align-items: center; gap: 6px; padding: 6px 12px; border-radius: 100px; font-size: 12px; font-weight: 600; } .status-badge-table.active { background: rgba(250, 173, 20, 0.15); color: #faad14; } .status-badge-table.used { background: rgba(16, 185, 129, 0.15); color: #10b981; } .wc-form-empty { display: inline-flex; align-items: center; justify-content: center; opacity: 0.35; font-weight: 700; } .wc-form-view-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; height: 32px; padding: 0 14px; border-radius: 999px; border: 1px solid rgba(255, 102, 0, 0.28); background: rgba(255, 102, 0, 0.12); color: var(--primary-color); font-size: 13px; font-weight: 700; cursor: pointer; user-select: none; white-space: nowrap; transition: transform 0.18s ease, background 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); } .wc-form-view-btn:hover { background: rgba(255, 102, 0, 0.18); border-color: rgba(255, 102, 0, 0.4); box-shadow: 0 10px 24px rgba(255, 102, 0, 0.16); transform: translateY(-1px); } .wc-form-view-btn:active { transform: translateY(0px); box-shadow: 0 6px 16px rgba(255, 102, 0, 0.12); } .wc-form-view-btn:focus-visible { outline: none; box-shadow: 0 0 0 3px rgba(255, 102, 0, 0.25), 0 10px 24px rgba(255, 102, 0, 0.16); } .wc-form-view-btn__icon { display: inline-flex; align-items: center; justify-content: center; opacity: 0.95; } .wc-form-view-btn__text { line-height: 1; } html[data-theme="light"] .wc-form-view-btn { background: rgba(255, 102, 0, 0.08); border-color: rgba(255, 102, 0, 0.22); } html[data-theme="light"] .wc-form-view-btn:hover { background: rgba(255, 102, 0, 0.12); box-shadow: 0 12px 22px rgba(0, 0, 0, 0.1); } .empty-table-wc { padding: 60px 20px; text-align: center; color: rgba(255, 255, 255, 0.4); font-size: 14px; } .pagination-wc { display: flex; align-items: center; justify-content: center; gap: 16px; margin-top: 24px; padding: 16px 0; } .pagination-wc .pagination-info { font-size: 14px; color: rgba(255, 255, 255, 0.5); } .pagination-wc .pagination-info strong { color: #fff; font-weight: 600; } .pagination-wc .pagination-btn { display: inline-flex; align-items: center; gap: 6px; padding: 10px 16px; border-radius: 8px; font-size: 14px; font-weight: 500; cursor: pointer; transition: all 0.2s ease; background: transparent; border: 1px solid rgba(255, 255, 255, 0.1); color: rgba(255, 255, 255, 0.7); } .pagination-wc .pagination-btn:hover:not(:disabled) { background: rgba(255, 255, 255, 0.05); border-color: rgba(255, 255, 255, 0.15); color: #fff; } .pagination-wc .pagination-btn:disabled { opacity: 0.3; cursor: not-allowed; } .form-full-width { margin-left: 0 !important; padding-left: 0 !important; max-width: 100% !important; width: 100% !important; } .form-page-wc { min-height: 100vh; background: linear-gradient(180deg, #0a0a0a 0%, #111111 100%); padding: 24px; max-width: 1200px; margin: 0 auto; } @media (max-width: 768px) { .form-page-wc { padding: 16px; } } .form-page-header { display: flex; align-items: center; gap: 20px; margin-bottom: 28px; padding-bottom: 20px; border-bottom: 1px solid rgba(255, 255, 255, 0.08); } .form-page-header .back-btn { display: flex; align-items: center; gap: 8px; padding: 10px 16px; background: rgba(255, 255, 255, 0.05); border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 10px; color: rgba(255, 255, 255, 0.7); font-size: 14px; font-weight: 500; cursor: pointer; transition: all 0.2s ease; } .form-page-header .back-btn:hover { background: rgba(255, 255, 255, 0.1); color: #fff; } .form-page-header .header-info { flex: 1; } .form-page-header .header-info h1 { font-size: 24px; font-weight: 700; color: #fff; margin: 0 0 8px; letter-spacing: -0.5px; } .form-page-header .header-info .ticket-badge { display: inline-flex; align-items: center; gap: 6px; padding: 6px 12px; background: rgba(255, 102, 0, 0.15); border: 1px solid rgba(255, 102, 0, 0.3); border-radius: 20px; font-size: 13px; color: #FF6600; } .form-page-header .header-info .ticket-badge svg { width: 14px; height: 14px; } .form-page-header .refresh-btn { width: 44px; height: 44px; border-radius: 12px; background: rgba(255, 255, 255, 0.05); border: 1px solid rgba(255, 255, 255, 0.1); color: rgba(255, 255, 255, 0.6); display: flex; align-items: center; justify-content: center; cursor: pointer; transition: all 0.2s ease; } .form-page-header .refresh-btn:hover { background: rgba(255, 255, 255, 0.1); color: #fff; } .my-event-page-wc .stats-grid, .form-page-wc .stats-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; margin-bottom: 24px; } @media (max-width: 768px) { .my-event-page-wc .stats-grid, .form-page-wc .stats-grid { grid-template-columns: repeat(2, 1fr); } } .my-event-page-wc .stats-grid .stat-card, .form-page-wc .stats-grid .stat-card { background: linear-gradient(135deg, rgba(18, 18, 18, 0.9) 0%, rgba(12, 12, 12, 0.9) 100%); border: 1px solid rgba(255, 255, 255, 0.08); border-radius: 16px; padding: 20px; text-align: center; } .my-event-page-wc .stats-grid .stat-card .stat-value, .form-page-wc .stats-grid .stat-card .stat-value { display: block; font-size: 32px; font-weight: 800; color: #fff; margin-bottom: 4px; } .my-event-page-wc .stats-grid .stat-card .stat-label, .form-page-wc .stats-grid .stat-card .stat-label { font-size: 13px; color: rgba(255, 255, 255, 0.5); text-transform: uppercase; letter-spacing: 0.5px; } .my-event-page-wc .stats-grid .stat-card.approved, .form-page-wc .stats-grid .stat-card.approved { border-color: rgba(16, 185, 129, 0.3); } .my-event-page-wc .stats-grid .stat-card.approved .stat-value, .form-page-wc .stats-grid .stat-card.approved .stat-value { color: #10b981; } .my-event-page-wc .stats-grid .stat-card.pending, .form-page-wc .stats-grid .stat-card.pending { border-color: rgba(250, 173, 20, 0.3); } .my-event-page-wc .stats-grid .stat-card.pending .stat-value, .form-page-wc .stats-grid .stat-card.pending .stat-value { color: #faad14; } .my-event-page-wc .stats-grid .stat-card.rejected, .form-page-wc .stats-grid .stat-card.rejected { border-color: rgba(239, 68, 68, 0.3); } .my-event-page-wc .stats-grid .stat-card.rejected .stat-value, .form-page-wc .stats-grid .stat-card.rejected .stat-value { color: #ef4444; } .filters-section { margin-bottom: 20px; } .filters-section .filter-toggle { display: flex; align-items: center; gap: 8px; padding: 10px 16px; background: rgba(255, 255, 255, 0.05); border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 10px; color: rgba(255, 255, 255, 0.7); font-size: 14px; cursor: pointer; transition: all 0.2s ease; } .filters-section .filter-toggle svg:last-child { transition: transform 0.2s ease; } .filters-section .filter-toggle.active { background: rgba(255, 102, 0, 0.1); border-color: rgba(255, 102, 0, 0.3); color: #FF6600; } .filters-section .filter-toggle.active svg:last-child { transform: rotate(180deg); } .filters-form { margin-top: 16px; padding: 20px; background: linear-gradient(135deg, rgba(18, 18, 18, 0.9) 0%, rgba(12, 12, 12, 0.9) 100%); border: 1px solid rgba(255, 255, 255, 0.08); border-radius: 16px; animation: slideDown 0.3s ease; } .filters-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; margin-bottom: 16px; } @media (max-width: 768px) { .filters-grid { grid-template-columns: 1fr; } } .filters-grid .input-wc { background: rgba(255, 255, 255, 0.05) !important; border: 1px solid rgba(255, 255, 255, 0.1) !important; border-radius: 10px !important; color: #fff !important; height: 44px; } .filters-grid .input-wc::placeholder { color: rgba(255, 255, 255, 0.3); } .filters-actions { display: flex; gap: 12px; } .filters-actions .btn-filter, .filters-actions .btn-clear { display: flex; align-items: center; gap: 6px; padding: 10px 16px; border-radius: 10px; font-size: 14px; font-weight: 500; cursor: pointer; transition: all 0.2s ease; } .filters-actions .btn-filter { background: linear-gradient(135deg, #FF6600 0%, #FF8533 100%); border: none; color: #fff; } .filters-actions .btn-filter:hover { transform: translateY(-1px); box-shadow: 0 4px 12px rgba(255, 102, 0, 0.3); } .filters-actions .btn-clear { background: transparent; border: 1px solid rgba(255, 255, 255, 0.1); color: rgba(255, 255, 255, 0.6); } .filters-actions .btn-clear:hover { background: rgba(255, 255, 255, 0.05); color: #fff; } .bulk-actions { display: flex; align-items: center; justify-content: space-between; padding: 16px 20px; background: linear-gradient(135deg, rgba(18, 18, 18, 0.9) 0%, rgba(12, 12, 12, 0.9) 100%); border: 1px solid rgba(255, 255, 255, 0.08); border-radius: 16px 16px 0 0; flex-wrap: wrap; gap: 12px; } .selection-info { display: flex; align-items: center; gap: 12px; } .selection-info .select-btn { padding: 8px 14px; background: transparent; border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 8px; color: rgba(255, 255, 255, 0.6); font-size: 13px; cursor: pointer; transition: all 0.2s ease; } .selection-info .select-btn:hover { background: rgba(255, 255, 255, 0.05); color: #fff; } .selection-info .selected-count { font-size: 13px; color: #FF6600; font-weight: 600; } .action-buttons { display: flex; gap: 10px; } .action-buttons .btn-approve, .action-buttons .btn-reject { display: flex; align-items: center; gap: 6px; padding: 10px 18px; border-radius: 10px; font-size: 14px; font-weight: 600; cursor: pointer; transition: all 0.2s ease; } .action-buttons .btn-approve:disabled, .action-buttons .btn-reject:disabled { opacity: 0.4; cursor: not-allowed; } .action-buttons .btn-approve { background: linear-gradient(135deg, #10b981 0%, #059669 100%); border: none; color: #fff; } .action-buttons .btn-approve:hover:not(:disabled) { transform: translateY(-1px); box-shadow: 0 4px 12px rgba(16, 185, 129, 0.3); } .action-buttons .btn-reject { background: transparent; border: 1px solid rgba(239, 68, 68, 0.3); color: #ef4444; } .action-buttons .btn-reject:hover:not(:disabled) { background: rgba(239, 68, 68, 0.1); } .subscriptions-table { background: linear-gradient(135deg, rgba(18, 18, 18, 0.9) 0%, rgba(12, 12, 12, 0.9) 100%); border: 1px solid rgba(255, 255, 255, 0.08); border-top: none; border-radius: 0 0 16px 16px; overflow: hidden; } .table-header { display: grid; grid-template-columns: 50px 1.5fr 2fr 1fr 120px 120px; padding: 14px 20px; background: rgba(255, 255, 255, 0.03); border-bottom: 1px solid rgba(255, 255, 255, 0.08); } @media (max-width: 768px) { .table-header { display: none; } } .table-header > div { font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px; color: rgba(255, 255, 255, 0.4); } .table-row { display: grid; grid-template-columns: 50px 1.5fr 2fr 1fr 120px 120px; padding: 16px 20px; border-bottom: 1px solid rgba(255, 255, 255, 0.04); transition: background 0.2s ease; } @media (max-width: 768px) { .table-row { grid-template-columns: 40px 1fr; gap: 8px; } .table-row .td-email, .table-row .td-phone { display: none; } } .table-row:hover { background: rgba(255, 255, 255, 0.02); } .table-row.selected { background: rgba(255, 102, 0, 0.08); } .table-row.disabled { opacity: 0.6; } .table-row.disabled input[type="checkbox"] { cursor: not-allowed; } .td-check { display: flex; align-items: center; } .td-check input[type="checkbox"] { width: 18px; height: 18px; accent-color: #FF6600; cursor: pointer; } .td-name { display: flex; flex-direction: column; justify-content: center; } .td-name .name-text { font-size: 14px; font-weight: 500; color: #fff; } .td-name .code-text { font-size: 12px; color: rgba(255, 255, 255, 0.4); margin-top: 2px; } .td-email { display: flex; align-items: center; font-size: 13px; color: rgba(255, 255, 255, 0.6); } .td-phone { display: flex; align-items: center; font-size: 13px; color: rgba(255, 255, 255, 0.5); } .td-status { display: flex; align-items: center; } .td-actions { display: flex; align-items: center; gap: 6px; } .td-actions .loading-text { font-size: 12px; color: rgba(255, 255, 255, 0.4); } .td-actions button { width: 32px; height: 32px; border-radius: 8px; border: none; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: all 0.2s ease; } .td-actions .action-approve { background: rgba(16, 185, 129, 0.15); color: #10b981; } .td-actions .action-approve:hover { background: rgba(16, 185, 129, 0.25); } .td-actions .action-reject { background: rgba(239, 68, 68, 0.15); color: #ef4444; } .td-actions .action-reject:hover { background: rgba(239, 68, 68, 0.25); } .td-actions .action-retry, .td-actions .action-copy { background: rgba(255, 255, 255, 0.05); color: rgba(255, 255, 255, 0.6); } .td-actions .action-retry:hover, .td-actions .action-copy:hover { background: rgba(255, 255, 255, 0.1); color: #fff; } .status-badge { display: inline-flex; align-items: center; gap: 5px; padding: 5px 10px; border-radius: 20px; font-size: 12px; font-weight: 600; } .status-badge svg { width: 12px; height: 12px; } .status-badge.pending { background: rgba(250, 173, 20, 0.15); color: #faad14; border: 1px solid rgba(250, 173, 20, 0.3); } .status-badge.approved { background: rgba(16, 185, 129, 0.15); color: #10b981; border: 1px solid rgba(16, 185, 129, 0.3); } .status-badge.rejected { background: rgba(239, 68, 68, 0.15); color: #ef4444; border: 1px solid rgba(239, 68, 68, 0.3); } .status-badge.processing { background: rgba(59, 130, 246, 0.15); color: #3b82f6; border: 1px solid rgba(59, 130, 246, 0.3); } .empty-table { padding: 60px 20px; text-align: center; } .empty-table p { color: rgba(255, 255, 255, 0.4); font-size: 14px; } .btn-confirm-approve { padding: 10px 20px; border-radius: 10px; font-size: 14px; font-weight: 600; background: linear-gradient(135deg, #10b981 0%, #059669 100%); border: none; color: #fff; cursor: pointer; transition: all 0.2s ease; } .btn-confirm-approve:hover { transform: translateY(-1px); box-shadow: 0 4px 12px rgba(16, 185, 129, 0.4); } .coupons-section-wc { animation: fadeInUp 0.6s ease-out 0.1s both; } .coupons-header-wc { display: flex; align-items: center; justify-content: space-between; margin-bottom: 24px; flex-wrap: wrap; gap: 16px; } .coupons-header-wc .coupons-title-wc { display: flex; align-items: baseline; gap: 12px; } .coupons-header-wc .coupons-title-wc h2 { font-size: 24px; font-weight: 700; color: var(--wc-text-main); margin: 0; letter-spacing: -0.5px; } html[data-theme="dark"] .coupons-header-wc .coupons-title-wc h2 { color: #fff; } .coupons-header-wc .coupons-title-wc .coupons-count { font-size: 13px; color: var(--wc-text-sec); font-weight: 500; } html[data-theme="dark"] .coupons-header-wc .coupons-title-wc .coupons-count { color: rgba(255, 255, 255, 0.4); } .coupons-header-wc .header-actions { display: flex; gap: 10px; } .empty-state-coupons { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 60px 24px; text-align: center; background: var(--wc-surface); border: 1px dashed var(--wc-border); border-radius: 20px; } html[data-theme="dark"] .empty-state-coupons { background: linear-gradient(135deg, rgba(18, 18, 18, 0.6) 0%, rgba(12, 12, 12, 0.6) 100%); border: 1px dashed rgba(255, 255, 255, 0.1); } .empty-state-coupons .empty-icon { width: 64px; height: 64px; border-radius: 16px; background: rgba(255, 102, 0, 0.1); border: 1px solid rgba(255, 102, 0, 0.2); display: flex; align-items: center; justify-content: center; color: #FF6600; margin-bottom: 20px; } .empty-state-coupons .empty-icon svg { width: 28px; height: 28px; } .empty-state-coupons h3 { font-size: 18px; font-weight: 700; color: var(--wc-text-main); margin: 0 0 8px; } html[data-theme="dark"] .empty-state-coupons h3 { color: #fff; } .empty-state-coupons p { font-size: 14px; color: var(--wc-text-sec); margin: 0 0 24px; } html[data-theme="dark"] .empty-state-coupons p { color: rgba(255, 255, 255, 0.5); } .coupons-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 16px; } .coupon-card-wc { background: var(--wc-surface); border: 1px solid var(--wc-border); border-radius: 16px; overflow: hidden; transition: all 0.3s ease; position: relative; } html[data-theme="dark"] .coupon-card-wc { background: linear-gradient(135deg, rgba(18, 18, 18, 0.9) 0%, rgba(12, 12, 12, 0.9) 100%); border: 1px solid rgba(255, 255, 255, 0.08); } .coupon-card-wc:hover { border-color: var(--wc-border); transform: translateY(-2px); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); } html[data-theme="dark"] .coupon-card-wc:hover { border-color: rgba(255, 255, 255, 0.15); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3); } .coupon-card-wc.inactive { opacity: 0.6; } .coupon-card-wc.inactive:hover { opacity: 0.8; } .coupon-card-header { display: flex; align-items: center; justify-content: space-between; padding: 16px 18px; border-bottom: 1px solid var(--wc-border); } html[data-theme="dark"] .coupon-card-header { border-bottom: 1px solid rgba(255, 255, 255, 0.06); } .coupon-card-header .coupon-code { display: flex; align-items: center; gap: 8px; } .coupon-card-header .coupon-code .code-text { font-size: 16px; font-weight: 700; color: var(--wc-text-main); font-family: 'Monaco', 'Menlo', monospace; letter-spacing: 1px; } html[data-theme="dark"] .coupon-card-header .coupon-code .code-text { color: #fff; } .coupon-card-header .coupon-code .copy-btn { width: 28px; height: 28px; border-radius: 6px; background: var(--wc-surface-hover); border: none; color: var(--wc-text-sec); display: flex; align-items: center; justify-content: center; cursor: pointer; transition: all 0.2s ease; } html[data-theme="dark"] .coupon-card-header .coupon-code .copy-btn { background: rgba(255, 255, 255, 0.05); color: rgba(255, 255, 255, 0.4); } .coupon-card-header .coupon-code .copy-btn:hover { background: rgba(255, 102, 0, 0.2); color: #FF6600; } .coupon-card-header .coupon-status { font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px; padding: 4px 10px; border-radius: 20px; } .coupon-card-header .coupon-status.active { background: rgba(16, 185, 129, 0.15); color: #10b981; border: 1px solid rgba(16, 185, 129, 0.3); } .coupon-card-header .coupon-status.inactive { background: rgba(239, 68, 68, 0.15); color: #ef4444; border: 1px solid rgba(239, 68, 68, 0.3); } .coupon-card-body { padding: 18px; } .coupon-value { display: flex; align-items: center; gap: 12px; margin-bottom: 14px; } .coupon-value .value-icon { width: 40px; height: 40px; border-radius: 10px; background: rgba(255, 102, 0, 0.1); border: 1px solid rgba(255, 102, 0, 0.2); display: flex; align-items: center; justify-content: center; color: #FF6600; } .coupon-value .value-amount { font-size: 28px; font-weight: 800; color: var(--wc-text-main); letter-spacing: -1px; } html[data-theme="dark"] .coupon-value .value-amount { color: #fff; } .coupon-value .value-label { font-size: 12px; color: var(--wc-text-sec); margin-left: auto; } html[data-theme="dark"] .coupon-value .value-label { color: rgba(255, 255, 255, 0.4); } .coupon-description { font-size: 13px; color: var(--wc-text-sec); margin: 0 0 14px; line-height: 1.5; } html[data-theme="dark"] .coupon-description { color: rgba(255, 255, 255, 0.6); } .coupon-meta { display: flex; gap: 16px; margin-bottom: 14px; } .coupon-meta .meta-item { display: flex; gap: 6px; font-size: 12px; } .coupon-meta .meta-item .meta-label { color: var(--wc-text-sec); opacity: 0.8; } html[data-theme="dark"] .coupon-meta .meta-item .meta-label { color: rgba(255, 255, 255, 0.4); opacity: 1; } .coupon-meta .meta-item .meta-value { color: var(--wc-text-main); font-weight: 500; } .coupon-meta .meta-item .meta-value::before, .coupon-meta .meta-item .meta-value::after { display: none !important; content: none !important; } html[data-theme="dark"] .coupon-meta .meta-item .meta-value { color: rgba(255, 255, 255, 0.7); } .coupon-meta .meta-value-tickets .tickets-list-mini { display: flex; flex-wrap: wrap; gap: 6px; } .coupon-meta .meta-value-tickets .ticket-item-mini { display: inline-flex; align-items: center; gap: 4px; padding: 3px 8px; background: rgba(0, 0, 0, 0.04); border-radius: 12px; } html[data-theme="dark"] .coupon-meta .meta-value-tickets .ticket-item-mini { background: rgba(255, 255, 255, 0.06); } .coupon-meta .meta-value-tickets .ticket-name-mini { font-size: 11px; color: var(--wc-text-main); } html[data-theme="dark"] .coupon-meta .meta-value-tickets .ticket-name-mini { color: rgba(255, 255, 255, 0.8); } .coupon-meta .meta-value-tickets .copy-btn-mini { display: flex; align-items: center; justify-content: center; width: 20px; height: 20px; background: var(--wc-surface-hover); border: none; border-radius: 4px; cursor: pointer; color: var(--wc-text-sec); transition: all 0.2s ease; } html[data-theme="dark"] .coupon-meta .meta-value-tickets .copy-btn-mini { background: rgba(255, 255, 255, 0.08); color: rgba(255, 255, 255, 0.5); } .coupon-meta .meta-value-tickets .copy-btn-mini:hover { background: rgba(255, 102, 0, 0.15); color: #FF6600; } html[data-theme="dark"] .coupon-meta .meta-value-tickets .copy-btn-mini:hover { background: rgba(255, 102, 0, 0.2); color: #FF6600; } .coupon-meta .meta-value-tickets .copy-btn-mini svg { width: 12px; height: 12px; } .coupon-footer { padding-top: 12px; border-top: 1px solid var(--wc-border); } html[data-theme="dark"] .coupon-footer { border-top: 1px solid rgba(255, 255, 255, 0.06); } .coupon-footer .created-by { font-size: 11px; color: var(--wc-text-sec); } html[data-theme="dark"] .coupon-footer .created-by { color: rgba(255, 255, 255, 0.3); } .coupon-card-actions { display: flex; border-top: 1px solid var(--wc-border); } html[data-theme="dark"] .coupon-card-actions { border-top: 1px solid rgba(255, 255, 255, 0.06); } .coupon-card-actions .action-btn { flex: 1; display: flex; align-items: center; justify-content: center; padding: 12px; background: transparent; border: none; border-right: 1px solid var(--wc-border); color: var(--wc-text-sec); cursor: pointer; transition: all 0.2s ease; transition: all 0.2s ease; } html[data-theme="dark"] .coupon-card-actions .action-btn { border-right: 1px solid rgba(255, 255, 255, 0.06); color: rgba(255, 255, 255, 0.4); } .coupon-card-actions .action-btn:last-child { border-right: none; } .coupon-card-actions .action-btn:hover { background: rgba(255, 255, 255, 0.04); color: #fff; } .coupon-card-actions .action-btn.delete:hover { background: rgba(239, 68, 68, 0.1); color: #ef4444; } .modal-coupon .form-row { display: flex; gap: 16px; } .modal-coupon .form-row .form-item-half { flex: 1; } .modal-coupon .switch-group { margin-bottom: 20px; } .modal-coupon .switch-item { display: flex; align-items: center; justify-content: space-between; padding: 14px 16px; background: var(--wc-surface-hover); border: 1px solid var(--wc-border); border-radius: 12px; margin-bottom: 10px; } html[data-theme="dark"] .modal-coupon .switch-item { background: rgba(255, 255, 255, 0.03); border: 1px solid rgba(255, 255, 255, 0.08); } .modal-coupon .switch-item .switch-info { display: flex; flex-direction: column; gap: 2px; } .modal-coupon .switch-item .switch-info .switch-label { font-size: 14px; font-weight: 500; color: var(--wc-text-main); } html[data-theme="dark"] .modal-coupon .switch-item .switch-info .switch-label { color: #fff; } .modal-coupon .switch-item .switch-info .switch-description { font-size: 12px; color: var(--wc-text-sec); } html[data-theme="dark"] .modal-coupon .switch-item .switch-info .switch-description { color: rgba(255, 255, 255, 0.4); } .modal-coupon .switch-item .switch-wc.ant-switch-checked { background: #FF6600; } .forms-section-wc { animation: fadeInUp 0.6s ease-out 0.1s both; } .forms-header-wc { display: flex; align-items: center; justify-content: space-between; margin-bottom: 24px; } .forms-header-wc .forms-title-wc { display: flex; align-items: baseline; gap: 12px; } .forms-header-wc .forms-title-wc h2 { font-size: 24px; font-weight: 700; color: var(--wc-text-main); margin: 0; letter-spacing: -0.5px; } html[data-theme="dark"] .forms-header-wc .forms-title-wc h2 { color: #fff; } .forms-header-wc .forms-title-wc .forms-count { font-size: 13px; color: var(--wc-text-sec); font-weight: 500; } html[data-theme="dark"] .forms-header-wc .forms-title-wc .forms-count { color: rgba(255, 255, 255, 0.4); } .info-banner-wc { display: flex; align-items: flex-start; gap: 14px; padding: 16px 20px; background: rgba(255, 102, 0, 0.08); border: 1px solid rgba(255, 102, 0, 0.2); border-radius: 14px; margin-bottom: 24px; } .info-banner-wc svg { flex-shrink: 0; color: #FF6600; margin-top: 2px; } .info-banner-wc p { font-size: 14px; color: var(--wc-text-main); margin: 0; line-height: 1.5; } html[data-theme="dark"] .info-banner-wc p { color: rgba(255, 255, 255, 0.7); } .empty-state-forms { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 60px 24px; text-align: center; background: linear-gradient(135deg, rgba(18, 18, 18, 0.6) 0%, rgba(12, 12, 12, 0.6) 100%); border: 1px dashed rgba(255, 255, 255, 0.1); border-radius: 20px; } .empty-state-forms .empty-icon { width: 64px; height: 64px; border-radius: 16px; background: rgba(255, 102, 0, 0.1); border: 1px solid rgba(255, 102, 0, 0.2); display: flex; align-items: center; justify-content: center; color: #FF6600; margin-bottom: 20px; } .empty-state-forms .empty-icon svg { width: 28px; height: 28px; } .empty-state-forms h3 { font-size: 18px; font-weight: 700; color: #fff; margin: 0 0 8px; } .empty-state-forms p { font-size: 14px; color: rgba(255, 255, 255, 0.5); margin: 0 0 24px; } .forms-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 16px; } .form-card-wc { background: var(--wc-surface); border: 1px solid var(--wc-border); border-radius: 16px; overflow: hidden; transition: all 0.3s ease; position: relative; } html[data-theme="dark"] .form-card-wc { background: linear-gradient(135deg, rgba(18, 18, 18, 0.9) 0%, rgba(12, 12, 12, 0.9) 100%); border: 1px solid rgba(255, 255, 255, 0.08); } .form-card-wc:hover { border-color: var(--wc-border); transform: translateY(-2px); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); } html[data-theme="dark"] .form-card-wc:hover { border-color: rgba(255, 255, 255, 0.15); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3); } .form-card-delete-top { position: absolute; top: 10px; right: 10px; width: 28px; height: 28px; border-radius: 10px; display: inline-flex; align-items: center; justify-content: center; background: rgba(255, 255, 255, 0.06); border: 1px solid rgba(255, 255, 255, 0.1); color: rgba(255, 255, 255, 0.7); cursor: pointer; transition: all 0.15s ease; z-index: 2; } .form-card-delete-top:hover { background: rgba(239, 68, 68, 0.18); border-color: rgba(239, 68, 68, 0.28); color: #ef4444; } .form-card-header { display: flex; align-items: center; justify-content: space-between; padding: 16px 18px 12px; border-bottom: 1px solid var(--wc-border); } html[data-theme="dark"] .form-card-header { border-bottom: 1px solid rgba(255, 255, 255, 0.06); } .form-card-header .form-card-icon { width: 40px; height: 40px; border-radius: 10px; background: rgba(255, 102, 0, 0.1); border: 1px solid rgba(255, 102, 0, 0.2); display: flex; align-items: center; justify-content: center; color: #FF6600; } .form-card-header .form-card-type { font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px; padding: 5px 10px; border-radius: 20px; background: rgba(255, 102, 0, 0.15); color: #FF6600; } .form-card-body { padding: 16px 18px; } .form-card-body h4 { font-size: 16px; font-weight: 600; color: var(--wc-text-main); margin: 0 0 10px; } html[data-theme="dark"] .form-card-body h4 { color: #fff; } .form-card-body .form-card-meta { display: flex; flex-wrap: wrap; gap: 12px; } .form-card-body .form-card-meta .meta-item { display: flex; align-items: center; gap: 6px; font-size: 13px; color: var(--wc-text-sec); } html[data-theme="dark"] .form-card-body .form-card-meta .meta-item { color: rgba(255, 255, 255, 0.5); } .form-card-body .form-card-meta .meta-item svg { width: 14px; height: 14px; opacity: 0.6; } .form-card-actions-wc { display: flex; gap: 8px; padding: 14px 18px; border-top: 1px solid var(--wc-border); } html[data-theme="dark"] .form-card-actions-wc { border-top: 1px solid rgba(255, 255, 255, 0.06); } .form-card-actions-wc .action-btn-wc { display: flex; align-items: center; justify-content: center; gap: 6px; padding: 8px 14px; border-radius: 8px; font-size: 13px; font-weight: 500; background: var(--wc-surface-hover); border: 1px solid var(--wc-border); color: var(--wc-text-sec); cursor: pointer; transition: all 0.2s ease; } html[data-theme="dark"] .form-card-actions-wc .action-btn-wc { background: rgba(255, 255, 255, 0.05); border: 1px solid rgba(255, 255, 255, 0.1); color: rgba(255, 255, 255, 0.7); } .form-card-actions-wc .action-btn-wc span { white-space: nowrap; } .form-card-actions-wc .action-btn-wc:hover { background: var(--wc-surface-hover); color: var(--wc-text-main); } html[data-theme="dark"] .form-card-actions-wc .action-btn-wc:hover { background: rgba(255, 255, 255, 0.1); color: #fff; } .form-card-actions-wc .action-btn-wc.primary { background: linear-gradient(135deg, #FF6600 0%, #FF8533 100%); border: none; color: #fff; } .form-card-actions-wc .action-btn-wc.primary:hover { transform: translateY(-1px); box-shadow: 0 4px 12px rgba(255, 102, 0, 0.3); } .form-card-actions-wc .action-btn-wc.icon-only { padding: 8px; flex-shrink: 0; } .form-card-actions-wc .action-btn-wc.delete:hover { background: rgba(239, 68, 68, 0.15); border-color: rgba(239, 68, 68, 0.3); color: #ef4444; } .form-label-wc { font-size: 13px; font-weight: 600; color: var(--wc-text-main); margin-bottom: 10px; } html[data-theme="dark"] .form-label-wc { color: rgba(255, 255, 255, 0.7); } .type-selector { display: flex; flex-direction: column; gap: 12px; margin-bottom: 20px; } .type-card { display: flex; align-items: center; gap: 14px; padding: 16px; background: var(--wc-surface-hover); border: 1px solid var(--wc-border); border-radius: 12px; cursor: pointer; transition: all 0.2s ease; position: relative; } html[data-theme="dark"] .type-card { background: rgba(255, 255, 255, 0.03); border: 1px solid rgba(255, 255, 255, 0.1); } .type-card:hover { background: var(--wc-surface-hover); border-color: var(--wc-border); } html[data-theme="dark"] .type-card:hover { background: rgba(255, 255, 255, 0.05); border-color: rgba(255, 255, 255, 0.15); } .type-card.selected { background: rgba(255, 102, 0, 0.08); border-color: rgba(255, 102, 0, 0.4); } .type-card .type-icon { width: 48px; height: 48px; border-radius: 12px; background: rgba(255, 102, 0, 0.1); border: 1px solid rgba(255, 102, 0, 0.2); display: flex; align-items: center; justify-content: center; color: #FF6600; flex-shrink: 0; } .type-card .type-icon.purple { background: rgba(151, 71, 255, 0.1); border-color: rgba(151, 71, 255, 0.2); color: #9747FF; } .type-card .type-info { flex: 1; } .type-card .type-info h5 { font-size: 15px; font-weight: 600; color: var(--wc-text-main); margin: 0 0 4px; } html[data-theme="dark"] .type-card .type-info h5 { color: #fff; } .type-card .type-info p { font-size: 13px; color: var(--wc-text-sec); margin: 0; } html[data-theme="dark"] .type-card .type-info p { color: rgba(255, 255, 255, 0.5); } .type-card .check-indicator { width: 24px; height: 24px; border-radius: 50%; background: #FF6600; color: #fff; display: flex; align-items: center; justify-content: center; font-size: 12px; font-weight: 700; } .guests-section-wc { animation: fadeInUp 0.6s ease-out 0.1s both; } .guests-header-wc { display: flex; align-items: center; justify-content: space-between; margin-bottom: 24px; } .guests-header-wc .guests-title-wc { display: flex; align-items: baseline; gap: 12px; } .guests-header-wc .guests-title-wc h2 { font-size: 24px; font-weight: 700; color: var(--wc-text-main); margin: 0; letter-spacing: -0.5px; } html[data-theme="dark"] .guests-header-wc .guests-title-wc h2 { color: #fff; } .guests-header-wc .guests-title-wc .guests-count { font-size: 13px; color: var(--wc-text-sec); font-weight: 500; box-shadow: 0 6px 20px rgba(255, 102, 0, 0.4); } html[data-theme="dark"] .guests-header-wc .guests-title-wc .guests-count { color: rgba(255, 255, 255, 0.4); } .guests-header-wc:disabled { opacity: 0.5; cursor: not-allowed; transform: none !important; } .empty-state-guests { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 60px 24px; text-align: center; background: linear-gradient(135deg, rgba(18, 18, 18, 0.6) 0%, rgba(12, 12, 12, 0.6) 100%); border: 1px dashed rgba(255, 255, 255, 0.1); border-radius: 20px; } .empty-state-guests .empty-icon { width: 64px; height: 64px; border-radius: 16px; background: rgba(255, 102, 0, 0.1); border: 1px solid rgba(255, 102, 0, 0.2); display: flex; align-items: center; justify-content: center; color: #FF6600; margin-bottom: 20px; } .empty-state-guests .empty-icon svg { width: 28px; height: 28px; } .empty-state-guests h3 { font-size: 18px; font-weight: 700; color: #fff; margin: 0 0 8px; } .empty-state-guests p { font-size: 14px; color: rgba(255, 255, 255, 0.5); margin: 0 0 24px; } .guests-lists-container { display: flex; flex-direction: column; gap: 12px; } .guest-list-card { background: var(--wc-surface); border: 1px solid var(--wc-border); border-radius: 16px; overflow: hidden; transition: all 0.3s ease; } html[data-theme="dark"] .guest-list-card { background: rgba(18, 18, 18, 0.6); border: 1px solid rgba(255, 255, 255, 0.08); } .guest-list-card:hover { border-color: rgba(255, 255, 255, 0.12); } .guest-list-card.expanded { border-color: rgba(255, 102, 0, 0.3); } .guest-list-card.expanded .guest-list-header { border-bottom: 1px solid rgba(255, 255, 255, 0.08); } .guest-list-header { display: flex; align-items: center; justify-content: space-between; padding: 16px 20px; cursor: pointer; transition: background 0.2s ease; } .guest-list-header:hover { background: rgba(255, 255, 255, 0.02); } .guest-list-info { display: flex; align-items: center; gap: 14px; } .guest-list-info .guest-list-icon { width: 42px; height: 42px; border-radius: 12px; background: rgba(255, 102, 0, 0.1); border: 1px solid rgba(255, 102, 0, 0.2); display: flex; align-items: center; justify-content: center; color: #FF6600; flex-shrink: 0; } .guest-list-info .guest-list-details h4 { font-size: 15px; font-weight: 600; color: var(--wc-text-main); margin: 0; } html[data-theme="dark"] .guest-list-info .guest-list-details h4 { color: #fff; } .guest-list-info .guest-list-details p { font-size: 13px; color: var(--wc-text-sec); margin: 4px 0 0; } html[data-theme="dark"] .guest-list-info .guest-list-details p { color: rgba(255, 255, 255, 0.5); } .guest-list-actions { display: flex; align-items: center; gap: 8px; } .guest-list-actions .btn-delete-list { width: 36px; height: 36px; border-radius: 10px; background: transparent; border: 1px solid rgba(255, 255, 255, 0.08); color: rgba(255, 255, 255, 0.4); display: flex; align-items: center; justify-content: center; cursor: pointer; transition: all 0.2s ease; } .guest-list-actions .btn-delete-list:hover { background: rgba(239, 68, 68, 0.1); border-color: rgba(239, 68, 68, 0.3); color: #ef4444; } .guest-list-actions .chevron-icon { width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; color: rgba(255, 255, 255, 0.4); transition: transform 0.3s ease; } .guest-list-actions .chevron-icon.rotated { transform: rotate(180deg); } .guest-list-content { padding: 20px; animation: slideDown 0.3s ease; } @keyframes slideDown { from { opacity: 0; transform: translateY(-10px); } to { opacity: 1; transform: translateY(0); } } .table-guest-wc { animation: fadeInUp 0.4s ease-out; } .table-guest-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; padding-bottom: 16px; border-bottom: 1px solid rgba(255, 255, 255, 0.06); } .table-guest-header h3 { font-size: 16px; font-weight: 600; color: var(--wc-text-main); margin: 0; } html[data-theme="dark"] .table-guest-header h3 { color: #fff; } .table-guest-header .header-actions { display: flex; gap: 10px; } .btn-secondary-wc { display: inline-flex; align-items: center; gap: 6px; padding: 8px 14px; border-radius: 8px; font-size: 13px; font-weight: 500; background: var(--wc-surface); border: 1px solid var(--wc-border); color: var(--wc-text-sec); cursor: pointer; transition: all 0.2s ease; } html[data-theme="dark"] .btn-secondary-wc { background: rgba(255, 255, 255, 0.05); border: 1px solid rgba(255, 255, 255, 0.1); color: rgba(255, 255, 255, 0.7); } .btn-secondary-wc:hover { background: var(--wc-surface-hover); color: var(--wc-text-main); } html[data-theme="dark"] .btn-secondary-wc:hover { background: rgba(255, 255, 255, 0.08); color: #fff; } .btn-primary-wc { display: inline-flex; align-items: center; gap: 6px; padding: 8px 14px; border-radius: 8px; font-size: 13px; font-weight: 600; background: linear-gradient(135deg, #FF6600 0%, #FF8533 100%); border: none; color: #fff; cursor: pointer; transition: all 0.2s ease; } .btn-primary-wc:hover { transform: translateY(-1px); box-shadow: 0 4px 12px rgba(255, 102, 0, 0.3); } .guests-table-wrapper { overflow-x: auto; margin: 0 -4px; padding: 0 4px; } .guests-table { width: 100%; border-collapse: separate; border-spacing: 0; } .guests-table thead tr th { padding: 12px 16px; font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px; color: var(--wc-text-sec); text-align: left; border-bottom: 1px solid var(--wc-border); white-space: nowrap; } html[data-theme="dark"] .guests-table thead tr th { color: rgba(255, 255, 255, 0.4); border-bottom: 1px solid rgba(255, 255, 255, 0.08); } .guests-table thead tr th.col-actions { width: 50px; } .guests-table tbody tr { transition: background 0.2s ease; } .guests-table tbody tr:hover { background: rgba(255, 255, 255, 0.02); } .guests-table tbody tr td { padding: 14px 16px; border-bottom: 1px solid var(--wc-border); vertical-align: middle; color: var(--wc-text-main); } html[data-theme="dark"] .guests-table tbody tr td { border-bottom: 1px solid rgba(255, 255, 255, 0.04); color: #fff; } .guests-table tbody tr td.empty-row { padding: 40px; text-align: center; } .guests-table tbody tr td.empty-row .empty-message { color: rgba(255, 255, 255, 0.3); font-size: 14px; } .guests-table tbody .guest-name { font-size: 14px; font-weight: 500; color: var(--wc-text-main); } html[data-theme="dark"] .guests-table tbody .guest-name { color: #fff; } .guests-table tbody .guest-email { font-size: 13px; color: var(--wc-text-sec); } html[data-theme="dark"] .guests-table tbody .guest-email { color: rgba(255, 255, 255, 0.5); } .guests-table tbody .ticket-name { font-size: 13px; color: var(--wc-text-sec); background: var(--wc-surface-hover); padding: 4px 10px; border-radius: 6px; display: inline-block; display: inline-block; } html[data-theme="dark"] .guests-table tbody .ticket-name { color: rgba(255, 255, 255, 0.7); background: rgba(255, 255, 255, 0.05); } .status-badge { display: inline-flex; align-items: center; gap: 6px; padding: 6px 12px; border-radius: 20px; font-size: 12px; font-weight: 600; } .status-badge.pending { background: rgba(250, 173, 20, 0.15); color: #faad14; border: 1px solid rgba(250, 173, 20, 0.3); } .status-badge.pending svg { stroke: #faad14; } .status-badge.used { background: rgba(16, 185, 129, 0.15); color: #10b981; border: 1px solid rgba(16, 185, 129, 0.3); } .status-badge.used svg { stroke: #10b981; } .btn-delete { width: 32px; height: 32px; border-radius: 8px; background: transparent; border: 1px solid rgba(255, 255, 255, 0.08); color: rgba(255, 255, 255, 0.4); display: flex; align-items: center; justify-content: center; cursor: pointer; transition: all 0.2s ease; } .btn-delete:hover { background: rgba(239, 68, 68, 0.1); border-color: rgba(239, 68, 68, 0.3); color: #ef4444; } .pagination-wc { display: flex; align-items: center; justify-content: center; gap: 12px; margin-top: 20px; padding-top: 16px; border-top: 1px solid rgba(255, 255, 255, 0.06); } .pagination-wc .pagination-btn { width: 36px; height: 36px; border-radius: 10px; background: rgba(255, 255, 255, 0.05); border: 1px solid rgba(255, 255, 255, 0.1); color: rgba(255, 255, 255, 0.7); display: flex; align-items: center; justify-content: center; cursor: pointer; transition: all 0.2s ease; } .pagination-wc .pagination-btn:hover:not(:disabled) { background: rgba(255, 255, 255, 0.1); color: #fff; } .pagination-wc .pagination-btn:disabled { opacity: 0.3; cursor: not-allowed; } .pagination-wc .pagination-info { font-size: 13px; font-weight: 500; color: rgba(255, 255, 255, 0.6); min-width: 60px; text-align: center; } .confirm-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.4); backdrop-filter: blur(8px); display: flex; align-items: center; justify-content: center; z-index: 1100; animation: fadeIn 0.2s ease; } html[data-theme="dark"] .confirm-overlay { background: rgba(0, 0, 0, 0.7); } .confirm-modal { background: var(--wc-surface); border: 1px solid var(--wc-border); border-radius: 20px; padding: 32px; text-align: center; max-width: 360px; width: 90%; box-shadow: var(--wc-shadow); animation: scaleIn 0.25s ease; } html[data-theme="dark"] .confirm-modal { background: linear-gradient(135deg, rgba(24, 24, 24, 0.98) 0%, rgba(18, 18, 18, 0.98) 100%); border: 1px solid rgba(255, 255, 255, 0.1); box-shadow: 0 24px 48px rgba(0, 0, 0, 0.5); } .confirm-modal .confirm-icon { width: 56px; height: 56px; border-radius: 16px; background: rgba(239, 68, 68, 0.1); border: 1px solid rgba(239, 68, 68, 0.2); display: flex; align-items: center; justify-content: center; margin: 0 auto 20px; } html[data-theme="dark"] .confirm-modal .confirm-icon { background: rgba(239, 68, 68, 0.15); border: 1px solid rgba(239, 68, 68, 0.3); } .confirm-modal .confirm-icon svg { width: 24px; height: 24px; stroke: #ef4444; } .confirm-modal h4 { font-size: 18px; font-weight: 700; color: var(--wc-text-main); margin: 0 0 8px; } html[data-theme="dark"] .confirm-modal h4 { color: #fff; } .confirm-modal p { font-size: 14px; color: var(--wc-text-sec); margin: 0 0 24px; } html[data-theme="dark"] .confirm-modal p { color: rgba(255, 255, 255, 0.5); } .confirm-modal .confirm-actions { display: flex; gap: 12px; justify-content: center; } .confirm-modal .confirm-actions .btn-cancel { padding: 10px 20px; border-radius: 10px; font-size: 14px; font-weight: 500; background: var(--wc-surface-hover); border: 1px solid var(--wc-border); color: var(--wc-text-sec); cursor: pointer; transition: all 0.2s ease; } html[data-theme="dark"] .confirm-modal .confirm-actions .btn-cancel { background: rgba(255, 255, 255, 0.05); border: 1px solid rgba(255, 255, 255, 0.1); color: rgba(255, 255, 255, 0.7); } .confirm-modal .confirm-actions .btn-cancel:hover { background: var(--wc-surface-hover); color: var(--wc-text-main); } html[data-theme="dark"] .confirm-modal .confirm-actions .btn-cancel:hover { background: rgba(255, 255, 255, 0.1); color: #fff; } .confirm-modal .confirm-actions .btn-confirm-delete { padding: 10px 20px; border-radius: 10px; font-size: 14px; font-weight: 600; background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%); border: none; color: #fff; cursor: pointer; transition: all 0.2s ease; } .confirm-modal .confirm-actions .btn-confirm-delete:hover { transform: translateY(-1px); box-shadow: 0 4px 12px rgba(239, 68, 68, 0.4); } @keyframes scaleIn { from { opacity: 0; transform: scale(0.9); } to { opacity: 1; transform: scale(1); } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .modal-guest .email-tags { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 10px; } .modal-guest .email-tags .email-tag { display: inline-flex; align-items: center; gap: 6px; padding: 6px 10px; background: rgba(255, 102, 0, 0.15); border: 1px solid rgba(255, 102, 0, 0.3); border-radius: 20px; font-size: 12px; color: #FF6600; } .modal-guest .email-tags .email-tag button { background: none; border: none; padding: 0; cursor: pointer; display: flex; opacity: 0.7; } .modal-guest .email-tags .email-tag button:hover { opacity: 1; } .modal-guest .email-tags .email-tag button svg { stroke: #FF6600; } .field-error { margin-top: 6px; font-size: 12px; color: #ef4444; } .field-error.center { text-align: center; } .form-divider { display: flex; align-items: center; margin: 20px 0; } .form-divider::before, .form-divider::after { content: ""; flex: 1; height: 1px; background: rgba(255, 255, 255, 0.1); } .form-divider span { padding: 0 16px; font-size: 12px; color: rgba(255, 255, 255, 0.4); text-transform: uppercase; letter-spacing: 0.5px; } .phone-input-wc .ant-input-group-addon { background: rgba(255, 255, 255, 0.05) !important; border: 1px solid rgba(255, 255, 255, 0.1) !important; border-right: none !important; border-radius: 10px 0 0 10px !important; } .phone-input-wc .ant-input { background: rgba(255, 255, 255, 0.05) !important; border: 1px solid rgba(255, 255, 255, 0.1) !important; border-radius: 0 10px 10px 0 !important; color: #fff !important; } .radio-group-wc { margin-bottom: 12px; } .radio-group-wc .ant-radio-wrapper { color: rgba(255, 255, 255, 0.7); } .radio-group-wc .ant-radio-wrapper .ant-radio-checked .ant-radio-inner { border-color: #FF6600; } .radio-group-wc .ant-radio-wrapper .ant-radio-checked .ant-radio-inner::after { background-color: #FF6600; } .modal-import .upload-icon-large { width: 64px; height: 64px; border-radius: 16px; background: rgba(255, 102, 0, 0.1); border: 1px solid rgba(255, 102, 0, 0.2); display: flex; align-items: center; justify-content: center; margin: 0 auto 16px; } .modal-import .upload-icon-large svg { width: 28px; height: 28px; stroke: #FF6600; } .modal-import .modal-header-wc { text-align: center; } .modal-import .download-template { text-align: center; margin-bottom: 20px; } .modal-import .download-template p { font-size: 14px; color: rgba(255, 255, 255, 0.6); margin: 0 0 12px; } .modal-import .download-template .btn-download { display: inline-flex; align-items: center; gap: 8px; padding: 10px 16px; border-radius: 10px; font-size: 13px; font-weight: 500; background: rgba(255, 255, 255, 0.05); border: 1px solid rgba(255, 255, 255, 0.15); color: #fff; cursor: pointer; transition: all 0.2s ease; } .modal-import .download-template .btn-download:hover { background: rgba(255, 255, 255, 0.1); } .modal-import .upload-area .upload-dropzone { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; padding: 32px; border: 2px dashed rgba(255, 255, 255, 0.15); border-radius: 16px; cursor: pointer; transition: all 0.2s ease; } .modal-import .upload-area .upload-dropzone svg { stroke: rgba(255, 255, 255, 0.4); } .modal-import .upload-area .upload-dropzone span { font-size: 14px; color: rgba(255, 255, 255, 0.5); } .modal-import .upload-area .upload-dropzone:hover { border-color: rgba(255, 102, 0, 0.5); background: rgba(255, 102, 0, 0.05); } .modal-import .upload-area .upload-dropzone:hover svg { stroke: #FF6600; } .modal-import .upload-area .upload-dropzone:hover span { color: #FF6600; } .modal-import .upload-area .ant-upload-list { margin-top: 12px; } .modal-import .upload-area .ant-upload-list .ant-upload-list-item { background: rgba(255, 255, 255, 0.05); border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 10px; } .modal-wc .ant-modal-content { background: var(--wc-surface); border: 1px solid var(--wc-border); border-radius: 20px; box-shadow: 0 24px 48px rgba(0, 0, 0, 0.1); } html[data-theme="dark"] .modal-wc .ant-modal-content { background: linear-gradient(135deg, rgba(24, 24, 24, 0.98) 0%, rgba(18, 18, 18, 0.98) 100%); border: 1px solid rgba(255, 255, 255, 0.1); box-shadow: 0 24px 48px rgba(0, 0, 0, 0.5); backdrop-filter: blur(20px); } .modal-wc .ant-modal-header { display: none; } .modal-wc .ant-modal-body { padding: 28px; } .modal-wc .ant-modal-close { color: var(--wc-text-sec); } html[data-theme="dark"] .modal-wc .ant-modal-close { color: rgba(255, 255, 255, 0.5); } .modal-wc .ant-modal-close:hover { color: var(--wc-text-main); } html[data-theme="dark"] .modal-wc .ant-modal-close:hover { color: #fff; } .modal-header-wc { margin-bottom: 24px; } .modal-header-wc h3 { font-size: 20px; font-weight: 700; color: var(--wc-text-main); margin: 0 0 8px; letter-spacing: -0.3px; } html[data-theme="dark"] .modal-header-wc h3 { color: #fff; } .modal-header-wc p { font-size: 14px; color: var(--wc-text-sec); margin: 0; } html[data-theme="dark"] .modal-header-wc p { color: rgba(255, 255, 255, 0.5); } .form-wc .ant-form-item-label > label { color: var(--wc-text-main); font-size: 13px; font-weight: 600; } html[data-theme="dark"] .form-wc .ant-form-item-label > label { color: rgba(255, 255, 255, 0.7); } .form-wc .input-wc, .form-wc .ant-input, .form-wc .ant-input-affix-wrapper { background: #f9f9f9 !important; border: 1px solid var(--wc-border) !important; border-radius: 10px !important; color: var(--wc-text-main) !important; font-size: 14px; padding: 10px 14px; } html[data-theme="dark"] .form-wc .input-wc, html[data-theme="dark"] .form-wc .ant-input, html[data-theme="dark"] .form-wc .ant-input-affix-wrapper { background: rgba(255, 255, 255, 0.05) !important; border: 1px solid rgba(255, 255, 255, 0.1) !important; color: #fff !important; } .form-wc .input-wc::placeholder, .form-wc .ant-input::placeholder, .form-wc .ant-input-affix-wrapper::placeholder { color: var(--wc-text-sec); } html[data-theme="dark"] .form-wc .input-wc::placeholder, html[data-theme="dark"] .form-wc .ant-input::placeholder, html[data-theme="dark"] .form-wc .ant-input-affix-wrapper::placeholder { color: rgba(255, 255, 255, 0.3); } .form-wc .input-wc:hover, .form-wc .input-wc:focus, .form-wc .ant-input:hover, .form-wc .ant-input:focus, .form-wc .ant-input-affix-wrapper:hover, .form-wc .ant-input-affix-wrapper:focus { border-color: #FF6600 !important; box-shadow: 0 0 0 2px rgba(255, 102, 0, 0.1) !important; background: #fff !important; } html[data-theme="dark"] .form-wc .input-wc:hover, html[data-theme="dark"] .form-wc .input-wc:focus, html[data-theme="dark"] .form-wc .ant-input:hover, html[data-theme="dark"] .form-wc .ant-input:focus, html[data-theme="dark"] .form-wc .ant-input-affix-wrapper:hover, html[data-theme="dark"] .form-wc .ant-input-affix-wrapper:focus { background: rgba(255, 255, 255, 0.05) !important; border-color: rgba(255, 102, 0, 0.5) !important; } .form-wc .ant-input-textarea textarea { background: #f9f9f9 !important; border: 1px solid var(--wc-border) !important; border-radius: 10px !important; color: var(--wc-text-main) !important; } html[data-theme="dark"] .form-wc .ant-input-textarea textarea { background: rgba(255, 255, 255, 0.05) !important; border: 1px solid rgba(255, 255, 255, 0.1) !important; color: #fff !important; } .form-wc .select-wc, .form-wc .ant-select-selector { background: #f9f9f9 !important; border: 1px solid var(--wc-border) !important; border-radius: 10px !important; height: 44px !important; } html[data-theme="dark"] .form-wc .select-wc, html[data-theme="dark"] .form-wc .ant-select-selector { background: rgba(255, 255, 255, 0.05) !important; border: 1px solid rgba(255, 255, 255, 0.1) !important; } .form-wc .select-wc .ant-select-selection-search-input, .form-wc .ant-select-selector .ant-select-selection-search-input { color: var(--wc-text-main) !important; } html[data-theme="dark"] .form-wc .select-wc .ant-select-selection-search-input, html[data-theme="dark"] .form-wc .ant-select-selector .ant-select-selection-search-input { color: #fff !important; } .form-wc .select-wc .ant-select-selection-item, .form-wc .ant-select-selector .ant-select-selection-item { color: var(--wc-text-main) !important; line-height: 42px !important; } html[data-theme="dark"] .form-wc .select-wc .ant-select-selection-item, html[data-theme="dark"] .form-wc .ant-select-selector .ant-select-selection-item { color: #fff !important; } .modal-actions-wc { display: flex; justify-content: flex-end; gap: 12px; margin-top: 28px; padding-top: 20px; border-top: 1px solid var(--wc-border); } html[data-theme="dark"] .modal-actions-wc { border-top: 1px solid rgba(255, 255, 255, 0.08); } .reporting-section-wc { animation: fadeInUp 0.6s ease-out 0.1s both; display: flex; flex-direction: column; gap: 24px; } .report-card-wc { background: var(--wc-surface); border: 1px solid var(--wc-border); border-radius: 16px; overflow: hidden; } html[data-theme="dark"] .report-card-wc { background: rgba(18, 18, 18, 0.95); border: 1px solid rgba(255, 255, 255, 0.12); } .report-card-wc .report-card-header { display: flex; align-items: flex-start; gap: 16px; padding: 24px 24px 0; } .report-card-wc .report-card-header .report-card-icon { width: 44px; height: 44px; border-radius: 12px; background: rgba(255, 102, 0, 0.1); border: 1px solid rgba(255, 102, 0, 0.2); display: flex; align-items: center; justify-content: center; color: #FF6600; flex-shrink: 0; } .report-card-wc .report-card-header .report-card-icon.purple { background: rgba(151, 71, 255, 0.1); border-color: rgba(151, 71, 255, 0.2); color: #9747FF; } .report-card-wc .report-card-header .report-card-icon.green { background: rgba(16, 185, 129, 0.1); border-color: rgba(16, 185, 129, 0.2); color: #10b981; } .report-card-wc .report-card-header .report-card-title { flex: 1; } .report-card-wc .report-card-header .report-card-title h3 { font-size: 18px; font-weight: 700; color: var(--wc-text-main); margin: 0 0 6px; letter-spacing: -0.3px; } html[data-theme="dark"] .report-card-wc .report-card-header .report-card-title h3 { color: #fff; } .report-card-wc .report-card-header .report-card-title p { font-size: 13px; color: var(--wc-text-sec); margin: 0; line-height: 1.4; } html[data-theme="dark"] .report-card-wc .report-card-header .report-card-title p { color: rgba(255, 255, 255, 0.5); } .report-card-wc .report-chart-container { padding: 16px 8px 8px; } .report-card-wc .report-chart-container svg { overflow: visible !important; } .event-empty-state { display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: 60px 24px; background: rgba(255, 255, 255, 0.02); border: 1px dashed rgba(255, 255, 255, 0.1); border-radius: 16px; margin: 24px 0; } .event-empty-state.compact { padding: 40px 20px; } .empty-state-icon { font-size: 56px; margin-bottom: 20px; filter: grayscale(0.2); } .empty-state-title { font-size: 22px; font-weight: 700; color: var(--wc-text-main); margin: 0 0 12px; } html[data-theme="dark"] .empty-state-title { color: #fff; } .empty-state-desc { font-size: 15px; color: var(--wc-text-sec); margin: 0 0 24px; max-width: 400px; line-height: 1.6; } html[data-theme="dark"] .empty-state-desc { color: rgba(255, 255, 255, 0.6); } .empty-state-cta { display: inline-flex; align-items: center; gap: 10px; background: linear-gradient(135deg, #ff6600 0%, #ff8533 100%); border: none; color: #fff; font-size: 15px; font-weight: 600; padding: 14px 28px; border-radius: 12px; cursor: pointer; transition: all 0.2s ease; box-shadow: 0 4px 20px rgba(255, 102, 0, 0.3); } .empty-state-cta:hover { transform: translateY(-2px); box-shadow: 0 6px 24px rgba(255, 102, 0, 0.4); } .empty-state-cta:active { transform: translateY(0); } .onboarding-steps { display: flex; flex-direction: column; gap: 16px; max-width: 500px; margin: 0 auto; } .onboarding-step { display: flex; align-items: flex-start; gap: 16px; padding: 20px; background: rgba(255, 255, 255, 0.03); border-radius: 12px; border: 1px solid rgba(255, 255, 255, 0.08); transition: all 0.2s ease; } .onboarding-step:hover { background: rgba(255, 255, 255, 0.05); border-color: rgba(255, 102, 0, 0.3); } .onboarding-step.completed { opacity: 0.6; } .onboarding-step.completed .step-number { background: #22c55e; } .step-number { width: 32px; height: 32px; min-width: 32px; border-radius: 50%; background: rgba(255, 102, 0, 0.2); color: #ff6600; display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 14px; } .step-content { flex: 1; } .step-title { font-size: 16px; font-weight: 600; color: #fff; margin: 0 0 4px; } .step-desc { font-size: 14px; color: rgba(255, 255, 255, 0.5); margin: 0; } .step-action { margin-top: 12px; } .step-action a, .step-action button { display: inline-flex; align-items: center; gap: 6px; background: rgba(255, 102, 0, 0.15); border: 1px solid rgba(255, 102, 0, 0.3); color: #ff6600; font-size: 13px; font-weight: 600; padding: 8px 16px; border-radius: 8px; cursor: pointer; transition: all 0.2s ease; text-decoration: none; } .step-action a:hover, .step-action button:hover { background: rgba(255, 102, 0, 0.25); color: #ff6600; } .events-users-wrapper, .followers-wrapper { animation: fadeInUp 0.6s ease-out 0.2s both; margin-top: 24px; } .events-users-wrapper .theme-surface, .followers-wrapper .theme-surface { background: var(--wc-surface) !important; border: 1px solid var(--wc-border) !important; border-radius: 16px !important; } html[data-theme="dark"] .events-users-wrapper .theme-surface, html[data-theme="dark"] .followers-wrapper .theme-surface { background: rgba(18, 18, 18, 0.95) !important; border: 1px solid rgba(255, 255, 255, 0.12) !important; } .ticket-modal .ant-modal-content { background: var(--wc-bg) !important; border-radius: 16px; } html[data-theme="dark"] .ticket-modal .ant-modal-content { background: #1a1a1a !important; border: 1px solid rgba(255, 255, 255, 0.1); } .ticket-modal .ant-modal-header { background: transparent !important; border-bottom: 1px solid var(--wc-border) !important; } html[data-theme="dark"] .ticket-modal .ant-modal-header { border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important; } .ticket-modal .ant-modal-header .ant-modal-title { color: var(--wc-text-main) !important; } html[data-theme="dark"] .ticket-modal .ant-modal-header .ant-modal-title { color: #fff !important; } .ticket-modal .ant-modal-close { color: var(--wc-text-sec) !important; } .ticket-modal .ant-modal-close .ant-modal-close-x { color: inherit !important; font-weight: 700 !important; } .ticket-modal .ant-modal-close:hover { color: var(--wc-text-main) !important; background: var(--wc-surface-hover) !important; } html[data-theme="dark"] .ticket-modal .ant-modal-close:hover { background: rgba(255, 255, 255, 0.1) !important; } .ticket-modal .ant-form-item-label label { color: var(--wc-text-main) !important; } html[data-theme="dark"] .ticket-modal .ant-form-item-label label { color: #fff !important; } .ticket-modal .ant-input, .ticket-modal .ant-select-selector { background: var(--wc-surface-hover) !important; border-color: var(--wc-border) !important; color: var(--wc-text-main) !important; } html[data-theme="dark"] .ticket-modal .ant-input, html[data-theme="dark"] .ticket-modal .ant-select-selector { background: rgba(0, 0, 0, 0.3) !important; border-color: rgba(255, 255, 255, 0.1) !important; color: #fff !important; } /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ /* stylelint-disable no-duplicate-selectors */ /* stylelint-disable */ /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ .ant-typography { color: rgba(0, 0, 0, 0.85); overflow-wrap: break-word; } .ant-typography.ant-typography-secondary { color: rgba(0, 0, 0, 0.45); } .ant-typography.ant-typography-success { color: #52c41a; } .ant-typography.ant-typography-warning { color: #faad14; } .ant-typography.ant-typography-danger { color: #ff4d4f; } a.ant-typography.ant-typography-danger:active, a.ant-typography.ant-typography-danger:focus, a.ant-typography.ant-typography-danger:hover { color: #ff7875; } .ant-typography.ant-typography-disabled { color: rgba(0, 0, 0, 0.25); cursor: not-allowed; user-select: none; } div.ant-typography, .ant-typography p { margin-bottom: 1em; } h1.ant-typography, .ant-typography h1 { margin-bottom: 0.5em; color: rgba(0, 0, 0, 0.85); font-weight: 600; font-size: 38px; line-height: 1.23; } h2.ant-typography, .ant-typography h2 { margin-bottom: 0.5em; color: rgba(0, 0, 0, 0.85); font-weight: 600; font-size: 30px; line-height: 1.35; } h3.ant-typography, .ant-typography h3 { margin-bottom: 0.5em; color: rgba(0, 0, 0, 0.85); font-weight: 600; font-size: 24px; line-height: 1.35; } h4.ant-typography, .ant-typography h4 { margin-bottom: 0.5em; color: rgba(0, 0, 0, 0.85); font-weight: 600; font-size: 20px; line-height: 1.4; } h5.ant-typography, .ant-typography h5 { margin-bottom: 0.5em; color: rgba(0, 0, 0, 0.85); font-weight: 600; font-size: 16px; line-height: 1.5; } .ant-typography + h1.ant-typography, .ant-typography + h2.ant-typography, .ant-typography + h3.ant-typography, .ant-typography + h4.ant-typography, .ant-typography + h5.ant-typography { margin-top: 1.2em; } .ant-typography div + h1, .ant-typography ul + h1, .ant-typography li + h1, .ant-typography p + h1, .ant-typography h1 + h1, .ant-typography h2 + h1, .ant-typography h3 + h1, .ant-typography h4 + h1, .ant-typography h5 + h1, .ant-typography div + h2, .ant-typography ul + h2, .ant-typography li + h2, .ant-typography p + h2, .ant-typography h1 + h2, .ant-typography h2 + h2, .ant-typography h3 + h2, .ant-typography h4 + h2, .ant-typography h5 + h2, .ant-typography div + h3, .ant-typography ul + h3, .ant-typography li + h3, .ant-typography p + h3, .ant-typography h1 + h3, .ant-typography h2 + h3, .ant-typography h3 + h3, .ant-typography h4 + h3, .ant-typography h5 + h3, .ant-typography div + h4, .ant-typography ul + h4, .ant-typography li + h4, .ant-typography p + h4, .ant-typography h1 + h4, .ant-typography h2 + h4, .ant-typography h3 + h4, .ant-typography h4 + h4, .ant-typography h5 + h4, .ant-typography div + h5, .ant-typography ul + h5, .ant-typography li + h5, .ant-typography p + h5, .ant-typography h1 + h5, .ant-typography h2 + h5, .ant-typography h3 + h5, .ant-typography h4 + h5, .ant-typography h5 + h5 { margin-top: 1.2em; } a.ant-typography-ellipsis, span.ant-typography-ellipsis { display: inline-block; } a.ant-typography, .ant-typography a { color: #f57423; outline: none; cursor: pointer; transition: color 0.3s; text-decoration: none; } a.ant-typography:focus, .ant-typography a:focus, a.ant-typography:hover, .ant-typography a:hover { color: #ff974d; } a.ant-typography:active, .ant-typography a:active { color: #cf5413; } a.ant-typography:active, .ant-typography a:active, a.ant-typography:hover, .ant-typography a:hover { text-decoration: none; } a.ant-typography[disabled], .ant-typography a[disabled], a.ant-typography.ant-typography-disabled, .ant-typography a.ant-typography-disabled { color: rgba(0, 0, 0, 0.25); cursor: not-allowed; } a.ant-typography[disabled]:active, .ant-typography a[disabled]:active, a.ant-typography.ant-typography-disabled:active, .ant-typography a.ant-typography-disabled:active, a.ant-typography[disabled]:hover, .ant-typography a[disabled]:hover, a.ant-typography.ant-typography-disabled:hover, .ant-typography a.ant-typography-disabled:hover { color: rgba(0, 0, 0, 0.25); } a.ant-typography[disabled]:active, .ant-typography a[disabled]:active, a.ant-typography.ant-typography-disabled:active, .ant-typography a.ant-typography-disabled:active { pointer-events: none; } .ant-typography code { margin: 0 0.2em; padding: 0.2em 0.4em 0.1em; font-size: 85%; background: rgba(150, 150, 150, 0.1); border: 1px solid rgba(100, 100, 100, 0.2); border-radius: 3px; } .ant-typography kbd { margin: 0 0.2em; padding: 0.15em 0.4em 0.1em; font-size: 90%; background: rgba(150, 150, 150, 0.06); border: 1px solid rgba(100, 100, 100, 0.2); border-bottom-width: 2px; border-radius: 3px; } .ant-typography mark { padding: 0; background-color: #ffe58f; } .ant-typography u, .ant-typography ins { text-decoration: underline; text-decoration-skip-ink: auto; } .ant-typography s, .ant-typography del { text-decoration: line-through; } .ant-typography strong { font-weight: 600; } .ant-typography-expand, .ant-typography-edit, .ant-typography-copy { color: #f57423; text-decoration: none; outline: none; cursor: pointer; transition: color 0.3s; margin-left: 4px; } .ant-typography-expand:focus, .ant-typography-edit:focus, .ant-typography-copy:focus, .ant-typography-expand:hover, .ant-typography-edit:hover, .ant-typography-copy:hover { color: #ff974d; } .ant-typography-expand:active, .ant-typography-edit:active, .ant-typography-copy:active { color: #cf5413; } .ant-typography-copy-success, .ant-typography-copy-success:hover, .ant-typography-copy-success:focus { color: #52c41a; } .ant-typography-edit-content { position: relative; } div.ant-typography-edit-content { left: -12px; margin-top: -5px; margin-bottom: calc(1em - 4px - 1px); } .ant-typography-edit-content-confirm { position: absolute; right: 10px; bottom: 8px; color: rgba(0, 0, 0, 0.45); pointer-events: none; } .ant-typography-edit-content textarea { -moz-transition: none; } .ant-typography ul, .ant-typography ol { margin: 0 0 1em 0; padding: 0; } .ant-typography ul li, .ant-typography ol li { margin: 0 0 0 20px; padding: 0 0 0 4px; } .ant-typography ul { list-style-type: circle; } .ant-typography ul ul { list-style-type: disc; } .ant-typography ol { list-style-type: decimal; } .ant-typography pre, .ant-typography blockquote { margin: 1em 0; } .ant-typography pre { padding: 0.4em 0.6em; white-space: pre-wrap; word-wrap: break-word; background: rgba(150, 150, 150, 0.1); border: 1px solid rgba(100, 100, 100, 0.2); border-radius: 3px; } .ant-typography pre code { display: inline; margin: 0; padding: 0; font-size: inherit; font-family: inherit; background: transparent; border: 0; } .ant-typography blockquote { padding: 0 0 0 0.6em; border-left: 4px solid rgba(100, 100, 100, 0.2); opacity: 0.85; } .ant-typography-ellipsis-single-line { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } a.ant-typography-ellipsis-single-line, span.ant-typography-ellipsis-single-line { vertical-align: bottom; } .ant-typography-ellipsis-multiple-line { display: -webkit-box; -webkit-line-clamp: 3; /*! autoprefixer: ignore next */ -webkit-box-orient: vertical; overflow: hidden; } .ant-typography-rtl { direction: rtl; } .ant-typography-rtl .ant-typography-expand, .ant-typography-rtl .ant-typography-edit, .ant-typography-rtl .ant-typography-copy { margin-right: 4px; margin-left: 0; } .ant-typography-rtl .ant-typography-expand { float: left; } div.ant-typography-edit-content.ant-typography-rtl { right: -12px; left: auto; } .ant-typography-rtl .ant-typography-edit-content-confirm { right: auto; left: 10px; } .ant-typography-rtl.ant-typography ul li, .ant-typography-rtl.ant-typography ol li { margin: 0 20px 0 0; padding: 0 4px 0 0; } .producer-page-wrapper.hide-sidebar .ant-layout-sider { display: none !important; } .producer-page-wrapper.hide-sidebar .ant-layout { margin-left: 0 !important; } .modern-tabs-container { margin-bottom: 40px; } .modern-tabs-container .modern-tabs-header { display: flex; gap: 32px; border-bottom: 2px solid var(--border-color); padding: 0 10px; margin-bottom: 32px; overflow-x: auto; -ms-overflow-style: none; scrollbar-width: none; } .modern-tabs-container .modern-tabs-header::-webkit-scrollbar { display: none; } .modern-tabs-container .modern-tabs-header .modern-tab { position: relative; padding: 16px 8px; font-size: 16px; font-weight: 600; color: var(--text-secondary-color); cursor: pointer; transition: all 0.3s ease; white-space: nowrap; border: none; background: transparent; } .modern-tabs-container .modern-tabs-header .modern-tab:hover { color: var(--text-color); } .modern-tabs-container .modern-tabs-header .modern-tab.active { color: var(--primary-color); } .modern-tabs-container .modern-tabs-header .modern-tab.active::after { content: ''; position: absolute; bottom: -2px; left: 0; right: 0; height: 2px; background: var(--primary-color); animation: slideIn 0.3s ease; } @keyframes slideIn { from { transform: scaleX(0); } to { transform: scaleX(1); } } .events-wrap { max-width: 1400px; margin: 0 auto; padding: 0 24px 40px; } .events-wrap .content-bread-crumb { padding-top: 20px; margin-bottom: 8px; } .events-wrap .content-tabs .row-title-edit { margin-bottom: 24px; } .events-wrap .content-tabs .row-title-edit h1 { font-size: 32px; font-weight: 700; color: var(--text-color); letter-spacing: -0.5px; } .events-wrap .content-tabs .box-pending, .events-wrap .content-tabs .box-rejected, .events-wrap .content-tabs .box-validate { padding: 6px 14px; border-radius: 20px; font-size: 13px; font-weight: 700; text-transform: uppercase; display: inline-block; margin-bottom: 16px; } .events-wrap .content-tabs .box-pending { background: rgba(255, 193, 7, 0.1); color: #FFC107; } html[data-theme="dark"] .events-wrap .content-tabs .box-pending { background: rgba(255, 193, 7, 0.15); color: #FFD54F; } .events-wrap .content-tabs .box-rejected { background: rgba(244, 67, 54, 0.1); color: #F44336; } html[data-theme="dark"] .events-wrap .content-tabs .box-rejected { background: rgba(244, 67, 54, 0.2); color: #EF5350; } .events-wrap .content-tabs .box-validate { background: rgba(76, 175, 80, 0.1); color: #4CAF50; } html[data-theme="dark"] .events-wrap .content-tabs .box-validate { background: rgba(76, 175, 80, 0.2); color: #66BB6A; } [data-theme="dark"] { --wc-text-main: #ffffff; --wc-text-sec: rgba(255, 255, 255, 0.6); --wc-border: rgba(255, 255, 255, 0.1); --wc-surface: rgba(255, 255, 255, 0.05); } [data-theme="dark"] .modern-tabs-container .modern-tabs-header { border-bottom-color: rgba(255, 255, 255, 0.1); } .page-container-premium.events-full-width { max-width: 100% !important; padding-left: 0 !important; padding-right: 0 !important; } .page-container-premium.events-full-width .content-container-premium { padding: 0 !important; max-width: 100% !important; } @keyframes shimmer { 0% { background-position: -200% 0; } 100% { background-position: 200% 0; } } html[data-theme="dark"] .events-premium-page .current-event-wrapper .ant-col .event-card-premium, html[data-theme="dark"] .events-premium-page .current-event-wrapper .ant-col a .event-card-premium, html[data-theme="dark"] .events-premium-page .past-event-wrapper .ant-col .event-card-premium, html[data-theme="dark"] .events-premium-page .past-event-wrapper .ant-col a .event-card-premium, html[data-theme="dark"] .my-event-page-full-width .current-event-wrapper .ant-col .event-card-premium, html[data-theme="dark"] .my-event-page-full-width .current-event-wrapper .ant-col a .event-card-premium, html[data-theme="dark"] .my-event-page-full-width .past-event-wrapper .ant-col .event-card-premium, html[data-theme="dark"] .my-event-page-full-width .past-event-wrapper .ant-col a .event-card-premium { max-width: 320px; margin: 0 auto; } html[data-theme="dark"] .events-premium-page .current-event-wrapper .ant-card.theme-surface, html[data-theme="dark"] .events-premium-page .past-event-wrapper .ant-card.theme-surface, html[data-theme="dark"] .events-premium-page .events-users-wrapper .ant-card.theme-surface, html[data-theme="dark"] .events-premium-page .blacklist-wrapper .ant-card.theme-surface, html[data-theme="dark"] .events-premium-page .followers-wrapper .ant-card.theme-surface, html[data-theme="dark"] .my-event-page-full-width .current-event-wrapper .ant-card.theme-surface, html[data-theme="dark"] .my-event-page-full-width .past-event-wrapper .ant-card.theme-surface, html[data-theme="dark"] .my-event-page-full-width .events-users-wrapper .ant-card.theme-surface, html[data-theme="dark"] .my-event-page-full-width .blacklist-wrapper .ant-card.theme-surface, html[data-theme="dark"] .my-event-page-full-width .followers-wrapper .ant-card.theme-surface { background: rgba(255, 255, 255, 0.03) !important; border: 1px solid rgba(255, 255, 255, 0.08) !important; border-radius: 12px !important; } html[data-theme="dark"] .events-premium-page .current-event-wrapper .ant-card.theme-surface .ant-card-body, html[data-theme="dark"] .events-premium-page .past-event-wrapper .ant-card.theme-surface .ant-card-body, html[data-theme="dark"] .events-premium-page .events-users-wrapper .ant-card.theme-surface .ant-card-body, html[data-theme="dark"] .events-premium-page .blacklist-wrapper .ant-card.theme-surface .ant-card-body, html[data-theme="dark"] .events-premium-page .followers-wrapper .ant-card.theme-surface .ant-card-body, html[data-theme="dark"] .my-event-page-full-width .current-event-wrapper .ant-card.theme-surface .ant-card-body, html[data-theme="dark"] .my-event-page-full-width .past-event-wrapper .ant-card.theme-surface .ant-card-body, html[data-theme="dark"] .my-event-page-full-width .events-users-wrapper .ant-card.theme-surface .ant-card-body, html[data-theme="dark"] .my-event-page-full-width .blacklist-wrapper .ant-card.theme-surface .ant-card-body, html[data-theme="dark"] .my-event-page-full-width .followers-wrapper .ant-card.theme-surface .ant-card-body { background-color: transparent !important; color: #fff !important; } html[data-theme="dark"] .events-premium-page .current-event-wrapper .ant-card.theme-surface .ant-card-head, html[data-theme="dark"] .events-premium-page .past-event-wrapper .ant-card.theme-surface .ant-card-head, html[data-theme="dark"] .events-premium-page .events-users-wrapper .ant-card.theme-surface .ant-card-head, html[data-theme="dark"] .events-premium-page .blacklist-wrapper .ant-card.theme-surface .ant-card-head, html[data-theme="dark"] .events-premium-page .followers-wrapper .ant-card.theme-surface .ant-card-head, html[data-theme="dark"] .my-event-page-full-width .current-event-wrapper .ant-card.theme-surface .ant-card-head, html[data-theme="dark"] .my-event-page-full-width .past-event-wrapper .ant-card.theme-surface .ant-card-head, html[data-theme="dark"] .my-event-page-full-width .events-users-wrapper .ant-card.theme-surface .ant-card-head, html[data-theme="dark"] .my-event-page-full-width .blacklist-wrapper .ant-card.theme-surface .ant-card-head, html[data-theme="dark"] .my-event-page-full-width .followers-wrapper .ant-card.theme-surface .ant-card-head { background: transparent !important; border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important; color: #fff !important; } html[data-theme="dark"] .events-premium-page .current-event-wrapper .ant-card.theme-surface .ant-card-head .ant-card-head-title, html[data-theme="dark"] .events-premium-page .past-event-wrapper .ant-card.theme-surface .ant-card-head .ant-card-head-title, html[data-theme="dark"] .events-premium-page .events-users-wrapper .ant-card.theme-surface .ant-card-head .ant-card-head-title, html[data-theme="dark"] .events-premium-page .blacklist-wrapper .ant-card.theme-surface .ant-card-head .ant-card-head-title, html[data-theme="dark"] .events-premium-page .followers-wrapper .ant-card.theme-surface .ant-card-head .ant-card-head-title, html[data-theme="dark"] .my-event-page-full-width .current-event-wrapper .ant-card.theme-surface .ant-card-head .ant-card-head-title, html[data-theme="dark"] .my-event-page-full-width .past-event-wrapper .ant-card.theme-surface .ant-card-head .ant-card-head-title, html[data-theme="dark"] .my-event-page-full-width .events-users-wrapper .ant-card.theme-surface .ant-card-head .ant-card-head-title, html[data-theme="dark"] .my-event-page-full-width .blacklist-wrapper .ant-card.theme-surface .ant-card-head .ant-card-head-title, html[data-theme="dark"] .my-event-page-full-width .followers-wrapper .ant-card.theme-surface .ant-card-head .ant-card-head-title { color: #fff !important; } html[data-theme="dark"] .events-premium-page .current-event-wrapper .ant-table, html[data-theme="dark"] .events-premium-page .past-event-wrapper .ant-table, html[data-theme="dark"] .events-premium-page .events-users-wrapper .ant-table, html[data-theme="dark"] .events-premium-page .blacklist-wrapper .ant-table, html[data-theme="dark"] .events-premium-page .followers-wrapper .ant-table, html[data-theme="dark"] .my-event-page-full-width .current-event-wrapper .ant-table, html[data-theme="dark"] .my-event-page-full-width .past-event-wrapper .ant-table, html[data-theme="dark"] .my-event-page-full-width .events-users-wrapper .ant-table, html[data-theme="dark"] .my-event-page-full-width .blacklist-wrapper .ant-table, html[data-theme="dark"] .my-event-page-full-width .followers-wrapper .ant-table { background: transparent !important; } html[data-theme="dark"] .events-premium-page .current-event-wrapper .ant-table .ant-table-thead > tr > th, html[data-theme="dark"] .events-premium-page .past-event-wrapper .ant-table .ant-table-thead > tr > th, html[data-theme="dark"] .events-premium-page .events-users-wrapper .ant-table .ant-table-thead > tr > th, html[data-theme="dark"] .events-premium-page .blacklist-wrapper .ant-table .ant-table-thead > tr > th, html[data-theme="dark"] .events-premium-page .followers-wrapper .ant-table .ant-table-thead > tr > th, html[data-theme="dark"] .my-event-page-full-width .current-event-wrapper .ant-table .ant-table-thead > tr > th, html[data-theme="dark"] .my-event-page-full-width .past-event-wrapper .ant-table .ant-table-thead > tr > th, html[data-theme="dark"] .my-event-page-full-width .events-users-wrapper .ant-table .ant-table-thead > tr > th, html[data-theme="dark"] .my-event-page-full-width .blacklist-wrapper .ant-table .ant-table-thead > tr > th, html[data-theme="dark"] .my-event-page-full-width .followers-wrapper .ant-table .ant-table-thead > tr > th { background: rgba(255, 255, 255, 0.04) !important; color: rgba(255, 255, 255, 0.7) !important; border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important; font-weight: 600; } html[data-theme="dark"] .events-premium-page .current-event-wrapper .ant-table .ant-table-tbody > tr > td, html[data-theme="dark"] .events-premium-page .past-event-wrapper .ant-table .ant-table-tbody > tr > td, html[data-theme="dark"] .events-premium-page .events-users-wrapper .ant-table .ant-table-tbody > tr > td, html[data-theme="dark"] .events-premium-page .blacklist-wrapper .ant-table .ant-table-tbody > tr > td, html[data-theme="dark"] .events-premium-page .followers-wrapper .ant-table .ant-table-tbody > tr > td, html[data-theme="dark"] .my-event-page-full-width .current-event-wrapper .ant-table .ant-table-tbody > tr > td, html[data-theme="dark"] .my-event-page-full-width .past-event-wrapper .ant-table .ant-table-tbody > tr > td, html[data-theme="dark"] .my-event-page-full-width .events-users-wrapper .ant-table .ant-table-tbody > tr > td, html[data-theme="dark"] .my-event-page-full-width .blacklist-wrapper .ant-table .ant-table-tbody > tr > td, html[data-theme="dark"] .my-event-page-full-width .followers-wrapper .ant-table .ant-table-tbody > tr > td { background: transparent !important; color: #fff !important; border-bottom: 1px solid rgba(255, 255, 255, 0.04) !important; } html[data-theme="dark"] .events-premium-page .current-event-wrapper .ant-table .ant-table-tbody > tr:hover > td, html[data-theme="dark"] .events-premium-page .past-event-wrapper .ant-table .ant-table-tbody > tr:hover > td, html[data-theme="dark"] .events-premium-page .events-users-wrapper .ant-table .ant-table-tbody > tr:hover > td, html[data-theme="dark"] .events-premium-page .blacklist-wrapper .ant-table .ant-table-tbody > tr:hover > td, html[data-theme="dark"] .events-premium-page .followers-wrapper .ant-table .ant-table-tbody > tr:hover > td, html[data-theme="dark"] .my-event-page-full-width .current-event-wrapper .ant-table .ant-table-tbody > tr:hover > td, html[data-theme="dark"] .my-event-page-full-width .past-event-wrapper .ant-table .ant-table-tbody > tr:hover > td, html[data-theme="dark"] .my-event-page-full-width .events-users-wrapper .ant-table .ant-table-tbody > tr:hover > td, html[data-theme="dark"] .my-event-page-full-width .blacklist-wrapper .ant-table .ant-table-tbody > tr:hover > td, html[data-theme="dark"] .my-event-page-full-width .followers-wrapper .ant-table .ant-table-tbody > tr:hover > td { background: rgba(255, 255, 255, 0.04) !important; } html[data-theme="dark"] .events-premium-page .current-event-wrapper .ant-empty-description, html[data-theme="dark"] .events-premium-page .past-event-wrapper .ant-empty-description, html[data-theme="dark"] .events-premium-page .events-users-wrapper .ant-empty-description, html[data-theme="dark"] .events-premium-page .blacklist-wrapper .ant-empty-description, html[data-theme="dark"] .events-premium-page .followers-wrapper .ant-empty-description, html[data-theme="dark"] .my-event-page-full-width .current-event-wrapper .ant-empty-description, html[data-theme="dark"] .my-event-page-full-width .past-event-wrapper .ant-empty-description, html[data-theme="dark"] .my-event-page-full-width .events-users-wrapper .ant-empty-description, html[data-theme="dark"] .my-event-page-full-width .blacklist-wrapper .ant-empty-description, html[data-theme="dark"] .my-event-page-full-width .followers-wrapper .ant-empty-description { color: rgba(255, 255, 255, 0.5) !important; } html[data-theme="dark"] .events-premium-page .ant-pagination .ant-pagination-item, html[data-theme="dark"] .my-event-page-full-width .ant-pagination .ant-pagination-item { background: rgba(255, 255, 255, 0.04) !important; border-color: rgba(255, 255, 255, 0.1) !important; } html[data-theme="dark"] .events-premium-page .ant-pagination .ant-pagination-item a, html[data-theme="dark"] .my-event-page-full-width .ant-pagination .ant-pagination-item a { color: rgba(255, 255, 255, 0.7) !important; } html[data-theme="dark"] .events-premium-page .ant-pagination .ant-pagination-item.ant-pagination-item-active, html[data-theme="dark"] .my-event-page-full-width .ant-pagination .ant-pagination-item.ant-pagination-item-active { background: #FF6600 !important; border-color: #FF6600 !important; } html[data-theme="dark"] .events-premium-page .ant-pagination .ant-pagination-item.ant-pagination-item-active a, html[data-theme="dark"] .my-event-page-full-width .ant-pagination .ant-pagination-item.ant-pagination-item-active a { color: #fff !important; } html[data-theme="dark"] .events-premium-page .ant-pagination .ant-pagination-prev .ant-pagination-item-link, html[data-theme="dark"] .events-premium-page .ant-pagination .ant-pagination-next .ant-pagination-item-link, html[data-theme="dark"] .my-event-page-full-width .ant-pagination .ant-pagination-prev .ant-pagination-item-link, html[data-theme="dark"] .my-event-page-full-width .ant-pagination .ant-pagination-next .ant-pagination-item-link { background: rgba(255, 255, 255, 0.04) !important; border-color: rgba(255, 255, 255, 0.1) !important; color: rgba(255, 255, 255, 0.7) !important; } .event-layout-container { min-height: calc(100vh - 64px); background: transparent; } .events-premium-page .event-sidebar-premium .event-sidebar-menu.ant-menu { background: transparent !important; border-right: none !important; } .events-premium-page .event-sidebar-premium .event-sidebar-menu.ant-menu .ant-menu-item { margin-bottom: 2px !important; border-radius: 8px !important; height: 44px !important; line-height: 44px !important; color: var(--text-secondary-color) !important; font-size: 14px !important; font-weight: 500 !important; padding: 0 14px !important; display: flex !important; align-items: center !important; transition: all 0.2s ease !important; background: transparent !important; border: none !important; } .events-premium-page .event-sidebar-premium .event-sidebar-menu.ant-menu .ant-menu-item .anticon { font-size: 17px !important; margin-right: 12px !important; transition: all 0.2s ease !important; opacity: 0.5; } .events-premium-page .event-sidebar-premium .event-sidebar-menu.ant-menu .ant-menu-item:hover { color: var(--text-color) !important; background: var(--surface-hover-color) !important; } .events-premium-page .event-sidebar-premium .event-sidebar-menu.ant-menu .ant-menu-item:hover .anticon { opacity: 0.9; } .events-premium-page .event-sidebar-premium .event-sidebar-menu.ant-menu .ant-menu-item.ant-menu-item-selected { background: rgba(255, 102, 0, 0.12) !important; color: #FF6600 !important; font-weight: 600 !important; border: none !important; } .events-premium-page .event-sidebar-premium .event-sidebar-menu.ant-menu .ant-menu-item.ant-menu-item-selected .anticon { color: #FF6600 !important; opacity: 1; } .events-premium-page .event-sidebar-premium .event-sidebar-menu.ant-menu .ant-menu-item.ant-menu-item-selected::after { display: none !important; } .events-premium-page { padding: 0; } .event-header-wc { background: transparent !important; padding: 12px 0 24px 0 !important; margin-bottom: 20px !important; border: none !important; border-bottom: 1px solid var(--wc-border) !important; border-radius: 0 !important; } html[data-theme="dark"] .event-header-wc { border-bottom: 1px solid rgba(255, 255, 255, 0.12) !important; } .event-header-wc .event-header-title-row { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; margin-bottom: 16px; } .event-header-wc .event-header-title-row .event-menu-toggle { width: 40px; height: 40px; border-radius: 12px; background: var(--wc-surface-hover); border: 1px solid var(--wc-border); color: var(--wc-text-main); display: flex; align-items: center; justify-content: center; cursor: pointer; padding: 0; outline: none; box-shadow: none; transition: all 0.25s ease; } html[data-theme="dark"] .event-header-wc .event-header-title-row .event-menu-toggle { background: rgba(255, 255, 255, 0.04); border-color: rgba(255, 255, 255, 0.12); color: #fff; } .event-header-wc .event-header-title-row .event-menu-toggle:hover { background: var(--wc-surface-hover); opacity: 0.8; } html[data-theme="dark"] .event-header-wc .event-header-title-row .event-menu-toggle:hover { background: rgba(255, 255, 255, 0.08); border-color: rgba(255, 255, 255, 0.2); opacity: 1; } .event-header-wc .event-header-title-row .event-menu-toggle .anticon { font-size: 20px; } .event-header-wc .event-header-title-row h1 { margin: 0; font-size: 32px; font-weight: 700; color: var(--wc-text-main); flex: 1; min-width: 200px; letter-spacing: -0.5px; line-height: 1.2; } html[data-theme="dark"] .event-header-wc .event-header-title-row h1 { color: #fff; } .event-header-wc .event-header-actions { display: flex; gap: 12px; flex-wrap: wrap; margin-left: auto; } .event-header-wc .event-header-meta { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; width: 100%; margin-bottom: 4px; } .events-premium-page .btn-preview { height: 40px !important; padding: 0 20px !important; border-radius: 10px !important; font-size: 14px !important; font-weight: 600 !important; border: 1px solid var(--wc-border) !important; background: var(--wc-surface-hover) !important; color: var(--wc-text-main) !important; display: inline-flex !important; align-items: center !important; gap: 8px !important; transition: all 0.2s ease !important; } html[data-theme="dark"] .events-premium-page .btn-preview { background: rgba(255, 255, 255, 0.06) !important; border-color: rgba(255, 255, 255, 0.15) !important; color: #fff !important; } .events-premium-page .btn-preview:hover { background: var(--wc-surface-hover) !important; opacity: 0.8; } html[data-theme="dark"] .events-premium-page .btn-preview:hover { background: rgba(255, 255, 255, 0.12) !important; border-color: rgba(255, 255, 255, 0.25) !important; color: #fff !important; opacity: 1; } .events-premium-page .btn-modo-cocina { height: 40px !important; padding: 0 24px !important; border-radius: 10px !important; font-size: 14px !important; font-weight: 600 !important; background: #fff !important; border: none !important; color: #000 !important; display: inline-flex !important; align-items: center !important; gap: 8px !important; transition: all 0.2s ease !important; } .events-premium-page .btn-modo-cocina:hover { background: rgba(255, 255, 255, 0.9) !important; transform: translateY(-1px); box-shadow: 0 4px 12px rgba(255, 255, 255, 0.15) !important; } .event-main-card { background: rgba(255, 255, 255, 0.03); border: 1px solid rgba(255, 255, 255, 0.08); border-radius: 16px; padding: 24px; box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4); margin-bottom: 24px; backdrop-filter: blur(10px); } @media (max-width: 640px) { .event-main-card { padding: 16px; } } .event-main-card h2, .event-main-card .section-title { font-size: 20px; font-weight: 600; color: var(--wc-text-main); margin-bottom: 20px; } html[data-theme="dark"] .event-main-card h2, html[data-theme="dark"] .event-main-card .section-title { color: #fff; } .events-premium-page .box-pending, .events-premium-page .box-rejected, .events-premium-page .box-validate { padding: 6px 14px; border-radius: 20px; font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; display: inline-flex; align-items: center; line-height: 1; white-space: nowrap; width: auto; min-width: fit-content; } .stat-card-wc { background: var(--wc-surface) !important; border: 1px solid var(--wc-border) !important; border-radius: 14px !important; box-shadow: var(--wc-shadow) !important; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 20px !important; transition: all 0.3s ease; } .stat-card-wc:hover { transform: translateY(-4px); box-shadow: var(--wc-shadow-sm) !important; } .stat-card-wc .ant-card-body { padding: 0 !important; width: 100%; } .stat-card-wc .ant-statistic-title, .stat-card-wc .ant-card-description { color: var(--wc-text-sec) !important; font-weight: 600 !important; font-size: 13px !important; margin-bottom: 8px !important; text-align: center; } .stat-card-wc .ant-statistic-content, .stat-card-wc .ant-card-title { color: var(--wc-text-main) !important; font-size: 20px !important; font-weight: 700 !important; margin: 0 !important; text-align: center; } .stat-card-wc .ant-statistic-content .ant-statistic-content-value, .stat-card-wc .ant-card-title .ant-statistic-content-value { color: var(--wc-text-main) !important; } .stat-card-wc .ant-statistic-content .ant-statistic-content-prefix, .stat-card-wc .ant-card-title .ant-statistic-content-prefix { color: var(--wc-text-sec) !important; } html[data-theme="dark"] .stat-card-wc { background: var(--wc-surface) !important; border: 1px solid rgba(255, 255, 255, 0.08) !important; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2) !important; } .producer-edit-page .ant-upload { color: #fff !important; } .producer-edit-page .event-header-wc { margin-bottom: 12px; } .producer-edit-page .producer-card-wc { border: 1px solid rgba(255, 255, 255, 0.1) !important; box-shadow: 0 12px 40px rgba(0, 0, 0, 0.4); } .producer-edit-page .producer-form-wc .ant-form-item { margin-bottom: 16px; } .producer-edit-page .producer-form-wc .ant-form-item-label > label { color: var(--wc-text-main) !important; font-weight: 600 !important; } html[data-theme="dark"] .producer-edit-page .producer-form-wc .ant-form-item-label > label { color: rgba(255, 255, 255, 0.8) !important; } .producer-edit-page .producer-form-wc .ant-input, .producer-edit-page .producer-form-wc .ant-input-affix-wrapper, .producer-edit-page .producer-form-wc .ant-input-number, .producer-edit-page .producer-form-wc .ant-input-number-input, .producer-edit-page .producer-form-wc .ant-select-selector, .producer-edit-page .producer-form-wc .ant-input-textarea { background: var(--wc-surface) !important; border: 1px solid var(--wc-border) !important; color: var(--wc-text-main) !important; border-radius: 10px !important; min-height: 44px; } html[data-theme="dark"] .producer-edit-page .producer-form-wc .ant-input, html[data-theme="dark"] .producer-edit-page .producer-form-wc .ant-input-affix-wrapper, html[data-theme="dark"] .producer-edit-page .producer-form-wc .ant-input-number, html[data-theme="dark"] .producer-edit-page .producer-form-wc .ant-input-number-input, html[data-theme="dark"] .producer-edit-page .producer-form-wc .ant-select-selector, html[data-theme="dark"] .producer-edit-page .producer-form-wc .ant-input-textarea { background: rgba(255, 255, 255, 0.05) !important; border-color: rgba(255, 255, 255, 0.1) !important; color: #fff !important; } .producer-edit-page .producer-form-wc .ant-input::placeholder, .producer-edit-page .producer-form-wc .ant-input-textarea::placeholder { color: var(--wc-text-sec) !important; } .producer-edit-page .producer-form-wc .ant-input-group-addon { background: var(--wc-surface-hover) !important; border: 1px solid var(--wc-border) !important; color: var(--wc-text-sec) !important; border-radius: 10px 0 0 10px !important; } .producer-edit-page .producer-form-wc .ant-upload.ant-upload-select-picture-card { background: rgba(255, 255, 255, 0.04) !important; border: 1px dashed rgba(255, 255, 255, 0.12) !important; border-radius: 12px !important; color: #fff !important; font-weight: 700; letter-spacing: -0.2px; } .producer-edit-page .producer-form-wc .producer-actions-wc { display: flex; justify-content: flex-end; gap: 12px; margin-top: 12px; } .producer-edit-page .producer-form-wc .producer-actions-wc .ant-btn { height: 42px; border-radius: 10px; font-weight: 600; } .producer-edit-page .producer-grid-2 .ant-row { width: 100%; } .producer-edit-page .producer-upload-row .ant-upload-list-picture-card-container, .producer-edit-page .producer-upload-row .ant-upload.ant-upload-select-picture-card { width: 160px; height: 160px; color: #fff !important; font-weight: 700; letter-spacing: -0.2px; } .producer-edit-page .producer-upload-row .ant-upload-list-picture-card .ant-upload-list-item { border-radius: 12px !important; overflow: hidden; background: rgba(255, 255, 255, 0.04) !important; border: 1px solid rgba(255, 255, 255, 0.08) !important; } .producer-edit-page .box-pending { background: rgba(250, 173, 20, 0.15); color: #faad14; border: 1px solid rgba(250, 173, 20, 0.3); } .producer-edit-page .box-rejected { background: rgba(239, 68, 68, 0.15); color: #ef4444; border: 1px solid rgba(239, 68, 68, 0.3); } .producer-edit-page .box-validate { background: rgba(16, 185, 129, 0.15); color: #10b981; border: 1px solid rgba(16, 185, 129, 0.3); } .branch-offices-page .content-bread-crumb { margin-bottom: 8px; } .branch-offices-page .event-header-wc { margin-bottom: 16px; } .branch-offices-page .company-meta { color: var(--wc-text-sec); font-weight: 600; letter-spacing: -0.2px; } html[data-theme="dark"] .branch-offices-page .company-meta { color: rgba(255, 255, 255, 0.6); } .branch-offices-page .branch-actions-wc { display: flex; gap: 10px; align-items: center; } .branch-offices-page .branch-tabs-wc .ant-tabs-nav { margin: 0 0 16px 0 !important; } .branch-offices-page .branch-tabs-wc .ant-tabs-tab { color: var(--wc-text-sec); font-weight: 600; } html[data-theme="dark"] .branch-offices-page .branch-tabs-wc .ant-tabs-tab { color: rgba(255, 255, 255, 0.65); } .branch-offices-page .branch-tabs-wc .ant-tabs-tab-active .ant-tabs-tab-btn { color: var(--wc-text-main) !important; } html[data-theme="dark"] .branch-offices-page .branch-tabs-wc .ant-tabs-tab-active .ant-tabs-tab-btn { color: #fff !important; } .branch-offices-page .branch-tabs-wc .ant-tabs-ink-bar { background: #ff6600 !important; } .branch-offices-page .branch-section-card { padding: 16px; } .branch-offices-page .branch-empty-wc { text-align: center; color: var(--wc-text-sec); display: flex; flex-direction: column; align-items: center; gap: 12px; } html[data-theme="dark"] .branch-offices-page .branch-empty-wc { color: rgba(255, 255, 255, 0.6); } .branch-offices-page .branch-empty-wc .anticon { font-size: 28px; color: var(--wc-border); } html[data-theme="dark"] .branch-offices-page .branch-empty-wc .anticon { color: rgba(255, 255, 255, 0.4); } .branch-offices-page .branch-card-wc { background: var(--wc-surface) !important; border: 1px solid var(--wc-border) !important; border-radius: 14px !important; color: var(--wc-text-main); min-height: 190px; display: flex; flex-direction: column; justify-content: space-between; transition: transform 0.15s ease, box-shadow 0.2s ease, border-color 0.2s ease; } html[data-theme="dark"] .branch-offices-page .branch-card-wc { background: rgba(255, 255, 255, 0.03) !important; border-color: rgba(255, 255, 255, 0.08) !important; color: #fff; } .branch-offices-page .branch-card-wc:hover { transform: translateY(-2px); border-color: var(--primary-orange) !important; box-shadow: var(--wc-shadow); } html[data-theme="dark"] .branch-offices-page .branch-card-wc:hover { border-color: rgba(255, 255, 255, 0.15) !important; box-shadow: 0 16px 40px rgba(0, 0, 0, 0.35); } .branch-offices-page .branch-card-wc .branch-title { font-size: 17px; font-weight: 700; margin-bottom: 6px; } .branch-offices-page .branch-card-wc .branch-subtitle { font-size: 13px; color: var(--wc-text-sec); margin-bottom: 4px; } html[data-theme="dark"] .branch-offices-page .branch-card-wc .branch-subtitle { color: rgba(255, 255, 255, 0.7); } .branch-offices-page .branch-card-wc .branch-city { font-size: 12px; color: var(--wc-text-sec); opacity: 0.8; } html[data-theme="dark"] .branch-offices-page .branch-card-wc .branch-city { color: rgba(255, 255, 255, 0.55); } .branch-offices-page .branch-card-wc .branch-card-footer { margin-top: 12px; display: flex; align-items: center; justify-content: space-between; gap: 12px; } .branch-offices-page .branch-card-wc .branch-status { display: flex; gap: 6px; align-items: center; } .branch-offices-page .branch-card-wc .btn-action-wc { height: 36px !important; } .branch-offices-page .branch-card-empty-wc { text-align: center; align-items: center; justify-content: center; gap: 10px; } .branch-offices-page .branch-pagination { margin-top: 12px; } .branch-offices-page .branch-pagination .ant-btn-link { color: rgba(255, 255, 255, 0.8); } .branch-offices-page .branch-pagination .ant-btn-link:hover { color: #ff6600; } .sales-page { max-width: 1400px; margin: 0 auto; padding: 0 24px 24px; } .sales-page .content-bread-crumb { padding-top: 24px; margin-bottom: 8px; } .sales-page .content-bread-crumb .custom-breadcrumb { margin-bottom: 0 !important; font-size: 13px; } .sales-page .content-bread-crumb .custom-breadcrumb .ant-breadcrumb-link, .sales-page .content-bread-crumb .custom-breadcrumb .ant-breadcrumb-separator, .sales-page .content-bread-crumb .custom-breadcrumb a { color: var(--wc-text-sec) !important; transition: color 0.2s ease; } .sales-page .content-bread-crumb .custom-breadcrumb span:last-child .ant-breadcrumb-link { color: var(--wc-text-main) !important; font-weight: 600; } html[data-theme="dark"] .sales-page .content-bread-crumb .custom-breadcrumb .ant-breadcrumb-link, html[data-theme="dark"] .sales-page .content-bread-crumb .custom-breadcrumb .ant-breadcrumb-separator, html[data-theme="dark"] .sales-page .content-bread-crumb .custom-breadcrumb a, html[data-theme="dark"] .sales-page .content-bread-crumb .custom-breadcrumb span { color: rgba(255, 255, 255, 0.7) !important; } .sales-page .content-bread-crumb .custom-breadcrumb .cursor-pointer:hover { color: var(--wc-text-main) !important; } .sales-page .content-bread-crumb .custom-breadcrumb .cursor-pointer:hover .ant-breadcrumb-link { color: var(--wc-text-main) !important; } html[data-theme="dark"] .sales-page .content-bread-crumb .custom-breadcrumb .cursor-pointer:hover { color: #fff !important; } html[data-theme="dark"] .sales-page .content-bread-crumb .custom-breadcrumb .cursor-pointer:hover .ant-breadcrumb-link { color: #fff !important; } .sales-page .event-main-card { background: var(--wc-surface); border: 1px solid var(--wc-border); border-radius: 16px; padding: 16px; box-shadow: var(--wc-shadow); } html[data-theme="dark"] .sales-page .event-main-card { background: var(--wc-surface); border: 1px solid rgba(255, 255, 255, 0.08); box-shadow: 0 18px 48px rgba(0, 0, 0, 0.45); } .sales-page .sales-section-wc { animation: fadeInUp 0.6s ease-out 0.1s both; } .sales-page .sales-section-wc .filters-wc { margin-bottom: 12px; } .sales-page .sales-section-wc .filters-wc .btn-action-wc { height: 38px; border-radius: 10px; } .sales-page .sales-section-wc .filters-wc .filters-right .ant-select-selector { background: var(--wc-surface) !important; border-color: var(--wc-border) !important; color: var(--wc-text-main) !important; border-radius: 10px !important; } html[data-theme="dark"] .sales-page .sales-section-wc .filters-wc .filters-right .ant-select-selector { background: var(--wc-surface) !important; border-color: rgba(255, 255, 255, 0.1) !important; color: #fff !important; } .sales-page .sales-section-wc .sales-stats-grid { margin-top: 4px; } .sales-page .sales-section-wc .table-container-wc { margin-top: 16px; } .sales-page .branch-tabs-wc .ant-tabs-nav { margin: 0 0 12px 0 !important; } .sales-page .branch-tabs-wc .ant-tabs-tab { color: var(--wc-text-sec); font-weight: 600; } .sales-page .branch-tabs-wc .ant-tabs-tab-active .ant-tabs-tab-btn { color: var(--wc-text-main) !important; } .sales-page .branch-tabs-wc .ant-tabs-ink-bar { background: #ff6600 !important; } .sales-page .sales-table-wc { background: transparent !important; color: var(--wc-text-main) !important; } .sales-page .sales-table-wc .ant-table-thead > tr > th { background: var(--wc-surface-hover) !important; color: var(--wc-text-main) !important; border-bottom: 1px solid var(--wc-border); } html[data-theme="dark"] .sales-page .sales-table-wc .ant-table-thead > tr > th { background: rgba(255, 255, 255, 0.04) !important; border-bottom: 1px solid rgba(255, 255, 255, 0.08); } .sales-page .sales-table-wc .ant-table-tbody > tr > td { background: transparent !important; color: var(--wc-text-main) !important; border-bottom: 1px solid var(--wc-border); } html[data-theme="dark"] .sales-page .sales-table-wc .ant-table-tbody > tr > td { border-bottom: 1px solid rgba(255, 255, 255, 0.05); } .sales-page .sales-table-wc .ant-table-tbody > tr:hover > td { background: var(--wc-surface-hover) !important; } .sales-page .sales-table-wc .ant-pagination-item a { color: var(--wc-text-sec); } .sales-page .sales-table-wc .ant-pagination-item-active { border-color: #ff6600 !important; } .sales-page .sales-table-wc .ant-pagination-item-active a { color: #ff6600 !important; } .sales-page .sales-content { padding: 0 12px 20px; } .sales-page .event-header-wc { margin-bottom: 12px; } .sales-page .company-meta { color: var(--wc-text-sec); font-weight: 600; letter-spacing: -0.2px; } .sales-page .branch-actions-wc { display: flex; gap: 10px; align-items: center; } .table-summary-box { padding: 16px; border-radius: 12px; margin-bottom: 16px; border: 1px solid var(--wc-border); } .table-summary-box.theme-surface { background: var(--wc-surface); } .summary-value { display: block; font-size: 18px; font-weight: bold; } .summary-value.theme-primary { color: #1890ff; } .summary-value.theme-success { color: #52c41a; } .summary-value.theme-error { color: #ff4d4f; } .order-list-item { padding: 16px !important; border-radius: 12px !important; margin-bottom: 12px !important; border: 1px solid var(--wc-border) !important; box-shadow: var(--wc-shadow); background: var(--wc-surface) !important; } html[data-theme="dark"] .order-list-item { background: var(--wc-surface) !important; border-color: rgba(255, 255, 255, 0.08) !important; } .datetimepicker { background: var(--wc-surface) !important; border: 1px solid var(--wc-border) !important; border-radius: 8px !important; padding: 4px 8px; } .datetimepicker input { color: var(--wc-text-main) !important; background: transparent !important; } .datetimepicker input::-webkit-calendar-picker-indicator { filter: var(--wc-filter-icon); cursor: pointer; } .custom-modal-table .ant-modal-content, .modal-waiting-order .ant-modal-content { background: var(--wc-surface) !important; backdrop-filter: blur(20px) !important; border: 1px solid var(--wc-border) !important; border-radius: 18px !important; box-shadow: var(--wc-shadow) !important; } html[data-theme="dark"] .custom-modal-table .ant-modal-content, html[data-theme="dark"] .modal-waiting-order .ant-modal-content { background: rgba(20, 20, 20, 0.92) !important; border-color: rgba(255, 255, 255, 0.08) !important; box-shadow: 0 24px 60px rgba(0, 0, 0, 0.55) !important; } .custom-modal-table .ant-modal-header, .modal-waiting-order .ant-modal-header { background: transparent !important; border-bottom: 1px solid var(--wc-border) !important; border-radius: 18px 18px 0 0 !important; padding: 14px 20px !important; } html[data-theme="dark"] .custom-modal-table .ant-modal-header, html[data-theme="dark"] .modal-waiting-order .ant-modal-header { border-bottom-color: rgba(255, 255, 255, 0.08) !important; } .custom-modal-table .ant-modal-title, .modal-waiting-order .ant-modal-title { color: var(--wc-text-main) !important; font-weight: 700 !important; letter-spacing: -0.2px; } html[data-theme="dark"] .custom-modal-table .ant-modal-title, html[data-theme="dark"] .modal-waiting-order .ant-modal-title { color: #fff !important; } .custom-modal-table .ant-modal-body, .modal-waiting-order .ant-modal-body { padding: 18px 20px 20px !important; background: transparent !important; color: var(--wc-text-main) !important; } html[data-theme="dark"] .custom-modal-table .ant-modal-body, html[data-theme="dark"] .modal-waiting-order .ant-modal-body { color: #fff !important; } .custom-modal-table .ant-modal-close, .modal-waiting-order .ant-modal-close { color: var(--wc-text-sec) !important; } .custom-modal-table .ant-modal-close:hover, .modal-waiting-order .ant-modal-close:hover { color: var(--wc-text-main) !important; } html[data-theme="dark"] .custom-modal-table .ant-modal-close, html[data-theme="dark"] .modal-waiting-order .ant-modal-close { color: rgba(255, 255, 255, 0.7) !important; } html[data-theme="dark"] .custom-modal-table .ant-modal-close:hover, html[data-theme="dark"] .modal-waiting-order .ant-modal-close:hover { color: #fff !important; } .custom-modal-table .ant-modal-close-x, .modal-waiting-order .ant-modal-close-x { width: 36px !important; height: 36px !important; line-height: 36px !important; border-radius: 10px !important; transition: background 0.2s ease, color 0.2s ease; } .custom-modal-table .ant-modal-close-x:hover, .modal-waiting-order .ant-modal-close-x:hover { background: var(--wc-surface-hover) !important; } html[data-theme="dark"] .custom-modal-table .ant-modal-close-x:hover, html[data-theme="dark"] .modal-waiting-order .ant-modal-close-x:hover { background: rgba(255, 255, 255, 0.08) !important; } .custom-modal-table .ant-list .ant-list-empty-text, .modal-waiting-order .ant-list .ant-list-empty-text { color: var(--wc-text-sec) !important; } html[data-theme="dark"] .custom-modal-table .ant-list .ant-list-empty-text, html[data-theme="dark"] .modal-waiting-order .ant-list .ant-list-empty-text { color: rgba(255, 255, 255, 0.6) !important; } .custom-modal-table .ant-list-item, .modal-waiting-order .ant-list-item { background: var(--wc-surface) !important; border: 1px solid var(--wc-border) !important; border-radius: 14px !important; color: var(--wc-text-main) !important; margin-bottom: 10px; padding: 14px 16px !important; } html[data-theme="dark"] .custom-modal-table .ant-list-item, html[data-theme="dark"] .modal-waiting-order .ant-list-item { background: rgba(255, 255, 255, 0.03) !important; border-color: rgba(255, 255, 255, 0.08) !important; color: #fff !important; } .custom-modal-table .ant-list-item:hover, .modal-waiting-order .ant-list-item:hover { transform: none !important; box-shadow: none !important; } .custom-modal-table .ant-typography, .custom-modal-table .ant-typography-secondary, .modal-waiting-order .ant-typography, .modal-waiting-order .ant-typography-secondary { color: var(--wc-text-main) !important; } html[data-theme="dark"] .custom-modal-table .ant-typography, html[data-theme="dark"] .custom-modal-table .ant-typography-secondary, html[data-theme="dark"] .modal-waiting-order .ant-typography, html[data-theme="dark"] .modal-waiting-order .ant-typography-secondary { color: #fff !important; } .custom-modal-table .modal-buttons, .modal-waiting-order .modal-buttons { display: flex; align-items: center; justify-content: center; gap: 12px; flex-wrap: wrap; margin-top: 16px; padding-top: 14px; border-top: 1px solid var(--wc-border); } html[data-theme="dark"] .custom-modal-table .modal-buttons, html[data-theme="dark"] .modal-waiting-order .modal-buttons { border-top-color: rgba(255, 255, 255, 0.08); } .custom-modal-table .modal-buttons .ant-btn, .modal-waiting-order .modal-buttons .ant-btn { height: 42px !important; padding: 0 18px !important; border-radius: 999px !important; font-weight: 600 !important; } .custom-modal-table .btn-edit-link-wc.ant-btn-link, .modal-waiting-order .btn-edit-link-wc.ant-btn-link { color: #ff6600 !important; padding: 0 !important; height: auto !important; min-width: 32px; } .custom-modal-table .btn-edit-link-wc.ant-btn-link:hover, .modal-waiting-order .btn-edit-link-wc.ant-btn-link:hover { color: #ff7a1a !important; } .orders-page { max-width: 1400px; margin: 0 auto; padding: 0 24px 24px; } .orders-page .event-header-wc { margin-bottom: 12px; } .orders-page .company-meta { color: var(--wc-text-sec); font-weight: 600; letter-spacing: -0.2px; } html[data-theme="dark"] .orders-page .company-meta { color: rgba(255, 255, 255, 0.6); } .administration-page { max-width: 1400px; margin: 0 auto; padding: 0 24px 24px; } .administration-page .event-header-wc { margin-bottom: 12px; } .administration-page .admin-header-card { padding: 20px; background: transparent !important; border: none !important; box-shadow: none !important; } .administration-page .admin-content-card { padding: 16px; } .administration-page .company-meta { color: var(--wc-text-sec); font-weight: 600; letter-spacing: -0.2px; } html[data-theme="dark"] .administration-page .company-meta { color: rgba(255, 255, 255, 0.6); } .administration-page .admin-actions-wc { display: flex; gap: 10px; flex-wrap: wrap; align-items: center; } .tables-page { max-width: 1400px; margin: 0 auto; padding: 0 24px 24px; } .tables-page .tables-search-content { margin-top: 12px; width: 100%; } .tables-page .admin-header-premium .header-main-content .actions-section .btn-preview-premium { height: 46px !important; padding: 0 20px !important; font-size: 15px !important; font-weight: 600 !important; border-radius: 10px !important; display: flex !important; align-items: center !important; gap: 8px !important; border: 2px solid var(--wc-border) !important; background: var(--wc-surface) !important; color: var(--wc-text-main) !important; transition: all 0.2s ease !important; } .tables-page .admin-header-premium .header-main-content .actions-section .btn-preview-premium:hover { background: var(--wc-surface-hover) !important; border-color: var(--wc-primary) !important; color: var(--wc-primary) !important; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08) !important; } html[data-theme="dark"] .tables-page .admin-header-premium .header-main-content .actions-section .btn-preview-premium { border-color: rgba(255, 255, 255, 0.15) !important; background: rgba(255, 255, 255, 0.05) !important; color: #fff !important; } html[data-theme="dark"] .tables-page .admin-header-premium .header-main-content .actions-section .btn-preview-premium:hover { background: rgba(255, 255, 255, 0.1) !important; border-color: var(--wc-primary) !important; } .tables-page .admin-header-premium .header-main-content .actions-section .btn-preview-premium .anticon { font-size: 16px !important; } @media (max-width: 768px) { .tables-page .admin-header-premium .header-main-content .actions-section { flex-direction: column; width: 100%; align-items: stretch !important; } .tables-page .admin-header-premium .header-main-content .actions-section > div { max-width: 100% !important; } .tables-page .admin-header-premium .header-main-content .actions-section .btn-preview-premium { width: 100% !important; } } .tables-page .content-bread-crumb { margin-bottom: 8px; } .tables-page .content-bread-crumb .custom-breadcrumb { margin-bottom: 0 !important; font-size: 13px; } .tables-page .content-bread-crumb .custom-breadcrumb .ant-breadcrumb-link, .tables-page .content-bread-crumb .custom-breadcrumb .ant-breadcrumb-separator, .tables-page .content-bread-crumb .custom-breadcrumb a { color: var(--wc-text-sec) !important; transition: color 0.2s ease; } .tables-page .content-bread-crumb .custom-breadcrumb span:last-child .ant-breadcrumb-link { color: var(--wc-text-main) !important; font-weight: 600; } html[data-theme="dark"] .tables-page .content-bread-crumb .custom-breadcrumb .ant-breadcrumb-link, html[data-theme="dark"] .tables-page .content-bread-crumb .custom-breadcrumb .ant-breadcrumb-separator, html[data-theme="dark"] .tables-page .content-bread-crumb .custom-breadcrumb a, html[data-theme="dark"] .tables-page .content-bread-crumb .custom-breadcrumb span { color: rgba(255, 255, 255, 0.7) !important; } .tables-page .content-bread-crumb .custom-breadcrumb .cursor-pointer:hover { color: var(--wc-text-main) !important; } .tables-page .content-bread-crumb .custom-breadcrumb .cursor-pointer:hover .ant-breadcrumb-link { color: var(--wc-text-main) !important; } html[data-theme="dark"] .tables-page .content-bread-crumb .custom-breadcrumb .cursor-pointer:hover { color: #fff !important; } html[data-theme="dark"] .tables-page .content-bread-crumb .custom-breadcrumb .cursor-pointer:hover .ant-breadcrumb-link { color: #fff !important; } .tables-page .event-header-wc { margin-bottom: 12px; } .tables-page .company-meta { color: rgba(255, 255, 255, 0.6); font-weight: 600; letter-spacing: -0.2px; } .tables-page .filter-sector-container { margin-bottom: 20px; display: flex; align-items: center; gap: 12px; flex-wrap: wrap; } .tables-page .btn-filter-sector-wc { height: 40px !important; padding: 0 16px !important; border-radius: 10px !important; border: 2px solid var(--wc-border) !important; background: var(--wc-surface) !important; color: var(--wc-text-main) !important; font-size: 14px !important; font-weight: 500 !important; display: inline-flex !important; align-items: center !important; gap: 8px !important; transition: all 0.2s ease !important; box-shadow: none !important; } .tables-page .btn-filter-sector-wc:hover { border-color: var(--wc-primary) !important; background: var(--wc-surface-hover) !important; color: var(--wc-primary) !important; box-shadow: 0 2px 8px rgba(255, 102, 0, 0.1) !important; } .tables-page .btn-filter-sector-wc .anticon { font-size: 16px !important; } html[data-theme="dark"] .tables-page .btn-filter-sector-wc { border-color: rgba(255, 255, 255, 0.15) !important; background: rgba(255, 255, 255, 0.05) !important; color: #fff !important; } html[data-theme="dark"] .tables-page .btn-filter-sector-wc:hover { border-color: var(--wc-primary) !important; background: rgba(255, 255, 255, 0.1) !important; } .tables-page .sector-tag-wc { height: 28px !important; padding: 0 12px !important; border-radius: 6px !important; background: var(--wc-primary) !important; border: none !important; color: #fff !important; font-size: 13px !important; font-weight: 500 !important; display: inline-flex !important; align-items: center !important; gap: 6px !important; margin: 0 !important; } .tables-page .sector-tag-wc .anticon-close { color: #fff !important; opacity: 0.8 !important; } .tables-page .sector-tag-wc .anticon-close:hover { opacity: 1 !important; } .tables-page .tables-section-card { padding: 20px; } .tables-page .tables-section-card .content-tabs { margin-bottom: 10px; } .tables-page .tables-section-card .branch-tabs-wc { margin-bottom: 12px; background: transparent !important; border: none !important; padding-left: 0 !important; border-bottom: 1px solid var(--wc-border) !important; } .tables-page .tables-section-card .branch-tabs-wc.ant-menu { box-shadow: none !important; background: transparent !important; border: none !important; border-bottom: 1px solid var(--wc-border) !important; } .tables-page .tables-section-card .branch-tabs-wc .ant-menu-item { font-weight: 600; color: var(--wc-text-sec); padding: 10px 16px; line-height: 1.2 !important; height: auto !important; background: transparent !important; border: 1px solid var(--wc-border) !important; border-radius: 20px !important; margin-right: 8px !important; top: 0 !important; } .tables-page .tables-section-card .branch-tabs-wc .ant-menu-item:hover { color: var(--wc-text-main) !important; border-color: var(--wc-text-sec) !important; } .tables-page .tables-section-card .branch-tabs-wc .ant-menu-item.ant-menu-item-selected { color: #fff !important; background: #ff6600 !important; border-color: #ff6600 !important; } html[data-theme="dark"] .tables-page .tables-section-card .branch-tabs-wc .ant-menu-item { color: rgba(255, 255, 255, 0.7); border-color: rgba(255, 255, 255, 0.1) !important; } html[data-theme="dark"] .tables-page .tables-section-card .branch-tabs-wc .ant-menu-item:hover { color: #fff !important; border-color: rgba(255, 255, 255, 0.3) !important; } html[data-theme="dark"] .tables-page .tables-section-card .branch-tabs-wc .ant-menu-item.ant-menu-item-selected { color: #fff !important; background: #ff6600 !important; border-color: #ff6600 !important; } html[data-theme="dark"] .tables-page .tables-section-card .branch-tabs-wc .ant-menu-item { color: rgba(255, 255, 255, 0.7); } .tables-page .tables-section-card .branch-tabs-wc .ant-menu-item-selected { color: var(--wc-text-main) !important; border-bottom: 2px solid #ff6600 !important; } html[data-theme="dark"] .tables-page .tables-section-card .branch-tabs-wc .ant-menu-item-selected { color: #fff !important; } .tables-page .tables-list-wc { margin-top: 12px; } .tables-page .table-card-wc { padding: 16px 18px; border-radius: 14px; margin-bottom: 16px; background: var(--wc-surface); border: 1px solid var(--wc-border); box-shadow: var(--wc-shadow); transition: transform 0.15s ease, box-shadow 0.15s ease; cursor: pointer; } html[data-theme="dark"] .tables-page .table-card-wc { background: rgba(255, 255, 255, 0.03); border: 1px solid rgba(255, 255, 255, 0.08); box-shadow: 0 12px 32px rgba(0, 0, 0, 0.35); } .tables-page .table-card-wc:hover { transform: translateY(-2px); box-shadow: 0 18px 40px rgba(0, 0, 0, 0.45); } .tables-page .custom-modal-table .ant-typography, .tables-page .custom-modal-table .ant-typography-secondary { color: var(--wc-text-main) !important; } html[data-theme="dark"] .tables-page .custom-modal-table .ant-typography, html[data-theme="dark"] .tables-page .custom-modal-table .ant-typography-secondary { color: #fff !important; } .tables-page .custom-modal-table .ant-modal-content { background: var(--wc-surface) !important; backdrop-filter: blur(20px) !important; border: 1px solid var(--wc-border) !important; border-radius: 16px !important; } html[data-theme="dark"] .tables-page .custom-modal-table .ant-modal-content { background: rgba(20, 20, 20, 0.92) !important; border-color: rgba(255, 255, 255, 0.08) !important; box-shadow: 0 24px 60px rgba(0, 0, 0, 0.55) !important; } .tables-page .custom-modal-table .ant-modal-header { background: transparent !important; border-bottom: 1px solid var(--wc-border) !important; border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important; border-radius: 12px 12px 0 0 !important; padding: 12px 20px !important; } .tables-page .custom-modal-table .ant-modal-header .ant-modal-title { color: var(--wc-text-main) !important; font-weight: 700 !important; letter-spacing: -0.2px; } html[data-theme="dark"] .tables-page .custom-modal-table .ant-modal-header .ant-modal-title { color: #fff !important; } .tables-page .custom-modal-table .ant-modal-body { padding: 20px !important; color: var(--wc-text-main) !important; background: transparent !important; } .tables-page .custom-modal-table .ant-modal-body .ant-typography, .tables-page .custom-modal-table .ant-modal-body .ant-typography-secondary { color: var(--wc-text-main) !important; } .tables-page .custom-modal-table .ant-modal-body .ant-list-item { background: var(--wc-surface) !important; border: 1px solid var(--wc-border) !important; border-radius: 12px !important; color: var(--wc-text-main) !important; margin-bottom: 10px; } .tables-page .custom-modal-table .ant-modal-body .ant-list-item-meta-title, .tables-page .custom-modal-table .ant-modal-body .ant-list-item-meta-description { color: var(--wc-text-main) !important; } html[data-theme="dark"] .tables-page .custom-modal-table .ant-modal-body { color: #fff !important; } html[data-theme="dark"] .tables-page .custom-modal-table .ant-modal-body .ant-typography, html[data-theme="dark"] .tables-page .custom-modal-table .ant-modal-body .ant-typography-secondary { color: #fff !important; } html[data-theme="dark"] .tables-page .custom-modal-table .ant-modal-body .ant-list-item { background: rgba(255, 255, 255, 0.03) !important; border: 1px solid rgba(255, 255, 255, 0.06) !important; color: #fff !important; } html[data-theme="dark"] .tables-page .custom-modal-table .ant-modal-body .ant-list-item-meta-title, html[data-theme="dark"] .tables-page .custom-modal-table .ant-modal-body .ant-list-item-meta-description { color: #fff !important; } .tables-page .custom-modal-table .ant-modal-close { color: var(--wc-text-main) !important; } html[data-theme="dark"] .tables-page .custom-modal-table .ant-modal-close { color: #fff !important; } .tables-page .custom-modal-table .ant-btn { border-radius: 10px !important; } .tables-page .modal-order-card, .tables-page .modal-product-card { border: 1px solid var(--wc-border) !important; box-shadow: var(--wc-shadow) !important; color: var(--wc-text-main) !important; background: var(--wc-surface) !important; } .tables-page .modal-order-card .ant-typography, .tables-page .modal-product-card .ant-typography { color: var(--wc-text-main) !important; } .tables-page .modal-order-card .ant-checkbox-wrapper, .tables-page .modal-product-card .ant-checkbox-wrapper { color: var(--wc-text-main) !important; } html[data-theme="dark"] .tables-page .modal-order-card, html[data-theme="dark"] .tables-page .modal-product-card { background: rgba(255, 255, 255, 0.03) !important; border: 1px solid rgba(255, 255, 255, 0.08) !important; box-shadow: 0 10px 28px rgba(0, 0, 0, 0.4) !important; color: #fff !important; } html[data-theme="dark"] .tables-page .modal-order-card .ant-typography, html[data-theme="dark"] .tables-page .modal-product-card .ant-typography { color: #fff !important; } html[data-theme="dark"] .tables-page .modal-order-card .ant-checkbox-wrapper, html[data-theme="dark"] .tables-page .modal-product-card .ant-checkbox-wrapper { color: #fff !important; } .tables-page .tables-section-card .ant-input-search .ant-input { background: var(--wc-surface) !important; border: 1px solid var(--wc-border) !important; color: var(--wc-text-main) !important; box-shadow: none !important; } html[data-theme="dark"] .tables-page .tables-section-card .ant-input-search .ant-input { background: rgba(255, 255, 255, 0.04) !important; border: 1px solid rgba(255, 255, 255, 0.1) !important; color: #fff !important; } .tables-page .tables-section-card .ant-input-search .ant-input::placeholder { color: var(--wc-text-sec) !important; } html[data-theme="dark"] .tables-page .tables-section-card .ant-input-search .ant-input::placeholder { color: rgba(255, 255, 255, 0.55) !important; } .tables-page .tables-section-card .ant-input-search .ant-btn { background: var(--wc-surface-hover) !important; border: 1px solid var(--wc-border) !important; color: var(--wc-text-main) !important; box-shadow: 0 8px 20px rgba(0, 0, 0, 0.35); } html[data-theme="dark"] .tables-page .tables-section-card .ant-input-search .ant-btn { background: rgba(255, 255, 255, 0.06) !important; border: 1px solid rgba(255, 255, 255, 0.08) !important; color: #fff !important; } .tables-page .tables-section-card .ant-input-group-addon { background: transparent !important; border: none !important; } .empty-state-wc { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 60px 24px; text-align: center; } .empty-state-wc .empty-state-icon { width: 80px; height: 80px; border-radius: 50%; background: #F3F4F6; border: 1px solid #E5E7EB; display: flex; align-items: center; justify-content: center; margin-bottom: 24px; } html[data-theme="dark"] .empty-state-wc .empty-state-icon { background: rgba(255, 255, 255, 0.04); border: 1px solid rgba(255, 255, 255, 0.08); } .empty-state-wc .empty-state-icon .anticon { font-size: 32px; color: #9CA3AF; } html[data-theme="dark"] .empty-state-wc .empty-state-icon .anticon { color: rgba(255, 255, 255, 0.3); } .empty-state-wc .empty-state-title { font-size: 20px; font-weight: 600; color: #111827; margin: 0 0 8px 0; letter-spacing: -0.3px; } html[data-theme="dark"] .empty-state-wc .empty-state-title { color: #fff; } .empty-state-wc .empty-state-desc { font-size: 14px; color: #6B7280; margin: 0 0 24px 0; max-width: 300px; line-height: 1.5; } html[data-theme="dark"] .empty-state-wc .empty-state-desc { color: rgba(255, 255, 255, 0.5); } .empty-state-wc .empty-state-cta { height: 44px !important; padding: 0 28px !important; border-radius: 10px !important; font-size: 14px !important; font-weight: 600 !important; background: #fff !important; border: none !important; color: #000 !important; display: inline-flex !important; align-items: center !important; gap: 8px !important; transition: all 0.2s ease !important; } .empty-state-wc .empty-state-cta:hover { background: rgba(255, 255, 255, 0.9) !important; transform: translateY(-2px); box-shadow: 0 4px 16px rgba(255, 255, 255, 0.2) !important; } .empty-state-wc .empty-state-actions { display: flex; align-items: center; justify-content: center; gap: 12px; flex-wrap: wrap; } .events-premium-page .back-button-minimal { display: inline-flex !important; align-items: center !important; gap: 10px !important; color: var(--wc-text-sec) !important; font-size: 14px !important; font-weight: 500 !important; padding: 8px 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; transition: all 0.2s ease !important; } html[data-theme="dark"] .events-premium-page .back-button-minimal { color: rgba(255, 255, 255, 0.5) !important; } .events-premium-page .back-button-minimal .custom-arrow-icon { width: 20px; height: 14px; transition: transform 0.2s ease; } .events-premium-page .back-button-minimal .back-text { transition: color 0.2s ease; } .events-premium-page .back-button-minimal:hover { color: #fff !important; background: transparent !important; } .events-premium-page .back-button-minimal:hover .custom-arrow-icon { transform: translateX(-4px); color: #FF6600; } .events-premium-page .event-content { padding: 0 !important; background: transparent !important; min-height: calc(100vh - 64px); } @media (max-width: 768px) { .events-premium-page .event-content { padding: 20px !important; } } @media (max-width: 768px) { .event-sidebar-premium { display: none !important; } .events-premium-page .event-header-wc .event-header-title-row h1 { font-size: 24px; } .events-premium-page .event-header-wc .event-header-actions { width: 100%; justify-content: flex-start; } .events-premium-page .event-header-wc .event-header-actions .btn-preview, .events-premium-page .event-header-wc .event-header-actions .btn-modo-cocina { flex: 1; justify-content: center; } .event-mobile-header { display: flex !important; } } .event-sidebar-company-link { display: flex; align-items: center; gap: 12px; padding: 12px 16px; margin-bottom: 16px; border-radius: 12px; background: var(--wc-surface-hover); border: 1px solid var(--wc-border); color: var(--wc-text-sec); cursor: pointer; transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1); font-size: 14px; font-weight: 500; } html[data-theme="dark"] .event-sidebar-company-link { background: rgba(255, 102, 0, 0.08); border: 1px solid rgba(255, 102, 0, 0.2); color: rgba(255, 255, 255, 0.8); } .event-sidebar-company-link:hover { background: var(--wc-surface-hover); opacity: 0.8; transform: translateY(-1px); } html[data-theme="dark"] .event-sidebar-company-link:hover { background: rgba(255, 102, 0, 0.15); border-color: rgba(255, 102, 0, 0.3); color: #fff; opacity: 1; } .event-sidebar-company-link .anticon { font-size: 16px; color: #ff6600; } .event-sidebar-company-link span { flex: 1; } :root { --wc-bg: #FFFFFF; --wc-text-main: #111827; --wc-text-sec: #6B7280; --wc-surface: #FFFFFF; --wc-surface-hover: #F8FAFC; --wc-border: #CBD5E1; --wc-card-bg: #FFFFFF; --wc-card-bg-hover: #F9FAFB; --wc-card-border: #E5E7EB; --wc-card-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); --wc-glass-blur: none; --wc-btn-bg: #000000; --wc-btn-text: #FFFFFF; --wc-tab-text: #9CA3AF; --wc-tab-active: #111827; --wc-tab-indicator: #000000; --wc-input-bg: #F3F4F6; --wc-input-border: #D1D5DB; --wc-divider: #E5E7EB; } html[data-theme="dark"] { --wc-bg: transparent; --wc-text-main: #ffffff; --wc-text-sec: rgba(255, 255, 255, 0.6); --wc-surface: rgba(255, 255, 255, 0.03); --wc-border: rgba(255, 255, 255, 0.1); --wc-card-bg: rgba(255, 255, 255, 0.03); --wc-card-bg-hover: rgba(255, 255, 255, 0.05); --wc-card-border: rgba(255, 255, 255, 0.08); --wc-card-shadow: 0 24px 80px rgba(0, 0, 0, 0.4); --wc-glass-blur: blur(40px) saturate(180%); --wc-btn-bg: #FFFFFF; --wc-btn-text: #000000; --wc-tab-text: rgba(255, 255, 255, 0.5); --wc-tab-active: #FFFFFF; --wc-tab-indicator: #ff6600; --wc-input-bg: rgba(0, 0, 0, 0.3); --wc-input-border: rgba(255, 255, 255, 0.12); --wc-divider: rgba(255, 255, 255, 0.08); } .branch-offices-world-class { min-height: 100vh; background: var(--wc-bg); color: var(--wc-text-main); font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; padding: 40px; } @media (max-width: 768px) { .branch-offices-world-class { padding: 20px 16px; } } .branch-offices-world-class.admin-world-class { padding: 0 40px 40px; } @media (max-width: 768px) { .branch-offices-world-class.admin-world-class { padding: 0 16px 24px; } } .branch-offices-world-class .bo-header-premium { gap: 14px !important; margin-bottom: 18px !important; padding-top: 0 !important; } @media (min-width: 992px) { .branch-offices-world-class .bo-header-premium { padding-top: 0 !important; } } .branch-offices-world-class .bo-header-premium .header-main-content { gap: 14px !important; } .branch-offices-world-class .back-link-minimal { display: inline-flex; align-items: center; gap: 12px; color: var(--wc-text-sec); font-size: 15px; font-weight: 600; cursor: pointer; transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1); padding: 0; margin-bottom: 24px; } .branch-offices-world-class .back-link-minimal svg { font-size: 18px; transition: transform 0.2s ease; } .branch-offices-world-class .back-link-minimal:hover { color: var(--wc-text-main); } html[data-theme="dark"] .branch-offices-world-class .back-link-minimal:hover { color: #fff; } .branch-offices-world-class .back-link-minimal:hover svg { transform: translateX(-4px); color: #ff6600; } .branch-offices-world-class .event-header-wc { margin-bottom: 32px; border-bottom: 1px solid var(--wc-divider) !important; } .branch-offices-world-class .event-header-wc .event-header-title-row { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 16px; } .branch-offices-world-class .event-header-wc .event-header-title-row h1 { font-size: 40px; font-weight: 700; letter-spacing: -1px; margin: 0 0 8px; color: var(--wc-text-main); background: none; -webkit-text-fill-color: initial; } html[data-theme="dark"] .branch-offices-world-class .event-header-wc .event-header-title-row h1 { background: linear-gradient(180deg, #fff 0%, rgba(255, 255, 255, 0.7) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .branch-offices-world-class .event-header-wc .event-header-title-row .company-meta { font-size: 16px; color: var(--wc-text-sec); font-weight: 500; } .branch-offices-world-class .event-header-wc .event-header-title-row .branch-actions-wc { display: flex; gap: 12px; } .branch-offices-world-class .event-header-wc .event-header-meta { display: flex; gap: 12px; } .branch-offices-world-class .branch-tabs-wc.ant-tabs .ant-tabs-nav { margin-bottom: 24px; } .branch-offices-world-class .branch-tabs-wc.ant-tabs .ant-tabs-nav::before { border-bottom: 1px solid var(--wc-divider) !important; } .branch-offices-world-class .branch-tabs-wc.ant-tabs .ant-tabs-nav .ant-tabs-tab { color: var(--wc-tab-text) !important; font-weight: 600; padding: 12px 0; margin-right: 32px; transition: color 0.3s ease; } .branch-offices-world-class .branch-tabs-wc.ant-tabs .ant-tabs-nav .ant-tabs-tab:hover { color: var(--wc-tab-active) !important; } .branch-offices-world-class .branch-tabs-wc.ant-tabs .ant-tabs-nav .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn { color: var(--wc-tab-active) !important; } .branch-offices-world-class .branch-tabs-wc.ant-tabs .ant-tabs-nav .ant-tabs-ink-bar { background: var(--wc-tab-indicator) !important; height: 3px !important; border-radius: 3px 3px 0 0; } .branch-offices-world-class .branch-section-card { background: var(--wc-card-bg) !important; backdrop-filter: var(--wc-glass-blur) !important; border: 1px solid var(--wc-card-border) !important; border-radius: 24px !important; box-shadow: var(--wc-card-shadow) !important; padding: 32px !important; transition: all 0.3s ease; } @media (max-width: 768px) { .branch-offices-world-class .branch-section-card { padding: 20px !important; border-radius: 20px !important; } } .branch-offices-world-class .branch-card-wc { background: var(--wc-card-bg) !important; backdrop-filter: var(--wc-glass-blur) !important; border: 1px solid var(--wc-card-border) !important; border-radius: 16px !important; padding: 24px !important; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important; cursor: pointer; display: flex; flex-direction: column; height: 100%; box-shadow: var(--wc-card-shadow) !important; } .branch-offices-world-class .branch-card-wc:hover { transform: translateY(-4px); border-color: rgba(255, 102, 0, 0.3) !important; box-shadow: 0 12px 40px rgba(0, 0, 0, 0.1) !important; } html[data-theme="dark"] .branch-offices-world-class .branch-card-wc:hover { background: rgba(255, 255, 255, 0.06) !important; box-shadow: 0 12px 40px rgba(0, 0, 0, 0.3) !important; } .branch-offices-world-class .branch-card-wc .branch-card-header { flex: 1; margin-bottom: 20px; } .branch-offices-world-class .branch-card-wc .branch-card-header .branch-title { font-size: 18px; font-weight: 700; color: var(--wc-text-main); margin-bottom: 8px; line-height: 1.3; } html[data-theme="dark"] .branch-offices-world-class .branch-card-wc .branch-card-header .branch-title { color: #fff; } .branch-offices-world-class .branch-card-wc .branch-card-header .branch-subtitle { font-size: 14px; color: var(--wc-text-sec); margin-bottom: 4px; } .branch-offices-world-class .branch-card-wc .branch-card-header .branch-city { font-size: 13px; color: var(--wc-text-sec); opacity: 0.8; } .branch-offices-world-class .branch-card-wc .branch-card-footer { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding-top: 16px; border-top: 1px solid var(--wc-divider); } .branch-offices-world-class .branch-card-wc .branch-card-footer .branch-status .box-pending, .branch-offices-world-class .branch-card-wc .branch-card-footer .branch-status .box-rejected, .branch-offices-world-class .branch-card-wc .branch-card-footer .branch-status .box-validate { padding: 0 12px !important; height: 24px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; border-radius: 6px; font-size: 11px; font-weight: 600; text-transform: uppercase; line-height: 1 !important; } .branch-offices-world-class .branch-card-wc .branch-card-footer .branch-status .box-pending { background: rgba(107, 114, 128, 0.15); color: #6b7280; border: 1px solid rgba(107, 114, 128, 0.3); } .branch-offices-world-class .branch-card-wc .branch-card-footer .branch-status .box-rejected { background: rgba(239, 68, 68, 0.15); color: #ef4444; border: 1px solid rgba(239, 68, 68, 0.3); } .branch-offices-world-class .branch-card-wc .branch-card-footer .branch-status .box-validate { background: rgba(16, 185, 129, 0.15); color: #10b981; border: 1px solid rgba(16, 185, 129, 0.3); } .branch-offices-world-class .branch-card-empty-wc { text-align: center; padding: 40px 24px !important; } .branch-offices-world-class .branch-card-empty-wc .branch-title { margin-bottom: 20px; } .branch-offices-world-class .branch-empty-wc { text-align: center; padding: 60px 20px; } .branch-offices-world-class .branch-empty-wc .anticon { font-size: 48px; color: var(--wc-text-sec); opacity: 0.3; margin-bottom: 16px; } html[data-theme="dark"] .branch-offices-world-class .branch-empty-wc .anticon { color: rgba(255, 255, 255, 0.3); opacity: 1; } .branch-offices-world-class .branch-empty-wc div { color: var(--wc-text-sec); margin-bottom: 20px; } html[data-theme="dark"] .branch-offices-world-class .branch-empty-wc div { color: rgba(255, 255, 255, 0.6); } .branch-offices-world-class .btn-action-wc, .branch-offices-world-class .ant-btn { border-radius: 12px !important; height: 40px !important; font-weight: 600 !important; transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important; } .branch-offices-world-class .btn-action-wc.ant-btn-primary, .branch-offices-world-class .ant-btn.ant-btn-primary { background: var(--wc-btn-bg) !important; color: var(--wc-btn-text) !important; border: none !important; } .branch-offices-world-class .btn-action-wc.ant-btn-primary:hover, .branch-offices-world-class .ant-btn.ant-btn-primary:hover { transform: translateY(-1px); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2) !important; opacity: 0.9; } html[data-theme="dark"] .branch-offices-world-class .btn-action-wc.ant-btn-primary:hover, html[data-theme="dark"] .branch-offices-world-class .ant-btn.ant-btn-primary:hover { background: rgba(255, 255, 255, 0.9) !important; box-shadow: 0 4px 12px rgba(255, 255, 255, 0.2) !important; } .branch-offices-world-class .btn-action-wc.ant-btn-link, .branch-offices-world-class .ant-btn.ant-btn-link { color: var(--wc-text-sec) !important; } html[data-theme="dark"] .branch-offices-world-class .btn-action-wc.ant-btn-link, html[data-theme="dark"] .branch-offices-world-class .ant-btn.ant-btn-link { color: rgba(255, 255, 255, 0.7) !important; } .branch-offices-world-class .btn-action-wc.ant-btn-link:hover, .branch-offices-world-class .ant-btn.ant-btn-link:hover { color: var(--wc-text-main) !important; } html[data-theme="dark"] .branch-offices-world-class .btn-action-wc.ant-btn-link:hover, html[data-theme="dark"] .branch-offices-world-class .ant-btn.ant-btn-link:hover { color: #fff !important; } .branch-offices-world-class .branch-pagination { margin-top: 32px; } .branch-offices-world-class .branch-pagination span { color: var(--wc-text-sec); font-weight: 600; } html[data-theme="dark"] .branch-offices-world-class .branch-pagination span { color: rgba(255, 255, 255, 0.8); } .branch-offices-world-class .ant-divider { border-color: var(--wc-divider) !important; } html[data-theme="dark"] .branch-offices-world-class .ant-divider { border-color: rgba(255, 255, 255, 0.08) !important; } .branch-offices-world-class .event-header-meta .box-pending, .branch-offices-world-class .event-header-meta .box-rejected, .branch-offices-world-class .event-header-meta .box-validate { padding: 6px 16px !important; font-size: 12px !important; display: inline-block !important; white-space: nowrap !important; } .branch-offices-world-class .branch-card-wc .branch-card-footer .branch-status .box-pending, .branch-offices-world-class .branch-card-wc .branch-card-footer .branch-status .box-rejected, .branch-offices-world-class .branch-card-wc .branch-card-footer .branch-status .box-validate { padding: 4px 10px !important; font-size: 11px !important; display: inline-block !important; white-space: nowrap !important; } .branch-offices-world-class .event-header-meta { display: flex !important; align-items: center !important; gap: 12px !important; } .branch-offices-world-class .event-header-meta .box-pending, .branch-offices-world-class .event-header-meta .box-rejected, .branch-offices-world-class .event-header-meta .box-validate { width: auto !important; height: auto !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; line-height: 1 !important; } .branch-offices-world-class .branch-card-wc .branch-card-footer .branch-status { display: flex !important; align-items: center !important; } .branch-offices-world-class .branch-card-wc .branch-card-footer .branch-status .box-pending, .branch-offices-world-class .branch-card-wc .branch-card-footer .branch-status .box-rejected, .branch-offices-world-class .branch-card-wc .branch-card-footer .branch-status .box-validate { width: auto !important; height: auto !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; line-height: 1 !important; } .branch-offices-world-class .search-store-content { margin-bottom: 24px; width: 100%; } .branch-offices-world-class .search-store-content .ant-input-search { width: 80% !important; } .branch-offices-world-class .search-store-content .ant-input-search .ant-input-wrapper { display: flex !important; width: 100% !important; } .branch-offices-world-class .search-store-content .ant-input-search .ant-input { flex: 1 !important; background: var(--wc-input-bg) !important; border: 1px solid var(--wc-input-border) !important; border-radius: 12px 0 0 12px !important; color: var(--wc-text-main) !important; height: 48px !important; font-size: 15px !important; } .branch-offices-world-class .search-store-content .ant-input-search .ant-input::placeholder { color: var(--wc-text-sec); opacity: 0.7; } .branch-offices-world-class .search-store-content .ant-input-search .ant-input:hover { border-color: rgba(156, 163, 175, 0.5) !important; } .branch-offices-world-class .search-store-content .ant-input-search .ant-input:focus { border-color: #ff6600 !important; box-shadow: 0 0 0 4px rgba(255, 102, 0, 0.1) !important; } html[data-theme="dark"] .branch-offices-world-class .search-store-content .ant-input-search .ant-input { background: rgba(0, 0, 0, 0.3) !important; border: 1px solid rgba(255, 255, 255, 0.12) !important; color: #fff !important; } html[data-theme="dark"] .branch-offices-world-class .search-store-content .ant-input-search .ant-input::placeholder { color: rgba(255, 255, 255, 0.3); } .branch-offices-world-class .search-store-content .ant-input-search .ant-input-group-addon { background: transparent !important; border: none !important; padding: 0 !important; } .branch-offices-world-class .search-store-content .ant-input-search .ant-input-group-addon .ant-btn { margin: 0 !important; box-shadow: none !important; border-radius: 0 12px 12px 0 !important; border: 1px solid var(--wc-input-border) !important; border-left: none !important; background: var(--wc-input-bg) !important; height: 48px !important; color: var(--wc-text-main) !important; font-weight: 600 !important; } .branch-offices-world-class .search-store-content .ant-input-search .ant-input-group-addon .ant-btn:hover { background: rgba(0, 0, 0, 0.05) !important; } html[data-theme="dark"] .branch-offices-world-class .search-store-content .ant-input-search .ant-input-group-addon .ant-btn { border: 1px solid rgba(255, 255, 255, 0.12) !important; background: rgba(255, 255, 255, 0.1) !important; color: #fff !important; } html[data-theme="dark"] .branch-offices-world-class .search-store-content .ant-input-search .ant-input-group-addon .ant-btn:hover { background: rgba(255, 255, 255, 0.2) !important; } .branch-offices-world-class .producer-wrapper .companies-fantasy-name { font-size: 18px; font-weight: 700; color: var(--wc-text-main); margin-bottom: 16px; } html[data-theme="dark"] .branch-offices-world-class .producer-wrapper .companies-fantasy-name { color: #fff; } .branch-offices-world-class .producer-wrapper .content-header-row { display: flex; justify-content: space-between; align-items: center; gap: 12px; } .branch-offices-world-class .producer-wrapper .content-header-row .box-pending, .branch-offices-world-class .producer-wrapper .content-header-row .box-rejected, .branch-offices-world-class .producer-wrapper .content-header-row .box-validate { padding: 4px 12px; border-radius: 6px; font-size: 11px; font-weight: 600; text-transform: uppercase; width: auto !important; height: auto !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; line-height: 1 !important; } .branch-offices-world-class .producer-wrapper .content-header-row .box-pending { background: rgba(107, 114, 128, 0.15); color: #6b7280; border: 1px solid rgba(107, 114, 128, 0.3); } .branch-offices-world-class .producer-wrapper .content-header-row .box-rejected { background: rgba(239, 68, 68, 0.15); color: #ef4444; border: 1px solid rgba(239, 68, 68, 0.3); } .branch-offices-world-class .producer-wrapper .content-header-row .box-validate { background: rgba(16, 185, 129, 0.15); color: #10b981; border: 1px solid rgba(16, 185, 129, 0.3); } .branch-offices-world-class .producer-wrapper .empty-state-wc { text-align: center; padding: 80px 20px; } .branch-offices-world-class .producer-wrapper .empty-state-wc .empty-icon-circle-wc { width: 80px; height: 80px; border-radius: 50%; background: var(--wc-input-bg); display: flex; align-items: center; justify-content: center; margin: 0 auto 24px; } html[data-theme="dark"] .branch-offices-world-class .producer-wrapper .empty-state-wc .empty-icon-circle-wc { background: rgba(255, 255, 255, 0.05); } .branch-offices-world-class .producer-wrapper .empty-state-wc .empty-icon-circle-wc .anticon { font-size: 36px; color: var(--wc-text-sec); } html[data-theme="dark"] .branch-offices-world-class .producer-wrapper .empty-state-wc .empty-icon-circle-wc .anticon { color: rgba(255, 255, 255, 0.3); } .branch-offices-world-class .producer-wrapper .empty-state-wc .empty-title-wc { font-size: 20px; font-weight: 600; color: var(--wc-text-main); margin-bottom: 8px; } html[data-theme="dark"] .branch-offices-world-class .producer-wrapper .empty-state-wc .empty-title-wc { color: #fff; } .branch-offices-world-class .producer-wrapper .empty-state-wc .empty-desc-wc { font-size: 15px; color: var(--wc-text-sec); margin-bottom: 24px; } .branch-offices-world-class .company-data-wrapper .ant-tabs .ant-tabs-nav::before { border-bottom: 1px solid var(--wc-divider) !important; } .branch-offices-world-class .company-data-wrapper .ant-tabs .ant-tabs-nav .ant-tabs-tab { color: var(--wc-tab-text) !important; font-weight: 600; } .branch-offices-world-class .company-data-wrapper .ant-tabs .ant-tabs-nav .ant-tabs-tab:hover { color: var(--wc-tab-active) !important; } .branch-offices-world-class .company-data-wrapper .ant-tabs .ant-tabs-nav .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn { color: var(--wc-tab-active) !important; } .branch-offices-world-class .company-data-wrapper .ant-tabs .ant-tabs-nav .ant-tabs-ink-bar { background: #ff6600 !important; } .branch-offices-world-class .branch-card-empty-wc { background: var(--wc-card-bg-hover) !important; border: 1px dashed var(--wc-divider) !important; text-align: center; padding: 60px 32px !important; cursor: pointer; transition: all 0.3s ease !important; } html[data-theme="dark"] .branch-offices-world-class .branch-card-empty-wc { background: rgba(255, 255, 255, 0.02) !important; border: 1px dashed rgba(255, 255, 255, 0.15) !important; } .branch-offices-world-class .branch-card-empty-wc:hover { background: var(--wc-input-bg) !important; transform: translateY(-2px); } html[data-theme="dark"] .branch-offices-world-class .branch-card-empty-wc:hover { background: rgba(255, 255, 255, 0.04) !important; border-color: rgba(255, 255, 255, 0.25) !important; } .branch-offices-world-class .branch-card-empty-wc .branch-title { font-size: 16px !important; font-weight: 600 !important; color: var(--wc-text-sec) !important; margin-bottom: 24px !important; line-height: 1.4 !important; } html[data-theme="dark"] .branch-offices-world-class .branch-card-empty-wc .branch-title { color: rgba(255, 255, 255, 0.7) !important; } .branch-offices-world-class .branch-card-empty-wc .branch-subtitle { display: none; } .branch-offices-world-class .branch-card-empty-wc .btn-action-wc { margin-top: 0 !important; } .branch-offices-world-class .company-data-wrapper .branch-data-wrapper .card-company-wrap, .branch-offices-world-class .company-data-wrapper .bank-data-wrapper .card-company-wrap, .branch-offices-world-class .company-data-wrapper .documents-wrapper .card-company-wrap { background: transparent !important; border: none !important; box-shadow: none !important; padding: 0 !important; } .branch-offices-world-class .company-data-wrapper .branch-data-wrapper .card-company-wrap h1.theme-text, .branch-offices-world-class .company-data-wrapper .bank-data-wrapper .card-company-wrap h1.theme-text, .branch-offices-world-class .company-data-wrapper .documents-wrapper .card-company-wrap h1.theme-text { font-size: 24px; font-weight: 700; color: var(--wc-text-main); margin-bottom: 24px; } html[data-theme="dark"] .branch-offices-world-class .company-data-wrapper .branch-data-wrapper .card-company-wrap h1.theme-text, html[data-theme="dark"] .branch-offices-world-class .company-data-wrapper .bank-data-wrapper .card-company-wrap h1.theme-text, html[data-theme="dark"] .branch-offices-world-class .company-data-wrapper .documents-wrapper .card-company-wrap h1.theme-text { color: #fff; } .branch-offices-world-class .company-data-wrapper .branch-data-wrapper .card-company-wrap .sub-title-modal-product, .branch-offices-world-class .company-data-wrapper .bank-data-wrapper .card-company-wrap .sub-title-modal-product, .branch-offices-world-class .company-data-wrapper .documents-wrapper .card-company-wrap .sub-title-modal-product { color: var(--wc-text-sec); font-weight: 500; margin-bottom: 12px; font-size: 14px; } html[data-theme="dark"] .branch-offices-world-class .company-data-wrapper .branch-data-wrapper .card-company-wrap .sub-title-modal-product, html[data-theme="dark"] .branch-offices-world-class .company-data-wrapper .bank-data-wrapper .card-company-wrap .sub-title-modal-product, html[data-theme="dark"] .branch-offices-world-class .company-data-wrapper .documents-wrapper .card-company-wrap .sub-title-modal-product { color: rgba(255, 255, 255, 0.8); } .branch-offices-world-class .company-data-wrapper .branch-data-wrapper .card-company-wrap .ant-form, .branch-offices-world-class .company-data-wrapper .bank-data-wrapper .card-company-wrap .ant-form, .branch-offices-world-class .company-data-wrapper .documents-wrapper .card-company-wrap .ant-form { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; } html[data-theme="dark"] .branch-offices-world-class .company-data-wrapper .branch-data-wrapper .card-company-wrap .ant-form, html[data-theme="dark"] .branch-offices-world-class .company-data-wrapper .bank-data-wrapper .card-company-wrap .ant-form, html[data-theme="dark"] .branch-offices-world-class .company-data-wrapper .documents-wrapper .card-company-wrap .ant-form { color: #fff; } .branch-offices-world-class .company-data-wrapper .branch-data-wrapper .card-company-wrap .ant-form .ant-form-item-label > label, .branch-offices-world-class .company-data-wrapper .bank-data-wrapper .card-company-wrap .ant-form .ant-form-item-label > label, .branch-offices-world-class .company-data-wrapper .documents-wrapper .card-company-wrap .ant-form .ant-form-item-label > label { color: var(--wc-text-sec) !important; font-weight: 500; font-size: 14px; } html[data-theme="dark"] .branch-offices-world-class .company-data-wrapper .branch-data-wrapper .card-company-wrap .ant-form .ant-form-item-label > label, html[data-theme="dark"] .branch-offices-world-class .company-data-wrapper .bank-data-wrapper .card-company-wrap .ant-form .ant-form-item-label > label, html[data-theme="dark"] .branch-offices-world-class .company-data-wrapper .documents-wrapper .card-company-wrap .ant-form .ant-form-item-label > label { color: rgba(255, 255, 255, 0.8) !important; } .branch-offices-world-class .company-data-wrapper .branch-data-wrapper .card-company-wrap .ant-form .ant-input, .branch-offices-world-class .company-data-wrapper .branch-data-wrapper .card-company-wrap .ant-form .ant-input-number, .branch-offices-world-class .company-data-wrapper .branch-data-wrapper .card-company-wrap .ant-form .ant-select-selector, .branch-offices-world-class .company-data-wrapper .bank-data-wrapper .card-company-wrap .ant-form .ant-input, .branch-offices-world-class .company-data-wrapper .bank-data-wrapper .card-company-wrap .ant-form .ant-input-number, .branch-offices-world-class .company-data-wrapper .bank-data-wrapper .card-company-wrap .ant-form .ant-select-selector, .branch-offices-world-class .company-data-wrapper .documents-wrapper .card-company-wrap .ant-form .ant-input, .branch-offices-world-class .company-data-wrapper .documents-wrapper .card-company-wrap .ant-form .ant-input-number, .branch-offices-world-class .company-data-wrapper .documents-wrapper .card-company-wrap .ant-form .ant-select-selector { background: var(--wc-surface) !important; border: 1px solid var(--wc-border) !important; border-radius: 12px !important; color: var(--wc-text-main) !important; padding: 10px 16px !important; min-height: 44px !important; } html[data-theme="dark"] .branch-offices-world-class .company-data-wrapper .branch-data-wrapper .card-company-wrap .ant-form .ant-input, html[data-theme="dark"] .branch-offices-world-class .company-data-wrapper .branch-data-wrapper .card-company-wrap .ant-form .ant-input-number, html[data-theme="dark"] .branch-offices-world-class .company-data-wrapper .branch-data-wrapper .card-company-wrap .ant-form .ant-select-selector, html[data-theme="dark"] .branch-offices-world-class .company-data-wrapper .bank-data-wrapper .card-company-wrap .ant-form .ant-input, html[data-theme="dark"] .branch-offices-world-class .company-data-wrapper .bank-data-wrapper .card-company-wrap .ant-form .ant-input-number, html[data-theme="dark"] .branch-offices-world-class .company-data-wrapper .bank-data-wrapper .card-company-wrap .ant-form .ant-select-selector, html[data-theme="dark"] .branch-offices-world-class .company-data-wrapper .documents-wrapper .card-company-wrap .ant-form .ant-input, html[data-theme="dark"] .branch-offices-world-class .company-data-wrapper .documents-wrapper .card-company-wrap .ant-form .ant-input-number, html[data-theme="dark"] .branch-offices-world-class .company-data-wrapper .documents-wrapper .card-company-wrap .ant-form .ant-select-selector { background: var(--wc-surface) !important; border: 1px solid rgba(255, 255, 255, 0.12) !important; color: #fff !important; } .branch-offices-world-class .company-data-wrapper .branch-data-wrapper .card-company-wrap .ant-form .ant-input::placeholder, .branch-offices-world-class .company-data-wrapper .branch-data-wrapper .card-company-wrap .ant-form .ant-input-number::placeholder, .branch-offices-world-class .company-data-wrapper .branch-data-wrapper .card-company-wrap .ant-form .ant-select-selector::placeholder, .branch-offices-world-class .company-data-wrapper .bank-data-wrapper .card-company-wrap .ant-form .ant-input::placeholder, .branch-offices-world-class .company-data-wrapper .bank-data-wrapper .card-company-wrap .ant-form .ant-input-number::placeholder, .branch-offices-world-class .company-data-wrapper .bank-data-wrapper .card-company-wrap .ant-form .ant-select-selector::placeholder, .branch-offices-world-class .company-data-wrapper .documents-wrapper .card-company-wrap .ant-form .ant-input::placeholder, .branch-offices-world-class .company-data-wrapper .documents-wrapper .card-company-wrap .ant-form .ant-input-number::placeholder, .branch-offices-world-class .company-data-wrapper .documents-wrapper .card-company-wrap .ant-form .ant-select-selector::placeholder { color: var(--wc-text-sec); opacity: 0.5; } .branch-offices-world-class .company-data-wrapper .branch-data-wrapper .card-company-wrap .ant-form .ant-input:hover, .branch-offices-world-class .company-data-wrapper .branch-data-wrapper .card-company-wrap .ant-form .ant-input-number:hover, .branch-offices-world-class .company-data-wrapper .branch-data-wrapper .card-company-wrap .ant-form .ant-select-selector:hover, .branch-offices-world-class .company-data-wrapper .bank-data-wrapper .card-company-wrap .ant-form .ant-input:hover, .branch-offices-world-class .company-data-wrapper .bank-data-wrapper .card-company-wrap .ant-form .ant-input-number:hover, .branch-offices-world-class .company-data-wrapper .bank-data-wrapper .card-company-wrap .ant-form .ant-select-selector:hover, .branch-offices-world-class .company-data-wrapper .documents-wrapper .card-company-wrap .ant-form .ant-input:hover, .branch-offices-world-class .company-data-wrapper .documents-wrapper .card-company-wrap .ant-form .ant-input-number:hover, .branch-offices-world-class .company-data-wrapper .documents-wrapper .card-company-wrap .ant-form .ant-select-selector:hover { border-color: var(--wc-text-sec) !important; background: var(--wc-surface-hover) !important; } html[data-theme="dark"] .branch-offices-world-class .company-data-wrapper .branch-data-wrapper .card-company-wrap .ant-form .ant-input:hover, html[data-theme="dark"] .branch-offices-world-class .company-data-wrapper .branch-data-wrapper .card-company-wrap .ant-form .ant-input-number:hover, html[data-theme="dark"] .branch-offices-world-class .company-data-wrapper .branch-data-wrapper .card-company-wrap .ant-form .ant-select-selector:hover, html[data-theme="dark"] .branch-offices-world-class .company-data-wrapper .bank-data-wrapper .card-company-wrap .ant-form .ant-input:hover, html[data-theme="dark"] .branch-offices-world-class .company-data-wrapper .bank-data-wrapper .card-company-wrap .ant-form .ant-input-number:hover, html[data-theme="dark"] .branch-offices-world-class .company-data-wrapper .bank-data-wrapper .card-company-wrap .ant-form .ant-select-selector:hover, html[data-theme="dark"] .branch-offices-world-class .company-data-wrapper .documents-wrapper .card-company-wrap .ant-form .ant-input:hover, html[data-theme="dark"] .branch-offices-world-class .company-data-wrapper .documents-wrapper .card-company-wrap .ant-form .ant-input-number:hover, html[data-theme="dark"] .branch-offices-world-class .company-data-wrapper .documents-wrapper .card-company-wrap .ant-form .ant-select-selector:hover { border-color: rgba(255, 255, 255, 0.25) !important; background: rgba(0, 0, 0, 0.4) !important; } .branch-offices-world-class .company-data-wrapper .branch-data-wrapper .card-company-wrap .ant-form .ant-input:focus, .branch-offices-world-class .company-data-wrapper .branch-data-wrapper .card-company-wrap .ant-form .ant-input.ant-input-focused, .branch-offices-world-class .company-data-wrapper .branch-data-wrapper .card-company-wrap .ant-form .ant-input.ant-select-focused, .branch-offices-world-class .company-data-wrapper .branch-data-wrapper .card-company-wrap .ant-form .ant-input-number:focus, .branch-offices-world-class .company-data-wrapper .branch-data-wrapper .card-company-wrap .ant-form .ant-input-number.ant-input-focused, .branch-offices-world-class .company-data-wrapper .branch-data-wrapper .card-company-wrap .ant-form .ant-input-number.ant-select-focused, .branch-offices-world-class .company-data-wrapper .branch-data-wrapper .card-company-wrap .ant-form .ant-select-selector:focus, .branch-offices-world-class .company-data-wrapper .branch-data-wrapper .card-company-wrap .ant-form .ant-select-selector.ant-input-focused, .branch-offices-world-class .company-data-wrapper .branch-data-wrapper .card-company-wrap .ant-form .ant-select-selector.ant-select-focused, .branch-offices-world-class .company-data-wrapper .bank-data-wrapper .card-company-wrap .ant-form .ant-input:focus, .branch-offices-world-class .company-data-wrapper .bank-data-wrapper .card-company-wrap .ant-form .ant-input.ant-input-focused, .branch-offices-world-class .company-data-wrapper .bank-data-wrapper .card-company-wrap .ant-form .ant-input.ant-select-focused, .branch-offices-world-class .company-data-wrapper .bank-data-wrapper .card-company-wrap .ant-form .ant-input-number:focus, .branch-offices-world-class .company-data-wrapper .bank-data-wrapper .card-company-wrap .ant-form .ant-input-number.ant-input-focused, .branch-offices-world-class .company-data-wrapper .bank-data-wrapper .card-company-wrap .ant-form .ant-input-number.ant-select-focused, .branch-offices-world-class .company-data-wrapper .bank-data-wrapper .card-company-wrap .ant-form .ant-select-selector:focus, .branch-offices-world-class .company-data-wrapper .bank-data-wrapper .card-company-wrap .ant-form .ant-select-selector.ant-input-focused, .branch-offices-world-class .company-data-wrapper .bank-data-wrapper .card-company-wrap .ant-form .ant-select-selector.ant-select-focused, .branch-offices-world-class .company-data-wrapper .documents-wrapper .card-company-wrap .ant-form .ant-input:focus, .branch-offices-world-class .company-data-wrapper .documents-wrapper .card-company-wrap .ant-form .ant-input.ant-input-focused, .branch-offices-world-class .company-data-wrapper .documents-wrapper .card-company-wrap .ant-form .ant-input.ant-select-focused, .branch-offices-world-class .company-data-wrapper .documents-wrapper .card-company-wrap .ant-form .ant-input-number:focus, .branch-offices-world-class .company-data-wrapper .documents-wrapper .card-company-wrap .ant-form .ant-input-number.ant-input-focused, .branch-offices-world-class .company-data-wrapper .documents-wrapper .card-company-wrap .ant-form .ant-input-number.ant-select-focused, .branch-offices-world-class .company-data-wrapper .documents-wrapper .card-company-wrap .ant-form .ant-select-selector:focus, .branch-offices-world-class .company-data-wrapper .documents-wrapper .card-company-wrap .ant-form .ant-select-selector.ant-input-focused, .branch-offices-world-class .company-data-wrapper .documents-wrapper .card-company-wrap .ant-form .ant-select-selector.ant-select-focused { border-color: var(--wc-text-main) !important; background: var(--wc-surface) !important; box-shadow: 0 0 0 4px var(--wc-shadow) !important; } html[data-theme="dark"] .branch-offices-world-class .company-data-wrapper .branch-data-wrapper .card-company-wrap .ant-form .ant-input:focus, html[data-theme="dark"] .branch-offices-world-class .company-data-wrapper .branch-data-wrapper .card-company-wrap .ant-form .ant-input.ant-input-focused, html[data-theme="dark"] .branch-offices-world-class .company-data-wrapper .branch-data-wrapper .card-company-wrap .ant-form .ant-input.ant-select-focused, html[data-theme="dark"] .branch-offices-world-class .company-data-wrapper .branch-data-wrapper .card-company-wrap .ant-form .ant-input-number:focus, html[data-theme="dark"] .branch-offices-world-class .company-data-wrapper .branch-data-wrapper .card-company-wrap .ant-form .ant-input-number.ant-input-focused, html[data-theme="dark"] .branch-offices-world-class .company-data-wrapper .branch-data-wrapper .card-company-wrap .ant-form .ant-input-number.ant-select-focused, html[data-theme="dark"] .branch-offices-world-class .company-data-wrapper .branch-data-wrapper .card-company-wrap .ant-form .ant-select-selector:focus, html[data-theme="dark"] .branch-offices-world-class .company-data-wrapper .branch-data-wrapper .card-company-wrap .ant-form .ant-select-selector.ant-input-focused, html[data-theme="dark"] .branch-offices-world-class .company-data-wrapper .branch-data-wrapper .card-company-wrap .ant-form .ant-select-selector.ant-select-focused, html[data-theme="dark"] .branch-offices-world-class .company-data-wrapper .bank-data-wrapper .card-company-wrap .ant-form .ant-input:focus, html[data-theme="dark"] .branch-offices-world-class .company-data-wrapper .bank-data-wrapper .card-company-wrap .ant-form .ant-input.ant-input-focused, html[data-theme="dark"] .branch-offices-world-class .company-data-wrapper .bank-data-wrapper .card-company-wrap .ant-form .ant-input.ant-select-focused, html[data-theme="dark"] .branch-offices-world-class .company-data-wrapper .bank-data-wrapper .card-company-wrap .ant-form .ant-input-number:focus, html[data-theme="dark"] .branch-offices-world-class .company-data-wrapper .bank-data-wrapper .card-company-wrap .ant-form .ant-input-number.ant-input-focused, html[data-theme="dark"] .branch-offices-world-class .company-data-wrapper .bank-data-wrapper .card-company-wrap .ant-form .ant-input-number.ant-select-focused, html[data-theme="dark"] .branch-offices-world-class .company-data-wrapper .bank-data-wrapper .card-company-wrap .ant-form .ant-select-selector:focus, html[data-theme="dark"] .branch-offices-world-class .company-data-wrapper .bank-data-wrapper .card-company-wrap .ant-form .ant-select-selector.ant-input-focused, html[data-theme="dark"] .branch-offices-world-class .company-data-wrapper .bank-data-wrapper .card-company-wrap .ant-form .ant-select-selector.ant-select-focused, html[data-theme="dark"] .branch-offices-world-class .company-data-wrapper .documents-wrapper .card-company-wrap .ant-form .ant-input:focus, html[data-theme="dark"] .branch-offices-world-class .company-data-wrapper .documents-wrapper .card-company-wrap .ant-form .ant-input.ant-input-focused, html[data-theme="dark"] .branch-offices-world-class .company-data-wrapper .documents-wrapper .card-company-wrap .ant-form .ant-input.ant-select-focused, html[data-theme="dark"] .branch-offices-world-class .company-data-wrapper .documents-wrapper .card-company-wrap .ant-form .ant-input-number:focus, html[data-theme="dark"] .branch-offices-world-class .company-data-wrapper .documents-wrapper .card-company-wrap .ant-form .ant-input-number.ant-input-focused, html[data-theme="dark"] .branch-offices-world-class .company-data-wrapper .documents-wrapper .card-company-wrap .ant-form .ant-input-number.ant-select-focused, html[data-theme="dark"] .branch-offices-world-class .company-data-wrapper .documents-wrapper .card-company-wrap .ant-form .ant-select-selector:focus, html[data-theme="dark"] .branch-offices-world-class .company-data-wrapper .documents-wrapper .card-company-wrap .ant-form .ant-select-selector.ant-input-focused, html[data-theme="dark"] .branch-offices-world-class .company-data-wrapper .documents-wrapper .card-company-wrap .ant-form .ant-select-selector.ant-select-focused { border-color: rgba(255, 255, 255, 0.5) !important; background: rgba(0, 0, 0, 0.5) !important; box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.05) !important; } .branch-offices-world-class .company-data-wrapper .branch-data-wrapper .card-company-wrap .ant-form .ant-radio-group .ant-radio-wrapper, .branch-offices-world-class .company-data-wrapper .bank-data-wrapper .card-company-wrap .ant-form .ant-radio-group .ant-radio-wrapper, .branch-offices-world-class .company-data-wrapper .documents-wrapper .card-company-wrap .ant-form .ant-radio-group .ant-radio-wrapper { color: var(--wc-text-main) !important; margin-right: 16px; } html[data-theme="dark"] .branch-offices-world-class .company-data-wrapper .branch-data-wrapper .card-company-wrap .ant-form .ant-radio-group .ant-radio-wrapper, html[data-theme="dark"] .branch-offices-world-class .company-data-wrapper .bank-data-wrapper .card-company-wrap .ant-form .ant-radio-group .ant-radio-wrapper, html[data-theme="dark"] .branch-offices-world-class .company-data-wrapper .documents-wrapper .card-company-wrap .ant-form .ant-radio-group .ant-radio-wrapper { color: rgba(255, 255, 255, 0.8) !important; } .branch-offices-world-class .company-data-wrapper .branch-data-wrapper .card-company-wrap .ant-form .ant-radio-group .ant-radio-wrapper .ant-radio .ant-radio-inner, .branch-offices-world-class .company-data-wrapper .bank-data-wrapper .card-company-wrap .ant-form .ant-radio-group .ant-radio-wrapper .ant-radio .ant-radio-inner, .branch-offices-world-class .company-data-wrapper .documents-wrapper .card-company-wrap .ant-form .ant-radio-group .ant-radio-wrapper .ant-radio .ant-radio-inner { background: var(--wc-surface) !important; border-color: var(--wc-border) !important; } html[data-theme="dark"] .branch-offices-world-class .company-data-wrapper .branch-data-wrapper .card-company-wrap .ant-form .ant-radio-group .ant-radio-wrapper .ant-radio .ant-radio-inner, html[data-theme="dark"] .branch-offices-world-class .company-data-wrapper .bank-data-wrapper .card-company-wrap .ant-form .ant-radio-group .ant-radio-wrapper .ant-radio .ant-radio-inner, html[data-theme="dark"] .branch-offices-world-class .company-data-wrapper .documents-wrapper .card-company-wrap .ant-form .ant-radio-group .ant-radio-wrapper .ant-radio .ant-radio-inner { background: rgba(0, 0, 0, 0.3) !important; border-color: rgba(255, 255, 255, 0.3) !important; } .branch-offices-world-class .company-data-wrapper .branch-data-wrapper .card-company-wrap .ant-form .ant-radio-group .ant-radio-wrapper .ant-radio.ant-radio-checked .ant-radio-inner, .branch-offices-world-class .company-data-wrapper .bank-data-wrapper .card-company-wrap .ant-form .ant-radio-group .ant-radio-wrapper .ant-radio.ant-radio-checked .ant-radio-inner, .branch-offices-world-class .company-data-wrapper .documents-wrapper .card-company-wrap .ant-form .ant-radio-group .ant-radio-wrapper .ant-radio.ant-radio-checked .ant-radio-inner { background: #ff6600 !important; border-color: #ff6600 !important; } .branch-offices-world-class .company-data-wrapper .branch-data-wrapper .card-company-wrap .ant-form .ant-upload.ant-upload-select-picture-card, .branch-offices-world-class .company-data-wrapper .bank-data-wrapper .card-company-wrap .ant-form .ant-upload.ant-upload-select-picture-card, .branch-offices-world-class .company-data-wrapper .documents-wrapper .card-company-wrap .ant-form .ant-upload.ant-upload-select-picture-card { background: var(--wc-surface-hover) !important; border: 1px dashed var(--wc-border) !important; border-radius: 12px !important; color: var(--wc-text-sec) !important; } html[data-theme="dark"] .branch-offices-world-class .company-data-wrapper .branch-data-wrapper .card-company-wrap .ant-form .ant-upload.ant-upload-select-picture-card, html[data-theme="dark"] .branch-offices-world-class .company-data-wrapper .bank-data-wrapper .card-company-wrap .ant-form .ant-upload.ant-upload-select-picture-card, html[data-theme="dark"] .branch-offices-world-class .company-data-wrapper .documents-wrapper .card-company-wrap .ant-form .ant-upload.ant-upload-select-picture-card { background: rgba(255, 255, 255, 0.04) !important; border: 1px dashed rgba(255, 255, 255, 0.2) !important; color: rgba(255, 255, 255, 0.6) !important; } .branch-offices-world-class .company-data-wrapper .branch-data-wrapper .card-company-wrap .ant-form .ant-upload.ant-upload-select-picture-card:hover, .branch-offices-world-class .company-data-wrapper .bank-data-wrapper .card-company-wrap .ant-form .ant-upload.ant-upload-select-picture-card:hover, .branch-offices-world-class .company-data-wrapper .documents-wrapper .card-company-wrap .ant-form .ant-upload.ant-upload-select-picture-card:hover { border-color: var(--wc-text-main) !important; } html[data-theme="dark"] .branch-offices-world-class .company-data-wrapper .branch-data-wrapper .card-company-wrap .ant-form .ant-upload.ant-upload-select-picture-card:hover, html[data-theme="dark"] .branch-offices-world-class .company-data-wrapper .bank-data-wrapper .card-company-wrap .ant-form .ant-upload.ant-upload-select-picture-card:hover, html[data-theme="dark"] .branch-offices-world-class .company-data-wrapper .documents-wrapper .card-company-wrap .ant-form .ant-upload.ant-upload-select-picture-card:hover { border-color: #fff !important; } .branch-offices-world-class .company-data-wrapper .branch-data-wrapper .card-company-wrap .ant-form .ant-upload-list-picture-card .ant-upload-list-item, .branch-offices-world-class .company-data-wrapper .branch-data-wrapper .card-company-wrap .ant-form .ant-upload-list-picture .ant-upload-list-item, .branch-offices-world-class .company-data-wrapper .bank-data-wrapper .card-company-wrap .ant-form .ant-upload-list-picture-card .ant-upload-list-item, .branch-offices-world-class .company-data-wrapper .bank-data-wrapper .card-company-wrap .ant-form .ant-upload-list-picture .ant-upload-list-item, .branch-offices-world-class .company-data-wrapper .documents-wrapper .card-company-wrap .ant-form .ant-upload-list-picture-card .ant-upload-list-item, .branch-offices-world-class .company-data-wrapper .documents-wrapper .card-company-wrap .ant-form .ant-upload-list-picture .ant-upload-list-item { background: var(--wc-surface) !important; border: 1px solid var(--wc-border) !important; border-radius: 12px !important; color: var(--wc-text-main) !important; } html[data-theme="dark"] .branch-offices-world-class .company-data-wrapper .branch-data-wrapper .card-company-wrap .ant-form .ant-upload-list-picture-card .ant-upload-list-item, html[data-theme="dark"] .branch-offices-world-class .company-data-wrapper .branch-data-wrapper .card-company-wrap .ant-form .ant-upload-list-picture .ant-upload-list-item, html[data-theme="dark"] .branch-offices-world-class .company-data-wrapper .bank-data-wrapper .card-company-wrap .ant-form .ant-upload-list-picture-card .ant-upload-list-item, html[data-theme="dark"] .branch-offices-world-class .company-data-wrapper .bank-data-wrapper .card-company-wrap .ant-form .ant-upload-list-picture .ant-upload-list-item, html[data-theme="dark"] .branch-offices-world-class .company-data-wrapper .documents-wrapper .card-company-wrap .ant-form .ant-upload-list-picture-card .ant-upload-list-item, html[data-theme="dark"] .branch-offices-world-class .company-data-wrapper .documents-wrapper .card-company-wrap .ant-form .ant-upload-list-picture .ant-upload-list-item { background: rgba(0, 0, 0, 0.3) !important; border: 1px solid rgba(255, 255, 255, 0.12) !important; color: #fff !important; } .branch-offices-world-class .company-data-wrapper .branch-data-wrapper .card-company-wrap .ant-form .ant-upload-list-picture-card .ant-upload-list-item .ant-upload-list-item-name, .branch-offices-world-class .company-data-wrapper .branch-data-wrapper .card-company-wrap .ant-form .ant-upload-list-picture .ant-upload-list-item .ant-upload-list-item-name, .branch-offices-world-class .company-data-wrapper .bank-data-wrapper .card-company-wrap .ant-form .ant-upload-list-picture-card .ant-upload-list-item .ant-upload-list-item-name, .branch-offices-world-class .company-data-wrapper .bank-data-wrapper .card-company-wrap .ant-form .ant-upload-list-picture .ant-upload-list-item .ant-upload-list-item-name, .branch-offices-world-class .company-data-wrapper .documents-wrapper .card-company-wrap .ant-form .ant-upload-list-picture-card .ant-upload-list-item .ant-upload-list-item-name, .branch-offices-world-class .company-data-wrapper .documents-wrapper .card-company-wrap .ant-form .ant-upload-list-picture .ant-upload-list-item .ant-upload-list-item-name { color: var(--wc-text-sec) !important; } html[data-theme="dark"] .branch-offices-world-class .company-data-wrapper .branch-data-wrapper .card-company-wrap .ant-form .ant-upload-list-picture-card .ant-upload-list-item .ant-upload-list-item-name, html[data-theme="dark"] .branch-offices-world-class .company-data-wrapper .branch-data-wrapper .card-company-wrap .ant-form .ant-upload-list-picture .ant-upload-list-item .ant-upload-list-item-name, html[data-theme="dark"] .branch-offices-world-class .company-data-wrapper .bank-data-wrapper .card-company-wrap .ant-form .ant-upload-list-picture-card .ant-upload-list-item .ant-upload-list-item-name, html[data-theme="dark"] .branch-offices-world-class .company-data-wrapper .bank-data-wrapper .card-company-wrap .ant-form .ant-upload-list-picture .ant-upload-list-item .ant-upload-list-item-name, html[data-theme="dark"] .branch-offices-world-class .company-data-wrapper .documents-wrapper .card-company-wrap .ant-form .ant-upload-list-picture-card .ant-upload-list-item .ant-upload-list-item-name, html[data-theme="dark"] .branch-offices-world-class .company-data-wrapper .documents-wrapper .card-company-wrap .ant-form .ant-upload-list-picture .ant-upload-list-item .ant-upload-list-item-name { color: rgba(255, 255, 255, 0.8) !important; } .branch-offices-world-class .company-data-wrapper .branch-data-wrapper .card-company-wrap .ant-form .ant-btn, .branch-offices-world-class .company-data-wrapper .bank-data-wrapper .card-company-wrap .ant-form .ant-btn, .branch-offices-world-class .company-data-wrapper .documents-wrapper .card-company-wrap .ant-form .ant-btn { border-radius: 12px !important; height: 44px !important; font-weight: 600 !important; transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important; } .branch-offices-world-class .company-data-wrapper .branch-data-wrapper .card-company-wrap .ant-form .ant-btn:not(.ant-btn-primary), .branch-offices-world-class .company-data-wrapper .bank-data-wrapper .card-company-wrap .ant-form .ant-btn:not(.ant-btn-primary), .branch-offices-world-class .company-data-wrapper .documents-wrapper .card-company-wrap .ant-form .ant-btn:not(.ant-btn-primary) { background: var(--wc-surface-hover) !important; border: 1px solid var(--wc-border) !important; color: var(--wc-text-main) !important; } html[data-theme="dark"] .branch-offices-world-class .company-data-wrapper .branch-data-wrapper .card-company-wrap .ant-form .ant-btn:not(.ant-btn-primary), html[data-theme="dark"] .branch-offices-world-class .company-data-wrapper .bank-data-wrapper .card-company-wrap .ant-form .ant-btn:not(.ant-btn-primary), html[data-theme="dark"] .branch-offices-world-class .company-data-wrapper .documents-wrapper .card-company-wrap .ant-form .ant-btn:not(.ant-btn-primary) { background: rgba(255, 255, 255, 0.08) !important; border: 1px solid rgba(255, 255, 255, 0.1) !important; color: #fff !important; } .branch-offices-world-class .company-data-wrapper .branch-data-wrapper .card-company-wrap .ant-form .ant-btn:not(.ant-btn-primary):hover, .branch-offices-world-class .company-data-wrapper .bank-data-wrapper .card-company-wrap .ant-form .ant-btn:not(.ant-btn-primary):hover, .branch-offices-world-class .company-data-wrapper .documents-wrapper .card-company-wrap .ant-form .ant-btn:not(.ant-btn-primary):hover { background: var(--wc-surface) !important; transform: translateY(-1px); border-color: var(--wc-text-sec) !important; } html[data-theme="dark"] .branch-offices-world-class .company-data-wrapper .branch-data-wrapper .card-company-wrap .ant-form .ant-btn:not(.ant-btn-primary):hover, html[data-theme="dark"] .branch-offices-world-class .company-data-wrapper .bank-data-wrapper .card-company-wrap .ant-form .ant-btn:not(.ant-btn-primary):hover, html[data-theme="dark"] .branch-offices-world-class .company-data-wrapper .documents-wrapper .card-company-wrap .ant-form .ant-btn:not(.ant-btn-primary):hover { background: rgba(255, 255, 255, 0.15) !important; border-color: rgba(255, 255, 255, 0.25) !important; } .branch-offices-world-class .company-data-wrapper .branch-data-wrapper .card-company-wrap .ant-form .ant-btn.ant-btn-primary, .branch-offices-world-class .company-data-wrapper .bank-data-wrapper .card-company-wrap .ant-form .ant-btn.ant-btn-primary, .branch-offices-world-class .company-data-wrapper .documents-wrapper .card-company-wrap .ant-form .ant-btn.ant-btn-primary { background: var(--wc-btn-bg) !important; color: var(--wc-btn-text) !important; border: none !important; } .branch-offices-world-class .company-data-wrapper .branch-data-wrapper .card-company-wrap .ant-form .ant-btn.ant-btn-primary:hover, .branch-offices-world-class .company-data-wrapper .bank-data-wrapper .card-company-wrap .ant-form .ant-btn.ant-btn-primary:hover, .branch-offices-world-class .company-data-wrapper .documents-wrapper .card-company-wrap .ant-form .ant-btn.ant-btn-primary:hover { transform: translateY(-1px); opacity: 0.9; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1) !important; transform: translateY(-1px); box-shadow: 0 4px 12px rgba(255, 255, 255, 0.2) !important; } html[data-theme="dark"] .branch-offices-world-class .company-data-wrapper .branch-data-wrapper .card-company-wrap .ant-form .ant-btn.ant-btn-primary:hover, html[data-theme="dark"] .branch-offices-world-class .company-data-wrapper .bank-data-wrapper .card-company-wrap .ant-form .ant-btn.ant-btn-primary:hover, html[data-theme="dark"] .branch-offices-world-class .company-data-wrapper .documents-wrapper .card-company-wrap .ant-form .ant-btn.ant-btn-primary:hover { background: rgba(255, 255, 255, 0.9) !important; box-shadow: 0 4px 12px rgba(255, 255, 255, 0.1) !important; } html[data-theme="dark"] .branch-offices-world-class .company-data-wrapper .branch-data-wrapper .card-company-wrap .ant-form-item, html[data-theme="dark"] .branch-offices-world-class .company-data-wrapper .bank-data-wrapper .card-company-wrap .ant-form-item, html[data-theme="dark"] .branch-offices-world-class .company-data-wrapper .documents-wrapper .card-company-wrap .ant-form-item { color: rgba(255, 255, 255, 0.8) !important; } html[data-theme="dark"] .branch-offices-world-class .company-data-wrapper .branch-data-wrapper .card-company-wrap .ant-form-item .ant-form-item-label > label, html[data-theme="dark"] .branch-offices-world-class .company-data-wrapper .bank-data-wrapper .card-company-wrap .ant-form-item .ant-form-item-label > label, html[data-theme="dark"] .branch-offices-world-class .company-data-wrapper .documents-wrapper .card-company-wrap .ant-form-item .ant-form-item-label > label { color: rgba(255, 255, 255, 0.8) !important; } html[data-theme="dark"] .branch-offices-world-class .company-data-wrapper .branch-data-wrapper .card-company-wrap .ant-form-item .ant-form-item-explain, html[data-theme="dark"] .branch-offices-world-class .company-data-wrapper .bank-data-wrapper .card-company-wrap .ant-form-item .ant-form-item-explain, html[data-theme="dark"] .branch-offices-world-class .company-data-wrapper .documents-wrapper .card-company-wrap .ant-form-item .ant-form-item-explain { color: rgba(239, 68, 68, 0.8) !important; } .branch-offices-world-class .company-data-wrapper .branch-data-wrapper .card-company-wrap .box-pending, .branch-offices-world-class .company-data-wrapper .branch-data-wrapper .card-company-wrap .box-rejected, .branch-offices-world-class .company-data-wrapper .branch-data-wrapper .card-company-wrap .box-validate, .branch-offices-world-class .company-data-wrapper .bank-data-wrapper .card-company-wrap .box-pending, .branch-offices-world-class .company-data-wrapper .bank-data-wrapper .card-company-wrap .box-rejected, .branch-offices-world-class .company-data-wrapper .bank-data-wrapper .card-company-wrap .box-validate, .branch-offices-world-class .company-data-wrapper .documents-wrapper .card-company-wrap .box-pending, .branch-offices-world-class .company-data-wrapper .documents-wrapper .card-company-wrap .box-rejected, .branch-offices-world-class .company-data-wrapper .documents-wrapper .card-company-wrap .box-validate { padding: 6px 14px; border-radius: 100px; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; display: inline-block; margin-top: 8px; } .branch-offices-world-class .company-data-wrapper .branch-data-wrapper .card-company-wrap .box-pending, .branch-offices-world-class .company-data-wrapper .bank-data-wrapper .card-company-wrap .box-pending, .branch-offices-world-class .company-data-wrapper .documents-wrapper .card-company-wrap .box-pending { background: rgba(107, 114, 128, 0.9); color: #fff; border: 1px solid rgba(255, 255, 255, 0.1); } .branch-offices-world-class .company-data-wrapper .branch-data-wrapper .card-company-wrap .box-rejected, .branch-offices-world-class .company-data-wrapper .bank-data-wrapper .card-company-wrap .box-rejected, .branch-offices-world-class .company-data-wrapper .documents-wrapper .card-company-wrap .box-rejected { background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%); color: #fff; box-shadow: 0 4px 16px rgba(239, 68, 68, 0.4); } .branch-offices-world-class .company-data-wrapper .branch-data-wrapper .card-company-wrap .box-validate, .branch-offices-world-class .company-data-wrapper .bank-data-wrapper .card-company-wrap .box-validate, .branch-offices-world-class .company-data-wrapper .documents-wrapper .card-company-wrap .box-validate { background: linear-gradient(135deg, #10b981 0%, #059669 100%); color: #fff; box-shadow: 0 4px 16px rgba(16, 185, 129, 0.4); } .center-image-preview.ant-modal .ant-modal-content { background: var(--wc-card-bg) !important; backdrop-filter: var(--wc-glass-blur) !important; border: 1px solid var(--wc-card-border) !important; border-radius: 24px !important; box-shadow: var(--wc-card-shadow) !important; } html[data-theme="dark"] .center-image-preview.ant-modal .ant-modal-content { background: rgba(20, 20, 20, 0.95) !important; } .center-image-preview.ant-modal .ant-modal-content .ant-modal-header { background: transparent !important; border-bottom: 1px solid var(--wc-divider) !important; } .center-image-preview.ant-modal .ant-modal-content .ant-modal-header .ant-modal-title { color: var(--wc-text-main) !important; } html[data-theme="dark"] .center-image-preview.ant-modal .ant-modal-content .ant-modal-header .ant-modal-title { color: #fff !important; } .center-image-preview.ant-modal .ant-modal-content .ant-modal-close-x { color: var(--wc-text-sec) !important; } .center-image-preview.ant-modal .ant-modal-content .ant-modal-close-x:hover { color: var(--wc-text-main) !important; } html[data-theme="dark"] .center-image-preview.ant-modal .ant-modal-content .ant-modal-close-x { color: rgba(255, 255, 255, 0.5) !important; } html[data-theme="dark"] .center-image-preview.ant-modal .ant-modal-content .ant-modal-close-x:hover { color: #fff !important; } .branch-offices-world-class .documents-wrapper .box-pending, .branch-offices-world-class .documents-wrapper .box-rejected, .branch-offices-world-class .documents-wrapper .box-validate { width: auto !important; height: auto !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; line-height: 1 !important; padding: 6px 14px !important; font-size: 11px !important; white-space: nowrap !important; } [class*="-control"]:not([class*="ant-"]) { background-color: var(--wc-surface) !important; border: 1px solid var(--wc-border) !important; border-radius: 12px !important; min-height: 44px !important; box-shadow: none !important; transition: all 0.2s ease !important; } html[data-theme="dark"] [class*="-control"]:not([class*="ant-"]) { background-color: var(--wc-surface) !important; border: 1px solid rgba(255, 255, 255, 0.12) !important; } [class*="-control"]:not([class*="ant-"]):hover { border-color: var(--wc-text-sec) !important; } html[data-theme="dark"] [class*="-control"]:not([class*="ant-"]):hover { border-color: rgba(255, 255, 255, 0.3) !important; } [class*="-menu"] { background-color: var(--wc-surface) !important; backdrop-filter: blur(40px) saturate(180%) !important; border: 1px solid var(--wc-border) !important; border-radius: 12px !important; box-shadow: var(--wc-shadow) !important; overflow: hidden !important; margin-top: 4px !important; z-index: 9999 !important; } html[data-theme="dark"] [class*="-menu"] { background-color: rgba(20, 20, 20, 0.98) !important; border: 1px solid rgba(255, 255, 255, 0.1) !important; box-shadow: 0 10px 40px rgba(0, 0, 0, 0.6) !important; } [class*="-MenuList"] { padding: 8px !important; } div[class*="react-select"][class*="-option"], .react-select__option { background-color: transparent !important; color: var(--wc-text-main) !important; border-radius: 8px !important; padding: 10px 12px !important; cursor: pointer !important; } html[data-theme="dark"] div[class*="react-select"][class*="-option"], html[data-theme="dark"] .react-select__option { color: rgba(255, 255, 255, 0.8) !important; } div[class*="react-select"][class*="-option"]:hover, .react-select__option:hover { background-color: var(--wc-surface-hover) !important; color: var(--wc-text-main) !important; } html[data-theme="dark"] div[class*="react-select"][class*="-option"]:hover, html[data-theme="dark"] .react-select__option:hover { background-color: rgba(255, 255, 255, 0.08) !important; color: #fff !important; } div[class*="react-select"][class*="-option"]:active, .react-select__option:active { background-color: var(--wc-surface-hover) !important; opacity: 0.8; } html[data-theme="dark"] div[class*="react-select"][class*="-option"]:active, html[data-theme="dark"] .react-select__option:active { background-color: rgba(255, 255, 255, 0.12) !important; } div[class*="react-select"][class*="-option"][aria-selected="true"], .react-select__option--is-selected { background-color: var(--wc-surface-hover) !important; color: var(--wc-text-main) !important; font-weight: 600 !important; } html[data-theme="dark"] div[class*="react-select"][class*="-option"][aria-selected="true"], html[data-theme="dark"] .react-select__option--is-selected { background-color: rgba(255, 255, 255, 0.12) !important; color: #fff !important; } [class*="-group"] { padding-top: 8px !important; } [class*="-group"] > div:first-child { color: var(--wc-text-sec) !important; font-size: 11px !important; font-weight: 600 !important; text-transform: uppercase !important; letter-spacing: 0.5px !important; padding: 4px 12px !important; } html[data-theme="dark"] [class*="-group"] > div:first-child { color: rgba(255, 255, 255, 0.5) !important; } [class*="-singleValue"], [class*="-placeholder"] { color: var(--wc-text-main) !important; } html[data-theme="dark"] [class*="-singleValue"], html[data-theme="dark"] [class*="-placeholder"] { color: #fff !important; } [class*="-Input"] input { color: var(--wc-text-main) !important; } html[data-theme="dark"] [class*="-Input"] input { color: #fff !important; } [class*="-indicatorContainer"] { color: var(--wc-text-sec) !important; } html[data-theme="dark"] [class*="-indicatorContainer"] { color: rgba(255, 255, 255, 0.5) !important; } [class*="-indicatorContainer"]:hover { color: var(--wc-text-main) !important; } html[data-theme="dark"] [class*="-indicatorContainer"]:hover { color: #fff !important; } html[data-theme="dark"] .branch-offices-world-class .company-data-wrapper .branch-data-wrapper .card-company-wrap .ant-form-item, html[data-theme="dark"] .branch-offices-world-class .company-data-wrapper .bank-data-wrapper .card-company-wrap .ant-form-item, html[data-theme="dark"] .branch-offices-world-class .company-data-wrapper .documents-wrapper .card-company-wrap .ant-form-item { color: rgba(255, 255, 255, 0.8) !important; } :root { --wc-bg: #FFFFFF; --wc-text-main: #111827; --wc-text-sec: #6B7280; --wc-surface: #FFFFFF; --wc-surface-hover: #F8FAFC; --wc-border: #E5E7EB; --wc-shadow: 0 10px 30px rgba(0, 0, 0, 0.05); --wc-shadow-sm: 0 4px 12px rgba(0, 0, 0, 0.03); } html[data-theme="dark"] { --wc-bg: #0f172a; --wc-text-main: #f8fafc; --wc-text-sec: #CCCCCC; --wc-surface: rgba(255, 255, 255, 0.04); --wc-surface-hover: rgba(255, 255, 255, 0.08); --wc-border: rgba(255, 255, 255, 0.1); --wc-shadow: 0 20px 50px rgba(0, 0, 0, 0.3); --wc-shadow-sm: 0 8px 24px rgba(0, 0, 0, 0.2); } .wc-margin-right-15 { margin-right: 15px !important; } .wc-margin-right-8 { margin-right: 8px !important; } .wc-margin-bottom-7 { margin-bottom: 7px !important; } .wc-margin-bottom-16 { margin-bottom: 16px !important; } .wc-margin-top-0 { margin-top: 0px !important; } .wc-margin-top-7 { margin-top: 7px !important; } .wc-margin-top-10 { margin-top: 10px !important; } .wc-margin-top-16 { margin-top: 16px !important; } .wc-margin-top-1rem { margin-top: 1rem !important; } .wc-margin-top-15 { margin-top: 15px !important; } .wc-margin-left-15 { margin-left: 15px !important; } .wc-margin-left-8 { margin-left: 8px !important; } .wc-gap-5 { gap: 5px !important; } .wc-width-100 { width: 100% !important; } .wc-padding-left-10 { padding-left: 10px !important; } .wc-error-text { color: #ff4d4f !important; } .wc-text-center { text-align: center !important; } .wc-margin-0 { margin: 0 !important; } .wc-flex-1 { flex: 1 !important; } .wc-font-18 { font-size: 18px !important; } .wc-font-20 { font-size: 20px !important; } .theme-large-icon { font-size: 3rem !important; color: var(--wc-text-main) !important; margin-bottom: 16px; } .wc-text-primary { color: var(--wc-text-main) !important; } html[data-theme="dark"] .wc-text-primary { color: #fff !important; } .wc-text-secondary { color: var(--wc-text-sec) !important; } html[data-theme="dark"] .wc-text-secondary { color: rgba(255, 255, 255, 0.6) !important; } .empty-search-icon { font-size: 3rem !important; margin-bottom: 1rem; margin-top: 1.5rem; color: var(--wc-text-sec) !important; opacity: 0.5; } .admin-world-class { min-height: 100vh; background: transparent; color: var(--wc-text-main); font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; padding: 0; } @media (max-width: 768px) { .admin-world-class { padding: 0 16px; } } .admin-world-class .animate-fade-in { animation: fadeInUp 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards; } @keyframes fadeInUp { from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: translateY(0); } } .admin-world-class .event-main-card, .admin-world-class .admin-content-card, .admin-world-class .admin-header-card { background: rgba(255, 255, 255, 0.4) !important; backdrop-filter: blur(20px) saturate(180%) !important; border: 1px solid rgba(255, 255, 255, 0.3) !important; border-radius: 24px !important; box-shadow: var(--wc-shadow) !important; padding: 32px !important; margin-bottom: 24px; transition: all 0.3s ease; } html[data-theme="dark"] .admin-world-class .event-main-card, html[data-theme="dark"] .admin-world-class .admin-content-card, html[data-theme="dark"] .admin-world-class .admin-header-card { background: rgba(255, 255, 255, 0.02) !important; border: 1px solid rgba(255, 255, 255, 0.05) !important; box-shadow: 0 24px 80px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(255, 255, 255, 0.01) inset !important; } @media (max-width: 768px) { .admin-world-class .event-main-card, .admin-world-class .admin-content-card, .admin-world-class .admin-header-card { padding: 20px !important; border-radius: 20px !important; } } .admin-world-class .admin-header-card { background: transparent !important; border: none !important; box-shadow: none !important; padding: 0 !important; backdrop-filter: none !important; margin-bottom: 32px; } .admin-world-class .admin-header-card .event-header-title-row h1 { font-size: 40px; font-weight: 700; letter-spacing: -1px; margin-bottom: 8px; color: var(--wc-text-main); } html[data-theme="dark"] .admin-world-class .admin-header-card .event-header-title-row h1 { background: linear-gradient(180deg, #fff 0%, rgba(255, 255, 255, 0.7) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .admin-world-class .admin-header-card .event-header-title-row .company-meta { font-size: 16px; color: var(--wc-text-sec); font-weight: 500; } .admin-world-class .event-sidebar-premium { padding-right: 32px; } .admin-world-class .event-sidebar-premium .event-sidebar-inner { position: sticky; top: 24px; } .admin-world-class .event-sidebar-premium .event-sidebar-back-button { margin-bottom: 40px; } .admin-world-class .event-sidebar-premium .event-sidebar-back-button .back-button-minimal { color: var(--wc-text-sec); padding: 0; height: auto; font-size: 15px; transition: all 0.2s ease; } .admin-world-class .event-sidebar-premium .event-sidebar-back-button .back-button-minimal:hover { color: #fff; background: transparent; } .admin-world-class .event-sidebar-premium .event-sidebar-back-button .back-button-minimal:hover .custom-arrow-icon { transform: translateX(-4px); } .admin-world-class .event-sidebar-premium .event-sidebar-back-button .back-button-minimal .custom-arrow-icon { margin-right: 12px; width: 20px; transition: transform 0.2s ease; filter: var(--wc-filter-icon); } .admin-world-class .event-sidebar-premium .event-sidebar-menu.ant-menu { background: transparent; border: none; } .admin-world-class .event-sidebar-premium .event-sidebar-menu.ant-menu .ant-menu-item { height: 48px; line-height: 48px; margin-bottom: 4px; padding: 0 16px !important; border-radius: 12px; color: var(--wc-text-sec); font-size: 15px; font-weight: 500; transition: all 0.2s ease; border: 1px solid transparent; } .admin-world-class .event-sidebar-premium .event-sidebar-menu.ant-menu .ant-menu-item .anticon { font-size: 18px; margin-right: 16px; opacity: 0.7; transition: all 0.2s ease; } .admin-world-class .event-sidebar-premium .event-sidebar-menu.ant-menu .ant-menu-item:hover { color: var(--wc-text-main); background: var(--wc-surface-hover); } .admin-world-class .event-sidebar-premium .event-sidebar-menu.ant-menu .ant-menu-item:hover .anticon { opacity: 1; } .admin-world-class .event-sidebar-premium .event-sidebar-menu.ant-menu .ant-menu-item.ant-menu-item-selected { background: var(--wc-surface-hover); color: var(--wc-text-main); border: none !important; font-weight: 600; box-shadow: var(--wc-shadow); } .admin-world-class .event-sidebar-premium .event-sidebar-menu.ant-menu .ant-menu-item.ant-menu-item-selected .anticon { opacity: 1; color: var(--wc-text-main); } html[data-theme="dark"] .admin-world-class .event-sidebar-premium .event-sidebar-menu.ant-menu .ant-menu-item { color: rgba(255, 255, 255, 0.6); } html[data-theme="dark"] .admin-world-class .event-sidebar-premium .event-sidebar-menu.ant-menu .ant-menu-item:hover { color: #fff; background: rgba(255, 255, 255, 0.05); } html[data-theme="dark"] .admin-world-class .event-sidebar-premium .event-sidebar-menu.ant-menu .ant-menu-item.ant-menu-item-selected { background: rgba(255, 255, 255, 0.1); color: #fff; border: none !important; } html[data-theme="dark"] .admin-world-class .event-sidebar-premium .event-sidebar-menu.ant-menu .ant-menu-item.ant-menu-item-selected .anticon { color: #fff; } .admin-world-class h1, .admin-world-class h2, .admin-world-class h3, .admin-world-class h4, .admin-world-class h5 { color: var(--wc-text-main) !important; } .admin-world-class .theme-text { color: var(--wc-text-main) !important; } .admin-world-class .ant-input, .admin-world-class .ant-input-number, .admin-world-class .ant-input-password, .admin-world-class .ant-select-selector, .admin-world-class .ant-picker, .admin-world-class .ant-input-textarea { background: var(--wc-surface) !important; border: 1px solid var(--wc-border) !important; border-radius: 12px !important; color: var(--wc-text-main) !important; backdrop-filter: blur(10px); transition: all 0.2s ease; padding: 8px 16px !important; height: 44px !important; box-shadow: none !important; } html[data-theme="dark"] .admin-world-class .ant-input, html[data-theme="dark"] .admin-world-class .ant-input-number, html[data-theme="dark"] .admin-world-class .ant-input-password, html[data-theme="dark"] .admin-world-class .ant-select-selector, html[data-theme="dark"] .admin-world-class .ant-picker, html[data-theme="dark"] .admin-world-class .ant-input-textarea { background: rgba(0, 0, 0, 0.3) !important; border: 1px solid rgba(255, 255, 255, 0.12) !important; color: #fff !important; } .admin-world-class .ant-input::placeholder, .admin-world-class .ant-input-number::placeholder, .admin-world-class .ant-input-password::placeholder, .admin-world-class .ant-select-selector::placeholder, .admin-world-class .ant-picker::placeholder, .admin-world-class .ant-input-textarea::placeholder { color: var(--wc-text-sec) !important; opacity: 0.5; } .admin-world-class .ant-input:hover, .admin-world-class .ant-input-number:hover, .admin-world-class .ant-input-password:hover, .admin-world-class .ant-select-selector:hover, .admin-world-class .ant-picker:hover, .admin-world-class .ant-input-textarea:hover { border-color: var(--wc-border) !important; background: var(--wc-surface-hover) !important; } html[data-theme="dark"] .admin-world-class .ant-input:hover, html[data-theme="dark"] .admin-world-class .ant-input-number:hover, html[data-theme="dark"] .admin-world-class .ant-input-password:hover, html[data-theme="dark"] .admin-world-class .ant-select-selector:hover, html[data-theme="dark"] .admin-world-class .ant-picker:hover, html[data-theme="dark"] .admin-world-class .ant-input-textarea:hover { border-color: rgba(255, 255, 255, 0.25) !important; background: rgba(0, 0, 0, 0.4) !important; } .admin-world-class .ant-input:focus, .admin-world-class .ant-input.ant-input-focused, .admin-world-class .ant-input.ant-select-focused .ant-select-selector, .admin-world-class .ant-input-number:focus, .admin-world-class .ant-input-number.ant-input-focused, .admin-world-class .ant-input-number.ant-select-focused .ant-select-selector, .admin-world-class .ant-input-password:focus, .admin-world-class .ant-input-password.ant-input-focused, .admin-world-class .ant-input-password.ant-select-focused .ant-select-selector, .admin-world-class .ant-select-selector:focus, .admin-world-class .ant-select-selector.ant-input-focused, .admin-world-class .ant-select-selector.ant-select-focused .ant-select-selector, .admin-world-class .ant-picker:focus, .admin-world-class .ant-picker.ant-input-focused, .admin-world-class .ant-picker.ant-select-focused .ant-select-selector, .admin-world-class .ant-input-textarea:focus, .admin-world-class .ant-input-textarea.ant-input-focused, .admin-world-class .ant-input-textarea.ant-select-focused .ant-select-selector { border-color: var(--wc-border) !important; background: var(--wc-surface-hover) !important; box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.05) !important; } html[data-theme="dark"] .admin-world-class .ant-input:focus, html[data-theme="dark"] .admin-world-class .ant-input.ant-input-focused, html[data-theme="dark"] .admin-world-class .ant-input.ant-select-focused .ant-select-selector, html[data-theme="dark"] .admin-world-class .ant-input-number:focus, html[data-theme="dark"] .admin-world-class .ant-input-number.ant-input-focused, html[data-theme="dark"] .admin-world-class .ant-input-number.ant-select-focused .ant-select-selector, html[data-theme="dark"] .admin-world-class .ant-input-password:focus, html[data-theme="dark"] .admin-world-class .ant-input-password.ant-input-focused, html[data-theme="dark"] .admin-world-class .ant-input-password.ant-select-focused .ant-select-selector, html[data-theme="dark"] .admin-world-class .ant-select-selector:focus, html[data-theme="dark"] .admin-world-class .ant-select-selector.ant-input-focused, html[data-theme="dark"] .admin-world-class .ant-select-selector.ant-select-focused .ant-select-selector, html[data-theme="dark"] .admin-world-class .ant-picker:focus, html[data-theme="dark"] .admin-world-class .ant-picker.ant-input-focused, html[data-theme="dark"] .admin-world-class .ant-picker.ant-select-focused .ant-select-selector, html[data-theme="dark"] .admin-world-class .ant-input-textarea:focus, html[data-theme="dark"] .admin-world-class .ant-input-textarea.ant-input-focused, html[data-theme="dark"] .admin-world-class .ant-input-textarea.ant-select-focused .ant-select-selector { border-color: rgba(255, 255, 255, 0.5) !important; background: rgba(0, 0, 0, 0.5) !important; box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.05) !important; } .admin-world-class .ant-input-number-input { height: 42px !important; color: var(--wc-text-main) !important; } html[data-theme="dark"] .admin-world-class .ant-input-number-input { color: #fff !important; } .admin-world-class .ant-select-selector { display: flex; align-items: center; } .admin-world-class .ant-checkbox-wrapper, .admin-world-class .ant-radio-wrapper { color: var(--wc-text-main) !important; } html[data-theme="dark"] .admin-world-class .ant-checkbox-wrapper, html[data-theme="dark"] .admin-world-class .ant-radio-wrapper { color: rgba(255, 255, 255, 0.8) !important; } .admin-world-class .ant-checkbox-inner, .admin-world-class .ant-radio-inner { background: var(--wc-surface) !important; border-color: var(--wc-border) !important; } html[data-theme="dark"] .admin-world-class .ant-checkbox-inner, html[data-theme="dark"] .admin-world-class .ant-radio-inner { background: rgba(255, 255, 255, 0.05) !important; border-color: rgba(255, 255, 255, 0.2) !important; } .admin-world-class .ant-checkbox-checked .ant-checkbox-inner, .admin-world-class .ant-radio-checked .ant-radio-inner { background-color: #ff6600 !important; border-color: #ff6600 !important; } .admin-world-class .ant-form-item-label > label { color: var(--wc-text-main) !important; font-weight: 600 !important; font-size: 14px !important; } html[data-theme="dark"] .admin-world-class .ant-form-item-label > label { color: rgba(255, 255, 255, 0.9) !important; } .admin-world-class .ant-form-item-explain { font-size: 13px !important; } .admin-world-class .ant-input-search .ant-input-group-addon { background: transparent !important; border: none !important; } .admin-world-class .ant-input-search .ant-input-group-addon .ant-btn { border-radius: 0 12px 12px 0 !important; border: 1px solid var(--wc-border) !important; border-left: none !important; background: transparent !important; height: 44px !important; } .admin-world-class .ant-input-search .ant-input-group-addon .ant-btn .anticon { color: var(--wc-text-main) !important; opacity: 0.6; } html[data-theme="dark"] .admin-world-class .ant-input-search .ant-input-group-addon .ant-btn { background: transparent !important; border-color: rgba(255, 255, 255, 0.12) !important; } html[data-theme="dark"] .admin-world-class .ant-input-search .ant-input-group-addon .ant-btn .anticon { color: #fff !important; opacity: 0.7; } .admin-world-class .ant-input-search .ant-input-group-addon .ant-btn:hover { background: rgba(0, 0, 0, 0.03) !important; } .admin-world-class .ant-input-search .ant-input-group-addon .ant-btn:hover .anticon { opacity: 1; } html[data-theme="dark"] .admin-world-class .ant-input-search .ant-input-group-addon .ant-btn:hover { background: rgba(255, 255, 255, 0.08) !important; } .admin-world-class .ant-table { background: transparent !important; color: var(--wc-text-main) !important; } html[data-theme="dark"] .admin-world-class .ant-table { color: #fff !important; } .admin-world-class .ant-table .ant-table-thead > tr > th { background: var(--wc-surface-hover) !important; color: var(--wc-text-sec) !important; border-bottom: 1px solid var(--wc-border) !important; font-weight: 600; text-transform: uppercase; font-size: 12px; letter-spacing: 1px; } html[data-theme="dark"] .admin-world-class .ant-table .ant-table-thead > tr > th { background: rgba(255, 255, 255, 0.05) !important; color: rgba(255, 255, 255, 0.6) !important; border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important; } .admin-world-class .ant-table .ant-table-tbody > tr > td { border-bottom: 1px solid var(--wc-border) !important; color: var(--wc-text-main) !important; background: transparent !important; } html[data-theme="dark"] .admin-world-class .ant-table .ant-table-tbody > tr > td { border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important; color: #fff !important; } .admin-world-class .ant-table .ant-table-tbody > tr:hover > td { background: var(--wc-surface-hover) !important; } html[data-theme="dark"] .admin-world-class .ant-table .ant-table-tbody > tr:hover > td { background: rgba(255, 255, 255, 0.04) !important; } .admin-world-class .ant-tag { border-radius: 6px !important; padding: 2px 10px !important; font-weight: 600 !important; border: 1px solid transparent !important; } .admin-world-class .ant-tag.ant-tag-blue { background: rgba(24, 144, 255, 0.1) !important; color: #1890ff !important; border-color: rgba(24, 144, 255, 0.2) !important; } html[data-theme="dark"] .admin-world-class .ant-tag.ant-tag-blue { background: rgba(24, 144, 255, 0.15) !important; border-color: rgba(24, 144, 255, 0.3) !important; } .admin-world-class .ant-tag.ant-tag-default { background: var(--wc-surface-hover) !important; color: var(--wc-text-sec) !important; border-color: var(--wc-border) !important; } html[data-theme="dark"] .admin-world-class .ant-tag.ant-tag-default { background: rgba(255, 255, 255, 0.08) !important; color: rgba(255, 255, 255, 0.6) !important; border-color: rgba(255, 255, 255, 0.1) !important; } .admin-world-class .ant-alert { border-radius: 12px !important; border: 1px solid transparent !important; backdrop-filter: blur(10px) !important; } .admin-world-class .ant-alert .ant-alert-message { font-weight: 600 !important; color: var(--wc-text-main) !important; } .admin-world-class .ant-alert .ant-alert-description { color: var(--wc-text-sec) !important; } .admin-world-class .ant-alert.ant-alert-warning { background: rgba(250, 173, 20, 0.1) !important; border-color: rgba(250, 173, 20, 0.2) !important; } .admin-world-class .ant-alert.ant-alert-warning .ant-alert-icon { color: #faad14 !important; } .admin-world-class .ant-alert.ant-alert-info { background: rgba(24, 144, 255, 0.1) !important; border-color: rgba(24, 144, 255, 0.2) !important; } .admin-world-class .ant-alert.ant-alert-error { background: rgba(255, 77, 79, 0.1) !important; border-color: rgba(255, 77, 79, 0.2) !important; } .admin-world-class .ant-collapse { background: transparent !important; border: none !important; } .admin-world-class .ant-collapse .ant-collapse-item { background: transparent !important; border-bottom: 1px solid rgba(0, 0, 0, 0.08) !important; border-radius: 0 !important; margin-bottom: 0 !important; } html[data-theme="dark"] .admin-world-class .ant-collapse .ant-collapse-item { border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important; } .admin-world-class .ant-collapse .ant-collapse-item:last-child { border-bottom: none !important; } .admin-world-class .ant-collapse .ant-collapse-item .ant-collapse-header { color: var(--wc-text-main) !important; font-weight: 600 !important; font-size: 16px !important; padding: 20px 24px 20px 48px !important; align-items: center !important; background: transparent !important; border-radius: 0 !important; transition: all 0.2s ease !important; } html[data-theme="dark"] .admin-world-class .ant-collapse .ant-collapse-item .ant-collapse-header { color: #fff !important; } .admin-world-class .ant-collapse .ant-collapse-item .ant-collapse-header:hover { color: var(--wc-text-main) !important; background: var(--wc-surface-hover) !important; } html[data-theme="dark"] .admin-world-class .ant-collapse .ant-collapse-item .ant-collapse-header:hover { color: rgba(255, 255, 255, 0.9) !important; background: rgba(255, 255, 255, 0.02) !important; } .admin-world-class .ant-collapse .ant-collapse-item .ant-collapse-header .ant-collapse-arrow { left: 16px !important; right: auto !important; color: var(--wc-text-sec) !important; font-size: 14px !important; vertical-align: middle !important; } html[data-theme="dark"] .admin-world-class .ant-collapse .ant-collapse-item .ant-collapse-header .ant-collapse-arrow { color: rgba(255, 255, 255, 0.5) !important; } .admin-world-class .ant-collapse .ant-collapse-item .ant-collapse-header .ant-collapse-arrow svg { transition: transform 0.2s ease !important; } .admin-world-class .ant-collapse .ant-collapse-item.ant-collapse-item-active .ant-collapse-header { color: var(--wc-text-main) !important; border-bottom: 1px solid rgba(0, 0, 0, 0.08) !important; } html[data-theme="dark"] .admin-world-class .ant-collapse .ant-collapse-item.ant-collapse-item-active .ant-collapse-header { color: #fff !important; border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important; } .admin-world-class .ant-collapse .ant-collapse-item.ant-collapse-item-active .ant-collapse-header .ant-collapse-arrow { color: var(--wc-text-main) !important; } html[data-theme="dark"] .admin-world-class .ant-collapse .ant-collapse-item.ant-collapse-item-active .ant-collapse-header .ant-collapse-arrow { color: rgba(255, 255, 255, 0.8) !important; } .admin-world-class .ant-collapse .ant-collapse-item .ant-collapse-content { background: transparent !important; border-top: none !important; color: var(--wc-text-sec); } html[data-theme="dark"] .admin-world-class .ant-collapse .ant-collapse-item .ant-collapse-content { color: rgba(255, 255, 255, 0.6); } .admin-world-class .ant-collapse .ant-collapse-item .ant-collapse-content .ant-collapse-content-box { padding: 16px 24px 24px 48px !important; background: transparent !important; } html[data-theme="dark"] .admin-world-class .ant-collapse .ant-collapse-item .ant-collapse-content .ant-collapse-content-box { background: transparent !important; color: #fff !important; padding: 16px 24px 24px 48px !important; } .admin-world-class .custom-modal-table .ant-modal-content, .admin-world-class .ant-modal-content { background: var(--wc-surface) !important; backdrop-filter: blur(40px) saturate(180%) !important; border: 1px solid var(--wc-border) !important; border-radius: 24px !important; box-shadow: var(--wc-shadow) !important; } html[data-theme="dark"] .admin-world-class .custom-modal-table .ant-modal-content, html[data-theme="dark"] .admin-world-class .ant-modal-content { background: rgba(20, 20, 20, 0.95) !important; border: 1px solid rgba(255, 255, 255, 0.12) !important; box-shadow: 0 40px 100px rgba(0, 0, 0, 0.8) !important; } .admin-world-class .custom-modal-table .ant-modal-content .ant-modal-header, .admin-world-class .ant-modal-content .ant-modal-header { background: transparent !important; border-bottom: 1px solid var(--wc-border) !important; } html[data-theme="dark"] .admin-world-class .custom-modal-table .ant-modal-content .ant-modal-header, html[data-theme="dark"] .admin-world-class .ant-modal-content .ant-modal-header { background: transparent !important; border-bottom: none !important; } .admin-world-class .custom-modal-table .ant-modal-content .ant-modal-header .ant-modal-title, .admin-world-class .ant-modal-content .ant-modal-header .ant-modal-title { color: var(--wc-text-main) !important; font-size: 20px; font-weight: 600; } html[data-theme="dark"] .admin-world-class .custom-modal-table .ant-modal-content .ant-modal-header .ant-modal-title, html[data-theme="dark"] .admin-world-class .ant-modal-content .ant-modal-header .ant-modal-title { color: #fff !important; } .admin-world-class .custom-modal-table .ant-modal-content .ant-modal-close-x, .admin-world-class .ant-modal-content .ant-modal-close-x { color: var(--wc-text-sec) !important; } html[data-theme="dark"] .admin-world-class .custom-modal-table .ant-modal-content .ant-modal-close-x, html[data-theme="dark"] .admin-world-class .ant-modal-content .ant-modal-close-x { color: rgba(255, 255, 255, 0.5) !important; } .admin-world-class .custom-modal-table .ant-modal-content .ant-modal-close-x:hover, .admin-world-class .ant-modal-content .ant-modal-close-x:hover { color: var(--wc-text-main) !important; } html[data-theme="dark"] .admin-world-class .custom-modal-table .ant-modal-content .ant-modal-close-x:hover, html[data-theme="dark"] .admin-world-class .ant-modal-content .ant-modal-close-x:hover { color: #fff !important; } .admin-world-class .custom-modal-table .ant-modal-content .ant-modal-body, .admin-world-class .ant-modal-content .ant-modal-body { color: var(--wc-text-main) !important; } html[data-theme="dark"] .admin-world-class .custom-modal-table .ant-modal-content .ant-modal-body, html[data-theme="dark"] .admin-world-class .ant-modal-content .ant-modal-body { color: #fff !important; } .admin-world-class.custom-modal-kitchen .ant-modal-content, .admin-world-class.custom-modal-table .ant-modal-content { text-align: center; } .admin-world-class.custom-modal-kitchen .ant-modal-content .modal-icon, .admin-world-class.custom-modal-table .ant-modal-content .modal-icon { font-size: 48px; color: #fa541c; margin-bottom: 24px; display: block; } .admin-world-class.custom-modal-kitchen .ant-modal-content .modal-title, .admin-world-class.custom-modal-table .ant-modal-content .modal-title { font-size: 24px; font-weight: 700; margin-bottom: 12px; color: var(--wc-text-main); } html[data-theme="dark"] .admin-world-class.custom-modal-kitchen .ant-modal-content .modal-title, html[data-theme="dark"] .admin-world-class.custom-modal-table .ant-modal-content .modal-title { color: #fff; } .admin-world-class.custom-modal-kitchen .ant-modal-content .modal-text, .admin-world-class.custom-modal-table .ant-modal-content .modal-text { font-size: 16px; color: var(--wc-text-sec); margin-bottom: 32px; line-height: 1.6; } .admin-world-class.custom-modal-kitchen .ant-modal-content .modal-buttons, .admin-world-class.custom-modal-table .ant-modal-content .modal-buttons { display: flex; justify-content: center; gap: 16px; } .admin-world-class.custom-modal-kitchen .ant-modal-content .modal-buttons .btn-cancel, .admin-world-class.custom-modal-kitchen .ant-modal-content .modal-buttons .btn-confirm, .admin-world-class.custom-modal-table .ant-modal-content .modal-buttons .btn-cancel, .admin-world-class.custom-modal-table .ant-modal-content .modal-buttons .btn-confirm { min-width: 140px; height: 48px !important; border-radius: 12px !important; font-size: 16px !important; } .admin-world-class .card-empy-product, .admin-world-class .companies-card-empty { background: var(--wc-surface) !important; border: 1px dashed var(--wc-border) !important; border-radius: 20px !important; padding: 40px !important; text-align: center; display: flex; flex-direction: column; align-items: center; justify-content: center; color: var(--wc-text-sec); } .admin-world-class .card-empy-product .anticon, .admin-world-class .companies-card-empty .anticon { font-size: 48px !important; margin-bottom: 16px; color: var(--wc-text-sec); opacity: 0.5; } .admin-world-class .card-empy-product .companies-fantasy-name, .admin-world-class .companies-card-empty .companies-fantasy-name { font-size: 18px; font-weight: 600; margin-bottom: 8px; color: var(--wc-text-main); } html[data-theme="dark"] .admin-world-class .card-empy-product .companies-fantasy-name, html[data-theme="dark"] .admin-world-class .companies-card-empty .companies-fantasy-name { color: #fff; } .admin-world-class .card-empy-product .companies-button-acction, .admin-world-class .companies-card-empty .companies-button-acction { margin-top: 20px; justify-content: center !important; } .admin-world-class .card-empy-product.ant-switch-checked, .admin-world-class .companies-card-empty.ant-switch-checked { background-color: #2ed573 !important; } .admin-world-class .admin-header-container { display: flex; justify-content: space-between; align-items: center; margin-bottom: 24px; gap: 16px; } @media (max-width: 768px) { .admin-world-class .admin-header-container { flex-direction: column; align-items: flex-start; } } .admin-world-class .title-admin-world-class { font-size: 24px; font-weight: 700; color: var(--wc-text-main); margin: 0; } .admin-world-class .admin-actions-wc { display: flex; align-items: center; gap: 12px; } @media (max-width: 768px) { .admin-world-class .admin-actions-wc { flex-wrap: wrap; justify-content: flex-start; } } .admin-world-class .btn-action-wc { height: 36px !important; padding: 0 16px !important; border-radius: 10px !important; font-weight: 600 !important; font-size: 13px !important; display: inline-flex !important; align-items: center !important; gap: 10px !important; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important; border: 1px solid var(--wc-border) !important; background: var(--wc-surface) !important; color: var(--wc-text-main) !important; backdrop-filter: blur(10px); } html[data-theme="dark"] .admin-world-class .btn-action-wc { background: rgba(255, 255, 255, 0.05) !important; color: #fff !important; } .admin-world-class .btn-action-wc:hover { transform: translateY(-1px); background: var(--wc-surface-hover) !important; box-shadow: var(--wc-shadow) !important; } html[data-theme="dark"] .admin-world-class .btn-action-wc:hover { background: rgba(255, 255, 255, 0.1) !important; border-color: rgba(255, 255, 255, 0.2) !important; } .admin-world-class .btn-action-wc.ant-btn-primary { background: #FFFFFF !important; color: #000000 !important; border: 1px solid var(--wc-border) !important; } html[data-theme="dark"] .admin-world-class .btn-action-wc.ant-btn-primary { background: #fff !important; color: #000 !important; } .admin-world-class .btn-action-wc.ant-btn-primary:hover { background: rgba(255, 255, 255, 0.9) !important; box-shadow: 0 10px 25px rgba(255, 255, 255, 0.2) !important; } .admin-world-class .btn-action-wc .anticon { font-size: 18px; } .admin-world-class .products-actions-container { display: flex; flex-wrap: wrap; gap: 16px; align-items: center; margin-top: 16px; } @media (max-width: 992px) { .admin-world-class .products-actions-container { margin-bottom: 16px; } } @media (max-width: 768px) { .admin-world-class .products-actions-container { width: 100%; } .admin-world-class .products-actions-container .btn-action-wc { flex: 1; justify-content: center; white-space: nowrap; } } .admin-world-class .menu-products { display: flex; gap: 16px; justify-content: flex-end; align-items: center; } .admin-world-class .ant-upload.ant-upload-select-picture-card { background: rgba(255, 255, 255, 0.04) !important; border: 1px dashed rgba(255, 255, 255, 0.2) !important; border-radius: 12px !important; } .admin-world-class .ant-upload.ant-upload-select-picture-card:hover { border-color: #fff !important; } .admin-world-class .ant-switch { background-color: rgba(0, 0, 0, 0.25) !important; } html[data-theme="dark"] .admin-world-class .ant-switch { background-color: rgba(255, 255, 255, 0.2) !important; } .admin-world-class .ant-switch.ant-switch-checked { background-color: #2ed573 !important; } html[data-theme="dark"] .admin-world-class .ant-switch.ant-switch-checked { background-color: #2ed573 !important; } .ant-select-dropdown, .ant-picker-dropdown { background-color: var(--wc-surface) !important; backdrop-filter: blur(40px); border: 1px solid var(--wc-border); border-radius: 16px !important; box-shadow: var(--wc-shadow) !important; } html[data-theme="dark"] .ant-select-dropdown, html[data-theme="dark"] .ant-picker-dropdown { background-color: rgba(20, 20, 20, 0.95) !important; border-color: rgba(255, 255, 255, 0.1); box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5) !important; } .ant-select-dropdown .ant-select-item, .ant-picker-dropdown .ant-select-item { color: var(--wc-text-sec) !important; border-radius: 8px; } html[data-theme="dark"] .ant-select-dropdown .ant-select-item, html[data-theme="dark"] .ant-picker-dropdown .ant-select-item { color: rgba(255, 255, 255, 0.8) !important; } .ant-select-dropdown .ant-select-item-option-active, .ant-select-dropdown .ant-select-item-option-selected, .ant-picker-dropdown .ant-select-item-option-active, .ant-picker-dropdown .ant-select-item-option-selected { background-color: var(--wc-surface-hover) !important; color: var(--wc-text-main) !important; } html[data-theme="dark"] .ant-select-dropdown .ant-select-item-option-active, html[data-theme="dark"] .ant-select-dropdown .ant-select-item-option-selected, html[data-theme="dark"] .ant-picker-dropdown .ant-select-item-option-active, html[data-theme="dark"] .ant-picker-dropdown .ant-select-item-option-selected { background-color: rgba(255, 255, 255, 0.1) !important; color: #fff !important; } .ant-select-dropdown .ant-picker-panel, .ant-picker-dropdown .ant-picker-panel { background: transparent !important; } .ant-select-dropdown .ant-picker-panel .ant-picker-header, .ant-select-dropdown .ant-picker-panel .ant-picker-body, .ant-picker-dropdown .ant-picker-panel .ant-picker-header, .ant-picker-dropdown .ant-picker-panel .ant-picker-body { color: var(--wc-text-main) !important; } html[data-theme="dark"] .ant-select-dropdown .ant-picker-panel .ant-picker-header, html[data-theme="dark"] .ant-select-dropdown .ant-picker-panel .ant-picker-body, html[data-theme="dark"] .ant-picker-dropdown .ant-picker-panel .ant-picker-header, html[data-theme="dark"] .ant-picker-dropdown .ant-picker-panel .ant-picker-body { color: #fff !important; } .ant-select-dropdown .ant-picker-panel .ant-picker-content th, .ant-select-dropdown .ant-picker-panel .ant-picker-content td, .ant-picker-dropdown .ant-picker-panel .ant-picker-content th, .ant-picker-dropdown .ant-picker-panel .ant-picker-content td { color: var(--wc-text-main) !important; } html[data-theme="dark"] .ant-select-dropdown .ant-picker-panel .ant-picker-content th, html[data-theme="dark"] .ant-select-dropdown .ant-picker-panel .ant-picker-content td, html[data-theme="dark"] .ant-picker-dropdown .ant-picker-panel .ant-picker-content th, html[data-theme="dark"] .ant-picker-dropdown .ant-picker-panel .ant-picker-content td { color: #fff !important; } .ant-select-dropdown .ant-picker-panel .ant-picker-cell-in-view.ant-picker-cell-selected .ant-picker-cell-inner, .ant-picker-dropdown .ant-picker-panel .ant-picker-cell-in-view.ant-picker-cell-selected .ant-picker-cell-inner { background-color: #ff6600 !important; color: #fff !important; } html[data-theme="dark"] .ant-select-dropdown .ant-picker-panel .ant-picker-cell-in-view.ant-picker-cell-selected .ant-picker-cell-inner, html[data-theme="dark"] .ant-picker-dropdown .ant-picker-panel .ant-picker-cell-in-view.ant-picker-cell-selected .ant-picker-cell-inner { background-color: #fff !important; color: #000 !important; } .ant-select-dropdown .ant-picker-panel .ant-picker-cell:hover .ant-picker-cell-inner, .ant-picker-dropdown .ant-picker-panel .ant-picker-cell:hover .ant-picker-cell-inner { background-color: var(--wc-surface-hover) !important; } html[data-theme="dark"] .ant-select-dropdown .ant-picker-panel .ant-picker-cell:hover .ant-picker-cell-inner, html[data-theme="dark"] .ant-picker-dropdown .ant-picker-panel .ant-picker-cell:hover .ant-picker-cell-inner { background-color: rgba(255, 255, 255, 0.2) !important; } .ant-tooltip-inner, .ant-popover-inner { background-color: var(--wc-surface) !important; backdrop-filter: blur(20px) !important; border: 1px solid var(--wc-border) !important; border-radius: 12px !important; color: var(--wc-text-main) !important; box-shadow: var(--wc-shadow) !important; } html[data-theme="dark"] .ant-tooltip-inner, html[data-theme="dark"] .ant-popover-inner { background-color: rgba(30, 30, 30, 0.9) !important; border-color: rgba(255, 255, 255, 0.15) !important; color: #fff !important; } .ant-tooltip-arrow-content, .ant-popover-arrow-content { background-color: var(--wc-surface) !important; } html[data-theme="dark"] .ant-tooltip-arrow-content, html[data-theme="dark"] .ant-popover-arrow-content { background-color: rgba(30, 30, 30, 0.9) !important; } .admin-world-class .product-collapse.theme-surface { background: transparent !important; border: none !important; } .admin-world-class .product-collapse.theme-surface .ant-collapse-item { background: transparent !important; border-bottom: 1px solid rgba(0, 0, 0, 0.08) !important; } html[data-theme="dark"] .admin-world-class .product-collapse.theme-surface .ant-collapse-item { background: transparent !important; border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important; } .admin-world-class .product-collapse.theme-surface .ant-collapse-item:last-child { border-bottom: none !important; } .admin-world-class .product-collapse.theme-surface .ant-collapse-item .ant-collapse-header { background: transparent !important; display: flex !important; align-items: center !important; justify-content: space-between !important; padding: 12px 24px 12px 48px !important; color: var(--wc-text-main) !important; font-weight: 600 !important; font-size: 16px !important; transition: all 0.2s ease !important; position: relative !important; } html[data-theme="dark"] .admin-world-class .product-collapse.theme-surface .ant-collapse-item .ant-collapse-header { background: transparent !important; color: #fff !important; } .admin-world-class .product-collapse.theme-surface .ant-collapse-item .ant-collapse-header .ant-collapse-header-text { flex: 1 !important; text-align: left !important; } .admin-world-class .product-collapse.theme-surface .ant-collapse-item .ant-collapse-header .ant-collapse-extra { margin-left: auto !important; display: flex !important; align-items: center !important; } .admin-world-class .product-collapse.theme-surface .ant-collapse-item .ant-collapse-header:hover { background: var(--wc-surface-hover) !important; } html[data-theme="dark"] .admin-world-class .product-collapse.theme-surface .ant-collapse-item .ant-collapse-header:hover { background: rgba(255, 255, 255, 0.02) !important; } .admin-world-class .product-collapse.theme-surface .ant-collapse-item.ant-collapse-item-active .ant-collapse-header { background: transparent !important; border-bottom: 1px solid rgba(0, 0, 0, 0.08) !important; } html[data-theme="dark"] .admin-world-class .product-collapse.theme-surface .ant-collapse-item.ant-collapse-item-active .ant-collapse-header { background: transparent !important; border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important; } .admin-world-class .product-collapse.theme-surface .ant-collapse-item .ant-collapse-content { background: transparent !important; } html[data-theme="dark"] .admin-world-class .product-collapse.theme-surface .ant-collapse-item .ant-collapse-content { background: transparent !important; } .admin-world-class .product-collapse.theme-surface .ant-collapse-item .ant-collapse-content .ant-collapse-content-box { background: transparent !important; padding: 16px 24px 24px 48px !important; } html[data-theme="dark"] .admin-world-class .product-collapse.theme-surface .ant-collapse-item .ant-collapse-content .ant-collapse-content-box { background: transparent !important; color: #fff !important; padding: 16px 24px 24px 48px !important; } .admin-world-class .product-collapse.theme-surface .ant-collapse-item .ant-collapse-content .ant-collapse-content-box .content-header { display: flex; justify-content: space-between; align-items: center; } .admin-world-class .product-collapse.theme-surface .ant-collapse-item .ant-collapse-content .ant-collapse-content-box .content-header.margin-collapsed-product { margin-top: 8px; margin-bottom: 20px; padding-bottom: 12px; border-bottom: 1px solid rgba(0, 0, 0, 0.04); } html[data-theme="dark"] .admin-world-class .product-collapse.theme-surface .ant-collapse-item .ant-collapse-content .ant-collapse-content-box .content-header.margin-collapsed-product { border-bottom-color: rgba(255, 255, 255, 0.04); } .admin-world-class .product-collapse.theme-surface .ant-collapse-item .ant-collapse-arrow { position: absolute !important; left: 16px !important; right: auto !important; top: 50% !important; transform: translateY(-50%) !important; color: var(--wc-text-sec) !important; font-size: 14px !important; } html[data-theme="dark"] .admin-world-class .product-collapse.theme-surface .ant-collapse-item .ant-collapse-arrow { color: rgba(255, 255, 255, 0.5) !important; } .admin-world-class .product-collapse .div-container { display: flex; align-items: center; gap: 12px; } .admin-world-class .product-collapse .div-container .header-info { display: flex; align-items: center; flex-flow: row nowrap; gap: 24px; margin-left: 24px; } @media (max-width: 992px) { .admin-world-class .product-collapse .div-container .header-info { display: none; } } .admin-world-class .product-collapse .div-container .header-info .info-item { font-size: 13px; color: var(--wc-text-sec); font-weight: 500; white-space: nowrap; display: flex; align-items: center; } .admin-world-class .product-collapse .div-container .header-info .info-item strong { color: var(--wc-text-main); font-weight: 700; margin: 0 4px; } html[data-theme="dark"] .admin-world-class .product-collapse .div-container .header-info .info-item { color: rgba(255, 255, 255, 0.6); } html[data-theme="dark"] .admin-world-class .product-collapse .div-container .header-info .info-item strong { color: #fff; } .admin-world-class .product-collapse .div-container .header-active, .admin-world-class .product-collapse .div-container .header-inactive { padding: 0 12px !important; height: 26px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; border-radius: 6px; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; white-space: nowrap; line-height: 1 !important; } .admin-world-class .product-collapse .div-container .header-active { background: rgba(46, 213, 115, 0.1); color: #2ed573; border: 1px solid rgba(46, 213, 115, 0.2); } html[data-theme="dark"] .admin-world-class .product-collapse .div-container .header-active { background: rgba(46, 213, 115, 0.15); border-color: rgba(46, 213, 115, 0.3); } .admin-world-class .product-collapse .div-container .header-inactive { background: rgba(255, 77, 79, 0.1); color: #ff4d4f; border: 1px solid rgba(255, 77, 79, 0.2); } html[data-theme="dark"] .admin-world-class .product-collapse .div-container .header-inactive { background: rgba(255, 77, 79, 0.15); border-color: rgba(255, 77, 79, 0.3); } .admin-world-class .product-collapse .div-container .header-edit { font-size: 16px; color: var(--wc-text-sec); cursor: pointer; transition: all 0.2s ease; } .admin-world-class .product-collapse .div-container .header-edit:hover { color: var(--wc-text-main); transform: scale(1.1); } html[data-theme="dark"] .admin-world-class .product-collapse .div-container .header-edit:hover { color: #fff; } .product-options-wrapper { padding: 16px 0; } .product-options-wrapper .img-product { width: 150px !important; height: 150px !important; object-fit: contain !important; border-radius: 16px; border: 1px solid var(--wc-border); box-shadow: var(--wc-shadow-sm); background: #fff; display: block; } html[data-theme="dark"] .product-options-wrapper .img-product { border: 1px solid rgba(255, 255, 255, 0.1) !important; background: white !important; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4) !important; } .product-options-wrapper .row-header-product { display: flex; gap: 40px !important; margin-bottom: 16px; flex-wrap: wrap; } .product-options-wrapper .product-label-description { font-size: 11px !important; color: var(--wc-text-sec); margin-bottom: 2px; text-transform: uppercase; letter-spacing: 0.8px; font-weight: 700; } .product-options-wrapper .text-bold { font-size: 17px !important; font-weight: 700; color: var(--wc-text-main); margin: 0 !important; line-height: 1.4; } .product-options-wrapper .div-description { background: var(--wc-surface-hover); border-radius: 12px; padding: 16px; margin-top: 16px; border: 1px solid var(--wc-border); } html[data-theme="dark"] .product-options-wrapper .div-description { background: rgba(255, 255, 255, 0.03); border-color: rgba(255, 255, 255, 0.08); } .product-options-wrapper .div-description .text-description { color: var(--wc-text-main); line-height: 1.6; font-size: 14px; } .product-options-wrapper .container-option-collapsed { background: var(--wc-surface) !important; border: 1px solid rgba(0, 0, 0, 0.1) !important; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important; border-radius: 12px !important; padding: 12px 20px !important; margin-bottom: 12px; transition: all 0.2s ease; box-shadow: var(--wc-shadow-sm); display: flex; align-items: center; justify-content: space-between; gap: 16px; } @media (max-width: 768px) { .product-options-wrapper .container-option-collapsed { flex-direction: column; align-items: flex-start; gap: 8px; } } html[data-theme="dark"] .product-options-wrapper .container-option-collapsed { background: rgba(255, 255, 255, 0.01) !important; border-color: rgba(255, 255, 255, 0.05) !important; backdrop-filter: blur(20px) !important; } .product-options-wrapper .container-option-collapsed:hover { background: rgba(255, 255, 255, 0.6) !important; border-color: #ff6600 !important; transform: translateY(-2px); } html[data-theme="dark"] .product-options-wrapper .container-option-collapsed:hover { background: rgba(255, 255, 255, 0.04) !important; border-color: #ff6600 !important; } .product-options-wrapper .container-option-collapsed .option-main-info { display: flex; align-items: center; flex: 1; gap: 12px; font-weight: 600; color: var(--wc-text-main); } .product-options-wrapper .container-option-collapsed .option-main-info .option-name { font-size: 15px; } .product-options-wrapper .container-option-collapsed .option-main-info .anticon-drag { color: var(--wc-text-sec); cursor: grab; font-size: 16px; } html[data-theme="dark"] .product-options-wrapper .container-option-collapsed .option-main-info .anticon-drag { color: rgba(255, 255, 255, 0.4); } .product-options-wrapper .container-option-collapsed .option-details-info { display: flex; align-items: center; gap: 24px; } @media (max-width: 576px) { .product-options-wrapper .container-option-collapsed .option-details-info { gap: 12px; } } .product-options-wrapper .container-option-collapsed .description-option { color: var(--wc-text-sec); font-size: 13px; font-weight: 500; white-space: nowrap; display: flex; align-items: center; gap: 6px; } .product-options-wrapper .container-option-collapsed .description-option strong { color: var(--wc-text-main); font-weight: 700; } html[data-theme="dark"] .product-options-wrapper .container-option-collapsed .description-option { color: rgba(255, 255, 255, 0.6); } html[data-theme="dark"] .product-options-wrapper .container-option-collapsed .description-option strong { color: #fff; } .product-options-wrapper .row-product-options { margin-bottom: 24px !important; } .product-options-wrapper .btn-product-option { height: 36px !important; padding: 0 16px !important; font-size: 13px !important; font-weight: 600 !important; margin-right: 12px !important; border-radius: 10px !important; } .product-options-wrapper .btn-product-option:last-child { margin-right: 0 !important; } html[data-theme="dark"] .product-options-wrapper .btn-product-option { background: rgba(255, 255, 255, 0.05) !important; border: 1px solid rgba(255, 255, 255, 0.12) !important; color: #fff !important; } html[data-theme="dark"] .product-options-wrapper .btn-product-option:hover { background: rgba(255, 255, 255, 0.1) !important; border-color: rgba(255, 255, 255, 0.2) !important; } .admin-header-premium { display: flex; flex-direction: column; gap: 24px; margin-bottom: 32px; width: 100%; } @media (min-width: 992px) { .admin-header-premium { padding-top: 20px; } } .admin-header-premium .header-top-bar { display: flex; align-items: center; justify-content: space-between; width: 100%; } .admin-header-premium .header-top-bar .custom-breadcrumb { margin-bottom: 0 !important; font-size: 13px; } .admin-header-premium .header-top-bar .custom-breadcrumb .ant-breadcrumb-link, .admin-header-premium .header-top-bar .custom-breadcrumb .ant-breadcrumb-separator, .admin-header-premium .header-top-bar .custom-breadcrumb a { color: var(--wc-text-sec) !important; transition: color 0.2s ease; } .admin-header-premium .header-top-bar .custom-breadcrumb span:last-child .ant-breadcrumb-link { color: var(--wc-text-main) !important; font-weight: 600; } html[data-theme="dark"] .admin-header-premium .header-top-bar .custom-breadcrumb .ant-breadcrumb-link, html[data-theme="dark"] .admin-header-premium .header-top-bar .custom-breadcrumb .ant-breadcrumb-separator, html[data-theme="dark"] .admin-header-premium .header-top-bar .custom-breadcrumb a, html[data-theme="dark"] .admin-header-premium .header-top-bar .custom-breadcrumb span { color: rgba(255, 255, 255, 0.7) !important; } .admin-header-premium .header-top-bar .custom-breadcrumb .cursor-pointer { cursor: pointer !important; } .admin-header-premium .header-top-bar .custom-breadcrumb .cursor-pointer:hover { color: var(--wc-text-main) !important; } .admin-header-premium .header-top-bar .custom-breadcrumb .cursor-pointer:hover .ant-breadcrumb-link { color: var(--wc-text-main) !important; } html[data-theme="dark"] .admin-header-premium .header-top-bar .custom-breadcrumb .cursor-pointer:hover { color: #fff !important; } html[data-theme="dark"] .admin-header-premium .header-top-bar .custom-breadcrumb .cursor-pointer:hover .ant-breadcrumb-link { color: #fff !important; } .admin-header-premium .header-top-bar .btn-modo-cocina-minimal { background: rgba(255, 77, 79, 0.08) !important; color: #ff4d4f !important; border: 1px solid rgba(255, 77, 79, 0.2) !important; border-radius: 8px !important; height: 32px !important; padding: 0 12px !important; font-size: 13px !important; font-weight: 600 !important; display: flex; align-items: center; gap: 6px; } .admin-header-premium .header-top-bar .btn-modo-cocina-minimal:hover { background: rgba(255, 77, 79, 0.15) !important; border-color: #ff4d4f !important; } .admin-header-premium .header-main-content { display: flex; align-items: center; justify-content: space-between; width: 100%; flex-wrap: wrap; gap: 20px; } .admin-header-premium .header-main-content .title-section { display: flex; align-items: center; gap: 16px; } .admin-header-premium .header-main-content .title-section .branch-title { font-size: 32px !important; font-weight: 800 !important; color: var(--wc-text-main) !important; margin: 0 0 8px 0 !important; letter-spacing: -0.5px; } html[data-theme="dark"] .admin-header-premium .header-main-content .title-section .branch-title { color: #fff !important; } .admin-header-premium .header-main-content .title-section .company-meta { font-size: 14px; font-weight: 500; color: var(--wc-text-sec); margin: 0; } html[data-theme="dark"] .admin-header-premium .header-main-content .title-section .company-meta { color: rgba(255, 255, 255, 0.6); } .admin-header-premium .header-main-content .title-section .btn-edit-branch { background: var(--wc-surface-hover) !important; border: 1px solid var(--wc-border) !important; border-radius: 8px !important; height: 32px !important; padding: 0 12px !important; font-size: 13px !important; font-weight: 600 !important; color: var(--wc-text-sec) !important; } .admin-header-premium .header-main-content .title-section .btn-edit-branch:hover { color: var(--wc-text-main) !important; border-color: var(--wc-text-sec) !important; } .admin-header-premium .header-main-content .actions-section { display: flex; align-items: center; gap: 16px; } .admin-header-premium .header-main-content .actions-section .status-badges { display: flex; align-items: center; } .admin-header-premium .header-main-content .actions-section .status-badges .box-pending, .admin-header-premium .header-main-content .actions-section .status-badges .box-rejected, .admin-header-premium .header-main-content .actions-section .status-badges .box-validate { margin: 0 !important; padding: 6px 14px !important; height: auto !important; min-height: 28px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; border-radius: 8px !important; font-weight: 700 !important; font-size: 11px !important; text-transform: uppercase; letter-spacing: 0.5px; line-height: normal !important; } .admin-header-premium .header-main-content .actions-section .status-badges .box-validate { background: rgba(46, 213, 115, 0.15) !important; color: #2ed573 !important; border: 1px solid rgba(46, 213, 115, 0.3) !important; } .admin-header-premium .header-main-content .actions-section .status-badges .box-pending { background: rgba(255, 165, 0, 0.15) !important; color: orange !important; border: 1px solid rgba(255, 165, 0, 0.3) !important; } .admin-header-premium .header-main-content .actions-section .status-badges .box-rejected { background: rgba(255, 77, 79, 0.15) !important; color: #ff4d4f !important; border: 1px solid rgba(255, 77, 79, 0.3) !important; } .admin-header-premium .header-main-content .actions-section .btn-preview-premium { height: 36px !important; border-radius: 10px !important; padding: 0 16px !important; font-weight: 600 !important; font-size: 13px !important; display: flex; align-items: center; gap: 8px; background: var(--wc-text-main) !important; color: var(--wc-bg) !important; border: none !important; transition: all 0.2s ease !important; } .admin-header-premium .header-main-content .actions-section .btn-preview-premium:hover { transform: translateY(-1px); box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15) !important; } html[data-theme="dark"] .admin-header-premium .header-main-content .actions-section .btn-preview-premium { background: #fff !important; color: #000 !important; } .container-option-collapsed { background: var(--wc-surface) !important; border: 1px solid rgba(0, 0, 0, 0.1) !important; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important; border-radius: 12px !important; width: 100%; display: flex; align-items: center; justify-content: space-between; padding: 8px 16px !important; font-size: 14px; font-weight: 600; color: var(--wc-text-main) !important; margin-bottom: 8px !important; transition: none !important; } html[data-theme="dark"] .container-option-collapsed { background: rgba(255, 255, 255, 0.04) !important; border-color: rgba(255, 255, 255, 0.1) !important; } .container-option-collapsed .option-info { display: flex; align-items: center; flex: 1; min-width: 0; } .container-option-collapsed .option-info span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .container-option-collapsed .option-info .anticon-drag, .container-option-collapsed .option-info .anticon-drag-outlined { color: var(--wc-text-sec); margin-right: 16px; cursor: grab; flex-shrink: 0; } html[data-theme="dark"] .container-option-collapsed .option-info .anticon-drag, html[data-theme="dark"] .container-option-collapsed .option-info .anticon-drag-outlined { color: rgba(255, 255, 255, 0.4); } .container-option-collapsed .option-extra { display: flex; align-items: center; gap: 12px; flex-shrink: 0; } @media (max-width: 768px) { .container-option-collapsed .option-extra { gap: 8px; } } .container-option-collapsed .option-extra .ant-switch { flex-shrink: 0; } .container-option-collapsed .option-extra .description-option { font-size: 13px; color: var(--wc-text-sec); font-weight: 500; white-space: nowrap; } @media (max-width: 992px) { .container-option-collapsed .option-extra .description-option { font-size: 12px; } } .container-option-collapsed .option-extra .description-option strong { color: var(--wc-text-main); font-weight: 700; } html[data-theme="dark"] .container-option-collapsed .option-extra .description-option { color: rgba(255, 255, 255, 0.5); } html[data-theme="dark"] .container-option-collapsed .option-extra .description-option strong { color: #fff; } .container-option-collapsed .option-extra .header-edit { font-size: 16px; color: var(--wc-text-sec); cursor: pointer; transition: all 0.2s ease; flex-shrink: 0; } .container-option-collapsed .option-extra .header-edit:hover { color: var(--wc-text-main); transform: scale(1.15); } html[data-theme="dark"] .container-option-collapsed .option-extra .header-edit:hover { color: #fff; } .modal-order-products .ant-modal-content, .modal-import-products .ant-modal-content { padding: 24px !important; } .modal-order-products .container-button, .modal-import-products .container-button { margin-top: 32px !important; gap: 12px; } .modal-order-products .container-clean, .modal-import-products .container-clean { margin-top: 24px; padding: 20px; background: var(--wc-surface-hover); border-radius: 16px; border: 1px solid var(--wc-border); } .modal-order-products .container-clean div, .modal-import-products .container-clean div { font-weight: 600; margin-bottom: 12px; color: var(--wc-text-main); } .modal-order-products .button-text, .modal-import-products .button-text { height: 44px !important; border-radius: 12px !important; font-weight: 600 !important; } .modal-order-products ul, .modal-order-products ol, .modal-import-products ul, .modal-import-products ol { padding-left: 24px; margin: 16px 0; color: var(--wc-text-sec); } .modal-order-products ul li, .modal-order-products ol li, .modal-import-products ul li, .modal-import-products ol li { margin-bottom: 8px; } .modal-order-products ul li a, .modal-order-products ol li a, .modal-import-products ul li a, .modal-import-products ol li a { color: #ff6600; font-weight: 600; } .modal-order-products ul li a:hover, .modal-order-products ol li a:hover, .modal-import-products ul li a:hover, .modal-import-products ol li a:hover { text-decoration: underline; } .modal-order-products p, .modal-import-products p { color: var(--wc-text-sec); line-height: 1.6; margin-bottom: 12px; } .ant-switch .ant-switch-inner { display: flex !important; align-items: center !important; justify-content: center !important; padding: 0 !important; line-height: 1 !important; font-weight: 700 !important; font-size: 10px !important; } body .ant-btn.btn-action-wc { height: 36px !important; padding: 0 16px !important; border-radius: 10px !important; font-weight: 600 !important; font-size: 13px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 8px !important; transition: all 0.2s ease !important; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08) !important; background: #ffffff !important; border: 1px solid #e5e7eb !important; color: #111827 !important; } body .ant-btn.btn-action-wc:hover { transform: translateY(-1px) !important; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12) !important; background: #f9fafb !important; color: #111827 !important; } body .ant-btn.btn-action-wc.ant-btn-primary { background: #111827 !important; border-color: #111827 !important; color: #ffffff !important; } body .ant-btn.btn-action-wc.ant-btn-primary:hover { background: #374151 !important; border-color: #374151 !important; color: #ffffff !important; } [data-theme="dark"] body .ant-btn.btn-action-wc.ant-btn-primary { background: #ffffff !important; border-color: #ffffff !important; color: #000000 !important; } [data-theme="dark"] body .ant-btn.btn-action-wc.ant-btn-primary:hover { background: rgba(255, 255, 255, 0.9) !important; border-color: rgba(255, 255, 255, 0.9) !important; color: #000000 !important; } [data-theme="dark"] body .ant-btn.btn-action-wc { background: rgba(255, 255, 255, 0.1) !important; border-color: rgba(255, 255, 255, 0.2) !important; color: #ffffff !important; } [data-theme="dark"] body .ant-btn.btn-action-wc:hover { background: rgba(255, 255, 255, 0.15) !important; border-color: rgba(255, 255, 255, 0.3) !important; } [data-theme="dark"] body .ant-btn-text { color: rgba(255, 255, 255, 0.85) !important; } [data-theme="dark"] body .ant-btn-text:hover { background: rgba(255, 255, 255, 0.08) !important; } body .wc-refresh-btn-premium { display: flex !important; align-items: center !important; justify-content: center !important; width: 32px !important; height: 32px !important; border-radius: 50% !important; transition: all 0.3s ease !important; color: #6b7280 !important; } body .wc-refresh-btn-premium .anticon { font-size: 16px !important; transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1) !important; } body .wc-refresh-btn-premium:hover { color: #111827 !important; background: rgba(0, 0, 0, 0.04) !important; } body .wc-refresh-btn-premium:hover .anticon { transform: rotate(180deg) !important; } [data-theme="dark"] body .wc-refresh-btn-premium { color: #9ca3af !important; } [data-theme="dark"] body .wc-refresh-btn-premium:hover { color: #ffffff !important; background: rgba(255, 255, 255, 0.08) !important; } body .ant-btn-primary { background: #111827 !important; border-color: #111827 !important; color: #ffffff !important; } body .ant-btn-primary:hover { background: #374151 !important; border-color: #374151 !important; color: #ffffff !important; } [data-theme="dark"] body .ant-btn-primary { background: #ffffff !important; border-color: #ffffff !important; color: #000000 !important; } [data-theme="dark"] body .ant-btn-primary:hover { background: rgba(255, 255, 255, 0.9) !important; border-color: rgba(255, 255, 255, 0.9) !important; color: #000000 !important; } body .ant-btn.ant-btn-sm { height: 28px !important; padding: 0 10px !important; border-radius: 8px !important; font-size: 12px !important; line-height: 1.5 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; } body .ant-btn.ant-btn-sm span { line-height: 1 !important; display: inline-block !important; margin: 0 !important; padding: 0 !important; } body .ant-btn.ant-btn-sm.ant-btn-icon-only { width: 28px !important; padding: 0 !important; } body .ant-btn.btn-cancel { height: 36px !important; padding: 0 16px !important; border-radius: 10px !important; font-weight: 500 !important; font-size: 13px !important; background: transparent !important; border: 1px solid transparent !important; color: #6b7280 !important; box-shadow: none !important; } body .ant-btn.btn-cancel:hover { color: #111827 !important; background: rgba(0, 0, 0, 0.05) !important; } html[data-theme="dark"] body .ant-btn.btn-cancel { color: #9ca3af !important; } html[data-theme="dark"] body .ant-btn.btn-cancel:hover { color: #ffffff !important; background: rgba(255, 255, 255, 0.05) !important; } body .ant-popover-buttons { display: flex !important; flex-wrap: nowrap !important; gap: 8px !important; min-width: max-content !important; } body .ant-popover-buttons .ant-btn { height: 24px !important; padding: 0 10px !important; border-radius: 6px !important; font-size: 12px !important; min-width: 60px !important; margin-left: 0 !important; } body .ant-popover-buttons .ant-btn.ant-btn-primary { background: #ff4d4f !important; border-color: #ff4d4f !important; box-shadow: none !important; } body .ant-popover-buttons .ant-btn.ant-btn-primary:hover { background: #ff7875 !important; border-color: #ff7875 !important; } body .ant-popover-buttons .ant-btn.ant-btn-default { border: 1px solid #d9d9d9 !important; background: transparent !important; } html[data-theme="dark"] body .ant-popover-buttons .ant-btn.ant-btn-default { border-color: rgba(255, 255, 255, 0.2) !important; color: #fff !important; } body .ant-checkbox-checked .ant-checkbox-inner { background-color: #111827 !important; border-color: #111827 !important; } body .ant-checkbox-wrapper:hover .ant-checkbox-inner, body .ant-checkbox:hover .ant-checkbox-inner, body .ant-checkbox-input:focus + .ant-checkbox-inner { border-color: #111827 !important; } body [data-theme="dark"] .ant-checkbox-checked .ant-checkbox-inner { background-color: #ffffff !important; border-color: #ffffff !important; } body [data-theme="dark"] .ant-checkbox-checked .ant-checkbox-inner::after { border-color: #000000 !important; } body [data-theme="dark"] .ant-checkbox-wrapper:hover .ant-checkbox-inner, body [data-theme="dark"] .ant-checkbox:hover .ant-checkbox-inner { border-color: #ffffff !important; } body .ant-table-row-selected > td { background: rgba(17, 24, 39, 0.02) !important; } body [data-theme="dark"] .ant-table-row-selected > td { background: rgba(255, 255, 255, 0.05) !important; } .ant-dropdown-menu { border-radius: 12px !important; padding: 8px !important; background: var(--wc-surface) !important; border: 1px solid var(--wc-border) !important; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08) !important; } .ant-dropdown-menu .ant-dropdown-menu-item { padding: 10px 16px !important; border-radius: 8px !important; font-size: 14px !important; font-weight: 500 !important; color: var(--wc-text-main) !important; transition: all 0.2s ease !important; } .ant-dropdown-menu .ant-dropdown-menu-item:hover { background: var(--wc-surface-hover) !important; color: #ff6600 !important; } .ant-dropdown-menu .ant-dropdown-menu-item-divider { margin: 8px 0 !important; background: var(--wc-border) !important; } html[data-theme="dark"] .ant-dropdown-menu { background: #1f1f1f !important; border-color: rgba(255, 255, 255, 0.1) !important; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4) !important; } html[data-theme="dark"] .ant-dropdown-menu .ant-dropdown-menu-item { color: #fff !important; } html[data-theme="dark"] .ant-dropdown-menu .ant-dropdown-menu-item:hover { background: rgba(255, 255, 255, 0.1) !important; color: #ff6600 !important; } html[data-theme="dark"] .ant-dropdown-menu .ant-dropdown-menu-item-divider { background: rgba(255, 255, 255, 0.1) !important; } .ant-tag.sector-tag-wc { height: 28px !important; line-height: 28px !important; padding: 0 12px !important; border-radius: 8px !important; background: #ff6600 !important; border: none !important; color: #fff !important; font-size: 13px !important; font-weight: 600 !important; display: inline-flex !important; align-items: center !important; gap: 6px !important; margin: 0 !important; } .ant-tag.sector-tag-wc .anticon-close { color: #fff !important; opacity: 0.85 !important; } .ant-tag.sector-tag-wc .anticon-close:hover { opacity: 1 !important; }