.wpuf-form-add.wpuf-style, .wpuf-form-edit.wpuf-style, .wpuf-form-add.wpuf-form-layout1, .wpuf-form-edit.wpuf-form-layout1 { background: transparent !important; background-color: transparent !important; padding: 30px !important; border-radius: 16px !important; border: 1px solid rgba(128, 128, 128, 0.15) !important; box-shadow: 0 4px 24px rgba(0, 0, 0, 0.08) !important; max-width: 900px !important; margin: 30px auto !important; font-family: inherit !important; color: inherit !important; } .wpuf-form-add ul.wpuf-form, .wpuf-form-edit ul.wpuf-form { list-style: none !important; padding: 0 !important; margin: 0 !important; background: transparent !important; } .wpuf-form-add ul.wpuf-form li, .wpuf-form-edit ul.wpuf-form li { margin-bottom: 25px !important; padding: 0 !important; background: transparent !important; background-color: transparent !important; border: none !important; } .wpuf-form-add .wpuf-label label, .wpuf-form-edit .wpuf-label label, .wpuf-form-add .wpuf-label, .wpuf-form-edit .wpuf-label { font-weight: 600 !important; color: inherit !important; margin-bottom: 10px !important; display: block !important; font-size: 15px !important; line-height: 1.4 !important; float: none !important; width: 100% !important; background: transparent !important; } .wpuf-form-add .wpuf-fields, .wpuf-form-edit .wpuf-fields { float: none !important; width: 100% !important; background: transparent !important; } .wpuf-form-add .wpuf-help, .wpuf-form-add .wpuf-wordlimit-message, .wpuf-form-edit .wpuf-help, .wpuf-form-edit .wpuf-wordlimit-message { color: rgba(236, 236, 236, 0.6) !important; font-size: 13px !important; margin-top: 6px !important; font-style: italic !important; display: block !important; background: transparent !important; } .wpuf-form-add input[type="text"], .wpuf-form-add input[type="email"], .wpuf-form-add input[type="password"], .wpuf-form-add input[type="url"], .wpuf-form-add input[type="number"], .wpuf-form-add input[type="tel"], .wpuf-form-add textarea, .wpuf-form-add select, .wpuf-form-edit input[type="text"], .wpuf-form-edit input[type="email"], .wpuf-form-edit input[type="password"], .wpuf-form-edit input[type="url"], .wpuf-form-edit input[type="number"], .wpuf-form-edit input[type="tel"], .wpuf-form-edit textarea, .wpuf-form-edit select { width: 100% !important; padding: 14px 18px !important; border: 1px solid rgba(128, 128, 128, 0.25) !important; border-radius: 12px !important; font-size: 15px !important; color: #ececec !important; background: rgba(128, 128, 128, 0.08) !important; background-color: rgba(128, 128, 128, 0.08) !important; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important; box-shadow: none !important; box-sizing: border-box !important; outline: none !important; } .wpuf-form-add select, .wpuf-form-edit select { height: auto !important; appearance: none !important; background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23666%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E') !important; background-repeat: no-repeat !important; background-position: right 1rem top 50% !important; background-size: 0.65rem auto !important; padding-right: 2.5rem !important; } .wpuf-form-add select option, .wpuf-form-edit select option { background-color: #333 !important; color: #fff !important; } .wpuf-form-add .chosen-container, .wpuf-form-edit .chosen-container { width: 100% !important; font-family: inherit !important; } body .wpuf-form-add.wpuf-style ul.wpuf-form .wpuf-fields select[multiple], body .wpuf-form-edit.wpuf-style ul.wpuf-form .wpuf-fields select[multiple] { background: rgba(255, 255, 255, 0.05) !important; border: 1px solid rgba(255, 255, 255, 0.1) !important; border-radius: 12px !important; color: #ececec !important; padding: 10px !important; min-height: 120px !important; transition: all 0.3s ease !important; } body .wpuf-form-add.wpuf-style ul.wpuf-form .wpuf-fields select[multiple] option, body .wpuf-form-edit.wpuf-style ul.wpuf-form .wpuf-fields select[multiple] option { background: #2a2a2a !important; color: #ececec !important; padding: 5px 10px !important; } .wpuf-form-add .chosen-container-multi .chosen-choices, .wpuf-form-edit .chosen-container-multi .chosen-choices { background: rgba(255, 255, 255, 0.05) !important; border: 1px solid rgba(255, 255, 255, 0.1) !important; border-radius: 12px !important; padding: 5px 10px !important; min-height: 45px !important; box-shadow: none !important; transition: all 0.3s ease !important; } .wpuf-form-add .chosen-container-active .chosen-choices, .wpuf-form-edit .chosen-container-active .chosen-choices { border-color: #c1ffb4 !important; box-shadow: 0 0 0 3px rgba(193, 255, 180, 0.2) !important; } .wpuf-form-add .chosen-container-multi .chosen-choices li.search-choice, .wpuf-form-edit .chosen-container-multi .chosen-choices li.search-choice { background: #c1ffb4 !important; border: none !important; border-radius: 20px !important; color: #1a1a1a !important; padding: 5px 25px 5px 12px !important; margin: 4px 5px 4px 0 !important; font-size: 13px !important; font-weight: 500 !important; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important; } .wpuf-form-add .chosen-container-multi .chosen-choices li.search-choice .search-choice-close, .wpuf-form-edit .chosen-container-multi .chosen-choices li.search-choice .search-choice-close { top: 50% !important; transform: translateY(-50%) !important; filter: brightness(0) !important; opacity: 0.6 !important; } .wpuf-form-add .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover, .wpuf-form-edit .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover { opacity: 1 !important; } .wpuf-form-add .chosen-container .chosen-drop, .wpuf-form-edit .chosen-container .chosen-drop { background: #2a2a2a !important; border: 1px solid rgba(255, 255, 255, 0.1) !important; border-radius: 0 0 12px 12px !important; box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3) !important; margin-top: 5px !important; } .wpuf-form-add .chosen-container .chosen-results, .wpuf-form-edit .chosen-container .chosen-results { color: #ececec !important; padding: 5px !important; } .wpuf-form-add .chosen-container .chosen-results li.active-result, .wpuf-form-edit .chosen-container .chosen-results li.active-result { padding: 8px 12px !important; border-radius: 8px !important; transition: background 0.2s ease !important; } .wpuf-form-add .chosen-container .chosen-results li.highlighted, .wpuf-form-edit .chosen-container .chosen-results li.highlighted { background: #c1ffb4 !important; color: #1a1a1a !important; } .wpuf-form-add .chosen-container-single .chosen-single, .wpuf-form-edit .chosen-container-single .chosen-single { height: auto !important; padding: 12px 18px !important; background: rgba(128, 128, 128, 0.08) !important; background-color: rgba(128, 128, 128, 0.08) !important; border: 1px solid rgba(128, 128, 128, 0.25) !important; border-radius: 12px !important; color: inherit !important; box-shadow: none !important; display: flex !important; align-items: center !important; } .wpuf-form-add .wp-editor-wrap, .wpuf-form-edit .wp-editor-wrap { border: 1px solid rgba(128, 128, 128, 0.25) !important; border-radius: 12px !important; overflow: hidden !important; background: transparent !important; } .wpuf-form-add .wp-editor-container, .wpuf-form-edit .wp-editor-container { border: none !important; background: transparent !important; } .wpuf-form-add .mce-tinymce, .wpuf-form-edit .mce-tinymce, .wpuf-form-add .mce-container, .wpuf-form-edit .mce-container, .wpuf-form-add .mce-panel, .wpuf-form-edit .mce-panel { background: transparent !important; background-color: transparent !important; border: none !important; box-shadow: none !important; } .wpuf-form-add .mce-toolbar-grp, .wpuf-form-edit .mce-toolbar-grp, .wpuf-form-add .mce-statusbar, .wpuf-form-edit .mce-statusbar { background: rgba(128, 128, 128, 0.05) !important; background-color: rgba(128, 128, 128, 0.05) !important; border-color: rgba(128, 128, 128, 0.1) !important; } .wpuf-form-add .mce-btn, .wpuf-form-edit .mce-btn { background: transparent !important; border: none !important; } .wpuf-form-add .mce-btn button, .wpuf-form-edit .mce-btn button { color: inherit !important; } .wpuf-form-add .mce-ico, .wpuf-form-edit .mce-ico { color: inherit !important; } .wpuf-form-add .mce-edit-area, .wpuf-form-edit .mce-edit-area { background: rgba(128, 128, 128, 0.03) !important; border-top: 1px solid rgba(128, 128, 128, 0.1) !important; } .wpuf-form-add .wpuf-checkbox-block, .wpuf-form-add .wpuf-radio-block, .wpuf-form-edit .wpuf-checkbox-block, .wpuf-form-edit .wpuf-radio-block { display: flex !important; align-items: center !important; margin-bottom: 12px !important; padding: 14px 20px !important; background: rgba(128, 128, 128, 0.05) !important; background-color: rgba(128, 128, 128, 0.05) !important; border-radius: 12px !important; transition: all 0.2s ease !important; cursor: pointer !important; border: 1px solid rgba(128, 128, 128, 0.1) !important; color: #ececec !important; } .wpuf-form-add .wpuf-checkbox-block:hover, .wpuf-form-add .wpuf-radio-block:hover { background: rgba(128, 128, 128, 0.1) !important; border-color: rgba(128, 128, 128, 0.2) !important; } .wpuf-form-add input[type="checkbox"], .wpuf-form-edit input[type="checkbox"] { appearance: none !important; -webkit-appearance: none !important; width: 22px !important; height: 22px !important; background: rgba(128, 128, 128, 0.15) !important; border: 2px solid rgba(128, 128, 128, 0.3) !important; border-radius: 6px !important; margin: 0 14px 0 0 !important; cursor: pointer !important; position: relative !important; transition: all 0.2s ease !important; flex-shrink: 0 !important; } .wpuf-form-add input[type="checkbox"]:checked, .wpuf-form-edit input[type="checkbox"]:checked { background-color: rgba(128, 128, 128, 0.2) !important; border-color: #c1ffb4 !important; } .wpuf-form-add input[type="checkbox"]:checked::after, .wpuf-form-edit input[type="checkbox"]:checked::after { content: '' !important; position: absolute !important; left: 7px !important; top: 3px !important; width: 5px !important; height: 10px !important; border: solid #c1ffb4 !important; border-width: 0 2.5px 2.5px 0 !important; transform: rotate(45deg) !important; } .wpuf-form-add input[type="radio"], .wpuf-form-edit input[type="radio"] { appearance: none !important; -webkit-appearance: none !important; width: 22px !important; height: 22px !important; background: rgba(128, 128, 128, 0.15) !important; border: 2px solid rgba(128, 128, 128, 0.3) !important; border-radius: 50% !important; margin: 0 14px 0 0 !important; cursor: pointer !important; position: relative !important; transition: all 0.2s ease !important; flex-shrink: 0 !important; } .wpuf-form-add input[type="radio"]:checked, .wpuf-form-edit input[type="radio"]:checked { border-color: #c1ffb4 !important; background-color: transparent !important; } .wpuf-form-add input[type="radio"]:checked::after, .wpuf-form-edit input[type="radio"]:checked::after { content: '' !important; position: absolute !important; top: 50% !important; left: 50% !important; transform: translate(-50%, -50%) !important; width: 10px !important; height: 10px !important; border-radius: 50% !important; background: #c1ffb4 !important; } .wpuf-form-add .wpuf-button, .wpuf-form-add .button.file-selector, .wpuf-form-edit .wpuf-button, .wpuf-form-edit .button.file-selector { background: rgba(128, 128, 128, 0.1) !important; background-color: rgba(128, 128, 128, 0.1) !important; border: 1px solid rgba(128, 128, 128, 0.2) !important; border-radius: 10px !important; padding: 10px 20px !important; color: inherit !important; font-weight: 500 !important; text-decoration: none !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 8px !important; transition: all 0.2s ease !important; } .wpuf-form-add input:focus, .wpuf-form-add textarea:focus, .wpuf-form-add select:focus, .wpuf-form-edit input:focus, .wpuf-form-edit textarea:focus, .wpuf-form-edit select:focus, .wpuf-form-add .chosen-container-active .chosen-single { border-color: #c1ffb4 !important; background-color: rgba(128, 128, 128, 0.05) !important; box-shadow: 0 0 0 4px rgba(193, 255, 180, 0.15) !important; } body .wpuf-submit-button, body .wpuf-form-add .wpuf-submit-button, body .wpuf-form-edit .wpuf-submit-button, body .wpuf-submit input[type="submit"], body .wpuf-form-add .wpuf-submit input[type="submit"], body .wpuf-form-edit .wpuf-submit input[type="submit"], input.wpuf-submit-button.wpuf_submit_6181, .wpuf-submit-button { background: #c1ffb4 !important; background-color: #c1ffb4 !important; color: #1a1a1a !important; border-radius: 12px !important; padding: 16px 36px !important; font-size: 16px !important; font-weight: 700 !important; cursor: pointer !important; transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; display: inline-block !important; box-shadow: 0 4px 14px rgba(193, 255, 180, 0.3) !important; border: none !important; outline: none !important; text-shadow: none !important; border-color: transparent !important; min-width: 180px !important; height: auto !important; line-height: 1 !important; text-transform: none !important; -webkit-appearance: none !important; } body .wpuf-submit-button:focus, body .wpuf-submit input[type="submit"]:focus, .wpuf-submit-button:focus, body .wpuf-submit-button:active, body .wpuf-submit input[type="submit"]:active, .wpuf-submit-button:active { outline: none !important; border: none !important; box-shadow: 0 0 0 4px rgba(193, 255, 180, 0.4) !important; } body .wpuf-submit-button:hover, body .wpuf-submit input[type="submit"]:hover, .wpuf-submit-button:hover { background: #c1ffb4 !important; background-color: #c1ffb4 !important; transform: translateY(-3px) !important; box-shadow: 0 8px 24px rgba(193, 255, 180, 0.4) !important; filter: brightness(105%) !important; } .wpuf-loading { background: none !important; width: 24px !important; height: 24px !important; display: inline-block !important; position: relative !important; vertical-align: middle !important; margin-left: 10px !important; } .wpuf-loading .dashicons { display: none !important; } .wpuf-loading::after { content: "" !important; position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; border: 3px solid rgba(193, 255, 180, 0.2) !important; border-top-color: #c1ffb4 !important; border-radius: 50% !important; animation: wpuf-spin 0.8s linear infinite !important; box-sizing: border-box !important; } .wpuf-submit .wpuf-loading { margin-top: 10px !important; margin-left: 0 !important; display: block !important; } @keyframes wpuf-spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @media (prefers-color-scheme: dark) { .wpuf-form-add select option, .wpuf-form-edit select option { background-color: #222 !important; color: #fff !important; } } .wpuf-ms-dropdown { position: relative !important; width: 100% !important; font-family: inherit !important; z-index: 10 !important; } .wpuf-ms-dropdown.wpuf-ms-open { z-index: 100 !important; } .wpuf-ms-trigger { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 8px !important; min-height: 50px !important; padding: 8px 16px !important; background: rgba(128, 128, 128, 0.08) !important; border: 1px solid rgba(128, 128, 128, 0.25) !important; border-radius: 12px !important; cursor: pointer !important; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important; box-sizing: border-box !important; outline: none !important; color: #ececec !important; } .wpuf-ms-trigger:hover, .wpuf-ms-trigger:focus { border-color: #c1ffb4 !important; box-shadow: 0 0 0 3px rgba(193, 255, 180, 0.15) !important; background: rgba(128, 128, 128, 0.05) !important; } .wpuf-ms-open .wpuf-ms-trigger { border-color: #c1ffb4 !important; box-shadow: 0 0 0 4px rgba(193, 255, 180, 0.15) !important; border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; } .wpuf-ms-tags { display: flex !important; flex-wrap: wrap !important; gap: 6px !important; flex: 1 !important; align-items: center !important; min-height: 30px !important; } .wpuf-ms-placeholder { color: rgba(200, 200, 200, 0.5) !important; font-size: 15px !important; user-select: none !important; } .wpuf-ms-arrow { display: flex !important; align-items: center !important; justify-content: center !important; color: rgba(200, 200, 200, 0.5) !important; transition: transform 0.25s ease !important; flex-shrink: 0 !important; } .wpuf-ms-open .wpuf-ms-arrow { transform: rotate(180deg) !important; } .wpuf-ms-tag { display: inline-flex !important; align-items: center !important; gap: 4px !important; background: #c1ffb4 !important; color: #1a1a1a !important; border-radius: 20px !important; padding: 4px 10px 4px 12px !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.4 !important; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important; animation: wpuf-ms-tag-in 0.2s ease !important; white-space: nowrap !important; max-width: 180px !important; } .wpuf-ms-tag-text { overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; } .wpuf-ms-tag-close { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 18px !important; height: 18px !important; border-radius: 50% !important; background: rgba(0, 0, 0, 0.15) !important; cursor: pointer !important; font-size: 14px !important; line-height: 1 !important; transition: background 0.15s ease !important; flex-shrink: 0 !important; } .wpuf-ms-tag-close:hover { background: rgba(0, 0, 0, 0.3) !important; } @keyframes wpuf-ms-tag-in { from { opacity: 0; transform: scale(0.85); } to { opacity: 1; transform: scale(1); } } .wpuf-ms-panel { position: absolute !important; top: 100% !important; left: 0 !important; right: 0 !important; background: rgba(0, 0, 0, 0.6) !important; -webkit-backdrop-filter: blur(16px) !important; backdrop-filter: blur(16px) !important; border: 1px solid rgba(193, 255, 180, 0.25) !important; border-top: none !important; border-radius: 0 0 12px 12px !important; box-shadow: 0 12px 32px rgba(0, 0, 0, 0.4) !important; max-height: 0 !important; overflow: hidden !important; opacity: 0 !important; transition: max-height 0.3s ease, opacity 0.2s ease !important; box-sizing: border-box !important; z-index: 101 !important; } .wpuf-ms-open .wpuf-ms-panel { max-height: 320px !important; opacity: 1 !important; overflow: visible !important; } .wpuf-ms-search-wrap { padding: 10px 12px 6px !important; position: sticky !important; top: 0 !important; background: rgba(0, 0, 0, 0.6) !important; z-index: 2 !important; } .wpuf-ms-search { width: 100% !important; padding: 9px 14px !important; background: rgba(255, 255, 255, 0.35) !important; border: 1px solid rgba(255, 255, 255, 0.45) !important; border-radius: 8px !important; color: #ffffff !important; font-size: 14px !important; outline: none !important; box-sizing: border-box !important; transition: all 0.2s ease !important; } .wpuf-ms-search:focus { border-color: rgba(193, 255, 180, 0.4) !important; box-shadow: none !important; } .wpuf-ms-search::placeholder { color: rgba(255, 255, 255, 0.8) !important; } .wpuf-ms-list { max-height: 200px !important; overflow-y: auto !important; padding: 4px 6px !important; scrollbar-width: thin !important; scrollbar-color: rgba(193, 255, 180, 0.3) transparent !important; } .wpuf-ms-list::-webkit-scrollbar { width: 6px !important; } .wpuf-ms-list::-webkit-scrollbar-thumb { background: rgba(193, 255, 180, 0.3) !important; border-radius: 3px !important; } .wpuf-ms-item { display: flex !important; align-items: center !important; gap: 10px !important; padding: 10px 12px !important; border-radius: 8px !important; cursor: pointer !important; transition: background 0.15s ease !important; color: #ececec !important; font-size: 14px !important; margin-bottom: 2px !important; user-select: none !important; } .wpuf-ms-item:hover { background: rgba(193, 255, 180, 0.1) !important; } .wpuf-ms-item-hidden { display: none !important; } .wpuf-ms-item:has(.wpuf-ms-checkbox:checked) { background: rgba(193, 255, 180, 0.08) !important; } body .wpuf-ms-dropdown input[type="checkbox"].wpuf-ms-checkbox, body .wpuf-form-add .wpuf-ms-dropdown input[type="checkbox"].wpuf-ms-checkbox, body .wpuf-form-edit .wpuf-ms-dropdown input[type="checkbox"].wpuf-ms-checkbox { appearance: none !important; -webkit-appearance: none !important; width: 18px !important; height: 18px !important; min-width: 18px !important; background: rgba(255, 255, 255, 0.08) !important; border: 2px solid rgba(193, 255, 180, 0.3) !important; border-radius: 5px !important; margin: 0 !important; padding: 0 !important; cursor: pointer !important; position: relative !important; transition: all 0.2s ease !important; flex-shrink: 0 !important; box-shadow: none !important; } body .wpuf-ms-dropdown input[type="checkbox"].wpuf-ms-checkbox:hover, body .wpuf-form-add .wpuf-ms-dropdown input[type="checkbox"].wpuf-ms-checkbox:hover, body .wpuf-form-edit .wpuf-ms-dropdown input[type="checkbox"].wpuf-ms-checkbox:hover { border-color: rgba(193, 255, 180, 0.5) !important; background: rgba(193, 255, 180, 0.1) !important; } body .wpuf-ms-dropdown input[type="checkbox"].wpuf-ms-checkbox:checked, body .wpuf-form-add .wpuf-ms-dropdown input[type="checkbox"].wpuf-ms-checkbox:checked, body .wpuf-form-edit .wpuf-ms-dropdown input[type="checkbox"].wpuf-ms-checkbox:checked { background: #c1ffb4 !important; border-color: #c1ffb4 !important; } body .wpuf-ms-dropdown input[type="checkbox"].wpuf-ms-checkbox:checked::after, body .wpuf-form-add .wpuf-ms-dropdown input[type="checkbox"].wpuf-ms-checkbox:checked::after, body .wpuf-form-edit .wpuf-ms-dropdown input[type="checkbox"].wpuf-ms-checkbox:checked::after { content: '' !important; position: absolute !important; left: 5px !important; top: 1px !important; width: 5px !important; height: 9px !important; border: solid #1a1a1a !important; border-width: 0 2px 2px 0 !important; transform: rotate(45deg) !important; } .wpuf-ms-item-label { flex: 1 !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; } .wpuf-ms-clear-wrap { padding: 6px 12px 10px !important; text-align: right !important; border-top: 1px solid rgba(255, 255, 255, 0.06) !important; display: none !important; } .wpuf-ms-clear { background: none !important; border: none !important; color: rgba(193, 255, 180, 0.7) !important; cursor: pointer !important; font-size: 12px !important; padding: 4px 8px !important; border-radius: 4px !important; transition: all 0.15s ease !important; } .wpuf-ms-clear:hover { color: #c1ffb4 !important; background: rgba(193, 255, 180, 0.1) !important; } .wpuf-form-add select[data-ms-init], .wpuf-form-edit select[data-ms-init], li.wpuf-el select[data-ms-init] { position: absolute !important; width: 1px !important; height: 1px !important; opacity: 0 !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; pointer-events: none !important; } .wpuf-ms-selected { background: rgba(193, 255, 180, 0.15) !important; color: #c1ffb4 !important; font-weight: 500 !important; } .wpuf-ms-selected::after { content: "✓"; margin-left: auto !important; color: #c1ffb4 !important; font-weight: bold !important; font-size: 14px !important; } .wpuf-ms-single-value { color: #ececec !important; font-size: 15px !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; margin-right: 10px !important; } .wpuf-ms-parent { font-weight: bold !important; color: #c1ffb4 !important; cursor: default !important; pointer-events: none !important; padding-top: 12px !important; padding-bottom: 8px !important; border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important; } .wpuf-ms-parent .wpuf-ms-item-label { text-transform: uppercase !important; font-size: 12px !important; letter-spacing: 0.05em !important; opacity: 0.8 !important; } body .wpuf-dashboard-container { background: transparent !important; color: inherit !important; max-width: 1100px !important; margin: 0 auto !important; padding: 0 !important; } body .wpuf-dashboard-container::after { clear: both !important; content: "" !important; display: table !important; } body .wpuf-dashboard-container h2.page-head { font-size: 28px !important; font-weight: 700 !important; color: inherit !important; margin-bottom: 8px !important; padding: 0 !important; background: transparent !important; border: none !important; } body .wpuf-dashboard-container h2.page-head .colour { color: #c1ffb4 !important; background: linear-gradient(135deg, #c1ffb4, #8be8a0) !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; background-clip: text !important; } body .wpuf-dashboard-container .post_count { color: rgba(236, 236, 236, 0.6) !important; font-size: 15px !important; margin-bottom: 28px !important; padding: 0 !important; } body .wpuf-dashboard-container .post_count span { color: #c1ffb4 !important; font-weight: 700 !important; } body .wpuf-dashboard-container .items-table-container { border-radius: 16px !important; overflow: hidden !important; border: 1px solid rgba(128, 128, 128, 0.15) !important; box-shadow: 0 4px 24px rgba(0, 0, 0, 0.15) !important; max-width: 100% !important; overflow-x: auto !important; } body .wpuf-dashboard-container table.items-table { width: 100% !important; border-collapse: separate !important; border-spacing: 0 !important; background: rgba(128, 128, 128, 0.04) !important; border: none !important; color: #ececec !important; font-size: 14px !important; font-weight: 400 !important; margin: 0 !important; } body .wpuf-dashboard-container table.items-table thead tr { border: none !important; } body .wpuf-dashboard-container table.items-table th { background: rgba(128, 128, 128, 0.08) !important; color: rgba(236, 236, 236, 0.7) !important; font-size: 11px !important; font-weight: 600 !important; text-transform: uppercase !important; letter-spacing: 0.08em !important; padding: 14px 16px !important; border-bottom: 2px solid rgba(193, 255, 180, 0.15) !important; box-shadow: none !important; white-space: nowrap !important; } body .wpuf-dashboard-container table.items-table tbody tr { border: none !important; border-bottom: 1px solid rgba(128, 128, 128, 0.1) !important; transition: background 0.2s ease !important; } body .wpuf-dashboard-container table.items-table tbody tr:last-child { border-bottom: none !important; } body .wpuf-dashboard-container table.items-table tbody tr:hover { background: rgba(193, 255, 180, 0.04) !important; } body .wpuf-dashboard-container table.items-table td { padding: 12px 16px !important; border: none !important; color: #ececec !important; vertical-align: middle !important; } body .wpuf-dashboard-container table.items-table a { color: #ececec !important; text-decoration: none !important; box-shadow: none !important; transition: color 0.2s ease !important; } body .wpuf-dashboard-container table.items-table a:hover { color: #c1ffb4 !important; } body .wpuf-dashboard-container table.items-table td img.wp-post-image, body .wpuf-dashboard-container table.items-table td img.attachment-thumbnail { width: 56px !important; height: 56px !important; object-fit: cover !important; border-radius: 10px !important; border: 1px solid rgba(128, 128, 128, 0.2) !important; display: block !important; transition: transform 0.2s ease, box-shadow 0.2s ease !important; } body .wpuf-dashboard-container table.items-table td img.wp-post-image:hover, body .wpuf-dashboard-container table.items-table td img.attachment-thumbnail:hover { transform: scale(1.08) !important; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3) !important; } body .wpuf-dashboard-container table.items-table .post-edit-icon { display: none !important; } body .wpuf-dashboard-container table.items-table td[data-label="Status: "] span { display: inline-block !important; padding: 4px 14px !important; border-radius: 20px !important; font-size: 12px !important; font-weight: 600 !important; background: rgba(193, 255, 180, 0.12) !important; color: #c1ffb4 !important; letter-spacing: 0.02em !important; } body .wpuf-dashboard-container .wpuf-posts-options { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 36px !important; height: 36px !important; border-radius: 10px !important; transition: all 0.2s ease !important; float: none !important; padding: 0 !important; margin-right: 6px !important; } body .wpuf-dashboard-container .wpuf-posts-options img { width: 16px !important; height: 16px !important; opacity: 0.6 !important; transition: opacity 0.2s ease !important; filter: brightness(0) invert(1) !important; } body .wpuf-dashboard-container .wpuf-posts-edit { background: rgba(128, 128, 128, 0.1) !important; } body .wpuf-dashboard-container .wpuf-posts-edit:hover { background: rgba(193, 255, 180, 0.2) !important; } body .wpuf-dashboard-container .wpuf-posts-edit:hover img { opacity: 1 !important; filter: brightness(0) invert(0.8) sepia(1) saturate(3) hue-rotate(80deg) !important; } body .wpuf-dashboard-container .wpuf-posts-delete { background: rgba(128, 128, 128, 0.1) !important; } body .wpuf-dashboard-container .wpuf-posts-delete:hover { background: rgba(255, 91, 91, 0.2) !important; } body .wpuf-dashboard-container .wpuf-posts-delete:hover img { opacity: 1 !important; filter: brightness(0) invert(0.5) sepia(1) saturate(10) hue-rotate(0deg) !important; } body .wpuf-dashboard-container .wpuf-pagination { margin-top: 24px !important; text-align: center !important; padding: 10px 0 !important; } body .wpuf-dashboard-container .wpuf-pagination .page-numbers { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-width: 38px !important; height: 38px !important; padding: 0 12px !important; margin: 0 3px !important; border-radius: 10px !important; border: 1px solid rgba(128, 128, 128, 0.2) !important; background: rgba(128, 128, 128, 0.06) !important; color: #ececec !important; font-size: 14px !important; font-weight: 500 !important; text-decoration: none !important; transition: all 0.2s ease !important; } body .wpuf-dashboard-container .wpuf-pagination .page-numbers:hover, body .wpuf-dashboard-container .wpuf-pagination .page-numbers:active { background: rgba(193, 255, 180, 0.1) !important; border-color: rgba(193, 255, 180, 0.3) !important; color: #c1ffb4 !important; } body .wpuf-dashboard-container .wpuf-pagination .page-numbers.current { background: #c1ffb4 !important; border-color: #c1ffb4 !important; color: #1a1a1a !important; font-weight: 700 !important; box-shadow: 0 4px 14px rgba(193, 255, 180, 0.3) !important; } body .wpuf-dashboard-container .wpuf-pagination .next.page-numbers, body .wpuf-dashboard-container .wpuf-pagination .prev.page-numbers { font-size: 18px !important; } body .wpuf-dashboard-container .wpuf-dashboard-navigation { width: 20% !important; float: left !important; } body .wpuf-dashboard-container .wpuf-dashboard-navigation ul { list-style: none !important; margin: 0 !important; padding: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; } body .wpuf-dashboard-container .wpuf-dashboard-navigation ul li { margin-bottom: 4px !important; padding: 0 !important; display: block !important; background: transparent !important; } body .wpuf-dashboard-container .wpuf-dashboard-navigation a { display: block !important; padding: 10px 16px !important; border-radius: 10px !important; color: #ececec !important; font-size: 14px !important; font-weight: 500 !important; text-decoration: none !important; box-shadow: none !important; transition: all 0.2s ease !important; background: transparent !important; } body .wpuf-dashboard-container .wpuf-dashboard-navigation a:hover { background: rgba(193, 255, 180, 0.08) !important; color: #c1ffb4 !important; } body .wpuf-dashboard-container .wpuf-dashboard-navigation li.active a, body .wpuf-dashboard-container .wpuf-dashboard-navigation a.active { background: rgba(193, 255, 180, 0.12) !important; color: #c1ffb4 !important; font-weight: 600 !important; } body .wpuf-dashboard-container .wpuf-dashboard-content { width: 80% !important; float: right !important; color: #ececec !important; } body .wpuf-dashboard-container .wpuf-dashboard-content p { color: rgba(236, 236, 236, 0.7) !important; line-height: 1.7 !important; } body .wpuf-dashboard-container .wpuf-dashboard-content a { color: #c1ffb4 !important; text-decoration: none !important; transition: opacity 0.2s ease !important; } body .wpuf-dashboard-container .wpuf-dashboard-content a:hover { opacity: 0.8 !important; text-decoration: underline !important; } body .wpuf-dashboard-container .wpuf-message { text-align: center !important; padding: 40px 30px !important; background: rgba(128, 128, 128, 0.06) !important; border: 1px solid rgba(128, 128, 128, 0.12) !important; border-radius: 16px !important; color: rgba(236, 236, 236, 0.5) !important; font-size: 16px !important; margin: 20px 0 !important; } body .wpuf-dashboard-container .wpuf-update-profile-form ul.wpuf-form { background: transparent !important; } @media screen and (max-width: 991px) { body .wpuf-dashboard-container .wpuf-dashboard-navigation { width: 100% !important; float: none !important; margin-bottom: 24px !important; } body .wpuf-dashboard-container .wpuf-dashboard-navigation ul { display: flex !important; flex-wrap: wrap !important; gap: 6px !important; flex-direction: row !important; background: transparent !important; border: none !important; box-shadow: none !important; } body .wpuf-dashboard-container .wpuf-dashboard-navigation ul li { display: inline-block !important; margin: 0 !important; } body .wpuf-dashboard-container .wpuf-dashboard-navigation a { padding: 8px 14px !important; font-size: 13px !important; border: 1px solid rgba(128, 128, 128, 0.15) !important; } body .wpuf-dashboard-container .wpuf-dashboard-content { width: 100% !important; float: none !important; } } @media screen and (max-width: 600px) { body .wpuf-dashboard-container h2.page-head { font-size: 22px !important; } body .wpuf-dashboard-container .items-table-container { border-radius: 12px !important; border: none !important; box-shadow: none !important; } body .wpuf-dashboard-container table.items-table { border: none !important; background: transparent !important; } body .wpuf-dashboard-container table.items-table thead { display: none !important; } body .wpuf-dashboard-container table.items-table tbody tr { display: block !important; background: rgba(128, 128, 128, 0.06) !important; border: 1px solid rgba(128, 128, 128, 0.12) !important; border-radius: 12px !important; margin-bottom: 12px !important; padding: 12px !important; overflow: hidden !important; } body .wpuf-dashboard-container table.items-table tbody tr:hover { background: rgba(193, 255, 180, 0.04) !important; } body .wpuf-dashboard-container table.items-table td { display: flex !important; align-items: center !important; padding: 8px 4px !important; border: none !important; } body .wpuf-dashboard-container table.items-table td::before { content: attr(data-label) !important; font-weight: 600 !important; color: rgba(236, 236, 236, 0.5) !important; font-size: 11px !important; text-transform: uppercase !important; letter-spacing: 0.04em !important; min-width: 100px !important; flex-shrink: 0 !important; } body .wpuf-dashboard-container table.items-table tr td { display: flex !important; } body .wpuf-dashboard-container table.items-table tr td:first-child { justify-content: flex-start !important; } body .wpuf-dashboard-container table.items-table .post-edit-icon { display: none !important; } body .wpuf-dashboard-container .wpuf-posts-options { width: 32px !important; height: 32px !important; border-radius: 8px !important; } } body .wpuf-form-add .upload-item .progress, body .wpuf-form-edit .upload-item .progress, body .wpuf-form .upload-item .progress { background: rgba(128, 128, 128, 0.15) !important; border-radius: 8px !important; height: 12px !important; margin-top: 10px !important; overflow: hidden !important; border: 1px solid rgba(128, 128, 128, 0.2) !important; box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2) !important; width: 100% !important; } body .wpuf-form-add .upload-item .progress .bar, body .wpuf-form-edit .upload-item .progress .bar, body .wpuf-form .upload-item .progress .bar { background: #c1ffb4 !important; height: 100% !important; border-radius: 8px !important; transition: width 0.3s ease !important; box-shadow: 0 0 10px rgba(193, 255, 180, 0.5) !important; } body.swal2-shown .swal2-container { background-color: rgba(0, 0, 0, 0.6) !important; backdrop-filter: blur(8px) !important; -webkit-backdrop-filter: blur(8px) !important; z-index: 999999 !important; } body.swal2-shown .swal2-popup { background: #1a1a1a !important; border: 1px solid rgba(128, 128, 128, 0.2) !important; border-radius: 16px !important; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5) !important; color: #ececec !important; font-family: inherit !important; padding: 30px 20px !important; } body.swal2-shown .swal2-title { color: #fff !important; font-size: 24px !important; font-weight: 600 !important; } body.swal2-shown .swal2-html-container, body.swal2-shown .swal2-content { color: rgba(236, 236, 236, 0.8) !important; font-size: 16px !important; } body.swal2-shown .swal2-icon.swal2-warning { border-color: #ffd27d !important; color: #ffd27d !important; } body.swal2-shown .swal2-icon.swal2-success { border-color: #c1ffb4 !important; color: #c1ffb4 !important; } body.swal2-shown .swal2-icon.swal2-error { border-color: #ff7d7d !important; color: #ff7d7d !important; } body.swal2-shown .swal2-actions { gap: 15px !important; margin-top: 25px !important; } body.swal2-shown .swal2-confirm, body.swal2-shown .swal2-confirm.btn-success { background: #c1ffb4 !important; color: #1a1a1a !important; border: none !important; border-radius: 12px !important; padding: 12px 28px !important; font-size: 15px !important; font-weight: 600 !important; box-shadow: 0 4px 14px rgba(193, 255, 180, 0.2) !important; transition: all 0.3s ease !important; margin: 0 !important; } body.swal2-shown .swal2-confirm:hover, body.swal2-shown .swal2-confirm.btn-success:hover { transform: translateY(-2px) !important; box-shadow: 0 6px 20px rgba(193, 255, 180, 0.3) !important; background: #c1ffb4 !important; } body.swal2-shown .swal2-cancel, body.swal2-shown .swal2-cancel.btn-danger { background: rgba(128, 128, 128, 0.15) !important; color: #ececec !important; border: 1px solid rgba(128, 128, 128, 0.25) !important; border-radius: 12px !important; padding: 12px 28px !important; font-size: 15px !important; font-weight: 600 !important; transition: all 0.3s ease !important; margin: 0 !important; } body.swal2-shown .swal2-cancel:hover, body.swal2-shown .swal2-cancel.btn-danger:hover { background: rgba(128, 128, 128, 0.25) !important; border-color: rgba(128, 128, 128, 0.4) !important; color: #fff !important; }