@import "https://fonts.googleapis.com/css2?family=Source+Code+Pro:ital,wght@0,200..900;1,200..900&display=swap";@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,400;0,500;0,600;1,400;1,500;1,600&display=swap";._nav-link_cllm0_3{padding:6px 12px;display:inline-block}._nav-link-flex_cllm0_8{align-items:center;gap:8px;padding:6px 12px;display:flex}html{font-synthesis:none}body{font-synthesis:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f9fafb;font-weight:400;font-family:IBM Plex Sans,sans-serif!important}#beacon-container{visibility:hidden!important;opacity:0!important;pointer-events:none!important;display:none!important}.custom-checkbox input[type=checkbox]{opacity:0}.custom-checkbox label{cursor:pointer;position:relative}.custom-checkbox label:before,.custom-checkbox label:after{content:"";display:inline-block;position:absolute}.custom-checkbox label:before{background-color:#d9dbe9;border:none;border-radius:2px;width:16px;height:16px;top:3px;left:0}.custom-checkbox label:after{border-bottom:2px solid;border-left:2px solid;width:9px;height:5px;top:7px;left:4px;transform:scale(1.25)rotate(-55deg)}.custom-checkbox input[type=checkbox]:checked+label:before{background-color:#101820!important}.custom-checkbox input[type=checkbox]:checked+label:after{color:#fff}.custom-checkbox.partial-checked input[type=checkbox]:checked+label:after{border-left:0;width:10px;height:2px;top:9.5px;left:3px;transform:rotate(0)}.custom-checkbox input[type=checkbox]+label:after{content:none}.custom-checkbox input[type=checkbox]:checked+label:after{content:""}.custom-checkbox input[type=checkbox]:focus+label:before{box-shadow:0 0 0 3px #4299e199}.custom-editor .ql-container,.custom-editor .ql-container .ql-editor{border-radius:0 0 8px 8px!important}.custom-editor .ql-toolbar .ql-formats{padding-inline:10px;margin:0!important}.custom-editor .ql-toolbar .ql-formats:first-child{padding-left:0!important}.custom-editor .ql-toolbar .ql-formats:not(:last-child){border-right:1px solid #d9dbe9}.custom-editor .ql-toolbar .ql-formats:nth-child(7){border:none!important}.custom-editor .ql-toolbar .ql-formats:last-child{position:absolute;right:32px}.gradient-border-box{box-sizing:border-box;background:radial-gradient(circle at 100% 100%,#fff 0 6px,#0000 6px) 0 0/8px 8px no-repeat,radial-gradient(circle at 0 100%,#fff 0 6px,#0000 6px) 100% 0/8px 8px no-repeat,radial-gradient(circle at 100% 0,#fff 0 6px,#0000 6px) 0 100%/8px 8px no-repeat,radial-gradient(circle at 0 0,#fff 0 6px,#0000 6px) 100% 100%/8px 8px no-repeat,linear-gradient(#fff,#fff) 50%/calc(100% - 4px) calc(100% - 16px) no-repeat,linear-gradient(#fff,#fff) 50%/calc(100% - 16px) calc(100% - 4px) no-repeat,linear-gradient(90deg,#3fa53c 5%,#006cd0 100%);border-radius:8px;padding:2px}.add-product-quill .ql-snow{border-radius:unset;background-color:#eff0f6}.add-product-quill .ql-container .ql-editor{border-radius:unset;background-color:#eff0f6!important}.all-product-checkbox .css-1ltoixu{border-radius:unset}.dashed-border{background-image:repeating-linear-gradient(-12deg,#000,#000 10px,#0000 10px 15px,#000 15px),repeating-linear-gradient(78deg,#000,#000 10px,#0000 10px 15px,#000 15px),repeating-linear-gradient(168deg,#000,#000 10px,#0000 10px 15px,#000 15px),repeating-linear-gradient(258deg,#000,#000 10px,#0000 10px 15px,#000 15px);background-position:0 0,0 0,100% 0,0 100%;background-repeat:no-repeat;background-size:1.5px 100%,100% 1.5px,1.5px 100%,100% 1.5px}.child-variant{display:none!important}.parent-variant{white-space:nowrap}.parent-variant .child-variant{white-space:nowrap;border:1px solid #eee;border-radius:4px;max-height:70vh;margin-bottom:10rem;overflow:auto;box-shadow:0 1px 5px 1px #6d6d6d}.parent-variant:hover .child-variant{display:block!important}.custom-large-preview-child{display:none}.customer-preview-large:hover .custom-large-preview-child{height:auto;display:block;position:absolute;top:0;left:100%}.chakra-switch__track[data-focus]{box-shadow:none!important}.reseller-general-settings .tel-control .special-label,.store-details .tel-control .special-label,.order-sample-drawer .tel-control .special-label,.admin-company-settings .admin-tel-control .special-label,.order-details-edit-address-modal .external-phone-class .special-label,.requests .crm.us-phone-formate .special-label{display:none}.reseller-general-settings .tel-control label,.store-details .tel-control label,.order-sample-drawer .tel-control label,.swagflo-company-details .tel-control label{left:20px}.admin-company-settings .admin-tel-control label{font-size:13px;font-weight:500;line-height:22px}.admin-company-settings .admin-tel-control .react-tel-input input[type=tel]{padding:0!important}.reseller-general-settings .tel-control .react-tel-input input[type=tel],.store-details .tel-control .react-tel-input input[type=tel],.order-sample-drawer .tel-control .react-tel-input input[type=tel]{padding:30px 20px 7px}.reseller-general-settings .tel-control:focus-visible,.reseller-general-settings .react-tel-input :focus-visible,.store-details .tel-control:focus-visible,.store-details .react-tel-input :focus-visible,.order-sample-drawer .tel-control:focus-visible,.order-sample-drawer .react-tel-input :focus-visible,.admin-company-settings .admin-tel-control .react-tel-input :focus-visible{border:none;outline:none}.chakra-accordion .chakra-collapse{display:block!important}.postCardHeight>div{height:100%}.selectSvg svg{margin-top:15px!important}.edit-address-modal .react-tel-input .form-control{border:1px solid;border-color:inherit;background-color:#f7fafc;padding-left:12px!important}.edit-address-modal .react-tel-input .form-control:focus-visible{box-shadow:none;outline:none}.tox-fullscreen,.tox.tox-tinymce-aux,.tox.tox-tinymce.tox-fullscreen,.tox-fullscreen .tox-statusbar{z-index:9999!important}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.edit_order_shipping .react-datepicker__input-container input,.validTill .react-datepicker__input-container input,.expectedDeliveryDate .react-datepicker__input-container input,.pickupDate .react-datepicker__input-container input{padding-left:14px!important;padding-right:14px!important}.react-datepicker__input-container .calender-icon-button svg{margin-top:unset}.react-datepicker__input-container input{letter-spacing:.25px!important;font-size:13px!important;font-weight:500!important;line-height:22px!important}.analytics-date-field .react-datepicker-wrapper{flex:auto;min-width:0}.analytics-date-field .react-datepicker__input-container{width:100%}.crm.us-phone-formate .react-tel-input .form-control,.commerce.us-phone-formate .react-tel-input .form-control{padding:0 0 0 35px!important}.swagflo-company-details .react-tel-input .selected-flag .flag{margin-top:0;position:absolute;top:-21px;left:20px}.subscription_start_date.swagflo .react-datepicker__input-container{padding-left:0;padding-right:0;bottom:0!important}.swagflo-company-details .tel-control .react-tel-input input[type=tel]{font-size:13px}.crm.tel-control .react-tel-input .flag-dropdown,.hrm.tel-control .react-tel-input .flag-dropdown{position:absolute;top:22px;left:14px}.crm.tel-control label,.hrm.tel-control label{z-index:6;left:22px}.crm.tel-control .react-tel-input{z-index:5}.add-lead-source .chakra-modal__content{z-index:9999!important}.edit-order-details .react-datepicker__input-container input{font-size:11px!important}.react-tel-input .flag-dropdown.open .selected-flag{background:unset!important;border-radius:unset!important}.react-tel-input .selected-flag{width:unset!important}.react-tel-input .flag-dropdown.open{z-index:99999!important}.assign-leave-form .react-datepicker__input-container>input:focus-visible,.assign-leave-form .react-datepicker__input-container>input:focus-within,.assign-leave-form .react-datepicker__input-container>input:focus,.hrm-general-details .react-datepicker__input-container>input:focus-visible,.hrm-general-details .react-datepicker__input-container>input:focus-within,.hrm-general-details .react-datepicker__input-container>input:focus{border:none!important;outline:none!important}.customer-duration-section .react-datepicker__input-container svg{margin-top:0}.quotes-date-picker-wrapper .react-datepicker__input-container input{font-size:11px!important}.crm .react-tel-input .flag-dropdown{background-color:unset!important}.crm.tel-control .react-tel-input .flag-dropdown .selected-flag{background:unset!important}.standard-form-style label,.standard-form-style .select-label{color:#6e7191!important}.standard-form-style .chakra-input,.standard-form-style .react-tel-input .form-control,.standard-form-style select,.standard-form-style input,.standard-form-style .select-wrapper div,.standard-form-style .chakra-radio-group .chakra-radio__label,.standard-form-style .chakra-radio__label p,.standard-form-style .charge-currency,.standard-form-style .charge-per-piece{color:#14142b!important}.standard-form-style label,.standard-form-style .chakra-input,.standard-form-style .react-tel-input .form-control,.standard-form-style select,.standard-form-style .select-label,.standard-form-style input,.standard-form-style .select-wrapper div,.standard-form-style .chakra-radio-group .chakra-radio__label,.standard-form-style .chakra-radio-group .chakra-radio__label>p,.standard-form-style .chakra-checkbox__label,.standard-form-style .chakra-checkbox__label>p,.standard-form-style .chakra-checkbox__label>div,.standard-form-style button>p,.standard-form-style button p,.standard-form-style .autocomplete-address ul>li,.standard-form-style .select-input,.standard-form-style .searchable-select__single-value,.standard-form-style .searchable-select__placeholder,.standard-form-style .searchable>div,.standard-form-style .chakra-form-control>textarea,.standard-form-style .chakra-form-control div,.standard-form-style .chakra-radio__label p,.standard-form-style .chakra-radio-group .chakra-text,.standard-form-style .chakra-radio-group .chakra-text,.standard-form-style .charge-currency,.standard-form-style .charge-per-piece,.standard-form-style .react-select div,.standard-form-style .searchable-select__value-container div,.standard-form-style .pixflo-template-sub-category-select div,.standard-form-style .edit-template-select div,.standard-form-style .upload-template-select div,.standard-form-style .upload-template-select div,.standard-form-style .add-icon-select div,.standard-form-style .edit-icon-select div,.standard-form-style .add-clipart-select div,.standard-form-style .edit-clipart-select div,.standard-form-style .add-background-select div,.standard-form-style .edit-background-select div,.standard-form-style .pixflo-design-category-select div{letter-spacing:.25px!important;font-family:IBM Plex Sans,sans-serif!important;font-size:13px!important;font-weight:500!important;line-height:20px!important}.standard-form-style .us-phone-formate .react-tel-input .flag-dropdown,.standard-form-style .tel-control .react-tel-input .flag-dropdown{display:none!important}.standard-form-style .us-phone-formate .react-tel-input .form-control{padding:0!important}.standard-form-style .tel-control .react-tel-input input[type=tel]{padding:30px 20px 7px 22px!important}.standard-form-style .react-datepicker__input-container input{outline:none!important}.standard-form-style .select-style-three,.standard-form-style .select-style-three .select-style-three__control{box-shadow:none!important;border:0!important;outline:none!important}.standard-menu-style .order-menu button,.standard-menu-style .purchase-order-menu button{color:#14142b!important;letter-spacing:.25px!important;font-family:IBM Plex Sans,sans-serif!important;font-size:13px!important;font-weight:600!important;line-height:16px!important}:root{--brand-900:#123f3a;--brand-800:#164e47;--brand-700:#065f54;--brand-600:#047857;--brand-500:#059669;--brand-100:#ddf5ee;--brand-50:#f0faf7;--neutral-950:#101820;--neutral-900:#1c1c1c;--neutral-800:#1c1c1c;--neutral-700:#555;--neutral-600:#5a6a73;--neutral-500:#9e9e9e;--neutral-400:#9e9e9e;--neutral-300:#e0e0e0;--neutral-200:#ececec;--neutral-100:#f8f9fa;--neutral-50:#f8f9fa;--white:#fff;--success:#166534;--success-bg:#dcfce7;--processing:#1d4ed8;--processing-bg:#dbeafe;--attention:#92400e;--attention-bg:#fef3c7;--critical:#b91c1c;--critical-bg:#fee2e2;--priority:#176b78;--priority-bg:#ddf3f6;--action-primary:#047857;--action-primary-hover:#065f46;--action-primary-down:#064e3b;--action-primary-active:#064e3b;--selected-strong:#065f54;--selected-strong-hover:#064e46;--selected-strong-text:#fff;--selected-soft:#ddf5ee;--selected-soft-hover:#d1eee5;--selected-soft-text:#064e46;--border:#e0e0e0;--page-bg:#f8f9fa;--surface:#fff;--ws-theme-color-primary:#123f3a;--ws-theme-color-background:#123f3a;--ws-theme-color-text:#1c1c1c;--ws-theme-font-size-sm:.875rem;--ws-theme-font-size-base:1rem;--ws-theme-font-size-lg:1.25rem;--ws-theme-radius-md:.5rem;--ws-theme-spacing-md:1rem;--ws-theme-header-nav-active-bg:#fcfcfc;--ws-theme-header-nav-active-text:#101820;--ws-theme-header-nav-hover-bg:#fcfcfc24;--ws-theme-header-nav-hover-text:#fcfcfc}[data-workspace-theme="3"],[data-workspace-theme=swagify]{--ws-theme-color-primary:#005757;--ws-theme-color-primary-dark:#014747;--ws-theme-color-primary-light:#007a7a;--ws-theme-color-background:#005757;--ws-theme-color-background-dark:#014747;--ws-theme-color-text:#fff;--ws-theme-color-text-secondary:#fcfcfc;--ws-theme-header-bg:linear-gradient(90deg, #16604a 0%, #2a4561 100%);--ws-theme-header-text:#fcfcfc;--ws-theme-header-logo-bg:#113a35;--ws-theme-header-logo-inner-bg:#fff;--ws-theme-header-logo-border:linear-gradient(95.08deg, #3fa53c 2.49%, #006cd0 97.19%);--ws-theme-header-more-menu-bg:linear-gradient(95.08deg, #3fa53c 2.49%, #006cd0 97.19%);--ws-theme-header-more-menu-text:#fcfcfc;--ws-theme-header-nav-active-bg:#fcfcfc;--ws-theme-header-nav-active-text:#113a35;--ws-theme-header-nav-hover-bg:#fcfcfc24;--ws-theme-header-nav-hover-text:#fcfcfc;--ws-theme-menu-bg:#fcfcfc;--ws-theme-menu-text:#14142b;--ws-theme-menu-hover-bg:#eff0f6;--ws-theme-menu-border:#d9dbe9;--ws-theme-button-gradient-start:#3fa53c;--ws-theme-button-gradient-end:#006cd0;--ws-theme-button-text:#fcfcfc;--ws-theme-active-bg:#002424;--ws-theme-active-text:#fcfcfc}[data-workspace-theme="2"],[data-workspace-theme=promoful]{--ws-theme-color-primary:#4a90e2;--ws-theme-color-primary-dark:#357abd;--ws-theme-color-primary-light:#6aa8f0;--ws-theme-color-background:#4a90e2;--ws-theme-color-background-dark:#357abd;--ws-theme-color-text:#fff;--ws-theme-color-text-secondary:#fcfcfc;--ws-theme-header-bg:linear-gradient(90deg, #869b10 -5.97%, #5f6d0f 29.11%, #22260c 105.24%);--ws-theme-header-text:#fcfcfc;--ws-theme-header-logo-bg:#4c5912;--ws-theme-header-logo-inner-bg:#fff;--ws-theme-header-logo-border:linear-gradient(95.08deg, #3fa53c 2.49%, #006cd0 97.19%);--ws-theme-header-more-menu-bg:#f0f9be;--ws-theme-header-more-menu-text:#14142b;--ws-theme-header-nav-active-bg:#f0f9be;--ws-theme-header-nav-active-text:#22260c;--ws-theme-header-nav-hover-bg:#fcfcfc24;--ws-theme-header-nav-hover-text:#fcfcfc;--ws-theme-menu-bg:#fcfcfc;--ws-theme-menu-text:#14142b;--ws-theme-menu-hover-bg:#e3f2fd;--ws-theme-menu-border:#d9dbe9;--ws-theme-button-gradient-start:#3fa53c;--ws-theme-button-gradient-end:#4a90e2;--ws-theme-button-text:#fcfcfc;--ws-theme-active-bg:#2c5c8a;--ws-theme-active-text:#fcfcfc}[data-workspace-theme="1"],[data-workspace-theme=swagflo]{--ws-theme-color-primary:#123f3a;--ws-theme-color-primary-dark:#0a3d38;--ws-theme-color-primary-light:#047857;--ws-theme-color-background:#123f3a;--ws-theme-color-background-dark:#0a3d38;--ws-theme-color-text:#fff;--ws-theme-color-text-secondary:#fcfcfc;--ws-theme-header-bg:#123f3a;--ws-theme-header-text:#fcfcfc;--ws-theme-header-logo-bg:#0a3d38;--ws-theme-header-logo-inner-bg:#fff;--ws-theme-header-logo-border:#047857;--ws-theme-header-more-menu-bg:#ffffffc4;--ws-theme-header-more-menu-text:#1c1c1c;--ws-theme-header-nav-active-bg:#fcfcfc;--ws-theme-header-nav-active-text:#123f3a;--ws-theme-header-nav-hover-bg:#fcfcfc24;--ws-theme-header-nav-hover-text:#fcfcfc;--ws-theme-menu-bg:#fff;--ws-theme-menu-text:#555;--ws-theme-menu-hover-bg:#f8f9fa;--ws-theme-menu-border:#e0e0e0;--ws-theme-button-gradient-start:#047857;--ws-theme-button-gradient-end:#065f46;--ws-theme-button-text:#fcfcfc;--ws-theme-active-bg:#065f54;--ws-theme-active-text:#fcfcfc}[data-workspace-theme="4"],[data-workspace-theme=swagful]{--ws-theme-color-primary:#e91e63;--ws-theme-color-primary-dark:#c2185b;--ws-theme-color-primary-light:#f06292;--ws-theme-color-background:#e91e63;--ws-theme-color-background-dark:#c2185b;--ws-theme-color-text:#fff;--ws-theme-color-text-secondary:#fcfcfc;--ws-theme-header-bg:linear-gradient(90deg, #3e35c0 -2.01%, #6e49d4 34.04%, #9052db 100%);--ws-theme-header-text:#fcfcfc;--ws-theme-header-logo-bg:#2b2187;--ws-theme-header-logo-inner-bg:#fff;--ws-theme-header-logo-border:linear-gradient(95.08deg, #3fa53c 2.49%, #006cd0 97.19%);--ws-theme-header-more-menu-bg:#ffffffc4;--ws-theme-header-more-menu-text:#14142b;--ws-theme-header-nav-active-bg:#fcfcfc;--ws-theme-header-nav-active-text:#2b2187;--ws-theme-header-nav-hover-bg:#fcfcfc24;--ws-theme-header-nav-hover-text:#fcfcfc;--ws-theme-menu-bg:#fcfcfc;--ws-theme-menu-text:#14142b;--ws-theme-menu-hover-bg:#fce4ec;--ws-theme-menu-border:#d9dbe9;--ws-theme-button-gradient-start:#e91e63;--ws-theme-button-gradient-end:#9c27b0;--ws-theme-button-text:#fcfcfc;--ws-theme-active-bg:#880e4f;--ws-theme-active-text:#fcfcfc}[data-workspace-theme="36"],[data-workspace-theme=fanful]{--ws-theme-color-primary:#e91e63;--ws-theme-color-primary-dark:#c2185b;--ws-theme-color-primary-light:#f06292;--ws-theme-color-background:#e91e63;--ws-theme-color-background-dark:#c2185b;--ws-theme-color-text:#fff;--ws-theme-color-text-secondary:#fcfcfc;--ws-theme-header-bg:linear-gradient(135deg, #2e014f, #6a1b9a);--ws-theme-header-text:#fcfcfc;--ws-theme-header-logo-bg:#2a004a;--ws-theme-header-logo-inner-bg:#fff;--ws-theme-header-logo-border:linear-gradient(95.08deg, #3fa53c 2.49%, #006cd0 97.19%);--ws-theme-header-more-menu-bg:#ffffffc4;--ws-theme-header-more-menu-text:#14142b;--ws-theme-header-nav-active-bg:#fcfcfc;--ws-theme-header-nav-active-text:#2a004a;--ws-theme-header-nav-hover-bg:#fcfcfc24;--ws-theme-header-nav-hover-text:#fcfcfc;--ws-theme-menu-bg:#fcfcfc;--ws-theme-menu-text:#14142b;--ws-theme-menu-hover-bg:#fce4ec;--ws-theme-menu-border:#d9dbe9;--ws-theme-button-gradient-start:#e91e63;--ws-theme-button-gradient-end:#9c27b0;--ws-theme-button-text:#fcfcfc;--ws-theme-active-bg:#880e4f;--ws-theme-active-text:#fcfcfc}[data-workspace-theme="12"],[data-workspace-theme=empire\ promos]{--ws-theme-color-primary:#e91e63;--ws-theme-color-primary-dark:#c2185b;--ws-theme-color-primary-light:#f06292;--ws-theme-color-background:#e91e63;--ws-theme-color-background-dark:#c2185b;--ws-theme-color-text:#fff;--ws-theme-color-text-secondary:#fcfcfc;--ws-theme-header-bg:linear-gradient(90deg, #1a3767 -2.01%, #0082b2 40.49%, #199293 73.69%, #648d3d 100%);--ws-theme-header-text:#fcfcfc;--ws-theme-header-logo-bg:#0d2545;--ws-theme-header-logo-inner-bg:#fff;--ws-theme-header-logo-border:linear-gradient(95.08deg, #3fa53c 2.49%, #006cd0 97.19%);--ws-theme-header-more-menu-bg:#ffffffc4;--ws-theme-header-more-menu-text:#14142b;--ws-theme-header-nav-active-bg:#fcfcfc;--ws-theme-header-nav-active-text:#0d2545;--ws-theme-header-nav-hover-bg:#fcfcfc24;--ws-theme-header-nav-hover-text:#fcfcfc;--ws-theme-menu-bg:#fcfcfc;--ws-theme-menu-text:#14142b;--ws-theme-menu-hover-bg:#fce4ec;--ws-theme-menu-border:#d9dbe9;--ws-theme-button-gradient-start:#e91e63;--ws-theme-button-gradient-end:#9c27b0;--ws-theme-button-text:#fcfcfc;--ws-theme-active-bg:#880e4f;--ws-theme-active-text:#fcfcfc}[data-theme=dark]{--ws-theme-color-primary:#64ffda;--ws-theme-color-background:#0d1117;--ws-theme-color-text:#c9d1d9}.glass-card{-webkit-backdrop-filter:blur(18px)saturate(160%);backdrop-filter:blur(18px)saturate(160%);background:#ffffff73;border:1px solid #ffffff8c;box-shadow:0 8px 32px #1f26871f}.glass-card-dark{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#111827b3;border:1px solid #ffffff1a;box-shadow:0 8px 32px #0000005e}.gradient-primary{background:linear-gradient(135deg,#101820 0%,#1c1c1c 100%)}.gradient-secondary{background:linear-gradient(135deg,#f9fafb 0%,#f8f9fa 100%)}.gradient-mesh{background:radial-gradient(at 0 0,#14b8a61a 0,#0000 50%),radial-gradient(at 100% 0,#6366f11a 0,#0000 50%),radial-gradient(at 100% 100%,#ec48991a 0,#0000 50%),radial-gradient(at 0 100%,#eab3081a 0,#0000 50%)}.modern-card{background:#fff;border:1px solid #ececec;border-radius:12px;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a}.modern-card:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.modern-card-elevated{background:#fff;border:1px solid #f8f9fa;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.stat-card{background:linear-gradient(135deg,#ececec,#f8f9fa);border-radius:12px;padding:1px;transition:all .3s;position:relative}.stat-card:hover{background:linear-gradient(135deg,#101820,#1c1c1c)}.stat-card-inner{background:#fff;border-radius:11px;height:100%;padding:1.25rem}.btn-modern{cursor:pointer;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;padding:.625rem 1rem;font-size:.875rem;font-weight:500;line-height:1.25rem;transition:all .15s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-modern-primary{color:#fff;background:#101820;box-shadow:0 1px 2px #0000000d}.btn-modern-primary:hover{background:#1c1c1c;transform:translateY(-1px);box-shadow:0 4px 14px #14b8a64d}.btn-modern-primary:active{transform:translateY(0)}.btn-modern-secondary{color:#374151;background:#fff;border:1px solid #ececec;box-shadow:0 1px 2px #0000000d}.btn-modern-secondary:hover{background:#f9fafb;border-color:#d1d5db}.btn-modern-ghost{color:#4b5563;background:0 0}.btn-modern-ghost:hover{color:#101820;background:#f8f9fa}.input-modern{color:#101820;background:#fff;border:1px solid #ececec;border-radius:8px;width:100%;padding:.625rem .875rem;font-size:.875rem;line-height:1.25rem;transition:all .15s cubic-bezier(.4,0,.2,1)}.input-modern:hover{border-color:#d1d5db}.input-modern:focus{border-color:#101820;outline:none;box-shadow:0 0 0 3px #14b8a61a}.input-modern::placeholder{color:#9ca3af}.badge-modern{border-radius:6px;align-items:center;padding:.25rem .625rem;font-size:.75rem;font-weight:500;line-height:1rem;display:inline-flex}.badge-success{color:#15803d;background:#dcfce7}.badge-warning{color:#b45309;background:#fef3c7}.badge-error{color:#b91c1c;background:#fee2e2}.badge-info{color:#1d4ed8;background:#dbeafe}.badge-neutral{color:#374151;background:#f8f9fa}.skeleton-modern{background:linear-gradient(90deg,#ececec 0%,#f8f9fa 50%,#ececec 100%) 0 0/200% 100%;border-radius:8px;animation:1.5s ease-in-out infinite shimmer}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.transition-smooth{transition:all .2s cubic-bezier(.4,0,.2,1)}.modern-scrollbar::-webkit-scrollbar{width:8px;height:8px}.modern-scrollbar::-webkit-scrollbar-track{background:#f8f9fa;border-radius:4px}.modern-scrollbar::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.modern-scrollbar::-webkit-scrollbar-thumb:hover{background:#9ca3af}.divider-modern{background:linear-gradient(90deg,#0000,#ececec,#0000);height:1px}.tooltip-modern{color:#fff;background:#101820;border-radius:6px;padding:.375rem .625rem;font-size:.75rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.fab-modern{color:#fff;cursor:pointer;background:#101820;border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;bottom:2rem;right:2rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.fab-modern:hover{background:#1c1c1c;transform:translateY(-2px);box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.table-modern{border-collapse:separate;border-spacing:0;width:100%}.table-modern thead{background:#f9fafb}.table-modern thead th{text-align:left;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #ececec;padding:.75rem 1rem;font-size:.75rem;font-weight:600}.table-modern tbody tr{border-bottom:1px solid #f8f9fa;transition:background-color .15s}.table-modern tbody tr:hover{background:#f9fafb}.table-modern tbody td{color:#374151;padding:1rem;font-size:.875rem}.status-dot{border-radius:50%;width:8px;height:8px;margin-right:.5rem;display:inline-block}.status-dot-success{background:#22c55e;box-shadow:0 0 8px #22c55e66}.status-dot-warning{background:#f59e0b;box-shadow:0 0 8px #f59e0b66}.status-dot-error{background:#ef4444;box-shadow:0 0 8px #ef444466}.status-dot-info{background:#3b82f6;box-shadow:0 0 8px #3b82f666}.progress-modern{background:#f8f9fa;border-radius:9999px;width:100%;height:8px;overflow:hidden}.progress-bar-modern{background:linear-gradient(90deg,#101820 0%,#1c1c1c 100%);border-radius:9999px;height:100%;transition:width .3s}.floating-label-group{margin-top:1rem;position:relative}.floating-label-group input{color:#101820;background:#fff;border:1px solid #ececec;border-radius:8px;width:100%;padding:1rem .875rem .5rem;font-size:.875rem;transition:all .2s}.floating-label-group label{color:#9ca3af;pointer-events:none;font-size:.875rem;transition:all .2s;position:absolute;top:1rem;left:.875rem}.floating-label-group input:focus,.floating-label-group input:not(:placeholder-shown){border-color:#101820}.floating-label-group input:focus+label,.floating-label-group input:not(:placeholder-shown)+label{color:#101820;font-size:.75rem;top:.375rem}